@mailstep/design-system 0.8.26 → 0.8.27

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

@@ -0,0 +1,156 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  position: relative;\n  width: fit-content;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  width: max-content;\n  z-index: 2;\n"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n  padding-right: 0;\n"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n  width: 20px;\n  height: 20px;\n  margin: 9px;\n  & > svg {\n    stroke: ",
+        ";\n  }\n"
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n  height: 38px;\n  width: 1px;\n  background-color: white;\n  margin-left: 18px;\n"
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import Button from "../../../../Elements/Button/Button";
+import DropdownMenu from "../../../../Elements/DropdownMenu";
+import { ArrowDown, ArrowUp } from "../../../../Elements/Icon";
+import { useClickOutside } from "../../../Modal/hooks/useClickOutside";
+import styled from "@xstyled/styled-components";
+import { th } from "@xstyled/system";
+var ButtonWrapper = styled.div(_templateObject());
+var StyledDropdownMenu = styled(DropdownMenu)(_templateObject1());
+var StyledButton = styled(Button)(_templateObject2());
+var StyledIcon = styled.div(_templateObject3(), function(param) {
+    var appearance = param.appearance;
+    return appearance === "secondary" ? th.color("blue2") : appearance === "tertiary" ? th.color("red1") : "white";
+});
+var Separator = styled.div(_templateObject4());
+var DropdownButton = function DropdownButton(param) {
+    var label = param.label, items = param.items, appearance = param.appearance;
+    var _useState = _sliced_to_array(useState(false), 2), showDropdownMenu = _useState[0], setShowDropdownMenu = _useState[1];
+    var onClose = useCallback(function() {
+        setShowDropdownMenu(false);
+    }, []);
+    var handleClick = React.useCallback(function() {
+        setShowDropdownMenu(function(prev) {
+            return !prev;
+        });
+    }, []);
+    var ref = useClickOutside({
+        onClose: onClose
+    });
+    return /* @__PURE__ */ jsxs(ButtonWrapper, {
+        ref: ref,
+        children: [
+            /* @__PURE__ */ jsxs(StyledButton, {
+                onClick: handleClick,
+                appearance: appearance,
+                children: [
+                    label,
+                    /* @__PURE__ */ jsx(Separator, {}),
+                    /* @__PURE__ */ jsx(StyledIcon, {
+                        appearance: appearance,
+                        children: showDropdownMenu ? /* @__PURE__ */ jsx(ArrowUp, {}) : /* @__PURE__ */ jsx(ArrowDown, {})
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx(StyledDropdownMenu, {
+                showMenu: showDropdownMenu,
+                items: items
+            })
+        ]
+    });
+};
+var DropdownButton_default = DropdownButton;
+export { DropdownButton_default as default };

package/ui/Blocks/CommonGrid/components/DropdownButton/index.d.ts

@@ -1,3 +1,2 @@
-import { default as DropdownButton } from './DropdownButton';
-
+import DropdownButton from './DropdownButton';
 export default DropdownButton;

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

@@ -0,0 +1,3 @@
+import DropdownButton from "./DropdownButton";
+var DropdownButton_default = DropdownButton;
+export { DropdownButton_default as default };

package/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { CommonGridProps, ExtraControlButton } from '../../types';
-
-export declare const Row: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+import { type FC } from 'react';
+import { type CommonGridProps, type ExtraControlButton } from '../../types';
+export declare const Row: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 type Props = {
     extraControlButtons: CommonGridProps['extraControlButtons'];
     targetPosition?: ExtraControlButton['position'];

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

@@ -0,0 +1,152 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  display: flex;\n  & > * {\n    margin-right: 12px;\n  }\n  z-index: 2;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { Fragment, jsx } from "react/jsx-runtime";
+import Button from "../../../../Elements/Button/Button";
+import DropdownSelect from "../../../../Elements/DropdownSelect";
+import ButtonMore from "../ButtonMore/ButtonMore";
+import styled, { x } from "@xstyled/styled-components";
+var Row = styled.div(_templateObject());
+var ControlButton = function ControlButton(param) {
+    var hide = param.hide, node = param.node, label = param.label, appearance = param.appearance, variant = param.variant, disabled = param.disabled, onClick = param.onClick, onSelect = param.onSelect, options = param.options, hideChevron = param.hideChevron, iconLeft = param.iconLeft, buttonProps = param.buttonProps;
+    if (hide) {
+        return null;
+    }
+    if (node) return /* @__PURE__ */ jsx(Fragment, {
+        children: node
+    });
+    if (options) {
+        return /* @__PURE__ */ jsx(DropdownSelect, {
+            label: label || "",
+            appearance: appearance || "secondary",
+            variant: variant || "default",
+            options: options,
+            showChevron: !hideChevron,
+            onSelect: onSelect,
+            disabled: disabled
+        });
+    } else {
+        return /* @__PURE__ */ jsx(Button, _object_spread_props(_object_spread({
+            type: "button",
+            onClick: onClick,
+            disabled: disabled,
+            variant: variant || "default",
+            appearance: appearance || "primary",
+            iconLeft: iconLeft
+        }, buttonProps), {
+            children: label
+        }));
+    }
+};
+var ExtraControlButtons = function ExtraControlButtons(param) {
+    var extraControlButtons = param.extraControlButtons, isMobile = param.isMobile, targetPosition = param.targetPosition;
+    var buttons = targetPosition ? (extraControlButtons || []).filter(function(param) {
+        var position = param.position, hide = param.hide;
+        return position === targetPosition && !hide;
+    }) : extraControlButtons !== null && extraControlButtons !== void 0 ? extraControlButtons : [];
+    if (isMobile && (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0) {
+        var items = buttons.flatMap(function(param) {
+            var onSelect = param.onSelect, onClick = param.onClick, options = param.options, label = param.label;
+            if (options && onSelect) {
+                return options.map(function(option) {
+                    return {
+                        title: typeof label === "string" && !option.label.startsWith(String(label)) ? "".concat(label, ": ").concat(option.label) : option.label,
+                        onClick: function onClick() {
+                            onSelect(option.value);
+                        }
+                    };
+                });
+            }
+            if (label && onClick) {
+                return [
+                    {
+                        title: label,
+                        onClick: onClick
+                    }
+                ];
+            }
+            return [];
+        });
+        if (items.length === 0) return null;
+        return /* @__PURE__ */ jsx(ButtonMore, {
+            items: items
+        });
+    }
+    return /* @__PURE__ */ jsx(Row, {
+        children: buttons === null || buttons === void 0 ? void 0 : buttons.map(function(button, idx) {
+            return /* @__PURE__ */ jsx(x.div, {
+                children: /* @__PURE__ */ jsx(ControlButton, _object_spread({}, button))
+            }, idx);
+        })
+    });
+};
+var ExtraControlButtons_default = ExtraControlButtons;
+export { Row, ExtraControlButtons_default as default };

package/ui/Blocks/CommonGrid/components/ExtraControlButtons/index.d.ts

@@ -1,3 +1,2 @@
-import { default as ExtraControlButtons } from './ExtraControlButtons';
-
+import ExtraControlButtons from './ExtraControlButtons';
 export default ExtraControlButtons;

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

@@ -0,0 +1,3 @@
+import ExtraControlButtons from "./ExtraControlButtons";
+var ExtraControlButtons_default = ExtraControlButtons;
+export { ExtraControlButtons_default as default };

package/ui/Blocks/CommonGrid/components/FilterDropdown.d.ts

@@ -1,4 +1,3 @@
-import { PropsWithChildren, ReactElement } from 'react';
-
+import { type PropsWithChildren, type ReactElement } from 'react';
 declare const OverlayComponent: ({ children }: PropsWithChildren) => ReactElement;
 export default OverlayComponent;

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

@@ -0,0 +1,50 @@
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  position: absolute;\n  z-index: 1;\n  visibility: hidden;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import styled from "@xstyled/styled-components";
+var OverlayWrapper = styled.div(_templateObject());
+var OverlayComponent = function OverlayComponent(param) {
+    var children = param.children;
+    var overlayRef = React.useRef(null);
+    React.useEffect(function() {
+        var _ref, _ref1, _ref2, _ref3, _Overlay_clientWidth, _ref4, _ref5, _ref6, _ref7;
+        var _FilterCell_parentElement;
+        var Overlay = overlayRef.current;
+        if (!Overlay) return;
+        var FilterCell = Overlay.closest(".cell");
+        var GridWrapper = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.closest(".gridWrapper");
+        var relativeLeftOffset = ((_ref = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) !== null && _ref !== void 0 ? _ref : 0) - ((_ref1 = FilterCell === null || FilterCell === void 0 ? void 0 : (_FilterCell_parentElement = FilterCell.parentElement) === null || _FilterCell_parentElement === void 0 ? void 0 : _FilterCell_parentElement.offsetLeft) !== null && _ref1 !== void 0 ? _ref1 : 0);
+        var spaceTotal = ((_ref2 = GridWrapper === null || GridWrapper === void 0 ? void 0 : GridWrapper.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : 0) + ((_ref3 = GridWrapper === null || GridWrapper === void 0 ? void 0 : GridWrapper.scrollLeft) !== null && _ref3 !== void 0 ? _ref3 : 0) - relativeLeftOffset;
+        var spaceLeft = spaceTotal - ((_Overlay_clientWidth = Overlay.clientWidth) !== null && _Overlay_clientWidth !== void 0 ? _Overlay_clientWidth : 0);
+        var left = spaceLeft > 0 ? (_ref4 = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) !== null && _ref4 !== void 0 ? _ref4 : 0 : ((_ref5 = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetLeft) !== null && _ref5 !== void 0 ? _ref5 : 0) + spaceLeft;
+        var topOffset = ((_ref6 = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.offsetTop) !== null && _ref6 !== void 0 ? _ref6 : 0) + ((_ref7 = FilterCell === null || FilterCell === void 0 ? void 0 : FilterCell.clientHeight) !== null && _ref7 !== void 0 ? _ref7 : 0);
+        Overlay.style.left = "".concat(left, "px");
+        Overlay.style.top = "".concat(topOffset, "px");
+        Overlay.style.visibility = "initial";
+    });
+    return /* @__PURE__ */ jsx(OverlayWrapper, {
+        ref: overlayRef,
+        className: "filterOverlay",
+        children: children
+    });
+};
+var FilterDropdown_default = OverlayComponent;
+export { FilterDropdown_default as default };

package/ui/Blocks/CommonGrid/components/FilterRow.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { Settings, ColumnDefinition as ColumnDefinitionType, ActionColumn, GridActionsType, GridSelectorsType, Group, CustomComparators, FiltersConfig, UxState, RowProps } from '../types';
-
+import type { FC } from 'react';
+import type { Settings, ColumnDefinition as ColumnDefinitionType, ActionColumn, GridActionsType, GridSelectorsType, Group, CustomComparators, FiltersConfig, UxState, RowProps } from '../types';
 type Props = {
     columns: ColumnDefinitionType[];
     actionColumn?: ActionColumn;

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

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { getFilterName } from "../utils";
+import get from "lodash/fp/get";
+import throttle from "lodash/throttle";
+import ColumnFilterCell from "./ColumnFilterCell";
+import { Row } from "./Table";
+var FilterRow = function FilterRow(param) {
+    var columns = param.columns, groups = param.groups, actionColumn = param.actionColumn, onChange = param.onChange, _param_filterValues = param.filterValues, filterValues = _param_filterValues === void 0 ? {} : _param_filterValues, displayColumnsWidth = param.displayColumnsWidth, filters = param.filters, comparators = param.comparators, handleUxChange = param.handleUxChange, onAsyncLoadFilterOptions = param.onAsyncLoadFilterOptions, rowsData = param.rowsData, uxState = param.uxState;
+    var handleOnChange = throttle(onChange, 500);
+    return /* @__PURE__ */ jsx(Row, {
+        className: "filterRow",
+        children: columns.map(function(column, index) {
+            return /* @__PURE__ */ jsx(ColumnFilterCell, {
+                column: column,
+                actionColumn: actionColumn,
+                rowsData: rowsData,
+                uxState: uxState,
+                handleUxChange: handleUxChange,
+                onChange: handleOnChange,
+                value: get([
+                    getFilterName(column),
+                    "value"
+                ], filterValues),
+                others: get([
+                    getFilterName(column),
+                    "others"
+                ], filterValues),
+                displayColumnWidth: displayColumnsWidth[column.name],
+                filters: filters,
+                comparators: comparators,
+                group: groups === null || groups === void 0 ? void 0 : groups[index],
+                onAsyncLoadFilterOptions: onAsyncLoadFilterOptions
+            }, index);
+        })
+    });
+};
+var FilterRow_default = FilterRow;
+export { FilterRow_default as default };

package/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { ActionColumn, GridActionsType, RowProps, UxState } from '../../../types';
-
+import type { FC } from 'react';
+import type { ActionColumn, GridActionsType, RowProps, UxState } from '../../../types';
 type Props = {
     actionColumn?: ActionColumn;
     rowsData?: RowProps[];

package/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.js

@@ -0,0 +1,85 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { jsx, jsxs } from "react/jsx-runtime";
+import Checkbox from "../../../../../Forms/Checkbox";
+import { useToggleAllCheckbox } from "../../../hooks/useToggleAllCheckbox";
+import { x } from "@xstyled/styled-components";
+var ActionsFilter = function ActionsFilter(param) {
+    var actionColumn = param.actionColumn, rowsData = param.rowsData, uxState = param.uxState, handleUxChange = param.handleUxChange;
+    var _ref;
+    var _actionColumn_actionOptions;
+    var _useToggleAllCheckbox = _sliced_to_array(useToggleAllCheckbox(rowsData, uxState, handleUxChange), 2), allChecked = _useToggleAllCheckbox[0], toggleCheckbox = _useToggleAllCheckbox[1];
+    var displayRowNumberLabel = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.addRowNumbers;
+    var rowsNumberLabel = (_ref = actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.addRowNumbersLabel) !== null && _ref !== void 0 ? _ref : "#";
+    var displayCheckbox = (actionColumn === null || actionColumn === void 0 ? void 0 : (_actionColumn_actionOptions = actionColumn.actionOptions) === null || _actionColumn_actionOptions === void 0 ? void 0 : _actionColumn_actionOptions.length) || (actionColumn === null || actionColumn === void 0 ? void 0 : actionColumn.forceCheckboxes);
+    return /* @__PURE__ */ jsxs(x.div, {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: "16px",
+        pl: "4px",
+        children: [
+            displayCheckbox && /* @__PURE__ */ jsx(x.div, {
+                w: "100%",
+                children: /* @__PURE__ */ jsx(Checkbox, {
+                    checked: allChecked,
+                    onChange: toggleCheckbox,
+                    label: ""
+                }, "check-all")
+            }),
+            displayRowNumberLabel && /* @__PURE__ */ jsx(x.div, {
+                w: "100%",
+                pr: "12px",
+                display: "flex",
+                justifyContent: "center",
+                children: rowsNumberLabel
+            })
+        ]
+    });
+};
+var ActionsFilter_default = ActionsFilter;
+export { ActionsFilter_default as default };

package/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.d.ts

@@ -1,3 +1,2 @@
-import { default as ActionsFilter } from './ActionsFilter';
-
+import ActionsFilter from './ActionsFilter';
 export default ActionsFilter;

package/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.js

@@ -0,0 +1,3 @@
+import ActionsFilter from "./ActionsFilter";
+var ActionsFilter_default = ActionsFilter;
+export { ActionsFilter_default as default };

package/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-
+import { type FC } from 'react';
 type Props = {
     onChange: (data: any) => void;
     value?: string;

package/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.js

@@ -0,0 +1,93 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import GridSelect from "../GridSelect";
+import { i18n } from "@lingui/core";
+var getFlagOptions = function getFlagOptions() {
+    return [
+        {
+            value: "",
+            label: i18n._({
+                id: "dataGrid.columnActive.filterOptions.all",
+                message: "All"
+            })
+        },
+        {
+            value: "1",
+            label: i18n._({
+                id: "dataGrid.columnActive.filterOptions.yes",
+                message: "Yes"
+            })
+        },
+        {
+            value: "0",
+            label: i18n._({
+                id: "dataGrid.columnActive.filterOptions.no",
+                message: "No"
+            })
+        }
+    ];
+};
+var SelectFilter = function SelectFilter(props) {
+    var options = useMemo(function() {
+        return getFlagOptions();
+    }, []);
+    return /* @__PURE__ */ jsx(GridSelect, _object_spread_props(_object_spread({
+        options: options
+    }, props), {
+        isClearable: false
+    }));
+};
+var BooleanSelect_default = SelectFilter;
+export { BooleanSelect_default as default };

package/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/index.d.ts

@@ -1,3 +1,2 @@
-import { default as BooleanSelect } from './BooleanSelect';
-
+import BooleanSelect from './BooleanSelect';
 export default BooleanSelect;

package/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/index.js

@@ -0,0 +1,3 @@
+import BooleanSelect from "./BooleanSelect";
+var BooleanSelect_default = BooleanSelect;
+export { BooleanSelect_default as default };