@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.
@@ -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.2.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
- "lucide-react": "0.487.0"
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"