@unifiedsoftware/react-ui 1.0.13 → 1.0.15

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +104 -1
  2. package/dist/index.d.ts +104 -1
  3. package/dist/index.js +703 -123
  4. package/dist/index.mjs +672 -87
  5. package/package.json +3 -1
package/dist/index.d.mts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { Dispatch, SetStateAction } from 'react';
3
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
4
 
4
5
  interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
5
6
  isOpen: boolean;
@@ -125,6 +126,18 @@ interface CollapseTriggerProps {
125
126
  }
126
127
  declare const CollapseTrigger: react__default.FC<CollapseTriggerProps>;
127
128
 
129
+ type DrawerSize = 'sm' | 'md' | 'lg';
130
+ type DrawerPosition = 'top' | 'left' | 'right' | 'bottom';
131
+
132
+ interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
133
+ isOpen: boolean;
134
+ size?: DrawerSize;
135
+ position?: DrawerPosition;
136
+ onClose: () => void;
137
+ onAfterClose?: () => void;
138
+ }
139
+ declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>>;
140
+
128
141
  interface IconProps {
129
142
  children: React.ReactNode;
130
143
  color?: 'primary' | 'secondary';
@@ -326,6 +339,96 @@ interface TransitionProps extends React.HTMLAttributes<HTMLElement> {
326
339
  }
327
340
  declare const Transition: react.ForwardRefExoticComponent<TransitionProps & react.RefAttributes<HTMLElement>>;
328
341
 
342
+ type SelectItem = {
343
+ key: any;
344
+ text: string;
345
+ } | any;
346
+ type SelectData<TSelectItem = SelectItem> = {
347
+ items: TSelectItem[];
348
+ total: number;
349
+ };
350
+ type SelectState = {
351
+ skip: number;
352
+ filter: string;
353
+ };
354
+ interface VirtualScrollerProps$1 {
355
+ pageSize?: number;
356
+ }
357
+ type SelectBaseProps<TSelectItem = SelectItem> = {
358
+ data: SelectData<TSelectItem>;
359
+ value?: TSelectItem | null;
360
+ placeholder?: string;
361
+ keyField?: string;
362
+ textField?: string;
363
+ filterable?: boolean;
364
+ filter?: string;
365
+ virtual?: VirtualScrollerProps$1;
366
+ disabled?: boolean;
367
+ loading?: boolean;
368
+ className?: string;
369
+ onFilterChange?: (filter: string) => void;
370
+ onChange: (value: any) => void;
371
+ renderItem?: (item: TSelectItem) => React.ReactNode;
372
+ };
373
+ type SelectClientProps<TSelectItem = SelectItem> = {
374
+ filterMode: 'client';
375
+ page?: number;
376
+ pageSize?: number;
377
+ } & SelectBaseProps<TSelectItem>;
378
+ type SelectServerProps<TSelectItem = SelectItem> = {
379
+ filterMode: 'server';
380
+ onDataChange: (data: SelectData) => void;
381
+ getData: (state: SelectState) => Promise<SelectData<TSelectItem>>;
382
+ } & SelectBaseProps<TSelectItem>;
383
+ type SelectProps<TSelectItem = SelectItem> = SelectClientProps<TSelectItem> | SelectServerProps<TSelectItem>;
384
+
385
+ declare const Select: (props: SelectProps) => react_jsx_runtime.JSX.Element;
386
+
387
+ type MultiSelectItem = {
388
+ value: any;
389
+ label: string;
390
+ } | any;
391
+ type MultiSelectData<TMultiSelectItem = MultiSelectItem> = {
392
+ items: TMultiSelectItem[];
393
+ total: number;
394
+ };
395
+ type MultiSelectState = {
396
+ skip: number;
397
+ filter: string;
398
+ };
399
+ interface VirtualScrollerProps {
400
+ pageSize?: number;
401
+ }
402
+ type MultiSelectBaseProps<TMultiSelectItem = MultiSelectItem> = {
403
+ data: MultiSelectData<TMultiSelectItem>;
404
+ value?: TMultiSelectItem[];
405
+ placeholder?: string;
406
+ keyField?: string;
407
+ textField?: string;
408
+ filterable?: boolean;
409
+ filter?: string;
410
+ virtual?: VirtualScrollerProps;
411
+ disabled?: boolean;
412
+ loading?: boolean;
413
+ className?: string;
414
+ onFilterChange?: (filter: string) => void;
415
+ onChange: (value: TMultiSelectItem[]) => void;
416
+ };
417
+ type MultiSelectClientProps<TMultiSelectItem = MultiSelectItem> = {
418
+ filterMode: 'client';
419
+ page?: number;
420
+ pageSize?: number;
421
+ onPageChange?: (page: number) => void;
422
+ } & MultiSelectBaseProps<TMultiSelectItem>;
423
+ type MultiSelectServerProps<TMultiSelectItem = MultiSelectItem> = {
424
+ filterMode: 'server';
425
+ onDataChange: (data: MultiSelectData) => void;
426
+ getData: (state: MultiSelectState) => Promise<MultiSelectData<TMultiSelectItem>>;
427
+ } & MultiSelectBaseProps<TMultiSelectItem>;
428
+ type MultiSelectProps<TMultiSelectItem = MultiSelectItem> = MultiSelectClientProps<TMultiSelectItem> | MultiSelectServerProps<TMultiSelectItem>;
429
+
430
+ declare const MultiSelect: (props: MultiSelectProps) => react_jsx_runtime.JSX.Element;
431
+
329
432
  declare global {
330
433
  interface WindowEventMap {
331
434
  'local-storage': CustomEvent;
@@ -364,4 +467,4 @@ interface Helpers {
364
467
  */
365
468
  declare const useStep: (maxStep: number) => [number, Helpers];
366
469
 
367
- export { Backdrop, BackdropProps, Badge, BadgeProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, Chip, ChipProps, Collapse, CollapseContent, CollapseContentProps, CollapseContext, CollapseContextValue, CollapseProps, CollapseTrigger, CollapseTriggerProps, Icon, IconProps, Menu, MenuContext, MenuContextValue, MenuGroup, MenuGroupItemType, MenuGroupProps, MenuItem, MenuItemProps, MenuItemType, MenuProps, MenuSubmenu, MenuSubmenuProps, MenuValueContext, Portal, PortalProps, Tab, TabProps, Tabs, TabsAlignmet, TabsProps, Toolbar, ToolbarProps, ToolbarSize, Transition, TransitionProps, getOpenValuesByPathname, useCollapse, useLocalStorage, useMenu, useMenuItemValue, usePrevious, useStep };
470
+ export { Backdrop, BackdropProps, Badge, BadgeProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, Chip, ChipProps, Collapse, CollapseContent, CollapseContentProps, CollapseContext, CollapseContextValue, CollapseProps, CollapseTrigger, CollapseTriggerProps, Drawer, DrawerPosition, DrawerProps, DrawerSize, Icon, IconProps, Menu, MenuContext, MenuContextValue, MenuGroup, MenuGroupItemType, MenuGroupProps, MenuItem, MenuItemProps, MenuItemType, MenuProps, MenuSubmenu, MenuSubmenuProps, MenuValueContext, MultiSelect, MultiSelectData, MultiSelectItem, MultiSelectProps, MultiSelectState, Portal, PortalProps, Select, SelectData, SelectItem, SelectProps, SelectState, Tab, TabProps, Tabs, TabsAlignmet, TabsProps, Toolbar, ToolbarProps, ToolbarSize, Transition, TransitionProps, getOpenValuesByPathname, useCollapse, useLocalStorage, useMenu, useMenuItemValue, usePrevious, useStep };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { Dispatch, SetStateAction } from 'react';
3
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
4
 
4
5
  interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
5
6
  isOpen: boolean;
@@ -125,6 +126,18 @@ interface CollapseTriggerProps {
125
126
  }
126
127
  declare const CollapseTrigger: react__default.FC<CollapseTriggerProps>;
127
128
 
129
+ type DrawerSize = 'sm' | 'md' | 'lg';
130
+ type DrawerPosition = 'top' | 'left' | 'right' | 'bottom';
131
+
132
+ interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
133
+ isOpen: boolean;
134
+ size?: DrawerSize;
135
+ position?: DrawerPosition;
136
+ onClose: () => void;
137
+ onAfterClose?: () => void;
138
+ }
139
+ declare const Drawer: react.ForwardRefExoticComponent<DrawerProps & react.RefAttributes<HTMLDivElement>>;
140
+
128
141
  interface IconProps {
129
142
  children: React.ReactNode;
130
143
  color?: 'primary' | 'secondary';
@@ -326,6 +339,96 @@ interface TransitionProps extends React.HTMLAttributes<HTMLElement> {
326
339
  }
327
340
  declare const Transition: react.ForwardRefExoticComponent<TransitionProps & react.RefAttributes<HTMLElement>>;
328
341
 
342
+ type SelectItem = {
343
+ key: any;
344
+ text: string;
345
+ } | any;
346
+ type SelectData<TSelectItem = SelectItem> = {
347
+ items: TSelectItem[];
348
+ total: number;
349
+ };
350
+ type SelectState = {
351
+ skip: number;
352
+ filter: string;
353
+ };
354
+ interface VirtualScrollerProps$1 {
355
+ pageSize?: number;
356
+ }
357
+ type SelectBaseProps<TSelectItem = SelectItem> = {
358
+ data: SelectData<TSelectItem>;
359
+ value?: TSelectItem | null;
360
+ placeholder?: string;
361
+ keyField?: string;
362
+ textField?: string;
363
+ filterable?: boolean;
364
+ filter?: string;
365
+ virtual?: VirtualScrollerProps$1;
366
+ disabled?: boolean;
367
+ loading?: boolean;
368
+ className?: string;
369
+ onFilterChange?: (filter: string) => void;
370
+ onChange: (value: any) => void;
371
+ renderItem?: (item: TSelectItem) => React.ReactNode;
372
+ };
373
+ type SelectClientProps<TSelectItem = SelectItem> = {
374
+ filterMode: 'client';
375
+ page?: number;
376
+ pageSize?: number;
377
+ } & SelectBaseProps<TSelectItem>;
378
+ type SelectServerProps<TSelectItem = SelectItem> = {
379
+ filterMode: 'server';
380
+ onDataChange: (data: SelectData) => void;
381
+ getData: (state: SelectState) => Promise<SelectData<TSelectItem>>;
382
+ } & SelectBaseProps<TSelectItem>;
383
+ type SelectProps<TSelectItem = SelectItem> = SelectClientProps<TSelectItem> | SelectServerProps<TSelectItem>;
384
+
385
+ declare const Select: (props: SelectProps) => react_jsx_runtime.JSX.Element;
386
+
387
+ type MultiSelectItem = {
388
+ value: any;
389
+ label: string;
390
+ } | any;
391
+ type MultiSelectData<TMultiSelectItem = MultiSelectItem> = {
392
+ items: TMultiSelectItem[];
393
+ total: number;
394
+ };
395
+ type MultiSelectState = {
396
+ skip: number;
397
+ filter: string;
398
+ };
399
+ interface VirtualScrollerProps {
400
+ pageSize?: number;
401
+ }
402
+ type MultiSelectBaseProps<TMultiSelectItem = MultiSelectItem> = {
403
+ data: MultiSelectData<TMultiSelectItem>;
404
+ value?: TMultiSelectItem[];
405
+ placeholder?: string;
406
+ keyField?: string;
407
+ textField?: string;
408
+ filterable?: boolean;
409
+ filter?: string;
410
+ virtual?: VirtualScrollerProps;
411
+ disabled?: boolean;
412
+ loading?: boolean;
413
+ className?: string;
414
+ onFilterChange?: (filter: string) => void;
415
+ onChange: (value: TMultiSelectItem[]) => void;
416
+ };
417
+ type MultiSelectClientProps<TMultiSelectItem = MultiSelectItem> = {
418
+ filterMode: 'client';
419
+ page?: number;
420
+ pageSize?: number;
421
+ onPageChange?: (page: number) => void;
422
+ } & MultiSelectBaseProps<TMultiSelectItem>;
423
+ type MultiSelectServerProps<TMultiSelectItem = MultiSelectItem> = {
424
+ filterMode: 'server';
425
+ onDataChange: (data: MultiSelectData) => void;
426
+ getData: (state: MultiSelectState) => Promise<MultiSelectData<TMultiSelectItem>>;
427
+ } & MultiSelectBaseProps<TMultiSelectItem>;
428
+ type MultiSelectProps<TMultiSelectItem = MultiSelectItem> = MultiSelectClientProps<TMultiSelectItem> | MultiSelectServerProps<TMultiSelectItem>;
429
+
430
+ declare const MultiSelect: (props: MultiSelectProps) => react_jsx_runtime.JSX.Element;
431
+
329
432
  declare global {
330
433
  interface WindowEventMap {
331
434
  'local-storage': CustomEvent;
@@ -364,4 +467,4 @@ interface Helpers {
364
467
  */
365
468
  declare const useStep: (maxStep: number) => [number, Helpers];
366
469
 
367
- export { Backdrop, BackdropProps, Badge, BadgeProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, Chip, ChipProps, Collapse, CollapseContent, CollapseContentProps, CollapseContext, CollapseContextValue, CollapseProps, CollapseTrigger, CollapseTriggerProps, Icon, IconProps, Menu, MenuContext, MenuContextValue, MenuGroup, MenuGroupItemType, MenuGroupProps, MenuItem, MenuItemProps, MenuItemType, MenuProps, MenuSubmenu, MenuSubmenuProps, MenuValueContext, Portal, PortalProps, Tab, TabProps, Tabs, TabsAlignmet, TabsProps, Toolbar, ToolbarProps, ToolbarSize, Transition, TransitionProps, getOpenValuesByPathname, useCollapse, useLocalStorage, useMenu, useMenuItemValue, usePrevious, useStep };
470
+ export { Backdrop, BackdropProps, Badge, BadgeProps, Button, ButtonColor, ButtonProps, ButtonSize, ButtonVariant, Chip, ChipProps, Collapse, CollapseContent, CollapseContentProps, CollapseContext, CollapseContextValue, CollapseProps, CollapseTrigger, CollapseTriggerProps, Drawer, DrawerPosition, DrawerProps, DrawerSize, Icon, IconProps, Menu, MenuContext, MenuContextValue, MenuGroup, MenuGroupItemType, MenuGroupProps, MenuItem, MenuItemProps, MenuItemType, MenuProps, MenuSubmenu, MenuSubmenuProps, MenuValueContext, MultiSelect, MultiSelectData, MultiSelectItem, MultiSelectProps, MultiSelectState, Portal, PortalProps, Select, SelectData, SelectItem, SelectProps, SelectState, Tab, TabProps, Tabs, TabsAlignmet, TabsProps, Toolbar, ToolbarProps, ToolbarSize, Transition, TransitionProps, getOpenValuesByPathname, useCollapse, useLocalStorage, useMenu, useMenuItemValue, usePrevious, useStep };