@mailstep/design-system 0.8.31-beta.3 → 0.8.31

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

@@ -1,105 +1,78 @@
-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 (val) { return typeof val !== 'undefined'; };
-export var getCellSizeProps = function (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'
-    };
+import ActionsFilter_default from "../components/Filters/ActionsFilter/index.js";
+import GridSelect_default from "../components/Filters/GridSelect/index.js";
+import BooleanSelect_default from "../components/Filters/BooleanSelect/index.js";
+import DatePickerRange_default from "../components/Filters/DatePickerRange/index.js";
+import NumberRange_default from "../components/Filters/NumberRange/index.js";
+import TextRange_default from "../components/Filters/TextRange/index.js";
+//#region packages/ui/Blocks/CommonGrid/utils/index.ts
+const isDefined = (val) => typeof val !== "undefined";
+const getCellSizeProps = (column, columnWidth) => {
+	if (!column) return {};
+	const { fixedSize, flexGrow, flexShrink, sticky } = column;
+	return {
+		flexBasis: columnWidth,
+		flexGrow: fixedSize ? 0 : isDefined(flexGrow) ? flexGrow : 1,
+		flexShrink: isDefined(flexShrink) ? flexShrink : 1,
+		maxWidth: sticky ? columnWidth : "auto"
+	};
 };
-export var getSortName = function (column) {
-    return column.systemName || column.name;
+const getSortName = (column) => {
+	return column.systemName || column.name;
 };
-export var getFilterName = function (column) {
-    return column.systemFilter || column.systemName || column.name;
+const getFilterName = (column) => {
+	return column.systemFilter || column.systemName || column.name;
 };
-export var isColumnOn = function (column, columnConfig) {
-    var _a;
-    if (column.alwaysOn)
-        return true;
-    if (column.alwaysOff)
-        return false;
-    var isHidden = (_a = columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden;
-    if (typeof isHidden === 'boolean')
-        return !isHidden; // isHidden is defined/stored => use user value
-    if (!!column.defaultHidden && !!(columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig[column.name]))
-        return true; // is default hidden but activated
-    else
-        return !column.defaultHidden;
+const isColumnOn = (column, columnConfig) => {
+	if (column.alwaysOn) return true;
+	if (column.alwaysOff) return false;
+	const isHidden = columnConfig?.[column.name]?.isHidden;
+	if (typeof isHidden === "boolean") return !isHidden;
+	if (!!column.defaultHidden && !!columnConfig?.[column.name]) return true;
+	else return !column.defaultHidden;
 };
-export var calculatePaginator = function (page, rowsPerPage) { return ({
-    offset: rowsPerPage ? rowsPerPage * (page - 1) : rowsPerPage,
-    limit: rowsPerPage
-}); };
-export var createFilterType = function (columnDefinition) {
-    if (columnDefinition.filterOptions || columnDefinition.asyncLoadKey)
-        return 'options';
-    else
-        return columnDefinition.filteringType || 'text';
+const calculatePaginator = (page, rowsPerPage) => ({
+	offset: rowsPerPage ? rowsPerPage * (page - 1) : rowsPerPage,
+	limit: rowsPerPage
+});
+const createFilterType = (columnDefinition) => {
+	if (columnDefinition.filterOptions || columnDefinition.asyncLoadKey) return "options";
+	else return columnDefinition.filteringType || "text";
 };
-export var getGroups = function (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))
-        };
-    });
-};
-export var getGroupClassNames = function (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' : '');
-};
-export var getStickyCollClassNames = function (sticky, stickTo) {
-    return !sticky ? '' : "".concat(stickTo ? " sticky sticky-".concat(stickTo) : ' sticky sticky-left');
-};
-export var getFilters = function (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;
+const getGroups = (columns) => columns.map((column, key) => {
+	const 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))
+	};
+});
+const getGroupClassNames = (group) => `${group?.start ? "group-start" : ""} ${group?.end ? "group-end" : ""}`;
+const getStickyCollClassNames = (sticky, stickTo) => !sticky ? "" : `${stickTo ? ` sticky sticky-${stickTo}` : " sticky sticky-left"}`;
+const getFilters = (optimizeFilters) => {
+	const filters = {
+		number: { CellComponent: NumberRange_default },
+		text: { CellComponent: TextRange_default },
+		date: { CellComponent: DatePickerRange_default },
+		flag: { CellComponent: BooleanSelect_default },
+		options: { CellComponent: GridSelect_default },
+		actions: { CellComponent: ActionsFilter_default }
+	};
+	if (optimizeFilters) filters.text.defaultExtraProps = { defaultComparator: "eq" };
+	return filters;
 };
 /** Returns true when a filter value should be counted / applied */
-export var isFilterActive = function (value) {
-    if (value == null)
-        return false;
-    if (Array.isArray(value))
-        return !!value.length;
-    if (typeof value === 'object')
-        return value.value != null && value.value !== '';
-    return value !== '';
+const isFilterActive = (value) => {
+	if (value == null) return false;
+	if (Array.isArray(value)) return !!value.length;
+	if (typeof value === "object") return value.value != null && value.value !== "";
+	return value !== "";
 };
-export var checksColumnsOrder = function (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');
-    }
+const checksColumnsOrder = (colsOrder, columnsDefinitions) => {
+	const stickyRightColls = columnsDefinitions.filter((col) => col.sticky === true && col.stickTo === "right");
+	const stickyLeftColls = columnsDefinitions.filter((col) => 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");
 };
+//#endregion
+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

@@ -1,18 +1,43 @@
-import { jsx as _jsx, jsxs as _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';
-export var CornerDialog = function (_a) {
-    var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;
-    var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];
-    useEffect(function () {
-        setIsMounted(true);
-    }, []);
-    var intent = _intent !== null && _intent !== void 0 ? _intent : 'info';
-    var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;
-    if (!isOpen)
-        return null;
-    return (_jsx(Portal, { children: _jsxs(Container, { "$mounted": isMounted, children: [_jsxs(Status, { background: backgroundColor, children: [_jsx(Icon, { icon: statusToIcon[intent], fill: fill }), _jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), _jsx(Header, { children: title }), _jsx(CloseBtn, { onClick: onClose, "data-testid": "corner-dialog-close-btn", children: _jsx(Icon, { icon: "close", size: "25px" }) }), _jsx(Wrapper, { children: children })] }) }));
+import Icon from "../../Elements/Icon/Icon.js";
+import { Portal } from "../../Elements/Portal/index.js";
+import { CloseBtn, Container, Header, Status, StatusText, Wrapper } from "./styles.js";
+import { statusToColors, statusToIcon } from "./utils.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/CornerDialog/CornerDialog.tsx
+const CornerDialog = ({ title, children, onClose, statusToTitle, isOpen = true, intent: _intent }) => {
+	const [isMounted, setIsMounted] = useState(false);
+	useEffect(() => {
+		setIsMounted(true);
+	}, []);
+	const intent = _intent ?? "info";
+	const { fontColor, backgroundColor, fill } = statusToColors[intent];
+	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
+				}), /* @__PURE__ */ jsx(StatusText, {
+					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 })
+		]
+	}) });
 };
+//#endregion
+export { CornerDialog };

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

@@ -1,2 +1,5 @@
-import { CornerDialog } from './CornerDialog';
-export default CornerDialog;
+import { CornerDialog } from "./CornerDialog.js";
+//#region packages/ui/Blocks/CornerDialog/index.ts
+var CornerDialog_default = CornerDialog;
+//#endregion
+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/styled-components").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/styled-components").Theme, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").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/styled-components").Theme, {}, never>;
+export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/styled-components").Theme, {
     fontColor: string;
 }, never>;

package/ui/Blocks/CornerDialog/styles.js

@@ -1,21 +1,57 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled, { th } from '@xstyled/styled-components';
-export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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"], ["\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"])), function (_a) {
-    var $mounted = _a.$mounted;
-    return ($mounted ? 1 : 0);
-});
-export var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"], ["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"])));
-export var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
-export var Status = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\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"], ["\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"])), function (_a) {
-    var background = _a.background;
-    return th.color(background);
-});
-export var CloseBtn = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
-export var StatusText = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"])), function (_a) {
-    var fontColor = _a.fontColor;
-    return th.color(fontColor);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+import styled$1, { th } from "@xstyled/styled-components";
+//#region packages/ui/Blocks/CornerDialog/styles.ts
+const Container = styled$1.div`
+  position: fixed;
+  z-index: 10;
+  bottom: 3rem;
+  right: 0.6rem;
+  background-color: white;
+  border-radius: 12px;
+  box-shadow: cornerDialogShadow;
+  width: 95vw;
+  max-width: 400px;
+  padding: 50px 30px 30px;
+  color: typoPrimary;
+  transition: opacity 225ms linear;
+  opacity: ${({ $mounted }) => $mounted ? 1 : 0};
+  @media (min-width: 768px) {
+    right: 3rem;
+    width: 400px;
+  }
+`;
+const Header = styled$1.div`
+  margin-bottom: 15px;
+  color: typoPrimary;
+  font-size: 18px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+`;
+const Wrapper = styled$1.div`
+  font-size: 14px;
+  font-weight: 400;
+`;
+const Status = styled$1.div`
+  position: absolute;
+  left: 0;
+  top: 0;
+  padding: 6px 10px;
+  text-transform: uppercase;
+  border-radius: 12px 0 12px 0;
+  background-color: ${({ background }) => th.color(background)};
+`;
+const CloseBtn = styled$1.div`
+  cursor: pointer;
+  position: absolute;
+  top: 12px;
+  right: 12px;
+`;
+const StatusText = styled$1.span`
+  display: inline-block;
+  margin-left: 6px;
+  font-size: 14px;
+  font-weight: 700;
+  color: ${({ fontColor }) => th.color(fontColor)};
+`;
+//#endregion
+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

@@ -1,12 +1,31 @@
-export 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' },
+//#region packages/ui/Blocks/CornerDialog/utils.ts
+const 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"
+	}
 };
-export var statusToIcon = {
-    info: 'info',
-    success: 'circleCheck',
-    error: 'circleX',
-    warning: 'circleTriangle',
+const statusToIcon = {
+	info: "info",
+	success: "circleCheck",
+	error: "circleX",
+	warning: "circleTriangle"
 };
+//#endregion
+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

@@ -1,7 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Link } from 'react-router-dom';
-import { MenuItemsListItem } from '../../styles';
-export var MenuItem = function (_a) {
-    var item = _a.item;
-    return (_jsx(MenuItemsListItem, { onClick: item.onClick, pointer: !!item.onClick, children: item.link ? _jsx(Link, { to: item.link, children: item.title }) : item.title }));
+import { MenuItemsListItem } from "../../styles.js";
+import { jsx } from "react/jsx-runtime";
+import { Link } from "react-router-dom";
+//#region packages/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.tsx
+const MenuItem = ({ 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
+	});
 };
+//#endregion
+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

@@ -1,7 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MenuItem } from './components/MenuItem';
-import { MenuItemsList } from './styles';
-export var MenuItems = function (_a) {
-    var items = _a.items;
-    return (_jsx(MenuItemsList, { children: items === null || items === void 0 ? void 0 : items.map(function (item, key) { return (_jsx(MenuItem, { item: item }, key)); }) }));
+import { MenuItemsList } from "./styles.js";
+import { MenuItem } from "./components/MenuItem/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Blocks/Header/components/MenuItems/index.tsx
+const MenuItems = ({ items }) => {
+	return /* @__PURE__ */ jsx(MenuItemsList, { children: items?.map((item, key) => /* @__PURE__ */ jsx(MenuItem, { item }, key)) });
 };
+//#endregion
+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, {
-    pointer?: boolean | undefined;
+export declare const MenuItemsList: import("styled-components").StyledComponent<"ul", import("@xstyled/styled-components").Theme, {}, never>;
+export declare const MenuItemsListItem: import("styled-components").StyledComponent<"li", import("@xstyled/styled-components").Theme, {
+    pointer?: boolean;
 }, never>;

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

@@ -1,11 +1,22 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from '@xstyled/styled-components';
-export var MenuItemsList = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n"], ["\n  display: flex;\n  gap: 10px;\n"])));
-export var MenuItemsListItem = styled.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\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"], ["\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"])), function (_a) {
-    var pointer = _a.pointer;
-    return pointer && 'cursor: pointer;';
-});
-var templateObject_1, templateObject_2;
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Blocks/Header/components/MenuItems/styles.ts
+const MenuItemsList = styled$1.ul`
+  display: flex;
+  gap: 10px;
+`;
+const MenuItemsListItem = styled$1.li`
+  ${({ pointer }) => pointer && "cursor: pointer;"};
+
+  a {
+    text-decoration: none;
+    border-color: red1;
+    color: typoPrimary;
+  }
+
+  a:hover {
+    border-bottom: 1px solid;
+    color: red1;
+  }
+`;
+//#endregion
+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

@@ -1,8 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Avatar from '../../../../../../Elements/Avatar';
-import { H7 } from '../../../../../../Elements/Typography';
-import { AvatarWrapper, UserInfo } from './styles';
-export var UserInfoBlock = function (_a) {
-    var userName = _a.userName, role = _a.role;
-    return (_jsxs(AvatarWrapper, { children: [_jsx(Avatar, { colorBack: "lightGray7", size: 34 }), _jsxs(UserInfo, { children: [_jsx(H7, { variant: "bold", mt: 0, mb: "4px", children: userName }), _jsx(H7, { mt: 0, mb: 0, children: role })] })] }));
+import { H7 } from "../../../../../../Elements/Typography/Typography.js";
+import "../../../../../../Elements/Typography/index.js";
+import Avatar_default from "../../../../../../Elements/Avatar/index.js";
+import { AvatarWrapper, UserInfo } from "./styles.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/Header/components/UserMenu/components/UserInfo/index.tsx
+const UserInfoBlock = ({ userName, role }) => {
+	return /* @__PURE__ */ jsxs(AvatarWrapper, { children: [/* @__PURE__ */ jsx(Avatar_default, {
+		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
+	})] })] });
 };
+//#endregion
+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/styled-components").Theme, {}, never>;
+export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/styled-components").Theme, {}, never>;

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

@@ -1,8 +1,14 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from '@xstyled/styled-components';
-export var UserInfo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
-export var AvatarWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  column-gap: 15px;\n  margin-bottom: 20px;\n"], ["\n  display: flex;\n  column-gap: 15px;\n  margin-bottom: 20px;\n"])));
-var templateObject_1, templateObject_2;
+import styled$1 from "@xstyled/styled-components";
+//#region packages/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.ts
+const UserInfo = styled$1.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+const AvatarWrapper = styled$1.div`
+  display: flex;
+  column-gap: 15px;
+  margin-bottom: 20px;
+`;
+//#endregion
+export { AvatarWrapper, UserInfo };

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

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