@uxf/data-grid 10.0.0-beta.49 → 10.0.0-beta.50
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/data-grid.stories.js
CHANGED
|
@@ -232,7 +232,10 @@ function Default() {
|
|
|
232
232
|
const [selectedRows, setSelectedRows] = (0, react_1.useState)(new Set());
|
|
233
233
|
const callbackRef = (0, _1.useCallbackRef)();
|
|
234
234
|
return (react_1.default.createElement("div", { className: "min-h-screen bg-gray-50 p-4 dark:bg-gray-950" },
|
|
235
|
-
react_1.default.createElement(tailwindui_1.DataGrid, { callbackRef: callbackRef, schema: schema, title: "Test", noBorder: false, loader: loader, onChangeHiddenColumns: setHiddenColumns, hiddenColumns: hiddenColumns, onChangeSelectedRows: setSelectedRows, selectedRows: selectedRows, getOpenUrl: (row) => `https://www.uxf.cz/item-${row.id}`, onEdit: console.log, onRemove:
|
|
235
|
+
react_1.default.createElement(tailwindui_1.DataGrid, { callbackRef: callbackRef, schema: schema, title: "Test", noBorder: false, loader: loader, onChangeHiddenColumns: setHiddenColumns, hiddenColumns: hiddenColumns, onChangeSelectedRows: setSelectedRows, selectedRows: selectedRows, getOpenUrl: (row) => `https://www.uxf.cz/item-${row.id}`, onEdit: console.log, onRemove: (row, reload) => {
|
|
236
|
+
console.log(row, reload);
|
|
237
|
+
reload();
|
|
238
|
+
}, initialState: "eyJzb3J0IjoiaWQiLCJkaXIiOiJhc2MiLCJwZXJQYWdlIjoxMCwicGFnZSI6MCwiZiI6W3sibmFtZSI6ImNvZGUiLCJ2YWx1ZSI6IkNaIn1dfQ==", onCsvDownload: onCsvDownload, defaultConfig: {
|
|
236
239
|
columns: {
|
|
237
240
|
id: { width: 50, hidden: true },
|
|
238
241
|
text: {},
|
package/package.json
CHANGED
|
@@ -74,8 +74,10 @@ const Button = (props) => {
|
|
|
74
74
|
return null;
|
|
75
75
|
};
|
|
76
76
|
const ActionCellBase = (props) => {
|
|
77
|
+
const onRemove = props.onRemove;
|
|
78
|
+
const handleRemove = onRemove ? () => onRemove(props.row, props.reload) : undefined;
|
|
77
79
|
return (react_1.default.createElement(exports.ActionCellWrapper, null,
|
|
78
|
-
react_1.default.createElement(Button, { row: props.row, onClick:
|
|
80
|
+
react_1.default.createElement(Button, { row: props.row, onClick: handleRemove, getUrl: undefined, icon: "trash", title: "Smazat" }),
|
|
79
81
|
react_1.default.createElement(Button, { row: props.row, onClick: props.onEdit, getUrl: props.getEditUrl, icon: "pen", title: "Upravit" }),
|
|
80
82
|
react_1.default.createElement(Button, { row: props.row, onClick: props.onOpen, getUrl: props.getOpenUrl, icon: "circle-info", title: "Detail" })));
|
|
81
83
|
};
|
|
@@ -68,7 +68,7 @@ const ToolbarControl = (props) => {
|
|
|
68
68
|
const filtersData = props.state.request.f;
|
|
69
69
|
return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
|
|
70
70
|
react_1.default.createElement(show_1.Show, { when: props.showFulltext },
|
|
71
|
-
react_1.default.createElement(text_input_1.TextInput, { value: fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }) })),
|
|
71
|
+
react_1.default.createElement(text_input_1.TextInput, { value: fulltextValue, onChange: props.onFulltextChange, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), label: "Vyhled\u00E1v\u00E1n\u00ED", hiddenLabel: true })),
|
|
72
72
|
react_1.default.createElement(button_1.Button, { isIconButton: true, variant: "white", size: "sm", onClick: () => setFiltersOpen(true), title: "Filtrovat", className: "uxf-data-grid__plugin-button" },
|
|
73
73
|
react_1.default.createElement(icon_1.Icon, { name: "filter" })),
|
|
74
74
|
react_1.default.createElement(show_1.Show, { when: props.onChangeHiddenColumns && props.hiddenColumns },
|
package/types/components.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export interface ActionCellProps<R> {
|
|
|
14
14
|
getOpenUrl?: (row: R) => string | null | undefined;
|
|
15
15
|
onEdit?: (row: R) => void;
|
|
16
16
|
getEditUrl?: (row: R) => string | null | undefined;
|
|
17
|
-
onRemove?: (row: R) => void;
|
|
17
|
+
onRemove?: (row: R, reload: () => void) => void;
|
|
18
18
|
reload: () => Promise<void>;
|
|
19
19
|
}
|
|
20
20
|
export type ActionCellComponent<R> = FC<ActionCellProps<R>>;
|
|
@@ -22,7 +22,7 @@ export type DataGridBaseProps<GridType extends BaseGridType, R> = {
|
|
|
22
22
|
getOpenUrl?: (row: R) => string | null | undefined;
|
|
23
23
|
onEdit?: (row: R) => void;
|
|
24
24
|
getEditUrl?: (row: R) => string | null | undefined;
|
|
25
|
-
onRemove?: (row: R) => void;
|
|
25
|
+
onRemove?: (row: R, reload: () => void) => void;
|
|
26
26
|
noBorder?: boolean;
|
|
27
27
|
rowHeight?: RDGProps<any>["rowHeight"];
|
|
28
28
|
headerRowHeight?: RDGProps<any>["headerRowHeight"];
|