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:
homarr-renovate[bot]
2024-03-12 21:46:37 +01:00
committed by GitHub
parent 24ec13c2ab
commit 1c222ed89c
10 changed files with 38 additions and 38 deletions

View File

@@ -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
>;

View File

@@ -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;
}>; }>;

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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

View File

@@ -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;
} }

View File

@@ -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;

View File

@@ -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"
} }
} }

View File

@@ -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
View File

@@ -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)