@mailstep/design-system 0.8.41 → 0.8.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.41",
+  "version": "0.8.43",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

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

@@ -104,6 +104,7 @@ const GridModals = ({ manageColumnFormVisible, onCloseForm, resetColumnConfig, o
 				type: "text",
 				onChange: handleChangePresetName,
 				value: presetName,
+				maxLength: 40,
 				label: /* @__PURE__ */ jsx(Trans, {
 					id: "dataGrid.presetName.title",
 					message: "Preset name"

package/ui/Blocks/CommonGrid/hooks/useCreatePreset.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEvent } from 'react';
-import { Filtering, GridActionsType } from '../types';
+import { type ChangeEvent } from 'react';
+import { type Filtering, type GridActionsType } from '../types';
 type Props = {
     gridName?: string;
     filters?: Filtering;
@@ -15,5 +15,6 @@ type HookType = (props: Props) => {
     handleChangePresetName: (event: ChangeEvent<HTMLInputElement>) => void;
     handleCreatePreset: () => void;
 };
+export declare const maxPresetNameLength = 40;
 export declare const useCreatePreset: HookType;
 export {};

package/ui/Blocks/CommonGrid/hooks/useCreatePreset.js

@@ -3,11 +3,12 @@ import { useEvent } from "./useEvent.js";
 import { useCallback, useState } from "react";
 import isEmpty from "lodash/isEmpty";
 //#region packages/ui/Blocks/CommonGrid/hooks/useCreatePreset.ts
+const maxPresetNameLength = 40;
 const useCreatePreset = ({ gridName, filters, onClosePresetsModal, setSelectedPresetName, gridActions }) => {
 	const { isOpen: isCreatePresetModalOpen, onOpen: onOpenCreatePresetModal, onClose: onCloseCreatePresetModal } = useModal();
 	const [presetName, setPresetName] = useState("");
 	const handleChangePresetName = useCallback((event) => {
-		setPresetName(event.target.value);
+		setPresetName(event.target.value.slice(0, 40));
 	}, []);
 	return {
 		isCreatePresetModalOpen,
@@ -29,4 +30,4 @@ const useCreatePreset = ({ gridName, filters, onClosePresetsModal, setSelectedPr
 	};
 };
 //#endregion
-export { useCreatePreset };
+export { maxPresetNameLength, useCreatePreset };

package/ui/Elements/Icon/icons/Rabbit.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type SvgProps } from '../types';
+export declare const Rabbit: FC<SvgProps>;

package/ui/Elements/Icon/icons/Rabbit.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/Rabbit.tsx
+const Rabbit = (props) => /* @__PURE__ */ jsxs("svg", {
+	width: "20px",
+	height: "20px",
+	fill: "#7A90A1",
+	viewBox: "0 0 22 16",
+	stroke: "none",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("ellipse", {
+			cx: "6.4",
+			cy: "3.3",
+			rx: "1",
+			ry: "2.8",
+			transform: "rotate(-9 6.4 3.3)"
+		}),
+		/* @__PURE__ */ jsx("ellipse", {
+			cx: "9.4",
+			cy: "3.1",
+			rx: "1",
+			ry: "2.9",
+			transform: "rotate(6 9.4 3.1)"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "7.6",
+			cy: "9.6",
+			r: "3.1"
+		}),
+		/* @__PURE__ */ jsx("ellipse", {
+			cx: "12.8",
+			cy: "11.5",
+			rx: "3.4",
+			ry: "2.5"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "16.6",
+			cy: "10.2",
+			r: "1.2"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "7",
+			cy: "9.1",
+			r: "0.55",
+			fill: "#fff"
+		})
+	]
+});
+//#endregion
+export { Rabbit };

package/ui/Elements/Icon/icons/Snail.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from 'react';
+import { type SvgProps } from '../types';
+export declare const Snail: FC<SvgProps>;

package/ui/Elements/Icon/icons/Snail.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Elements/Icon/icons/Snail.tsx
+const Snail = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 122.88 99.9",
+	height: "16px",
+	width: "16px",
+	fill: "#7A90A1",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M122.39,24.91c1.59,5.2-1.12,5.21-2.15,7.44-1.21,2.64,0,18.26.47,24.14C125.34,112.63-.43,107.11,0,80.35c3.3.82,7.18,2.55,9.42.47,1.83-1.72,5.5-3.73,9.84-5.4A26,26,0,0,0,23.71,79a28.6,28.6,0,0,0,14.56,4.2,31.09,31.09,0,0,0,15-3.36A23.6,23.6,0,0,0,59,75.65c11.53,1.24,19.92.69,25.81-1.51,9-3.35,12.54-17.34,15.16-26.64,2.08-7.39.67-12.16.83-19.13.1-4.7,1.58-7.76,3.71-9.54L99.9,8.56A3.24,3.24,0,1,1,103.62,5a3.28,3.28,0,0,1-.54,2.22l4.52,10a11.33,11.33,0,0,1,5.92,0l2.26-11.49a3.18,3.18,0,0,1-1.17-2.12,3.24,3.24,0,1,1,4.62,2.53l0,.08-2.42,12.3a11.47,11.47,0,0,1,5.6,6.37ZM64,68.83c9.4.82,18.4-1.43,24.05-5.62-2-36.86-41-52.72-63.52-30.61C13.91,43,13.22,65.48,26.8,74.15c6.65,4.25,16.61,4.37,23.82.6a16.7,16.7,0,0,0,7.76-21.66c-5.58-12.48-25.73-13.23-24.67,4.6.53,2.53-3.54,3-4-.3a14.45,14.45,0,0,1,.24-7.06c6.41-20.46,42.6-14.88,34,18.5Zm47.33-45.25a2.57,2.57,0,1,1-2.57,2.57,2.57,2.57,0,0,1,2.57-2.57Z" })
+});
+//#endregion
+export { Snail };

package/ui/Elements/Icon/icons/index.d.ts

@@ -108,3 +108,5 @@ export { Toolbox } from './Toolbox';
 export { UserHeader } from './UserHeader';
 export { WarehouseShelves } from './WarehouseShelves';
 export { TickCircle } from './TickCircle';
+export { Rabbit } from './Rabbit';
+export { Snail } from './Snail';

package/ui/Elements/Icon/icons/index.js

@@ -109,6 +109,8 @@ import { Toolbox } from "./Toolbox.js";
 import { UserHeader } from "./UserHeader.js";
 import { WarehouseShelves } from "./WarehouseShelves.js";
 import { TickCircle } from "./TickCircle.js";
+import { Rabbit } from "./Rabbit.js";
+import { Snail } from "./Snail.js";
 //#region packages/ui/Elements/Icon/icons/index.ts
 var icons_exports = /* @__PURE__ */ __exportAll({
 	Add: () => Add,
@@ -194,6 +196,7 @@ var icons_exports = /* @__PURE__ */ __exportAll({
 	Profile: () => Profile,
 	Puzzle1: () => Puzzle1,
 	QRCode: () => QRCode,
+	Rabbit: () => Rabbit,
 	Rack: () => Rack,
 	Reject: () => Reject,
 	Reload: () => Reload,
@@ -203,6 +206,7 @@ var icons_exports = /* @__PURE__ */ __exportAll({
 	Share: () => Share,
 	ShieldUser: () => ShieldUser,
 	ShoppingBag: () => ShoppingBag,
+	Snail: () => Snail,
 	Sort: () => Sort,
 	Sun: () => Sun,
 	ThreeDots: () => ThreeDots,
@@ -223,4 +227,4 @@ var icons_exports = /* @__PURE__ */ __exportAll({
 	Weight: () => Weight
 });
 //#endregion
-export { Add, AddPhoto, Admin, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, Backspace, BanCircle, BarcodeScan, Box, Calculator, Calendar, Cancel, CheckedBox, CircleHalfStroke, CloudUpload, Company, Complaint, Consolidation, Container, DangerCircle, Dashboard, Desktop, Dispatch, Eco, EmptyRack, Exclamation, Expeditions, EyeOpen, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Key, Layers, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, NoImage, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reject, Reload, Return, Rows, Settings2, Share, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, TickCircle, ToastError, ToastSuccess, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, icons_exports };
+export { Add, AddPhoto, Admin, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, Backspace, BanCircle, BarcodeScan, Box, Calculator, Calendar, Cancel, CheckedBox, CircleHalfStroke, CloudUpload, Company, Complaint, Consolidation, Container, DangerCircle, Dashboard, Desktop, Dispatch, Eco, EmptyRack, Exclamation, Expeditions, EyeOpen, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Key, Layers, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, NoImage, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rabbit, Rack, Reject, Reload, Return, Rows, Settings2, Share, ShieldUser, ShoppingBag, Snail, Sort, Sun, ThreeDots, TickCircle, ToastError, ToastSuccess, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, icons_exports };

package/ui/Elements/Icon/index.js

@@ -108,9 +108,11 @@ import { Toolbox } from "./icons/Toolbox.js";
 import { UserHeader } from "./icons/UserHeader.js";
 import { WarehouseShelves } from "./icons/WarehouseShelves.js";
 import { TickCircle } from "./icons/TickCircle.js";
+import { Rabbit } from "./icons/Rabbit.js";
+import { Snail } from "./icons/Snail.js";
 import "./icons/index.js";
 import Icon, { iconDictionary } from "./Icon.js";
 //#region packages/ui/Elements/Icon/index.ts
 var Icon_default = Icon;
 //#endregion
-export { Add, AddPhoto, Admin, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, Backspace, BanCircle, BarcodeScan, Box, Calculator, Calendar, Cancel, CheckedBox, CircleHalfStroke, CloudUpload, Company, Complaint, Consolidation, Container, DangerCircle, Dashboard, Desktop, Dispatch, Eco, EmptyRack, Exclamation, Expeditions, EyeOpen, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, Icon, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Key, Layers, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, NoImage, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rack, Reject, Reload, Return, Rows, Settings2, Share, ShieldUser, ShoppingBag, Sort, Sun, ThreeDots, TickCircle, ToastError, ToastSuccess, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, Icon_default as default, iconDictionary };
+export { Add, AddPhoto, Admin, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, Backspace, BanCircle, BarcodeScan, Box, Calculator, Calendar, Cancel, CheckedBox, CircleHalfStroke, CloudUpload, Company, Complaint, Consolidation, Container, DangerCircle, Dashboard, Desktop, Dispatch, Eco, EmptyRack, Exclamation, Expeditions, EyeOpen, Filter, FlagCZ, FlagEL, FlagESP, FlagHU, FlagITA, FlagNL, FlagRUS, FlagSVK, FlagUK, FlagUSA, Foldable, Fragile, Gift, Group, HamburgerMenu, HelpCircle1, HorizontalLines, Icon, ImagePlaceholder, Income, Info, Integrations, Inventory, Inventory2, Key, Layers, Layout, Link, Liquid, Location, Logout1, MachinePackingForbidden, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Moon, NoImage, Notification2, OpenBox, Pallet, Plus1, Print, Product, Products, Profile, Puzzle1, QRCode, Rabbit, Rack, Reject, Reload, Return, Rows, Settings2, Share, ShieldUser, ShoppingBag, Snail, Sort, Sun, ThreeDots, TickCircle, ToastError, ToastSuccess, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, UserCowboy, UserHeader, Valuable, WarehouseShelves, Weight, Icon_default as default, iconDictionary };

package/ui/index.js

@@ -107,6 +107,8 @@ import { Toolbox } from "./Elements/Icon/icons/Toolbox.js";
 import { UserHeader } from "./Elements/Icon/icons/UserHeader.js";
 import { WarehouseShelves } from "./Elements/Icon/icons/WarehouseShelves.js";
 import { TickCircle } from "./Elements/Icon/icons/TickCircle.js";
+import { Rabbit } from "./Elements/Icon/icons/Rabbit.js";
+import { Snail } from "./Elements/Icon/icons/Snail.js";
 import { iconDictionary } from "./Elements/Icon/Icon.js";
 import Icon_default from "./Elements/Icon/index.js";
 import Pagination_default from "./Elements/Pagination/index.js";
@@ -195,4 +197,4 @@ 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, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, AsyncSelect_default as AsyncSelect, Avatar_default as Avatar, Backspace, Badge_default as Badge, BanCircle, BarcodeScan, BoolIconCell, BorderedBox_default as BorderedBox, Box, Button_default as Button, ButtonInCell, Calculator, Calendar, Cancel, Card_default as Card, Checkbox_default as Checkbox, CheckedBox, CircleHalfStroke, CloudUpload, CommonGrid_default as CommonGrid, Company, Complaint, Consolidation, Container, CornerDialog_default as CornerDialog, CustomSelectButton, DangerCircle, Dashboard, DateCell, DatePicker_default as DatePicker, DatePickerRepeat, DateTimeCell, Desktop, Dispatch, Dropdown_default as Dropdown, DropdownSelect_default as DropdownSelect, Eco, EmptyRack, EnumInCell, ErrorMessage_default as ErrorMessage, Exclamation, Expeditions, EyeOpen, 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, Key, KeyPress_default as KeyPress, Label_default as Label, LanguageSwitch_default as LanguageSwitch, Layers, 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, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Modal_default as Modal, Moon, NoImage, 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, Reject, Reload, RemoveCell, Return, RowActionsCell, Rows, Scheduler, Select_default as Select, Settings2, Share, 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, TickCircle, TimePickerRepeat, Toast_default as Toast, ToastError, ToastSuccess, Toggle_default as Toggle, ToggleCell, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, types_exports as Types, Typography_default as Typography, UserCowboy, UserHeader, Valuable, WarehouseShelves, 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 };
+export { Add, AddPhoto, Admin, Alert_default as Alert, ArrowDown, ArrowDownLine, ArrowForward, ArrowUp, ArrowUpRightDownLeft, ArrowsLeftRight, ArrowsUpDown, AsyncSelect_default as AsyncSelect, Avatar_default as Avatar, Backspace, Badge_default as Badge, BanCircle, BarcodeScan, BoolIconCell, BorderedBox_default as BorderedBox, Box, Button_default as Button, ButtonInCell, Calculator, Calendar, Cancel, Card_default as Card, Checkbox_default as Checkbox, CheckedBox, CircleHalfStroke, CloudUpload, CommonGrid_default as CommonGrid, Company, Complaint, Consolidation, Container, CornerDialog_default as CornerDialog, CustomSelectButton, DangerCircle, Dashboard, DateCell, DatePicker_default as DatePicker, DatePickerRepeat, DateTimeCell, Desktop, Dispatch, Dropdown_default as Dropdown, DropdownSelect_default as DropdownSelect, Eco, EmptyRack, EnumInCell, ErrorMessage_default as ErrorMessage, Exclamation, Expeditions, EyeOpen, 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, Key, KeyPress_default as KeyPress, Label_default as Label, LanguageSwitch_default as LanguageSwitch, Layers, 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, MailwrapLogo, MakePhoto, MenuItems, Message, MobileCancel, MobilePhone, Modal_default as Modal, Moon, NoImage, 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, Rabbit, Rack, RadioButton_default as RadioButton, Reject, Reload, RemoveCell, Return, RowActionsCell, Rows, Scheduler, Select_default as Select, Settings2, Share, ShieldUser, ShoppingBag, SideMenu_default as SideMenu, SimpleLink_default as SimpleLink, SingleSelect_default as SingleSelect, Snail, 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, TickCircle, TimePickerRepeat, Toast_default as Toast, ToastError, ToastSuccess, Toggle_default as Toggle, ToggleCell, Toolbox, Transfer, TrashBin, Truck, TwoBoxes, TwoCheckedBoxes, TwoUsers, types_exports as Types, Typography_default as Typography, UserCowboy, UserHeader, Valuable, WarehouseShelves, 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 };