fix(deps): update dependency @tabler/icons-react to v3 (#215)
* fix(deps): update dependency @tabler/icons-react to v3 * fix: type issues caused by removal of TablerIconProps --------- Co-authored-by: homarr-renovate[bot] <158783068+homarr-renovate[bot]@users.noreply.github.com> Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>
This commit is contained in:
committed by
GitHub
parent
24ec13c2ab
commit
1c222ed89c
@@ -1,12 +1,9 @@
|
|||||||
import type { IntegrationSecretKind } from "@homarr/definitions";
|
import type { IntegrationSecretKind } from "@homarr/definitions";
|
||||||
import type { TablerIconsProps } from "@homarr/ui";
|
import type { TablerIcon } from "@homarr/ui";
|
||||||
import { IconKey, IconPassword, IconUser } from "@homarr/ui";
|
import { IconKey, IconPassword, IconUser } from "@homarr/ui";
|
||||||
|
|
||||||
export const integrationSecretIcons = {
|
export const integrationSecretIcons = {
|
||||||
username: IconUser,
|
username: IconUser,
|
||||||
apiKey: IconKey,
|
apiKey: IconKey,
|
||||||
password: IconPassword,
|
password: IconPassword,
|
||||||
} satisfies Record<
|
} satisfies Record<IntegrationSecretKind, TablerIcon>;
|
||||||
IntegrationSecretKind,
|
|
||||||
(props: TablerIconsProps) => JSX.Element
|
|
||||||
>;
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import { api } from "@homarr/api/server";
|
|||||||
import { capitalize } from "@homarr/common";
|
import { capitalize } from "@homarr/common";
|
||||||
import type { TranslationObject } from "@homarr/translation";
|
import type { TranslationObject } from "@homarr/translation";
|
||||||
import { getScopedI18n } from "@homarr/translation/server";
|
import { getScopedI18n } from "@homarr/translation/server";
|
||||||
import type { TablerIconsProps } from "@homarr/ui";
|
import type { TablerIcon } from "@homarr/ui";
|
||||||
import {
|
import {
|
||||||
AccordionControl,
|
AccordionControl,
|
||||||
AccordionItem,
|
AccordionItem,
|
||||||
@@ -84,7 +84,7 @@ export default async function BoardSettingsPage({
|
|||||||
|
|
||||||
type AccordionItemForProps = PropsWithChildren<{
|
type AccordionItemForProps = PropsWithChildren<{
|
||||||
value: keyof TranslationObject["board"]["setting"]["section"];
|
value: keyof TranslationObject["board"]["setting"]["section"];
|
||||||
icon: (props: TablerIconsProps) => JSX.Element;
|
icon: TablerIcon;
|
||||||
danger?: boolean;
|
danger?: boolean;
|
||||||
noPadding?: boolean;
|
noPadding?: boolean;
|
||||||
}>;
|
}>;
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import React, { useMemo } from "react";
|
|||||||
import { useAtomValue } from "jotai";
|
import { useAtomValue } from "jotai";
|
||||||
|
|
||||||
import { useScopedI18n } from "@homarr/translation/client";
|
import { useScopedI18n } from "@homarr/translation/client";
|
||||||
import type { TablerIconsProps } from "@homarr/ui";
|
import type { TablerIcon } from "@homarr/ui";
|
||||||
import {
|
import {
|
||||||
ActionIcon,
|
ActionIcon,
|
||||||
IconDotsVertical,
|
IconDotsVertical,
|
||||||
@@ -120,7 +120,7 @@ const useNonEditModeActions = (_category: CategorySection) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
interface ActionDefinition {
|
interface ActionDefinition {
|
||||||
icon: (props: TablerIconsProps) => JSX.Element;
|
icon: TablerIcon;
|
||||||
label: string;
|
label: string;
|
||||||
onClick: () => void;
|
onClick: () => void;
|
||||||
color?: string;
|
color?: string;
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import type { TablerIconsProps } from "@homarr/ui";
|
import type { TablerIcon } from "@homarr/ui";
|
||||||
import { AppShellNavbar, AppShellSection, ScrollArea } from "@homarr/ui";
|
import { AppShellNavbar, AppShellSection, ScrollArea } from "@homarr/ui";
|
||||||
|
|
||||||
import type { ClientNavigationLink } from "./navigation-link";
|
import type { ClientNavigationLink } from "./navigation-link";
|
||||||
@@ -51,7 +51,7 @@ export const MainNavigation = ({
|
|||||||
|
|
||||||
interface CommonNavigationLinkProps {
|
interface CommonNavigationLinkProps {
|
||||||
label: string;
|
label: string;
|
||||||
icon: (props: TablerIconsProps) => JSX.Element;
|
icon: TablerIcon;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface NavigationLinkHref extends CommonNavigationLinkProps {
|
interface NavigationLinkHref extends CommonNavigationLinkProps {
|
||||||
|
|||||||
@@ -10,15 +10,15 @@ The [SpotlightActionData](./src/type.ts) is the data structure that is used to d
|
|||||||
|
|
||||||
#### Common properties
|
#### Common properties
|
||||||
|
|
||||||
| Name | Type | Description |
|
| Name | Type | Description |
|
||||||
| ------------------------------ | ------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- |
|
| ------------------------------ | ------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
|
||||||
| id | `string` | The id of the action. |
|
| id | `string` | The id of the action. |
|
||||||
| title | `string \| (t: TranslationFunction) => string` | The title of the action. Either static or generated with translation function |
|
| title | `string \| (t: TranslationFunction) => string` | The title of the action. Either static or generated with translation function |
|
||||||
| description | `string \| (t: TranslationFunction) => string` | The description of the action. Either static or generated with translation function |
|
| description | `string \| (t: TranslationFunction) => string` | The description of the action. Either static or generated with translation function |
|
||||||
| icon | `string \| (props: TablerIconProps) => JSX.Element` | The icon of the action. Either a url to an image or a TablerIcon |
|
| icon | `string \| TablerIcon` | The icon of the action. Either a url to an image or a TablerIcon |
|
||||||
| group | `string` | The group of the action. By default the groups all, web and action exist. |
|
| group | `string` | The group of the action. By default the groups all, web and action exist. |
|
||||||
| ignoreSearchAndOnlyShowInGroup | `boolean` | If true, the action will only be shown in the group and not in the search results. |
|
| ignoreSearchAndOnlyShowInGroup | `boolean` | If true, the action will only be shown in the group and not in the search results. |
|
||||||
| type | `'link' \| 'button'` | The type of the action. Either link or button |
|
| type | `'link' \| 'button'` | The type of the action. Either link or button |
|
||||||
|
|
||||||
#### Properties for links
|
#### Properties for links
|
||||||
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import type {
|
|||||||
TranslationFunction,
|
TranslationFunction,
|
||||||
TranslationObject,
|
TranslationObject,
|
||||||
} from "@homarr/translation";
|
} from "@homarr/translation";
|
||||||
import type { TablerIconsProps } from "@homarr/ui";
|
import type { TablerIcon } from "@homarr/ui";
|
||||||
|
|
||||||
export type SpotlightActionGroup =
|
export type SpotlightActionGroup =
|
||||||
keyof TranslationObject["common"]["search"]["group"];
|
keyof TranslationObject["common"]["search"]["group"];
|
||||||
@@ -12,7 +12,7 @@ interface BaseSpotlightAction {
|
|||||||
title: string | ((t: TranslationFunction) => string);
|
title: string | ((t: TranslationFunction) => string);
|
||||||
description: string | ((t: TranslationFunction) => string);
|
description: string | ((t: TranslationFunction) => string);
|
||||||
group: Exclude<SpotlightActionGroup, "all">; // actions can not be assigned to the "all" group
|
group: Exclude<SpotlightActionGroup, "all">; // actions can not be assigned to the "all" group
|
||||||
icon: ((props: TablerIconsProps) => JSX.Element) | string;
|
icon: TablerIcon | string;
|
||||||
ignoreSearchAndOnlyShowInGroup?: boolean;
|
ignoreSearchAndOnlyShowInGroup?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,8 @@
|
|||||||
export * from "./src";
|
import type { Icon123 } from "@tabler/icons-react";
|
||||||
|
|
||||||
export * from "@mantine/core";
|
export * from "@mantine/core";
|
||||||
export * from "@mantine/dates";
|
export * from "@mantine/dates";
|
||||||
export * from "@tabler/icons-react";
|
export * from "@tabler/icons-react";
|
||||||
|
export * from "./src";
|
||||||
|
|
||||||
|
export type TablerIcon = typeof Icon123;
|
||||||
|
|||||||
@@ -37,7 +37,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@mantine/core": "^7.6.1",
|
"@mantine/core": "^7.6.1",
|
||||||
"@mantine/dates": "^7.6.1",
|
"@mantine/dates": "^7.6.1",
|
||||||
"@tabler/icons-react": "^2.47.0",
|
"@tabler/icons-react": "^3.0.1",
|
||||||
"mantine-react-table": "2.0.0-beta.0"
|
"mantine-react-table": "2.0.0-beta.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import type { LoaderComponent } from "next/dynamic";
|
import type { LoaderComponent } from "next/dynamic";
|
||||||
|
|
||||||
import type { IntegrationKind, WidgetKind } from "@homarr/definitions";
|
import type { IntegrationKind, WidgetKind } from "@homarr/definitions";
|
||||||
import type { TablerIconsProps } from "@homarr/ui";
|
import type { TablerIcon } from "@homarr/ui";
|
||||||
|
|
||||||
import type { WidgetImports } from ".";
|
import type { WidgetImports } from ".";
|
||||||
import type {
|
import type {
|
||||||
@@ -78,7 +78,7 @@ export const createWidgetDefinition = <
|
|||||||
});
|
});
|
||||||
|
|
||||||
export interface WidgetDefinition {
|
export interface WidgetDefinition {
|
||||||
icon: (props: TablerIconsProps) => JSX.Element;
|
icon: TablerIcon;
|
||||||
supportedIntegrations?: IntegrationKind[];
|
supportedIntegrations?: IntegrationKind[];
|
||||||
options: WidgetOptionsRecord;
|
options: WidgetOptionsRecord;
|
||||||
}
|
}
|
||||||
|
|||||||
23
pnpm-lock.yaml
generated
23
pnpm-lock.yaml
generated
@@ -611,11 +611,11 @@ importers:
|
|||||||
specifier: ^7.6.1
|
specifier: ^7.6.1
|
||||||
version: 7.6.1(@mantine/core@7.6.1)(@mantine/hooks@7.6.1)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
|
version: 7.6.1(@mantine/core@7.6.1)(@mantine/hooks@7.6.1)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
|
||||||
'@tabler/icons-react':
|
'@tabler/icons-react':
|
||||||
specifier: ^2.47.0
|
specifier: ^3.0.1
|
||||||
version: 2.47.0(react@18.2.0)
|
version: 3.0.1(react@18.2.0)
|
||||||
mantine-react-table:
|
mantine-react-table:
|
||||||
specifier: 2.0.0-beta.0
|
specifier: 2.0.0-beta.0
|
||||||
version: 2.0.0-beta.0(@mantine/core@7.6.1)(@mantine/dates@7.6.1)(@mantine/hooks@7.6.1)(@tabler/icons-react@2.47.0)(clsx@2.1.0)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
|
version: 2.0.0-beta.0(@mantine/core@7.6.1)(@mantine/dates@7.6.1)(@mantine/hooks@7.6.1)(@tabler/icons-react@3.0.1)(clsx@2.1.0)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
|
||||||
devDependencies:
|
devDependencies:
|
||||||
'@homarr/eslint-config':
|
'@homarr/eslint-config':
|
||||||
specifier: workspace:^0.2.0
|
specifier: workspace:^0.2.0
|
||||||
@@ -2495,18 +2495,17 @@ packages:
|
|||||||
zod: 3.22.4
|
zod: 3.22.4
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@tabler/icons-react@2.47.0(react@18.2.0):
|
/@tabler/icons-react@3.0.1(react@18.2.0):
|
||||||
resolution: {integrity: sha512-iqly2FvCF/qUbgmvS8E40rVeYY7laltc5GUjRxQj59DuX0x/6CpKHTXt86YlI2whg4czvd/c8Ce8YR08uEku0g==}
|
resolution: {integrity: sha512-CaB72mZo3t+DCYfwelPHBp3dCfghocSKESau0AZZGKLozNnh7nOtVk4riH0+UBN2Gu0hKq9DZzIU4dUW8uq+mw==}
|
||||||
peerDependencies:
|
peerDependencies:
|
||||||
react: ^16.5.1 || ^17.0.0 || ^18.0.0
|
react: '>= 16'
|
||||||
dependencies:
|
dependencies:
|
||||||
'@tabler/icons': 2.47.0
|
'@tabler/icons': 3.0.1
|
||||||
prop-types: 15.8.1
|
|
||||||
react: 18.2.0
|
react: 18.2.0
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@tabler/icons@2.47.0:
|
/@tabler/icons@3.0.1:
|
||||||
resolution: {integrity: sha512-4w5evLh+7FUUiA1GucvGj2ReX2TvOjEr4ejXdwL/bsjoSkof6r1gQmzqI+VHrE2CpJpB3al7bCTulOkFa/RcyA==}
|
resolution: {integrity: sha512-K/ZgJkxWcrMWdkgvS7VmgZ4F6SXM5UPolh2Y/dPTJnRpjMSySzfi93+XvfP2YfAzH7bd4ilqmTp7TADPLHrn0A==}
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@tanstack/match-sorter-utils@8.11.8:
|
/@tanstack/match-sorter-utils@8.11.8:
|
||||||
@@ -6948,7 +6947,7 @@ packages:
|
|||||||
react-dom: 18.2.0(react@18.2.0)
|
react-dom: 18.2.0(react@18.2.0)
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/mantine-react-table@2.0.0-beta.0(@mantine/core@7.6.1)(@mantine/dates@7.6.1)(@mantine/hooks@7.6.1)(@tabler/icons-react@2.47.0)(clsx@2.1.0)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0):
|
/mantine-react-table@2.0.0-beta.0(@mantine/core@7.6.1)(@mantine/dates@7.6.1)(@mantine/hooks@7.6.1)(@tabler/icons-react@3.0.1)(clsx@2.1.0)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0):
|
||||||
resolution: {integrity: sha512-KZOr7nzoSt4aF0hyWKJJBK9/dxVWB3tdg2fFSNnqns9cbPFlLTGXDKguLSoNE8WkzjWE0ThpYJknIAoraL/7ug==}
|
resolution: {integrity: sha512-KZOr7nzoSt4aF0hyWKJJBK9/dxVWB3tdg2fFSNnqns9cbPFlLTGXDKguLSoNE8WkzjWE0ThpYJknIAoraL/7ug==}
|
||||||
engines: {node: '>=16'}
|
engines: {node: '>=16'}
|
||||||
peerDependencies:
|
peerDependencies:
|
||||||
@@ -6964,7 +6963,7 @@ packages:
|
|||||||
'@mantine/core': 7.6.1(@mantine/hooks@7.6.1)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0)
|
'@mantine/core': 7.6.1(@mantine/hooks@7.6.1)(@types/react@18.2.65)(react-dom@18.2.0)(react@18.2.0)
|
||||||
'@mantine/dates': 7.6.1(@mantine/core@7.6.1)(@mantine/hooks@7.6.1)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
|
'@mantine/dates': 7.6.1(@mantine/core@7.6.1)(@mantine/hooks@7.6.1)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
|
||||||
'@mantine/hooks': 7.6.1(react@18.2.0)
|
'@mantine/hooks': 7.6.1(react@18.2.0)
|
||||||
'@tabler/icons-react': 2.47.0(react@18.2.0)
|
'@tabler/icons-react': 3.0.1(react@18.2.0)
|
||||||
'@tanstack/match-sorter-utils': 8.11.8
|
'@tanstack/match-sorter-utils': 8.11.8
|
||||||
'@tanstack/react-table': 8.12.0(react-dom@18.2.0)(react@18.2.0)
|
'@tanstack/react-table': 8.12.0(react-dom@18.2.0)(react@18.2.0)
|
||||||
'@tanstack/react-virtual': 3.1.2(react-dom@18.2.0)(react@18.2.0)
|
'@tanstack/react-virtual': 3.1.2(react-dom@18.2.0)(react@18.2.0)
|
||||||
|
|||||||
Reference in New Issue
Block a user