es-grid-template 1.8.66 → 1.8.68

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 (177) hide show
  1. package/es/grid-component/hooks/constant.d.ts +1 -0
  2. package/es/grid-component/hooks/constant.js +2 -1
  3. package/es/grid-component/hooks/useLazyKVMap.d.ts +1 -1
  4. package/es/grid-component/hooks/utils.d.ts +1 -1
  5. package/es/grid-component/index.d.ts +1 -1
  6. package/es/grid-component/type.d.ts +567 -0
  7. package/es/grid-component/type.js +1 -490
  8. package/es/table-component/ColumnsChoose.d.ts +1 -1
  9. package/es/table-component/ColumnsChoose.js +0 -2
  10. package/es/table-component/ContextMenu.d.ts +1 -2
  11. package/es/table-component/ContextMenu.js +0 -1
  12. package/es/table-component/InternalTable.d.ts +1 -2
  13. package/es/table-component/InternalTable.js +1 -32
  14. package/es/table-component/TableContainer.d.ts +1 -1
  15. package/es/table-component/TableContainer.js +4 -2
  16. package/es/table-component/TableContainerEdit.d.ts +1 -1
  17. package/es/table-component/TableContainerEdit.js +6 -129
  18. package/es/table-component/body/EditableCell.d.ts +1 -1
  19. package/es/table-component/body/EditableCell.js +1 -18
  20. package/es/table-component/body/TableBody.d.ts +1 -1
  21. package/es/table-component/body/TableBodyCell.d.ts +1 -1
  22. package/es/table-component/body/TableBodyCellEdit.d.ts +1 -1
  23. package/es/table-component/body/TableBodyCellEdit.js +2 -9
  24. package/es/table-component/body/TableBodyRow.d.ts +1 -1
  25. package/es/table-component/components/ControlCheckbox.d.ts +1 -1
  26. package/es/table-component/components/EditForm/EditForm.js +0 -1
  27. package/es/table-component/components/InputControl/InputControl.js +0 -3
  28. package/es/table-component/components/async-select/index.d.ts +1 -1
  29. package/es/table-component/components/async-select/index.js +0 -3
  30. package/es/table-component/components/async-table-select/index.d.ts +1 -1
  31. package/es/table-component/components/async-table-select/index.js +0 -4
  32. package/es/table-component/components/checkbox-filter/CheckboxFilter.js +6 -2
  33. package/es/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  34. package/es/table-component/components/checkbox-filter/FilterSearch.js +1 -1
  35. package/es/table-component/components/command/Command.d.ts +1 -1
  36. package/es/table-component/components/number/index.d.ts +3 -2
  37. package/es/table-component/components/number/index.js +0 -8
  38. package/es/table-component/components/number-range/index.d.ts +3 -2
  39. package/es/table-component/components/number-range/index.js +0 -3
  40. package/es/table-component/footer/TableFooterRow.js +1 -22
  41. package/es/table-component/header/TableHead.js +0 -20
  42. package/es/table-component/header/TableHeadCell.js +1 -15
  43. package/es/table-component/header/TableHeadCell2.js +5 -3
  44. package/es/table-component/header/TableHeadGroupCell.js +0 -23
  45. package/es/table-component/header/renderFilter.d.ts +1 -1
  46. package/es/table-component/hook/useColumns.d.ts +1 -1
  47. package/es/table-component/hook/useFilterOperator.d.ts +2 -2
  48. package/es/table-component/hook/utils.d.ts +1 -1
  49. package/es/table-component/hook/utils.js +0 -3
  50. package/es/table-component/index.d.ts +1 -1
  51. package/es/table-component/index.js +0 -3
  52. package/es/table-component/table/Grid.d.ts +1 -1
  53. package/es/table-component/table/Grid.js +0 -5
  54. package/es/table-component/table/TableWrapper.d.ts +1 -1
  55. package/es/table-component/useContext.d.ts +2 -1
  56. package/es/table-virtuoso/InternalTable.d.ts +1 -1
  57. package/es/table-virtuoso/InternalTable.js +2 -1
  58. package/es/table-virtuoso/body/TableBodyCell.d.ts +1 -1
  59. package/es/table-virtuoso/body/TableBodyCell.js +1 -1
  60. package/es/table-virtuoso/body/TableBodyRow.d.ts +2 -2
  61. package/es/table-virtuoso/body/TableBodyRow.js +3 -1
  62. package/es/table-virtuoso/header/TableHeadCell.js +1 -3
  63. package/es/table-virtuoso/header/renderFilter.d.ts +1 -1
  64. package/es/table-virtuoso/header/renderFilter.js +0 -4
  65. package/es/table-virtuoso/hook/utils.d.ts +1 -1
  66. package/es/table-virtuoso/style.js +1 -1
  67. package/es/table-virtuoso/table/Grid.d.ts +1 -1
  68. package/es/table-virtuoso/table/Grid.js +0 -24
  69. package/es/table-virtuoso/table/TableContainer.d.ts +1 -1
  70. package/es/table-virtuoso/table/TableContainer.js +0 -2
  71. package/es/table-virtuoso/table/TableWrapper.d.ts +1 -1
  72. package/es/table-virtuoso/table/TableWrapper.js +3 -19
  73. package/es/table-virtuoso/useContext.d.ts +1 -1
  74. package/lib/grid-component/hooks/constant.d.ts +1 -0
  75. package/lib/grid-component/hooks/constant.js +3 -2
  76. package/lib/grid-component/hooks/useLazyKVMap.d.ts +1 -1
  77. package/lib/grid-component/hooks/utils.d.ts +1 -1
  78. package/lib/grid-component/index.d.ts +1 -1
  79. package/lib/grid-component/type.d.ts +567 -0
  80. package/lib/grid-component/type.js +4 -490
  81. package/lib/table-component/ColumnsChoose.d.ts +1 -1
  82. package/lib/table-component/ColumnsChoose.js +0 -2
  83. package/lib/table-component/ContextMenu.d.ts +1 -2
  84. package/lib/table-component/ContextMenu.js +0 -2
  85. package/lib/table-component/InternalTable.d.ts +1 -2
  86. package/lib/table-component/InternalTable.js +1 -28
  87. package/lib/table-component/TableContainer.d.ts +1 -1
  88. package/lib/table-component/TableContainer.js +4 -2
  89. package/lib/table-component/TableContainerEdit.d.ts +1 -1
  90. package/lib/table-component/TableContainerEdit.js +5 -128
  91. package/lib/table-component/body/EditableCell.d.ts +1 -1
  92. package/lib/table-component/body/EditableCell.js +0 -10
  93. package/lib/table-component/body/TableBody.d.ts +1 -1
  94. package/lib/table-component/body/TableBodyCell.d.ts +1 -1
  95. package/lib/table-component/body/TableBodyCellEdit.d.ts +1 -1
  96. package/lib/table-component/body/TableBodyCellEdit.js +5 -11
  97. package/lib/table-component/body/TableBodyRow.d.ts +1 -1
  98. package/lib/table-component/components/ControlCheckbox.d.ts +1 -1
  99. package/lib/table-component/components/EditForm/EditForm.js +0 -2
  100. package/lib/table-component/components/InputControl/InputControl.js +0 -4
  101. package/lib/table-component/components/async-select/index.d.ts +1 -1
  102. package/lib/table-component/components/async-select/index.js +0 -2
  103. package/lib/table-component/components/async-table-select/index.d.ts +1 -1
  104. package/lib/table-component/components/async-table-select/index.js +0 -4
  105. package/lib/table-component/components/checkbox-filter/CheckboxFilter.js +6 -2
  106. package/lib/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  107. package/lib/table-component/components/checkbox-filter/FilterSearch.js +1 -1
  108. package/lib/table-component/components/command/Command.d.ts +1 -1
  109. package/lib/table-component/components/number/index.d.ts +3 -2
  110. package/lib/table-component/components/number/index.js +0 -8
  111. package/lib/table-component/components/number-range/index.d.ts +3 -2
  112. package/lib/table-component/components/number-range/index.js +0 -3
  113. package/lib/table-component/footer/TableFooterRow.js +1 -23
  114. package/lib/table-component/header/TableHead.js +0 -21
  115. package/lib/table-component/header/TableHeadCell.js +4 -18
  116. package/lib/table-component/header/TableHeadCell2.js +8 -6
  117. package/lib/table-component/header/TableHeadGroupCell.js +0 -23
  118. package/lib/table-component/header/renderFilter.d.ts +1 -1
  119. package/lib/table-component/hook/useColumns.d.ts +1 -1
  120. package/lib/table-component/hook/useFilterOperator.d.ts +2 -2
  121. package/lib/table-component/hook/utils.d.ts +1 -1
  122. package/lib/table-component/hook/utils.js +0 -4
  123. package/lib/table-component/index.d.ts +1 -1
  124. package/lib/table-component/index.js +0 -1
  125. package/lib/table-component/table/Grid.d.ts +1 -1
  126. package/lib/table-component/table/Grid.js +0 -4
  127. package/lib/table-component/table/TableWrapper.d.ts +1 -1
  128. package/lib/table-component/useContext.d.ts +2 -1
  129. package/lib/table-virtuoso/InternalTable.d.ts +1 -1
  130. package/lib/table-virtuoso/InternalTable.js +3 -1
  131. package/lib/table-virtuoso/body/TableBodyCell.d.ts +1 -1
  132. package/lib/table-virtuoso/body/TableBodyCell.js +1 -1
  133. package/lib/table-virtuoso/body/TableBodyRow.d.ts +2 -2
  134. package/lib/table-virtuoso/body/TableBodyRow.js +3 -1
  135. package/lib/table-virtuoso/header/TableHeadCell.js +4 -6
  136. package/lib/table-virtuoso/header/renderFilter.d.ts +1 -1
  137. package/lib/table-virtuoso/header/renderFilter.js +0 -4
  138. package/lib/table-virtuoso/hook/utils.d.ts +1 -1
  139. package/lib/table-virtuoso/style.js +1 -1
  140. package/lib/table-virtuoso/table/Grid.d.ts +1 -1
  141. package/lib/table-virtuoso/table/Grid.js +0 -24
  142. package/lib/table-virtuoso/table/TableContainer.d.ts +1 -1
  143. package/lib/table-virtuoso/table/TableContainer.js +0 -2
  144. package/lib/table-virtuoso/table/TableWrapper.d.ts +1 -1
  145. package/lib/table-virtuoso/table/TableWrapper.js +3 -19
  146. package/lib/table-virtuoso/useContext.d.ts +1 -1
  147. package/package.json +1 -1
  148. package/es/table-component/hook/constant.d.ts +0 -73
  149. package/es/table-component/hook/constant.js +0 -240
  150. package/es/table-component/type.d.ts +0 -567
  151. package/es/table-component/type.js +0 -1
  152. package/es/table-virtuoso/hook/constant.d.ts +0 -73
  153. package/es/table-virtuoso/hook/constant.js +0 -240
  154. package/es/table-virtuoso/hook/convert.d.ts +0 -1
  155. package/es/table-virtuoso/hook/convert.js +0 -28
  156. package/es/table-virtuoso/hook/useColumns.d.ts +0 -28
  157. package/es/table-virtuoso/hook/useColumns.js +0 -302
  158. package/es/table-virtuoso/hook/useFilterOperator.d.ts +0 -7
  159. package/es/table-virtuoso/hook/useFilterOperator.js +0 -33
  160. package/es/table-virtuoso/style.scss +0 -1441
  161. package/es/table-virtuoso/type.d.ts +0 -0
  162. package/es/table-virtuoso/type.js +0 -785
  163. package/lib/table-component/hook/constant.d.ts +0 -73
  164. package/lib/table-component/hook/constant.js +0 -247
  165. package/lib/table-component/type.d.ts +0 -567
  166. package/lib/table-component/type.js +0 -5
  167. package/lib/table-virtuoso/hook/constant.d.ts +0 -73
  168. package/lib/table-virtuoso/hook/constant.js +0 -247
  169. package/lib/table-virtuoso/hook/convert.d.ts +0 -1
  170. package/lib/table-virtuoso/hook/convert.js +0 -34
  171. package/lib/table-virtuoso/hook/useColumns.d.ts +0 -28
  172. package/lib/table-virtuoso/hook/useColumns.js +0 -315
  173. package/lib/table-virtuoso/hook/useFilterOperator.d.ts +0 -7
  174. package/lib/table-virtuoso/hook/useFilterOperator.js +0 -40
  175. package/lib/table-virtuoso/style.scss +0 -1441
  176. package/lib/table-virtuoso/type.d.ts +0 -0
  177. package/lib/table-virtuoso/type.js +0 -786
@@ -1,490 +1 @@
1
- // import type { Key, ReactElement, ReactNode } from "react"
2
- // import type React from "react"
3
- // import type { IOperator } from "./hooks"
4
- // import type {
5
- // TypeFilter,
6
- // TableProps as RcTableProps,
7
- // TableColumnType as RcColumnType,
8
- // EditType,
9
- // TablePaginationConfig
10
- // } from "rc-master-ui"
11
- // import type { FilterOperator, TableRowSelection } from "rc-master-ui/es/table/interface"
12
- // import type { ToolbarItem as RcToolbarItem } from "rc-master-ui/es/toolbar"
13
- // import type { ItemType } from "rc-master-ui/es/menu/interface"
14
- // import type { FieldNames, FilterFunc } from "rc-select/es/Select"
15
- // import type { ColorPickerProps } from "antd"
16
- // import type { FixedType } from "rc-base-table/lib/interface"
17
- // import type { TableLocale } from "rc-master-ui/lib/table/interface"
18
- // import type { Cell, Header, Row } from '@tanstack/react-table'
19
-
20
- // export type IColumnType = "number" | "time" | "date" | "week" | "month" | "file" | "quarter" | "year" | "datetime" | "string" | "boolean" | "checkbox" | "color" | null | undefined
21
-
22
- // export type AnyObject = Record<PropertyKey, any>;
23
-
24
- // export type SelectMode = 'checkbox' | 'radio' | undefined
25
- // export type ITextAlign = 'center' | 'left' | 'right'
26
- // export type Frozen = 'left' | 'right' | 'Left' | 'Right'
27
-
28
- // export type ToolbarItem = Omit<RcToolbarItem, 'position' | 'align'> & {
29
- // position?: 'Top' | 'Bottom',
30
- // align?: ITextAlign
31
- // onClick?: (args: any) => void
32
- // };
33
-
34
- // // export type ContextMenuItem = MenuProps['items'] & {}
35
- // export type ContextMenuItem = ItemType
36
-
37
- // export type ITemplateColumn = {
38
- // value: any
39
- // column: any
40
- // rowData: any
41
- // field: number | string
42
- // index: number
43
- // // [key: string]: any
44
- // }
45
-
46
- // export type ColumnSelectTable = {
47
- // field: string,
48
- // dataIndex?: string,
49
- // type?: IColumnType
50
- // headerText?: string,
51
- // fixedType?: 'left' | 'right' | undefined,
52
- // width?: number | undefined,
53
- // minWidth?: number,
54
- // maxWidth?: number,
55
- // visible?: boolean
56
- // textAlign?: ITextAlign
57
- // headerTextAlign?: ITextAlign
58
- // // eslint-disable-next-line no-unused-vars
59
- // template?: (props: ITemplateColumn) => ReactNode | ReactElement
60
- // headerTemplate?: any
61
- // ellipsis?: boolean | undefined
62
- // format?: IFormat
63
- // // eslint-disable-next-line no-unused-vars
64
- // tooltipDescription?: string | ((rowData: any) => string | ReactNode)
65
- // // tooltipDescription?: string | ((rowData: any) => string | React.FC<any> | ReactNode)
66
- // showTooltip?: boolean
67
- // showTooltipHeader?: boolean
68
- // }
69
-
70
- // export type IEditSelectSettings = {
71
- // fieldKey?: string
72
- // options: any[] | ((rowData: any, field: string) => any[])
73
- // /** get value form other field **/
74
- // fieldValue?: string
75
- // /** get label form other field **/
76
- // fieldLabel?: string
77
- // /** cho phép nhập giá trị - onBlur: giá trị search được set thành value **/
78
- // searchTextAsValue?: boolean
79
-
80
- // inputKey?: string
81
-
82
- // filterKey?: string[]
83
- // selectMode?: SelectMode
84
-
85
- // // eslint-disable-next-line no-unused-vars
86
- // getPasteValue?: (value: any) => Record<string, any> | null
87
- // // eslint-disable-next-line no-unused-vars
88
- // validateOption?: (rowData: any, field: string) => any[]
89
-
90
- // defaultOptions?: any[]
91
- // // eslint-disable-next-line no-unused-vars
92
- // defaultValue?: (value: any, rowData: any) => {
93
- // value: any
94
- // label: string
95
- // [key: string]: string
96
-
97
- // } | null
98
-
99
- // formatOptionLabel?: (option: any) => ReactNode | ReactElement
100
- // // loadOptions?: (search: string, callback: (newOptions: any[]) => void) => void
101
- // loadOptions?: (search: string, callback: (newOptions: any[]) => void, args?: LoadOptionsArgs) => void;
102
- // isMulti?: boolean
103
- // closeMenuOnSelect?: boolean
104
- // menuWidth?: number
105
- // menuHeight?: number
106
-
107
- // columns?: ColumnSelectTable[]
108
- // toolbarItems?: ToolbarItem[]
109
- // // eslint-disable-next-line no-unused-vars
110
- // toolbarClick?: (props: ToolbarClick) => void
111
- // toolbarHeight?: number
112
- // hideSelectedOptions?: boolean
113
- // showItems?: number
114
- // isLengthSelected?: boolean
115
- // fieldNames?: FieldNames
116
- // filterOption?: boolean | FilterFunc<any>;
117
- // }
118
- // export type ToolbarClick = {
119
- // item: any
120
- // column: any
121
- // }
122
- // export type LoadOptionsArgs = {
123
- // rowData?: any
124
-
125
- // }
126
-
127
- // export type ColumnTable<RecordType = AnyObject> = Omit<RcColumnType<RecordType>, 'headerTemplate' | 'title' | 'format' | 'commandItems'> & {
128
- // field?: string,
129
- // key?: any,
130
- // type?: IColumnType,
131
- // /** @deprecated This function is deprecated and should use `onChange` instead */
132
- // haveSum?: boolean
133
- // isSummary?: boolean
134
- // summaryTemplate?: (data: number, key: string) => ReactElement | ReactNode
135
- // maxWidth?: string | number
136
- // format?: IFormat | ((rowData: any) => IFormat)
137
- // allowFiltering?: boolean
138
- // allowSortering?: boolean
139
- // operator?: FilterOperator
140
- // hideOperator?: boolean
141
- // placeholder?: string
142
- // showInColumnChoose?: boolean
143
- // typeFilter?: TypeFilter
144
- // source?: any[]
145
- // showFilterSearch?: boolean
146
- // headerText?: string
147
- // visible?: boolean
148
- // headerTooltip?: boolean | string | (() => ReactNode | ReactElement)
149
- // columnGroupText?: string
150
- // textAlign?: ITextAlign
151
- // headerTextAlign?: ITextAlign
152
- // // template?: ReactNode | ReactElement | ((value: any, record: RecordType, index: number) => ReactNode | ReactElement)
153
- // template?: ReactNode | ReactElement | ((args: ColumnTemplate<RecordType>) => ReactNode | ReactElement)
154
- // showTooltip?: boolean
155
- // tooltipDescription?: ReactNode | ReactElement | ((args: { value: any, record: RecordType }) => ReactNode | ReactElement)
156
- // headerTemplate?: React.ReactNode | React.ReactElement | ((column: ColumnTable<RecordType>) => React.ReactNode | React.ReactElement);
157
- // commandItems?: CommandItem[]
158
-
159
- // children?: ColumnTable<RecordType>[]
160
-
161
- // editType?: EditType | ((rowData?: RecordType) => EditType)
162
- // disable?: boolean | ((rowData: any) => boolean)
163
- // editEnable?: boolean | ((rowData: any) => boolean)
164
- // isClearable?: boolean
165
- // maxDate?: any
166
- // minDate?: any
167
- // maxTime?: any
168
- // minTime?: any
169
- // max?: number
170
- // min?: number
171
- // editSelectSettings?: IEditSelectSettings
172
- // editFromSettings?: IEditFromSettings
173
- // fixedType?: FixedType,
174
- // headerTextWrap?: boolean
175
- // // children?: ColumnEditType<RecordType>[]
176
-
177
- // sumGroup?: boolean
178
-
179
- // allowSelection?: boolean | ((rowData: RecordType) => boolean)
180
-
181
- // onCellStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cellValue: any, cell: Cell<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>)
182
- // onCellHeaderStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cell: Header<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>)
183
- // onCellFooterStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cellValue: any, cell: Header<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>)
184
-
185
- // }
186
-
187
- // export type IFormOpen = {
188
- // value?: any
189
- // setValue?: any
190
- // getValues?: any
191
- // reset?: any
192
- // rowData?: any
193
- // }
194
-
195
- // export type IEditFromSettings = {
196
- // fieldKey: string
197
- // // eslint-disable-next-line no-unused-vars
198
- // formOpen?: (props: IFormOpen) => void
199
- // // eslint-disable-next-line no-unused-vars
200
- // formClose?: (props: IFormOpen) => void
201
- // // eslint-disable-next-line no-unused-vars
202
- // formatLabel?: (value: any) => string
203
- // menuWidth?: number
204
- // menuHeight?: number
205
- // labelWith?: number
206
- // items: any[]
207
- // layout?: {
208
- // xl?: IGrid
209
- // lg?: IGrid
210
- // md?: IGrid
211
- // sm?: IGrid
212
- // xs?: IGrid
213
- // }
214
-
215
- // defaultValues?: Record<string, any>
216
-
217
- // schema?: any
218
- // }
219
-
220
- // type IGrid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24
221
-
222
- // export type ColumnTemplate<RecordType> = {
223
- // value: any,
224
- // rowData: RecordType,
225
- // index: number,
226
- // field: string
227
- // }
228
-
229
- // export type ColumnsTable<RecordType = AnyObject> = ColumnTable<RecordType>[]
230
-
231
- // export type Locale = TableLocale & {
232
- // ok_btn: string
233
- // cancel_btn: string
234
- // add_rows: string
235
- // add_rows_before: string
236
- // add_rows_after: string
237
- // add_1: string
238
- // add_10: string
239
- // add_50: string
240
- // add_100: string
241
- // add_children: string
242
- // delete_content: string
243
- // delete_rows: string
244
- // custom: string
245
- // }
246
-
247
- // export type Sort = {
248
- // columnKey: string,
249
- // field: string,
250
- // order: 'ascend' | 'descend' | null
251
- // }
252
-
253
- // export interface TableProps<RecordType = AnyObject> extends Omit<RcTableProps<RecordType>, 'columns' | 'rowSelection' | 'loading' | 'dataSource' | 'summary' | 'pagination' | 'locale' | 'virtual'> {
254
- // editAble?: boolean
255
- // infiniteScroll?: boolean
256
- // theme?: {
257
- // theme?: 'dark' | 'light',
258
- // backgroundColor?: string
259
- // color?: string
260
- // }
261
- // virtualRow?: boolean
262
- // virtualColumns?: boolean
263
- // next?: () => void
264
- // locale?: Locale
265
- // groupAble?: boolean
266
- // groupColumns?: string[]
267
- // groupSetting?: IGroupSetting
268
- // onChooseColumns?: (props: IOnChooseColumns) => void
269
- // pagination?: false | PaginationConfig;
270
- // showCustomTooltip?: boolean
271
-
272
- // sortMultiple?: boolean
273
- // dataSource: RecordType[]
274
- // columns: ColumnsTable<RecordType>,
275
- // height?: number
276
- // minHeight?: number
277
- // format?: IFormat
278
- // t?: any
279
- // lang?: string
280
- // contextMenuItems?: ContextMenuItem[]
281
- // showDefaultContext?: boolean
282
- // contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<RecordType>, 'item' | 'event'>) => string[])
283
- // contextMenuOpen?: (args: Omit<ContextInfo<RecordType>, 'item'>) => void
284
- // contextMenuClick?: (args: ContextInfo<RecordType>) => void
285
- // recordDoubleClick?: (args: RecordDoubleClickEventArgs<RecordType>) => void
286
- // toolbarItems?: ToolbarItem[]
287
- // showColumnChoose?: boolean
288
- // showAdvanceFilter?: boolean
289
-
290
- // allowFiltering?: boolean
291
- // onFilter?: (query: { field: string, key: string, operator: IOperator, predicate: 'and' | 'or', value: any }[]) => void
292
- // allowSortering?: boolean
293
- // onSorter?: (args: { column: ColumnTable<RecordType>, columnKey: string, field: string, order: 'ascend' | 'descend' | null }) => void
294
- // defaultSorter?: Sort[]
295
- // selectionSettings?: SelectionSettings
296
- // // rowKey?: string
297
- // rowKey?: string | keyof RecordType | GetRowKey<RecordType>;
298
-
299
- // rowSelection?: RowSelection<RecordType>
300
- // rowSelected?: (args: { type: string, rowData: RecordType, selected: RecordType | RecordType[] }) => void
301
- // dataSourceFilter?: SourceFilter[]
302
- // onFilterClick?: (column: ColumnTable<RecordType>, callback: (key: string, data: any) => void) => void
303
- // loading?: boolean
304
- // allowResizing?: boolean
305
- // showToolbar?: boolean
306
- // onDataChange?: (data: RecordType[]) => void
307
- // defaultValue?: AnyObject | (() => AnyObject)
308
-
309
- // summary?: boolean | ((data: readonly RecordType[]) => React.ReactNode);
310
- // showEmptyText?: boolean
311
- // commandSettings?: CommandSettings
312
-
313
- // // columns: ColumnsTable<RecordType>
314
- // onCellPaste?: ICellPasteModel<RecordType>
315
- // onCellChange?: (args: CellChangeArgs<RecordType>, handleCallback: (rowData: any, index: any, value?: any) => void) => void
316
- // onCellClick?: (args: ICellClick, callback?: any) => void
317
- // rowEditable?: (rowData: RecordType) => boolean
318
- // validate?: any
319
- // onBlur?: (data: RecordType[]) => void
320
-
321
- // onExpandClick?: (args: { expandedKeys: string[], key: string, rowData: any }) => void
322
-
323
- // wrapSettings?: IWrapSettings,
324
-
325
- // actionTemplate?: ReactNode | ReactElement | (() => ReactNode | ReactElement)
326
-
327
- // fullScreen?: boolean
328
-
329
- // onRowStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | ((data: RecordType, row: Row<RecordType>) => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>)
330
- // onRowHeaderStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>)
331
- // onRowFooterStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>)
332
-
333
- // fullScreenTitle?: ReactNode | (() => ReactNode)
334
- // }
335
-
336
- // // export interface TableEditProps<RecordType = AnyObject> extends Omit<TableProps<RecordType>, 'columns' > {
337
- // // columns: ColumnsTable<RecordType>
338
- // // onCellPaste?: ICellPasteModel<RecordType>
339
- // // onCellChange?: (args: CellChangeArgs<RecordType>, handleCallback: (rowData: any, index: any, value?: any) => void) => void
340
- // // onCellClick?: (args: ICellClick, callback?: any) => void
341
- // // rowEditable?: (rowData: RecordType) => boolean
342
- // // }
343
-
344
- // export type PaginationConfig = TablePaginationConfig & {
345
- // currentPage?: number
346
- // }
347
- // export type ICellClick = {
348
- // index: number
349
- // indexCol?: number
350
- // rowId: string | number
351
- // type: 'Editing' | 'Default'
352
- // field: string
353
- // cellValue: any
354
- // rowData: any
355
- // }
356
-
357
- // export type GridTableProps<RecordType = AnyObject> = TableProps<RecordType>
358
-
359
- // export interface CommandItem {
360
- // id: string
361
- // type?: string
362
- // visible?: boolean | ((record: any) => boolean)
363
- // title: string
364
- // color?: 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
365
- // tooltip?: string
366
- // icon?: ReactNode | ReactElement | (() => ReactNode | ReactElement)
367
- // template?: ReactNode | ReactElement | ((record: any) => ReactNode | ReactElement)
368
- // client?: boolean
369
- // confirmDialog?: boolean
370
- // }
371
-
372
- // export type GroupTemplate = {
373
- // rowData: any
374
- // value: any
375
- // column: ColumnTable
376
- // }
377
-
378
- // export type IGroupSetting = {
379
- // client?: boolean
380
- // onGroup?: (props: IOnGroup) => void
381
- // groupColumnSpan?: number
382
- // hiddenColumnGroup?: boolean
383
- // showHeaderColumn?: boolean
384
- // showGroupIcon?: boolean
385
- // unClearableLevel?: 1 | 2 | 3 | undefined
386
- // sumGroup?: boolean
387
- // groupTemplate?: React.ReactNode | React.ReactElement | ((args: GroupTemplate) => React.ReactNode | React.ReactElement)
388
- // }
389
-
390
- // type IOnGroup = {
391
- // columnGrouped: string[]
392
- // columns: ColumnsTable
393
- // flattenColumns: ColumnsTable
394
- // }
395
-
396
- // export type IOnChooseColumns = {
397
- // columns: ColumnsTable
398
- // showColumns: ColumnsTable
399
- // flattenColumns: ColumnsTable
400
- // }
401
-
402
- // export type CellChangeArgs<T> = {
403
- // type: 'onPaste' | 'onChange' | 'onCellPaste'
404
- // value: any
405
- // option: AnyObject
406
- // rowData: T
407
- // rowsData: T[]
408
- // indexRow: number
409
- // rowId?: string
410
- // field: string | undefined
411
- // indexCol: any
412
- // sumValue?: any[]
413
- // }
414
-
415
- // export type IOnPastedProps = {
416
- // data: any[]
417
- // copyRows: any[]
418
- // pastedColumns: string[]
419
- // pasteData: any[]
420
- // type: 'onPaste' | 'onChange' | 'onCellPaste'
421
- // }
422
-
423
- // export interface ICellPasteModel<RecordType = AnyObject> {
424
-
425
- // onPasted?: (args: IOnPastedProps, handleCallback: (callbackData: any[]) => void) => void
426
-
427
- // dataChange?: (data: RecordType[]) => void
428
- // getCallbackData?: (props: any) => void
429
- // maxRowsPaste?: number
430
- // }
431
-
432
- // export type SourceFilter = {
433
- // key: string
434
- // data: any[]
435
- // loadOptions?: (search: string, callback: (newOptions: any[]) => void) => void;
436
-
437
- // }
438
-
439
- // export type RowSelection<RecordType> = Omit<TableRowSelection<RecordType>, 'type' | 'columnWidth' | 'hideSelectAll' | 'defaultSelectedRowKeys'>
440
-
441
- // export type SelectionSettings = Omit<TableRowSelection, 'type' | 'onChange' | 'onSelect' | 'onSelectAll' | 'onSelectNone' | 'onSelectMultiple'> & {
442
- // mode?: 'checkbox' | 'radio'
443
- // type?: 'single' | 'multiple'
444
- // checkboxOnly?: boolean
445
- // }
446
-
447
- // export type RecordDoubleClickEventArgs<RecordType> = {
448
- // rowData: RecordType
449
- // rowIndex: number | undefined
450
- // e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
451
- // }
452
-
453
- // export type ContextInfo<RecordType> = {
454
- // rowInfo: {
455
- // rowData: RecordType | null
456
- // }
457
- // event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
458
- // item: ItemType
459
- // }
460
-
461
- // export type IFormat = {
462
- // thousandSeparator?: string
463
- // decimalSeparator?: string
464
- // decimalScale?: number | undefined // bao nhiêu số sau số thập phân
465
- // allowNegative?: boolean // check nhập số âm
466
- // prefix?: string | undefined
467
- // suffix?: string | undefined
468
- // fixedDecimalScale?: boolean // mặc định thêm số 0 sau số thập phân
469
- // dateFormat?: string
470
- // datetimeFormat?: string
471
- // timeFormat?: string
472
- // weekFormat?: string
473
- // monthFormat?: string
474
- // yearFormat?: string
475
- // }
476
-
477
- // export type GetRowKey<RecordType> = (record: RecordType, index?: number) => Key;
478
-
479
- // export type Presets = Required<ColorPickerProps>['presets'][number];
480
-
481
- // export type CommandSettings = {
482
- // client?: boolean
483
- // confirmDialog?: boolean
484
- // }
485
-
486
- // export type IWrapMode = 'Header' | 'Both' | 'Content'
487
-
488
- // export type IWrapSettings = {
489
- // wrapMode?: IWrapMode
490
- // }
1
+ export {};
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import type { ColumnsTable, ColumnTable } from "./type";
2
+ import type { ColumnsTable, ColumnTable } from "./../grid-component/type";
3
3
  import type { ColumnDef } from "@tanstack/react-table";
4
4
  export type IColumnsChoose<RecordType> = {
5
5
  columns: ColumnDef<RecordType>[];
@@ -2,8 +2,6 @@ import useMergedState from "rc-util/es/hooks/useMergedState";
2
2
  import React, { Fragment, useState } from "react";
3
3
  import styled from "styled-components";
4
4
  import { Button, Input, Popover, Tooltip } from "antd";
5
- // import { SettingOutlined } from "@ant-design/icons"
6
-
7
5
  import Tree from "rc-master-ui/es/tree";
8
6
  import SearchOutlined from "@ant-design/icons/SearchOutlined";
9
7
  import { convertColumnsToTreeData, getVisibleColumnKeys1, updateColumns1 } from "./hook/utils";
@@ -1,6 +1,5 @@
1
1
  import * as React from "react";
2
- import type { ContextInfo } from "./type";
3
- import type { ContextMenuItem } from "./type";
2
+ import type { ContextInfo, ContextMenuItem } from "./../grid-component/type";
4
3
  export declare const findItemByKey: (array: any[], key: string, value: any) => any;
5
4
  type Props<RecordType> = {
6
5
  rowData: RecordType | null;
@@ -1,5 +1,4 @@
1
1
  import * as React from "react";
2
- // import type { MenuProps } from "antd";
3
2
  import { Dropdown, Menu } from "antd";
4
3
  export const findItemByKey = (array, key, value) => {
5
4
  for (let i = 0; i < array.length; i++) {
@@ -3,7 +3,6 @@ import 'react-resizable/css/styles.css';
3
3
  import 'dayjs/locale/es';
4
4
  import 'dayjs/locale/vi';
5
5
  import './style.scss';
6
- import type { TableProps } from './type';
7
- export declare const SELECTION_COLUMN: {};
6
+ import type { TableProps } from './../grid-component/type';
8
7
  declare const InternalTable: <RecordType extends object>(props: TableProps<RecordType>) => React.JSX.Element;
9
8
  export default InternalTable;
@@ -5,46 +5,15 @@ import 'react-resizable/css/styles.css';
5
5
  import dayjs from 'dayjs';
6
6
  import 'dayjs/locale/es';
7
7
  import 'dayjs/locale/vi';
8
-
9
- // import en from "rc-master-ui/es/date-picker/locale/en_US"
10
- // import vi from "rc-master-ui/es/date-picker/locale/vi_VN"
11
-
12
- // import enDr from "rc-master-ui/es/locales/en_US"
13
- // import viDr from "rc-master-ui/es/locales/vi_VN"
14
-
15
- // import type { PickerLocale } from "rc-master-ui/es/date-picker/generatePicker"
16
-
17
8
  import "./style.scss";
18
-
19
- // import Swal from "sweetalert2"
20
- // import withReactContent from "sweetalert2-react-content"
21
- // import { Tooltip } from "react-tooltip"
22
-
23
9
  import { faker } from '@faker-js/faker';
24
10
  import useMergedState from "rc-util/es/hooks/useMergedState";
25
- // import InfiniteTable from './table/InfiniteTable'
26
- // import GridEdit from './table/GridEdit'
27
11
  import Grid from "./table/Grid";
28
- // import { Group } from 'becoxy-icons'
29
-
30
- // import { Tooltip } from 'react-tooltip'
31
- // import ContextMenu from './ContextMenu'
32
- import { addRowIdArray, convertFlatColumn1, convertToObj, convertToObjTrue,
33
- // convertFilters,
34
- filterDataByColumns, findAllChildrenKeys2, flatColumns2,
35
- // filterDataByColumns,
36
- getAllRowKey, getDiffent2Array, getFixedFields, getInvisibleColumns, groupArrayByColumns, isTreeArray, updateWidthsByOther } from "./hook/utils";
12
+ import { addRowIdArray, convertFlatColumn1, convertToObj, convertToObjTrue, filterDataByColumns, findAllChildrenKeys2, flatColumns2, getAllRowKey, getDiffent2Array, getFixedFields, getInvisibleColumns, groupArrayByColumns, isTreeArray, updateWidthsByOther } from "./hook/utils";
37
13
  import { convertToTanStackColumns } from "./hook/useColumns";
38
14
  import { convertColumns } from "./hook/convert";
39
15
  import { removeInvisibleColumns } from "../grid-component/hooks";
40
16
  dayjs.extend(customParseFormat);
41
-
42
- // const MySwal = withReactContent(Swal)
43
-
44
- // const ASCEND = 'ascend'
45
- // const DESCEND = 'descend'
46
-
47
- export const SELECTION_COLUMN = {};
48
17
  const InternalTable = props => {
49
18
  const {
50
19
  t,
@@ -1,7 +1,7 @@
1
1
  import type { Dispatch, SetStateAction } from 'react';
2
2
  import React from 'react';
3
3
  import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from '@tanstack/react-table';
4
- import type { ColumnsTable, TableProps } from './type';
4
+ import type { ColumnsTable, TableProps } from './../grid-component/type';
5
5
  type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
6
6
  table: Table<T>;
7
7
  prefix: string;
@@ -68,7 +68,8 @@ const TableContainer = props => {
68
68
  onRowStyles,
69
69
  onRowFooterStyles,
70
70
  onRowHeaderStyles,
71
- title
71
+ title,
72
+ dataSourceFilter
72
73
  } = props;
73
74
  const tableContainerRef = React.useRef(null);
74
75
  const containerRef = React.useRef(null);
@@ -270,7 +271,8 @@ const TableContainer = props => {
270
271
  onRowFooterStyles,
271
272
  onRowHeaderStyles,
272
273
  table,
273
- pagination
274
+ pagination,
275
+ dataSourceFilter
274
276
  }
275
277
  }, /*#__PURE__*/React.createElement(TableWrapper, {
276
278
  contextMenuItems: contextMenuItems,
@@ -1,7 +1,7 @@
1
1
  import type { Dispatch, SetStateAction } from "react";
2
2
  import React from "react";
3
3
  import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from "@tanstack/react-table";
4
- import type { ColumnsTable, TableProps } from "./type";
4
+ import type { ColumnsTable, TableProps } from "./../grid-component/type";
5
5
  type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
6
6
  table: Table<T>;
7
7
  prefix: string;