@uxuissk/design-system 0.2.0 → 0.4.0
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/dist/sellsuki-ds.js +1124 -1086
- package/dist/sellsuki-ds.js.map +1 -1
- package/dist/sellsuki-ds.umd.cjs +107 -107
- package/dist/sellsuki-ds.umd.cjs.map +1 -1
- package/dist/types/index.d.ts +32 -4
- package/package.json +7 -7
package/dist/types/index.d.ts
CHANGED
|
@@ -483,7 +483,7 @@ export declare interface EmptyStateProps {
|
|
|
483
483
|
|
|
484
484
|
export declare type EmptyStateSize = "sm" | "md" | "lg";
|
|
485
485
|
|
|
486
|
-
export declare function FileUpload({ accept, maxSize, multiple, disabled, variant, label, description, }: FileUploadProps): JSX.Element;
|
|
486
|
+
export declare function FileUpload({ accept, maxSize, multiple, disabled, variant, label, description, value, onChange, onUpload, onRemove, }: FileUploadProps): JSX.Element;
|
|
487
487
|
|
|
488
488
|
export declare interface FileUploadProps {
|
|
489
489
|
accept?: string;
|
|
@@ -493,6 +493,14 @@ export declare interface FileUploadProps {
|
|
|
493
493
|
variant?: FileUploadVariant;
|
|
494
494
|
label?: string;
|
|
495
495
|
description?: string;
|
|
496
|
+
/** Controlled file list */
|
|
497
|
+
value?: UploadedFile[];
|
|
498
|
+
/** Called when files are added (from drop or file picker) */
|
|
499
|
+
onChange?: (files: File[]) => void;
|
|
500
|
+
/** Called when a file finishes uploading (internal simulation completes) */
|
|
501
|
+
onUpload?: (file: UploadedFile) => void;
|
|
502
|
+
/** Called when a file is removed from the list */
|
|
503
|
+
onRemove?: (fileId: string) => void;
|
|
496
504
|
}
|
|
497
505
|
|
|
498
506
|
export declare type FileUploadVariant = "dropzone" | "button" | "avatar";
|
|
@@ -586,7 +594,7 @@ export declare type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
|
586
594
|
declare function Notification_2({ type, title, message, closable, onClose, action, avatar, time, read, }: NotificationProps): JSX.Element;
|
|
587
595
|
export { Notification_2 as Notification }
|
|
588
596
|
|
|
589
|
-
export declare function NotificationCenter({ items }: NotificationCenterProps): JSX.Element;
|
|
597
|
+
export declare function NotificationCenter({ items, onMarkRead, onMarkAllRead, onDismiss, onClearAll, }: NotificationCenterProps): JSX.Element;
|
|
590
598
|
|
|
591
599
|
export declare interface NotificationCenterItem {
|
|
592
600
|
id: string;
|
|
@@ -599,6 +607,14 @@ export declare interface NotificationCenterItem {
|
|
|
599
607
|
|
|
600
608
|
export declare interface NotificationCenterProps {
|
|
601
609
|
items: NotificationCenterItem[];
|
|
610
|
+
/** Called when a single notification is marked as read */
|
|
611
|
+
onMarkRead?: (id: string) => void;
|
|
612
|
+
/** Called when "Mark all read" is clicked */
|
|
613
|
+
onMarkAllRead?: () => void;
|
|
614
|
+
/** Called when a notification is dismissed/removed */
|
|
615
|
+
onDismiss?: (id: string) => void;
|
|
616
|
+
/** Called when all notifications are cleared */
|
|
617
|
+
onClearAll?: () => void;
|
|
602
618
|
}
|
|
603
619
|
|
|
604
620
|
export declare interface NotificationProps {
|
|
@@ -1153,7 +1169,7 @@ export declare interface TransferItem {
|
|
|
1153
1169
|
disabled?: boolean;
|
|
1154
1170
|
}
|
|
1155
1171
|
|
|
1156
|
-
export declare function TransferList({ sourceTitle, targetTitle, items, defaultTarget, searchable, }: TransferListProps): JSX.Element;
|
|
1172
|
+
export declare function TransferList({ sourceTitle, targetTitle, items, defaultTarget, searchable, value, onChange, }: TransferListProps): JSX.Element;
|
|
1157
1173
|
|
|
1158
1174
|
export declare interface TransferListProps {
|
|
1159
1175
|
sourceTitle?: string;
|
|
@@ -1161,9 +1177,13 @@ export declare interface TransferListProps {
|
|
|
1161
1177
|
items: TransferItem[];
|
|
1162
1178
|
defaultTarget?: string[];
|
|
1163
1179
|
searchable?: boolean;
|
|
1180
|
+
/** Controlled: IDs of items in the target list */
|
|
1181
|
+
value?: string[];
|
|
1182
|
+
/** Called when target list changes */
|
|
1183
|
+
onChange?: (targetIds: string[]) => void;
|
|
1164
1184
|
}
|
|
1165
1185
|
|
|
1166
|
-
export declare function Tree({ data, selectable, showLines, defaultExpanded, }: TreeProps): JSX.Element;
|
|
1186
|
+
export declare function Tree({ data, selectable, showLines, defaultExpanded, expandedItems, onExpandChange, selectedItems, onSelect, }: TreeProps): JSX.Element;
|
|
1167
1187
|
|
|
1168
1188
|
export declare interface TreeNode {
|
|
1169
1189
|
id: string;
|
|
@@ -1178,6 +1198,14 @@ export declare interface TreeProps {
|
|
|
1178
1198
|
selectable?: boolean;
|
|
1179
1199
|
showLines?: boolean;
|
|
1180
1200
|
defaultExpanded?: string[];
|
|
1201
|
+
/** Controlled: expanded node IDs */
|
|
1202
|
+
expandedItems?: string[];
|
|
1203
|
+
/** Called when expanded state changes */
|
|
1204
|
+
onExpandChange?: (expandedIds: string[]) => void;
|
|
1205
|
+
/** Controlled: selected node IDs */
|
|
1206
|
+
selectedItems?: string[];
|
|
1207
|
+
/** Called when selection changes */
|
|
1208
|
+
onSelect?: (selectedIds: string[]) => void;
|
|
1181
1209
|
}
|
|
1182
1210
|
|
|
1183
1211
|
export declare interface UploadedFile {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxuissk/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/sellsuki-ds.umd.cjs",
|
|
@@ -30,10 +30,14 @@
|
|
|
30
30
|
"build-storybook": "storybook build",
|
|
31
31
|
"prepublishOnly": "npm run build:lib"
|
|
32
32
|
},
|
|
33
|
-
"dependencies": {
|
|
34
|
-
|
|
33
|
+
"dependencies": {},
|
|
34
|
+
"peerDependencies": {
|
|
35
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
36
|
+
"react-dom": "^18.0.0 || ^19.0.0",
|
|
37
|
+
"lucide-react": ">=0.400.0"
|
|
35
38
|
},
|
|
36
39
|
"devDependencies": {
|
|
40
|
+
"lucide-react": "0.487.0",
|
|
37
41
|
"@emotion/react": "11.14.0",
|
|
38
42
|
"@emotion/styled": "11.14.1",
|
|
39
43
|
"@mui/icons-material": "7.3.5",
|
|
@@ -103,10 +107,6 @@
|
|
|
103
107
|
"vite": "6.3.5",
|
|
104
108
|
"vite-plugin-dts": "^4.0.0"
|
|
105
109
|
},
|
|
106
|
-
"peerDependencies": {
|
|
107
|
-
"react": "^18.0.0 || ^19.0.0",
|
|
108
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
109
|
-
},
|
|
110
110
|
"pnpm": {
|
|
111
111
|
"overrides": {
|
|
112
112
|
"vite": "6.3.5"
|