@ballistix.digital/react-components 3.2.4 → 3.3.1
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 +65 -23
- package/dist/index.esm.js +5299 -4653
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5295 -4667
- package/dist/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -2
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { ColumnDef, SortingState, ColumnOrderState, Row, Table } from '@tanstack
|
|
|
7
7
|
import { TButtonElementStyles as TButtonElementStyles$1 } from 'components/Element/Button';
|
|
8
8
|
import { TDropdownElementStyles as TDropdownElementStyles$1 } from 'components/Element/Dropdown';
|
|
9
9
|
import { TPagePaginationNavigationStyles as TPagePaginationNavigationStyles$1 } from 'components/Navigation/PagePagination';
|
|
10
|
+
import { DragEndEvent } from '@dnd-kit/core';
|
|
10
11
|
export { createColumnHelper } from 'helpers/table';
|
|
11
12
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
12
13
|
import { Option, SelectValue } from 'react-tailwindcss-select/dist/components/type';
|
|
@@ -445,6 +446,16 @@ type TTableListProps<TData> = {
|
|
|
445
446
|
isStriped?: boolean;
|
|
446
447
|
hasStickyHeader?: boolean;
|
|
447
448
|
hasVerticalSeparators?: boolean;
|
|
449
|
+
columnPinning?: {
|
|
450
|
+
left?: {
|
|
451
|
+
name: string;
|
|
452
|
+
size: number;
|
|
453
|
+
}[];
|
|
454
|
+
right?: {
|
|
455
|
+
name: string;
|
|
456
|
+
size: number;
|
|
457
|
+
}[];
|
|
458
|
+
};
|
|
448
459
|
};
|
|
449
460
|
};
|
|
450
461
|
isLoading?: boolean;
|
|
@@ -454,6 +465,17 @@ type TTableListProps<TData> = {
|
|
|
454
465
|
onRowClick?: (context: Row<TData>) => void;
|
|
455
466
|
onChange?: (params: Params) => void;
|
|
456
467
|
styles?: TTableListStyles;
|
|
468
|
+
dragConfig?: {
|
|
469
|
+
rowIdentifierKey: string;
|
|
470
|
+
iconAccessor?: IconName;
|
|
471
|
+
label?: ReactNode;
|
|
472
|
+
header?: string;
|
|
473
|
+
handleDragEnd?: ({ oldIndex, newIndex, dragEndEvent, }: {
|
|
474
|
+
oldIndex?: number;
|
|
475
|
+
newIndex?: number;
|
|
476
|
+
dragEndEvent?: DragEndEvent;
|
|
477
|
+
}) => void;
|
|
478
|
+
};
|
|
457
479
|
};
|
|
458
480
|
declare const TableList2: FC<TTableListProps<TData>>;
|
|
459
481
|
|
|
@@ -466,6 +488,7 @@ declare const base$e: {
|
|
|
466
488
|
content: string;
|
|
467
489
|
styleWrapper: string;
|
|
468
490
|
tableWrapper: string;
|
|
491
|
+
tableWrapperWithLeftSide: string;
|
|
469
492
|
table: {
|
|
470
493
|
container: string;
|
|
471
494
|
head: {
|
|
@@ -488,6 +511,11 @@ declare const base$e: {
|
|
|
488
511
|
body: {
|
|
489
512
|
container: string;
|
|
490
513
|
row: string;
|
|
514
|
+
column: {
|
|
515
|
+
pinned: {
|
|
516
|
+
cell: string;
|
|
517
|
+
};
|
|
518
|
+
};
|
|
491
519
|
cell: string;
|
|
492
520
|
checkbox: string;
|
|
493
521
|
indicator: string;
|
|
@@ -953,7 +981,29 @@ declare const base$6: {
|
|
|
953
981
|
};
|
|
954
982
|
type TSelectMenuFormStyles = DeepPartialType<typeof base$6>;
|
|
955
983
|
|
|
956
|
-
type TDateMenuFormProps = {
|
|
984
|
+
type TDateMenuFormProps = Omit<TDateRangeMenuFormProps, 'value' | 'isRanged' | 'onChange'> & {
|
|
985
|
+
value?: string;
|
|
986
|
+
isRanged?: false;
|
|
987
|
+
onChange?: (value: string) => void;
|
|
988
|
+
};
|
|
989
|
+
declare const DateMenuForm: FC<TDateMenuFormProps>;
|
|
990
|
+
|
|
991
|
+
declare const base$5: {
|
|
992
|
+
container: string;
|
|
993
|
+
head: string;
|
|
994
|
+
body: string;
|
|
995
|
+
foot: string;
|
|
996
|
+
label: string;
|
|
997
|
+
hint: string;
|
|
998
|
+
leading: string;
|
|
999
|
+
input: string;
|
|
1000
|
+
trailing: string;
|
|
1001
|
+
description: string;
|
|
1002
|
+
error: string;
|
|
1003
|
+
};
|
|
1004
|
+
type TDateRangeMenuFormStyles = DeepPartialType<typeof base$5>;
|
|
1005
|
+
|
|
1006
|
+
type TDateRangeMenuFormProps = {
|
|
957
1007
|
name: string;
|
|
958
1008
|
type?: 'normal' | 'inset' | 'overlapping' | 'pill' | 'floored';
|
|
959
1009
|
size?: 'compact' | 'expanded';
|
|
@@ -973,9 +1023,8 @@ type TDateMenuFormProps = {
|
|
|
973
1023
|
isRequired: boolean;
|
|
974
1024
|
}) => string | ReactNode;
|
|
975
1025
|
value: {
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
disabled?: boolean;
|
|
1026
|
+
startDate: string;
|
|
1027
|
+
endDate: string;
|
|
979
1028
|
};
|
|
980
1029
|
error?: string;
|
|
981
1030
|
isRequired?: boolean;
|
|
@@ -989,24 +1038,9 @@ type TDateMenuFormProps = {
|
|
|
989
1038
|
}) => void;
|
|
990
1039
|
onClear?: (name: string) => void;
|
|
991
1040
|
onBlur?: any;
|
|
992
|
-
styles?:
|
|
993
|
-
};
|
|
994
|
-
declare const DateMenuForm: FC<TDateMenuFormProps>;
|
|
995
|
-
|
|
996
|
-
declare const base$5: {
|
|
997
|
-
container: string;
|
|
998
|
-
head: string;
|
|
999
|
-
body: string;
|
|
1000
|
-
foot: string;
|
|
1001
|
-
label: string;
|
|
1002
|
-
hint: string;
|
|
1003
|
-
leading: string;
|
|
1004
|
-
input: string;
|
|
1005
|
-
trailing: string;
|
|
1006
|
-
description: string;
|
|
1007
|
-
error: string;
|
|
1041
|
+
styles?: TDateRangeMenuFormStyles;
|
|
1008
1042
|
};
|
|
1009
|
-
|
|
1043
|
+
declare const DateRangeMenu: FC<TDateRangeMenuFormProps>;
|
|
1010
1044
|
|
|
1011
1045
|
type TCheckboxInputGroupFormProps = {
|
|
1012
1046
|
name: string;
|
|
@@ -1047,11 +1081,17 @@ type TCheckboxInputFormProps = {
|
|
|
1047
1081
|
} & ({
|
|
1048
1082
|
value: boolean;
|
|
1049
1083
|
onChange: (value: boolean) => void;
|
|
1084
|
+
checkedElement?: ReactNode;
|
|
1085
|
+
uncheckedElement?: ReactNode;
|
|
1086
|
+
indeterminableElement?: never;
|
|
1050
1087
|
isIndeterminable?: false;
|
|
1051
1088
|
} | {
|
|
1052
1089
|
value: boolean | null;
|
|
1053
1090
|
onChange: (value: boolean | null) => void;
|
|
1054
|
-
|
|
1091
|
+
checkedElement?: ReactNode;
|
|
1092
|
+
uncheckedElement?: ReactNode;
|
|
1093
|
+
indeterminableElement?: ReactNode;
|
|
1094
|
+
isIndeterminable?: true;
|
|
1055
1095
|
});
|
|
1056
1096
|
declare const CheckboxInputForm: FC<TCheckboxInputFormProps>;
|
|
1057
1097
|
|
|
@@ -1060,6 +1100,8 @@ declare const base$3: {
|
|
|
1060
1100
|
head: string;
|
|
1061
1101
|
body: string;
|
|
1062
1102
|
input: string;
|
|
1103
|
+
inputHidden: string;
|
|
1104
|
+
replacement: string;
|
|
1063
1105
|
label: string;
|
|
1064
1106
|
description: string;
|
|
1065
1107
|
};
|
|
@@ -1277,4 +1319,4 @@ type TReturn<TData> = {
|
|
|
1277
1319
|
};
|
|
1278
1320
|
declare const useExcel: <TData extends object>() => TReturn<TData>;
|
|
1279
1321
|
|
|
1280
|
-
export { AddressInputGroupForm, BadgeElement$1 as AlertElement, AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputForm as CheckboxInput, ContainerLayout, DateMenuForm, DividerLayout, DropdownElement, FileInputGroupForm, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, OpeningsHourInputGroupForm, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, Switch as SwitchForm, type TAddressInputGroupFormProps, type TAddressInputGroupFormStyles, type TAddressInputGroupFormValue, type TButtonElementProps, type TCheckboxInputFormProps, type TCheckboxInputFormStyles, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateMenuFormStyles, type TExcelCell, type TExcelRow, type TExcelSheet, type TFileInputGroupFormProps, type TFileInputGroupFormStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, type TOpeningsHourInputGroupFormProps, type TOpeningsHourInputGroupFormStyles, type TSelectMenuFormProps, type TSelectMenuFormStyles, type TSwitchFormProps, type TSwitchStylesForm, type TTableListProps as TTableList2Props, type TTableListProps$1 as TTableListProps, type TTableListStyles$1 as TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, TooltipElement, VerticalNavigation, CheckboxInputGroupForm as __DEPRECATED__CheckboxInputGroupForm, useExcel };
|
|
1322
|
+
export { AddressInputGroupForm, BadgeElement$1 as AlertElement, AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputForm as CheckboxInput, ContainerLayout, DateMenuForm, DateRangeMenu as DateRangeMenuForm, DividerLayout, DropdownElement, FileInputGroupForm, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, OpeningsHourInputGroupForm, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, Switch as SwitchForm, type TAddressInputGroupFormProps, type TAddressInputGroupFormStyles, type TAddressInputGroupFormValue, type TButtonElementProps, type TCheckboxInputFormProps, type TCheckboxInputFormStyles, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateRangeMenuFormStyles as TDateMenuFormStyles, type TDateRangeMenuFormProps, type TDateRangeMenuFormStyles, type TExcelCell, type TExcelRow, type TExcelSheet, type TFileInputGroupFormProps, type TFileInputGroupFormStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, type TOpeningsHourInputGroupFormProps, type TOpeningsHourInputGroupFormStyles, type TSelectMenuFormProps, type TSelectMenuFormStyles, type TSwitchFormProps, type TSwitchStylesForm, type TTableListProps as TTableList2Props, type TTableListProps$1 as TTableListProps, type TTableListStyles$1 as TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, TooltipElement, VerticalNavigation, CheckboxInputGroupForm as __DEPRECATED__CheckboxInputGroupForm, useExcel };
|