@salutejs/plasma-sb-utils 0.226.0-next-platform-ai.0 → 0.227.0-dev.0

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

@@ -0,0 +1,408 @@
+type CreateStoriesProps = {
+    component: any;
+    componentConfig: any;
+    disablePropsList?: string[];
+    defaultArgs?: {};
+};
+export declare const getComboboxStories: (config: CreateStoriesProps) => {
+    meta: {
+        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;
+                };
+            };
+        };
+    };
+    Single: {
+        render: (args: any) => JSX.Element;
+        args: {
+            closeAfterSelect: boolean;
+        };
+        parameters: {
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
+    Multiple: {
+        render: (args: any) => JSX.Element;
+        parameters: {
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
+    SelectAll: {
+        render: (args: any) => JSX.Element;
+        argTypes: {
+            selectAllSticky: {
+                control: string;
+            };
+            selectAllLabel: {
+                control: string;
+            };
+        };
+        args: {
+            selectAllSticky: boolean;
+            selectAllLabel: string;
+        };
+        parameters: {
+            controls: {
+                include: string[];
+            };
+        };
+    };
+    AddItem: {
+        render: (args: any) => JSX.Element;
+        args: {
+            emptyStateDescription: string;
+            helperText: string;
+        };
+        parameters: {
+            controls: {
+                include: string[];
+            };
+        };
+    };
+};
+export {};

package/lib/components/Combobox/Combobox.js

@@ -0,0 +1,94 @@
+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 { createAddItemStory, createMultipleStory, createSelectAllStory, createSingleStory } from './stories';
+export var getComboboxStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
+    var comboboxConfig = getConfigVariations(componentConfig);
+    var meta = createMeta(__assign({ component: component, componentConfig: comboboxConfig }, rest));
+    var SingleStoryComponent = createSingleStory(component);
+    var Single = {
+        render: function (args) { return React.createElement(SingleStoryComponent, __assign({}, args)); },
+        args: {
+            closeAfterSelect: true,
+        },
+        parameters: {
+            controls: {
+                exclude: ['isTargetAmount', 'targetAmount', 'chipClickArea'],
+            },
+        },
+    };
+    var MultipleStoryComponent = createMultipleStory(component);
+    var Multiple = {
+        render: function (args) { return React.createElement(MultipleStoryComponent, __assign({}, args)); },
+        parameters: {
+            controls: {
+                exclude: ['mode'],
+            },
+        },
+    };
+    var SelectAllStoryComponent = createSelectAllStory(component);
+    var SelectAll = {
+        render: function (args) { return React.createElement(SelectAllStoryComponent, __assign({}, args)); },
+        argTypes: {
+            selectAllSticky: {
+                control: 'boolean',
+            },
+            selectAllLabel: {
+                control: 'text',
+            },
+        },
+        args: {
+            selectAllSticky: false,
+            selectAllLabel: 'Выбрать все',
+        },
+        parameters: {
+            controls: {
+                include: ['selectAllSticky', 'selectAllLabel'],
+            },
+        },
+    };
+    var AddItemStoryComponent = createAddItemStory(component);
+    var AddItem = {
+        render: function (args) { return React.createElement(AddItemStoryComponent, __assign({}, args)); },
+        args: {
+            emptyStateDescription: 'Нажмите Enter, чтобы добавить значение в список.',
+            helperText: 'Введите новое слово',
+        },
+        parameters: {
+            controls: {
+                include: ['helperText', 'emptyStateDescription'],
+            },
+        },
+    };
+    return {
+        meta: meta,
+        Single: Single,
+        Multiple: Multiple,
+        SelectAll: SelectAll,
+        AddItem: AddItem,
+    };
+};
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.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,mBAAmB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAS7G,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,MAA0B;IACjD,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,IAC5B,IAAI,EACT,CAAC;IAEH,IAAM,oBAAoB,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAE1D,IAAM,MAAM,GAAG;QACX,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,oBAAoB,eAAK,IAAI,EAAI,EAAlC,CAAkC;QACzD,IAAI,EAAE;YACF,gBAAgB,EAAE,IAAI;SACzB;QACD,UAAU,EAAE;YACR,QAAQ,EAAE;gBACN,OAAO,EAAE,CAAC,gBAAgB,EAAE,cAAc,EAAE,eAAe,CAAC;aAC/D;SACJ;KACJ,CAAC;IAEF,IAAM,sBAAsB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAE9D,IAAM,QAAQ,GAAG;QACb,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,sBAAsB,eAAK,IAAI,EAAI,EAApC,CAAoC;QAC3D,UAAU,EAAE;YACR,QAAQ,EAAE;gBACN,OAAO,EAAE,CAAC,MAAM,CAAC;aACpB;SACJ;KACJ,CAAC;IAEF,IAAM,uBAAuB,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAEhE,IAAM,SAAS,GAAG;QACd,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,uBAAuB,eAAK,IAAI,EAAI,EAArC,CAAqC;QAC5D,QAAQ,EAAE;YACN,eAAe,EAAE;gBACb,OAAO,EAAE,SAAS;aACrB;YACD,cAAc,EAAE;gBACZ,OAAO,EAAE,MAAM;aAClB;SACJ;QACD,IAAI,EAAE;YACF,eAAe,EAAE,KAAK;YACtB,cAAc,EAAE,aAAa;SAChC;QACD,UAAU,EAAE;YACR,QAAQ,EAAE;gBACN,OAAO,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;aACjD;SACJ;KACJ,CAAC;IAEF,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;QAC1D,IAAI,EAAE;YACF,qBAAqB,EAAE,kDAAkD;YACzE,UAAU,EAAE,qBAAqB;SACpC;QACD,UAAU,EAAE;YACR,QAAQ,EAAE;gBACN,OAAO,EAAE,CAAC,YAAY,EAAE,uBAAuB,CAAC;aACnD;SACJ;KACJ,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,MAAM,QAAA;QACN,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+export declare const variant: string[];
+export declare const hintTriggers: string[];
+export declare const hintTargetPlacements: string[];
+export declare const hintViews: string[];
+export declare const hintSizes: string[];
+export declare const labelPlacement: string[];
+export declare const placements: string[];
+export declare const mode: string[];
+export declare const chipView: string[];
+export declare const arrowPlacement: string[];
+export declare const chipClickArea: string[];
+export declare const shortListItems: {
+    value: string;
+    label: string;
+}[];
+export declare const items: ({
+    value: string;
+    label: string;
+    items?: undefined;
+    disabled?: undefined;
+} | {
+    value: string;
+    label: string;
+    items: {
+        value: string;
+        label: string;
+        items: {
+            value: string;
+            label: string;
+        }[];
+    }[];
+    disabled?: undefined;
+} | {
+    value: string;
+    label: string;
+    disabled: boolean;
+    items?: undefined;
+})[];
+export declare const flatItems: {
+    value: string;
+    label: string;
+}[];