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

package/ui/Blocks/CommonGrid/utils/index.js

@@ -1,116 +0,0 @@
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-import ActionsFilter from "../components/Filters/ActionsFilter";
-import BooleanSelect from "../components/Filters/BooleanSelect";
-import DatePickerRange from "../components/Filters/DatePickerRange";
-import GridSelect from "../components/Filters/GridSelect";
-import NumberRange from "../components/Filters/NumberRange";
-import TextRange from "../components/Filters/TextRange";
-var isDefined = function isDefined(val) {
-    return typeof val !== "undefined";
-};
-var getCellSizeProps = function getCellSizeProps(column, columnWidth) {
-    if (!column) return {};
-    var fixedSize = column.fixedSize, flexGrow = column.flexGrow, flexShrink = column.flexShrink, sticky = column.sticky;
-    return {
-        flexBasis: columnWidth,
-        flexGrow: fixedSize ? 0 : isDefined(flexGrow) ? flexGrow : 1,
-        flexShrink: isDefined(flexShrink) ? flexShrink : 1,
-        maxWidth: sticky ? columnWidth : "auto"
-    };
-};
-var getSortName = function getSortName(column) {
-    return column.systemName || column.name;
-};
-var getFilterName = function getFilterName(column) {
-    return column.systemFilter || column.systemName || column.name;
-};
-var isColumnOn = function isColumnOn(column, columnConfig) {
-    var _columnConfig_column_name;
-    if (column.alwaysOn) return true;
-    if (column.alwaysOff) return false;
-    var isHidden = columnConfig === null || columnConfig === void 0 ? void 0 : (_columnConfig_column_name = columnConfig[column.name]) === null || _columnConfig_column_name === void 0 ? void 0 : _columnConfig_column_name.isHidden;
-    if (typeof isHidden === "boolean") return !isHidden;
-    if (!!column.defaultHidden && !!(columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column.name])) return true;
-    else return !column.defaultHidden;
-};
-var calculatePaginator = function calculatePaginator(page, rowsPerPage) {
-    return {
-        offset: rowsPerPage ? rowsPerPage * (page - 1) : rowsPerPage,
-        limit: rowsPerPage
-    };
-};
-var createFilterType = function createFilterType(columnDefinition) {
-    if (columnDefinition.filterOptions || columnDefinition.asyncLoadKey) return "options";
-    else return columnDefinition.filteringType || "text";
-};
-var getGroups = function getGroups(columns) {
-    return columns.map(function(column, key) {
-        var previousGroup = key > 0 && columns[key - 1].group;
-        return {
-            name: column.group,
-            start: !!(column.group && (!previousGroup || previousGroup && previousGroup !== column.group)),
-            end: !!(column.group && (!columns[key + 1] || columns[key + 1].group !== column.group))
-        };
-    });
-};
-var getGroupClassNames = function getGroupClassNames(group) {
-    return "".concat((group === null || group === void 0 ? void 0 : group.start) ? "group-start" : "", " ").concat((group === null || group === void 0 ? void 0 : group.end) ? "group-end" : "");
-};
-var getStickyCollClassNames = function getStickyCollClassNames(sticky, stickTo) {
-    return !sticky ? "" : "".concat(stickTo ? " sticky sticky-".concat(stickTo) : " sticky sticky-left");
-};
-var getFilters = function getFilters(optimizeFilters) {
-    var filters = {
-        number: {
-            CellComponent: NumberRange
-        },
-        text: {
-            CellComponent: TextRange
-        },
-        date: {
-            CellComponent: DatePickerRange
-        },
-        flag: {
-            CellComponent: BooleanSelect
-        },
-        options: {
-            CellComponent: GridSelect
-        },
-        actions: {
-            CellComponent: ActionsFilter
-        }
-    };
-    if (optimizeFilters) {
-        filters.text.defaultExtraProps = {
-            defaultComparator: "eq"
-        };
-    }
-    return filters;
-};
-var isFilterActive = function isFilterActive(value) {
-    if (value == null) return false;
-    if (Array.isArray(value)) return !!value.length;
-    if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === "object") return value.value != null && value.value !== "";
-    return value !== "";
-};
-var checksColumnsOrder = function checksColumnsOrder(colsOrder, columnsDefinitions) {
-    var stickyRightColls = columnsDefinitions.filter(function(col) {
-        return col.sticky === true && col.stickTo === "right";
-    });
-    var stickyLeftColls = columnsDefinitions.filter(function(col) {
-        return col.sticky === true && col.stickTo !== "right";
-    });
-    if (stickyLeftColls.length > 1 || stickyRightColls.length > 1) {
-        console.error("Grid can have only sticky column on each side.");
-    }
-    if (stickyLeftColls.length && colsOrder.indexOf(stickyLeftColls[0].name) !== 0 && stickyLeftColls[0].name !== "actions-cell-cg") {
-        console.error("The left sticky column should be the first one in a row");
-    }
-    if (stickyRightColls.length && colsOrder.indexOf(stickyRightColls[0].name) !== colsOrder.length - 1 && stickyRightColls[0].name !== "actions-cell-cg") {
-        console.error("The Right sticky column should be the last one in a row");
-    }
-};
-export { calculatePaginator, checksColumnsOrder, createFilterType, getCellSizeProps, getFilterName, getFilters, getGroupClassNames, getGroups, getSortName, getStickyCollClassNames, isColumnOn, isFilterActive };

package/ui/Blocks/CornerDialog/CornerDialog.js

@@ -1,97 +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 _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 { useEffect, useState } from "react";
-import Icon from "../../Elements/Icon/Icon";
-import { Portal } from "../../Elements/Portal";
-import { Container, Header, Status, StatusText, Wrapper, CloseBtn } from "./styles";
-import { statusToColors, statusToIcon } from "./utils";
-var CornerDialog = function CornerDialog(param) {
-    var title = param.title, children = param.children, onClose = param.onClose, statusToTitle = param.statusToTitle, _param_isOpen = param.isOpen, isOpen = _param_isOpen === void 0 ? true : _param_isOpen, _intent = param.intent;
-    var _useState = _sliced_to_array(useState(false), 2), isMounted = _useState[0], setIsMounted = _useState[1];
-    useEffect(function() {
-        setIsMounted(true);
-    }, []);
-    var intent = _intent !== null && _intent !== void 0 ? _intent : "info";
-    var _statusToColors_intent = statusToColors[intent], fontColor = _statusToColors_intent.fontColor, backgroundColor = _statusToColors_intent.backgroundColor, fill = _statusToColors_intent.fill;
-    if (!isOpen) return null;
-    return /* @__PURE__ */ jsx(Portal, {
-        children: /* @__PURE__ */ jsxs(Container, {
-            $mounted: isMounted,
-            children: [
-                /* @__PURE__ */ jsxs(Status, {
-                    background: backgroundColor,
-                    children: [
-                        /* @__PURE__ */ jsx(Icon, {
-                            icon: statusToIcon[intent],
-                            fill: fill
-                        }),
-                        /* @__PURE__ */ jsx(StatusText, {
-                            fontColor: fontColor,
-                            children: statusToTitle[intent]()
-                        })
-                    ]
-                }),
-                /* @__PURE__ */ jsx(Header, {
-                    children: title
-                }),
-                /* @__PURE__ */ jsx(CloseBtn, {
-                    onClick: onClose,
-                    "data-testid": "corner-dialog-close-btn",
-                    children: /* @__PURE__ */ jsx(Icon, {
-                        icon: "close",
-                        size: "25px"
-                    })
-                }),
-                /* @__PURE__ */ jsx(Wrapper, {
-                    children: children
-                })
-            ]
-        })
-    });
-};
-export { CornerDialog };

package/ui/Blocks/CornerDialog/index.d.js

@@ -1,2 +0,0 @@
-var index_d_default = CornerDialog;
-export { index_d_default as default };

package/ui/Blocks/CornerDialog/index.js

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

package/ui/Blocks/CornerDialog/styles.js

@@ -1,84 +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  position: fixed;\n  z-index: 10;\n  bottom: 3rem;\n  right: 0.6rem;\n  background: white;\n  border-radius: 12px;\n  box-shadow: cornerDialogShadow;\n  width: 95vw;\n  max-width: 400px;\n  padding: 50px 30px 30px;\n  color: typoPrimary;\n  transition: opacity 225ms linear;\n  opacity: ",
-        ";\n  @media (min-width: 768px) {\n    right: 3rem;\n    width: 400px;\n  }\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  font-size: 14px;\n  font-weight: 400;\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ",
-        ";\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ",
-        ";\n"
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled, { th } from "@xstyled/styled-components";
-var Container = styled.div(_templateObject(), function(param) {
-    var $mounted = param.$mounted;
-    return $mounted ? 1 : 0;
-});
-var Header = styled.div(_templateObject1());
-var Wrapper = styled.div(_templateObject2());
-var Status = styled.div(_templateObject3(), function(param) {
-    var background = param.background;
-    return th.color(background);
-});
-var CloseBtn = styled.div(_templateObject4());
-var StatusText = styled.span(_templateObject5(), function(param) {
-    var fontColor = param.fontColor;
-    return th.color(fontColor);
-});
-export { CloseBtn, Container, Header, Status, StatusText, Wrapper };

package/ui/Blocks/CornerDialog/utils.js

@@ -1,29 +0,0 @@
-var statusToColors = {
-    info: {
-        fontColor: "gray1",
-        backgroundColor: "lightGray7",
-        fill: "gray1"
-    },
-    success: {
-        fontColor: "white",
-        backgroundColor: "green",
-        fill: "white"
-    },
-    error: {
-        fontColor: "white",
-        backgroundColor: "red1",
-        fill: "white"
-    },
-    warning: {
-        fontColor: "blue2",
-        backgroundColor: "yellow1",
-        fill: "blue2"
-    }
-};
-var statusToIcon = {
-    info: "info",
-    success: "circleCheck",
-    error: "circleX",
-    warning: "circleTriangle"
-};
-export { statusToColors, statusToIcon };

package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Link } from "react-router-dom";
-import { MenuItemsListItem } from "../../styles";
-var MenuItem = function MenuItem(param) {
-    var item = param.item;
-    return /* @__PURE__ */ jsx(MenuItemsListItem, {
-        onClick: item.onClick,
-        pointer: !!item.onClick,
-        children: item.link ? /* @__PURE__ */ jsx(Link, {
-            to: item.link,
-            children: item.title
-        }) : item.title
-    });
-};
-export { MenuItem };

package/ui/Blocks/Header/components/MenuItems/index.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { MenuItem } from "./components/MenuItem";
-import { MenuItemsList } from "./styles";
-var MenuItems = function MenuItems(param) {
-    var items = param.items;
-    return /* @__PURE__ */ jsx(MenuItemsList, {
-        children: items === null || items === void 0 ? void 0 : items.map(function(item, key) {
-            return /* @__PURE__ */ jsx(MenuItem, {
-                item: item
-            }, key);
-        })
-    });
-};
-export { MenuItems };

package/ui/Blocks/Header/components/MenuItems/styles.js

@@ -1,36 +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  gap: 10px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  ",
-        ";\n\n  a {\n    text-decoration: none;\n    border-color: red1;\n    color: typoPrimary;\n  }\n\n  a:hover {\n    border-bottom: 1px solid;\n    color: red1;\n  }\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var MenuItemsList = styled.ul(_templateObject());
-var MenuItemsListItem = styled.li(_templateObject1(), function(param) {
-    var pointer = param.pointer;
-    return pointer && "cursor: pointer;";
-});
-export { MenuItemsList, MenuItemsListItem };

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/index.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import Avatar from "../../../../../../Elements/Avatar";
-import { H7 } from "../../../../../../Elements/Typography";
-import { AvatarWrapper, UserInfo } from "./styles";
-var UserInfoBlock = function UserInfoBlock(param) {
-    var userName = param.userName, role = param.role;
-    return /* @__PURE__ */ jsxs(AvatarWrapper, {
-        children: [
-            /* @__PURE__ */ jsx(Avatar, {
-                colorBack: "lightGray7",
-                size: 34
-            }),
-            /* @__PURE__ */ jsxs(UserInfo, {
-                children: [
-                    /* @__PURE__ */ jsx(H7, {
-                        variant: "bold",
-                        mt: 0,
-                        mb: "4px",
-                        children: userName
-                    }),
-                    /* @__PURE__ */ jsx(H7, {
-                        mt: 0,
-                        mb: 0,
-                        children: role
-                    })
-                ]
-            })
-        ]
-    });
-};
-export { UserInfoBlock };

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.js

@@ -1,32 +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  flex-direction: column;\n  gap: 4px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  column-gap: 15px;\n  margin-bottom: 20px;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled from "@xstyled/styled-components";
-var UserInfo = styled.div(_templateObject());
-var AvatarWrapper = styled.div(_templateObject1());
-export { AvatarWrapper, UserInfo };

package/ui/Blocks/Header/components/UserMenu/hooks/index.js

@@ -1,2 +0,0 @@
-import { useLogout } from "./useLogout";
-export { useLogout };

package/ui/Blocks/Header/components/UserMenu/hooks/useLogout.js

@@ -1,11 +0,0 @@
-var useLogout = function useLogout(param) {
-    var closeDropdown = param.closeDropdown, onLogout = param.onLogout;
-    var handleLogout = function handleLogout() {
-        closeDropdown();
-        onLogout === null || onLogout === void 0 ? void 0 : onLogout();
-    };
-    return {
-        handleLogout: handleLogout
-    };
-};
-export { useLogout };

package/ui/Blocks/Header/components/UserMenu/index.js

@@ -1,103 +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 _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 { useRef } from "react";
-import Avatar from "../../../../Elements/Avatar";
-import Button from "../../../../Elements/Button";
-import { useToggleAndClose } from "../../../../hooks/useToggleAndClose";
-import Popover from "../../../Popover";
-import { UserInfoBlock } from "./components/UserInfo";
-import { Trans } from "@lingui/react";
-import { useLogout } from "./hooks";
-import { DropdownContentWrap, Line, UserWrap } from "./styles";
-var UserMenu = function UserMenu(param) {
-    var user = param.user, onLogout = param.onLogout;
-    var _ref, _ref1, _ref2;
-    var _user_roles;
-    var _useToggleAndClose = _sliced_to_array(useToggleAndClose(false), 3), isDropdownOpen = _useToggleAndClose[0], toggleDropdown = _useToggleAndClose[1], closeDropdown = _useToggleAndClose[2];
-    var parentRef = useRef(null);
-    var handleLogout = useLogout({
-        closeDropdown: closeDropdown,
-        onLogout: onLogout
-    }).handleLogout;
-    return /* @__PURE__ */ jsxs(UserWrap, {
-        children: [
-            /* @__PURE__ */ jsx("div", {
-                ref: parentRef,
-                onClick: toggleDropdown,
-                children: /* @__PURE__ */ jsx(Avatar, {
-                    colorBack: isDropdownOpen ? "lightGray7" : "neutral20",
-                    size: 34
-                })
-            }),
-            isDropdownOpen && /* @__PURE__ */ jsx(Popover, {
-                parentRef: parentRef,
-                onClose: closeDropdown,
-                children: /* @__PURE__ */ jsxs(DropdownContentWrap, {
-                    children: [
-                        /* @__PURE__ */ jsx(UserInfoBlock, {
-                            userName: "".concat((_ref = user === null || user === void 0 ? void 0 : user.firstName) !== null && _ref !== void 0 ? _ref : "", " ").concat((_ref1 = user === null || user === void 0 ? void 0 : user.lastName) !== null && _ref1 !== void 0 ? _ref1 : ""),
-                            role: (_ref2 = user === null || user === void 0 ? void 0 : (_user_roles = user.roles) === null || _user_roles === void 0 ? void 0 : _user_roles[0]) !== null && _ref2 !== void 0 ? _ref2 : ""
-                        }),
-                        /* @__PURE__ */ jsx(Line, {}),
-                        /* @__PURE__ */ jsx(Button, {
-                            onClick: handleLogout,
-                            iconLeft: "logout",
-                            variant: "ghost",
-                            fullWidth: true,
-                            children: /* @__PURE__ */ jsx(Trans, {
-                                id: "logout",
-                                message: "Logout"
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-export { UserMenu };

package/ui/Blocks/Header/components/UserMenu/styles.js

@@ -1,45 +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  flex-direction: row;\n  cursor: pointer;\n  align-items: center;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  width: 295px;\n  background-color: white;\n  box-shadow: ",
-        ";\n  padding: 24px 12px 12px 12px;\n  border: 1px solid ",
-        ";\n  border-radius: 8px;\n  margin: 5px 10px 0 0;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  width: 100%;\n  height: 1px;\n  background-color: ",
-        ";\n  margin: 4px 0;\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import styled, { th } from "@xstyled/styled-components";
-var UserWrap = styled.div(_templateObject());
-var DropdownContentWrap = styled.div(_templateObject1(), th.shadow("dropShadow"), th.color("lightGray6"));
-var Line = styled.div(_templateObject2(), th.color("lightGray6"));
-export { DropdownContentWrap, Line, UserWrap };

package/ui/Blocks/Header/hooks/useChangeLanguage.js

@@ -1,10 +0,0 @@
-var useChangeLanguage = function useChangeLanguage(param) {
-    var onChangeLanguage = param.onChangeLanguage;
-    var handleChangeLanguage = function handleChangeLanguage(languageCode) {
-        onChangeLanguage === null || onChangeLanguage === void 0 ? void 0 : onChangeLanguage(languageCode);
-    };
-    return {
-        handleChangeLanguage: handleChangeLanguage
-    };
-};
-export { useChangeLanguage };