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

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

@@ -0,0 +1,357 @@
+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: {
+        label: string;
+        labelPlacement: string;
+        placeholder: string;
+        helperText: string;
+        size: string;
+        view: string;
+        enableContentLeft: boolean;
+        isTargetAmount: boolean;
+        targetAmount: undefined;
+        variant: string;
+        alwaysOpened: boolean;
+        disabled: boolean;
+        readOnly: boolean;
+        optional: boolean;
+        required: boolean;
+        requiredPlacement: string;
+        hasRequiredIndicator: boolean;
+        hasHint: boolean;
+        hintText: string;
+        hintTrigger: string;
+        hintView: string;
+        hintSize: string;
+        hintTargetPlacement: string;
+        hintPlacement: string;
+        hintWidth: string;
+        hintHasArrow: boolean;
+        emptyStateDescription: string;
+        mode: string;
+        treeView: boolean;
+        arrowPlacement: string;
+        singleLine: boolean;
+        closeAfterSelect: boolean;
+        chipClickArea: string;
+    };
+    argTypes: {
+        size: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        view: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        labelPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        listWidth: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        listMaxHeight: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        targetAmount: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        requiredPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hasRequiredIndicator: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        optional: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintText: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintView: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintSize: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintTargetPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintTrigger: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            mappers: string[];
+            table: {
+                category: string;
+            };
+        };
+        hintHasArrow: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        hintWidth: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        emptyStateDescription: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        mode: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        treeView: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        arrowPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        singleLine: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        closeAfterSelect: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        alwaysOpened: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        chipClickArea: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export {};

package/lib/components/Combobox/meta.js

@@ -0,0 +1,149 @@
+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 { arrowPlacement, chipClickArea, hintSizes, hintTargetPlacements, hintTriggers, hintViews, labelPlacement, mode, placements, variant, } from './fixtures';
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/Combobox' : _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({ label: 'Label', labelPlacement: 'outer', placeholder: 'Placeholder', helperText: 'Helper text', size: 'm', view: 'default', enableContentLeft: false, isTargetAmount: false, targetAmount: undefined, variant: 'normal', alwaysOpened: false, disabled: false, readOnly: false, optional: false, required: false, requiredPlacement: 'right', hasRequiredIndicator: false, hasHint: false, hintText: 'Текст подсказки', hintTrigger: 'hover', hintView: 'default', hintSize: 'm', hintTargetPlacement: 'outer', hintPlacement: 'auto', hintWidth: '10rem', hintHasArrow: true, emptyStateDescription: '', mode: 'default', treeView: false, arrowPlacement: 'left', singleLine: true, closeAfterSelect: false, chipClickArea: 'full' }, defaultArgs),
+        argTypes: __assign(__assign({ size: {
+                options: componentConfig.sizes,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, view: {
+                options: componentConfig.views,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, labelPlacement: {
+                options: labelPlacement,
+                control: { type: 'select' },
+                table: { category: 'layout' },
+            }, variant: {
+                options: variant,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, listWidth: {
+                control: { type: 'text' },
+                table: { category: 'dropdown' },
+            }, listMaxHeight: {
+                control: { type: 'text' },
+                table: { category: 'dropdown' },
+            }, disabled: {
+                control: { type: 'boolean' },
+                if: { arg: 'alwaysOpened', truthy: false },
+                table: { category: 'variation' },
+            }, readOnly: {
+                control: { type: 'boolean' },
+                if: { arg: 'alwaysOpened', truthy: false },
+                table: { category: 'variation' },
+            }, targetAmount: {
+                control: { type: 'number' },
+                if: { arg: 'isTargetAmount', truthy: true },
+                table: { category: 'layout' },
+            }, requiredPlacement: {
+                options: ['left', 'right'],
+                control: { type: 'select' },
+                table: { category: 'form-related' },
+            }, required: {
+                control: { type: 'boolean' },
+                if: { arg: 'optional', truthy: false },
+                table: { category: 'form-related' },
+            }, hasRequiredIndicator: {
+                control: { type: 'boolean' },
+                if: { arg: 'required', truthy: true },
+                table: { category: 'form-related' },
+            }, optional: {
+                control: { type: 'boolean' },
+                if: { arg: 'required', truthy: false },
+                table: { category: 'form-related' },
+            }, hintText: {
+                control: { type: 'text' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, hintView: {
+                options: hintViews,
+                control: { type: 'select' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, hintSize: {
+                options: hintSizes,
+                control: { type: 'select' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, hintTargetPlacement: {
+                options: hintTargetPlacements,
+                control: { type: 'inline-radio' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, hintTrigger: {
+                options: hintTriggers,
+                control: { type: 'inline-radio' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, hintPlacement: {
+                options: placements,
+                control: { type: 'select' },
+                if: { arg: 'hasHint', truthy: true },
+                mappers: placements,
+                table: { category: 'hint' },
+            }, hintHasArrow: {
+                control: { type: 'boolean' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, hintWidth: {
+                control: { type: 'text' },
+                if: { arg: 'hasHint', truthy: true },
+                table: { category: 'hint' },
+            }, emptyStateDescription: {
+                control: { type: 'text' },
+                table: { category: 'dropdown' },
+            }, mode: {
+                options: mode,
+                control: { type: 'select' },
+                table: { category: 'dropdown' },
+            }, treeView: {
+                control: { type: 'boolean' },
+                table: { category: 'dropdown' },
+            }, arrowPlacement: {
+                options: arrowPlacement,
+                control: { type: 'select' },
+                if: { arg: 'treeView', truthy: true },
+                table: { category: 'dropdown' },
+            }, singleLine: {
+                control: { type: 'boolean' },
+                table: { category: 'layout' },
+            }, closeAfterSelect: {
+                control: { type: 'boolean' },
+                table: { category: 'dropdown' },
+            }, alwaysOpened: {
+                control: { type: 'boolean' },
+                table: { category: 'dropdown' },
+            }, chipClickArea: {
+                options: chipClickArea,
+                control: { type: 'select' },
+                table: { category: 'chip' },
+            } }, additionalArgTypes), disableProps(__spreadArray([], disablePropsList, true))),
+    };
+};
+//# sourceMappingURL=meta.js.map

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

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

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

@@ -0,0 +1,4 @@
+export declare const createSingleStory: (Combobox: any) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
+export declare const createMultipleStory: (Combobox: any) => ({ enableContentLeft, ...rest }: any) => JSX.Element;
+export declare const createSelectAllStory: (Combobox: any) => ({ selectAllLabel, selectAllSticky }: any) => JSX.Element;
+export declare const createAddItemStory: (Combobox: any) => ({ helperText, emptyStateDescription }: any) => JSX.Element;

package/lib/components/Combobox/stories.js

@@ -0,0 +1,109 @@
+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;
+};
+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 React, { useState } from 'react';
+import { IconDone } from '@salutejs/plasma-icons';
+import { flatItems, items, shortListItems } from './fixtures';
+var getIconSize = function (size) {
+    return size === 'xs' ? 'xs' : 's';
+};
+export var createSingleStory = function (Combobox) {
+    return function (_a) {
+        var enableContentLeft = _a.enableContentLeft, rest = __rest(_a, ["enableContentLeft"]);
+        var _b = useState(''), value = _b[0], setValue = _b[1];
+        return (React.createElement("div", { style: { width: '400px' } },
+            React.createElement(Combobox, __assign({}, rest, { items: items, value: value, onChange: setValue, contentLeft: enableContentLeft ? React.createElement(IconDone, { size: getIconSize(rest.size) }) : undefined }))));
+    };
+};
+export var createMultipleStory = function (Combobox) {
+    return function (_a) {
+        var enableContentLeft = _a.enableContentLeft, rest = __rest(_a, ["enableContentLeft"]);
+        var _b = useState([]), value = _b[0], setValue = _b[1];
+        return (React.createElement("div", { style: { width: '400px' } },
+            React.createElement(Combobox, __assign({}, rest, { multiple: true, items: items, value: value, onChange: setValue, contentLeft: enableContentLeft ? React.createElement(IconDone, { size: getIconSize(rest.size) }) : undefined }))));
+    };
+};
+export var createSelectAllStory = function (Combobox) {
+    return function (_a) {
+        var selectAllLabel = _a.selectAllLabel, selectAllSticky = _a.selectAllSticky;
+        var _b = useState([]), value = _b[0], setValue = _b[1];
+        var _c = useState(false), checked = _c[0], setChecked = _c[1];
+        var _d = useState(false), indeterminate = _d[0], setIndeterminate = _d[1];
+        var handleClick = function () {
+            if (checked && !indeterminate) {
+                setValue([]);
+            }
+            else {
+                setValue(flatItems.map(function (item) { return item.value; }));
+            }
+        };
+        React.useEffect(function () {
+            if (value.length === 0) {
+                setChecked(false);
+                setIndeterminate(false);
+            }
+            else if (value.length === flatItems.length) {
+                setChecked(true);
+                setIndeterminate(false);
+            }
+            else {
+                setChecked(true);
+                setIndeterminate(true);
+            }
+        }, [value]);
+        return (React.createElement("div", { style: { width: '400px' } },
+            React.createElement(Combobox, { placeholder: "Placeholder", multiple: true, items: flatItems, value: value, onChange: setValue, listMaxHeight: "300px", selectAllOptions: {
+                    sticky: selectAllSticky || false,
+                    label: selectAllLabel,
+                    checked: checked,
+                    indeterminate: indeterminate,
+                    onClick: handleClick,
+                } })));
+    };
+};
+export var createAddItemStory = function (Combobox) {
+    return function (_a) {
+        var helperText = _a.helperText, emptyStateDescription = _a.emptyStateDescription;
+        var _b = useState(shortListItems), currentItems = _b[0], setItems = _b[1];
+        var _c = useState([]), value = _c[0], setValue = _c[1];
+        var _d = useState(''), textValue = _d[0], setTextValue = _d[1];
+        var handleKeyDown = function (event) {
+            if (event.key === 'Enter') {
+                setItems(__spreadArray(__spreadArray([], currentItems, true), [{ value: textValue, label: textValue }], false));
+                setValue(__spreadArray(__spreadArray([], value, true), [textValue], false));
+                setTextValue('');
+            }
+        };
+        return (React.createElement("div", { style: { width: '400px' } },
+            React.createElement(Combobox, { multiple: true, label: "Label", placeholder: "Placeholder", items: currentItems, value: value, onChange: setValue, onChangeValue: setTextValue, onKeyDown: handleKeyDown, helperText: helperText, emptyStateDescription: emptyStateDescription })));
+    };
+};
+//# sourceMappingURL=stories.js.map

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

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

package/lib/components/DatePicker/DatePicker.d.ts

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

package/lib/components/DatePicker/DatePicker.js

@@ -25,10 +25,10 @@ import { getConfigVariations } from '../../helpers';
 import { createMeta, createRangeMeta } from './meta';
 import { createDefaultStory, createRangeStory } from './stories';
 export var getDatePickerStories = 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 datePickerConfig = getConfigVariations(componentConfig);
     var meta = createMeta(__assign({ component: component, componentConfig: datePickerConfig }, rest));
-    var DefaultStoryComponent = createDefaultStory(component);
+    var DefaultStoryComponent = createDefaultStory(component, customIcon);
     var Default = {
         render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
     };
@@ -38,10 +38,10 @@ export var getDatePickerStories = function (config) {
     };
 };
 export var getDatePickerRangeStories = 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 datePickerRangeConfig = getConfigVariations(componentConfig);
     var meta = createRangeMeta(__assign({ component: component, componentConfig: datePickerRangeConfig }, rest));
-    var RangeStoryComponent = createRangeStory(component);
+    var RangeStoryComponent = createRangeStory(component, customIcon);
     var Range = {
         render: function (args) { return React.createElement(RangeStoryComponent, __assign({}, args)); },
     };