@salutejs/plasma-sb-utils 0.241.0 → 0.241.1-dev.0

package/lib/components/Drawer/Drawer.d.ts

@@ -0,0 +1,246 @@
+import React from 'react';
+type CreateDrawerStoriesProps = {
+    component: any;
+    componentConfig: any;
+    additionalComponents: {
+        Button: React.ComponentType<any>;
+        DrawerContent: React.ComponentType<any>;
+        DrawerFooter: React.ComponentType<any>;
+        DrawerHeader: React.ComponentType<any>;
+        H2: React.ComponentType<any>;
+        H3: React.ComponentType<any>;
+        PopupProvider: React.ComponentType<any>;
+        SSRProvider: React.ComponentType<any>;
+    };
+    title?: string;
+    disablePropsList?: string[];
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+    frame?: string;
+    iconButtonColor?: string;
+};
+export declare const getDrawerStories: (config: CreateDrawerStoriesProps) => {
+    meta: {
+        title: string;
+        decorators: import("@storybook/react").Decorator[];
+        component: any;
+        args: {
+            view: string;
+            size: string;
+            placement: string;
+            withBlur: boolean;
+            closeOnEsc: boolean;
+            closeOnOverlayClick: boolean;
+            offsetX: number;
+            offsetY: number;
+            showHeader: boolean;
+            showFooter: boolean;
+            showActions: boolean;
+            hasClose: boolean;
+            asModal: boolean;
+            overlayProps: {
+                background: string;
+                top: string;
+                left: string;
+                width: string;
+                height: string;
+            };
+            closePlacement: string;
+            width: string;
+            height: string;
+            borderRadius: string;
+        };
+        argTypes: {
+            view: {
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            size: {
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            borderRadius: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            customBackgroundColor: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            customContentBackgroundColor: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            placement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: string;
+                    };
+                };
+            };
+            width: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            height: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            offsetX: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: number;
+                    };
+                };
+            };
+            offsetY: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: number;
+                    };
+                };
+            };
+            closeOnEsc: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: boolean;
+                    };
+                };
+            };
+            closeOnOverlayClick: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: boolean;
+                    };
+                };
+            };
+            withBlur: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: boolean;
+                    };
+                };
+            };
+            asModal: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            overlayProps: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            showHeader: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            showFooter: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            showActions: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            hasClose: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            closePlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                    defaultValue: {
+                        summary: string;
+                    };
+                };
+            };
+        };
+    };
+    Default: {
+        render: (args: any) => JSX.Element;
+    };
+};
+export {};

package/lib/components/Drawer/Drawer.js

@@ -0,0 +1,36 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { getConfigVariations } from '../../helpers';
+import { createMeta } from './meta';
+import { createDefaultStory } from './stories';
+export var getDrawerStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, additionalComponents = config.additionalComponents, frame = config.frame, iconButtonColor = config.iconButtonColor, rest = __rest(config, ["component", "componentConfig", "additionalComponents", "frame", "iconButtonColor"]);
+    var meta = createMeta(__assign({ component: component, componentConfig: getConfigVariations(componentConfig) }, rest));
+    var DefaultStoryComponent = createDefaultStory(component, additionalComponents, { frame: frame, iconButtonColor: iconButtonColor });
+    var Default = {
+        render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
+    };
+    return { meta: meta, Default: Default };
+};
+//# sourceMappingURL=Drawer.js.map

package/lib/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAuB/C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,MAAgC;IACrD,IAAA,SAAS,GAA6E,MAAM,UAAnF,EAAE,eAAe,GAA4D,MAAM,gBAAlE,EAAE,oBAAoB,GAAsC,MAAM,qBAA5C,EAAE,KAAK,GAA+B,MAAM,MAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAA9F,oFAAqF,CAAF,CAAY;IAErG,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,mBAAmB,CAAC,eAAe,CAAC,IAClD,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,oBAAoB,EAAE,EAAE,KAAK,OAAA,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAC;IAE9G,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,CAAC;AAC7B,CAAC,CAAC"}

package/lib/components/Drawer/fixtures.d.ts

@@ -0,0 +1,3 @@
+export declare const placements: string[];
+export declare const closePlacements: string[];
+export declare const borderRadiuses: string[];

package/lib/components/Drawer/fixtures.js

@@ -0,0 +1,4 @@
+export var placements = ['top', 'bottom', 'right', 'left'];
+export var closePlacements = ['right', 'left'];
+export var borderRadiuses = ['none', 'default'];
+//# sourceMappingURL=fixtures.js.map

package/lib/components/Drawer/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Drawer/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACjD,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC"}

package/lib/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/lib/components/Drawer/index.js

@@ -0,0 +1,2 @@
+export * from './Drawer';
+//# sourceMappingURL=index.js.map

package/lib/components/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/components/Drawer/meta.d.ts

@@ -0,0 +1,228 @@
+type CreateMetaProps = {
+    component: any;
+    componentConfig: any;
+    title?: string;
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+    disablePropsList?: string[];
+};
+export declare const createMeta: ({ component, componentConfig, title, defaultArgs, additionalArgTypes, disablePropsList, }: CreateMetaProps) => {
+    title: string;
+    decorators: import("@storybook/react").Decorator[];
+    component: any;
+    args: {
+        view: string;
+        size: string;
+        placement: string;
+        withBlur: boolean;
+        closeOnEsc: boolean;
+        closeOnOverlayClick: boolean;
+        offsetX: number;
+        offsetY: number;
+        showHeader: boolean;
+        showFooter: boolean;
+        showActions: boolean;
+        hasClose: boolean;
+        asModal: boolean;
+        overlayProps: {
+            background: string;
+            top: string;
+            left: string;
+            width: string;
+            height: string;
+        };
+        closePlacement: string;
+        width: string;
+        height: string;
+        borderRadius: string;
+    };
+    argTypes: {
+        view: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        size: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        borderRadius: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        customBackgroundColor: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        customContentBackgroundColor: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        placement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        height: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        offsetX: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        offsetY: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        closeOnEsc: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        closeOnOverlayClick: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        withBlur: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        asModal: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        overlayProps: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showHeader: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showFooter: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showActions: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hasClose: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        closePlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export {};

package/lib/components/Drawer/meta.js

@@ -0,0 +1,115 @@
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { disableProps, InSpacingDecorator } from '../../index';
+import { borderRadiuses, closePlacements, placements } from './fixtures';
+var commonDisabledArgs = [
+    'children',
+    'frame',
+    'isOpen',
+    'offset',
+    'onClose',
+    'onEscKeyDown',
+    'onOverlayClick',
+    'opened',
+    'overlay',
+];
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Overlay/Drawer' : _b, _c = _a.defaultArgs, defaultArgs = _c === void 0 ? {} : _c, _d = _a.additionalArgTypes, additionalArgTypes = _d === void 0 ? {} : _d, _e = _a.disablePropsList, disablePropsList = _e === void 0 ? [] : _e;
+    return ({
+        title: title,
+        decorators: [InSpacingDecorator],
+        component: component,
+        args: __assign({ view: 'default', size: 'm', placement: 'right', withBlur: false, closeOnEsc: true, closeOnOverlayClick: true, offsetX: 0, offsetY: 0, showHeader: true, showFooter: true, showActions: true, hasClose: true, asModal: true, overlayProps: {
+                background: '',
+                top: '0',
+                left: '0',
+                width: '100%',
+                height: '100%',
+            }, closePlacement: 'right', width: '50vw', height: '100dvh', borderRadius: 'none' }, defaultArgs),
+        argTypes: __assign(__assign({ view: {
+                options: componentConfig.views,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, size: {
+                options: componentConfig.sizes,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, borderRadius: {
+                options: borderRadiuses,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, customBackgroundColor: {
+                control: { type: 'color' },
+                table: { category: 'variation' },
+            }, customContentBackgroundColor: {
+                control: { type: 'color' },
+                table: { category: 'variation' },
+            }, placement: {
+                options: placements,
+                control: { type: 'select' },
+                table: { category: 'layout', defaultValue: { summary: 'right' } },
+            }, width: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            }, height: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            }, offsetX: {
+                control: { type: 'number' },
+                table: { category: 'layout', defaultValue: { summary: 0 } },
+            }, offsetY: {
+                control: { type: 'number' },
+                table: { category: 'layout', defaultValue: { summary: 0 } },
+            }, closeOnEsc: {
+                control: { type: 'boolean' },
+                table: { category: 'overlay', defaultValue: { summary: true } },
+            }, closeOnOverlayClick: {
+                control: { type: 'boolean' },
+                table: { category: 'overlay', defaultValue: { summary: true } },
+            }, withBlur: {
+                control: { type: 'boolean' },
+                table: { category: 'overlay', defaultValue: { summary: false } },
+            }, asModal: {
+                control: { type: 'boolean' },
+                table: { category: 'overlay' },
+            }, overlayProps: {
+                control: { type: 'object' },
+                table: { category: 'overlay' },
+            }, showHeader: {
+                control: { type: 'boolean' },
+                table: { category: 'story' },
+            }, showFooter: {
+                control: { type: 'boolean' },
+                table: { category: 'story' },
+            }, showActions: {
+                control: { type: 'boolean' },
+                table: { category: 'story' },
+            }, hasClose: {
+                control: { type: 'boolean' },
+                table: { category: 'story' },
+            }, closePlacement: {
+                options: closePlacements,
+                control: { type: 'select' },
+                table: { category: 'story', defaultValue: { summary: 'right' } },
+            } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
+    });
+};
+//# sourceMappingURL=meta.js.map

package/lib/components/Drawer/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Drawer/meta.ts"],"names":[],"mappings":"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"}

package/lib/components/Drawer/stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type Components = {
+    Button: React.ComponentType<any>;
+    DrawerContent: React.ComponentType<any>;
+    DrawerFooter: React.ComponentType<any>;
+    DrawerHeader: React.ComponentType<any>;
+    H2: React.ComponentType<any>;
+    H3: React.ComponentType<any>;
+    PopupProvider: React.ComponentType<any>;
+    SSRProvider: React.ComponentType<any>;
+};
+type StoryConfig = {
+    frame?: string;
+    iconButtonColor?: string;
+};
+export declare const createDefaultStory: (Drawer: React.ComponentType<any>, { Button, DrawerContent, DrawerFooter, DrawerHeader, H2, H3, PopupProvider, SSRProvider }: Components, { frame, iconButtonColor }?: StoryConfig) => ({ showHeader, showFooter, showActions, hasClose, closePlacement, offsetX, offsetY, ...rest }: any) => JSX.Element;
+export {};