@mailstep/design-system 0.8.27 → 0.8.28-beta.0

package/ui/index.js

@@ -1,94 +1,179 @@
-import CommonGrid from "./Blocks/CommonGrid";
-import CornerDialog from "./Blocks/CornerDialog";
-import ImageList from "./Blocks/ImageList";
-import LanguageSwitch from "./Blocks/LanguageSwitch";
-import LightBox from "./Blocks/LightBox";
-import LoginPage from "./Blocks/LoginPage";
-import Modal from "./Blocks/Modal";
-import Popover from "./Blocks/Popover";
-import Scheduler from "./Blocks/Scheduler";
-import SideMenu from "./Blocks/SideMenu";
-import Stepper from "./Blocks/Stepper";
-import Tabs from "./Blocks/Tabs";
-import Alert from "./Elements/Alert";
-import AsyncSelect from "./Elements/AsyncSelect";
-import Avatar from "./Elements/Avatar";
-import Badge from "./Elements/Badge";
-import BorderedBox from "./Elements/BorderedBox";
-import Button from "./Elements/Button";
-import Card from "./Elements/Card";
-import DatePicker from "./Elements/DatePicker";
-import Dropdown from "./Elements/Dropdown";
-import DropdownSelect from "./Elements/DropdownSelect";
-import ErrorMessage from "./Elements/ErrorMessage";
-import Icon from "./Elements/Icon";
-import Image from "./Elements/Image";
-import Label from "./Elements/Label";
-import Line from "./Elements/Line";
-import Link from "./Elements/Link";
-import Logo from "./Elements/Logo";
-import Pagination from "./Elements/Pagination";
-import Portal from "./Elements/Portal";
-import ProgressBar from "./Elements/ProgressBar";
-import Select from "./Elements/Select";
-import SimpleLink from "./Elements/SimpleLink";
-import SingleSelect from "./Elements/SingleSelect";
-import SpaceAround from "./Elements/SpaceAround";
-import Spinner from "./Elements/Spinner";
-import Tag from "./Elements/Tag";
-import Toast from "./Elements/Toast";
-import Toggle from "./Elements/Toggle";
-import Typography from "./Elements/Typography";
-import Checkbox from "./Forms/Checkbox";
-import Input from "./Forms/Input";
-import RadioButton from "./Forms/RadioButton";
-import TextArea from "./Forms/TextArea";
-import ThemeProvider from "./ThemeProvider";
-import utils from "./utils";
-export * from "./Blocks/CornerDialog";
-export * from "./Blocks/ImageList";
-export * from "./Blocks/LightBox";
-export * from "./Blocks/Scheduler";
-export * from "./Blocks/Modal";
-export * from "./Blocks/Tabs";
-export * from "./Elements/Alert";
-export * from "./Elements/Avatar";
-export * from "./Elements/AsyncSelect";
-export * from "./Elements/Badge";
-export * from "./Elements/BorderedBox";
-export * from "./Elements/Button";
-export * from "./Elements/Dropdown";
-export * from "./Elements/ErrorMessage";
-export * from "./Elements/Icon";
-export * from "./Elements/Image";
-export * from "./Elements/Label";
-export * from "./Elements/Line";
-export * from "./Elements/Link";
-export * from "./Elements/Logo";
-export * from "./Elements/Pagination";
-export * from "./Elements/Portal";
-export * from "./Elements/ProgressBar";
-export * from "./Elements/SimpleLink";
-export * from "./Elements/SpaceAround";
-export * from "./Elements/Spinner";
-export * from "./Elements/Tag";
-export * from "./Elements/Toast";
-export * from "./Elements/Toggle";
-export * from "./Elements/Typography";
-export * from "./Forms/Checkbox";
-export * from "./Forms/Input";
-export * from "./Forms/RadioButton";
-export * from "./ThemeProvider";
-export * from "./utils";
-export * from "./Elements/DatePicker";
-export * from "./Blocks/CommonGrid";
-export * from "./Blocks/Popover";
-export * from "./Elements/SingleSelect";
-export * from "./Elements/Select";
-export * from "./Elements/DropdownSelect";
-export * from "./Forms/TextArea";
-export * from "./Blocks/LoginPage";
-export * from "./Blocks/LanguageSwitch";
-export * from "./Blocks/SideMenu";
-export * from "./Blocks/Stepper";
-export { Alert, AsyncSelect, Avatar, Badge, BorderedBox, Button, Card, Checkbox, CommonGrid, CornerDialog, DatePicker, Dropdown, DropdownSelect, ErrorMessage, Icon, Image, ImageList, Input, Label, LanguageSwitch, LightBox, Line, Link, LoginPage, Logo, Modal, Pagination, Popover, Portal, ProgressBar, RadioButton, Scheduler, Select, SideMenu, SimpleLink, SingleSelect, SpaceAround, Spinner, Stepper, Tabs, Tag, TextArea, ThemeProvider, Toast, Toggle, Typography, utils };
+import { Cancel } from "./Elements/Icon/icons/Cancel.js";
+import { FlagUSA } from "./Elements/Icon/icons/FlagUSA.js";
+import { FlagCZ } from "./Elements/Icon/icons/FlagCZ.js";
+import { FlagEL } from "./Elements/Icon/icons/FlagEL.js";
+import { FlagESP } from "./Elements/Icon/icons/FlagESP.js";
+import { FlagITA } from "./Elements/Icon/icons/FlagITA.js";
+import { FlagRUS } from "./Elements/Icon/icons/FlagRUS.js";
+import { FlagSVK } from "./Elements/Icon/icons/FlagSVK.js";
+import { FlagNL } from "./Elements/Icon/icons/FlagNL.js";
+import { FlagHU } from "./Elements/Icon/icons/FlagHU.js";
+import { FlagUK } from "./Elements/Icon/icons/FlagUK.js";
+import { Complaint } from "./Elements/Icon/icons/Complaint.js";
+import { Expeditions } from "./Elements/Icon/icons/Expeditions.js";
+import { HamburgerMenu } from "./Elements/Icon/icons/HamburgerMenu.js";
+import { HelpCircle1 } from "./Elements/Icon/icons/HelpCircle1.js";
+import { Income } from "./Elements/Icon/icons/Income.js";
+import { Inventory } from "./Elements/Icon/icons/Inventory.js";
+import { MenuItems } from "./Elements/Icon/icons/MenuItems.js";
+import { MobileCancel } from "./Elements/Icon/icons/MobileCancel.js";
+import { Notification2 } from "./Elements/Icon/icons/Notification2.js";
+import { Plus1 } from "./Elements/Icon/icons/Plus1.js";
+import { Products } from "./Elements/Icon/icons/Products.js";
+import { Profile } from "./Elements/Icon/icons/Profile.js";
+import { Return } from "./Elements/Icon/icons/Return.js";
+import { Settings2 } from "./Elements/Icon/icons/Settings2.js";
+import { Transfer } from "./Elements/Icon/icons/Transfer.js";
+import { Product } from "./Elements/Icon/icons/Product.js";
+import { ImagePlaceholder } from "./Elements/Icon/icons/ImagePlaceholder.js";
+import { BarcodeScan } from "./Elements/Icon/icons/BarcodeScan.js";
+import { Inventory2 } from "./Elements/Icon/icons/Inventory2.js";
+import { Logout1 } from "./Elements/Icon/icons/Logout1.js";
+import { Puzzle1 } from "./Elements/Icon/icons/Puzzle1.js";
+import { AddPhoto } from "./Elements/Icon/icons/AddPhoto.js";
+import { Layout } from "./Elements/Icon/icons/Layout.js";
+import { OpenBox } from "./Elements/Icon/icons/OpenBox.js";
+import { Box } from "./Elements/Icon/icons/Box.js";
+import { Rack } from "./Elements/Icon/icons/Rack.js";
+import { CheckedBox } from "./Elements/Icon/icons/CheckedBox.js";
+import { Consolidation } from "./Elements/Icon/icons/Consolidation.js";
+import { Dispatch } from "./Elements/Icon/icons/Dispatch.js";
+import { EmptyRack } from "./Elements/Icon/icons/EmptyRack.js";
+import { Gift } from "./Elements/Icon/icons/Gift.js";
+import { Info } from "./Elements/Icon/icons/Info.js";
+import { Location } from "./Elements/Icon/icons/Location.js";
+import { MakePhoto } from "./Elements/Icon/icons/MakePhoto.js";
+import { Print } from "./Elements/Icon/icons/Print.js";
+import { TwoBoxes } from "./Elements/Icon/icons/TwoBoxes.js";
+import { TwoCheckedBoxes } from "./Elements/Icon/icons/TwoCheckedBoxes.js";
+import { ThreeDots } from "./Elements/Icon/icons/ThreeDots.js";
+import { Calendar } from "./Elements/Icon/icons/Calendar.js";
+import { QRCode } from "./Elements/Icon/icons/QRCode.js";
+import { Rows } from "./Elements/Icon/icons/Rows.js";
+import { Group } from "./Elements/Icon/icons/Group.js";
+import { Company } from "./Elements/Icon/icons/Company.js";
+import { ShoppingBag } from "./Elements/Icon/icons/ShoppingBag.js";
+import { Truck } from "./Elements/Icon/icons/Truck.js";
+import { TwoUsers } from "./Elements/Icon/icons/TwoUsers.js";
+import { Integrations } from "./Elements/Icon/icons/Integrations.js";
+import { ArrowDown } from "./Elements/Icon/icons/ArrowDown.js";
+import { ArrowUp } from "./Elements/Icon/icons/ArrowUp.js";
+import { Desktop } from "./Elements/Icon/icons/Desktop.js";
+import { Message } from "./Elements/Icon/icons/Message.js";
+import { ToastSuccess } from "./Elements/Icon/icons/ToastSuccess.js";
+import { ToastError } from "./Elements/Icon/icons/ToastError.js";
+import { ArrowForward } from "./Elements/Icon/icons/ArrowForward.js";
+import { Add } from "./Elements/Icon/icons/Add.js";
+import { Fragile } from "./Elements/Icon/icons/Fragile.js";
+import { TrashBin } from "./Elements/Icon/icons/TrashBin.js";
+import { Container } from "./Elements/Icon/icons/Container.js";
+import { Dashboard } from "./Elements/Icon/icons/Dashboard.js";
+import { HorizontalLines } from "./Elements/Icon/icons/HorizontalLines.js";
+import { Admin } from "./Elements/Icon/icons/Admin.js";
+import { Pallet } from "./Elements/Icon/icons/Pallet.js";
+import { Liquid } from "./Elements/Icon/icons/Liquid.js";
+import { Foldable } from "./Elements/Icon/icons/Foldable.js";
+import { MachinePackingForbidden } from "./Elements/Icon/icons/MachinePackingForbidden.js";
+import { Valuable } from "./Elements/Icon/icons/Valuable.js";
+import { MobilePhone } from "./Elements/Icon/icons/MobilePhone.js";
+import { Reload } from "./Elements/Icon/icons/Reload.js";
+import { Sun } from "./Elements/Icon/icons/Sun.js";
+import { Moon } from "./Elements/Icon/icons/Moon.js";
+import { CircleHalfStroke } from "./Elements/Icon/icons/CircleHalfStroke.js";
+import { ShieldUser } from "./Elements/Icon/icons/ShieldUser.js";
+import { UserCowboy } from "./Elements/Icon/icons/UserCowboy.js";
+import { ArrowsLeftRight } from "./Elements/Icon/icons/ArrowsLeftRight.js";
+import { ArrowsUpDown } from "./Elements/Icon/icons/ArrowsUpDown.js";
+import { Weight } from "./Elements/Icon/icons/Weight.js";
+import { ArrowUpRightDownLeft } from "./Elements/Icon/icons/ArrowUpRightDownLeft.js";
+import { Filter } from "./Elements/Icon/icons/Filter.js";
+import { Sort } from "./Elements/Icon/icons/Sort.js";
+import { iconDictionary } from "./Elements/Icon/Icon.js";
+import Icon_default from "./Elements/Icon/index.js";
+import Pagination_default from "./Elements/Pagination/index.js";
+import { useModal } from "./Blocks/Modal/hooks/useModal.js";
+import Spinner_default from "./Elements/Spinner/index.js";
+import Button_default from "./Elements/Button/index.js";
+import themes from "./ThemeProvider/themes/index.js";
+import ThemeProvider_default from "./ThemeProvider/index.js";
+import { createRgba } from "./utils/CreateRgba/createRgba.js";
+import KeyPress_default from "./utils/KeyPress/index.js";
+import utils_default from "./utils/index.js";
+import { useClickOutside } from "./Blocks/Modal/hooks/useClickOutside.js";
+import { palettes } from "./Elements/Tag/palettes.js";
+import { H1, H2, H3, H4, H5, H6, H7, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Text } from "./Elements/Typography/Typography.js";
+import Typography_default from "./Elements/Typography/index.js";
+import Checkbox_default from "./Forms/Checkbox/index.js";
+import ErrorMessage_default from "./Elements/ErrorMessage/index.js";
+import { FieldLabel } from "./Elements/Label/Label.js";
+import Label_default from "./Elements/Label/index.js";
+import SpaceAroundWrap from "./Elements/SpaceAround/SpaceAround.js";
+import SpaceAround_default from "./Elements/SpaceAround/index.js";
+import Select_default from "./Elements/Select/index.js";
+import SingleSelect_default from "./Elements/SingleSelect/index.js";
+import Input_default from "./Forms/Input/index.js";
+import { DatePickerRepeat, TimePickerRepeat } from "./Elements/DatePicker/Datetime/types.js";
+import DatePicker_default from "./Elements/DatePicker/index.js";
+import { useEvent } from "./Blocks/CommonGrid/hooks/useEvent.js";
+import { useAddFilter } from "./Blocks/CommonGrid/hooks/useAddFilter.js";
+import { types_exports } from "./Blocks/CommonGrid/types.js";
+import { Portal } from "./Elements/Portal/index.js";
+import Popover from "./Blocks/Popover/index.js";
+import { CustomSelectButton } from "./Elements/DropdownSelect/DropdownSelect.js";
+import DropdownSelect_default from "./Elements/DropdownSelect/index.js";
+import { DateCell } from "./Blocks/CommonGrid/components/gridCells/Date.js";
+import { DateTimeCell } from "./Blocks/CommonGrid/components/gridCells/DateTime.js";
+import { StringJoinCell } from "./Blocks/CommonGrid/components/gridCells/StringJoin.js";
+import { BoolIconCell } from "./Blocks/CommonGrid/components/gridCells/BoolIcon.js";
+import { RemoveCell } from "./Blocks/CommonGrid/components/gridCells/RemoveItem.js";
+import SimpleLink_default from "./Elements/SimpleLink/index.js";
+import { LinkInCell } from "./Blocks/CommonGrid/components/gridCells/LinkInCell.js";
+import { ButtonInCell } from "./Blocks/CommonGrid/components/gridCells/ButtonInCell.js";
+import { IconButtonInCell } from "./Blocks/CommonGrid/components/gridCells/IconButtonInCell.js";
+import { SwitchInCell } from "./Blocks/CommonGrid/components/gridCells/SwitchInCell.js";
+import { ImageCell } from "./Blocks/CommonGrid/components/gridCells/ImageCell.js";
+import { EnumInCell } from "./Blocks/CommonGrid/components/gridCells/EnumInCell.js";
+import { HoverBubble } from "./Blocks/CommonGrid/components/gridCells/HoverBubble.js";
+import { RowActionsCell } from "./Blocks/CommonGrid/components/gridCells/RowActionsCell.js";
+import { ToggleCell } from "./Blocks/CommonGrid/components/gridCells/ToggleCell.js";
+import store_default, { actionPrefix, actionTypes, createActions, createFullSelector, createSelectors } from "./Blocks/CommonGrid/store/index.js";
+import withReduxActions from "./Blocks/CommonGrid/HoC/withReduxActions.js";
+import useFloatingButton from "./Blocks/CommonGrid/hooks/useFloatingButton.js";
+import CommonGrid_default from "./Blocks/CommonGrid/index.js";
+import CornerDialog_default from "./Blocks/CornerDialog/index.js";
+import Modal_default from "./Blocks/Modal/index.js";
+import { useLightBox } from "./Blocks/LightBox/hooks/useLightBox.js";
+import LightBox_default from "./Blocks/LightBox/index.js";
+import Tag_default from "./Elements/Tag/index.js";
+import ImageList_default from "./Blocks/ImageList/index.js";
+import LanguageSwitch_default from "./Blocks/LanguageSwitch/index.js";
+import LoginPage_default from "./Blocks/LoginPage/index.js";
+import { Scheduler } from "./Blocks/Scheduler/Scheduler.js";
+import "./Blocks/Scheduler/index.js";
+import { HamburgerMenuButton } from "./Blocks/SideMenu/components/HamburgerMenu.js";
+import { compactMenuWidth, expandedMenuWidth } from "./Blocks/SideMenu/utils/constants.js";
+import SideMenu_default from "./Blocks/SideMenu/index.js";
+import { StepCircle } from "./Blocks/Stepper/components/StepCircle/index.js";
+import { Stepper } from "./Blocks/Stepper/Stepper.js";
+import { useStepper } from "./Blocks/Stepper/hooks/useStepper.js";
+import "./Blocks/Stepper/index.js";
+import { TabContent } from "./Blocks/Tabs/TabContent.js";
+import { useTabs } from "./Blocks/Tabs/hooks/useTabs.js";
+import Tabs_default from "./Blocks/Tabs/index.js";
+import Link_default from "./Elements/Link/index.js";
+import Alert_default from "./Elements/Alert/index.js";
+import AsyncSelect_default from "./Elements/AsyncSelect/index.js";
+import Avatar_default from "./Elements/Avatar/index.js";
+import Badge_default from "./Elements/Badge/index.js";
+import BorderedBox_default from "./Elements/BorderedBox/index.js";
+import Card_default from "./Elements/Card/index.js";
+import Dropdown_default from "./Elements/Dropdown/index.js";
+import Image_default from "./Elements/Image/index.js";
+import Line_default from "./Elements/Line/index.js";
+import Logo_default from "./Elements/Logo/index.js";
+import ProgressBar_default from "./Elements/ProgressBar/index.js";
+import Toast_default from "./Elements/Toast/index.js";
+import Toggle_default from "./Elements/Toggle/index.js";
+import RadioButton_default from "./Forms/RadioButton/index.js";
+import TextArea_default from "./Forms/TextArea/index.js";
+export { Add, AddPhoto, Admin, Alert_default as Alert, ArrowDown, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, AsyncSelect_default as AsyncSelect, Avatar_default as Avatar, Badge_default as Badge, BarcodeScan, BoolIconCell, BorderedBox_default as BorderedBox, Box, Button_default as Button, ButtonInCell, Calendar, Cancel, Card_default as Card, Checkbox_default as Checkbox, CheckedBox, CircleHalfStroke, CommonGrid_default as CommonGrid, Company, Complaint, Consolidation, Container, CornerDialog_default as CornerDialog, CustomSelectButton, Dashboard, DateCell, DatePicker_default as DatePicker, DatePickerRepeat, DateTimeCell, Desktop, Dispatch, Dropdown_default as Dropdown, DropdownSelect_default as DropdownSelect, EmptyRack, EnumInCell, ErrorMessage_default as ErrorMessage, Expeditions, FieldLabel, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, H1, H2, H3, H4, H5, H6, H7, HamburgerMenu, HamburgerMenuButton, HelpCircle1, HorizontalLines, HoverBubble, Icon_default as Icon, IconButtonInCell, Image_default as Image, ImageCell, ImageList_default as ImageList, ImagePlaceholder, Income, Info, Input_default as Input, Integrations, Inventory, Inventory2, KeyPress_default as KeyPress, Label_default as Label, LanguageSwitch_default as LanguageSwitch, Layout, LightBox_default as LightBox, Line_default as Line, Link_default as Link, LinkInCell, Liquid, Location, LoginPage_default as LoginPage, Logo_default as Logo, Logout1, MachinePackingForbidden, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Modal_default as Modal, Moon, Notification2, OpenBox, Pagination_default as Pagination, Pallet, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Plus1, Popover, Portal, Print, Product, Products, Profile, ProgressBar_default as ProgressBar, Puzzle1, QRCode, Rack, RadioButton_default as RadioButton, Reload, RemoveCell, Return, RowActionsCell, Rows, Scheduler, Select_default as Select, Settings2, ShieldUser, ShoppingBag, SideMenu_default as SideMenu, SimpleLink_default as SimpleLink, SingleSelect_default as SingleSelect, Sort, SpaceAround_default as SpaceAround, SpaceAroundWrap, Spinner_default as Spinner, StepCircle, Stepper, StringJoinCell, Sun, SwitchInCell, TabContent, Tabs_default as Tabs, Tag_default as Tag, Text, TextArea_default as TextArea, ThemeProvider_default as ThemeProvider, ThreeDots, TimePickerRepeat, Toast_default as Toast, ToastError, ToastSuccess, Toggle_default as Toggle, ToggleCell, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, types_exports as Types, Typography_default as Typography, UserCowboy, Valuable, Weight, actionPrefix, actionTypes, compactMenuWidth, createActions, createFullSelector, createRgba, createSelectors, expandedMenuWidth, iconDictionary, palettes, store_default as reducer, themes, useAddFilter, useClickOutside, useEvent, useFloatingButton, useLightBox, useModal, useStepper, useTabs, utils_default as utils, withReduxActions };

package/ui/utils/CheckDeviceWidth/checkDeviceWidth.js

@@ -1,66 +1,17 @@
-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 { useEffect, useState } from "react";
-var useCheckDeviceWidth = function useCheckDeviceWidth() {
-    var _useState = _sliced_to_array(useState(false), 2), isMobile = _useState[0], setIsMobile = _useState[1];
-    useEffect(function() {
-        var handleResize = function handleResize() {
-            if (window.innerWidth < 1024) {
-                setIsMobile === null || setIsMobile === void 0 ? void 0 : setIsMobile(true);
-            } else setIsMobile(false);
-        };
-        window.addEventListener("resize", handleResize);
-        handleResize();
-        return function() {
-            return window.removeEventListener("resize", handleResize);
-        };
-    }, []);
-    return {
-        isMobile: isMobile
-    };
+//#region packages/ui/utils/CheckDeviceWidth/checkDeviceWidth.ts
+const useCheckDeviceWidth = () => {
+	const [isMobile, setIsMobile] = useState(false);
+	useEffect(() => {
+		const handleResize = () => {
+			if (window.innerWidth < 1024) setIsMobile?.(true);
+			else setIsMobile(false);
+		};
+		window.addEventListener("resize", handleResize);
+		handleResize();
+		return () => window.removeEventListener("resize", handleResize);
+	}, []);
+	return { isMobile };
 };
+//#endregion
 export { useCheckDeviceWidth };

package/ui/utils/CreateRgba/createRgba.js

@@ -1,17 +1,12 @@
-import { themes } from "../../ThemeProvider";
-import getOr from "lodash/fp/getOr";
-var createRgba = function createRgba(color, alpha) {
-    color = getOr(false, "colors[".concat(color, "]"), themes.default) || color;
-    if (/^rgb/.test(color)) {
-        return "rgba(".concat(color.substring(color.indexOf("(") + 1, color.length - 1), ", ").concat(alpha, ")");
-    }
-    if (/^#/.test(color)) {
-        var r = parseInt("0x".concat(color.substr(1, 2)));
-        var g = parseInt("0x".concat(color.substr(3, 2)));
-        var b = parseInt("0x".concat(color.substr(5, 2)));
-        return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
-    }
-    return color;
+import themes from "../../ThemeProvider/themes/index.js";
+import "../../ThemeProvider/index.js";
+import getOr from "lodash/fp/getOr.js";
+//#region packages/ui/utils/CreateRgba/createRgba.ts
+const createRgba = (color, alpha) => {
+	color = getOr(false, `colors[${color}]`, themes.default) || color;
+	if (/^rgb/.test(color)) return `rgba(${color.substring(color.indexOf("(") + 1, color.length - 1)}, ${alpha})`;
+	if (/^#/.test(color)) return `rgba(${parseInt(`0x${color.substr(1, 2)}`)}, ${parseInt(`0x${color.substr(3, 2)}`)}, ${parseInt(`0x${color.substr(5, 2)}`)}, ${alpha})`;
+	return color;
 };
-var createRgba_default = createRgba;
-export { createRgba, createRgba_default as default };
+//#endregion
+export { createRgba, createRgba as default };

package/ui/utils/CreateRgba/types.js

@@ -0,0 +1 @@
+export {};

package/ui/utils/KeyPress/KeyPress.js

@@ -1,23 +1,16 @@
-import { useEffect, useCallback } from "react";
-var OnKeyPress = function OnKeyPress(param) {
-    var action = param.action, keyCode = param.keyCode;
-    var testKeyCode = useCallback(function(event) {
-        if (event.keyCode === keyCode) {
-            action();
-        }
-    }, [
-        keyCode,
-        action
-    ]);
-    useEffect(function() {
-        document.addEventListener("keydown", testKeyCode, false);
-        return function() {
-            document.removeEventListener("keydown", testKeyCode, false);
-        };
-    }, [
-        testKeyCode
-    ]);
-    return null;
+import { useCallback, useEffect } from "react";
+//#region packages/ui/utils/KeyPress/KeyPress.tsx
+const OnKeyPress = ({ action, keyCode }) => {
+	const testKeyCode = useCallback((event) => {
+		if (event.keyCode === keyCode) action();
+	}, [keyCode, action]);
+	useEffect(() => {
+		document.addEventListener("keydown", testKeyCode, false);
+		return () => {
+			document.removeEventListener("keydown", testKeyCode, false);
+		};
+	}, [testKeyCode]);
+	return null;
 };
-var KeyPress_default = OnKeyPress;
-export { KeyPress_default as default };
+//#endregion
+export { OnKeyPress as default };

package/ui/utils/KeyPress/index.js

@@ -1,3 +1,5 @@
-import KeyPress from "./KeyPress";
-var KeyPress_default = KeyPress;
+import OnKeyPress from "./KeyPress.js";
+//#region packages/ui/utils/KeyPress/index.ts
+var KeyPress_default = OnKeyPress;
+//#endregion
 export { KeyPress_default as default };

package/ui/utils/KeyPress/types.js

@@ -0,0 +1 @@
+export {};

package/ui/utils/LinguiContainer/index.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { i18n } from "@lingui/core";
 import { I18nProvider } from "@lingui/react";
+//#region packages/ui/utils/LinguiContainer/index.tsx
 i18n.activate("en");
-var LinguiContainer = function LinguiContainer(param) {
-    var children = param.children;
-    return /* @__PURE__ */ jsx(I18nProvider, {
-        i18n: i18n,
-        children: children
-    });
+const LinguiContainer = ({ children }) => {
+	return /* @__PURE__ */ jsx(I18nProvider, {
+		i18n,
+		children
+	});
 };
+//#endregion
 export { LinguiContainer };

package/ui/utils/index.js

@@ -1,7 +1,9 @@
-import createRgba from "./CreateRgba/createRgba";
-import KeyPress from "./KeyPress";
+import { createRgba } from "./CreateRgba/createRgba.js";
+import KeyPress_default from "./KeyPress/index.js";
+//#region packages/ui/utils/index.ts
 var utils_default = {
-    createRgba: createRgba,
-    KeyPress: KeyPress
+	createRgba,
+	KeyPress: KeyPress_default
 };
-export { KeyPress, createRgba, utils_default as default };
+//#endregion
+export { KeyPress_default as KeyPress, createRgba, utils_default as default };