@mailstep/design-system 0.8.26 → 0.8.27

package/ui/index.js

@@ -0,0 +1,94 @@
+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 };

package/ui/utils/CheckDeviceWidth/checkDeviceWidth.js

@@ -0,0 +1,66 @@
+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
+    };
+};
+export { useCheckDeviceWidth };

package/ui/utils/CreateRgba/createRgba.d.ts

@@ -1,4 +1,3 @@
 import { CreateRgba } from './types';
-
 export declare const createRgba: CreateRgba;
 export default createRgba;

package/ui/utils/CreateRgba/createRgba.js

@@ -0,0 +1,17 @@
+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;
+};
+var createRgba_default = createRgba;
+export { createRgba, createRgba_default as default };

package/ui/utils/KeyPress/KeyPress.d.ts

@@ -1,4 +1,3 @@
 import { KeyPress } from './types';
-
 declare const OnKeyPress: KeyPress;
 export default OnKeyPress;

package/ui/utils/KeyPress/KeyPress.js

@@ -0,0 +1,23 @@
+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;
+};
+var KeyPress_default = OnKeyPress;
+export { KeyPress_default as default };

package/ui/utils/KeyPress/KeyPress.stories.d.ts

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

package/ui/utils/KeyPress/index.d.ts

@@ -1,3 +1,2 @@
-import { default as KeyPress } from './KeyPress';
-
+import KeyPress from './KeyPress';
 export default KeyPress;

package/ui/utils/KeyPress/index.js

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

package/ui/utils/LinguiContainer/index.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { i18n } from "@lingui/core";
+import { I18nProvider } from "@lingui/react";
+i18n.activate("en");
+var LinguiContainer = function LinguiContainer(param) {
+    var children = param.children;
+    return /* @__PURE__ */ jsx(I18nProvider, {
+        i18n: i18n,
+        children: children
+    });
+};
+export { LinguiContainer };

package/ui/utils/index.d.js

@@ -0,0 +1,3 @@
+import { KeyPress } from "./KeyPress/types";
+var index_d_default = Utils;
+export { KeyPress, index_d_default as default };

package/ui/utils/index.d.ts

@@ -1,9 +1,8 @@
-import { default as createRgba } from './CreateRgba/createRgba';
-import { default as KeyPress } from './KeyPress';
-
+import createRgba from './CreateRgba/createRgba';
+import KeyPress from './KeyPress';
 export { createRgba, KeyPress };
 declare const _default: {
-    createRgba: import('./CreateRgba/types').CreateRgba;
-    KeyPress: import('./KeyPress/types').KeyPress;
+    createRgba: import("./CreateRgba/types").CreateRgba;
+    KeyPress: import("./KeyPress/types").KeyPress;
 };
 export default _default;

package/ui/utils/index.js

@@ -0,0 +1,7 @@
+import createRgba from "./CreateRgba/createRgba";
+import KeyPress from "./KeyPress";
+var utils_default = {
+    createRgba: createRgba,
+    KeyPress: KeyPress
+};
+export { KeyPress, createRgba, utils_default as default };

package/ui/utils/translations.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
-
+import type { FC } from 'react';
 /** catalog for lungui to track translations - DO NOT REMOVE */
 export declare const Translations: FC;

package/ui/utils/translations.js

@@ -0,0 +1,337 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Trans } from "@lingui/react";
+var Translations = function Translations() {
+    return /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.filterCell.time",
+                message: "Time"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.status.loadingData",
+                message: "... loading data ..."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.status.noDataFound",
+                message: "No data found."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.buttonClearConfig",
+                message: "Reset config"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.buttonGridConfig",
+                message: "Configure columns"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.config.title",
+                message: "Configure columns"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.config.buttonReset",
+                message: "Reset all"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.resultsPerPage",
+                message: "Results per page"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "manageColumn.title",
+                message: "Manage column"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.buttonClearSettings",
+                message: "Reset"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.sortingTerminatedAppeal",
+                message: "Too many results please set a filter"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.sortingTerminated",
+                message: "Too many results sorting cannot be used"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.buttonCancel",
+                message: "Cancel"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.buttonConfirm",
+                message: "Confirm"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.actionOptions.createNew",
+                message: "Create new"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.buttonImport",
+                message: "Import"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.actionOptions.export",
+                message: "Export"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.buttonConfirm",
+                message: "Confirm"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.actionOptions.createNew",
+                message: "Create new"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.checkAll",
+                message: "Check all"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "datagrid.filterCell.selectAllLabel",
+                message: "select all"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "datagrid.filterCell.optionsSelectedLabel",
+                message: "{count} options"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.deleteItem",
+                message: "Delete"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.columnLot.NA",
+                message: "N/A"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.buttonActions",
+                message: "Actions"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.errors.ipValidationError",
+                message: "Value is not valid ip"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.columnActive.filterOptions.all",
+                message: "All"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.columnActive.filterOptions.yes",
+                message: "Yes"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.columnActive.filterOptions.no",
+                message: "No"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.checkedRowsCount",
+                message: "Selected {checkedRowsCount} items"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.filterCell",
+                message: "Type to filter"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.filterCell.from",
+                message: "From"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.filterCell.to",
+                message: "To"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "manageColumn.searchPlaceholder",
+                message: "Find column..."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.equals",
+                message: "Equals"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.notEquals",
+                message: "Not equal"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.lessThan",
+                message: "Less than"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.lessThanOrEquals",
+                message: "Less than or equals"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.greaterThan",
+                message: "Greater than"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.greaterThanOrEquals",
+                message: "Greater than or equal"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.contains",
+                message: "Contains"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.notContains",
+                message: "Not contains"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.startsWith",
+                message: "Starts with'"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.comparator.endsWith",
+                message: "Ends with"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "select.noOptions",
+                message: "no options"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "components.dropdown.loading",
+                message: "Loading..."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "components.dropdown.placeholder",
+                message: "Select..."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "components.dropdown.notReact",
+                message: "Select related values first..."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "components.dropdown.writeMoreChars",
+                message: "Write at least ${asyncLoadMinChars} characters."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "components.dropdown.noOptions",
+                message: "No options"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "components.dropdown.newOption",
+                message: "new value"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.general.min2Chars",
+                message: "Minimal length is 2 characters."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "controlButtons.searchPlaceholder",
+                message: "Search ${translatedValue} ..."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.everyToday",
+                message: "Every today"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.everyYesterday",
+                message: "Every yesterday"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.timepicker.from",
+                message: "from"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.timepicker.to",
+                message: "to"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.timepicker.at",
+                message: "at"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.repeat",
+                message: "Repeat"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.noRepeat",
+                message: "No repeat"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.filter",
+                message: "Filter"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.sort",
+                message: "Sort"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.presets.title",
+                message: "Presets"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.presetName.title",
+                message: "Preset name"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.deletePreset.title",
+                message: "Delete preset"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.deletePreset.confirm",
+                message: "Are you sure you want to delete preset"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.noPresets.title",
+                message: "No presets available"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.exportPreset.title",
+                message: "Export presets"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.importPreset.title",
+                message: "Import presets"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.createNewPreset.title",
+                message: "Create new preset"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.importPresets.gridNameNotSame",
+                message: "Grid name in file is not the same as current grid."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "dataGrid.importPresets.error",
+                message: "Error with importing files."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "card.entrustLogisticsEshopProfessionals",
+                message: "Entrust the logistics of your e-shop to professionals."
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.heading.support",
+                message: "Support:"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "requiredField",
+                message: "Required field"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.login.label",
+                message: "Login"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.password.label",
+                message: "Password"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.distributionCenter.label",
+                message: "Distribution center"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "form.buttonSignIn",
+                message: "Sign in"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "footer.collapse",
+                message: "Collapse"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "step",
+                message: "Step"
+            }),
+            /* @__PURE__ */ jsx(Trans, {
+                id: "logout",
+                message: "Logout"
+            })
+        ]
+    });
+};
+export { Translations };