@vc-shell/framework 1.0.188 → 1.0.190

package/dist/shared/modules/dynamic/components/fields/storybook/SelectField.stories.d.ts

@@ -0,0 +1,507 @@
+import { StoryFn } from "@storybook/vue3";
+import { SelectSchema } from "../../..";
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        context: {
+            type: import("vue").PropType<{
+                settings: import("../../..").SettingsSchema;
+                load: import("../../../../../..").AsyncAction<import("../../..").ItemId>;
+                saveChanges: import("../../../../../..").AsyncAction<Record<string, any>>;
+                remove?: import("../../../../../..").AsyncAction<import("../../..").ItemId> | undefined;
+                loading: boolean;
+                item: Record<string, any> | undefined;
+                validationState: import("../../..").IValidationState<Record<string, any>>;
+                scope?: {
+                    [x: string]: any;
+                    disabled?: boolean | undefined;
+                    multilanguage?: {
+                        loading: boolean;
+                        currentLocale: string;
+                        languages: string[];
+                        setLocale: (locale: string) => void;
+                        localesOptions: {
+                            label: string | undefined;
+                            value: string;
+                        }[];
+                        getLanguages: import("../../../../../..").AsyncAction<void, void>;
+                    } | undefined;
+                    dynamicProperties?: {
+                        loading: boolean;
+                        loadDictionaries: (property: Record<string, any>, keyword?: string | undefined, locale?: string | undefined) => Promise<Record<string, any>[] | undefined>;
+                        getPropertyValue: (property: Record<string, any>, locale: string) => any;
+                        setPropertyValue: (data: {
+                            property: Record<string, any>;
+                            value: string | Record<string, any>[];
+                            dictionary?: Record<string, any>[] | undefined;
+                            locale?: string | undefined;
+                        }) => void;
+                    } | undefined;
+                    assetsHandler?: {
+                        assets?: {
+                            loading?: boolean | undefined;
+                            upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<import("../../../../../..").ICommonAsset[]>) | undefined;
+                            edit?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                            remove?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                        } | undefined;
+                        images?: {
+                            loading?: boolean | undefined;
+                            upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<import("../../../../../..").ICommonAsset[]>) | undefined;
+                            edit?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                            remove?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                        } | undefined;
+                    } | undefined;
+                    toolbarOverrides?: import("../../../../../..").IBladeToolbar[] | {
+                        id?: string | undefined;
+                        icon?: string | (() => string) | undefined;
+                        disabled?: boolean | undefined;
+                        dropdownItems?: {
+                            id: string;
+                            title: string;
+                            icon?: string | undefined;
+                            clickHandler?: (() => void) | undefined;
+                        }[] | undefined;
+                        title?: string | undefined;
+                        isVisible?: boolean | undefined;
+                        clickHandler?: ((app?: Record<string, any> | import("../../../../..").CoreBladeExposed | null | undefined) => void) | undefined;
+                    }[] | {
+                        [x: string]: import("../../../../../..").IBladeToolbar;
+                    } | ((...args: any[]) => any) | undefined;
+                } | undefined;
+                bladeTitle?: string | undefined;
+            }>;
+            required: true;
+            default: () => import("../../..").DetailsBladeContext;
+        };
+        args: {
+            type: import("vue").PropType<import("../../..").ControlSchema>;
+            required: true;
+            default: () => import("../../..").ControlSchema;
+        };
+        additionalSource: {
+            type: import("vue").PropType<import("vue").DefineComponent>;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        context: {
+            type: import("vue").PropType<{
+                settings: import("../../..").SettingsSchema;
+                load: import("../../../../../..").AsyncAction<import("../../..").ItemId>;
+                saveChanges: import("../../../../../..").AsyncAction<Record<string, any>>;
+                remove?: import("../../../../../..").AsyncAction<import("../../..").ItemId> | undefined;
+                loading: boolean;
+                item: Record<string, any> | undefined;
+                validationState: import("../../..").IValidationState<Record<string, any>>;
+                scope?: {
+                    [x: string]: any;
+                    disabled?: boolean | undefined;
+                    multilanguage?: {
+                        loading: boolean;
+                        currentLocale: string;
+                        languages: string[];
+                        setLocale: (locale: string) => void;
+                        localesOptions: {
+                            label: string | undefined;
+                            value: string;
+                        }[];
+                        getLanguages: import("../../../../../..").AsyncAction<void, void>;
+                    } | undefined;
+                    dynamicProperties?: {
+                        loading: boolean;
+                        loadDictionaries: (property: Record<string, any>, keyword?: string | undefined, locale?: string | undefined) => Promise<Record<string, any>[] | undefined>;
+                        getPropertyValue: (property: Record<string, any>, locale: string) => any;
+                        setPropertyValue: (data: {
+                            property: Record<string, any>;
+                            value: string | Record<string, any>[];
+                            dictionary?: Record<string, any>[] | undefined;
+                            locale?: string | undefined;
+                        }) => void;
+                    } | undefined;
+                    assetsHandler?: {
+                        assets?: {
+                            loading?: boolean | undefined;
+                            upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<import("../../../../../..").ICommonAsset[]>) | undefined;
+                            edit?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                            remove?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                        } | undefined;
+                        images?: {
+                            loading?: boolean | undefined;
+                            upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<import("../../../../../..").ICommonAsset[]>) | undefined;
+                            edit?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                            remove?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                        } | undefined;
+                    } | undefined;
+                    toolbarOverrides?: import("../../../../../..").IBladeToolbar[] | {
+                        id?: string | undefined;
+                        icon?: string | (() => string) | undefined;
+                        disabled?: boolean | undefined;
+                        dropdownItems?: {
+                            id: string;
+                            title: string;
+                            icon?: string | undefined;
+                            clickHandler?: (() => void) | undefined;
+                        }[] | undefined;
+                        title?: string | undefined;
+                        isVisible?: boolean | undefined;
+                        clickHandler?: ((app?: Record<string, any> | import("../../../../..").CoreBladeExposed | null | undefined) => void) | undefined;
+                    }[] | {
+                        [x: string]: import("../../../../../..").IBladeToolbar;
+                    } | ((...args: any[]) => any) | undefined;
+                } | undefined;
+                bladeTitle?: string | undefined;
+            }>;
+            required: true;
+            default: () => import("../../..").DetailsBladeContext;
+        };
+        args: {
+            type: import("vue").PropType<import("../../..").ControlSchema>;
+            required: true;
+            default: () => import("../../..").ControlSchema;
+        };
+        additionalSource: {
+            type: import("vue").PropType<import("vue").DefineComponent>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        context: {
+            settings: import("../../..").SettingsSchema;
+            load: import("../../../../../..").AsyncAction<import("../../..").ItemId>;
+            saveChanges: import("../../../../../..").AsyncAction<Record<string, any>>;
+            remove?: import("../../../../../..").AsyncAction<import("../../..").ItemId> | undefined;
+            loading: boolean;
+            item: Record<string, any> | undefined;
+            validationState: import("../../..").IValidationState<Record<string, any>>;
+            scope?: {
+                [x: string]: any;
+                disabled?: boolean | undefined;
+                multilanguage?: {
+                    loading: boolean;
+                    currentLocale: string;
+                    languages: string[];
+                    setLocale: (locale: string) => void;
+                    localesOptions: {
+                        label: string | undefined;
+                        value: string;
+                    }[];
+                    getLanguages: import("../../../../../..").AsyncAction<void, void>;
+                } | undefined;
+                dynamicProperties?: {
+                    loading: boolean;
+                    loadDictionaries: (property: Record<string, any>, keyword?: string | undefined, locale?: string | undefined) => Promise<Record<string, any>[] | undefined>;
+                    getPropertyValue: (property: Record<string, any>, locale: string) => any;
+                    setPropertyValue: (data: {
+                        property: Record<string, any>;
+                        value: string | Record<string, any>[];
+                        dictionary?: Record<string, any>[] | undefined;
+                        locale?: string | undefined;
+                    }) => void;
+                } | undefined;
+                assetsHandler?: {
+                    assets?: {
+                        loading?: boolean | undefined;
+                        upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<import("../../../../../..").ICommonAsset[]>) | undefined;
+                        edit?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                        remove?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                    } | undefined;
+                    images?: {
+                        loading?: boolean | undefined;
+                        upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<import("../../../../../..").ICommonAsset[]>) | undefined;
+                        edit?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                        remove?: ((files: import("../../../../../..").ICommonAsset[]) => import("../../../../../..").ICommonAsset[]) | undefined;
+                    } | undefined;
+                } | undefined;
+                toolbarOverrides?: import("../../../../../..").IBladeToolbar[] | {
+                    id?: string | undefined;
+                    icon?: string | (() => string) | undefined;
+                    disabled?: boolean | undefined;
+                    dropdownItems?: {
+                        id: string;
+                        title: string;
+                        icon?: string | undefined;
+                        clickHandler?: (() => void) | undefined;
+                    }[] | undefined;
+                    title?: string | undefined;
+                    isVisible?: boolean | undefined;
+                    clickHandler?: ((app?: Record<string, any> | import("../../../../..").CoreBladeExposed | null | undefined) => void) | undefined;
+                }[] | {
+                    [x: string]: import("../../../../../..").IBladeToolbar;
+                } | ((...args: any[]) => any) | undefined;
+            } | undefined;
+            bladeTitle?: string | undefined;
+        };
+        args: import("../../..").ControlSchema;
+    }, {}>;
+    args: {
+        id: string;
+        component: "vc-select";
+        property: string;
+        optionsMethod: string;
+    };
+    argTypes: {
+        component: {
+            description: string;
+            type: {
+                required: true;
+                name: "string";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        optionValue: {
+            description: string;
+            type: {
+                required: true;
+                name: "string";
+            };
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        optionLabel: {
+            description: string;
+            type: {
+                required: true;
+                name: "string";
+            };
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        optionsMethod: {
+            description: string;
+            type: {
+                required: true;
+                name: "string";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        customTemplate: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        clearable: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        emitValue: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        searchable: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        multiple: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        mapOptions: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        id: {
+            readonly description: "Unique identifier for component.";
+            readonly control: "text";
+            readonly type: {
+                readonly required: true;
+                readonly name: "string";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        label: {
+            readonly description: "Control label.\n      To show label based on some bound property - use interpolation `{}` syntax.\n      \n`@example` {someProperty}\n      Supports i18n keys.";
+            readonly control: "text";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        property: {
+            readonly description: "Property name to populate the component with data.\n    Data can be defined in either the `item` or the `scope`.\n    \nDot notation can also be used for nested properties, e.g. `address.city` or `addresses[1].city`.\n    \nYou can also use a `function` or `writable computed` to set the property in the `scope`, which receives the modified data as an argument.\n    ";
+            readonly type: {
+                readonly required: true;
+                readonly name: "string";
+            };
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        rules: {
+            readonly description: "Vee-validate and custom validation rules for the schema.";
+            readonly control: "object";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "IValidationRules";
+                    readonly detail: "https://github.com/VirtoCommerce/vc-shell/blob/67ac3849b35660680123efaf59775d4a64a210f6/framework/core/types/index.ts#L10";
+                };
+            };
+        };
+        placeholder: {
+            readonly description: "Placeholder text for the component.\n    Supports i18n keys.";
+            readonly control: "text";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        disabled: {
+            readonly description: "Disabled state for component.\n    Method should be defined in the blade `scope`.\n    Method should return boolean value.\n    ";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "{ method: string }";
+                };
+            };
+        };
+        tooltip: {
+            readonly description: "Tooltip text for the component.\n    Supports i18n keys.";
+            readonly control: "text";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        visibility: {
+            readonly description: "Visibility options for component.\n    Method should be defined in the blade `scope`.\n    Method should return boolean value.\n    ";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "{ method: string }";
+                };
+            };
+        };
+        multilanguage: {
+            readonly description: "Flag to indicate if the component supports multilanguage.";
+            readonly control: "boolean";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "boolean";
+                };
+                readonly defaultValue: {
+                    readonly summary: "false";
+                };
+            };
+        };
+        update: {
+            readonly description: "Additional method that is called when the modelValue of the component changes.\n    Method should be defined in the blade `scope`.\n    ";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "{ method: string }";
+                };
+            };
+        };
+        horizontalSeparator: {
+            readonly description: "Adds horizontal separator after component.";
+            readonly control: "boolean";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "boolean";
+                };
+                readonly defaultValue: {
+                    readonly summary: "false";
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            canvas: {
+                sourceState: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Template: StoryFn<SelectSchema>;
+export declare const WithLabel: StoryFn<SelectSchema>;
+export declare const WithTooltip: StoryFn<SelectSchema>;
+export declare const WithPlaceholder: StoryFn<SelectSchema>;
+export declare const WithValidation: StoryFn<SelectSchema>;
+export declare const WithAsyncOptions: StoryFn<SelectSchema>;
+export declare const WithObjectArrayOptions: StoryFn<SelectSchema>;
+export declare const WithStringArrayOptions: StoryFn<SelectSchema>;
+export declare const EmitValueTrueProp: StoryFn<SelectSchema>;
+export declare const EmitValueFalseProp: StoryFn<SelectSchema>;
+export declare const MapOptionsTrueProp: StoryFn<SelectSchema>;
+export declare const MapOptionsFalseProp: StoryFn<SelectSchema>;
+export declare const Multiple: StoryFn<SelectSchema>;
+export declare const Searchable: StoryFn<SelectSchema>;
+export declare const WithDisabled: StoryFn<SelectSchema>;
+export declare const WithClearable: StoryFn<SelectSchema>;
+export declare const WithVisibilityMethod: StoryFn<SelectSchema>;
+export declare const WithUpdateMethod: StoryFn<SelectSchema>;
+export declare const WithHorizontalSeparator: StoryFn<SelectSchema>;
+export declare const CustomTemplate: StoryFn<SelectSchema>;
+export declare const CustomTemplateWithMultiple: StoryFn<SelectSchema>;
+//# sourceMappingURL=SelectField.stories.d.ts.map

package/dist/shared/modules/dynamic/components/fields/storybook/SelectField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../shared/modules/dynamic/components/fields/storybook/SelectField.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,iBAAiB,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BxC,wBAmK+B;AAE/B,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,YAAY,CAmBzC,CAAC;AAEH,eAAO,MAAM,SAAS,uBAAoB,CAAC;AAK3C,eAAO,MAAM,WAAW,uBAAqB,CAAC;AAM9C,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,YAAY,CAmBhD,CAAC;AAMH,eAAO,MAAM,cAAc,uBAAoB,CAAC;AAMhD,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,YAAY,CA0BjD,CAAC;AAOH,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,YAAY,CAmBvD,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,YAAY,CAcvD,CAAC;AAEH,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,YAAY,CAmBlD,CAAC;AASH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CAmBnD,CAAC;AAYH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CAmBnD,CAAC;AAUH,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,YAAY,CAmBpD,CAAC;AAYH,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,YAAY,CAmBzC,CAAC;AAKH,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,YAAY,CAmB3C,CAAC;AAKH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,YAAY,CAoB7C,CAAC;AAOH,eAAO,MAAM,aAAa,uBAAoB,CAAC;AAM/C,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,YAAY,CAyBrD,CAAC;AAOH,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,YAAY,CAqBjD,CAAC;AAOH,eAAO,MAAM,uBAAuB,uBAAoB,CAAC;AAOzD,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,YAAY,CAmB/C,CAAC;AAUH,eAAO,MAAM,0BAA0B,EAAE,OAAO,CAAC,YAAY,CAmB3D,CAAC"}