@vc-shell/framework 1.0.188 → 1.0.190

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

@@ -0,0 +1,322 @@
+import { StoryFn } from "@storybook/vue3";
+import { VideoSchema } 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-video";
+        property: string;
+    };
+    argTypes: {
+        component: {
+            description: string;
+            type: {
+                required: true;
+                name: "string";
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    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";
+                };
+            };
+        };
+        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";
+                };
+            };
+        };
+        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<VideoSchema>;
+export declare const WithLabel: StoryFn<VideoSchema>;
+export declare const WithTooltip: StoryFn<VideoSchema>;
+export declare const WithVisibility: StoryFn<VideoSchema>;
+//# sourceMappingURL=VideoField.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../shared/modules/dynamic/components/fields/storybook/VideoField.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC,wBAiC8B;AAE9B,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,WAAW,CAWxC,CAAC;AAEH,eAAO,MAAM,SAAS,sBAAoB,CAAC;AAK3C,eAAO,MAAM,WAAW,sBAAoB,CAAC;AAM7C,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,WAAW,CAmB9C,CAAC"}

package/dist/shared/modules/dynamic/components/fields/storybook/common/args.d.ts

@@ -0,0 +1,113 @@
+export declare const SchemaBaseArgTypes: {
+    readonly 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";
+            };
+        };
+    };
+    readonly 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";
+            };
+        };
+    };
+    readonly 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";
+            };
+        };
+    };
+    readonly 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";
+            };
+        };
+    };
+    readonly placeholder: {
+        readonly description: "Placeholder text for the component.\n    Supports i18n keys.";
+        readonly control: "text";
+        readonly table: {
+            readonly type: {
+                readonly summary: "string";
+            };
+        };
+    };
+    readonly 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 }";
+            };
+        };
+    };
+    readonly tooltip: {
+        readonly description: "Tooltip text for the component.\n    Supports i18n keys.";
+        readonly control: "text";
+        readonly table: {
+            readonly type: {
+                readonly summary: "string";
+            };
+        };
+    };
+    readonly 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 }";
+            };
+        };
+    };
+    readonly 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";
+            };
+        };
+    };
+    readonly 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 }";
+            };
+        };
+    };
+    readonly horizontalSeparator: {
+        readonly description: "Adds horizontal separator after component.";
+        readonly control: "boolean";
+        readonly table: {
+            readonly type: {
+                readonly summary: "boolean";
+            };
+            readonly defaultValue: {
+                readonly summary: "false";
+            };
+        };
+    };
+};
+//# sourceMappingURL=args.d.ts.map

package/dist/shared/modules/dynamic/components/fields/storybook/common/args.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"args.d.ts","sourceRoot":"","sources":["../../../../../../../../shared/modules/dynamic/components/fields/storybook/common/args.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIrB,CAAC"}

package/dist/shared/modules/dynamic/components/fields/storybook/common/templates.d.ts

@@ -0,0 +1,3 @@
+export declare const template = "\n<page :args=\"args\" :context=\"context\" :additionalSource=\"additionalSource\" @update:modelValue=\"(val) => Object.assign(context.item, val)\" />\n";
+export declare const templateWithVisibilityToggle = "\n<VcButton @click=\"toggle\" class=\"tw-mb-4\" outline small variant=\"danger\">Toggle visibility</VcButton>\n\n<page :args=\"args\" :context=\"context\" :additionalSource=\"additionalSource\" @update:modelValue=\"(val) => Object.assign(context.item, val)\" />\n\n";
+//# sourceMappingURL=templates.d.ts.map

package/dist/shared/modules/dynamic/components/fields/storybook/common/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../../../../../../shared/modules/dynamic/components/fields/storybook/common/templates.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,6JAEpB,CAAC;AAEF,eAAO,MAAM,4BAA4B,8QAGxC,CAAC"}