kelt-ui-kit-react 2.0.2 → 2.0.3

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 (127) hide show
  1. package/README.md +0 -26
  2. package/dist/_core/type/generiqueType.d.ts +4 -0
  3. package/dist/badge/Badge.d.ts +3 -1
  4. package/dist/button/Button.d.ts +1 -1
  5. package/dist/button/button.interface.d.ts +1 -2
  6. package/dist/dataTable/DataTable.d.ts +17 -14
  7. package/dist/dataTable/dataTable.interface.d.ts +24 -19
  8. package/dist/dataTable/dataTableActions/DataTableAction.d.ts +3 -5
  9. package/dist/dataTable/dataTableColumn/DataTableColumn.d.ts +13 -7
  10. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.d.ts +10 -0
  11. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.d.ts +9 -0
  12. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.d.ts +9 -0
  13. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.d.ts +13 -0
  14. package/dist/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.d.ts +9 -0
  15. package/dist/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.d.ts +11 -0
  16. package/dist/dataTable/dataTableFilters/DataTableFilters.d.ts +7 -0
  17. package/dist/dataTable/dataTableLoading/DataTableLoading.d.ts +1 -3
  18. package/dist/dataTable/dataTableRow/DataTableRow.d.ts +5 -6
  19. package/dist/dataTable/dataTableRow/dataTableRowOverlay/DataTableRowOverlay.d.ts +12 -0
  20. package/dist/dataTable/dataTableRow/dataTableRowValue/DataTableRowValue.d.ts +11 -0
  21. package/dist/expands/expand/expand.d.ts +1 -1
  22. package/dist/form/Form.d.ts +2 -4
  23. package/dist/form/form.enum.d.ts +2 -3
  24. package/dist/form/form.interface.d.ts +2 -19
  25. package/dist/form/input/Input.d.ts +3 -0
  26. package/dist/form/inputNumber/InputNumber.d.ts +0 -2
  27. package/dist/grid/col/Col.d.ts +6 -3
  28. package/dist/grid/col/colStyled/ColStyled.d.ts +5 -7
  29. package/dist/grid/grid.interface.d.ts +5 -9
  30. package/dist/header/Header.d.ts +1 -1
  31. package/dist/header/header.interface.d.ts +1 -2
  32. package/dist/icon/Icon.d.ts +1 -1
  33. package/dist/icon/icon.interface.d.ts +1 -0
  34. package/dist/index.d.ts +1 -5
  35. package/dist/index.js +3606 -3543
  36. package/dist/menus/menu/Menu.d.ts +0 -1
  37. package/dist/overlayPanel/OverlayPanel.d.ts +4 -2
  38. package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.d.ts +2 -0
  39. package/dist/select/Select.d.ts +6 -2
  40. package/dist/select/selectOption.interface.d.ts +1 -0
  41. package/dist/style.css +1 -1
  42. package/dist/tabs/Tabs.d.ts +2 -1
  43. package/dist/toaster/store/useToasterStore.d.ts +0 -1
  44. package/index.html +2 -1
  45. package/package/package.json +56 -0
  46. package/package/src/sidebar/Sidebar.tsx +208 -0
  47. package/package/src/sidebar/sidebar.css +104 -0
  48. package/package.json +1 -1
  49. package/src/App.menu.tsx +0 -8
  50. package/src/_core/type/generiqueType.tsx +4 -0
  51. package/src/badge/Badge.tsx +9 -1
  52. package/src/badge/badge.css +4 -0
  53. package/src/button/Button.tsx +1 -3
  54. package/src/button/button.css +2 -2
  55. package/src/button/button.interface.tsx +1 -2
  56. package/src/card/card.css +25 -5
  57. package/src/card/cardAction/CardAction.tsx +4 -4
  58. package/src/damier/Damier.tsx +7 -16
  59. package/src/damier/damier.css +4 -11
  60. package/src/dataTable/DataTable.tsx +685 -542
  61. package/src/dataTable/DataTable.view.tsx +48 -24
  62. package/src/dataTable/dataTable.css +134 -159
  63. package/src/dataTable/dataTable.interface.ts +25 -19
  64. package/src/dataTable/dataTableActions/DataTableAction.tsx +14 -25
  65. package/src/dataTable/dataTableColumn/DataTableColumn.tsx +64 -14
  66. package/src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx +36 -0
  67. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilter.css +0 -0
  68. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx +39 -0
  69. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx +80 -0
  70. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx +89 -0
  71. package/src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx +37 -0
  72. package/src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx +42 -0
  73. package/src/dataTable/dataTableFilters/DataTableFilters.tsx +91 -0
  74. package/src/dataTable/dataTableFilters/dataTableFilters.css +16 -0
  75. package/src/dataTable/dataTableLoading/DataTableLoading.tsx +4 -15
  76. package/src/dataTable/dataTableRow/DataTableRow.tsx +64 -180
  77. package/src/dataTable/dataTableRow/dataTableRowOverlay/DataTableRowOverlay.tsx +80 -0
  78. package/src/dataTable/dataTableRow/dataTableRowValue/DataTableRowValue.tsx +123 -0
  79. package/src/expands/Expands.tsx +2 -16
  80. package/src/expands/expand/expand.tsx +5 -122
  81. package/src/expands/expands.css +3 -8
  82. package/src/form/Form.tsx +93 -258
  83. package/src/form/Form.view.tsx +1 -9
  84. package/src/form/form.css +1 -51
  85. package/src/form/form.enum.ts +1 -2
  86. package/src/form/form.interface.tsx +2 -28
  87. package/src/form/input/Input.tsx +61 -7
  88. package/src/form/input/input.css +23 -1
  89. package/src/form/inputNumber/InputNumber.tsx +6 -11
  90. package/src/form/inputPrice/InputPrice.tsx +2 -4
  91. package/src/grid/col/Col.tsx +7 -5
  92. package/src/grid/col/colStyled/ColStyled.tsx +7 -21
  93. package/src/grid/grid.interface.tsx +5 -11
  94. package/src/grid/row/row.css +2 -2
  95. package/src/header/Header.tsx +2 -4
  96. package/src/header/header.css +0 -17
  97. package/src/header/header.interface.tsx +1 -2
  98. package/src/icon/Icon.tsx +6 -2
  99. package/src/icon/icon.interface.tsx +1 -0
  100. package/src/index.css +12 -58
  101. package/src/index.ts +2 -12
  102. package/src/menus/Menus.tsx +0 -1
  103. package/src/menus/menu/Menu.tsx +1 -2
  104. package/src/overlayPanel/OverlayPanel.tsx +71 -18
  105. package/src/overlayPanel/overlay.context.tsx +6 -4
  106. package/src/overlayPanel/overlayPanel.css +10 -1
  107. package/src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx +7 -2
  108. package/src/select/Select.tsx +178 -41
  109. package/src/select/select.css +94 -13
  110. package/src/select/selectOption.interface.ts +1 -0
  111. package/src/sidebar/Sidebar.tsx +5 -107
  112. package/src/sidebar/sidebar.css +1 -18
  113. package/src/tabs/Tabs.tsx +20 -1
  114. package/src/tabs/tabs.css +3 -9
  115. package/src/toaster/Toaster.tsx +2 -7
  116. package/src/toaster/Toaster.view.tsx +0 -1
  117. package/src/toaster/store/useToasterStore.tsx +0 -2
  118. package/src/toaster/toaster.css +2 -7
  119. package/dist/addressSearch/AddressSearch.d.ts +0 -20
  120. package/dist/addressSearch/AddressSearch.view.d.ts +0 -1
  121. package/dist/geocoding/GeocodingService.d.ts +0 -13
  122. package/dist/geocoding/geocoding.interface.d.ts +0 -20
  123. package/src/addressSearch/AddressSearch.tsx +0 -246
  124. package/src/addressSearch/AddressSearch.view.tsx +0 -52
  125. package/src/addressSearch/addressSearch.css +0 -133
  126. package/src/geocoding/GeocodingService.ts +0 -89
  127. package/src/geocoding/geocoding.interface.ts +0 -25
package/README.md CHANGED
@@ -1,31 +1,5 @@
1
1
  # Getting Started with Create React App
2
2
 
3
- ## Address search
4
-
5
- Use the `ADDRESS` field type to add geocoding directly to an address field.
6
- The user can keep any manually entered value, while selecting a suggestion can
7
- populate the rest of the form:
8
-
9
- ```tsx
10
- {
11
- name: "adresse1",
12
- label: "Adresse",
13
- type: TypeInputEnum.ADDRESS,
14
- value: "",
15
- addressSearch: {
16
- mapAddress: (address) => ({
17
- adresse1: address.addressLine,
18
- codePostal: address.postalCode,
19
- ville: address.city,
20
- paysIso2: address.countryCode,
21
- }),
22
- },
23
- };
24
- ```
25
-
26
- Use `addressSearch.provider` to inject another service implementing
27
- `GeocodingProvider`. The default provider does not require an API key.
28
-
29
3
  This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
30
4
 
31
5
  ## Available Scripts
@@ -0,0 +1,4 @@
1
+ export interface EnumerableType {
2
+ label: string;
3
+ value: string;
4
+ }
@@ -4,7 +4,9 @@ export type BadgeInterface = {
4
4
  className?: string;
5
5
  onClick?: (e: React.MouseEvent) => void;
6
6
  title?: string;
7
+ color?: string;
8
+ onRemove?: (e: React.MouseEvent) => void;
7
9
  sizeIcon?: IconSizeEnum;
8
10
  classIcon?: string;
9
11
  };
10
- export declare const Badge: ({ className, onClick, title, sizeIcon, classIcon, }: BadgeInterface) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Badge: ({ className, onClick, color, title, onRemove, sizeIcon, classIcon, }: BadgeInterface) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import { ButtonInterface } from './button.interface';
2
2
 
3
- export declare const Button: ({ className, onClick, badge, title, sizeIcon, id, classIcon, positionicon, disabled, style, }: ButtonInterface) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Button: ({ className, onClick, badge, title, sizeIcon, id, classIcon, positionicon, disabled, }: ButtonInterface) => import("react/jsx-runtime").JSX.Element;
@@ -5,13 +5,12 @@ export interface ButtonInterface {
5
5
  className?: string;
6
6
  badge?: BadgeInterface;
7
7
  id?: string;
8
- onClick?: (e: React.MouseEvent) => void;
8
+ onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
9
9
  title: string;
10
10
  classIcon?: string;
11
11
  positionicon?: number;
12
12
  disabled?: boolean;
13
13
  sizeIcon?: IconSizeEnum;
14
- style?: React.CSSProperties;
15
14
  }
16
15
  export interface buttonActionInterface {
17
16
  icon?: string;
@@ -1,5 +1,16 @@
1
- import { dataTableActionsInterface, dataTableColumnsInterface } from './dataTable.interface';
1
+ import { DataTableActionsInterface, DataTableColumnsInterface } from './dataTable.interface';
2
2
 
3
+ export type DataTableDateRangeFilterValue = {
4
+ startDate: string;
5
+ endDate: string;
6
+ };
7
+ export type FilterValue = string | number | boolean | string[] | DataTableDateRangeFilterValue | null;
8
+ export type DataTableFilterState = Record<string, FilterValue>;
9
+ export type DataTableSortDirection = "asc" | "desc";
10
+ export type DataTableSortState = {
11
+ key: string;
12
+ direction: DataTableSortDirection;
13
+ };
3
14
  export type DataTableProps<T> = {
4
15
  id: string;
5
16
  name?: string;
@@ -8,27 +19,19 @@ export type DataTableProps<T> = {
8
19
  element?: JSX.Element;
9
20
  data: T[];
10
21
  emptyMessage?: string;
11
- actionsColumnWidth?: number;
12
- actions?: dataTableActionsInterface<T>[];
13
- footerAction?: (props: {
14
- close: () => void;
15
- selectedRows: T[];
16
- }) => JSX.Element;
17
- columns: dataTableColumnsInterface<T>[];
22
+ actions?: DataTableActionsInterface<T>[];
23
+ columns: DataTableColumnsInterface<T>[];
24
+ onFiltersChange?: (next: DataTableFilterState) => void;
25
+ onSortChange?: (next: DataTableSortState | null) => void;
18
26
  loading?: boolean;
19
27
  onRowClick?: (row: any) => void;
20
28
  onColumnClick?: (column: any) => void;
29
+ onEditColumnByOverlay?: (row: T) => void;
21
30
  onLoadMore?: () => void;
22
31
  hasMore?: boolean;
23
32
  onSelectionChange?: (selectedRows: T[]) => void;
24
- autoFocusFirstEditable?: boolean;
25
33
  hideToggleAll?: boolean;
26
34
  limitSelect?: number;
27
35
  getRowId?: (row: T) => string | number;
28
- onRowStyle?: (row: T) => React.CSSProperties | undefined;
29
- onRowClassName?: (row: T) => string | undefined;
30
- rowStyle?: (row: T) => React.CSSProperties | undefined;
31
- rowClassName?: (row: T) => string | undefined;
32
- mobileCardView?: boolean;
33
36
  };
34
37
  export declare function DataTable<T>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,48 +1,53 @@
1
1
  import { HTMLInputTypeAttribute } from 'react';
2
+ import { EnumerableType } from '../_core/type/generiqueType';
3
+ import { TypeInputEnum } from '../form/form.enum';
2
4
 
3
- export interface dataTableColumnsInterface<T> {
5
+ export interface DataTableColumnsInterface<T> {
4
6
  id: string;
5
7
  label: string;
8
+ key?: string;
9
+ name?: string;
10
+ sticky?: boolean;
6
11
  minWidth?: number;
7
12
  maxWidth?: number;
8
13
  width?: number;
9
14
  align?: "right" | "left" | "center";
15
+ alignText?: "right" | "left" | "center";
10
16
  format?: (value: any) => string;
11
17
  sortable?: boolean;
12
18
  filterable?: boolean;
13
- filterValue?: string;
19
+ filterDataEnum?: EnumerableType[];
20
+ filterType?: TypeInputEnum;
14
21
  editable?: boolean;
15
- enterToNextColumn?: boolean;
22
+ isUpdatable?: boolean;
16
23
  options?: {
17
24
  label: string;
18
25
  value: string;
19
26
  }[];
27
+ displayOverlay?: boolean;
28
+ onEditable?: (value: any, row: T) => boolean;
29
+ onChange?: (value: any, row: T) => void;
30
+ onEditByOverlay?: (value: any, row: T) => void;
20
31
  onEdit?: (value: any, row: T) => void;
21
- onEnter?: (value: any, row: T) => void;
22
32
  onDisable?: (row: T) => boolean;
33
+ onEditTrigger?: "change" | "enter";
23
34
  onRowStyle?: (row: T) => React.CSSProperties;
24
- type: HTMLInputTypeAttribute | "select" | "image";
25
- imageAlt?: (row: T) => string;
26
- imageStyle?: React.CSSProperties;
27
- imageSrc?: (row: T) => string;
28
- showStepButtons?: boolean | ((row: T) => boolean);
29
- stepControls?: boolean | ((row: T) => boolean);
30
- withStepControls?: boolean | ((row: T) => boolean);
31
- step?: number;
32
- min?: number;
33
- max?: number;
35
+ renderComponent?: (value: any, row: T) => JSX.Element;
36
+ openClickCell?: boolean;
37
+ handleClickCell?: (e: React.MouseEvent<HTMLTableCellElement>, row: T) => void;
38
+ renderClickCellComponent?: (value: any, row: T) => JSX.Element;
39
+ type: HTMLInputTypeAttribute | "select";
40
+ children?: DataTableColumnsInterface<T>[];
34
41
  }
35
- export interface dataTableActionsInterface<T> {
42
+ export interface DataTableActionsInterface<T> {
36
43
  id: string;
37
44
  label: string;
38
45
  type: "button" | "link" | "icon";
39
46
  classIcon?: string;
40
- onClick: (row: T, rowIndex?: number) => void;
47
+ onClick: (row: T) => void;
41
48
  shouldDisplay?: (row: T) => boolean;
42
49
  disabled?: boolean;
43
50
  labelButton?: (row: T) => string;
44
51
  visible?: boolean;
45
- width?: string | number;
46
- minWidth?: string | number;
47
- focusNextRow?: boolean;
52
+ width?: number;
48
53
  }
@@ -1,11 +1,9 @@
1
- import { dataTableActionsInterface } from '../dataTable.interface';
1
+ import { DataTableActionsInterface } from '../dataTable.interface';
2
2
 
3
3
  type DataTableActionProps = {
4
- action: dataTableActionsInterface<any>;
4
+ action: DataTableActionsInterface<any>;
5
5
  row: any;
6
- rowIndex?: number;
7
6
  index?: number;
8
- onFocusNextRow?: (rowIndex: number) => void;
9
7
  };
10
- export declare const DataTableAction: ({ action, row, rowIndex, index, onFocusNextRow, }: DataTableActionProps) => import("react/jsx-runtime").JSX.Element | null;
8
+ export declare const DataTableAction: ({ action, row, index, }: DataTableActionProps) => import("react/jsx-runtime").JSX.Element | null;
11
9
  export {};
@@ -1,9 +1,15 @@
1
- import { dataTableColumnsInterface } from '../dataTable.interface';
1
+ import { DataTableSortDirection } from '../DataTable';
2
+ import { DataTableColumnsInterface } from '../dataTable.interface';
2
3
 
3
- type DataTableColumnProps = {
4
- column: dataTableColumnsInterface<any>;
4
+ export declare function DataTableColumn<T>({ column, idx, onColumnClick, hasNestedColumns, isFilterVisible, onToggleFilterVisibility, currentSortDirection, onToggleSort, stickyLeft, stickyTop, }: {
5
+ hasNestedColumns: boolean;
6
+ column: DataTableColumnsInterface<T>;
5
7
  idx: number;
6
- onColumnClick?: (column: dataTableColumnsInterface<any>) => void;
7
- };
8
- export declare const DataTableColumn: ({ column, idx, onColumnClick, }: DataTableColumnProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
8
+ onColumnClick?: (column: DataTableColumnsInterface<T>) => void;
9
+ isFilterVisible?: boolean;
10
+ onToggleFilterVisibility?: (column: DataTableColumnsInterface<T>) => void;
11
+ currentSortDirection?: DataTableSortDirection | null;
12
+ onToggleSort?: (column: DataTableColumnsInterface<T>) => void;
13
+ stickyLeft?: number;
14
+ stickyTop?: number;
15
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { DataTableColumnsInterface } from '../../dataTable.interface';
2
+
3
+ type DataTableColumnFilterProps<T> = {
4
+ className?: string;
5
+ column: DataTableColumnsInterface<T>;
6
+ isFilterVisible?: boolean;
7
+ onToggleVisibility?: (column: DataTableColumnsInterface<T>) => void;
8
+ };
9
+ export declare const DataTableColumnFilter: <T>({ className, column, isFilterVisible, onToggleVisibility, }: DataTableColumnFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,9 @@
1
+ type DataTableColumnFilterDateProps = {
2
+ id: string;
3
+ name: string;
4
+ label: string;
5
+ onChange: (value: string) => void;
6
+ currentValue?: string;
7
+ };
8
+ export declare const DataTableColumnFilterDate: ({ id, name, label, onChange, currentValue, }: DataTableColumnFilterDateProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,9 @@
1
+ type DataTableColumnFilterDateRangeProps = {
2
+ id: string;
3
+ name: string;
4
+ onChange: (startDate: string, endDate: string) => void;
5
+ currentStartValue?: string;
6
+ currentEndValue?: string;
7
+ };
8
+ export declare const DataTableColumnFilterDateRange: ({ id, name, onChange, currentStartValue, currentEndValue, }: DataTableColumnFilterDateRangeProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,13 @@
1
+ import { EnumerableType } from '../../../../_core/type/generiqueType';
2
+ import { TypeInputEnum } from '../../../../form/form.enum';
3
+
4
+ type DataTableColumnFilterEnumProps = {
5
+ type: TypeInputEnum;
6
+ id: string;
7
+ name?: string;
8
+ data: EnumerableType[];
9
+ onChange: (value: string) => void;
10
+ currentValue?: string;
11
+ };
12
+ export declare const DataTableColumnFilterEnum: ({ type, id, onChange, name, data, currentValue, }: DataTableColumnFilterEnumProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,9 @@
1
+ type DataTableColumnFilterStringProps = {
2
+ id: string;
3
+ name: string;
4
+ label: string;
5
+ onChange: (value: string) => void;
6
+ currentValue?: string;
7
+ };
8
+ export declare const DataTableColumnFilterString: ({ id, name, label, onChange, currentValue, }: DataTableColumnFilterStringProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,11 @@
1
+ import { DataTableSortDirection } from '../../DataTable';
2
+ import { DataTableColumnsInterface } from '../../dataTable.interface';
3
+
4
+ type DataTableColumnSortProps<T> = {
5
+ className?: string;
6
+ column: DataTableColumnsInterface<T>;
7
+ sortDirection?: DataTableSortDirection | null;
8
+ onToggleSort?: (column: DataTableColumnsInterface<T>) => void;
9
+ };
10
+ export declare const DataTableColumnSort: <T>({ className, column, sortDirection, onToggleSort, }: DataTableColumnSortProps<T>) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,7 @@
1
+ import { DataTableFilterState } from '../DataTable';
2
+
3
+ export type DataTableFiltersProps = {
4
+ currentFilters: DataTableFilterState;
5
+ setCurrentFilters: React.Dispatch<React.SetStateAction<DataTableFilterState>>;
6
+ };
7
+ export declare const DataTableFilters: ({ currentFilters, setCurrentFilters, }: DataTableFiltersProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,7 +1,5 @@
1
1
  type DataTableLoadingProps = {
2
- columns: any[];
3
- actions: any[];
4
2
  emptyMessage?: string;
5
3
  };
6
- export declare const DataTableLoading: ({ columns, actions, emptyMessage, }: DataTableLoadingProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const DataTableLoading: ({ emptyMessage }: DataTableLoadingProps) => import("react/jsx-runtime").JSX.Element;
7
5
  export {};
@@ -1,12 +1,11 @@
1
- import { dataTableColumnsInterface } from '../dataTable.interface';
1
+ import { DataTableColumnsInterface } from '../dataTable.interface';
2
2
 
3
3
  type DataTableRowProps = {
4
- column: dataTableColumnsInterface<any>;
4
+ column: DataTableColumnsInterface<any>;
5
5
  idx: number;
6
- rowIndex: number;
7
6
  row: any;
8
- container?: "cell" | "card";
9
- onEnterNextColumn?: (columnIndex: number, rowIndex: number) => void;
7
+ onEditColumnByOverlay?: (row: any) => void;
8
+ stickyLeft?: number;
10
9
  };
11
- export declare const DataTableRow: ({ column, idx, rowIndex, row, container, onEnterNextColumn, }: DataTableRowProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const DataTableRow: ({ column, idx, row, onEditColumnByOverlay, stickyLeft, }: DataTableRowProps) => import("react/jsx-runtime").JSX.Element;
12
11
  export {};
@@ -0,0 +1,12 @@
1
+ import { DataTableColumnsInterface } from '../../dataTable.interface';
2
+
3
+ type DataTableRowOverlayProps = {
4
+ row: any;
5
+ column: DataTableColumnsInterface<any>;
6
+ value: string;
7
+ refRow: React.RefObject<HTMLTableCellElement>;
8
+ onClose?: (close: boolean) => void;
9
+ onEditColumnByOverlay?: (newRow: any) => void;
10
+ };
11
+ export declare const DataTableRowOverlay: ({ row, refRow, value, onClose, column, onEditColumnByOverlay, }: DataTableRowOverlayProps) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,11 @@
1
+ import { DataTableColumnsInterface } from '../../dataTable.interface';
2
+
3
+ type DataTableRowValueProps = {
4
+ column: DataTableColumnsInterface<any>;
5
+ value: any;
6
+ row: any;
7
+ editable?: boolean;
8
+ onChange?: (value: any) => void;
9
+ };
10
+ export declare const DataTableRowValue: ({ column, row, value, editable, onChange, }: DataTableRowValueProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -5,6 +5,6 @@ export type ExpandProps = {
5
5
  item: ExpandInterface;
6
6
  className?: string;
7
7
  showArrow?: boolean;
8
- onChange: (item: ExpandInterface) => void;
8
+ onChange?: (item: ExpandInterface) => void;
9
9
  };
10
10
  export declare const Expand: ({ currentExpand, item, className, showArrow, onChange, }: ExpandProps) => JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import { FormInterface, FormMode, FormSection, FormValuesInterface } from './form.interface';
2
+ import { FormInterface, FormValuesInterface } from './form.interface';
3
3
 
4
4
  export type FormProps<T extends {
5
5
  [key: string]: string | number | boolean | Date | string[];
@@ -10,10 +10,8 @@ export type FormProps<T extends {
10
10
  hideSubmit?: boolean;
11
11
  autoComplete?: string;
12
12
  children?: React.ReactNode;
13
- initialForm?: FormInterface[];
14
- sections?: FormSection[];
13
+ initialForm: FormInterface[];
15
14
  disabledSubmit?: boolean;
16
- mode?: FormMode;
17
15
  onSubmit?: (values: FormValuesInterface<T>) => void;
18
16
  onChange?: (values: FormValuesInterface<T>) => void;
19
17
  };
@@ -1,5 +1,4 @@
1
1
  export declare enum TypeInputEnum {
2
- ADDRESS = "address",
3
2
  TEXT = "text",
4
3
  BUTTON = "button",
5
4
  EMAIL = "email",
@@ -9,7 +8,7 @@ export declare enum TypeInputEnum {
9
8
  CHECKBOX = "checkbox",
10
9
  RADIO = "radio",
11
10
  DATE = "date",
11
+ DATERANGE = "daterange",
12
12
  SELECT = "select",
13
- TEXTAREA = "textarea",
14
- PRICE = "price"
13
+ TEXTAREA = "textarea"
15
14
  }
@@ -1,8 +1,5 @@
1
1
  import { TypeInputEnum } from './form.enum';
2
- import { GridBreakpoints } from '../grid/grid.interface';
3
- import { GeocodedAddress, GeocodingProvider } from '../geocoding/geocoding.interface';
4
2
 
5
- export type FormMode = "read" | "edit";
6
3
  export type FormValuesInterface<T extends {
7
4
  [key: string]: string | number | boolean | Date | string[];
8
5
  }> = Partial<{
@@ -12,11 +9,6 @@ export interface FormCondition {
12
9
  errorMessage: string;
13
10
  regex: string;
14
11
  }
15
- export interface FormSection {
16
- title?: React.ReactNode;
17
- fields: FormInterface[];
18
- className?: string;
19
- }
20
12
  export interface FormInterface {
21
13
  value: string | number | boolean | Date;
22
14
  id?: string;
@@ -30,22 +22,13 @@ export interface FormInterface {
30
22
  condition?: FormCondition;
31
23
  icon?: string;
32
24
  multiple?: boolean;
25
+ usePortal?: boolean;
26
+ searchable?: boolean;
33
27
  options?: {
34
28
  value: string;
35
29
  label: string;
36
30
  }[];
37
31
  className?: string;
38
- col?: GridBreakpoints;
39
- addressSearch?: {
40
- minimumQueryLength?: number;
41
- debounceTime?: number;
42
- limit?: number;
43
- provider?: GeocodingProvider;
44
- manualEntryLabel?: string;
45
- mapAddress?: (address: GeocodedAddress) => Record<string, string | number | boolean | Date | string[]>;
46
- onSelect?: (address: GeocodedAddress) => void;
47
- };
48
- formatReadValue?: (value: string | number | boolean | Date | string[]) => React.ReactNode;
49
32
  autoComplete?: string;
50
33
  step?: string;
51
34
  onChange?: (value: string | number | boolean | Date | string[], name?: string) => void;
@@ -12,12 +12,15 @@ export interface InputProps {
12
12
  disabled?: boolean;
13
13
  autoFocus?: boolean;
14
14
  required?: boolean;
15
+ disabledDebounce?: boolean;
15
16
  minLength?: number;
16
17
  maxLength?: number;
18
+ width?: string;
17
19
  autoComplete?: string;
18
20
  step?: string;
19
21
  tabIndex?: number;
20
22
  checked?: boolean;
23
+ showClearButton?: boolean;
21
24
  handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
22
25
  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
23
26
  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
@@ -5,10 +5,8 @@ export type InputNumberProps = {
5
5
  value?: string;
6
6
  placeholder?: string;
7
7
  className?: string;
8
- pattern?: string;
9
8
  disabled?: boolean;
10
9
  required?: boolean;
11
- inputMode?: "numeric" | "decimal";
12
10
  autoFocus?: boolean;
13
11
  maxLength?: number;
14
12
  autoComplete?: string;
@@ -1,6 +1,9 @@
1
- import { GridBreakpoints } from '../grid.interface';
2
-
3
- type ColProps = GridBreakpoints & {
1
+ /// <reference types="react" />
2
+ type ColProps = {
3
+ xs?: number;
4
+ sm?: number;
5
+ md?: number;
6
+ lg?: number;
4
7
  children: React.ReactNode;
5
8
  };
6
9
  export declare const Col: React.FC<ColProps>;
@@ -1,11 +1,9 @@
1
- import { GridColumnSpan } from '../../grid.interface';
2
-
1
+ /// <reference types="react" />
3
2
  type ColStyledProps = {
4
- $xs?: GridColumnSpan;
5
- $sm?: GridColumnSpan;
6
- $md?: GridColumnSpan;
7
- $lg?: GridColumnSpan;
8
- $xl?: GridColumnSpan;
3
+ $xs?: number;
4
+ $sm?: number;
5
+ $md?: number;
6
+ $lg?: number;
9
7
  };
10
8
  export declare const ColStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColStyledProps>> & string;
11
9
  export {};
@@ -1,12 +1,8 @@
1
1
  /// <reference types="react" />
2
- export type GridColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
3
- export interface GridBreakpoints {
4
- xs?: GridColumnSpan;
5
- sm?: GridColumnSpan;
6
- md?: GridColumnSpan;
7
- lg?: GridColumnSpan;
8
- xl?: GridColumnSpan;
9
- }
10
- export interface GridInterface extends GridBreakpoints {
2
+ export interface GridInterface {
3
+ sm?: number;
4
+ xs?: number;
5
+ md?: number;
6
+ lg?: number;
11
7
  children: React.ReactNode;
12
8
  }
@@ -1,3 +1,3 @@
1
1
  import { HeaderInterface } from './header.interface';
2
2
 
3
- export declare const Header: ({ children, logo, onClickMenu, userChildren, positionFixed, overlayClassName, onClickLogo, showBackNavigation, onClickBackNavigation, }: HeaderInterface) => JSX.Element;
3
+ export declare const Header: ({ children, logo, onClickMenu, userChildren, positionFixed, onClickLogo, showBackNavigation, onClickBackNavigation, }: HeaderInterface) => JSX.Element;
@@ -1,12 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export interface HeaderInterface {
3
- logo?: React.ReactNode;
3
+ logo?: string;
4
4
  children?: React.ReactNode;
5
5
  positionFixed?: boolean;
6
6
  onClickMenu?: () => void;
7
7
  userChildren?: React.ReactNode;
8
8
  onClickLogo?: () => void;
9
- overlayClassName?: string;
10
9
  showBackNavigation?: boolean;
11
10
  onClickBackNavigation?: () => void;
12
11
  }
@@ -1,3 +1,3 @@
1
1
  import { IconInterface } from './icon.interface';
2
2
 
3
- export declare const Icon: ({ classIcon, size }: IconInterface) => JSX.Element;
3
+ export declare const Icon: ({ classIcon, size, onClick, }: IconInterface) => JSX.Element;
@@ -3,4 +3,5 @@ import { IconSizeEnum } from './iconSize.enum';
3
3
  export interface IconInterface {
4
4
  classIcon: string;
5
5
  size?: IconSizeEnum;
6
+ onClick?: (e: React.MouseEvent) => void;
6
7
  }
package/dist/index.d.ts CHANGED
@@ -11,12 +11,11 @@ export { useToken } from './_core/hooks/useToken';
11
11
  export { useValidate } from './_core/hooks/useValidate';
12
12
  export { WidgetSupport } from './_core/hooks/widgetSupport';
13
13
  export { ButtonAction } from './action/ButtonAction';
14
- export { AddressSearch } from './addressSearch/AddressSearch';
15
- export type { AddressSearchProps } from './addressSearch/AddressSearch';
16
14
  export { Badge } from './badge/Badge';
17
15
  export { Button } from './button/Button';
18
16
  export { ButtonActions } from './button/buttonActions/ButtonActions';
19
17
  export { ButtonFile } from './button/buttonFile/ButtonFile';
18
+ export { ButtonFilters } from './button/buttonFilters/ButtonFilters';
20
19
  export { Card } from './card/Card';
21
20
  export { Carousel } from './carousel/Carousel';
22
21
  export { Damier } from './damier/Damier';
@@ -26,14 +25,11 @@ export { Expands } from './expands/Expands';
26
25
  export { FilAriane } from './filAriane/FilAriane';
27
26
  export { DynamicForm } from './form/Form';
28
27
  export { TypeInputEnum } from './form/form.enum';
29
- export type { FormMode, FormSection } from './form/form.interface';
30
28
  export { Input } from './form/input/Input';
31
29
  export { InputNumber } from './form/inputNumber/InputNumber';
32
30
  export { InputPrice } from './form/inputPrice/InputPrice';
33
31
  export { TextArea } from './form/textArea/TextArea';
34
32
  export { Grid } from './grid/Grid';
35
- export { GeocodingService, geocodingService, } from './geocoding/GeocodingService';
36
- export type { GeocodedAddress, GeocodingProvider, GeocodingSearchOptions, } from './geocoding/geocoding.interface';
37
33
  export { Header } from './header/Header';
38
34
  export { Icon } from './icon/Icon';
39
35
  export { IconSizeEnum } from './icon/iconSize.enum';