@vc-shell/framework 1.0.187 → 1.0.189

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

@@ -0,0 +1,391 @@
+import { StoryFn } from "@storybook/vue3";
+import { ICommonAsset } from "../../../../../..";
+import { GallerySchema } 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<ICommonAsset[]>) | undefined;
+                            edit?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                            remove?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                        } | undefined;
+                        images?: {
+                            loading?: boolean | undefined;
+                            upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<ICommonAsset[]>) | undefined;
+                            edit?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                            remove?: ((files: ICommonAsset[]) => 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<ICommonAsset[]>) | undefined;
+                            edit?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                            remove?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                        } | undefined;
+                        images?: {
+                            loading?: boolean | undefined;
+                            upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<ICommonAsset[]>) | undefined;
+                            edit?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                            remove?: ((files: ICommonAsset[]) => 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<ICommonAsset[]>) | undefined;
+                        edit?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                        remove?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                    } | undefined;
+                    images?: {
+                        loading?: boolean | undefined;
+                        upload?: ((files: FileList, startingSortOrder?: number | undefined) => Promise<ICommonAsset[]>) | undefined;
+                        edit?: ((files: ICommonAsset[]) => ICommonAsset[]) | undefined;
+                        remove?: ((files: ICommonAsset[]) => 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-gallery";
+        property: string;
+    };
+    argTypes: {
+        component: {
+            description: string;
+            type: {
+                required: true;
+                name: "string";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        variant: {
+            description: string;
+            control: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        multiple: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        actions: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hideAfterUpload: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    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 }";
+                };
+            };
+        };
+        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";
+                };
+            };
+        };
+        tooltip: {
+            readonly description: "Tooltip text for the component.\n    Supports i18n keys.";
+            readonly control: "text";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        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";
+                };
+            };
+        };
+        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";
+                };
+            };
+        };
+        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";
+                };
+            };
+        };
+        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 }";
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            canvas: {
+                sourceState: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Template: StoryFn<GallerySchema>;
+export declare const Label: StoryFn<GallerySchema>;
+export declare const WithTooltip: StoryFn<GallerySchema>;
+export declare const WithDisabled: StoryFn<GallerySchema>;
+export declare const WithVisibilityMethod: StoryFn<GallerySchema>;
+export declare const FileUpload: StoryFn<GallerySchema>;
+export declare const WithoutItemActions: StoryFn<GallerySchema>;
+//# sourceMappingURL=GalleryField.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../shared/modules/dynamic/components/fields/storybook/GalleryField.stories.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzC,wBAoFgC;AAmChC,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,aAAa,CAe1C,CAAC;AAEH,eAAO,MAAM,KAAK,wBAAoB,CAAC;AAKvC,eAAO,MAAM,WAAW,wBAAoB,CAAC;AAM7C,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,aAAa,CAiB9C,CAAC;AAMH,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,aAAa,CAsBtD,CAAC;AAMH,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,aAAa,CAgB5C,CAAC;AAOH,eAAO,MAAM,kBAAkB,wBAAoB,CAAC"}