@tsed/react-formio 2.1.2 → 2.1.4
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/coverage.json +4 -4
- package/dist/components/actions-table/actionsTable.component.d.ts +3 -2
- package/dist/components/actions-table/actionsTable.stories.d.ts +2 -1
- package/dist/components/alert/alert.component.d.ts +2 -1
- package/dist/components/alert/alert.stories.d.ts +2 -1
- package/dist/components/card/card.component.d.ts +1 -1
- package/dist/components/card/card.stories.d.ts +2 -1
- package/dist/components/form/form.component.d.ts +2 -1
- package/dist/components/form/form.stories.d.ts +5 -4
- package/dist/components/form-access/formAccess.stories.d.ts +2 -1
- package/dist/components/form-access/formAccess.utils.d.ts +3 -3
- package/dist/components/form-action/formAction.stories.d.ts +2 -1
- package/dist/components/form-builder/formBuilder.component.d.ts +1 -1
- package/dist/components/form-builder/formBuilder.stories.d.ts +7 -6
- package/dist/components/form-control/formControl.component.d.ts +1 -1
- package/dist/components/form-control/formControl.stories.d.ts +11 -10
- package/dist/components/form-edit/formEdit.component.d.ts +2 -1
- package/dist/components/form-edit/formEdit.stories.d.ts +17 -16
- package/dist/components/form-settings/formSettings.component.d.ts +2 -1
- package/dist/components/form-settings/formSettings.stories.d.ts +2 -1
- package/dist/components/form-settings/formSettings.utils.d.ts +1 -1
- package/dist/components/forms-table/components/formCell.component.d.ts +2 -1
- package/dist/components/forms-table/formsTable.component.d.ts +3 -2
- package/dist/components/forms-table/formsTable.stories.d.ts +3 -2
- package/dist/components/input-tags/inputTags.component.d.ts +2 -1
- package/dist/components/input-tags/inputTags.stories.d.ts +4 -3
- package/dist/components/input-text/inputText.component.d.ts +2 -1
- package/dist/components/input-text/inputText.stories.d.ts +6 -5
- package/dist/components/loader/loader.component.d.ts +2 -2
- package/dist/components/loader/loader.stories.d.ts +2 -1
- package/dist/components/modal/modal.component.d.ts +1 -1
- package/dist/components/modal/modal.stories.d.ts +5 -4
- package/dist/components/modal/removeModal.component.d.ts +2 -2
- package/dist/components/pagination/pagination.component.d.ts +2 -1
- package/dist/components/pagination/pagination.stories.d.ts +2 -1
- package/dist/components/react-component/reactComponent.component.d.ts +1 -1
- package/dist/components/select/select.stories.d.ts +9 -8
- package/dist/components/submissions-table/submissionsTable.component.d.ts +3 -2
- package/dist/components/submissions-table/submissionsTable.stories.d.ts +2 -1
- package/dist/components/table/components/defaultArrowSort.component.d.ts +2 -1
- package/dist/components/table/components/defaultCellHeader.component.d.ts +2 -1
- package/dist/components/table/components/defaultCellOperations.component.d.ts +2 -1
- package/dist/components/table/components/defaultCells.component.d.ts +2 -1
- package/dist/components/table/components/defaultOperationButton.component.d.ts +2 -1
- package/dist/components/table/components/defaultRow.component.d.ts +3 -3
- package/dist/components/table/components/dragNDropContainer.d.ts +2 -2
- package/dist/components/table/filters/defaultColumnFilter.component.d.ts +2 -1
- package/dist/components/table/filters/selectColumnFilter.component.d.ts +2 -1
- package/dist/components/table/filters/sliderColumnFilter.component.d.ts +2 -1
- package/dist/components/table/hooks/useCustomTable.hook.d.ts +7 -85
- package/dist/components/table/hooks/useDragnDropRow.hook.d.ts +25 -18
- package/dist/components/table/hooks/useOperations.hook.d.ts +1 -1
- package/dist/components/table/table.component.d.ts +2 -2
- package/dist/components/table/table.stories.d.ts +3 -2
- package/dist/components/tabs/tabs.component.d.ts +3 -3
- package/dist/components/tabs/tabs.component.stories.d.ts +3 -2
- package/dist/index.js +439 -493
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +57 -100
- package/dist/index.modern.js.map +1 -1
- package/dist/interfaces/FormSchema.d.ts +1 -1
- package/dist/interfaces/Operation.d.ts +2 -2
- package/dist/interfaces/QueryOptions.d.ts +1 -1
- package/package.json +4 -3
- package/readme.md +17 -195
- package/src/components/form/form.stories.tsx +128 -122
- package/src/components/form/useForm.hook.ts +1 -1
- package/src/components/form-builder/formBuilder.stories.tsx +3540 -3537
- package/src/components/form-edit/formEdit.stories.tsx +320 -317
- package/src/components/forms-table/formsTable.component.tsx +1 -1
- package/src/components/modal/removeModal.component.tsx +3 -4
- package/src/components/table/components/defaultCellHeader.component.tsx +3 -3
- package/src/components/table/components/defaultCells.component.tsx +1 -1
- package/src/components/table/filters/defaultColumnFilter.component.tsx +1 -1
- package/src/components/table/hooks/useCustomTable.hook.tsx +16 -5
- package/tsconfig.json +2 -1
|
@@ -13,7 +13,7 @@ export function DefaultCells<Data extends object = {}>({ row }: { row: Row<Data>
|
|
|
13
13
|
|
|
14
14
|
return (
|
|
15
15
|
<td colSpan={colspan} {...cell.getCellProps()} key={`tableInstance.page.cells.${cell.value || "value"}.${i}`}>
|
|
16
|
-
{cell.render("Cell")}
|
|
16
|
+
{cell.render("Cell") as any}
|
|
17
17
|
</td>
|
|
18
18
|
);
|
|
19
19
|
})}
|
|
@@ -15,7 +15,7 @@ export function DefaultColumnFilter<D extends Record<string, unknown> = {}>(
|
|
|
15
15
|
const [value, setValue] = useState(filterValue || "");
|
|
16
16
|
|
|
17
17
|
const onChange = useCallback(
|
|
18
|
-
(name, value) => {
|
|
18
|
+
(name: string, value: any) => {
|
|
19
19
|
setValue(value);
|
|
20
20
|
setFilterId(id);
|
|
21
21
|
setFilter(value || undefined);
|
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
import noop from "lodash/noop";
|
|
2
2
|
import React, { PropsWithChildren, useEffect, useState } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
CellProps,
|
|
5
|
+
FilterProps,
|
|
6
|
+
Renderer,
|
|
7
|
+
TableInstance,
|
|
8
|
+
TableOptions,
|
|
9
|
+
useFilters,
|
|
10
|
+
useGroupBy,
|
|
11
|
+
usePagination,
|
|
12
|
+
useSortBy,
|
|
13
|
+
useTable
|
|
14
|
+
} from "react-table";
|
|
4
15
|
|
|
5
16
|
import { OnClickOperation, Operation, QueryOptions } from "../../../interfaces";
|
|
6
17
|
import { Pagination as DefaultPagination } from "../../pagination/pagination.component";
|
|
@@ -156,7 +167,7 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
|
|
|
156
167
|
const [filterId, setFilterId] = React.useState(controlledFilterId);
|
|
157
168
|
|
|
158
169
|
// DND
|
|
159
|
-
const [records, setRecords] = useState<Data[]>(data);
|
|
170
|
+
const [records, setRecords] = useState<readonly Data[]>(data);
|
|
160
171
|
|
|
161
172
|
useEffect(() => {
|
|
162
173
|
setRecords(data);
|
|
@@ -212,12 +223,10 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
|
|
|
212
223
|
}, [onChange, pageIndex, pageSize, sortBy, filters, filterId]);
|
|
213
224
|
|
|
214
225
|
return {
|
|
215
|
-
...props,
|
|
216
226
|
className,
|
|
217
227
|
tableInstance,
|
|
218
228
|
CellHeader,
|
|
219
229
|
isLoading,
|
|
220
|
-
onClick: _onClick,
|
|
221
230
|
Loader,
|
|
222
231
|
EmptyData,
|
|
223
232
|
Row,
|
|
@@ -230,7 +239,9 @@ export function useCustomTable<Data extends object = {}>(props: PropsWithChildre
|
|
|
230
239
|
setPageSize,
|
|
231
240
|
i18n,
|
|
232
241
|
children,
|
|
242
|
+
onClick: _onClick as any,
|
|
233
243
|
onDrag: _onDrag,
|
|
234
|
-
onDrop: onDrop
|
|
244
|
+
onDrop: onDrop,
|
|
245
|
+
enableDragNDrop: props.enableDragNDrop
|
|
235
246
|
};
|
|
236
247
|
}
|