@salutejs/plasma-sb-utils 0.211.0-canary.2360.19885603427.0 → 0.211.0-canary.2360.19961225793.0

package/lib/components/TextField/TextField.d.ts

@@ -0,0 +1,258 @@
+type CreateStoriesProps = {
+    component: any;
+    componentConfig: any;
+    customIcon?: (size: string) => JSX.Element;
+    title?: string;
+    disablePropsList?: string[];
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+    additionalComponents?: {};
+};
+export declare const getTextFieldStories: (config: CreateStoriesProps) => {
+    meta: {
+        title: string;
+        decorators: import("@storybook/react").Decorator[];
+        component: any;
+        args: {
+            id: string;
+            appearance: string;
+            hasDivider: boolean;
+            size: string;
+            view: string;
+            label: string;
+            labelPlacement: string;
+            keepPlaceholder: boolean;
+            titleCaption: string;
+            textBefore: string;
+            textAfter: string;
+            placeholder: string;
+            leftHelper: string;
+            disabled: boolean;
+            readOnly: boolean;
+            enableContentLeft: boolean;
+            enableContentRight: boolean;
+            optional: boolean;
+            optionalText: string;
+            required: boolean;
+            requiredPlacement: string;
+            hasRequiredIndicator: boolean;
+            hasHint: boolean;
+            hintText: string;
+            hintTrigger: string;
+            hintView: string;
+            hintSize: string;
+            hintTargetPlacement: string;
+            hintPlacement: string;
+            hintWidth: string;
+            hintHasArrow: boolean;
+        };
+        argTypes: {
+            view: {
+                options: any;
+                control: {
+                    type: string;
+                };
+            };
+            size: {
+                options: any;
+                control: {
+                    type: string;
+                };
+            };
+            appearance: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+            };
+            hasDivider: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    eq: string;
+                };
+            };
+            requiredPlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            required: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hasRequiredIndicator: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            optional: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            optionalText: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            maxLength: {
+                control: {
+                    type: string;
+                };
+            };
+            labelPlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+            };
+            keepPlaceholder: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    eq: string;
+                };
+            };
+            titleCaption: {
+                control: {
+                    type: string;
+                };
+            };
+            leftHelper: {
+                control: {
+                    type: string;
+                };
+            };
+            hintText: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hintView: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hintSize: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hintTargetPlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hintTrigger: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hintPlacement: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+                mappers: string[];
+            };
+            hintHasArrow: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+            hintWidth: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+            };
+        };
+    };
+    Default: {
+        render: (args: any) => JSX.Element;
+    };
+    Chips: {
+        render: (args: any) => JSX.Element;
+        args: {
+            leftHelper: string;
+            chipView: string;
+            chips: string[];
+            chipType: string;
+        };
+        argTypes: {
+            chipView: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+            };
+            chipType: {
+                control: string;
+                options: string[];
+            };
+        };
+    };
+};
+export {};

package/lib/components/TextField/TextField.js

@@ -0,0 +1,64 @@
+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 { createChipsStory, createDefaultStory } from './stories';
+import { chipViews } from './fixtures';
+export var getTextFieldStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, customIcon = config.customIcon, rest = __rest(config, ["component", "componentConfig", "customIcon"]);
+    var textFieldConfig = getConfigVariations(componentConfig);
+    var meta = createMeta(__assign({ component: component, componentConfig: textFieldConfig }, rest));
+    var DefaultStoryComponent = createDefaultStory(component, customIcon);
+    var ChipsStoryComponent = createChipsStory(component, customIcon);
+    var Default = {
+        render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
+    };
+    var Chips = {
+        render: function (args) { return React.createElement(ChipsStoryComponent, __assign({}, args)); },
+        args: {
+            leftHelper: 'Для первого чипа валидация вернула view="negative"',
+            chipView: 'secondary',
+            chips: ['1 value', '2 value', '3 value', '4 value'],
+            chipType: 'default',
+        },
+        argTypes: {
+            chipView: {
+                options: chipViews,
+                control: {
+                    type: 'select',
+                },
+            },
+            chipType: {
+                control: 'select',
+                options: ['default', 'text'],
+            },
+        },
+    };
+    return {
+        meta: meta,
+        Default: Default,
+        Chips: Chips,
+    };
+};
+//# sourceMappingURL=TextField.js.map

package/lib/components/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.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,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,MAA0B;IAClD,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,eAAe,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE7D,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,eAAe,IAC7B,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACxE,IAAM,mBAAmB,GAAG,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAEpE,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,IAAM,KAAK,GAAG;QACV,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,mBAAmB,eAAK,IAAI,EAAI,EAAjC,CAAiC;QACxD,IAAI,EAAE;YACF,UAAU,EAAE,oDAAoD;YAChE,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;YACnD,QAAQ,EAAE,SAAS;SACtB;QACD,QAAQ,EAAE;YACN,QAAQ,EAAE;gBACN,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE;oBACL,IAAI,EAAE,QAAQ;iBACjB;aACJ;YACD,QAAQ,EAAE;gBACN,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;aAC/B;SACJ;KACJ,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;QACP,KAAK,OAAA;KACR,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+export declare const appearances: string[];
+export declare const chipViews: string[];
+export declare const hintViews: string[];
+export declare const hintSizes: string[];
+export declare const hintTriggers: string[];
+export declare const hintTargetPlacements: string[];
+export declare const labelPlacements: string[];
+export declare const requiredPlacements: string[];
+export declare const placements: string[];

package/lib/components/TextField/fixtures.js

@@ -0,0 +1,24 @@
+export var appearances = ['default', 'clear'];
+export var chipViews = ['default', 'secondary', 'accent', 'positive', 'warning', 'negative'];
+export var hintViews = ['default'];
+export var hintSizes = ['m', 's'];
+export var hintTriggers = ['hover', 'click'];
+export var hintTargetPlacements = ['outer', 'inner'];
+export var labelPlacements = ['outer', 'inner'];
+export var requiredPlacements = ['left', 'right'];
+export var placements = [
+    'top',
+    'top-start',
+    'top-end',
+    'bottom',
+    'bottom-start',
+    'bottom-end',
+    'left',
+    'left-start',
+    'left-end',
+    'right',
+    'right-start',
+    'right-end',
+    'auto',
+];
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/TextField/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAChD,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAC/F,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC;AACrC,MAAM,CAAC,IAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACpC,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAClD,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACpD,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"}

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

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

package/lib/components/TextField/index.js

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

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

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

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

@@ -0,0 +1,230 @@
+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: {
+        id: string;
+        appearance: string;
+        hasDivider: boolean;
+        size: string;
+        view: string;
+        label: string;
+        labelPlacement: string;
+        keepPlaceholder: boolean;
+        titleCaption: string;
+        textBefore: string;
+        textAfter: string;
+        placeholder: string;
+        leftHelper: string;
+        disabled: boolean;
+        readOnly: boolean;
+        enableContentLeft: boolean;
+        enableContentRight: boolean;
+        optional: boolean;
+        optionalText: string;
+        required: boolean;
+        requiredPlacement: string;
+        hasRequiredIndicator: boolean;
+        hasHint: boolean;
+        hintText: string;
+        hintTrigger: string;
+        hintView: string;
+        hintSize: string;
+        hintTargetPlacement: string;
+        hintPlacement: string;
+        hintWidth: string;
+        hintHasArrow: boolean;
+    };
+    argTypes: {
+        view: {
+            options: any;
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: any;
+            control: {
+                type: string;
+            };
+        };
+        appearance: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        hasDivider: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        requiredPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hasRequiredIndicator: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        optional: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        optionalText: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        maxLength: {
+            control: {
+                type: string;
+            };
+        };
+        labelPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        keepPlaceholder: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        titleCaption: {
+            control: {
+                type: string;
+            };
+        };
+        leftHelper: {
+            control: {
+                type: string;
+            };
+        };
+        hintText: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hintView: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hintSize: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hintTargetPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hintTrigger: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hintPlacement: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            mappers: string[];
+        };
+        hintHasArrow: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        hintWidth: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+    };
+};
+export {};