@mailstep/design-system 0.8.26 → 0.8.27

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

@@ -0,0 +1,116 @@
+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.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
-import { CornerDialogProps } from './types';
-
+import React from 'react';
+import { type CornerDialogProps } from './types';
 export declare const CornerDialog: React.FC<CornerDialogProps>;

package/ui/Blocks/CornerDialog/CornerDialog.js

@@ -0,0 +1,97 @@
+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

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

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

@@ -1,4 +1,3 @@
 import { CornerDialog } from './CornerDialog';
-
 export type { Intent, CornerDialogProps } from './types';
 export default CornerDialog;

package/ui/Blocks/CornerDialog/index.js

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

package/ui/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts

@@ -1,8 +1,7 @@
 import { StoryObj } from '@storybook/react-webpack5';
-
 declare const meta: {
     title: string;
-    component: import('react').FC<import('..').CornerDialogProps>;
+    component: import("react").FC<import("..").CornerDialogProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/CornerDialog/styles.d.ts

@@ -1,12 +1,12 @@
-export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     $mounted: boolean;
 }, never>;
-export declare const Header: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const Status: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     background: string;
 }, never>;
-export declare const CloseBtn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const StatusText: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
+export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
     fontColor: string;
 }, never>;

package/ui/Blocks/CornerDialog/styles.js

@@ -0,0 +1,84 @@
+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/types.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 export type Intent = 'success' | 'error' | 'warning' | 'info';
 export interface CornerDialogProps {
     title: ReactNode | string;

package/ui/Blocks/CornerDialog/utils.d.ts

@@ -1,4 +1,3 @@
 import { Intent, ColorProps } from './types';
-
 export declare const statusToColors: Record<Intent, ColorProps>;
 export declare const statusToIcon: Record<Intent, string>;

package/ui/Blocks/CornerDialog/utils.js

@@ -0,0 +1,29 @@
+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.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { MenuItemType } from '../../../../../SideMenu/types';
-
+import { type FC } from 'react';
+import type { MenuItemType } from '../../../../../SideMenu/types';
 type MenuItemProps = {
     item: MenuItemType;
 };

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

@@ -0,0 +1,15 @@
+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.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { MenuItemType } from '../../../SideMenu/types';
-
+import { type FC } from 'react';
+import type { MenuItemType } from '../../../SideMenu/types';
 type MenuItemsProps = {
     items?: MenuItemType[];
 };

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

@@ -0,0 +1,14 @@
+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.d.ts

@@ -1,4 +1,4 @@
-export declare const MenuItemsList: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
-export declare const MenuItemsListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {
+export declare const MenuItemsList: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, {}, never>;
+export declare const MenuItemsListItem: import("styled-components").StyledComponent<"li", import("@xstyled/system").Theme, {
     pointer?: boolean;
 }, never>;

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

@@ -0,0 +1,36 @@
+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.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-
+import { type FC } from 'react';
 type UserInfoProps = {
     userName?: string;
     role?: string;

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

@@ -0,0 +1,31 @@
+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.d.ts

@@ -1,2 +1,2 @@
-export declare const UserInfo: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
-export declare const AvatarWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const UserInfo: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;

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

@@ -0,0 +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  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

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

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

@@ -0,0 +1,11 @@
+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.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { User } from '../../types';
-
+import type { FC } from 'react';
+import type { User } from '../../types';
 type Props = {
     user?: User | null;
     onLogout?: () => void;