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

package/lib/components/Progress/Progress.js

@@ -0,0 +1,38 @@
+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 { getConfigVariations } from '../../helpers';
+import { createMeta } from './meta';
+import { createDefaultStory } from './stories';
+export var getProgressStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
+    var progressConfig = getConfigVariations(componentConfig);
+    var meta = createMeta(__assign({ component: component, componentConfig: progressConfig, defaultArgs: componentConfig.defaults }, rest));
+    var Default = {
+        render: createDefaultStory(component),
+    };
+    return {
+        meta: meta,
+        Default: Default,
+    };
+};
+//# sourceMappingURL=Progress.js.map

package/lib/components/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAW/C,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,MAAkC;IACzD,IAAA,SAAS,GAA+B,MAAM,UAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAAhD,gCAAuC,CAAF,CAAY;IAEvD,IAAM,cAAc,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE5D,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,cAAc,EAC/B,WAAW,EAAE,eAAe,CAAC,QAAQ,IAClC,IAAI,EACT,CAAC;IAEH,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,kBAAkB,CAAC,SAAS,CAAC;KACxC,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare const labelPlacements: string[];
+export declare const valuePlacements: string[];
+export declare const labelTextPlacements: string[];
+export declare const progressTrackSizes: string[];
+export declare const valueAligns: string[];

package/lib/components/Progress/fixtures.js

@@ -0,0 +1,6 @@
+export var labelPlacements = ['top', 'left', 'none'];
+export var valuePlacements = ['top', 'right', 'none'];
+export var labelTextPlacements = ['left', 'right', 'none'];
+export var progressTrackSizes = ['2', '4', '6', '8'];
+export var valueAligns = ['start', 'center', 'end'];
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Progress/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACvD,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AACxD,MAAM,CAAC,IAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACvD,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC"}

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

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

package/lib/components/Progress/index.js

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

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

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

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

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

package/lib/components/Progress/meta.js

@@ -0,0 +1,87 @@
+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 { labelPlacements, labelTextPlacements, progressTrackSizes, valueAligns, valuePlacements } from './fixtures';
+var commonDisabledArgs = ['labelIcon', 'status'];
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Overlay/Progress' : _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({ value: 25, view: 'default', size: 'm', progressSize: '4', hasValue: true, label: 'Лейбл', hasLabelIcon: true, labelTextPlacement: 'right', labelPlacement: 'top', valuePlacement: 'right', valueAlign: 'start', showValueAlign: false, caption: 'Подпись' }, defaultArgs),
+        argTypes: __assign(__assign({ view: {
+                options: componentConfig.views,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, size: {
+                options: componentConfig.sizes,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, progressSize: {
+                options: progressTrackSizes,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, hasValue: {
+                control: { type: 'boolean' },
+                table: { category: 'variation' },
+            }, value: {
+                control: {
+                    type: 'range',
+                    min: 0,
+                    max: 100,
+                    step: 1,
+                },
+                table: { category: 'progress' },
+            }, label: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            }, hasLabelIcon: {
+                control: { type: 'boolean' },
+                table: { category: 'layout' },
+            }, labelTextPlacement: {
+                options: labelTextPlacements,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+                if: { arg: 'hasLabelIcon', truthy: true },
+            }, labelPlacement: {
+                options: labelPlacements,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+            }, valuePlacement: {
+                options: valuePlacements,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+                if: { arg: 'hasValue', truthy: true },
+            }, showValueAlign: {
+                table: { disable: true },
+            }, valueAlign: {
+                options: valueAligns,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+                if: { arg: 'showValueAlign', truthy: true },
+            }, caption: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
+    };
+};
+//# sourceMappingURL=meta.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const getIconSize: (size?: string) => "s" | "xs";
+export declare const createDefaultStory: (Progress: any) => ({ label, hasLabelIcon, caption, labelTextPlacement, labelPlacement, valuePlacement, hasValue, size, ...rest }: any) => JSX.Element;

package/lib/components/Progress/stories.js

@@ -0,0 +1,59 @@
+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 { useArgs, useEffect, useRef } from 'storybook/preview-api';
+import { IconPlasma } from '@salutejs/plasma-icons';
+export var getIconSize = function (size) {
+    return size === 's' ? 'xs' : 's';
+};
+export var createDefaultStory = function (Progress) {
+    return function (_a) {
+        var label = _a.label, hasLabelIcon = _a.hasLabelIcon, caption = _a.caption, labelTextPlacement = _a.labelTextPlacement, labelPlacement = _a.labelPlacement, valuePlacement = _a.valuePlacement, hasValue = _a.hasValue, size = _a.size, rest = __rest(_a, ["label", "hasLabelIcon", "caption", "labelTextPlacement", "labelPlacement", "valuePlacement", "hasValue", "size"]);
+        var _b = useArgs(), setArgs = _b[1];
+        var prevLabelPlacement = useRef(labelPlacement);
+        var prevValuePlacement = useRef(valuePlacement);
+        useEffect(function () {
+            if (valuePlacement === 'none' && hasValue) {
+                setArgs({ hasValue: false });
+                return;
+            }
+            var nextShowValueAlign = valuePlacement === 'top' && !label && !hasLabelIcon;
+            setArgs({ showValueAlign: nextShowValueAlign });
+            var labelChanged = labelPlacement !== prevLabelPlacement.current;
+            prevLabelPlacement.current = labelPlacement;
+            prevValuePlacement.current = valuePlacement;
+            if (labelChanged) {
+                var expected = labelPlacement === 'left' ? 'right' : 'top';
+                if (valuePlacement !== expected)
+                    setArgs({ valuePlacement: expected });
+            }
+            else {
+                var expected = valuePlacement === 'right' ? 'left' : 'top';
+                if (labelPlacement !== expected)
+                    setArgs({ labelPlacement: expected });
+            }
+        }, [labelPlacement, valuePlacement, hasValue, label, hasLabelIcon]);
+        return (React.createElement(Progress, __assign({ size: size, label: label, caption: caption, labelPlacement: labelPlacement, valuePlacement: valuePlacement, hasValue: hasValue, labelIcon: hasLabelIcon ? React.createElement(IconPlasma, { size: getIconSize(size) }) : undefined, labelTextPlacement: labelTextPlacement }, rest)));
+    };
+};
+//# sourceMappingURL=stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Progress/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,IAAa;IACrC,OAAO,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,QAAa;IAC5C,OAAO,UAAC,EAUF;QATF,IAAA,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,cATH,kHAUP,CADU;QAED,IAAA,KAAc,OAAO,EAAE,EAApB,OAAO,QAAa,CAAC;QAC9B,IAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAClD,IAAM,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;QAElD,SAAS,CAAC;YACN,IAAI,cAAc,KAAK,MAAM,IAAI,QAAQ,EAAE,CAAC;gBACxC,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC7B,OAAO;YACX,CAAC;YAED,IAAM,kBAAkB,GAAG,cAAc,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC;YAC/E,OAAO,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC,CAAC;YAEhD,IAAM,YAAY,GAAG,cAAc,KAAK,kBAAkB,CAAC,OAAO,CAAC;YACnE,kBAAkB,CAAC,OAAO,GAAG,cAAc,CAAC;YAC5C,kBAAkB,CAAC,OAAO,GAAG,cAAc,CAAC;YAE5C,IAAI,YAAY,EAAE,CAAC;gBACf,IAAM,QAAQ,GAAG,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC7D,IAAI,cAAc,KAAK,QAAQ;oBAAE,OAAO,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC3E,CAAC;iBAAM,CAAC;gBACJ,IAAM,QAAQ,GAAG,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC7D,IAAI,cAAc,KAAK,QAAQ;oBAAE,OAAO,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;QAEpE,OAAO,CACH,oBAAC,QAAQ,aACL,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAI,CAAC,CAAC,CAAC,SAAS,EAC7E,kBAAkB,EAAE,kBAAkB,IAClC,IAAI,EACV,CACL,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}

package/lib/components/Range/Range.d.ts

@@ -6,6 +6,7 @@ type CreateStoriesProps = {
     defaultArgs?: {};
     additionalArgTypes?: {};
     additionalComponents?: {};
+    customIcon?: (size: string, type?: 'left' | 'right', disabled?: boolean, readOnly?: boolean) => JSX.Element;
 };
 export declare const getRangeStories: (config: CreateStoriesProps) => {
     meta: {

package/lib/components/Range/Range.js

@@ -25,10 +25,10 @@ import { getConfigVariations } from '../../helpers';
 import { createMeta } from './meta';
 import { createDefaultStory } from './stories';
 export var getRangeStories = function (config) {
-    var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
+    var component = config.component, componentConfig = config.componentConfig, customIcon = config.customIcon, rest = __rest(config, ["component", "componentConfig", "customIcon"]);
     var rangeConfig = getConfigVariations(componentConfig);
     var meta = createMeta(__assign({ component: component, componentConfig: rangeConfig }, rest));
-    var DefaultStoryComponent = createDefaultStory(component);
+    var DefaultStoryComponent = createDefaultStory(component, customIcon);
     var Default = {
         render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
     };

package/lib/components/Range/Range.js.map

@@ -1 +1 @@
-{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../src/components/Range/Range.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;AAY/C,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,MAA0B;IAC9C,IAAA,SAAS,GAA+B,MAAM,UAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAAhD,gCAAuC,CAAF,CAAY;IAEvD,IAAM,WAAW,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAEzD,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,WAAW,IACzB,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAE5D,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../src/components/Range/Range.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;AAa/C,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,MAA0B;IAC9C,IAAA,SAAS,GAA2C,MAAM,UAAjD,EAAE,eAAe,GAA0B,MAAM,gBAAhC,EAAE,UAAU,GAAc,MAAM,WAApB,EAAK,IAAI,UAAK,MAAM,EAA5D,8CAAmD,CAAF,CAAY;IAEnE,IAAM,WAAW,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAEzD,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,WAAW,IACzB,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAExE,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}

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

@@ -1 +1 @@
-export declare const createDefaultStory: (Range: any) => ({ dividerVariant, enableContentLeft, enableContentRight, firstTextfieldTextBefore, secondTextfieldTextBefore, enableFirstTextfieldContentLeft, enableSecondTextfieldContentLeft, enableFirstTextfieldContentRight, enableSecondTextfieldContentRight, size, hasRequiredIndicator, firstInputView, secondInputView, appearance, ...rest }: any) => JSX.Element;
+export declare const createDefaultStory: (Range: any, customIcon?: (size: string, type?: "left" | "right", disabled?: boolean, readOnly?: boolean) => JSX.Element) => ({ dividerVariant, enableContentLeft, enableContentRight, firstTextfieldTextBefore, secondTextfieldTextBefore, enableFirstTextfieldContentLeft, enableSecondTextfieldContentLeft, enableFirstTextfieldContentRight, enableSecondTextfieldContentRight, size, hasRequiredIndicator, firstInputView, secondInputView, appearance, ...rest }: any) => JSX.Element;

package/lib/components/Range/stories.js

@@ -34,7 +34,10 @@ var onBlurSecondTextfield = action('onBlurSecondTextfield');
 var getIconSize = function (size) {
     return size === 'xs' ? 'xs' : 's';
 };
-export var createDefaultStory = function (Range) {
+var getIcon = function (IconComponent, size) {
+    return React.createElement(IconComponent, { size: getIconSize(size), color: "inherit" });
+};
+export var createDefaultStory = function (Range, customIcon) {
     return function (_a) {
         var dividerVariant = _a.dividerVariant, enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, firstTextfieldTextBefore = _a.firstTextfieldTextBefore, secondTextfieldTextBefore = _a.secondTextfieldTextBefore, enableFirstTextfieldContentLeft = _a.enableFirstTextfieldContentLeft, enableSecondTextfieldContentLeft = _a.enableSecondTextfieldContentLeft, enableFirstTextfieldContentRight = _a.enableFirstTextfieldContentRight, enableSecondTextfieldContentRight = _a.enableSecondTextfieldContentRight, size = _a.size, hasRequiredIndicator = _a.hasRequiredIndicator, firstInputView = _a.firstInputView, secondInputView = _a.secondInputView, appearance = _a.appearance, rest = __rest(_a, ["dividerVariant", "enableContentLeft", "enableContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "enableFirstTextfieldContentLeft", "enableSecondTextfieldContentLeft", "enableFirstTextfieldContentRight", "enableSecondTextfieldContentRight", "size", "hasRequiredIndicator", "firstInputView", "secondInputView", "appearance"]);
         var _b = useState(''), firstValue = _b[0], setFirstValue = _b[1];
@@ -42,6 +45,12 @@ export var createDefaultStory = function (Range) {
         var iconSize = getIconSize(size);
         var showDividerIcon = dividerVariant === 'icon';
         var showDefaultTextBefore = dividerVariant === 'none';
+        var defaultIconsByType = { left: IconPlasma, right: IconDisclosureRight };
+        var innerGetIcon = function (type) {
+            return customIcon
+                ? customIcon(size, type, rest.disabled, rest.readOnly)
+                : getIcon(defaultIconsByType[type], size);
+        };
         var dividerIconProps = {
             dividerIcon: showDividerIcon ? React.createElement(IconArrowRight, { color: "inherit", size: iconSize }) : null,
             dividerVariant: dividerVariant,
@@ -52,7 +61,7 @@ export var createDefaultStory = function (Range) {
             firstValueError: firstInputView === 'negative',
             secondValueError: secondInputView === 'negative',
         };
-        return (React.createElement(Range, __assign({ appearance: appearance, size: size, hasRequiredIndicator: rest.required && hasRequiredIndicator, firstValue: firstValue, secondValue: secondValue, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, contentRight: enableContentRight ? React.createElement(IconDisclosureRight, { color: "inherit", size: getIconSize(size) }) : undefined, firstTextfieldContentLeft: enableFirstTextfieldContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, firstTextfieldContentRight: enableFirstTextfieldContentRight ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, secondTextfieldContentLeft: enableSecondTextfieldContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, secondTextfieldContentRight: enableSecondTextfieldContentRight ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, firstTextfieldTextBefore: showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore, secondTextfieldTextBefore: showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore, onChangeFirstValue: function (e) {
+        return (React.createElement(Range, __assign({ appearance: appearance, size: size, hasRequiredIndicator: rest.required && hasRequiredIndicator, firstValue: firstValue, secondValue: secondValue, contentLeft: enableContentLeft ? innerGetIcon('left') : undefined, contentRight: enableContentRight ? innerGetIcon('right') : undefined, firstTextfieldContentLeft: enableFirstTextfieldContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, firstTextfieldContentRight: enableFirstTextfieldContentRight ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, secondTextfieldContentLeft: enableSecondTextfieldContentLeft ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, secondTextfieldContentRight: enableSecondTextfieldContentRight ? React.createElement(IconPlasma, { color: "inherit", size: iconSize }) : undefined, firstTextfieldTextBefore: showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore, secondTextfieldTextBefore: showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore, onChangeFirstValue: function (e) {
                 setFirstValue(e.target.value);
                 onChangeFirstValue(e, e.target.value);
             }, onChangeSecondValue: function (e) {

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

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

package/lib/components/Select/Select.d.ts

@@ -3,6 +3,7 @@ type CreateStoriesProps = {
     componentConfig: any;
     disablePropsList?: string[];
     defaultArgs?: {};
+    customGetContentRight?: (size: string, disabled?: boolean, readOnly?: boolean) => JSX.Element | undefined;
 };
 export declare const getSelectStories: (config: CreateStoriesProps) => {
     meta: {

package/lib/components/Select/Select.js

@@ -25,10 +25,10 @@ import { getConfigVariations } from '../../helpers';
 import { createMeta } from './meta';
 import { createSingleStory, createMultipleStory, createPredefinedStory, createCommonStory, createSelectAllStory, } from './stories';
 export var getSelectStories = function (config) {
-    var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
+    var component = config.component, componentConfig = config.componentConfig, customGetContentRight = config.customGetContentRight, rest = __rest(config, ["component", "componentConfig", "customGetContentRight"]);
     var selectConfig = getConfigVariations(componentConfig);
     var meta = createMeta(__assign({ component: component, componentConfig: selectConfig }, rest));
-    var SingleStoryComponent = createSingleStory(component);
+    var SingleStoryComponent = createSingleStory(component, customGetContentRight);
     var Single = {
         render: function (args) { return React.createElement(SingleStoryComponent, __assign({}, args)); },
         args: {
@@ -40,7 +40,7 @@ export var getSelectStories = function (config) {
             },
         },
     };
-    var MultipleStoryComponent = createMultipleStory(component);
+    var MultipleStoryComponent = createMultipleStory(component, customGetContentRight);
     var Multiselect = {
         render: function (args) { return React.createElement(MultipleStoryComponent, __assign({}, args)); },
         args: {
@@ -52,7 +52,7 @@ export var getSelectStories = function (config) {
             },
         },
     };
-    var PredefinedStoryComponent = createPredefinedStory(component);
+    var PredefinedStoryComponent = createPredefinedStory(component, customGetContentRight);
     var Predefined = {
         render: function (args) { return React.createElement(PredefinedStoryComponent, __assign({}, args)); },
     };

package/lib/components/Select/Select.js.map

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

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

@@ -1,5 +1,7 @@
-export declare const createSingleStory: (Select: any) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
-export declare const createMultipleStory: (Select: any) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
-export declare const createPredefinedStory: (Select: any) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
+type CustomGetContentType = (size: string, disabled?: boolean, readOnly?: boolean) => JSX.Element | undefined;
+export declare const createSingleStory: (Select: any, customGetContentRight?: CustomGetContentType) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
+export declare const createMultipleStory: (Select: any, customGetContentRight?: CustomGetContentType) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
+export declare const createPredefinedStory: (Select: any, customGetContentRight?: CustomGetContentType) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
 export declare const createCommonStory: (Select: any) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
 export declare const createSelectAllStory: (Select: any) => ({ ...rest }: any) => JSX.Element;
+export {};

package/lib/components/Select/stories.js

@@ -41,33 +41,36 @@ var getIcon = function (size, disabled, readOnly) {
     }
     return undefined;
 };
-export var createSingleStory = function (Select) {
+export var createSingleStory = function (Select, customGetContentRight) {
     return function (_a) {
         var enableContentLeft = _a.enableContentLeft, rest = __rest(_a, ["enableContentLeft"]);
         var _b = useState(''), value = _b[0], setValue = _b[1];
+        var resolveIcon = customGetContentRight !== null && customGetContentRight !== void 0 ? customGetContentRight : getIcon;
         return (React.createElement("div", { style: {
                 width: '300px',
             } },
-            React.createElement(Select, __assign({}, rest, { items: items, value: value, onChange: setValue, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: getIcon(rest.size, rest.disabled, rest.readOnly) }))));
+            React.createElement(Select, __assign({}, rest, { items: items, value: value, onChange: setValue, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: resolveIcon(rest.size, rest.disabled, rest.readOnly) }))));
     };
 };
-export var createMultipleStory = function (Select) {
+export var createMultipleStory = function (Select, customGetContentRight) {
     return function (_a) {
         var enableContentLeft = _a.enableContentLeft, rest = __rest(_a, ["enableContentLeft"]);
         var _b = useState([]), value = _b[0], setValue = _b[1];
+        var resolveIcon = customGetContentRight !== null && customGetContentRight !== void 0 ? customGetContentRight : getIcon;
         return (React.createElement("div", { style: { width: '300px' } },
-            React.createElement(Select, __assign({}, rest, { multiselect: true, items: items, value: value, onChange: setValue, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: getIcon(rest.size, rest.disabled, rest.readOnly) }))));
+            React.createElement(Select, __assign({}, rest, { multiselect: true, items: items, value: value, onChange: setValue, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: resolveIcon(rest.size, rest.disabled, rest.readOnly) }))));
     };
 };
-export var createPredefinedStory = function (Select) {
+export var createPredefinedStory = function (Select, customGetContentRight) {
     return function (_a) {
         var enableContentLeft = _a.enableContentLeft, rest = __rest(_a, ["enableContentLeft"]);
         var _b = useState('paris'), valueSingle = _b[0], setValueSingle = _b[1];
         var _c = useState(['paris', 'north_america']), valueMultiple = _c[0], setValueMultiple = _c[1];
+        var resolveIcon = customGetContentRight !== null && customGetContentRight !== void 0 ? customGetContentRight : getIcon;
         return (React.createElement("div", { style: { width: '300px' } },
-            React.createElement(Select, __assign({}, rest, { items: items, value: valueSingle, onChange: setValueSingle, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: getIcon(rest.size, rest.disabled, rest.readOnly) })),
+            React.createElement(Select, __assign({}, rest, { items: items, value: valueSingle, onChange: setValueSingle, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: resolveIcon(rest.size, rest.disabled, rest.readOnly) })),
             React.createElement("br", null),
-            React.createElement(Select, __assign({}, rest, { items: items, multiselect: true, value: valueMultiple, onChange: setValueMultiple, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: getIcon(rest.size, rest.disabled, rest.readOnly) }))));
+            React.createElement(Select, __assign({}, rest, { items: items, multiselect: true, value: valueMultiple, onChange: setValueMultiple, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: getIconSize(rest.size), color: "inherit" }) : undefined, contentRight: resolveIcon(rest.size, rest.disabled, rest.readOnly) }))));
     };
 };
 export var createCommonStory = function (Select) {