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

package/ui/Blocks/Header/stories/Header.stories.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Header } from '../';
-import { LinguiContainer } from '../../../utils/LinguiContainer';
-var meta = {
-    title: 'Blocks/Header',
-    component: Header,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-var user = {
-    firstName: 'John',
-    lastName: 'Black',
-    roles: ['ADMIN']
-};
-var menuItems = [
-    {
-        id: 'aboutUs',
-        title: 'About us',
-        link: 'http://mailstep.com'
-    },
-    {
-        id: 'trackingPage',
-        title: 'Tracking package',
-        link: 'http://mailstep.com/tracking'
-    },
-    {
-        id: 'customerService',
-        title: 'Customer service',
-        link: 'http://mailstep.com/cc'
-    }
-];
-export default meta;
-export var HeaderBasic = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black" }) })); };
-export var HeaderWithUser = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", hasUserMenu: true, user: user }) })); };
-export var HeaderWithRightLinks = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", rightMenuItems: menuItems }) })); };
-export var HeaderWithLanguageSwitch = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", currentLanguage: "cs" }) })); };
-export var HeaderWithCustomLogo = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "//google.com", logoSrc: "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png", logoSrcWidth: "100px" }) })); };
-export var HeaderWithAllItems = function () {
-    var _a = useState(false), isMobileMenuOpen = _a[0], setIsMobileMenuOpen = _a[1];
-    return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", currentLanguage: "cs", rightMenuItems: menuItems, hasUserMenu: true, user: user, showLanguageWithTitle: true, isMobileMenuOpen: isMobileMenuOpen, languageFlagWrapBackgroundColor: "pink", onOpenMobileSideMenu: function () {
-                setIsMobileMenuOpen(function (state) { return !state; });
-            } }) }));
-};

package/ui/Blocks/ImageList/stories/ImageList.stories.js

@@ -1,63 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { ImageList } from '../ImageList';
-var meta = {
-    title: 'Blocks/ImageList',
-    component: ImageList,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-var images = [
-    { id: '1', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/200/300' },
-    { id: '2', smallUrl: 'https://picsum.photos/200/400', url: 'https://picsum.photos/200/400' },
-    { id: '3', smallUrl: 'https://picsum.photos/200/500', url: 'https://picsum.photos/200/500' },
-    { id: '4', smallUrl: 'https://picsum.photos/200/700', url: 'https://picsum.photos/200/700' },
-    { id: '5', smallUrl: 'https://picsum.photos/200/800', url: 'https://picsum.photos/200/800' },
-    { id: '6', smallUrl: 'https://picsum.photos/100/300', url: 'https://picsum.photos/100/300' },
-    { id: '7', smallUrl: 'https://picsum.photos/100/400', url: 'https://picsum.photos/100/400' },
-    { id: '8', smallUrl: 'https://picsum.photos/100/500', url: 'https://picsum.photos/100/500' },
-];
-export var ImageListDefault = {
-    args: {
-        images: images,
-        isDisabled: false,
-        onImageRemove: function (id) { return function () { return null; }; }
-    },
-};
-export var ImageListDisabled = {
-    args: {
-        images: images,
-        isDisabled: true,
-    },
-};
-export var ImageListWithItemDescription = {
-    args: {
-        images: images.map(function (img) { return (__assign(__assign({}, img), { label: 'Lorem Ipsum', date: '24.12.2024', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur explicabo harum' })); }),
-    },
-};
-export var ImageListSelectable = {
-    args: {
-        images: images,
-        selectable: true,
-    },
-};
-export var ImageListLimited = {
-    args: {
-        images: [
-            { id: '1', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/200/300' },
-            { id: '2', smallUrl: 'https://picsum.photos/200/400', url: 'https://picsum.photos/200/400' },
-        ],
-        selectable: true,
-        max: 1,
-    },
-};

package/ui/Blocks/LanguageSwitch/stories/LanguageSwith.stories.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import LanguageSwitch from '../';
-import { FlagCZ, FlagUSA } from '../../../Elements/Icon';
-var languageItems = [
-    {
-        languageCode: 'cs',
-        icon: _jsx(FlagCZ, {}),
-        title: 'Česky'
-    },
-    {
-        languageCode: 'en',
-        icon: _jsx(FlagUSA, {}),
-        title: 'English'
-    }
-];
-var meta = {
-    title: 'Blocks/LanguageSwitch',
-    component: LanguageSwitch,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Default = {
-    args: {
-        languageItems: languageItems,
-        activeLanguage: 'en',
-        onLanguageChange: function (languageCode) {
-            console.log('Language changed:', languageCode);
-        }
-    }
-};

package/ui/Blocks/LightBox/stories/LightBox.stories.js

@@ -1,21 +0,0 @@
-import { LightBox } from '../LightBox';
-var meta = {
-    title: 'Blocks/LightBox',
-    component: LightBox,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-var images = [
-    { id: '1', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400', date: '1.12.2024', description: 'Lorem ipsum' },
-    { id: '2', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400', description: 'Lorem ipsum' },
-    { id: '3', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400', date: '1.12.2024' },
-    { id: '3', smallUrl: 'https://picsum.photos/200/300', url: 'https://picsum.photos/400/400' },
-];
-export var LightBoxDefault = {
-    args: {
-        images: images,
-        isLightBoxOpen: true,
-        onCloseLightBox: console.log
-    },
-};

package/ui/Blocks/LoginPage/stories/LoginPage.stories.js

@@ -1,113 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import LoginPage from '../';
-import { FlagCZ, FlagUSA } from '../../../Elements/Icon';
-import { LinguiContainer } from '../../../utils/LinguiContainer';
-var languageItems = [
-    {
-        languageCode: 'cs',
-        icon: _jsx(FlagCZ, {}),
-        title: 'Česky'
-    },
-    {
-        languageCode: 'en',
-        icon: _jsx(FlagUSA, {}),
-        title: 'English'
-    }
-];
-var distributionCenterOptions = [
-    { value: 'PRG1', label: 'PRG1' },
-    { value: 'ATH1', label: 'ATH1' },
-    { value: 'MLN1', label: 'MLN1' }
-];
-var meta = {
-    title: 'Blocks/LoginPage',
-    tags: ['autodocs']
-};
-export default meta;
-export var Default = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(LoginPage, { onSubmit: function (data) { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    console.log('Login data:', data);
-                    return [2 /*return*/];
-                });
-            }); }, isSubmitting: false, isSubmitDisabled: false, activeLanguage: "en", version: "1.0.0", onLanguageChange: function (language) {
-                console.log('Language changed:', language);
-            }, brand: "mailship", brandVariant: "s", admin: true, languageItems: languageItems }) }));
-};
-export var WithDistributionCenterSelect = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(LoginPage, { onSubmit: function (data) { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    console.log('Login data:', data);
-                    return [2 /*return*/];
-                });
-            }); }, isSubmitting: false, activeLanguage: "en", version: "1.0.0", onLanguageChange: function (language) {
-                console.log('Language changed:', language);
-            }, brand: "mailship", brandVariant: "s", languageItems: languageItems, distributionCenterOptions: distributionCenterOptions, onChangeDistributionCenter: function (dcId) {
-                console.log('onChangeDistributionCenter:', dcId);
-            }, selectedDistributionCenter: "PRG1", withDistributionCenterSelect: true }) }));
-};
-export var WithBackgroundImage = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(LoginPage, { onSubmit: function (data) { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    console.log('Login data:', data);
-                    return [2 /*return*/];
-                });
-            }); }, isSubmitting: false, isSubmitDisabled: false, activeLanguage: "en", version: "1.0.0", onLanguageChange: function (language) {
-                console.log('Language changed:', language);
-            }, brand: "mailship", brandVariant: "s", languageItems: languageItems, backgroundImage: "mailship" }) }));
-};
-export var WarehouseBrand = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(LoginPage, { onSubmit: function (data) { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    console.log('Login data:', data);
-                    return [2 /*return*/];
-                });
-            }); }, isSubmitting: false, isSubmitDisabled: false, activeLanguage: "en", version: "1.0.0", onLanguageChange: function (language) {
-                console.log('Language changed:', language);
-            }, brand: "warehouse", brandVariant: "m", languageItems: languageItems, hasSupport: false, hasSocialLinks: false }) }));
-};
-export var WarehouseBrandWithAccessKey = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(LoginPage, { onSubmit: function (data) { return __awaiter(void 0, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    alert("submit");
-                    console.log('Login data:', data);
-                    return [2 /*return*/];
-                });
-            }); }, isSubmitting: false, isSubmitDisabled: false, activeLanguage: "en", version: "1.0.0", onLanguageChange: console.log, brand: "warehouse", brandVariant: "m", languageItems: languageItems, hasSupport: false, hasSocialLinks: false, withPassword: false, loginLabel: "Access Key" }) }));
-};

package/ui/Blocks/Modal/stories/Modal.stories.js

@@ -1,168 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import Modal from '../';
-var meta = {
-    title: 'Blocks/Modal',
-    component: Modal,
-    tags: ['autodocs'],
-    argTypes: {},
-};
-export default meta;
-export var Default = {
-    args: {
-        title: 'Modal default version',
-        children: _jsx(_Fragment, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum id eros ac consequat." }),
-        variant: 'default',
-    },
-};
-export var Compact = {
-    args: {
-        title: 'Modal title',
-        children: _jsx(_Fragment, { children: "Modal compact version" }),
-        variant: 'compact',
-    },
-};
-export var MobileFullscreen = {
-    args: {
-        children: _jsx(_Fragment, { children: "Mobile full screen version without title" }),
-        variant: 'mobileFullscreen',
-    },
-};
-export var ModalTopPosition = {
-    args: {
-        title: 'Modal default version',
-        children: _jsx(_Fragment, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum id eros ac consequat." }),
-        variant: 'default',
-        top: '0',
-    },
-};
-export var ModalWithCloseAndConfirmBtns = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with narrow width" }),
-        title: 'Modal title',
-        width: 'narrow',
-        withCloseIcon: true,
-        onCancel: function () { return console.log('Cancel'); },
-        onConfirm: function () { return console.log('Confirm'); },
-        onExtraAction: undefined,
-    },
-};
-export var ModalWithoutCloseButton = {
-    args: {
-        title: 'Note',
-        children: (_jsx(_Fragment, { children: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur explicabo harum, inventore natus qui repellendus suscipit vitae. Alias aliquam earum et ipsa labore, laboriosam maxime numquam odio recusandae, repellat, voluptas." })),
-        width: 'narrow',
-        withCloseIcon: false,
-        onClose: function () { return console.log('Close'); },
-        onConfirm: undefined,
-    },
-};
-export var ModalWithIconInTitle = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with icon" }),
-        title: 'Modal title',
-        width: 'narrow',
-        titleIcon: 'info',
-    },
-};
-export var ModalLoading = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with loading" }),
-        title: 'Modal title',
-        width: 'narrow',
-        isLoading: true,
-    },
-};
-export var ModalWithCustomBackground = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with white background" }),
-        title: 'Modal title',
-        width: 'narrow',
-        background: 'blue',
-    },
-};
-export var ModalWithoutHeader = {
-    args: {
-        children: _jsx(_Fragment, { children: "This is content of the Modal without header" }),
-        title: 'Modal title',
-        width: 'narrow',
-        hasHeader: false,
-    },
-};
-export var ModalWithoutFooter = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal without footer" }),
-        title: 'Modal title',
-        width: 'narrow',
-        hasFooter: false,
-        onClose: function () { return console.log('Close'); },
-    },
-};
-export var ModalWithoutHeaderAndFooter = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal without header and footer" }),
-        title: 'Modal title',
-        width: 'narrow',
-        hasHeader: false,
-        hasFooter: false,
-        onClose: function () { return console.log('Close'); },
-    },
-};
-export var ModalWithCustomLabels = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with custom labels" }),
-        title: 'Modal title',
-        width: 'narrow',
-        onClose: function () { return console.log('Close'); },
-        onConfirm: function () { return console.log('Submit'); },
-        confirmLabel: 'Custom confirm',
-        cancelLabel: 'Custom cancel',
-    },
-};
-export var ModalWideWidth = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with wide width" }),
-        title: 'Modal title',
-        width: 'wide',
-    },
-};
-export var ModalMediumLargeWidth = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with mediumLarge width" }),
-        title: 'Modal title',
-        width: 'mediumLarge',
-    },
-};
-export var ModalMediumWidth = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with medium width" }),
-        title: 'Modal title',
-        width: 'medium',
-    },
-};
-export var ModalAutoWidth = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with auto width" }),
-        title: 'Modal title',
-        width: 'auto',
-    },
-};
-export var ModalWithDisabledConfirm = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with disabled confirm" }),
-        title: 'Modal title',
-        width: 'narrow',
-        onClose: function () { return console.log('Close'); },
-        onConfirm: function () { return console.log('Submit'); },
-        isConfirmDisabled: true,
-    },
-};
-export var ModalWithCustomOverlayColor = {
-    args: {
-        children: _jsx(_Fragment, { children: "Modal with custom overlay color" }),
-        title: 'Modal title',
-        width: 'narrow',
-        onClose: function () { return console.log('Close Modal with custom overlay color'); },
-        onConfirm: function () { return console.log('Submit'); },
-        overlayColor: 'red1',
-    },
-};

package/ui/Blocks/Scheduler/stories/Scheduler.stories.js

@@ -1,114 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pallet } from '../../../Elements/Icon';
-import { LinguiContainer } from '../../../utils/LinguiContainer';
-import { Scheduler } from '../Scheduler';
-import { x } from '@xstyled/styled-components';
-var groups = [
-    { id: 'group1', name: 'Inbound DEA', color: '#DCEFFF' },
-    { id: 'group2', name: 'Aktin', color: '#FFEBE6' },
-    { id: 'group3', name: 'Top4Sport', color: '#F0EDFF' },
-    { id: 'group4', name: 'Wendys', color: '#DEFBE6' }
-];
-var activeHours = {
-    start: '07:00',
-    end: '19:00'
-};
-var timeSlots = [
-    {
-        id: '1',
-        from: '2025-02-06T07:30:00Z',
-        to: '2025-02-06T08:00:00Z',
-        groupId: 'group1',
-        count: 2,
-        organisation: 'Deagostiny',
-        carrier: 'Česká pošta'
-    },
-    {
-        id: '2',
-        from: '2025-02-06T14:35:00Z',
-        to: '2025-02-06T16:30:00Z',
-        groupId: 'group1',
-        count: 5,
-        organisation: 'Wendys',
-        carrier: 'Česká pošta'
-    },
-    {
-        id: '3',
-        from: '2025-02-06T09:40:00Z',
-        to: '2025-02-06T11:45:00Z',
-        groupId: 'group2',
-        count: 1,
-        organisation: 'Deagostiny',
-        carrier: 'Česká pošta'
-    },
-    {
-        id: '4',
-        from: '2025-02-06T12:05:00Z',
-        to: '2025-02-06T15:30:00Z',
-        groupId: 'group2',
-        count: 2,
-        organisation: 'Top4Sport',
-        carrier: 'Česká pošta'
-    },
-    {
-        id: '5',
-        from: '2025-02-06T08:15:00Z',
-        to: '2025-02-06T09:45:00Z',
-        groupId: 'group3',
-        count: 2,
-        organisation: 'Aktin',
-        carrier: 'Česká pošta'
-    },
-    {
-        id: '6',
-        from: '2025-02-06T11:30:00Z',
-        to: '2025-02-06T13:15:00Z',
-        groupId: 'group3',
-        count: 2,
-        organisation: 'Wendys',
-        carrier: 'DPL'
-    },
-    {
-        id: '7',
-        from: '2025-02-06T07:30:00Z',
-        to: '2025-02-06T09:15:00Z',
-        groupId: 'group4',
-        count: 2,
-        organisation: 'Top4Sport',
-        carrier: 'DPL'
-    },
-    {
-        id: '8',
-        from: '2025-02-06T09:30:00Z',
-        to: '2025-02-06T11:30:00Z',
-        groupId: 'group4',
-        count: 2,
-        organisation: 'Aktin',
-        carrier: 'DPL'
-    },
-    {
-        id: '9',
-        from: '2025-02-06T13:30:00Z',
-        to: '2025-02-06T15:00:00Z',
-        groupId: 'group4',
-        count: 2,
-        organisation: 'Wendys',
-        carrier: 'DPL'
-    }
-];
-var timeSlotDefinitions = {
-    count: 'count',
-    icon: _jsx(Pallet, { height: "22px", width: "22px" }),
-    data: ['organisation', 'carrier']
-};
-var handleSelectTimeSlot = function (data) {
-    console.log(data);
-};
-var meta = {
-    title: 'Blocks/Scheduler',
-    tags: ['autodocs']
-};
-export default meta;
-export var Default = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(x.div, { display: "flex", h: "700px", overflow: "hidden", children: _jsx(Scheduler, { groups: groups, activeHours: activeHours, data: timeSlots, handleSelectTimeSlot: handleSelectTimeSlot, timeSlotDefinitions: timeSlotDefinitions }) }) }));
-};

package/ui/Blocks/SideMenu/stories/SideMenu.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SideMenu from '../';
-import { menuItems } from './menuItems';
-import { LinguiContainer } from '../../../utils/LinguiContainer';
-var meta = {
-    title: 'Blocks/SideMenu',
-    component: SideMenu,
-    tags: ['autodocs'],
-    argTypes: {}
-};
-export default meta;
-export var Dark = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(SideMenu, { variant: "dark", isCompact: false, menuItems: menuItems }) }));
-};
-export var DarkCompact = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(SideMenu, { variant: "dark", isCompact: true, menuItems: menuItems }) }));
-};
-export var Light = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(SideMenu, { variant: "light", isCompact: false, menuItems: menuItems }) }));
-};
-export var LightCompact = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(SideMenu, { variant: "light", isCompact: true, menuItems: menuItems }) }));
-};

package/ui/Blocks/Stepper/stories/Stepper.stories.js

@@ -1,86 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Stepper from '../';
-import Button from '../../../Elements/Button/Button';
-import { LinguiContainer } from '../../../utils/LinguiContainer';
-import { useStepper } from '../hooks/useStepper';
-var items = [
-    {
-        title: 'Scan product or package',
-        component: function (_a) {
-            var handleGoToNextStep = _a.handleGoToNextStep;
-            return (_jsxs("div", { children: ["Scan product ", _jsx(Button, { onClick: handleGoToNextStep, children: "Go next" })] }));
-        }
-    },
-    {
-        title: 'Measurement',
-        component: function (_a) {
-            var handleGoToNextStep = _a.handleGoToNextStep;
-            return (_jsxs("div", { children: ["Measurement page ", _jsx(Button, { onClick: handleGoToNextStep, children: "Go next" })] }));
-        }
-    },
-    {
-        title: 'Logistic info',
-        component: function (_a) {
-            var handleGoToNextStep = _a.handleGoToNextStep;
-            return (_jsxs("div", { children: ["Logistic info ", _jsx(Button, { onClick: handleGoToNextStep, children: "Go next" })] }));
-        }
-    },
-    {
-        title: 'Color',
-        component: function (_a) {
-            var handleGoToNextStep = _a.handleGoToNextStep;
-            return (_jsxs("div", { children: ["Select color ", _jsx(Button, { onClick: handleGoToNextStep, children: "Finish" })] }));
-        }
-    }
-];
-var iconItems = [
-    {
-        title: 'Order created',
-        icon: 'peopleCarry',
-        completed: true
-    },
-    {
-        title: 'Processed in stock',
-        icon: 'boxRamp',
-    },
-    {
-        title: 'Log Processed in stock',
-        icon: 'flatBox'
-    },
-    {
-        title: 'PPL parcelshop',
-        icon: 'truck'
-    },
-    {
-        title: 'Delivered',
-        icon: 'circleCheck'
-    }
-];
-var completedItems = items.map(function (item) { return (__assign(__assign({}, item), { completed: true })); });
-var meta = {
-    title: 'Blocks/Stepper',
-    tags: ['autodocs']
-};
-export default meta;
-export var Default = function () {
-    var _a = useStepper({ totalSteps: items.length }), activeStep = _a.activeStep, handleChangeStep = _a.handleChangeStep, handleGoToNextStep = _a.handleGoToNextStep;
-    return (_jsx(LinguiContainer, { children: _jsx(Stepper, { items: items, activeStep: activeStep, handleChangeStep: handleChangeStep, handleGoToNextStep: handleGoToNextStep }) }));
-};
-export var WithIcons = function () {
-    return (_jsx(LinguiContainer, { children: _jsx(Stepper, { items: iconItems, activeStep: 1, hasStepNumbering: false }) }));
-};
-export var AllStepsCompleted = function () {
-    var _a = useStepper({ totalSteps: completedItems.length }), activeStep = _a.activeStep, handleChangeStep = _a.handleChangeStep, handleGoToNextStep = _a.handleGoToNextStep;
-    return (_jsx(LinguiContainer, { children: _jsx(Stepper, { items: completedItems, activeStep: activeStep, handleChangeStep: handleChangeStep, handleGoToNextStep: handleGoToNextStep }) }));
-};