@deskhero/dh_ui 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deskhero/dh_ui",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "files": [
     "dist"
   ],
@@ -27,8 +27,8 @@
     "preview": "vite preview --port 4173",
     "build-only": "vite build",
     "type-check": "vue-tsc",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "chromatic": "npx chromatic --project-token=9b1dd74e6816",
     "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src --max-warnings=0",
     "format": "prettier .  --write"
@@ -48,7 +48,7 @@
     "vue-chartjs": "^4.1.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.5",
+    "@babel/core": "^7.21.4",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@editorjs/checklist": "^1.4.0",
@@ -59,18 +59,19 @@
     "@rushstack/eslint-patch": "^1.1.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-interactions": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/addons": "^6.5.9",
-    "@storybook/builder-vite": "^0.1.36",
+    "@storybook/addon-actions": "^7.0.26",
+    "@storybook/addon-essentials": "^7.0.26",
+    "@storybook/addon-interactions": "^7.0.26",
+    "@storybook/addon-links": "^7.0.26",
+    "@storybook/addon-mdx-gfm": "^7.0.26",
+    "@storybook/addons": "^7.0.26",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/testing-library": "^0.0.13",
-    "@storybook/theming": "^6.5.9",
-    "@storybook/vue3": "^6.5.9",
+    "@storybook/testing-library": "^0.2.0",
+    "@storybook/theming": "^7.0.26",
+    "@storybook/vue3": "^7.0.26",
+    "@storybook/vue3-vite": "^7.0.26",
     "@types/node": "^16.11.36",
-    "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue": "^4.1.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/tsconfig": "^0.1.3",
@@ -83,21 +84,27 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-storybook": "^0.6.12",
     "eslint-plugin-vue": "^8.7.1",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.5.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "sass": "^1.53.0",
     "sass-loader": "^13.0.2",
     "semantic-release": "^19.0.3",
-    "storybook-addon-designs": "^6.3.1",
-    "storybook-zeplin": "^1.7.2",
+    "storybook": "^7.0.26",
     "style-loader": "^3.3.1",
-    "typescript": "~4.7.2",
-    "vite": "^2.9.9",
+    "typescript": "^5.0.4",
+    "vite": "^4.4.2",
     "vue-loader": "^16.8.3",
-    "vue-tsc": "^0.35.2"
+    "vue-tsc": "^1.2.0"
+  },
+  "engines": {
+    "node": ">=18.12.1",
+    "npm": ">=8.19.2"
   },
   "config": {
     "commitizen": {

package/dist/node_modules/multi-range-slider-vue/MultiRangeSlider.vue.d.ts

@@ -1,132 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    baseClassName: {
-        type: StringConstructor;
-        default: string;
-    };
-    min: {
-        type: NumberConstructor;
-    };
-    max: {
-        type: NumberConstructor;
-    };
-    minValue: {
-        type: NumberConstructor;
-    };
-    maxValue: {
-        type: NumberConstructor;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    preventWheel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    ruler: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    labels: {
-        type: ArrayConstructor;
-    };
-    minCaption: {
-        type: StringConstructor;
-    };
-    maxCaption: {
-        type: StringConstructor;
-    };
-    rangeMargin: {
-        type: NumberConstructor;
-    };
-}, any, {
-    valueMin: number;
-    valueMax: number;
-    interVal: null;
-    startX: null;
-    mouseMoveCounter: null;
-    barBox: null;
-    barValue: number;
-    rangeMarginValue: number;
-}, {
-    minimum(): number;
-    maximum(): number;
-    stepCount(): number;
-    subStepCount(): number;
-    barMin(): number;
-    barMax(): number;
-    barMinVal(): string;
-    barMaxVal(): string;
-    scaleLabels(): unknown[];
-}, {
-    onBarLeftClick(): void;
-    onInnerBarLeftClick(): void;
-    onBarRightClick(): void;
-    onInnerBarRightClick(): void;
-    onInputMinChange(e: any): void;
-    onInputMaxChange(e: any): void;
-    onLeftThumbMousedown(e: any): void;
-    onLeftThumbMousemove(e: any): void;
-    onLeftThumbMouseup(): void;
-    onRightThumbMousedown(e: any): void;
-    onRightThumbMousemove(e: any): void;
-    onRightThumbMouseup(): void;
-    onMouseWheel(e: any): void;
-    triggerInput(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    baseClassName: {
-        type: StringConstructor;
-        default: string;
-    };
-    min: {
-        type: NumberConstructor;
-    };
-    max: {
-        type: NumberConstructor;
-    };
-    minValue: {
-        type: NumberConstructor;
-    };
-    maxValue: {
-        type: NumberConstructor;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    preventWheel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    ruler: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    labels: {
-        type: ArrayConstructor;
-    };
-    minCaption: {
-        type: StringConstructor;
-    };
-    maxCaption: {
-        type: StringConstructor;
-    };
-    rangeMargin: {
-        type: NumberConstructor;
-    };
-}>>, {
-    label: boolean;
-    baseClassName: string;
-    step: number;
-    preventWheel: boolean;
-    ruler: boolean;
-}>;
-export default _default;

package/dist/src/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@vue/runtime-core").DefineComponent<{}, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").EmitsOptions, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/components/AdvancedDatePicker.vue.d.ts

@@ -1,10 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    $props: Readonly<import("vue").ExtractPropTypes<{
-        numberRange: {
-            type: ArrayConstructor;
-            required: true;
-        };
-    }>>;
-    $emit: (event: "update", ...args: any[]) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/components/AdvancedFilter.vue.d.ts

@@ -1,55 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    mainText: {
-        type: StringConstructor;
-        default: string;
-    };
-    filterMissingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    matchText: {
-        type: StringConstructor;
-        default: string;
-    };
-    excludeText: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, {
-    activeFilter: boolean;
-    isFilterMissing: boolean;
-    isMatch: boolean;
-    isExclude: boolean;
-}, {}, {
-    toggleFilter(): void;
-    matchFilter(): void;
-    excludeFilter(): void;
-    missingFilter(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("match" | "exclude" | "filter_missing")[], "match" | "exclude" | "filter_missing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    mainText: {
-        type: StringConstructor;
-        default: string;
-    };
-    filterMissingText: {
-        type: StringConstructor;
-        default: string;
-    };
-    matchText: {
-        type: StringConstructor;
-        default: string;
-    };
-    excludeText: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    onMatch?: ((...args: any[]) => any) | undefined;
-    onExclude?: ((...args: any[]) => any) | undefined;
-    onFilter_missing?: ((...args: any[]) => any) | undefined;
-}, {
-    mainText: string;
-    filterMissingText: string;
-    matchText: string;
-    excludeText: string;
-}>;
-export default _default;

package/dist/src/components/Button.vue.d.ts

@@ -1,60 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    loading: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    size: string;
-    color: string;
-    disabled: boolean;
-    icon: string;
-    loading: boolean;
-}>;
-export default _default;

package/dist/src/components/Copiable.vue.d.ts

@@ -1,17 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    $props: Readonly<import("vue").ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            required: true;
-        };
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/components/DatePicker.vue.d.ts

@@ -1,22 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    $props: Readonly<import("vue").ExtractPropTypes<{
-        inline: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        multiCalendars: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        range: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        enableTimePicker: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>>;
-    $emit: (event: "update", ...args: any[]) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/components/DropdownMenu.vue.d.ts

@@ -1,86 +0,0 @@
-import type DropdownMenuItem from "../models/DropdownMenuItem.model";
-import { type PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    items: {
-        type: PropType<DropdownMenuItem[]>;
-        required: true;
-    };
-    textEllipsisStyle: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    iconSize: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    closeOnClickOutside: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    closeOnItemSelected: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    widthProp: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "itemSelected")[], "close" | "itemSelected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: PropType<DropdownMenuItem[]>;
-        required: true;
-    };
-    textEllipsisStyle: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    iconSize: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    closeOnClickOutside: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    closeOnItemSelected: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    widthProp: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    onItemSelected?: ((...args: any[]) => any) | undefined;
-}, {
-    zIndex: number;
-    textEllipsisStyle: string;
-    iconSize: number;
-    closeOnClickOutside: boolean;
-    closeOnItemSelected: boolean;
-    widthProp: string;
-}>;
-export default _default;

package/dist/src/components/DropdownMenuItem.vue.d.ts

@@ -1,39 +0,0 @@
-import type DropdownMenuItem from "../models/DropdownMenuItem.model";
-import { type PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    item: {
-        type: PropType<DropdownMenuItem>;
-        required: true;
-    };
-    textEllipsisStyle: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    iconSize: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    item: {
-        type: PropType<DropdownMenuItem>;
-        required: true;
-    };
-    textEllipsisStyle: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (value: string) => boolean;
-    };
-    iconSize: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-}>>, {
-    textEllipsisStyle: string;
-    iconSize: number;
-}>;
-export default _default;

package/dist/src/components/Error.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    errors: {
-        type: () => string[] | undefined;
-        required: false;
-        default: undefined;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    errors: {
-        type: () => string[] | undefined;
-        required: false;
-        default: undefined;
-    };
-}>>, {
-    errors: string[] | undefined;
-}>;
-export default _default;

package/dist/src/components/ExpansionPanel.vue.d.ts

@@ -1,25 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    isAdvancedSettingsOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, unknown, {
-    isAdvancedSettingsCurrentlyOpen: boolean;
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    isAdvancedSettingsOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    title: string;
-    isAdvancedSettingsOpen: boolean;
-}>;
-export default _default;

package/dist/src/components/FileUpload.vue.d.ts

@@ -1,81 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    $props: Readonly<import("vue").ExtractPropTypes<{
-        fileList: {
-            type: ArrayConstructor;
-            required: false;
-            default: () => never[];
-        };
-        fileFormats: {
-            type: ArrayConstructor;
-            required: false;
-            default: () => string[];
-        };
-        uploadProgress: {
-            type: ArrayConstructor;
-            required: true;
-        };
-        errorOccurred: {
-            type: ArrayConstructor;
-            required: true;
-        };
-        virusCheck: {
-            type: ArrayConstructor;
-            required: true;
-        };
-        modelValue: {
-            type: {
-                new (): FileList;
-                prototype: FileList;
-            };
-            required: false;
-            default: undefined;
-        };
-        inline: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        large: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        errorMessage: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        fileSaved: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        virusCheckText: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        virusCheckFailedText: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        virusDetectedText: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        deleteConfirmationText: {
-            type: StringConstructor;
-            required: false;
-            default: string;
-        };
-        zIndex: {
-            type: NumberConstructor;
-            required: false;
-            default: number;
-        };
-    }>>;
-    $emit: (event: "update:modelValue" | "save:modelValue" | "reload", ...args: any[]) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;