@mailstep/design-system 0.8.25 → 0.8.26-beta.0

package/ui/index967.es.js

@@ -0,0 +1,72 @@
+import { system as e, th as t } from "./index4.es.js";
+import { css as n, styled as r } from "./index6.es.js";
+//#region packages/ui/Forms/TextArea/styles.ts
+var i = r.div`
+  font-size: 12px;
+  color: ${t.color("lightGray5")};
+
+  & svg {
+    margin-top: 2;
+    margin-right: 1;
+  }
+`, a = r.textarea`
+  ${e};
+  display: block;
+  width: 100%;
+  font-size: 1;
+  font-family: ${t("fonts.primary")};
+  line-height: 0;
+  transition: inputTransition;
+  border: none;
+  font-weight: 800;
+  color: ${({ $isInvalid: e, disabled: n }) => e ? t.color("red1") : n ? t.color("gray") : t.color("typoPrimary")};
+  background-color: transparent;
+  :focus {
+    outline: 0;
+    color: blue2;
+  }
+  ${({ $resize: e }) => e ? n`
+          resize: ${e};
+        ` : ""}
+
+  ::placeholder {
+    color: lightGray5;
+    font-size: 14px;
+    font-weight: 400;
+  }
+`, o = r.div`
+  position: relative;
+`, s = r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+  padding-top: 1;
+  padding-bottom: 1;
+  padding-right: 1;
+  padding-left: 12px;
+  border: slim;
+  border-color: ${({ $isInvalid: e }) => e ? t.color("red1") : t.color("lightGray6")};
+  color: ${({ $isInvalid: e }) => e ? t.color("red1") : t.color("gray")};
+  background-color: ${({ disabled: e }) => e ? t("colors.lightGray1") : "unset"};
+  background-clip: padding-box;
+  border-radius: lg;
+
+  :focus-within {
+    background-color: white;
+    border-color: blue2;
+    color: blue2;
+  }
+
+  :hover {
+    border-color: ${({ disabled: e }) => t(e ? "colors.lightGray3" : "colors.gray5")};
+  }
+
+  :disabled {
+    background-color: lightGray1;
+  }
+`, c = r.div`
+  display: flex;
+  position: relative;
+`;
+//#endregion
+export { s as BorderWrap, i as IconWrap, c as InnerWrap, a as StyledTextArea, o as TextAreaWrap };

package/ui/index968.es.js

@@ -0,0 +1,35 @@
+import { require_jsx_runtime as e } from "./index143.es.js";
+import t from "./index236.es.js";
+import n from "./index519.es.js";
+import { FieldLabel as r } from "./index521.es.js";
+import "./index522.es.js";
+import i from "./index523.es.js";
+import "./index524.es.js";
+import { BorderWrap as a, IconWrap as o, InnerWrap as s, StyledTextArea as c, TextAreaWrap as l } from "./index967.es.js";
+import "react";
+//#region packages/ui/Forms/TextArea/TextArea.tsx
+var u = e(), d = ({ name: e, label: d, value: f, disabled: p, error: m, spaceAround: h = !1, isInvalid: g = void 0, className: _, resize: v, icon: y, rows: b = 4, Footer: x, ...S }) => {
+	let C = g === void 0 ? !!m : g;
+	return /* @__PURE__ */ (0, u.jsxs)(i, {
+		spaceAround: h,
+		children: [/* @__PURE__ */ (0, u.jsxs)(l, { children: [d && /* @__PURE__ */ (0, u.jsx)(r, {
+			htmlFor: e,
+			children: d
+		}), /* @__PURE__ */ (0, u.jsxs)(a, {
+			$isInvalid: C,
+			disabled: p,
+			children: [/* @__PURE__ */ (0, u.jsxs)(s, { children: [y && /* @__PURE__ */ (0, u.jsx)(o, { children: /* @__PURE__ */ (0, u.jsx)(t, { icon: y }) }), /* @__PURE__ */ (0, u.jsx)(c, {
+				name: e,
+				value: f,
+				disabled: p,
+				className: _,
+				$isInvalid: C,
+				$resize: v,
+				...S,
+				rows: b
+			})] }), x]
+		})] }), m && /* @__PURE__ */ (0, u.jsx)(n, { children: m })]
+	});
+};
+//#endregion
+export { d as default };

package/ui/index969.es.js

@@ -0,0 +1,5 @@
+import e from "./index968.es.js";
+//#region packages/ui/Forms/TextArea/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/ui/index97.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faHouseUser.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "house-user", r = 576, i = 512, a = ["home-user"], o = "e1b0", s = "M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c.2 35.5-28.5 64.3-64 64.3l-320.4 0c-35.3 0-64-28.7-64-64l0-160.4-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24zM352 224a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zm-96 96c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80l-64 0z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faHouseUser = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faHouseUser };

package/ui/index98.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faLaptopCode.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "laptop-code", r = 640, i = 512, a = [], o = "f5fc", s = "M64 96c0-35.3 28.7-64 64-64l384 0c35.3 0 64 28.7 64 64l0 256-64 0 0-256L128 96l0 256-64 0L64 96zM0 403.2C0 392.6 8.6 384 19.2 384l601.6 0c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8L76.8 480C34.4 480 0 445.6 0 403.2zM281 209l-31 31 31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-48-48c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM393 175l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faLaptopCode = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faLaptopCode };

package/ui/index99.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faLessThanEqual.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "less-than-equal", r = 448, i = 512, a = [], o = "f537", s = "M395.9 93.7c16.4-6.6 24.4-25.2 17.8-41.6s-25.2-24.4-41.6-17.8l-320 128C40 167.1 32 178.9 32 192s8 24.9 20.1 29.7l320 128c16.4 6.6 35-1.4 41.6-17.8s-1.4-35-17.8-41.6L150.2 192 395.9 93.7zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faLessThanEqual = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faLessThanEqual };

package/ui/Blocks/CommonGrid/CommonGrid.js

@@ -1,64 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import DataRow from './components/DataRow';
-import FilterRow from './components/FilterRow';
-import FloatingButton from './components/FloatingButton/FloatingButton';
-import { GridStatus } from './components/GridStatus';
-import GroupRow from './components/GroupRow';
-import HeadRow from './components/HeadRow';
-import OversizedScroll from './components/OversizedScroll';
-import useColumnSizes from './hooks/useColumnSizes';
-import useRowsKeyControls from './hooks/useRowsKeyControls';
-import useUxReset from './hooks/useUxReset';
-import { x } from '@xstyled/styled-components';
-import { initialState } from './store';
-import { getGroups } from './utils';
-var rowsStyles = { outline: 'none' };
-var defaultVoidFunction = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return null;
-};
-var defaultUxState = initialState.uxState;
-var defaultColumnsWidth = {};
-var CommonGrid = function (_a) {
-    var filters = _a.filters, comparators = _a.comparators, handleDragEnd = _a.handleDragEnd, 
-    // redux props
-    gridSelectors = _a.gridSelectors, gridActions = _a.gridActions, 
-    // input props
-    isLoading = _a.isLoading, rowsData = _a.rowsData, hasColouredRows = _a.hasColouredRows, actionColumnDefinition = _a.actionColumnDefinition, allowRowSelect = _a.allowRowSelect, allowRowSelectOnAction = _a.allowRowSelectOnAction, onRowAction = _a.onRowAction, onRowClick = _a.onRowClick, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions, _b = _a.columnLayout, columnLayout = _b === void 0 ? 'normal' : _b, displayColumnsDefinitions = _a.displayColumnsDefinitions, className = _a.className, minColumnWidth = _a.minColumnWidth, errorMessage = _a.errorMessage, floatingButtonProps = _a.floatingButtonProps, hasGroups = _a.hasGroups, hasFilters = _a.hasFilters, isSortTerminated = _a.isSortTerminated;
-    var _c = gridSelectors.uxState, uxState = _c === void 0 ? defaultUxState : _c, _d = gridSelectors.columnsWidth, columnsWidth = _d === void 0 ? defaultColumnsWidth : _d, columnsWidthVariant = gridSelectors.columnsWidthVariant, _e = gridSelectors.page, page = _e === void 0 ? 1 : _e, filter = gridSelectors.filter, sorting = gridSelectors.sorting, _f = gridSelectors.rowsPerPage, rowsPerPage = _f === void 0 ? 10 : _f;
-    var clearUxState = gridActions.clearUxState, handleUxChange = gridActions.handleUxChange, _g = gridActions.addFilter, addFilter = _g === void 0 ? defaultVoidFunction : _g, _h = gridActions.addSorting, addSorting = _h === void 0 ? defaultVoidFunction : _h, _j = gridActions.setColumnWidth, setColumnWidth = _j === void 0 ? defaultVoidFunction : _j;
-    var handleRowsKeyDown = useRowsKeyControls(rowsData, uxState, handleUxChange);
-    useUxReset(rowsData, uxState, clearUxState);
-    var _k = useColumnSizes(displayColumnsDefinitions, columnsWidth, columnsWidthVariant, setColumnWidth, columnLayout, minColumnWidth), displayColumnsWidth = _k.displayColumnsWidth, totalColumnsWidth = _k.totalColumnsWidth, gridBoxRef = _k.gridBoxRef, handleResizeDrag = _k.handleResizeDrag;
-    var groups = useMemo(function () {
-        return getGroups(displayColumnsDefinitions);
-    }, [displayColumnsDefinitions]);
-    var commonGridRef = useCallback(function (node) {
-        gridBoxRef.current = node;
-    }, []);
-    var isEmpty = !isLoading && !errorMessage && (!rowsData || rowsData.length < 1);
-    var hasFloatingChildren = isLoading || errorMessage || isEmpty;
-    return (_jsxs(_Fragment, { children: [_jsx(x.div, { className: className || '', children: _jsxs(OversizedScroll, { columnLayout: columnLayout, totalColumnsWidth: totalColumnsWidth, floatingChildren: hasFloatingChildren && _jsx(GridStatus, { isLoading: isLoading, isEmpty: isEmpty, errorMessage: errorMessage }), ref: commonGridRef, children: [_jsxs("div", { className: "gridHead", children: [hasGroups && (_jsx(GroupRow, { actionColumn: actionColumnDefinition, columns: displayColumnsDefinitions, displayColumnsWidth: displayColumnsWidth, groups: groups })), _jsx(HeadRow, { columns: displayColumnsDefinitions, onAddSort: addSorting, columnLayout: columnLayout, sortingValues: sorting, displayColumnsWidth: displayColumnsWidth, handleResizeDrag: handleResizeDrag, groups: groups, handleDragEnd: handleDragEnd, isSortTerminated: isSortTerminated }), hasFilters && (_jsx(FilterRow, { filters: filters, comparators: comparators, columns: displayColumnsDefinitions, actionColumn: actionColumnDefinition, onChange: addFilter, filterValues: filter, displayColumnsWidth: displayColumnsWidth, groups: groups, rowsData: rowsData, uxState: uxState, handleUxChange: handleUxChange, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions }))] }), _jsx("div", { className: "body flx_1", style: rowsStyles, tabIndex: -1, onKeyDown: handleRowsKeyDown, children: !isLoading &&
-                                rowsData &&
-                                displayColumnsDefinitions &&
-                                rowsData.map(function (row, index) {
-                                    var rowIndex = rowsPerPage * page + (index + 1) - rowsPerPage;
-                                    return (_jsx(DataRow, { rowData: row, rowIndex: rowIndex, uxState: uxState, isEven: hasColouredRows && (index + 1) % 2 === 0, allowRowSelect: allowRowSelect, allowRowSelectOnAction: allowRowSelectOnAction, onRowAction: onRowAction, onUxChange: handleUxChange, onRowClick: onRowClick, columns: displayColumnsDefinitions, displayColumnsWidth: displayColumnsWidth, groups: groups }, row.id));
-                                }) })] }) }), floatingButtonProps && _jsx(FloatingButton, __assign({}, floatingButtonProps))] }));
-};
-export default CommonGrid;

package/ui/Blocks/CommonGrid/CommonGridContainer.js

@@ -1,85 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useMemo, useState } from 'react';
-import { Pagination } from '../../Elements/Pagination';
-import { useCheckDeviceWidth } from '../../utils/CheckDeviceWidth/checkDeviceWidth';
-import HidePrint from '../HidePrint/HidePrint';
-import { useModal } from '../Modal/hooks/useModal';
-import ActionHead from './components/ActionHead';
-import ControlButtons from './components/ControlButtons';
-import { GridInfo } from './components/GridInfo';
-import { GridModals } from './components/GridModals';
-import MobileFilterModal from './components/MobileFilterModal';
-import MobileSortModal from './components/MobileSortModal';
-import TablePagination from './components/TablePagination';
-import useEditReadAsColumn from './hooks/useEditReadAsColumn';
-import { useGridAutoRowsPerPage } from './hooks/useGridAutoRowsPerPage';
-import useManageColumn from './hooks/useManageColumn';
-import { usePresetState } from './hooks/usePresetsState';
-import { getExtendedExtraControlButtons } from './utils/getExtendedExtraControlButtons';
-import { getRowsPerPage } from './utils/getRowsPerPage';
-import { hasSortTerminated } from './utils/hasSortTerminated';
-import { x } from '@xstyled/styled-components';
-import { CommonGridWithStyles, BottomWrapper, CommonGridWrap, ContentContainer, StyledButtonStrip } from './styles';
-import { getFilters } from './utils';
-var CommonGridContainer = function (props) {
-    var _a;
-    var _b = props.optimizeFilters, optimizeFilters = _b === void 0 ? false : _b, extraControlButtons = props.extraControlButtons, onBatchAction = props.onBatchAction, processCheckedValues = props.processCheckedValues, processCheckedValuesTitle = props.processCheckedValuesTitle, hideControlButtons = props.hideControlButtons, quickFilter = props.quickFilter, floatingButtonProps = props.floatingButtonProps, queryRowsParam = props.queryRowsParam, customPaginationHandler = props.customPaginationHandler, _c = props.autoHeight, autoHeight = _c === void 0 ? true : _c, gridName = props.gridName, _d = props.withPresets, withPresets = _d === void 0 ? true : _d, _e = props.withManageColumnButton, withManageColumnButton = _e === void 0 ? true : _e, _f = props.withPagination, withPagination = _f === void 0 ? true : _f, allowSortingOnlyUnderTotalRows = props.allowSortingOnlyUnderTotalRows, onReload = props.onReload, passDownProps = __rest(props, ["optimizeFilters", "extraControlButtons", "onBatchAction", "processCheckedValues", "processCheckedValuesTitle", "hideControlButtons", "quickFilter", "floatingButtonProps", "queryRowsParam", "customPaginationHandler", "autoHeight", "gridName", "withPresets", "withManageColumnButton", "withPagination", "allowSortingOnlyUnderTotalRows", "onReload"]);
-    var gridActions = passDownProps.gridActions, gridSelectors = passDownProps.gridSelectors, rowsData = passDownProps.rowsData, actionColumnDefinition = passDownProps.actionColumnDefinition;
-    var extendedExtraControlButtons = useMemo(function () { return getExtendedExtraControlButtons(extraControlButtons, onReload); }, [extraControlButtons, onReload]);
-    var _g = useState(false), displayManageColumnButton = _g[0], setDisplayManageColumnButton = _g[1];
-    var gridRef = useRef(null);
-    var withButtonStrip = !!(extendedExtraControlButtons === null || extendedExtraControlButtons === void 0 ? void 0 : extendedExtraControlButtons.length) || !hideControlButtons || !!withPresets || !!withManageColumnButton;
-    var hasGroups = !!props.columnsDefinitions.find(function (col) { return col.group; });
-    var hasFilters = !!props.columnsDefinitions.find(function (col) { return col.filtering; });
-    var hasGroupsOrFilters = hasGroups || hasFilters;
-    var autoRowsPerPage = getRowsPerPage(gridRef, withPagination, withButtonStrip, hasGroupsOrFilters);
-    var isMobile = useCheckDeviceWidth().isMobile;
-    useGridAutoRowsPerPage({
-        autoHeight: autoHeight,
-        gridActions: gridActions,
-        queryRowsParam: queryRowsParam,
-        selectedRowsPerPage: gridSelectors.rowsPerPage,
-        autoRowsPerPage: autoRowsPerPage
-    });
-    var modifiedPassDownProps = useEditReadAsColumn(passDownProps);
-    var filters = useMemo(function () { return getFilters(optimizeFilters); }, [optimizeFilters]);
-    var columns = modifiedPassDownProps.columnsDefinitions;
-    var _h = useModal(), openManageColumnForm = _h.onOpen, manageColumnFormVisible = _h.isOpen, onClose = _h.onClose;
-    var _j = useManageColumn({
-        columns: columns,
-        gridActions: gridActions,
-        gridSelectors: gridSelectors,
-        onClose: onClose
-    }), columnsConfigValues = _j.columnsConfigValues, setColumnsConfigOptions = _j.setColumnsConfigOptions, onConfirmForm = _j.onConfirmForm, resetColumnConfig = _j.resetColumnConfig, handleDragEnd = _j.handleDragEnd, onCloseForm = _j.onCloseForm, displayColumnsDefinitions = _j.displayColumnsDefinitions, manageColumnsFormDefinitions = _j.manageColumnsFormDefinitions;
-    var _k = usePresetState(), isPresetsModalOpen = _k.isPresetsModalOpen, onClosePresetsModal = _k.onClosePresetsModal, onOpenPresetsModal = _k.onOpenPresetsModal, setSelectedPresetName = _k.setSelectedPresetName, selectedPresetName = _k.selectedPresetName;
-    var _l = useModal(), isMobileFilterOpen = _l.isOpen, onOpenMobileFilter = _l.onOpen, closeMobileFilter = _l.onClose;
-    var _m = useModal(), isMobileSortOpen = _m.isOpen, onOpenMobileSort = _m.onOpen, closeMobileSort = _m.onClose;
-    var _o = hasSortTerminated({
-        allowSortingOnlyUnderTotalRows: allowSortingOnlyUnderTotalRows,
-        totalRowsCount: passDownProps === null || passDownProps === void 0 ? void 0 : passDownProps.totalRowsCount
-    }), isSortTerminatedAppeal = _o.isSortTerminatedAppeal, isSortTerminated = _o.isSortTerminated;
-    return (_jsxs(_Fragment, { children: [_jsxs(ContentContainer, { ref: gridRef, children: [_jsxs(CommonGridWrap, { withPagination: withPagination, children: [withButtonStrip && (_jsx(HidePrint, { children: _jsx(StyledButtonStrip, { className: "buttonsStrip", children: _jsx(ControlButtons, { hideControlButtons: hideControlButtons, extraControlButtons: extendedExtraControlButtons, gridActions: gridActions, gridSelectors: gridSelectors, quickFilter: quickFilter, columns: columns, filters: filters, setDisplayManageColumnButton: setDisplayManageColumnButton, displayManageColumnButton: displayManageColumnButton, openManageColumnForm: openManageColumnForm, onOpenPresetsModal: onOpenPresetsModal, selectedPresetName: selectedPresetName, withPresets: withPresets, gridName: gridName, withManageColumnButton: withManageColumnButton, onOpenMobileFilters: onOpenMobileFilter, onOpenMobileSorting: onOpenMobileSort, isSortTerminated: isSortTerminated }) }) })), _jsx(CommonGridWithStyles, __assign({}, passDownProps, modifiedPassDownProps, { withButtonStrip: withButtonStrip, hasGroupsOrFilters: hasGroupsOrFilters, filters: filters, floatingButtonProps: floatingButtonProps, handleDragEnd: handleDragEnd(false), displayColumnsDefinitions: displayColumnsDefinitions, hasFilters: hasFilters, hasGroups: hasGroups, isSortTerminated: isSortTerminated, hasColouredRows: true }))] }), _jsxs(BottomWrapper, { withPagination: withPagination, children: [(processCheckedValues || !!((_a = actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.actionOptions) === null || _a === void 0 ? void 0 : _a.length)) && (_jsx(ActionHead, { rowsData: rowsData, onBatchAction: onBatchAction, gridActions: gridActions, gridSelectors: gridSelectors, actionOptions: actionColumnDefinition === null || actionColumnDefinition === void 0 ? void 0 : actionColumnDefinition.actionOptions, processCheckedValues: processCheckedValues, processCheckedValuesTitle: processCheckedValuesTitle })), _jsxs(x.div, { display: "flex", justifyContent: "space-between", alignItems: "center", w: "100%", children: [!isMobile && _jsx(GridInfo, { isSortTerminatedAppeal: isSortTerminatedAppeal, isSortTerminated: isSortTerminated }), withPagination && (_jsxs(x.div, { display: "flex", alignItems: "center", className: "paginatorWrapper", w: "100%", justifyContent: "flex-end", gap: "16px", children: [_jsx(Pagination, { page: gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.page, itemCount: passDownProps === null || passDownProps === void 0 ? void 0 : passDownProps.totalRowsCount, itemPerPage: (gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.rowsPerPage) || 10, onPageChange: gridActions === null || gridActions === void 0 ? void 0 : gridActions.setPage, customPaginationHandler: customPaginationHandler, radius: isMobile ? 3 : 5, rate: isMobile ? 1 : 4 }), _jsx(TablePagination, { gridActions: gridActions, gridSelectors: gridSelectors, customPaginationHandler: customPaginationHandler, autoRowsPerPage: autoRowsPerPage })] }))] })] })] }), _jsx(GridModals, { manageColumnFormVisible: manageColumnFormVisible, onCloseForm: onCloseForm, resetColumnConfig: resetColumnConfig, onConfirmForm: onConfirmForm, manageColumnsFormDefinitions: manageColumnsFormDefinitions, columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, handleDragEnd: handleDragEnd(true), gridName: gridName, gridActions: gridActions, gridSelectors: gridSelectors, onClosePresetsModal: onClosePresetsModal, isPresetsModalOpen: isPresetsModalOpen, selectedPresetName: selectedPresetName, setSelectedPresetName: setSelectedPresetName }), isMobileFilterOpen && gridActions.setFilters && (_jsx(MobileFilterModal, { isShown: isMobileFilterOpen, onClose: closeMobileFilter, columns: displayColumnsDefinitions, filters: filters, comparators: passDownProps.comparators, filterValues: gridSelectors.filter, setFilters: gridActions.setFilters, rowsData: rowsData, uxState: gridSelectors.uxState || {}, handleUxChange: gridActions.handleUxChange, onAsyncLoadFilterOptions: passDownProps.onAsyncLoadFilterOptions, actionColumn: actionColumnDefinition, onClearSettings: gridActions.clearSettings })), isMobileSortOpen && gridActions.addSorting && (_jsx(MobileSortModal, { isShown: isMobileSortOpen, onClose: closeMobileSort, columns: displayColumnsDefinitions, sortingValues: gridSelectors.sorting, onAddSorting: gridActions.addSorting, onResetSorting: gridActions.resetSorting }))] }));
-};
-export default CommonGridContainer;

package/ui/Blocks/CommonGrid/HoC/withProps.js

@@ -1,21 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-var withProps = function (input) {
-    return function (Component) {
-        return function ComponentWithProps(props) {
-            var additinalProps = typeof input === 'function' ? input(props) : input;
-            return _jsx(Component, __assign({}, props, additinalProps));
-        };
-    };
-};
-export default withProps;

package/ui/Blocks/CommonGrid/HoC/withReduxActions.js

@@ -1,41 +0,0 @@
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-import { createActions, createFullSelector } from '../store';
-var withReduxActions = function (gridName, prefix) {
-    if (prefix === void 0) { prefix = 'grid'; }
-    var actions = createActions(gridName);
-    var selectors = createFullSelector(gridName);
-    return connect(function (state) {
-        var _a;
-        return (_a = {},
-            _a["".concat(prefix, "Selectors")] = selectors(state),
-            _a);
-    }, function (dispatch) {
-        var _a;
-        return (_a = {},
-            _a["".concat(prefix, "Actions")] = bindActionCreators({
-                init: actions.init,
-                clearUxState: actions.clearUxState,
-                handleUxChange: actions.handleUxChange,
-                openConfigForm: actions.openConfigForm,
-                closeConfigForm: actions.closeConfigForm,
-                setColumnConfig: actions.setColumnConfig,
-                setPage: actions.setPage,
-                setPresets: actions.setPresets,
-                createPreset: actions.createPreset,
-                deletePreset: actions.deletePreset,
-                setRowsPerPage: actions.setRowsPerPage,
-                addFilter: actions.addFilter,
-                setFilters: actions.setFilters,
-                resetFilters: actions.resetFilters,
-                addSorting: actions.addSorting,
-                resetSorting: actions.resetSorting,
-                clearSettings: actions.clearSettings,
-                setColumnWidth: actions.setColumnWidth,
-                resetGrid: actions.resetGrid,
-                setColumnsOrder: actions.setColumnsOrder,
-            }, dispatch),
-            _a);
-    });
-};
-export default withReduxActions;

package/ui/Blocks/CommonGrid/components/ActionHead/ActionHead.js

@@ -1,50 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { Button } from '../../../../Elements/Button';
-import { useGridActionTrigger } from '../../hooks/useGridActionTrigger';
-import { useToggleAllCheckbox } from '../../hooks/useToggleAllCheckbox';
-import ButtonMore from '../ButtonMore/ButtonMore';
-import { i18n } from '@lingui/core';
-import { Trans } from '@lingui/react';
-import styled from '@xstyled/styled-components';
-var Wrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-right: 2;\n  gap: 24px;\n  background-color: red;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-right: 2;\n  gap: 24px;\n  background-color: red;\n  position: relative;\n"])));
-var ActionsWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translate(-50%);\n  width: 596px;\n  padding: 12px 24px;\n  border-radius: 10px;\n  background-color: #fff;\n  box-shadow: dropShadow;\n  z-index: 2;\n"], ["\n  position: absolute;\n  bottom: 32px;\n  left: 50%;\n  transform: translate(-50%);\n  width: 596px;\n  padding: 12px 24px;\n  border-radius: 10px;\n  background-color: #fff;\n  box-shadow: dropShadow;\n  z-index: 2;\n"])));
-var StyledText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 18px;\n  color: blue2;\n  font-weight: 600;\n"], ["\n  font-size: 14px;\n  line-height: 18px;\n  color: blue2;\n  font-weight: 600;\n"])));
-var ContentWrap = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-var ButtonsWrap = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n\n  & > * {\n    margin-left: 10px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n\n  & > * {\n    margin-left: 10px;\n  }\n"])));
-var ActionHead = function (_a) {
-    var gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, actionOptions = _a.actionOptions, onBatchAction = _a.onBatchAction, rowsData = _a.rowsData, processCheckedValues = _a.processCheckedValues, processCheckedValuesTitle = _a.processCheckedValuesTitle;
-    var handleUxChange = (gridActions || {}).handleUxChange;
-    var _b = (gridSelectors || {}).uxState, uxState = _b === void 0 ? {} : _b;
-    var _c = useToggleAllCheckbox(rowsData, uxState, handleUxChange), checked = _c[0], toggleCheckbox = _c[1];
-    var _d = useGridActionTrigger(rowsData, uxState, actionOptions, onBatchAction), enabledActions = _d[0], onSubmit = _d[1];
-    var checkedRowsCount = Object.keys((uxState === null || uxState === void 0 ? void 0 : uxState.checkedRows) || []).length;
-    var checkAll = useCallback(function () {
-        if (!checked) {
-            toggleCheckbox();
-        }
-    }, [checked, toggleCheckbox]);
-    var actionsOptions = useMemo(function () {
-        if (actionOptions === null || actionOptions === void 0 ? void 0 : actionOptions.length) {
-            return actionOptions.map(function (option) { return ({
-                title: option.label,
-                onClick: function () {
-                    onSubmit(option.value);
-                },
-                link: '#'
-            }); });
-        }
-        return [];
-    }, [actionOptions, onSubmit]);
-    return (_jsx(Wrap, { children: checkedRowsCount > 0 && (_jsx(ActionsWrap, { children: _jsxs(ContentWrap, { children: [_jsx(StyledText, { children: i18n._({
-                            id: 'dataGrid.checkedRowsCount',
-                            message: "Selected {checkedRowsCount} items",
-                            values: { checkedRowsCount: checkedRowsCount }
-                        }) }), _jsxs(ButtonsWrap, { children: [_jsx(Button, { type: "button", onClick: checkAll, appearance: "secondary", variant: "default", "data-cy": "checkAllBtn", disabled: checked, children: _jsx(Trans, { id: "dataGrid.checkAll", message: "Check all" }) }), processCheckedValues && (_jsx(Button, { type: "button", onClick: processCheckedValues, appearance: "primary", variant: "default", "data-cy": "exportBtn", disabled: !rowsData.length, children: processCheckedValuesTitle || _jsx(Trans, { id: "dataGrid.actionOptions.export", message: "Export" }) })), (actionOptions === null || actionOptions === void 0 ? void 0 : actionOptions.length) && (_jsx(ButtonMore, { items: actionsOptions, disabled: !enabledActions.length || !rowsData.length, dropdownPosition: "top" }))] })] }) })) }));
-};
-export default ActionHead;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownMenu.js

@@ -1,18 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
-var StyledDropdownWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  left: 0;\n  top: 3px;\n  display: flex;\n  flex-direction: column;\n  padding: 2;\n  width: 100%;\n  background-color: ", ";\n  box-shadow: ", ";\n  min-width: 8.9rem;\n  font-size: 12px;\n  font-weight: normal;\n  border-radius: 10px;\n  z-index: 1;\n"], ["\n  position: relative;\n  left: 0;\n  top: 3px;\n  display: flex;\n  flex-direction: column;\n  padding: 2;\n  width: 100%;\n  background-color: ", ";\n  box-shadow: ", ";\n  min-width: 8.9rem;\n  font-size: 12px;\n  font-weight: normal;\n  border-radius: 10px;\n  z-index: 1;\n"])), th.color('white'), th.shadow('dropShadow'));
-var StyledDropdownItem = styled.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 2 2;\n  border-radius: 6px;\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n    font-weight: bold;\n  }\n"], ["\n  padding: 2 2;\n  border-radius: 6px;\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n    font-weight: bold;\n  }\n"])), th.color('bgLightGray1'), th.color('typoPrimary'));
-var ActionDropdownMenu = function (_a) {
-    var items = _a.items;
-    return (_jsx(StyledDropdownWrap, { children: items.map(function (item, index) {
-            var _a;
-            return (_jsx(StyledDropdownItem, { onClick: (_a = item.onClick) !== null && _a !== void 0 ? _a : undefined, children: item.title }, index));
-        }) }));
-};
-export default ActionDropdownMenu;
-var templateObject_1, templateObject_2;

package/ui/Blocks/CommonGrid/components/ActionHead/components/ActionDropdownSelect.js

@@ -1,51 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { memo, useRef } from 'react';
-import Icon from '../../../../../Elements/Icon/Icon';
-import Popover from '../../../../Popover';
-import { Trans } from '@lingui/react';
-import styled from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
-import ActionDropdownMenu from './ActionDropdownMenu';
-var Content = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 1 2;\n  min-width: 9rem;\n  height: 28px;\n  background-color: ", ";\n  color: ", ";\n  border: slim;\n  border-color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: ", ";\n  transition: 0.2s;\n  &:not(:disabled):hover {\n    color: ", ";\n    border-color: ", ";\n  }\n  p {\n    margin: 0;\n    margin-right: auto;\n    padding-right: 36px;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 1 2;\n  min-width: 9rem;\n  height: 28px;\n  background-color: ", ";\n  color: ", ";\n  border: slim;\n  border-color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: ", ";\n  transition: 0.2s;\n  &:not(:disabled):hover {\n    color: ", ";\n    border-color: ", ";\n  }\n  p {\n    margin: 0;\n    margin-right: auto;\n    padding-right: 36px;\n  }\n"])), th.color('white'), function (_a) {
-    var $isDisabled = _a.$isDisabled;
-    return ($isDisabled ? th.color('lightGray7') : th.color('lightGray5'));
-}, function (_a) {
-    var $isDisabled = _a.$isDisabled, $isOpened = _a.$isOpened;
-    return $isDisabled ? th.color('lightGray7') : $isOpened ? th.color('blue2') : th.color('lightGray5');
-}, function (_a) {
-    var $isDisabled = _a.$isDisabled;
-    return ($isDisabled ? 'not-allowed' : 'pointer');
-}, th.color('gray1'), th.color('gray1'));
-var IconWrap = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 0.8rem;\n  font-weight: 1000;\n  transform: rotate(", ");\n"], ["\n  color: ", ";\n  font-size: 0.8rem;\n  font-weight: 1000;\n  transform: rotate(", ");\n"])), function (_a) {
-    var $isDisabled = _a.$isDisabled, $isOpened = _a.$isOpened;
-    return $isDisabled ? th.color('lightGray6') : $isOpened ? th.color('blue2') : th.color('gray1');
-}, function (_a) {
-    var $isOpened = _a.$isOpened;
-    return ($isOpened ? '180deg' : 0);
-});
-var ActionDropdownSelect = function (_a) {
-    var options = _a.options, onSelect = _a.onSelect, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    var _c = React.useState(false), showDropdownMenu = _c[0], setShowDropdownMenu = _c[1];
-    var toggleDropdownMenu = React.useCallback(function () {
-        setShowDropdownMenu(function (prev) { return !prev; });
-    }, []);
-    var handleSelectItem = React.useCallback(function (item) {
-        setShowDropdownMenu(false);
-        onSelect(item.value);
-    }, [onSelect]);
-    var items = options.map(function (item) { return ({
-        title: item.label,
-        onClick: function () {
-            handleSelectItem(item);
-        },
-        link: '#'
-    }); });
-    var ref = useRef(null);
-    return (_jsxs(_Fragment, { children: [_jsxs(Content, { "$isDisabled": disabled, "$isOpened": showDropdownMenu, onClick: toggleDropdownMenu, ref: ref, children: [_jsx("p", { children: _jsx(Trans, { id: "dataGrid.buttonActions", message: "Actions" }) }), _jsx(IconWrap, { "$isDisabled": disabled, "$isOpened": showDropdownMenu, children: _jsx(Icon, { icon: "goDown" }) })] }), showDropdownMenu && !disabled && (items === null || items === void 0 ? void 0 : items.length) > 0 && (_jsx(Popover, { parentRef: ref, onClose: toggleDropdownMenu, placement: "bottom-start", children: _jsx(ActionDropdownMenu, { items: items }) }))] }));
-};
-export default memo(ActionDropdownSelect);
-var templateObject_1, templateObject_2;

package/ui/Blocks/CommonGrid/components/ActionHead/index.js

@@ -1,2 +0,0 @@
-import ActionHead from './ActionHead';
-export default ActionHead;

package/ui/Blocks/CommonGrid/components/ButtonMore/ButtonMore.js

@@ -1,32 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import Button from '../../../../Elements/Button/Button';
-import DropdownMenu from '../../../../Elements/DropdownMenu';
-import { useClickOutside } from '../../../Modal/hooks/useClickOutside';
-import styled from '@xstyled/styled-components';
-var ButtonWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: fit-content;\n"], ["\n  position: relative;\n  width: fit-content;\n"])));
-var StyledDropdownMenu = styled(DropdownMenu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"])), function (_a) {
-    var dropdownPosition = _a.dropdownPosition;
-    return (!dropdownPosition || dropdownPosition === 'bottom' ? 'calc(100% + 8px)' : 'auto');
-}, function (_a) {
-    var dropdownPosition = _a.dropdownPosition;
-    return (dropdownPosition === 'top' ? 'calc(100% + 13px)' : 'auto');
-});
-var ButtonMore = function (_a) {
-    var items = _a.items, disabled = _a.disabled, dropdownPosition = _a.dropdownPosition;
-    var _b = useState(false), actionsVisible = _b[0], setActionsVisible = _b[1];
-    var onClose = useCallback(function () {
-        setActionsVisible(false);
-    }, []);
-    var ref = useClickOutside({ onClose: onClose });
-    var handleClick = useCallback(function () {
-        setActionsVisible(!actionsVisible);
-    }, [actionsVisible]);
-    return (_jsxs(ButtonWrapper, { ref: ref, children: [_jsx(Button, { onClick: handleClick, icon: "ellipsisVertical", appearance: "secondary", variant: "icon", type: "button", "data-cy": "gridActionBtn", disabled: disabled }), _jsx(StyledDropdownMenu, { showMenu: actionsVisible, items: items, dropdownPosition: dropdownPosition })] }));
-};
-export default ButtonMore;
-var templateObject_1, templateObject_2;

package/ui/Blocks/CommonGrid/components/ButtonMore/index.js

@@ -1,2 +0,0 @@
-import ButtonMore from './ButtonMore';
-export default ButtonMore;

package/ui/Blocks/CommonGrid/components/ColumnFilterCell.js

@@ -1,40 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { useAddFilter } from '../hooks/useAddFilter';
-import { createFilterType, getStickyCollClassNames, getCellSizeProps, getGroupClassNames } from '../utils';
-import { x } from '@xstyled/styled-components';
-import OverlayComponent from './FilterDropdown';
-import { Cell } from './Table';
-var ColumnFilterCell = function (_a) {
-    var onChange = _a.onChange, value = _a.value, others = _a.others, displayColumnWidth = _a.displayColumnWidth, filters = _a.filters, columnDefinition = _a.column, group = _a.group, comparators = _a.comparators, actionColumn = _a.actionColumn, rowsData = _a.rowsData, uxState = _a.uxState, handleUxChange = _a.handleUxChange, onAsyncLoadFilterOptions = _a.onAsyncLoadFilterOptions;
-    var cellSizeProps = getCellSizeProps(columnDefinition, displayColumnWidth);
-    var handleAddFilter = useAddFilter(onChange);
-    var handleChange = React.useCallback(function (event, others) {
-        handleAddFilter((event === null || event === void 0 ? void 0 : event.target) ? event.target.value : event, columnDefinition, others);
-    }, [handleAddFilter, columnDefinition]);
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!columnDefinition.sticky, columnDefinition.stickTo), " ").concat(getGroupClassNames(group));
-    if (!columnDefinition.filtering) {
-        return _jsx(Cell, __assign({ className: cellClassName }, cellSizeProps));
-    }
-    var filterType = createFilterType(columnDefinition);
-    var filterConfig = filters === null || filters === void 0 ? void 0 : filters[filterType];
-    var defaultComparators = comparators === null || comparators === void 0 ? void 0 : comparators[filterType];
-    var RenderComponent = filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.CellComponent;
-    if (!RenderComponent) {
-        console.error("ERROR, using unknown filter type ".concat(filterType));
-        return (_jsx(x.div, { children: _jsx("span", { children: "".concat(filterType, " filter") }) }));
-    }
-    return (_jsx(Cell, __assign({ className: cellClassName }, cellSizeProps, { children: _jsx(x.div, { children: _jsx(RenderComponent, __assign({ asyncLoadKey: columnDefinition.asyncLoadKey, "data-test": columnDefinition.name, name: columnDefinition.name, onChange: handleChange, value: value, others: others, OverlayComponent: OverlayComponent, comparators: defaultComparators, actionColumn: actionColumn, rowsData: rowsData, uxState: uxState, handleUxChange: handleUxChange, onAsyncLoadFilterOptions: onAsyncLoadFilterOptions }, filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.defaultExtraProps, columnDefinition.filterExtraProps, (filterType == 'options' && { options: columnDefinition.filterOptions }), { columnWidth: cellSizeProps === null || cellSizeProps === void 0 ? void 0 : cellSizeProps.flexBasis })) }) })));
-};
-export default ColumnFilterCell;