@mailstep/design-system 0.8.26-beta.6 → 0.8.26

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

@@ -1,256 +0,0 @@
-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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
-import Button from "../../../../Elements/Button/Button";
-import { Filter } from "../../../../Elements/Icon/icons/Filter";
-import { Settings2 } from "../../../../Elements/Icon/icons/Settings2";
-import { Sort } from "../../../../Elements/Icon/icons/Sort";
-import Tag from "../../../../Elements/Tag/Tag";
-import { palettes } from "../../../../Elements/Tag/palettes";
-import { H6 } from "../../../../Elements/Typography";
-import useQuickFilter from "../../hooks/useQuickFilter";
-import { ExtraControlButtonPosition } from "../../types";
-import { isFilterActive } from "../../utils";
-import ExtraControlButtons from "../ExtraControlButtons";
-import QuickFilter from "../QuickFilter";
-import { i18n } from "@lingui/core";
-import { Trans } from "@lingui/react";
-import { useColor, x } from "@xstyled/styled-components";
-import { ControlButtonsContainer, Left, Right, StyledColumnButton } from "./styles";
-var ControlButtons = function ControlButtons(param) {
-    var extraControlButtons = param.extraControlButtons, gridActions = param.gridActions, gridSelectors = param.gridSelectors, _param_quickFilter = param.quickFilter, quickFilter = _param_quickFilter === void 0 ? "" : _param_quickFilter, columns = param.columns, filters = param.filters, hideControlButtons = param.hideControlButtons, displayManageColumnButton = param.displayManageColumnButton, openManageColumnForm = param.openManageColumnForm, setDisplayManageColumnButton = param.setDisplayManageColumnButton, onOpenPresetsModal = param.onOpenPresetsModal, gridName = param.gridName, selectedPresetName = param.selectedPresetName, withPresets = param.withPresets, withManageColumnButton = param.withManageColumnButton, onOpenMobileFilters = param.onOpenMobileFilters, onOpenMobileSorting = param.onOpenMobileSorting, isSortTerminated = param.isSortTerminated;
-    var _ref;
-    var _gridSelectors_sorting;
-    var _useQuickFilter = useQuickFilter({
-        gridActions: gridActions,
-        gridSelectors: gridSelectors,
-        quickFilter: quickFilter,
-        columns: columns,
-        filters: filters
-    }), searchedValue = _useQuickFilter.searchedValue, translatedValue = _useQuickFilter.translatedValue, onChangeInputValue = _useQuickFilter.onChangeInputValue, onClear = _useQuickFilter.onClear, onClearSettings = _useQuickFilter.onClearSettings, onDisplayInput = _useQuickFilter.onDisplayInput, displayInput = _useQuickFilter.displayInput, isMobileInputView = _useQuickFilter.isMobileInputView, isMobile = _useQuickFilter.isMobile, filter = _useQuickFilter.filter;
-    useEffect(function() {
-        setDisplayManageColumnButton(!isMobileInputView && !!withManageColumnButton);
-    }, [
-        isMobileInputView,
-        withManageColumnButton,
-        setDisplayManageColumnButton
-    ]);
-    var red = useColor("red1");
-    var filtersCount = useMemo(function() {
-        return filter ? Object.values(filter).filter(function(item) {
-            return isFilterActive(item.value);
-        }).length : 0;
-    }, [
-        filter
-    ]);
-    var hasFilterableColumns = !!(columns === null || columns === void 0 ? void 0 : columns.some(function(col) {
-        return col.filtering;
-    }));
-    var hasSortableColumns = !!(columns === null || columns === void 0 ? void 0 : columns.some(function(col) {
-        return col.sorting;
-    }));
-    var sortCount = (_ref = (_gridSelectors_sorting = gridSelectors.sorting) === null || _gridSelectors_sorting === void 0 ? void 0 : _gridSelectors_sorting.length) !== null && _ref !== void 0 ? _ref : 0;
-    return /* @__PURE__ */ jsxs(ControlButtonsContainer, {
-        children: [
-            /* @__PURE__ */ jsxs(Left, {
-                children: [
-                    !hideControlButtons && /* @__PURE__ */ jsxs(Fragment, {
-                        children: [
-                            quickFilter && !isMobile && /* @__PURE__ */ jsx(QuickFilter, {
-                                searchedValue: searchedValue,
-                                placeholderText: i18n._({
-                                    id: "controlButtons.searchPlaceholder",
-                                    message: "Search ".concat(translatedValue, " ..."),
-                                    values: {
-                                        translatedValue: translatedValue
-                                    }
-                                }),
-                                onChange: onChangeInputValue,
-                                onClear: onClear,
-                                onClick: onDisplayInput,
-                                displayInput: displayInput,
-                                isMobileInputView: isMobileInputView
-                            }),
-                            /* @__PURE__ */ jsx(ExtraControlButtons, {
-                                extraControlButtons: extraControlButtons,
-                                targetPosition: ExtraControlButtonPosition.TopLeft
-                            }),
-                            /* @__PURE__ */ jsx(x.div, {
-                                children: !!filtersCount && !isMobile && /* @__PURE__ */ jsx(Button, {
-                                    type: "button",
-                                    onClick: onClearSettings,
-                                    variant: "default",
-                                    appearance: "secondary",
-                                    "data-cy": "resetFiltersBtn",
-                                    children: /* @__PURE__ */ jsx(Trans, {
-                                        id: "dataGrid.buttonClearSettings",
-                                        message: "Reset"
-                                    })
-                                })
-                            })
-                        ]
-                    }),
-                    isMobile && hasFilterableColumns && /* @__PURE__ */ jsxs(Button, {
-                        type: "button",
-                        appearance: filtersCount ? "primary" : "tertiary",
-                        onClick: onOpenMobileFilters,
-                        "data-cy": "mobileFilterBtn",
-                        children: [
-                            /* @__PURE__ */ jsx(Filter, {
-                                fill: filtersCount ? "white" : red
-                            }),
-                            /* @__PURE__ */ jsxs(H6, {
-                                variant: "semiBold",
-                                mt: 0,
-                                mb: 0,
-                                ml: "6px",
-                                children: [
-                                    /* @__PURE__ */ jsx(Trans, {
-                                        id: "dataGrid.filter",
-                                        message: "Filter"
-                                    }),
-                                    " ",
-                                    filtersCount > 0 && "(".concat(filtersCount, ")")
-                                ]
-                            })
-                        ]
-                    }),
-                    isMobile && hasSortableColumns && /* @__PURE__ */ jsx(x.div, {
-                        ml: "10px",
-                        children: /* @__PURE__ */ jsxs(Button, {
-                            type: "button",
-                            appearance: sortCount ? "primary" : "tertiary",
-                            onClick: onOpenMobileSorting,
-                            disabled: isSortTerminated,
-                            "data-cy": "mobileSortBtn",
-                            children: [
-                                /* @__PURE__ */ jsx(Sort, {
-                                    stroke: sortCount ? "white" : red
-                                }),
-                                /* @__PURE__ */ jsxs(H6, {
-                                    variant: "semiBold",
-                                    mt: 0,
-                                    mb: 0,
-                                    ml: "6px",
-                                    children: [
-                                        /* @__PURE__ */ jsx(Trans, {
-                                            id: "dataGrid.sort",
-                                            message: "Sort"
-                                        }),
-                                        " ",
-                                        sortCount > 0 && "(".concat(sortCount, ")")
-                                    ]
-                                })
-                            ]
-                        })
-                    }),
-                    withPresets && gridName && !isMobile && /* @__PURE__ */ jsxs(Fragment, {
-                        children: [
-                            /* @__PURE__ */ jsx(x.div, {
-                                mx: "12px",
-                                children: /* @__PURE__ */ jsx(Button, {
-                                    onClick: onOpenPresetsModal,
-                                    type: "button",
-                                    variant: "default",
-                                    appearance: "tertiary",
-                                    children: /* @__PURE__ */ jsx(Trans, {
-                                        id: "dataGrid.presets.title",
-                                        message: "Presets"
-                                    })
-                                })
-                            }),
-                            selectedPresetName && /* @__PURE__ */ jsx(Tag, _object_spread_props(_object_spread({
-                                size: "medium"
-                            }, palettes.redWhite), {
-                                children: /* @__PURE__ */ jsx(H6, {
-                                    mt: 0,
-                                    mb: 0,
-                                    variant: "semiBold",
-                                    children: selectedPresetName
-                                })
-                            }))
-                        ]
-                    })
-                ]
-            }),
-            /* @__PURE__ */ jsxs(Right, {
-                children: [
-                    /* @__PURE__ */ jsx(ExtraControlButtons, {
-                        extraControlButtons: extraControlButtons,
-                        targetPosition: ExtraControlButtonPosition.TopRight,
-                        isMobile: isMobile
-                    }),
-                    displayManageColumnButton && !isMobile && /* @__PURE__ */ jsx(StyledColumnButton, {
-                        type: "button",
-                        variant: "ghost",
-                        appearance: "primary",
-                        iconLeft: /* @__PURE__ */ jsx(Settings2, {}),
-                        onClick: openManageColumnForm,
-                        children: /* @__PURE__ */ jsx(H6, {
-                            variant: "semiBold",
-                            mt: 0,
-                            mb: 0,
-                            children: /* @__PURE__ */ jsx(Trans, {
-                                id: "manageColumn.title",
-                                message: "Manage column"
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-var ControlButtons_default = ControlButtons;
-export { ControlButtons_default as default };

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

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

package/ui/Blocks/CommonGrid/components/ControlButtons/styles.js

@@ -1,55 +0,0 @@
-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  position: sticky;\n  justify-content: space-between;\n  flex: 1;\n  left: 20px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  margin-right: 10px;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  position: sticky;\n  right: 20px;\n  z-index: 3;\n  margin-left: 8px;\n\n  > span > svg {\n    stroke: ",
-        ";\n    width: 18px;\n    height: 18px;\n  }\n  > span > H6 {\n    display: none;\n  }\n  @media (min-width: 1024px) {\n    > span > H6 {\n      display: flex;\n      margin-left: 5px;\n    }\n  }\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { Button } from "../../../../Elements/Button";
-import styled from "@xstyled/styled-components";
-import { th } from "@xstyled/system";
-var ControlButtonsContainer = styled.div(_templateObject());
-var Left = styled.div(_templateObject1());
-var Right = styled.div(_templateObject2());
-var StyledColumnButton = styled(Button)(_templateObject3(), th("colors.blue2"));
-export { ControlButtonsContainer, Left, Right, StyledColumnButton };

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

@@ -1,100 +0,0 @@
-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 React from "react";
-import { getCellSizeProps, getGroupClassNames, getStickyCollClassNames } from "../utils";
-import get from "lodash/fp/get";
-import { TextCell } from "./Table";
-var DataCell = function DataCell(param) {
-    var column = param.column, group = param.group, rowData = param.rowData, onRowAction = param.onRowAction, displayColumnWidth = param.displayColumnWidth, rowIndex = param.rowIndex;
-    var Wrapper = column.fixedSize ? "div" : TextCell;
-    var wrapperBaseProps = column.fixedSize ? {
-        style: _object_spread_props(_object_spread({}, getCellSizeProps(column, displayColumnWidth)), {
-            alignSelf: "center"
-        })
-    } : getCellSizeProps(column, displayColumnWidth);
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!column.sticky, column.stickTo), " ").concat(getGroupClassNames(group));
-    if (column.cellComponent) {
-        return /* @__PURE__ */ jsx(Wrapper, _object_spread_props(_object_spread({
-            className: cellClassName
-        }, wrapperBaseProps), {
-            children: /* @__PURE__ */ jsx(column.cellComponent, {
-                rowData: rowData,
-                onRowAction: onRowAction,
-                column: column,
-                rowIndex: rowIndex
-            })
-        }));
-    } else {
-        return /* @__PURE__ */ jsx(Wrapper, _object_spread_props(_object_spread({
-            className: cellClassName
-        }, wrapperBaseProps), {
-            children: column.formatRowValue ? column.formatRowValue(rowData) : get(column.name, rowData)
-        }));
-    }
-};
-var MemoDataCell = React.memo(DataCell, function(prevProps, newProps) {
-    var _prevProps_column, _newProps_column, _prevProps_column1, _newProps_column1, _prevProps_column2, _newProps_column2, _prevProps_group, _newProps_group, _prevProps_group1, _newProps_group1, _prevProps_column3, _newProps_column3, _prevProps_column4, _newProps_column4, _prevProps_column5, _newProps_column5, _prevProps_column6, _newProps_column6;
-    if (prevProps.rowData !== newProps.rowData || prevProps.displayColumnWidth !== newProps.displayColumnWidth || ((_prevProps_column = prevProps.column) === null || _prevProps_column === void 0 ? void 0 : _prevProps_column.fixedSize) != ((_newProps_column = newProps.column) === null || _newProps_column === void 0 ? void 0 : _newProps_column.fixedSize) || ((_prevProps_column1 = prevProps.column) === null || _prevProps_column1 === void 0 ? void 0 : _prevProps_column1.flexGrow) != ((_newProps_column1 = newProps.column) === null || _newProps_column1 === void 0 ? void 0 : _newProps_column1.flexGrow) || ((_prevProps_column2 = prevProps.column) === null || _prevProps_column2 === void 0 ? void 0 : _prevProps_column2.flexShrink) != ((_newProps_column2 = newProps.column) === null || _newProps_column2 === void 0 ? void 0 : _newProps_column2.flexShrink) || ((_prevProps_group = prevProps.group) === null || _prevProps_group === void 0 ? void 0 : _prevProps_group.start) != ((_newProps_group = newProps.group) === null || _newProps_group === void 0 ? void 0 : _newProps_group.start) || ((_prevProps_group1 = prevProps.group) === null || _prevProps_group1 === void 0 ? void 0 : _prevProps_group1.end) != ((_newProps_group1 = newProps.group) === null || _newProps_group1 === void 0 ? void 0 : _newProps_group1.end)) {
-        return false;
-    }
-    if ((((_prevProps_column3 = prevProps.column) === null || _prevProps_column3 === void 0 ? void 0 : _prevProps_column3.formatRowValue) || ((_newProps_column3 = newProps.column) === null || _newProps_column3 === void 0 ? void 0 : _newProps_column3.formatRowValue)) && ((_prevProps_column4 = prevProps.column) === null || _prevProps_column4 === void 0 ? void 0 : _prevProps_column4.formatRowValue) !== ((_newProps_column4 = newProps.column) === null || _newProps_column4 === void 0 ? void 0 : _newProps_column4.formatRowValue)) {
-        return false;
-    }
-    if ((((_prevProps_column5 = prevProps.column) === null || _prevProps_column5 === void 0 ? void 0 : _prevProps_column5.cellComponent) || ((_newProps_column5 = newProps.column) === null || _newProps_column5 === void 0 ? void 0 : _newProps_column5.cellComponent)) && (((_prevProps_column6 = prevProps.column) === null || _prevProps_column6 === void 0 ? void 0 : _prevProps_column6.cellComponent) !== ((_newProps_column6 = newProps.column) === null || _newProps_column6 === void 0 ? void 0 : _newProps_column6.cellComponent) || prevProps.onRowAction !== newProps.onRowAction)) {
-        return false;
-    }
-    return true;
-});
-var DataCell_default = MemoDataCell;
-export { DataCell_default as default };

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

@@ -1,76 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import { rowClassSymbol } from "../types";
-import MemoDataCell from "./DataCell";
-import { StyledDataRow } from "./Table";
-import { useTimeMeasurement } from "./utils";
-var DataRow = function DataRow(param) {
-    var columns = param.columns, rowData = param.rowData, rowIndex = param.rowIndex, uxState = param.uxState, allowRowSelect = param.allowRowSelect, allowRowSelectOnAction = param.allowRowSelectOnAction, onUxChange = param.onUxChange, onRowClick = param.onRowClick, onRowAction = param.onRowAction, displayColumnsWidth = param.displayColumnsWidth, groups = param.groups, isEven = param.isEven;
-    var _uxState_checkedRows;
-    var isChecked = !!((_uxState_checkedRows = uxState.checkedRows) === null || _uxState_checkedRows === void 0 ? void 0 : _uxState_checkedRows[rowData.id]);
-    var handleRowAction = React.useCallback(function(id, field, value, rowData2) {
-        onRowAction === null || onRowAction === void 0 ? void 0 : onRowAction(id, field, value, rowData2);
-        if (allowRowSelectOnAction) {
-            onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange("selectedRow", id);
-        }
-    }, [
-        onRowAction,
-        allowRowSelectOnAction,
-        onUxChange
-    ]);
-    var handleRowClick = React.useCallback(function(e) {
-        var _e_target_dataset;
-        var classes = Object.values(e.target.classList);
-        var parent = e.target.closest(".cell");
-        var canPropagation = ((_e_target_dataset = e.target.dataset) === null || _e_target_dataset === void 0 ? void 0 : _e_target_dataset.propagation) === "true";
-        var child = e.target;
-        while(child && child !== parent && !canPropagation){
-            var _child_dataset;
-            child = child.parentElement;
-            canPropagation = (child === null || child === void 0 ? void 0 : (_child_dataset = child.dataset) === null || _child_dataset === void 0 ? void 0 : _child_dataset.propagation) === "true";
-        }
-        if (!classes.includes("dataRow") && !classes.includes("cell") && !canPropagation) return;
-        if (onUxChange && allowRowSelect) onUxChange("selectedRow", rowData.id);
-        if (onRowClick) onRowClick(rowData.id, rowData);
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        onRowClick,
-        onUxChange,
-        rowData
-    ]);
-    var _useTimeMeasurement = useTimeMeasurement({
-        handleRowClick: handleRowClick
-    }), handleMouseDown = _useTimeMeasurement.handleMouseDown, handleMouseUp = _useTimeMeasurement.handleMouseUp;
-    var rowClassName = React.useMemo(function() {
-        var classes = [
-            "dataRow"
-        ];
-        if (isChecked) classes.push("checked");
-        if (uxState.selectedRow === rowData.id && (allowRowSelect || allowRowSelectOnAction)) classes.push("selected");
-        if (rowData[rowClassSymbol]) classes.push(rowData[rowClassSymbol] || "");
-        return classes.join(" ");
-    }, [
-        isChecked,
-        uxState,
-        rowData
-    ]);
-    return /* @__PURE__ */ jsx(StyledDataRow, {
-        className: rowClassName,
-        hasRowClick: !!onRowClick,
-        onMouseDown: handleMouseDown,
-        onMouseUp: handleMouseUp,
-        isEven: !!isEven,
-        children: columns.map(function(column, key) {
-            return /* @__PURE__ */ jsx(MemoDataCell, {
-                column: column,
-                rowData: rowData,
-                rowIndex: rowIndex,
-                onRowAction: handleRowAction,
-                displayColumnWidth: displayColumnsWidth[column.name],
-                group: groups === null || groups === void 0 ? void 0 : groups[key]
-            }, column.name);
-        })
-    });
-};
-var DataRow_default = DataRow;
-export { DataRow_default as default };

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

@@ -1,156 +0,0 @@
-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.js

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