@worknice/whiteboard 0.43.0 → 0.44.0

package/dist/presentation/CustomizableTable/TableFilterModal.js

@@ -1,77 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__fields_SelectField_js_705b38e0__ from "../../fields/SelectField.js";
-import * as __WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_786d786e__ from "../../forms/FormButtonSet.js";
-import * as __WEBPACK_EXTERNAL_MODULE__forms_useForm_js_e95dafc7__ from "../../forms/useForm.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Card_js_2e00482a__ from "../Card.js";
-import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_bacbf899__ from "../CardContent.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Header_js_497d642c__ from "../Header.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Modal_js_91697624__ from "../Modal.js";
-import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_6d36b5d5__ from "../PlainText.js";
-import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_6ebc0134__ from "../VStack.js";
-const TableFilterModal = ({ onClose, columns, onFiltersChange, currentFilters })=>{
-    const { data, setData, status, submit } = (0, __WEBPACK_EXTERNAL_MODULE__forms_useForm_js_e95dafc7__["default"])({
-        initialValues: {
-            filters: currentFilters
-        },
-        onSubmit: async (values)=>{
-            onFiltersChange(values.filters);
-        }
-    });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Modal_js_91697624__["default"], {
-        onClose: onClose,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_2e00482a__["default"], {
-            header: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Header_js_497d642c__["default"], {
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_6d36b5d5__["default"], {
-                    font: "h6",
-                    tagName: "h6",
-                    children: "Filters"
-                })
-            }),
-            footer: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_786d786e__["default"], {
-                formStatus: status,
-                primary: {
-                    action: async (e)=>{
-                        await submit(e);
-                        onClose();
-                    },
-                    label: "Save"
-                },
-                secondary: {
-                    action: onClose,
-                    label: "Cancel"
-                }
-            }),
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_bacbf899__["default"], {
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__VStack_js_6ebc0134__["default"], {
-                    spacing: "p2",
-                    children: columns.map((column)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_SelectField_js_705b38e0__["default"], {
-                            label: column.filter.label,
-                            id: `${column.id}-filter`,
-                            onChange: (value)=>{
-                                setData((prevData)=>{
-                                    const newFilters = [
-                                        ...prevData.filters
-                                    ];
-                                    const index = newFilters.findIndex((filter)=>filter.id === column.id);
-                                    if (-1 === index) newFilters.push({
-                                        id: column.id,
-                                        value: value.id
-                                    });
-                                    else newFilters[index].value = value.id;
-                                    return {
-                                        ...prevData,
-                                        filters: newFilters
-                                    };
-                                });
-                            },
-                            options: column.filter.options,
-                            optionToId: (option)=>option.id,
-                            optionToLabel: (option)=>option.label,
-                            value: column.filter.options.find((option)=>option.id === data.filters.find((filter)=>filter.id === column.id)?.value) ?? column.filter.options[0]
-                        }, column.id))
-                })
-            })
-        })
-    });
-};
-export { TableFilterModal };