@ballistix.digital/react-components 0.4.65 → 0.4.67

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/index.d.ts CHANGED
@@ -18,7 +18,7 @@ declare const base$i: {
18
18
  };
19
19
  type TAvatarElementStyles = DeepPartial$1<typeof base$i>;
20
20
 
21
- type TProps$e = {
21
+ type TProps$f = {
22
22
  src?: string | undefined;
23
23
  placeholder?: string | undefined;
24
24
  children?: ReactNode | ReactNode[] | string;
@@ -30,7 +30,7 @@ type TProps$e = {
30
30
  isLoading?: boolean;
31
31
  styles?: TAvatarElementStyles;
32
32
  };
33
- declare const AvatarElement: FC<TProps$e>;
33
+ declare const AvatarElement: FC<TProps$f>;
34
34
 
35
35
  declare const base$h: {
36
36
  container: string;
@@ -39,7 +39,7 @@ declare const base$h: {
39
39
  };
40
40
  type TBadgeElementStyles = DeepPartial$1<typeof base$h>;
41
41
 
42
- type TProps$d = {
42
+ type TProps$e = {
43
43
  children: string | ReactNode;
44
44
  color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
45
45
  type?: 'normal' | 'indicator' | 'close';
@@ -50,7 +50,7 @@ type TProps$d = {
50
50
  onClose?: () => void;
51
51
  styles?: TBadgeElementStyles;
52
52
  };
53
- declare const BadgeElement: FC<TProps$d>;
53
+ declare const BadgeElement: FC<TProps$e>;
54
54
 
55
55
  type TButtonElementProps = {
56
56
  children: string | ReactNode;
@@ -62,7 +62,7 @@ type TButtonElementProps = {
62
62
  status?: 'idle' | 'loading' | 'success' | 'error';
63
63
  isDisabled?: boolean;
64
64
  styles?: TButtonElementStyles;
65
- onClick: () => void;
65
+ onClick?: () => void;
66
66
  };
67
67
  declare const ButtonElement: FC<TButtonElementProps>;
68
68
 
@@ -82,11 +82,11 @@ declare const base$f: {
82
82
  };
83
83
  type TButtonGroupElementStyles = DeepPartial$1<typeof base$f>;
84
84
 
85
- type TProps$c = {
85
+ type TProps$d = {
86
86
  children: ReactElement[];
87
87
  styles?: TButtonGroupElementStyles;
88
88
  };
89
- declare const ButtonGroupElement: FC<TProps$c>;
89
+ declare const ButtonGroupElement: FC<TProps$d>;
90
90
 
91
91
  declare const base$e: {
92
92
  container: string;
@@ -97,24 +97,25 @@ declare const base$e: {
97
97
  };
98
98
  type TDropdownElementStyles = DeepPartial$1<typeof base$e>;
99
99
 
100
- type TProps$b = {
100
+ type TProps$c = {
101
101
  children: ReactElement | ReactElement[];
102
- label: string | ReactElement;
102
+ label?: string | ReactElement;
103
+ trigger?: ReactNode;
103
104
  type?: 'button' | 'compact';
104
105
  direction?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
105
106
  styles?: TDropdownElementStyles;
106
107
  };
107
108
  declare const DropdownElement: {
108
- Container: FC<TProps$b>;
109
+ Container: FC<TProps$c>;
109
110
  Item: typeof Menu.Item;
110
111
  };
111
112
 
112
- type TProps$a = {
113
+ type TProps$b = {
113
114
  accessor: IconName;
114
115
  type: 'brands' | 'light' | 'regular' | 'solid';
115
116
  className?: string;
116
117
  };
117
- declare const IconElement: FC<TProps$a>;
118
+ declare const IconElement: FC<TProps$b>;
118
119
 
119
120
  type TInputGroupFormProps = {
120
121
  name: string;
@@ -169,12 +170,12 @@ declare const base$c: {
169
170
  };
170
171
  type TContainerLayoutStyles = DeepPartial$1<typeof base$c>;
171
172
 
172
- type TProps$9 = {
173
+ type TProps$a = {
173
174
  children: ReactNode;
174
175
  type?: 'break' | 'center' | 'fill';
175
176
  styles?: TContainerLayoutStyles;
176
177
  };
177
- declare const ContainerLayout: FC<TProps$9>;
178
+ declare const ContainerLayout: FC<TProps$a>;
178
179
 
179
180
  declare const base$b: {
180
181
  container: string;
@@ -185,12 +186,12 @@ declare const base$b: {
185
186
  };
186
187
  type TDividerLayoutStyles = DeepPartial$1<typeof base$b>;
187
188
 
188
- type TProps$8 = {
189
+ type TProps$9 = {
189
190
  children?: ReactNode;
190
191
  type?: 'left' | 'center' | 'right';
191
192
  styles?: TDividerLayoutStyles;
192
193
  };
193
- declare const DividerLayout: FC<TProps$8>;
194
+ declare const DividerLayout: FC<TProps$9>;
194
195
 
195
196
  declare const base$a: {
196
197
  container: string;
@@ -199,12 +200,12 @@ declare const base$a: {
199
200
  };
200
201
  type TListContainerLayoutStyles = DeepPartial$1<typeof base$a>;
201
202
 
202
- type TProps$7 = {
203
+ type TProps$8 = {
203
204
  children: ReactElement | ReactElement[];
204
205
  type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
205
206
  styles?: TListContainerLayoutStyles;
206
207
  };
207
- declare const ListContainerLayout: FC<TProps$7>;
208
+ declare const ListContainerLayout: FC<TProps$8>;
208
209
 
209
210
  declare const base$9: {
210
211
  container: string;
@@ -215,14 +216,14 @@ declare const base$9: {
215
216
  };
216
217
  type TMediaObjectLayoutStyles = DeepPartial$1<typeof base$9>;
217
218
 
218
- type TProps$6 = {
219
+ type TProps$7 = {
219
220
  title: string;
220
221
  paragraph: string;
221
222
  figure?: ReactNode;
222
223
  type?: 'top' | 'top-reversed' | 'center' | 'center-reversed' | 'bottom' | 'bottom-reversed' | 'stretch' | 'stretch-reversed' | 'responsive' | 'responsive-reversed' | 'wide' | 'wide-reversed';
223
224
  styles?: TMediaObjectLayoutStyles;
224
225
  };
225
- declare const MediaObjectLayout: FC<TProps$6>;
226
+ declare const MediaObjectLayout: FC<TProps$7>;
226
227
 
227
228
  declare const base$8: {
228
229
  container: string;
@@ -370,7 +371,6 @@ type TTableListProps<TData> = {
370
371
  options?: {
371
372
  defaultOrder?: string[];
372
373
  defaultVisibility?: string[];
373
- excelExportFileName?: string;
374
374
  isStriped?: boolean;
375
375
  hasStickyHeader?: boolean;
376
376
  hasVerticalSeparators?: boolean;
@@ -402,7 +402,7 @@ declare const base$6: {
402
402
  };
403
403
  type TBreadcrumbsNavigationStyles = DeepPartial$1<typeof base$6>;
404
404
 
405
- type TProps$5 = {
405
+ type TProps$6 = {
406
406
  href: string;
407
407
  pages: {
408
408
  name: string;
@@ -413,7 +413,7 @@ type TProps$5 = {
413
413
  separator?: ReactNode;
414
414
  styles?: TBreadcrumbsNavigationStyles;
415
415
  };
416
- declare const BreadcrumbsNavigation: FC<TProps$5>;
416
+ declare const BreadcrumbsNavigation: FC<TProps$6>;
417
417
 
418
418
  declare const base$5: {
419
419
  container: string;
@@ -438,7 +438,7 @@ declare const base$5: {
438
438
  };
439
439
  type TPanelPaginationNavigationStyles = DeepPartial$1<typeof base$5>;
440
440
 
441
- type TProps$4 = {
441
+ type TProps$5 = {
442
442
  current?: number;
443
443
  min?: number;
444
444
  max: number;
@@ -450,7 +450,7 @@ type TProps$4 = {
450
450
  styles?: TPanelPaginationNavigationStyles;
451
451
  onChange?: (current: number) => void;
452
452
  };
453
- declare const PanelPaginationNavigation: React.FC<TProps$4>;
453
+ declare const PanelPaginationNavigation: React.FC<TProps$5>;
454
454
 
455
455
  declare const base$4: {
456
456
  container: string;
@@ -476,13 +476,13 @@ declare const base$4: {
476
476
  };
477
477
  type TPagePaginationNavigationStyles = DeepPartial$1<typeof base$4>;
478
478
 
479
- type TProps$3 = {
479
+ type TProps$4 = {
480
480
  min?: number;
481
481
  max: number;
482
482
  styles?: TPagePaginationNavigationStyles;
483
483
  onChange?: (current: number) => void;
484
484
  };
485
- declare const PagePaginationNavigation: React.FC<TProps$3>;
485
+ declare const PagePaginationNavigation: React.FC<TProps$4>;
486
486
 
487
487
  declare const base$3: {
488
488
  container: string;
@@ -577,6 +577,22 @@ declare const VerticalNavigation: {
577
577
  View: React.FC<TViewProps>;
578
578
  };
579
579
 
580
+ type TModalOverlayProps = {
581
+ trigger?: ({ handleOpen, handleClose, }: {
582
+ handleOpen: () => void;
583
+ handleClose: () => void;
584
+ }) => ReactNode;
585
+ children: ({ handleOpen, handleClose, }: {
586
+ handleOpen: () => void;
587
+ handleClose: () => void;
588
+ }) => ReactNode;
589
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
590
+ styles?: TModalOverlayStyles;
591
+ onOpen?: () => void;
592
+ onClose?: () => void;
593
+ };
594
+ declare const ModalOverlay: FC<TModalOverlayProps>;
595
+
580
596
  declare const base$2: {
581
597
  container: string;
582
598
  background: {
@@ -608,22 +624,6 @@ declare const base$2: {
608
624
  };
609
625
  type TModalOverlayStyles = DeepPartial$1<typeof base$2>;
610
626
 
611
- type TProps$2 = {
612
- trigger?: ({ handleOpen, handleClose, }: {
613
- handleOpen: () => void;
614
- handleClose: () => void;
615
- }) => ReactNode;
616
- children: ({ handleOpen, handleClose, }: {
617
- handleOpen: () => void;
618
- handleClose: () => void;
619
- }) => ReactNode;
620
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
621
- styles?: TModalOverlayStyles;
622
- onOpen?: () => void;
623
- onClose?: () => void;
624
- };
625
- declare const ModalOverlay: FC<TProps$2>;
626
-
627
627
  declare const base$1: {
628
628
  container: {
629
629
  outer: string;
@@ -655,7 +655,7 @@ type DeepPartial<T> = {
655
655
  [P in keyof T]?: DeepPartial<T[P]>;
656
656
  };
657
657
 
658
- type TProps$1 = {
658
+ type TProps$3 = {
659
659
  trigger?: ({ onOpen, onClose, }: {
660
660
  onOpen: () => void;
661
661
  onClose: () => void;
@@ -696,7 +696,7 @@ declare const NotificationOverlay: {
696
696
  };
697
697
  }> | undefined;
698
698
  }) => JSX.Element;
699
- Item: React.FC<TProps$1>;
699
+ Item: React.FC<TProps$3>;
700
700
  };
701
701
 
702
702
  declare const base: {
@@ -731,7 +731,7 @@ declare const base: {
731
731
  };
732
732
  type TSlideOverOverlayStyles = DeepPartial$1<typeof base>;
733
733
 
734
- type TProps = {
734
+ type TProps$2 = {
735
735
  trigger?: ({ onOpen, onClose, }: {
736
736
  onOpen: () => void;
737
737
  onClose: () => void;
@@ -743,6 +743,22 @@ type TProps = {
743
743
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
744
744
  styles?: TSlideOverOverlayStyles;
745
745
  };
746
- declare const SlideOverOverlay: FC<TProps>;
746
+ declare const SlideOverOverlay: FC<TProps$2>;
747
+
748
+ type TProps$1 = {
749
+ table: Table<any>;
750
+ setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
751
+ trigger: ReactNode;
752
+ };
753
+ declare const TableColumnOptionsCustom: FC<TProps$1>;
754
+
755
+ type TProps = {
756
+ table: Table<any>;
757
+ fileName: string;
758
+ children: ({ handleExport }: {
759
+ handleExport: () => void;
760
+ }) => ReactNode;
761
+ };
762
+ declare const TableExcelExportCustom: FC<TProps>;
747
763
 
748
- export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableList, TableList2, VerticalNavigation };
764
+ export { AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, ContainerLayout, DividerLayout, DropdownElement, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SlideOverOverlay, TButtonElementProps, TInputGroupFormProps, TInputGroupStyles, TModalOverlayProps, TTableListProps as TTableList2Props, TTableListProps$1 as TTableListProps, TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, VerticalNavigation };