@wikicasa-dev/components 0.1.4 → 1.0.0

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "0.1.4",
+  "version": "1.0.0",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/components.cjs",
-  "module": "./dist/components.mjs",
+  "module": "./dist/components.js",
   "exports": {
     ".": {
       "require": "./dist/components.cjs",
-      "import": "./dist/components.mjs"
+      "import": "./dist/components.js"
     }
   },
   "types": "./dist/main.d.ts",
@@ -26,38 +26,42 @@
   },
   "homepage": "https://bitbucket.org/wikicasa/wikicasa-fe#readme",
   "dependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.4.0",
+    "vue-router": "4"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/addon-mdx-gfm": "^7.4.0",
+    "@babel/eslint-parser": "^7.24.1",
+    "@storybook/addon-essentials": "^8.0.2",
+    "@storybook/addon-interactions": "^8.0.2",
+    "@storybook/addon-links": "^8.0.2",
+    "@storybook/addon-mdx-gfm": "^8.0.2",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^7.4.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/vue3": "^7.4.0",
-    "@storybook/vue3-vite": "^7.4.0",
-    "@types/bootstrap": "^5.2.6",
+    "@storybook/blocks": "^8.0.2",
+    "@storybook/manager-api": "^8.0.2",
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/theming": "^8.0.2",
+    "@storybook/vue3": "^8.0.2",
+    "@storybook/vue3-vite": "^8.0.2",
     "@types/node": "^20.5.0",
-    "@vitejs/plugin-vue": "^4.3.1",
-    "@storybook/addon-postcss": "^2.0.0",
+    "@vitejs/plugin-vue": "^5.0.4",
     "autoprefixer": "^10.4.15",
-    "bootstrap": "5.2.3",
-    "chromatic": "^6.22.0",
+    "chromatic": "^11.2.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier-vue": "^5.0.0",
+    "eslint-plugin-vue": "^9.23.0",
     "postcss": "^8.4.28",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.66.1",
-    "storybook": "^7.4.0",
-    "storybook-addon-vue-slots": "^0.9.21",
-    "tailwindcss": "^3.3.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.9",
-    "vite-plugin-dts": "^3.5.2",
-    "vue-tsc": "^1.8.8",
-    "@wikicasa-dev/utilities": "^0.1.2",
-    "@wikicasa-dev/types": "^0.0.12"
+    "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.5.12",
+    "storybook": "^7.4.5",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.2",
+    "vite-plugin-dts": "^3.7.3",
+    "vue-tsc": "^2.0.7",
+    "@wikicasa-dev/types": "^0.8.0",
+    "@wikicasa-dev/utilities": "^0.1.2"
   },
   "readme": "ERROR: No README data found!",
   "scripts": {
@@ -66,6 +70,7 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=chpt_f2628e4ff2a4de6"
+    "chromatic": "npx chromatic --project-token chpt_f2628e4ff2a4de6",
+    "prepublish": "pnpm build"
   }
 }

package/dist/App.vue.d.ts

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

package/dist/UIKit/BaseAccordion.vue.d.ts

@@ -1,25 +0,0 @@
-interface IAccordion {
-    id?: string;
-    summary?: string;
-}
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    items: {
-        type: import("vue").PropType<IAccordion>;
-        default: () => {};
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    items: {
-        type: import("vue").PropType<IAccordion>;
-        default: () => {};
-    };
-}>>, {
-    items: IAccordion;
-}, {}>, {
-    custom?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/BaseAlert.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    text: {
-        type: StringConstructor;
-    };
-    alrtClass: {
-        type: StringConstructor;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    text: {
-        type: StringConstructor;
-    };
-    alrtClass: {
-        type: StringConstructor;
-    };
-}>>, {}, {}>;
-export default _default;

package/dist/UIKit/BaseAutocomplete.vue.d.ts

@@ -1,103 +0,0 @@
-import { SelectOptions } from "@wikicasa-dev/types";
-declare const _default: import("vue").DefineComponent<{
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isValid: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    theme: {
-        type: () => "bordered" | "all-bordered" | "all-bordered-thick";
-        default: string;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelText: {
-        type: StringConstructor;
-        default: string;
-    };
-    disableCb: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onInputChangeCb: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    onOptionSelectedCb: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    manualClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, unknown, {
-    curValue: string;
-    options: SelectOptions[];
-    debouncedCallback: any;
-    selection: boolean;
-}, {
-    openDropdown(): boolean;
-    isAnyBorderedTheme(): boolean;
-    themeClasses(): string;
-}, {
-    handleChangedValue(v: string): Promise<void>;
-    handleSelection(opt: SelectOptions): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "changed-value" | "dropdown-closed")[], "click" | "update:modelValue" | "changed-value" | "dropdown-closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isValid: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    theme: {
-        type: () => "bordered" | "all-bordered" | "all-bordered-thick";
-        default: string;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelText: {
-        type: StringConstructor;
-        default: string;
-    };
-    disableCb: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onInputChangeCb: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    onOptionSelectedCb: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    manualClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onChanged-value"?: ((...args: any[]) => any) | undefined;
-    "onDropdown-closed"?: ((...args: any[]) => any) | undefined;
-}, {
-    isValid: boolean;
-    labelText: string;
-    modelValue: string;
-    border: boolean;
-    manualClose: boolean;
-    theme: "bordered" | "all-bordered" | "all-bordered-thick";
-    disableCb: boolean;
-    onOptionSelectedCb: Function;
-}, {}>;
-export default _default;

package/dist/UIKit/BaseBadge.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    badgeClass: {
-        type: () => "tw-badge-w-warning";
-        default: string;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    badgeClass: {
-        type: () => "tw-badge-w-warning";
-        default: string;
-    };
-}>>, {
-    badgeClass: "tw-badge-w-warning";
-}, {}>;
-export default _default;

package/dist/UIKit/BaseButton.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import BaseButton from "./BaseButton.vue";
-declare const meta: Meta<typeof BaseButton>;
-export default meta;
-type Story = StoryObj<typeof BaseButton>;
-export declare const Primary: Story;
-export declare const Light: Story;
-export declare const Warning: Story;
-export declare const Disabled: Story;
-export declare const Loading: Story;

package/dist/UIKit/BaseButton.vue.d.ts

@@ -1,90 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    lazyLoadIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    btnClass: {
-        type: () => "tw-btn-w-primary" | "tw-btn-transparent" | "tw-btn-lg" | "tw-btn-sm" | "tw-btn-light" | "tw-btn-w-warning" | "tw-btn-w-danger" | "tw-btn-outline-w-danger" | "tw-btn-show-more" | "tw-btn-multi-selection" | "tw-btn-single-selection" | "tw-btn-facile" | string;
-        default: string;
-    };
-    iconName: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconNameHovering: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEmpty: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keepActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, unknown, {
-    hover: boolean;
-    currentIcon: string;
-}, {
-    cdn(): string;
-}, {
-    handleMouseHover(): void;
-    handleMouseOut(): void;
-    changeIcon(newIconName: string): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseout" | "mouseover")[], "click" | "mouseout" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    lazyLoadIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    btnClass: {
-        type: () => "tw-btn-w-primary" | "tw-btn-transparent" | "tw-btn-lg" | "tw-btn-sm" | "tw-btn-light" | "tw-btn-w-warning" | "tw-btn-w-danger" | "tw-btn-outline-w-danger" | "tw-btn-show-more" | "tw-btn-multi-selection" | "tw-btn-single-selection" | "tw-btn-facile" | string;
-        default: string;
-    };
-    iconName: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconNameHovering: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEmpty: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keepActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onMouseout?: ((...args: any[]) => any) | undefined;
-    onMouseover?: ((...args: any[]) => any) | undefined;
-}, {
-    iconName: string;
-    iconClass: string;
-    lazyLoadIcon: boolean;
-    btnClass: string;
-    iconNameHovering: string;
-    isEmpty: boolean;
-    keepActive: boolean;
-    isLoading: boolean;
-}, {}>;
-export default _default;

package/dist/UIKit/BaseCloseButton.vue.d.ts

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

package/dist/UIKit/BaseDropDown.vue.d.ts

@@ -1,78 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    id: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    dropdownClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    iconName: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    containerDropdownClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    iconClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    btnClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    withArrowIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: import("vue").PropType<string>;
-        required: true;
-        default: string;
-    };
-    dropdownClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    iconName: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    containerDropdownClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    iconClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    btnClasses: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    withArrowIcon: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
-    id: string;
-    dropdownClasses: string;
-    iconName: string;
-    containerDropdownClasses: string;
-    iconClasses: string;
-    btnClasses: string;
-    withArrowIcon: boolean;
-}, {}>, {
-    btn_slot?(_: {}): any;
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/BaseInput.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import BaseInput from "./BaseInput.vue";
-declare const meta: Meta<typeof BaseInput>;
-export default meta;
-type Story = StoryObj<typeof BaseInput>;
-export declare const Primary: Story;

package/dist/UIKit/BasePaper.vue.d.ts

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

package/dist/UIKit/BaseSearchBox.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {
-    multiTypologyCheckboxValue: never[];
-}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/dist/UIKit/BaseSelect.vue.d.ts

@@ -1,150 +0,0 @@
-import { PropType } from "vue";
-import { FeedbackLabels, SelectOptions, Nullable } from "@wikicasa-dev/types";
-import { decodeTextWithEntities } from "@wikicasa-dev/utilities";
-declare const _default: import("vue").DefineComponent<{
-    type: {
-        type: () => "select" | "autocomplete";
-        default: string;
-    };
-    modelValue: PropType<string | SelectOptions>;
-    feedback: {
-        type: () => FeedbackLabels;
-    };
-    isValid: {
-        type: () => Nullable<boolean>;
-        default: null;
-    };
-    options: {
-        type: () => SelectOptions[];
-    };
-    withCustomLi: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    manualOpenDropdown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    manualCloseDropdown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dropdownBorder: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    leftIcon: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    labelText: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    dropdownPosition: {
-        type: () => "down" | "up";
-        default: string;
-    };
-    writable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, unknown, {
-    openDropdown: boolean;
-    handleCloseDropdownOnBodyClick: Nullable<() => void>;
-    keepFloatingLabel: boolean;
-    firstUpdate: boolean;
-    selectedValue: Nullable<SelectOptions>;
-}, {
-    selectEl(): HTMLElement | null;
-    curValue(): Nullable<string>;
-}, {
-    decodeTextWithEntities: typeof decodeTextWithEntities;
-    handleFocusIn(): void;
-    handleOptionSelect(opt: SelectOptions): void;
-    handleOnSelectClick(e: Event): void;
-    showOpenDropdownArrow(): void;
-    showCloseDropdownArrow(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "input" | "focusin" | "update:modelValue" | "mouseleave" | "changed-value" | "dropdown-closed" | "close-dropdown")[], "click" | "input" | "focusin" | "update:modelValue" | "mouseleave" | "changed-value" | "dropdown-closed" | "close-dropdown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: () => "select" | "autocomplete";
-        default: string;
-    };
-    modelValue: PropType<string | SelectOptions>;
-    feedback: {
-        type: () => FeedbackLabels;
-    };
-    isValid: {
-        type: () => Nullable<boolean>;
-        default: null;
-    };
-    options: {
-        type: () => SelectOptions[];
-    };
-    withCustomLi: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    manualOpenDropdown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    manualCloseDropdown: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dropdownBorder: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    leftIcon: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    labelText: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    dropdownPosition: {
-        type: () => "down" | "up";
-        default: string;
-    };
-    writable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onFocusin?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    onMouseleave?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onChanged-value"?: ((...args: any[]) => any) | undefined;
-    "onDropdown-closed"?: ((...args: any[]) => any) | undefined;
-    "onClose-dropdown"?: ((...args: any[]) => any) | undefined;
-}, {
-    isValid: Nullable<boolean>;
-    labelText: string;
-    type: "select" | "autocomplete";
-    border: boolean;
-    leftIcon: string;
-    manualCloseDropdown: boolean;
-    withCustomLi: boolean;
-    manualOpenDropdown: boolean;
-    dropdownBorder: boolean;
-    dropdownPosition: "down" | "up";
-    writable: boolean;
-}, {}>;
-export default _default;

package/dist/UIKit/BaseToggle.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import BaseToggle from "./BaseToggle.vue";
-declare const meta: Meta<typeof BaseToggle>;
-export default meta;
-type Story = StoryObj<typeof BaseToggle>;
-export declare const WithLabel: Story;
-export declare const WithoutLabel: Story;