@salutejs/plasma-sb-utils 0.226.1-next-sbcom.0 → 0.227.0-dev.0

package/lib/components/Popover/Popover.js

@@ -0,0 +1,50 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled from 'styled-components';
+import { getConfigVariations } from '../../helpers';
+import { createMeta } from './meta';
+import { createDefaultStory, createResizableStory, resizableStoryArgs, resizableStoryArgTypes } from './stories';
+export var getPopoverStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, additionalComponents = config.additionalComponents, rest = __rest(config, ["component", "componentConfig", "additionalComponents"]);
+    var Button = additionalComponents.Button;
+    var meta = createMeta(__assign({ component: component, componentConfig: getConfigVariations(componentConfig) }, rest));
+    var StyledPopover = styled(component)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        .popover-arrow::before {\n            background: var(--surface-solid-tertiary);\n        }\n    "], ["\n        .popover-arrow::before {\n            background: var(--surface-solid-tertiary);\n        }\n    "])));
+    var DefaultStoryComponent = createDefaultStory(StyledPopover, { Button: Button });
+    var ResizableStoryComponent = createResizableStory(StyledPopover, { Button: Button });
+    var Default = {
+        render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
+    };
+    var Resizable = {
+        argTypes: resizableStoryArgTypes,
+        args: resizableStoryArgs,
+        render: function (args) { return React.createElement(ResizableStoryComponent, __assign({}, args)); },
+    };
+    return { meta: meta, Default: Default, Resizable: Resizable };
+};
+var templateObject_1;
+//# sourceMappingURL=Popover.js.map

package/lib/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAcjH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,MAAiC;IACvD,IAAA,SAAS,GAAqD,MAAM,UAA3D,EAAE,eAAe,GAAoC,MAAM,gBAA1C,EAAE,oBAAoB,GAAc,MAAM,qBAApB,EAAK,IAAI,UAAK,MAAM,EAAtE,wDAA6D,CAAF,CAAY;IACrE,IAAA,MAAM,GAAK,oBAAoB,OAAzB,CAA0B;IAExC,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,mBAAmB,CAAC,eAAe,CAAC,IAClD,IAAI,EACT,CAAC;IAEH,IAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,gLAAA,6GAItC,IAAA,CAAC;IAEF,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,aAAa,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAC5E,IAAM,uBAAuB,GAAG,oBAAoB,CAAC,aAAa,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEhF,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,IAAM,SAAS,GAAG;QACd,QAAQ,EAAE,sBAAsB;QAChC,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,uBAAuB,eAAK,IAAI,EAAI,EAArC,CAAqC;KAC/D,CAAC;IAEF,OAAO,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AACxC,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare const placements: string[];
+export declare const triggers: string[];
+export declare const resizableDirections: string[];
+export declare const resizableHiddenIconsOptions: string[];
+export declare const resizableIconSizes: string[];

package/lib/components/Popover/fixtures.js

@@ -0,0 +1,29 @@
+export var placements = [
+    'top',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+    'left',
+    'left-start',
+    'left-end',
+    'right',
+    'right-start',
+    'right-end',
+    'auto',
+];
+export var triggers = ['click', 'hover'];
+export var resizableDirections = [
+    'top',
+    'top-right',
+    'right',
+    'bottom-right',
+    'bottom',
+    'bottom-left',
+    'left',
+    'top-left',
+];
+export var resizableHiddenIconsOptions = ['top-right', 'bottom-right', 'bottom-left', 'top-left'];
+export var resizableIconSizes = ['xs', 's', 'm'];
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Popover/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,KAAK;IACL,WAAW;IACX,SAAS;IAET,QAAQ;IACR,cAAc;IACd,YAAY;IAEZ,MAAM;IACN,YAAY;IACZ,UAAU;IAEV,OAAO;IACP,aAAa;IACb,WAAW;IAEX,MAAM;CACT,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAE3C,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,KAAK;IACL,WAAW;IACX,OAAO;IACP,cAAc;IACd,QAAQ;IACR,aAAa;IACb,MAAM;IACN,UAAU;CACb,CAAC;AAEF,MAAM,CAAC,IAAM,2BAA2B,GAAG,CAAC,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;AAEpG,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC"}

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

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

package/lib/components/Popover/index.js

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

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

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

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

@@ -0,0 +1,110 @@
+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: {
+        placement: "bottom";
+        trigger: "click";
+        closeOnOverlayClick: boolean;
+        closeOnEsc: boolean;
+        isFocusTrapped: boolean;
+        skidding: number;
+        distance: number;
+        hasArrow: boolean;
+        animated: boolean;
+    };
+    argTypes: {
+        view: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        placement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        trigger: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hasArrow: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        animated: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        closeOnOverlayClick: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        closeOnEsc: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        isFocusTrapped: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        skidding: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        distance: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export {};

package/lib/components/Popover/meta.js

@@ -0,0 +1,78 @@
+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 { placements, triggers } from './fixtures';
+var commonDisabledArgs = [
+    'opened',
+    'onToggle',
+    'target',
+    'children',
+    'frame',
+    'usePortal',
+    'offset',
+    'resizable',
+    'onResizeStart',
+    'onResizeEnd',
+];
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Overlay/Popover' : _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({ placement: 'bottom', trigger: 'click', closeOnOverlayClick: true, closeOnEsc: true, isFocusTrapped: true, skidding: 0, distance: 6, hasArrow: true, animated: true }, defaultArgs),
+        argTypes: __assign(__assign({ view: {
+                options: componentConfig.views,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, placement: {
+                options: placements,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+            }, trigger: {
+                options: triggers,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+            }, hasArrow: {
+                control: { type: 'boolean' },
+                table: { category: 'layout' },
+            }, animated: {
+                control: { type: 'boolean' },
+                table: { category: 'layout' },
+            }, closeOnOverlayClick: {
+                control: { type: 'boolean' },
+                table: { category: 'behaviour' },
+            }, closeOnEsc: {
+                control: { type: 'boolean' },
+                table: { category: 'behaviour' },
+            }, isFocusTrapped: {
+                control: { type: 'boolean' },
+                table: { category: 'behaviour' },
+            }, skidding: {
+                control: { type: 'number' },
+                table: { category: 'offset' },
+            }, distance: {
+                control: { type: 'number' },
+                table: { category: 'offset' },
+            } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
+    };
+};
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Popover/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWlD,IAAM,kBAAkB,GAAG;IACvB,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,UAAU;IACV,OAAO;IACP,WAAW;IACX,QAAQ;IACR,WAAW;IACX,eAAe;IACf,aAAa;CAChB,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAOT;QANd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAAyB,EAAzB,KAAK,mBAAG,iBAAiB,KAAA,EACzB,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA;IAErB,OAAO;QACH,KAAK,OAAA;QACL,UAAU,EAAE,CAAC,kBAAkB,CAAC;QAChC,SAAS,WAAA;QACT,IAAI,aACA,SAAS,EAAE,QAAiB,EAC5B,OAAO,EAAE,OAAgB,EACzB,mBAAmB,EAAE,IAAI,EACzB,UAAU,EAAE,IAAI,EAChB,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,IAAI,IACX,WAAW,CACjB;QACD,QAAQ,sBACJ,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,SAAS,EAAE;gBACP,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,OAAO,EAAE;gBACL,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,mBAAmB,EAAE;gBACjB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,cAAc,EAAE;gBACZ,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,IACE,kBAAkB,GAClB,YAAY,iCAAK,kBAAkB,SAAK,gBAAgB,QAAE,CAChE;KACJ,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,80 @@
+import React from 'react';
+type Components = {
+    Button: React.ComponentType<any>;
+};
+export declare const createDefaultStory: (PopoverComponent: any, { Button }: Components) => ({ skidding, distance, ...rest }: any) => JSX.Element;
+export declare const createResizableStory: (PopoverComponent: any, { Button }: Components) => ({ skidding, distance, resizableDisabled, resizableDirections: directions, resizableHiddenIcons, resizableDefaultSize, resizableMinWidth, resizableMinHeight, resizableMaxWidth, resizableMaxHeight, resizableIconSize, ...rest }: any) => JSX.Element;
+export declare const resizableStoryArgs: {
+    resizableDisabled: boolean;
+    resizableDirections: string[];
+    resizableHiddenIcons: never[];
+    resizableIconSize: string;
+    resizableDefaultSize: {
+        width: number;
+        height: number;
+    };
+    resizableMinWidth: number;
+    resizableMinHeight: number;
+};
+export declare const resizableStoryArgTypes: {
+    resizableDisabled: {
+        control: string;
+        table: {
+            category: string;
+        };
+    };
+    resizableDirections: {
+        control: string;
+        options: string[];
+        table: {
+            category: string;
+        };
+    };
+    resizableHiddenIcons: {
+        control: string;
+        options: string[];
+        table: {
+            category: string;
+        };
+    };
+    resizableDefaultSize: {
+        control: string;
+        table: {
+            category: string;
+        };
+    };
+    resizableMinWidth: {
+        control: string;
+        table: {
+            category: string;
+        };
+    };
+    resizableMinHeight: {
+        control: string;
+        table: {
+            category: string;
+        };
+    };
+    resizableMaxWidth: {
+        control: string;
+        table: {
+            category: string;
+        };
+    };
+    resizableMaxHeight: {
+        control: string;
+        table: {
+            category: string;
+        };
+    };
+    resizableIconSize: {
+        control: {
+            type: string;
+        };
+        options: string[];
+        table: {
+            category: string;
+        };
+    };
+};
+export {};

package/lib/components/Popover/stories.js

@@ -0,0 +1,125 @@
+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, { useState } from 'react';
+import { action } from 'storybook/actions';
+import { resizableDirections, resizableHiddenIconsOptions, resizableIconSizes } from './fixtures';
+var onToggleAction = action('onToggle');
+var contentStyle = {
+    background: 'var(--surface-solid-tertiary)',
+    padding: '1rem',
+    borderRadius: '20px',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    height: '100%',
+    boxSizing: 'border-box',
+};
+export var createDefaultStory = function (PopoverComponent, _a) {
+    var Button = _a.Button;
+    return function (_a) {
+        var _b = _a.skidding, skidding = _b === void 0 ? 0 : _b, _c = _a.distance, distance = _c === void 0 ? 6 : _c, rest = __rest(_a, ["skidding", "distance"]);
+        var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
+        return (React.createElement(PopoverComponent, __assign({ opened: isOpen, onToggle: function (is) {
+                setIsOpen(is);
+                onToggleAction(is);
+            }, usePortal: false, role: "presentation", id: "popover", target: React.createElement(Button, null, "Target"), offset: [skidding, distance], style: { borderRadius: '20px' } }, rest),
+            React.createElement("div", { style: contentStyle },
+                React.createElement("p", null, "Content"),
+                React.createElement(Button, { onClick: function () { return setIsOpen(false); } }, "Close"))));
+    };
+};
+export var createResizableStory = function (PopoverComponent, _a) {
+    var Button = _a.Button;
+    return function (_a) {
+        var _b = _a.skidding, skidding = _b === void 0 ? 0 : _b, _c = _a.distance, distance = _c === void 0 ? 6 : _c, resizableDisabled = _a.resizableDisabled, directions = _a.resizableDirections, resizableHiddenIcons = _a.resizableHiddenIcons, resizableDefaultSize = _a.resizableDefaultSize, resizableMinWidth = _a.resizableMinWidth, resizableMinHeight = _a.resizableMinHeight, resizableMaxWidth = _a.resizableMaxWidth, resizableMaxHeight = _a.resizableMaxHeight, resizableIconSize = _a.resizableIconSize, rest = __rest(_a, ["skidding", "distance", "resizableDisabled", "resizableDirections", "resizableHiddenIcons", "resizableDefaultSize", "resizableMinWidth", "resizableMinHeight", "resizableMaxWidth", "resizableMaxHeight", "resizableIconSize"]);
+        var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
+        return (React.createElement(PopoverComponent, __assign({ opened: isOpen, onToggle: function (is) {
+                setIsOpen(is);
+                onToggleAction(is);
+            }, frame: "theme-root", usePortal: false, role: "presentation", id: "popover", target: React.createElement(Button, null, "Target"), offset: [skidding, distance], resizable: {
+                disabled: resizableDisabled,
+                directions: directions,
+                hiddenIcons: resizableHiddenIcons,
+                defaultSize: resizableDefaultSize,
+                minWidth: resizableMinWidth,
+                minHeight: resizableMinHeight,
+                maxWidth: resizableMaxWidth,
+                maxHeight: resizableMaxHeight,
+                iconSize: resizableIconSize,
+            }, style: { borderRadius: '20px' } }, rest),
+            React.createElement("div", { style: contentStyle },
+                React.createElement("p", null, "Content"),
+                React.createElement(Button, { onClick: function () { return setIsOpen(false); } }, "Close"))));
+    };
+};
+export var resizableStoryArgs = {
+    resizableDisabled: false,
+    resizableDirections: ['bottom-right'],
+    resizableHiddenIcons: [],
+    resizableIconSize: 's',
+    resizableDefaultSize: { width: 200, height: 100 },
+    resizableMinWidth: 200,
+    resizableMinHeight: 100,
+};
+export var resizableStoryArgTypes = {
+    resizableDisabled: {
+        control: 'boolean',
+        table: { category: 'resizable' },
+    },
+    resizableDirections: {
+        control: 'check',
+        options: resizableDirections,
+        table: { category: 'resizable' },
+    },
+    resizableHiddenIcons: {
+        control: 'check',
+        options: resizableHiddenIconsOptions,
+        table: { category: 'resizable' },
+    },
+    resizableDefaultSize: {
+        control: 'object',
+        table: { category: 'resizable' },
+    },
+    resizableMinWidth: {
+        control: 'number',
+        table: { category: 'resizable' },
+    },
+    resizableMinHeight: {
+        control: 'number',
+        table: { category: 'resizable' },
+    },
+    resizableMaxWidth: {
+        control: 'number',
+        table: { category: 'resizable' },
+    },
+    resizableMaxHeight: {
+        control: 'number',
+        table: { category: 'resizable' },
+    },
+    resizableIconSize: {
+        control: { type: 'select' },
+        options: resizableIconSizes,
+        table: { category: 'resizable' },
+    },
+};
+//# sourceMappingURL=stories.js.map

package/lib/components/Popover/stories.js.map

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

package/lib/components/Progress/Progress.d.ts

@@ -0,0 +1,159 @@
+type CreateProgressStoriesProps = {
+    component: any;
+    componentConfig: any;
+    title?: string;
+    disablePropsList?: string[];
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+};
+export declare const getProgressStories: (config: CreateProgressStoriesProps) => {
+    meta: {
+        title: string;
+        decorators: import("@storybook/react").Decorator[];
+        component: any;
+        args: {
+            value: number;
+            view: string;
+            size: string;
+            progressSize: string;
+            hasValue: boolean;
+            label: string;
+            hasLabelIcon: boolean;
+            labelTextPlacement: string;
+            labelPlacement: string;
+            valuePlacement: string;
+            valueAlign: string;
+            showValueAlign: boolean;
+            caption: string;
+        };
+        argTypes: {
+            view: {
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            size: {
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            progressSize: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            hasValue: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            value: {
+                control: {
+                    type: string;
+                    min: number;
+                    max: number;
+                    step: number;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            label: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            hasLabelIcon: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            labelTextPlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            labelPlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            valuePlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            showValueAlign: {
+                table: {
+                    disable: boolean;
+                };
+            };
+            valueAlign: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            caption: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+        };
+    };
+    Default: {
+        render: ({ label, hasLabelIcon, caption, labelTextPlacement, labelPlacement, valuePlacement, hasValue, size, ...rest }: any) => JSX.Element;
+    };
+};
+export {};