hans-ui-design-lib 1.0.21 → 1.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +90 -9
- package/dist/index.cjs.js +44 -44
- package/dist/index.css +1 -1
- package/dist/index.d.ts +40 -38
- package/dist/index.es.js +2667 -2663
- package/package.json +4 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
1
|
+
import { default as default_2 } from '../../../../node_modules/react';
|
|
2
|
+
import { default as default_3 } from '../../node_modules/react';
|
|
3
|
+
import { default as default_4 } from '../../../node_modules/react';
|
|
2
4
|
import { JSX } from 'react/jsx-runtime';
|
|
3
5
|
|
|
4
6
|
export declare const assertCompleteHansTheme: (theme: HansThemeCombination) => void;
|
|
@@ -49,16 +51,16 @@ export declare const HANS_THEME_TONE_LEVELS: HansThemeToneLevel[];
|
|
|
49
51
|
|
|
50
52
|
export declare const HANS_THEME_WINDOW_KEY = "HansUI";
|
|
51
53
|
|
|
52
|
-
export declare const HansAccordion:
|
|
54
|
+
export declare const HansAccordion: default_4.MemoExoticComponent<(props: HansAccordionProps) => JSX.Element>;
|
|
53
55
|
|
|
54
56
|
export declare type HansAccordionItem = {
|
|
55
57
|
id?: string;
|
|
56
58
|
title: string;
|
|
57
|
-
description:
|
|
59
|
+
description: default_4.ReactNode;
|
|
58
60
|
disabled?: boolean;
|
|
59
61
|
};
|
|
60
62
|
|
|
61
|
-
export declare type HansAccordionProps = InferPropsFromSchema<typeof HansAccordionSchema> & Omit<
|
|
63
|
+
export declare type HansAccordionProps = InferPropsFromSchema<typeof HansAccordionSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
62
64
|
onOpenItemIdsChange?: (openItemIds: string[]) => void;
|
|
63
65
|
};
|
|
64
66
|
|
|
@@ -109,11 +111,11 @@ declare const HansAccordionSchema: {
|
|
|
109
111
|
readonly accordionId: "string";
|
|
110
112
|
};
|
|
111
113
|
|
|
112
|
-
export declare const HansAvatar:
|
|
114
|
+
export declare const HansAvatar: default_4.MemoExoticComponent<(props: HansAvatarProps) => JSX.Element>;
|
|
113
115
|
|
|
114
|
-
export declare type HansAvatarProps = InferPropsFromSchema<typeof HansAvatarSchema> & Omit<
|
|
116
|
+
export declare type HansAvatarProps = InferPropsFromSchema<typeof HansAvatarSchema> & Omit<default_4.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'size' | 'loading'>;
|
|
115
117
|
|
|
116
|
-
export declare const HansAvatarPropsList: Partial<Record<"
|
|
118
|
+
export declare const HansAvatarPropsList: Partial<Record<"src" | "alt" | "customClasses" | "loading" | "avatarSize" | "fallbackIconName", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
|
|
117
119
|
|
|
118
120
|
declare const HansAvatarSchema: {
|
|
119
121
|
readonly src: "string";
|
|
@@ -169,12 +171,12 @@ declare const HansButtonSchema: {
|
|
|
169
171
|
readonly loading: "boolean";
|
|
170
172
|
};
|
|
171
173
|
|
|
172
|
-
export declare const HansCard:
|
|
174
|
+
export declare const HansCard: default_4.MemoExoticComponent<(props: HansCardProps) => JSX.Element>;
|
|
173
175
|
|
|
174
176
|
declare type HansCardLayout = 'profile' | 'image' | 'custom';
|
|
175
177
|
|
|
176
|
-
export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<
|
|
177
|
-
children?:
|
|
178
|
+
export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
|
|
179
|
+
children?: default_4.ReactNode;
|
|
178
180
|
};
|
|
179
181
|
|
|
180
182
|
export declare const HansCardPropsList: Partial<Record<"customClasses" | "loading" | "loadingColor" | "title" | "imageSrc" | "imageAlt" | "description" | "avatarSrc" | "avatarAlt" | "avatarLoading" | "loadingAriaLabel" | "cardLayout" | "cardSize" | "cardColor" | "cardVariant" | "cardBackgroundColor" | "cardBorderColor" | "cardTextColor" | "cardMutedColor", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
|
|
@@ -216,7 +218,7 @@ declare const HansCardSchema: {
|
|
|
216
218
|
readonly customClasses: "string";
|
|
217
219
|
};
|
|
218
220
|
|
|
219
|
-
export declare const HansCarousel:
|
|
221
|
+
export declare const HansCarousel: default_4.MemoExoticComponent<(props: HansCarouselProps) => JSX.Element>;
|
|
220
222
|
|
|
221
223
|
export declare type HansCarouselItem = {
|
|
222
224
|
id?: string;
|
|
@@ -226,7 +228,7 @@ export declare type HansCarouselItem = {
|
|
|
226
228
|
description?: string;
|
|
227
229
|
};
|
|
228
230
|
|
|
229
|
-
export declare type HansCarouselProps = InferPropsFromSchema<typeof HansCarouselSchema> & Omit<
|
|
231
|
+
export declare type HansCarouselProps = InferPropsFromSchema<typeof HansCarouselSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
230
232
|
onActiveItemChange?: (activeItemIndex: number) => void;
|
|
231
233
|
};
|
|
232
234
|
|
|
@@ -269,7 +271,7 @@ declare const HansCarouselSchema: {
|
|
|
269
271
|
readonly carouselId: "string";
|
|
270
272
|
};
|
|
271
273
|
|
|
272
|
-
export declare const HansChart:
|
|
274
|
+
export declare const HansChart: default_4.MemoExoticComponent<(props: HansChartProps) => JSX.Element>;
|
|
273
275
|
|
|
274
276
|
export declare type HansChartColor = Color | string;
|
|
275
277
|
|
|
@@ -286,7 +288,7 @@ export declare type HansChartPointEvent = {
|
|
|
286
288
|
seriesName?: string;
|
|
287
289
|
};
|
|
288
290
|
|
|
289
|
-
export declare type HansChartProps = InferPropsFromSchema<typeof HansChartSchema> & Omit<
|
|
291
|
+
export declare type HansChartProps = InferPropsFromSchema<typeof HansChartSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'onClick'> & {
|
|
290
292
|
onPointClick?: (event: HansChartPointEvent) => void;
|
|
291
293
|
};
|
|
292
294
|
|
|
@@ -483,7 +485,7 @@ declare const HansDropdownSchema: {
|
|
|
483
485
|
readonly emptyTextColor: "string";
|
|
484
486
|
};
|
|
485
487
|
|
|
486
|
-
export declare const HansIcon:
|
|
488
|
+
export declare const HansIcon: default_4.FC<HansIconProps>;
|
|
487
489
|
|
|
488
490
|
export declare type HansIconProps = InferPropsFromSchema<typeof HansIconSchema>;
|
|
489
491
|
|
|
@@ -546,7 +548,7 @@ declare const HansInputSchema: {
|
|
|
546
548
|
};
|
|
547
549
|
};
|
|
548
550
|
|
|
549
|
-
export declare const HansKanban:
|
|
551
|
+
export declare const HansKanban: default_4.MemoExoticComponent<(props: HansKanbanProps) => JSX.Element>;
|
|
550
552
|
|
|
551
553
|
export declare const HansKanbanColumn: default_2.MemoExoticComponent<(props: HansKanbanColumnProps) => JSX.Element>;
|
|
552
554
|
|
|
@@ -631,7 +633,7 @@ export declare type HansKanbanMoveEvent = {
|
|
|
631
633
|
nextItems: HansKanbanItemData[];
|
|
632
634
|
};
|
|
633
635
|
|
|
634
|
-
export declare type HansKanbanProps = InferPropsFromSchema<typeof HansKanbanSchema> & Omit<
|
|
636
|
+
export declare type HansKanbanProps = InferPropsFromSchema<typeof HansKanbanSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
|
|
635
637
|
onItemsChange?: (items: HansKanbanItemData[]) => void;
|
|
636
638
|
onMoveItem?: (event: HansKanbanMoveEvent) => void;
|
|
637
639
|
onItemClick?: (item: HansKanbanItemData) => void;
|
|
@@ -670,9 +672,9 @@ declare const HansKanbanSchema: {
|
|
|
670
672
|
readonly loadingAriaLabel: "string";
|
|
671
673
|
};
|
|
672
674
|
|
|
673
|
-
export declare const HansLoading:
|
|
675
|
+
export declare const HansLoading: default_4.MemoExoticComponent<(props: HansLoadingProps) => JSX.Element>;
|
|
674
676
|
|
|
675
|
-
export declare type HansLoadingProps = InferPropsFromSchema<typeof HansLoadingSchema> & Omit<
|
|
677
|
+
export declare type HansLoadingProps = InferPropsFromSchema<typeof HansLoadingSchema> & Omit<default_4.HTMLAttributes<HTMLSpanElement>, 'color'>;
|
|
676
678
|
|
|
677
679
|
export declare const HansLoadingPropsList: Partial<Record<"rounded" | "customClasses" | "loadingType" | "loadingSize" | "loadingColor" | "skeletonWidth" | "skeletonHeight" | "ariaLabel", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
|
|
678
680
|
|
|
@@ -702,10 +704,10 @@ declare const HansLoadingSchema: {
|
|
|
702
704
|
readonly ariaLabel: "string";
|
|
703
705
|
};
|
|
704
706
|
|
|
705
|
-
export declare const HansModal:
|
|
707
|
+
export declare const HansModal: default_4.MemoExoticComponent<(props: HansModalProps) => JSX.Element | null>;
|
|
706
708
|
|
|
707
|
-
export declare type HansModalProps = InferPropsFromSchema<typeof HansModalSchema> & Omit<
|
|
708
|
-
children?:
|
|
709
|
+
export declare type HansModalProps = InferPropsFromSchema<typeof HansModalSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children' | 'color' | 'title'> & {
|
|
710
|
+
children?: default_4.ReactNode;
|
|
709
711
|
container?: HTMLElement | ShadowRoot | null;
|
|
710
712
|
onOpenChange?: (open: boolean) => void;
|
|
711
713
|
onClose?: (reason: ModalCloseReason) => void;
|
|
@@ -773,17 +775,17 @@ declare const HansModalSchema: {
|
|
|
773
775
|
readonly maxBodyHeight: "string";
|
|
774
776
|
};
|
|
775
777
|
|
|
776
|
-
export declare const HansPopup:
|
|
778
|
+
export declare const HansPopup: default_4.MemoExoticComponent<(props: HansPopupProps) => JSX.Element>;
|
|
777
779
|
|
|
778
|
-
export declare type HansPopupProps = InferPropsFromSchema<typeof HansPopupSchema> & Omit<
|
|
779
|
-
children:
|
|
780
|
+
export declare type HansPopupProps = InferPropsFromSchema<typeof HansPopupSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
781
|
+
children: default_4.ReactNode;
|
|
780
782
|
onOpenChange?: (open: boolean) => void;
|
|
781
783
|
renderTrigger: (params: {
|
|
782
784
|
isOpen: boolean;
|
|
783
785
|
open: () => void;
|
|
784
786
|
close: () => void;
|
|
785
787
|
toggle: () => void;
|
|
786
|
-
}) =>
|
|
788
|
+
}) => default_4.ReactNode;
|
|
787
789
|
onDirectionChange?: (direction: PopupDirection) => void;
|
|
788
790
|
onHorizontalPositionChange?: (horizontalPosition: PopupHorizontalPosition) => void;
|
|
789
791
|
};
|
|
@@ -863,14 +865,14 @@ declare const HansSelectOptionSchema: {
|
|
|
863
865
|
export declare type HansTabItem = {
|
|
864
866
|
id: string;
|
|
865
867
|
title: string;
|
|
866
|
-
content:
|
|
868
|
+
content: default_4.ReactNode;
|
|
867
869
|
disabled?: boolean;
|
|
868
870
|
closable?: boolean;
|
|
869
871
|
tabColor?: Color;
|
|
870
872
|
tabVariant?: Variant;
|
|
871
873
|
};
|
|
872
874
|
|
|
873
|
-
export declare const HansTable:
|
|
875
|
+
export declare const HansTable: default_4.MemoExoticComponent<(props: HansTableProps) => JSX.Element>;
|
|
874
876
|
|
|
875
877
|
export declare type HansTableColumn = {
|
|
876
878
|
key: string;
|
|
@@ -880,7 +882,7 @@ export declare type HansTableColumn = {
|
|
|
880
882
|
width?: string;
|
|
881
883
|
align?: 'left' | 'center' | 'right';
|
|
882
884
|
filterAlign?: 'left' | 'center' | 'right';
|
|
883
|
-
render?: (value: unknown, row: HansTableRow, rowIndex: number) =>
|
|
885
|
+
render?: (value: unknown, row: HansTableRow, rowIndex: number) => default_4.ReactNode;
|
|
884
886
|
};
|
|
885
887
|
|
|
886
888
|
export declare type HansTableFilterConfig = {
|
|
@@ -894,7 +896,7 @@ export declare type HansTableFilterConfig = {
|
|
|
894
896
|
enableAutocomplete?: boolean;
|
|
895
897
|
};
|
|
896
898
|
|
|
897
|
-
export declare type HansTableProps = InferPropsFromSchema<typeof HansTableSchema> & Omit<
|
|
899
|
+
export declare type HansTableProps = InferPropsFromSchema<typeof HansTableSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
898
900
|
initialSort?: HansTableSortState;
|
|
899
901
|
initialFilters?: Record<string, string>;
|
|
900
902
|
onSortChange?: (sortState: HansTableSortState) => void;
|
|
@@ -970,9 +972,9 @@ export declare type HansTableSortState = {
|
|
|
970
972
|
direction: HansTableSortDirection;
|
|
971
973
|
} | null;
|
|
972
974
|
|
|
973
|
-
export declare const HansTabs:
|
|
975
|
+
export declare const HansTabs: default_4.MemoExoticComponent<(props: HansTabsProps) => JSX.Element>;
|
|
974
976
|
|
|
975
|
-
export declare type HansTabsProps = InferPropsFromSchema<typeof HansTabsSchema> & Omit<
|
|
977
|
+
export declare type HansTabsProps = InferPropsFromSchema<typeof HansTabsSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
976
978
|
onTabChange?: (tabId: string) => void;
|
|
977
979
|
onTabClose?: (tabId: string) => void;
|
|
978
980
|
onTabsChange?: (tabs: HansTabItem[]) => void;
|
|
@@ -1011,9 +1013,9 @@ declare const HansTabsSchema: {
|
|
|
1011
1013
|
readonly inputId: "string";
|
|
1012
1014
|
};
|
|
1013
1015
|
|
|
1014
|
-
export declare const HansTag:
|
|
1016
|
+
export declare const HansTag: default_4.MemoExoticComponent<(props: HansTagProps) => JSX.Element>;
|
|
1015
1017
|
|
|
1016
|
-
export declare type HansTagProps = InferPropsFromSchema<typeof HansTagSchema> & Omit<
|
|
1018
|
+
export declare type HansTagProps = InferPropsFromSchema<typeof HansTagSchema> & Omit<default_4.HTMLAttributes<HTMLSpanElement>, 'color'> & {
|
|
1017
1019
|
onAction?: () => void;
|
|
1018
1020
|
};
|
|
1019
1021
|
|
|
@@ -1065,9 +1067,9 @@ export declare type HansThemeTone = Record<HansThemeToneLevel, string>;
|
|
|
1065
1067
|
|
|
1066
1068
|
export declare type HansThemeToneLevel = 'strong' | 'default' | 'neutral';
|
|
1067
1069
|
|
|
1068
|
-
export declare const HansToast:
|
|
1070
|
+
export declare const HansToast: default_4.MemoExoticComponent<(props: HansToastProps) => JSX.Element | null>;
|
|
1069
1071
|
|
|
1070
|
-
export declare type HansToastProps = InferPropsFromSchema<typeof HansToastSchema> & Omit<
|
|
1072
|
+
export declare type HansToastProps = InferPropsFromSchema<typeof HansToastSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
|
|
1071
1073
|
onClose?: (reason: ToastCloseReason) => void;
|
|
1072
1074
|
onVisibilityChange?: (visible: boolean) => void;
|
|
1073
1075
|
portalTarget?: HTMLElement | null;
|
|
@@ -1161,10 +1163,10 @@ declare const HansToggleSchema: {
|
|
|
1161
1163
|
readonly inputId: "string";
|
|
1162
1164
|
};
|
|
1163
1165
|
|
|
1164
|
-
export declare type IconLibrary = Record<string,
|
|
1166
|
+
export declare type IconLibrary = Record<string, default_4.ComponentType<default_4.SVGProps<SVGSVGElement>>>;
|
|
1165
1167
|
|
|
1166
1168
|
declare type InferPropsFromSchema<T extends Record<string, SchemaType>> = Partial<{
|
|
1167
|
-
[K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ?
|
|
1169
|
+
[K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ? default_3.ReactNode : T[K] extends 'json' ? Record<string, unknown> : T[K] extends {
|
|
1168
1170
|
type: 'custom';
|
|
1169
1171
|
ref: infer U;
|
|
1170
1172
|
} ? U : never;
|