@mailstep/design-system 0.8.27 → 0.8.28

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

@@ -1,152 +1,60 @@
-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 Button from "../../../../Elements/Button/Button.js";
+import ButtonMore from "../ButtonMore/ButtonMore.js";
+import DropdownSelect_default from "../../../../Elements/DropdownSelect/index.js";
+import "react";
+import styled$1, { x } from "@xstyled/styled-components";
 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
-        }));
-    }
+//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/ExtraControlButtons.tsx
+const Row = styled$1.div`
+  display: flex;
+  & > * {
+    margin-right: 12px;
+  }
+  z-index: 2;
+`;
+const ControlButton = ({ hide, node, label, appearance, variant, disabled, onClick, onSelect, options, hideChevron, iconLeft, buttonProps }) => {
+	if (hide) return null;
+	if (node) return /* @__PURE__ */ jsx(Fragment, { children: node });
+	if (options) return /* @__PURE__ */ jsx(DropdownSelect_default, {
+		label: label || "",
+		appearance: appearance || "secondary",
+		variant: variant || "default",
+		options,
+		showChevron: !hideChevron,
+		onSelect,
+		disabled
+	});
+	else return /* @__PURE__ */ jsx(Button, {
+		type: "button",
+		onClick,
+		disabled,
+		variant: variant || "default",
+		appearance: appearance || "primary",
+		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);
-        })
-    });
+const ExtraControlButtons = ({ extraControlButtons, isMobile, targetPosition }) => {
+	const buttons = targetPosition ? (extraControlButtons || []).filter(({ position, hide }) => position === targetPosition && !hide) : extraControlButtons ?? [];
+	if (isMobile && buttons?.length > 0) {
+		const items = buttons.flatMap(({ onSelect, onClick, options, label }) => {
+			if (options && onSelect) return options.map((option) => ({
+				title: typeof label === "string" && !option.label.startsWith(String(label)) ? `${label}: ${option.label}` : option.label,
+				onClick: () => {
+					onSelect(option.value);
+				}
+			}));
+			if (label && onClick) return [{
+				title: label,
+				onClick
+			}];
+			return [];
+		});
+		if (items.length === 0) return null;
+		return /* @__PURE__ */ jsx(ButtonMore, { items });
+	}
+	return /* @__PURE__ */ jsx(Row, { children: buttons?.map((button, idx) => /* @__PURE__ */ jsx(x.div, { children: /* @__PURE__ */ jsx(ControlButton, { ...button }) }, idx)) });
 };
-var ExtraControlButtons_default = ExtraControlButtons;
-export { Row, ExtraControlButtons_default as default };
+//#endregion
+export { Row, ExtraControlButtons as default };

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

@@ -1,3 +1,5 @@
-import ExtraControlButtons from "./ExtraControlButtons";
+import ExtraControlButtons from "./ExtraControlButtons.js";
+//#region packages/ui/Blocks/CommonGrid/components/ExtraControlButtons/index.tsx
 var ExtraControlButtons_default = ExtraControlButtons;
+//#endregion
 export { ExtraControlButtons_default as default };

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

@@ -1,50 +1,32 @@
-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
-    });
+import styled$1 from "@xstyled/styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Blocks/CommonGrid/components/FilterDropdown.tsx
+const OverlayWrapper = styled$1.div`
+  position: absolute;
+  z-index: 1;
+  visibility: hidden;
+`;
+const OverlayComponent = ({ children }) => {
+	const overlayRef = React.useRef(null);
+	React.useEffect(() => {
+		const Overlay = overlayRef.current;
+		if (!Overlay) return;
+		const FilterCell = Overlay.closest(".cell");
+		const GridWrapper = FilterCell?.closest(".gridWrapper");
+		const relativeLeftOffset = (FilterCell?.offsetLeft ?? 0) - (FilterCell?.parentElement?.offsetLeft ?? 0);
+		const spaceLeft = (GridWrapper?.clientWidth ?? 0) + (GridWrapper?.scrollLeft ?? 0) - relativeLeftOffset - (Overlay.clientWidth ?? 0);
+		const left = spaceLeft > 0 ? FilterCell?.offsetLeft ?? 0 : (FilterCell?.offsetLeft ?? 0) + spaceLeft;
+		const topOffset = (FilterCell?.offsetTop ?? 0) + (FilterCell?.clientHeight ?? 0);
+		Overlay.style.left = `${left}px`;
+		Overlay.style.top = `${topOffset}px`;
+		Overlay.style.visibility = `initial`;
+	});
+	return /* @__PURE__ */ jsx(OverlayWrapper, {
+		ref: overlayRef,
+		className: "filterOverlay",
+		children
+	});
 };
-var FilterDropdown_default = OverlayComponent;
-export { FilterDropdown_default as default };
+//#endregion
+export { OverlayComponent as default };

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

@@ -1,38 +1,30 @@
+import { getFilterName } from "../utils/index.js";
+import { Row } from "./Table.js";
+import ColumnFilterCell from "./ColumnFilterCell.js";
 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);
-        })
-    });
+import get from "lodash/fp/get.js";
+import throttle from "lodash/throttle.js";
+//#region packages/ui/Blocks/CommonGrid/components/FilterRow.tsx
+const FilterRow = ({ columns, groups, actionColumn, onChange, filterValues = {}, displayColumnsWidth, filters, comparators, handleUxChange, onAsyncLoadFilterOptions, rowsData, uxState }) => {
+	const handleOnChange = throttle(onChange, 500);
+	return /* @__PURE__ */ jsx(Row, {
+		className: "filterRow",
+		children: columns.map((column, index) => /* @__PURE__ */ jsx(ColumnFilterCell, {
+			column,
+			actionColumn,
+			rowsData,
+			uxState,
+			handleUxChange,
+			onChange: handleOnChange,
+			value: get([getFilterName(column), "value"], filterValues),
+			others: get([getFilterName(column), "others"], filterValues),
+			displayColumnWidth: displayColumnsWidth[column.name],
+			filters,
+			comparators,
+			group: groups?.[index],
+			onAsyncLoadFilterOptions
+		}, index))
+	});
 };
-var FilterRow_default = FilterRow;
-export { FilterRow_default as default };
+//#endregion
+export { FilterRow as default };

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

@@ -1,85 +1,34 @@
-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 { useToggleAllCheckbox } from "../../../hooks/useToggleAllCheckbox.js";
+import Checkbox_default from "../../../../../Forms/Checkbox/index.js";
 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
-            })
-        ]
-    });
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/ActionsFilter.tsx
+const ActionsFilter = ({ actionColumn, rowsData, uxState, handleUxChange }) => {
+	const [allChecked, toggleCheckbox] = useToggleAllCheckbox(rowsData, uxState, handleUxChange);
+	const displayRowNumberLabel = actionColumn?.addRowNumbers;
+	const rowsNumberLabel = actionColumn?.addRowNumbersLabel ?? "#";
+	const displayCheckbox = actionColumn?.actionOptions?.length || 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_default, {
+				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 };
+//#endregion
+export { ActionsFilter as default };

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

@@ -1,3 +1,5 @@
-import ActionsFilter from "./ActionsFilter";
+import ActionsFilter from "./ActionsFilter.js";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/ActionsFilter/index.ts
 var ActionsFilter_default = ActionsFilter;
+//#endregion
 export { ActionsFilter_default as default };

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

@@ -1,93 +1,37 @@
-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 GridSelect_default from "../GridSelect/index.js";
 import { useMemo } from "react";
-import GridSelect from "../GridSelect";
+import { jsx } from "react/jsx-runtime";
 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
-    }));
+//#region packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/BooleanSelect.tsx
+const getFlagOptions = () => [
+	{
+		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"
+		})
+	}
+];
+const SelectFilter = (props) => {
+	return /* @__PURE__ */ jsx(GridSelect_default, {
+		options: useMemo(() => getFlagOptions(), []),
+		...props,
+		isClearable: false
+	});
 };
-var BooleanSelect_default = SelectFilter;
-export { BooleanSelect_default as default };
+//#endregion
+export { SelectFilter as default };

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

@@ -1,3 +1,5 @@
-import BooleanSelect from "./BooleanSelect";
-var BooleanSelect_default = BooleanSelect;
+import SelectFilter from "./BooleanSelect.js";
+//#region packages/ui/Blocks/CommonGrid/components/Filters/BooleanSelect/index.tsx
+var BooleanSelect_default = SelectFilter;
+//#endregion
 export { BooleanSelect_default as default };