@ambita/design-system 3.0.27-161.0 → 3.0.27-201.0

package/dist/types/components/TextArea/TextArea.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
     };
     resize: {
-        type: PropType<"none" | "vertical" | "horizontal" | "auto" | "both">;
+        type: PropType<"vertical" | "horizontal" | "none" | "auto" | "both">;
         default: string;
     };
     height: {
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     styles: import("vue").ComputedRef<{
-        resize: "none" | "vertical" | "horizontal" | "auto" | "both";
+        resize: "vertical" | "horizontal" | "none" | "auto" | "both";
         'max-width': string;
     }>;
     handleInput(event: {
@@ -55,44 +55,63 @@ declare const _default: import("vue").DefineComponent<{
             value: string;
         };
     }): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue")[], "input" | "blur" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    label?: unknown;
-    id?: unknown;
-    description?: unknown;
-    hideLabel?: unknown;
-    name?: unknown;
-    placeholder?: unknown;
-    resize?: unknown;
-    height?: unknown;
-    width?: unknown;
-    required?: unknown;
-    value?: unknown;
-} & {
-    required: boolean;
-    value: string | number;
-    label: string;
-    resize: "none" | "vertical" | "horizontal" | "auto" | "both";
-    hideLabel: boolean;
-    id: string;
-    height: number;
-    width: string;
-} & {
-    name?: string | undefined;
-    description?: string | undefined;
-    modelValue?: string | number | undefined;
-    placeholder?: string | undefined;
-}> & {
-    onInput?: ((...args: any[]) => any) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "input" | "update:modelValue")[], "blur" | "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    id: {
+        type: StringConstructor;
+        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+    };
+    description: {
+        type: StringConstructor;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    resize: {
+        type: PropType<"vertical" | "horizontal" | "none" | "auto" | "both">;
+        default: string;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>> & {
     onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    required: boolean;
-    value: string | number;
-    resize: "none" | "vertical" | "horizontal" | "auto" | "both";
     hideLabel: boolean;
     id: string;
-    height: number;
+    required: boolean;
+    value: string | number;
+    resize: "vertical" | "horizontal" | "none" | "auto" | "both";
     width: string;
+    height: number;
 }>;
 export default _default;

package/dist/types/components/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,101 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+        };
+        offLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        onLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        checked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOffLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        activeText: import("vue").ComputedRef<string>;
+        inactiveText: import("vue").ComputedRef<string>;
+        getTestId: (testId: string) => string | undefined;
+        change: () => void;
+        toggle: () => void;
+        active: import("vue").Ref<boolean>;
+        radioOn: import("vue").Ref<HTMLInputElement | null>;
+        radioOff: import("vue").Ref<HTMLInputElement | null>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+        };
+        offLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        onLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        checked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOffLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideOnLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataTestid: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        hideLabel: boolean;
+        id: string;
+        checked: boolean;
+        offLabel: string;
+        onLabel: string;
+        hideOffLabel: boolean;
+        hideOnLabel: boolean;
+    }>;
+};
+export default _default;
+export declare const Toggle: Story<import("@storybook/vue3").Args>;
+export declare const Examples: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Toggle/Toggle.vue.d.ts

@@ -1,20 +1,95 @@
-declare const _default: import("vue").DefineComponent<Readonly<{} & {} & {}> & ({
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-} | {
-    [x: string & `on${string}`]: ((...args: never) => any) | undefined;
-}), (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<({
-    [x: string & `on${string}`]: unknown;
-} & {} & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-}) | ({
-    [x: string & `on${string}`]: unknown;
-} & {} & {
-    [x: string & `on${string}`]: ((...args: never) => any) | undefined;
-})> & ({
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-} | {
-    [x: string & `on${string}`]: ((...args: never) => any) | undefined;
-}), {} | {}>;
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    offLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    onLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOffLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dataTestid: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    activeText: import("vue").ComputedRef<string>;
+    inactiveText: import("vue").ComputedRef<string>;
+    getTestId: (testId: string) => string | undefined;
+    change: () => void;
+    toggle: () => void;
+    active: import("vue").Ref<boolean>;
+    radioOn: import("vue").Ref<HTMLInputElement | null>;
+    radioOff: import("vue").Ref<HTMLInputElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+    offLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    onLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOffLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideOnLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dataTestid: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    hideLabel: boolean;
+    id: string;
+    checked: boolean;
+    offLabel: string;
+    onLabel: string;
+    hideOffLabel: boolean;
+    hideOnLabel: boolean;
+}>;
 export default _default;

package/dist/types/components/Upload/File/File.vue.d.ts

@@ -30,24 +30,37 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     removeFile: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-file"[], "remove-file", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    file?: unknown;
-    filename?: unknown;
-    filePath?: unknown;
-    time?: unknown;
-    percentage?: unknown;
-    uuid?: unknown;
-    failed?: unknown;
-} & {
-    time: string;
-    uuid: string;
-    filename: string;
-    failed: boolean;
-} & {
-    file?: File | undefined;
-    filePath?: string | undefined;
-    percentage?: number | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-file"[], "remove-file", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    file: {
+        type: {
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
+            prototype: File;
+        };
+    };
+    filename: {
+        type: StringConstructor;
+        required: true;
+    };
+    filePath: {
+        type: StringConstructor;
+        required: false;
+    };
+    time: {
+        type: StringConstructor;
+        required: true;
+    };
+    percentage: {
+        type: NumberConstructor;
+    };
+    uuid: {
+        type: StringConstructor;
+        required: true;
+    };
+    failed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     "onRemove-file"?: ((...args: any[]) => any) | undefined;
 }, {
     failed: boolean;

package/dist/types/components/Upload/Upload.stories.d.ts

@@ -0,0 +1,94 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        files: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        label: {
+            type: StringConstructor;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxFileSize: {
+            type: NumberConstructor;
+            default: NumberConstructor;
+        };
+        maxAttachmentCount: {
+            type: NumberConstructor;
+        };
+    }, {
+        removeFile: (uuid: string) => void;
+        filesUploaded: import("vue").ComputedRef<boolean>;
+        state: {
+            fileList: unknown[];
+            isOver: boolean;
+            message: string;
+        };
+        dragLeave: () => void;
+        addFile: (event: Event) => void;
+        wrapperClasses: import("vue").ComputedRef<{
+            'aux-input-upload-field-wrapper': boolean;
+            "aux-input-upload-field-wrapper--drag": boolean;
+            "aux-input-upload-field-wrapper--no-drag": boolean;
+        }>;
+        dragover: () => void;
+        inputField: import("vue").Ref<any>;
+        inputFieldWrapper: import("vue").Ref<any>;
+        errorMessage: import("vue").Ref<string>;
+        handleFile: (event: Event) => void;
+        filesCollection: any;
+        setWarning: (files: FileList) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("file-added" | "file-removed")[], "file-added" | "file-removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        files: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        id: {
+            type: StringConstructor;
+            default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+        };
+        label: {
+            type: StringConstructor;
+        };
+        description: {
+            type: StringConstructor;
+        };
+        hideLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxFileSize: {
+            type: NumberConstructor;
+            default: NumberConstructor;
+        };
+        maxAttachmentCount: {
+            type: NumberConstructor;
+        };
+    }>> & {
+        "onFile-added"?: ((...args: any[]) => any) | undefined;
+        "onFile-removed"?: ((...args: any[]) => any) | undefined;
+    }, {
+        hideLabel: boolean;
+        id: string;
+        files: unknown[];
+        maxFileSize: number;
+    }>;
+    argTypes: {
+        onUpload: {
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Upload: Story<import("@storybook/vue3").Args>;

package/dist/types/components/Upload/Upload.vue.d.ts

@@ -46,24 +46,33 @@ declare const _default: import("vue").DefineComponent<{
     handleFile: (event: Event) => void;
     filesCollection: any;
     setWarning: (files: FileList) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("file-added" | "file-removed")[], "file-added" | "file-removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    files?: unknown;
-    id?: unknown;
-    label?: unknown;
-    description?: unknown;
-    hideLabel?: unknown;
-    maxFileSize?: unknown;
-    maxAttachmentCount?: unknown;
-} & {
-    hideLabel: boolean;
-    id: string;
-    files: unknown[];
-    maxFileSize: number;
-} & {
-    description?: string | undefined;
-    label?: string | undefined;
-    maxAttachmentCount?: number | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("file-added" | "file-removed")[], "file-added" | "file-removed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    files: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    id: {
+        type: StringConstructor;
+        default: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
+    };
+    label: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: NumberConstructor;
+    };
+    maxAttachmentCount: {
+        type: NumberConstructor;
+    };
+}>> & {
     "onFile-added"?: ((...args: any[]) => any) | undefined;
     "onFile-removed"?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/types/helpers/formatters/formatDateAndTime/Storybook/formatDateAndTime.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+};
+export default _default;
+export declare const formatDateAndTime: Story<import("@storybook/vue3").Args>;

package/dist/types/helpers/formatters/formatQuantity/Storybook/formatAmount.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+};
+export default _default;
+export declare const formatAmount: Story<import("@storybook/vue3").Args>;

package/dist/types/helpers/formatters/formatQuantity/Storybook/formatNumber.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+};
+export default _default;
+export declare const formatNumber: Story<import("@storybook/vue3").Args>;

package/dist/types/index.d.ts

@@ -18,6 +18,7 @@ export { default as AuxPagination } from './components/Pagination/Pagination.vue
 export { default as AuxDirectionalArrow } from './components/DirectionalArrow/DirectionalArrow.vue';
 export { default as AuxAriaAnnouncer } from './components/AuxAriaAnnouncer/AuxAriaAnnouncer.vue';
 export { default as AuxNotifications } from './components/Notification/Notifications.vue';
+export { default as AuxJsonForm } from './components/JsonForm/JsonForm.vue';
 export { default as AuxStatusBanner } from './components/StatusBanner/StatusBanner';
 export { formatDate } from '@/helpers/formatters/formatDateAndTime/';
 export { formatPrice } from '@/helpers/formatters/formatQuantity/formatAmount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ambita/design-system",
-  "version": "3.0.27-161.0",
+  "version": "3.0.27-201.0",
   "scripts": {
     "start": "npm run storybook",
     "serve": "vue-cli-service serve",
@@ -17,6 +17,7 @@
     "phosphor:update": "node scripts/phosphorUpdate.js"
   },
   "dependencies": {
+    "@jsonforms/vue": "^3.0.0",
     "@types/aws-iot-device-sdk": "^2.2.4",
     "aws-iot-device-sdk": "^1.0.13",
     "core-js": "^3.6.5",