@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 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
- label: string;
977
- value: string;
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?: TDateMenuFormStyles;
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
- type TDateMenuFormStyles = DeepPartialType<typeof base$5>;
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
- isIndeterminable: true;
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 };