@pequity/squirrel 1.2.12 → 2.0.0

package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts

@@ -1,22 +1,23 @@
+import { type InputSize } from '../../utils/inputClassesShared';
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: PropType<string | number | null | undefined>;
+        type: PropType<number | string | null | undefined>;
         default: null;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: PropType<string | number | null | undefined>;
+        type: PropType<number | string | null | undefined>;
         default: null;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
     };
 }>> & {

package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
         validator(value: InputSize): boolean;
     };
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
         validator(value: InputSize): boolean;
     };

package/dist/squirrel/components/p-loading/usePLoading.d.ts

@@ -1,9 +1,13 @@
+import { type Component, type Ref } from 'vue';
 type Options = {
     delay?: number;
 };
-export declare const usePLoading: (options?: Options) => {
-    show: import("vue").Ref<boolean>;
-    loadingShow: () => void;
+type Content = string | Component;
+type UsePLoading = {
+    show: Ref<boolean>;
+    content: Content;
+    loadingShow: (content?: Content) => () => void;
     loadingHide: () => void;
 };
+export declare const usePLoading: (options?: Options) => UsePLoading;
 export {};

package/dist/squirrel/components/p-modal/p-modal.vue.d.ts

@@ -1,5 +1,12 @@
 import { type PropType, type StyleValue } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    "title-wrapper"?(_: {}): any;
+    "content-wrapper"?(_: {}): any;
+    default?(_: {}): any;
+    "footer-wrapper"?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     name: {
         type: StringConstructor;
         default: string;
@@ -189,13 +196,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modalStyle: StyleValue;
     bgInClass: string;
     bgOutClass: string;
-}, {}>, {
-    "title-wrapper"?(_: {}): any;
-    "content-wrapper"?(_: {}): any;
-    default?(_: {}): any;
-    "footer-wrapper"?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts

@@ -1,4 +1,7 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    "no-results"?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     /**
      * The current page.
      */
@@ -61,9 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     count: number;
     pageSize: number;
     currentPage: number;
-}, {}>, {
-    "no-results"?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-select/p-select.vue.d.ts

@@ -1,5 +1,12 @@
+import { type InputSize } from '../../utils/inputClassesShared';
 import { type PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    label?(_: {
+        label: string;
+        labelClasses: string;
+    }): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<string | number | boolean | null>;
         default: string;
@@ -21,9 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: InputSize): boolean;
     };
     itemText: {
         type: StringConstructor;
@@ -57,9 +64,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: InputSize): boolean;
     };
     itemText: {
         type: StringConstructor;
@@ -80,12 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     itemText: string;
     errorMsg: string;
     itemValue: string | number | boolean | null;
-}, {}>, {
-    label?(_: {
-        label: string;
-        labelClasses: string;
-    }): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts

@@ -13,7 +13,11 @@ type Props = {
     multiple?: boolean;
     noPadding?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+declare function __VLS_template(): Partial<Record<`btn-${number}`, (_: {
+    item: BtnGroupItem;
+    isSelected: boolean | undefined;
+}) => any>>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: null;
     items: () => never[];
     itemValue: string;
@@ -43,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: Size;
-    modelValue: string | number | BtnGroupItem[] | null;
+    modelValue: string | number | null | BtnGroupItem[];
     items: BtnGroupItem[] | readonly BtnGroupItem[];
     itemText: string;
     itemValue: string | number;
@@ -53,10 +57,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     highlightSelected: boolean;
     grow: boolean;
     noPadding: boolean;
-}, {}>, Partial<Record<`btn-${number}`, (_: {
-    item: BtnGroupItem;
-    isSelected: boolean | undefined;
-}) => any>>>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts

@@ -1,6 +1,27 @@
-import { type AnyObject, type AnyValue, type ModelValue } from './p-select-list.types';
+import { type AnyObject, type AnyValue, type ModelValue, type Size } from './p-select-list.types';
 import { type PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): Readonly<{
+    'selected-item'(props: {
+        item: any;
+    }): unknown;
+    'no-items'(): unknown;
+    item(props: {
+        item: any;
+        isItemSelected: boolean;
+        itemTextSplit: string[];
+    }): unknown;
+}> & {
+    'selected-item'(props: {
+        item: any;
+    }): unknown;
+    'no-items'(): unknown;
+    item(props: {
+        item: any;
+        isItemSelected: boolean;
+        itemTextSplit: string[];
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     modelValue: {
         type: PropType<ModelValue>;
         default: null;
@@ -35,9 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<Size>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: Size): boolean;
     };
     /**
      * Set property of **items**’s text value
@@ -146,9 +167,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<Size>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: Size): boolean;
     };
     /**
      * Set property of **items**’s text value
@@ -241,27 +262,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     selectedTopShown: boolean;
     topSectionClass: string;
     closePopperOnSelect: boolean;
-}, {}>, Readonly<{
-    'selected-item'(props: {
-        item: any;
-    }): unknown;
-    'no-items'(): unknown;
-    item(props: {
-        item: any;
-        isItemSelected: boolean;
-        itemTextSplit: string[];
-    }): unknown;
-}> & {
-    'selected-item'(props: {
-        item: any;
-    }): unknown;
-    'no-items'(): unknown;
-    item(props: {
-        item: any;
-        isItemSelected: boolean;
-        itemTextSplit: string[];
-    }): unknown;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/squirrel/components/p-select-pill/p-select-pill.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     items: {
-        type: PropType<[] | Option[] | null | undefined>;
+        type: PropType<Option[] | [] | undefined | null>;
         default: () => never[];
     };
     itemText: {
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<Size>;
         default: string;
         validator(value: Size): boolean;
     };
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     items: {
-        type: PropType<[] | Option[] | null | undefined>;
+        type: PropType<Option[] | [] | undefined | null>;
         default: () => never[];
     };
     itemText: {
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<Size>;
         default: string;
         validator(value: Size): boolean;
     };

package/dist/squirrel/components/p-table/p-table.vue.d.ts

@@ -11,7 +11,12 @@ type Props = {
         paddingBottom: number;
     };
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+declare function __VLS_template(): Partial<Record<`prepend-header-cell-${string}`, (_: {
+    col: TableCol;
+}) => any>> & Partial<Record<`subheader-cell-${string}`, (_: {}) => any>> & {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     colsResizable: boolean;
     isFirstColFixed: boolean;
     isLastColFixed: boolean;
@@ -49,11 +54,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         paddingTop: number;
         paddingBottom: number;
     };
-}, {}>, Partial<Record<`prepend-header-cell-${string}`, (_: {
-    col: TableCol;
-}) => any>> & Partial<Record<`subheader-cell-${string}`, (_: {}) => any>> & {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts

@@ -3,7 +3,10 @@ type Props = {
     isEditable?: boolean;
     isSelected?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     isEditable: boolean;
     isSelected: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
@@ -12,9 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     isSelected: boolean;
     isEditable: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts

@@ -25,9 +25,9 @@ declare const _default: import("vue").DefineComponent<{
     updateValue(e: Event): void;
 }, import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"sm" | "lg" | "md">;
+        type: import("vue").PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -50,9 +50,9 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"sm" | "lg" | "md">;
+        type: import("vue").PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;

package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts

@@ -27,9 +27,9 @@ declare const _default: import("vue").DefineComponent<{
     change(e: Event): void;
 }, import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"sm" | "lg" | "md">;
+        type: import("vue").PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;
@@ -52,9 +52,9 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"sm" | "lg" | "md">;
+        type: import("vue").PropType<import("../../index.js").InputSize>;
         default: string;
-        validator(value: "sm" | "lg" | "md"): boolean;
+        validator(value: import("../../index.js").InputSize): boolean;
     };
     errorMsg: {
         type: StringConstructor;

package/dist/squirrel/utils/inputClassesMixin.d.ts

@@ -2,7 +2,7 @@ import { type InputSize } from './inputClassesShared';
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
         validator(value: InputSize): boolean;
     };
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     textareaClasses(): string;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: PropType<"sm" | "lg" | "md">;
+        type: PropType<InputSize>;
         default: string;
         validator(value: InputSize): boolean;
     };

package/dist/squirrel/utils/object.d.ts

@@ -1 +1 @@
-export declare const isObject: (val: unknown) => boolean;
+export declare const isObject: (val: unknown) => val is object;

package/dist/style.css

@@ -381,12 +381,12 @@ from {
 to {
     opacity: 0;
 }
-}.fadeInDown[data-v-122d5e30] {
+}.fadeInDown[data-v-8d505d00] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: fadeInDown-122d5e30;
+  animation-name: fadeInDown-8d505d00;
 }
-@keyframes fadeInDown-122d5e30 {
+@keyframes fadeInDown-8d505d00 {
 0% {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
@@ -396,12 +396,12 @@ to {
     transform: none;
 }
 }
-.fadeOutUp[data-v-122d5e30] {
+.fadeOutUp[data-v-8d505d00] {
   animation-duration: 0.25s;
   animation-fill-mode: both;
-  animation-name: fadeOutUp-122d5e30;
+  animation-name: fadeOutUp-8d505d00;
 }
-@keyframes fadeOutUp-122d5e30 {
+@keyframes fadeOutUp-8d505d00 {
 0% {
     opacity: 1;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "1.2.12",
+  "version": "2.0.0",
   "packageManager": "pnpm@8.9.2",
   "type": "module",
   "scripts": {
@@ -58,26 +58,26 @@
     "@popperjs/core": "2.11.8",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.1.10",
-    "@storybook/addon-actions": "^8.1.10",
-    "@storybook/addon-essentials": "^8.1.10",
-    "@storybook/addon-interactions": "^8.1.10",
-    "@storybook/addon-links": "^8.1.10",
-    "@storybook/blocks": "^8.1.10",
+    "@storybook/addon-a11y": "^8.1.11",
+    "@storybook/addon-actions": "^8.1.11",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.1.10",
+    "@storybook/manager-api": "^8.1.11",
     "@storybook/test-runner": "^0.19.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.1.10",
-    "@storybook/vue3": "^8.1.10",
-    "@storybook/vue3-vite": "^8.1.10",
-    "@tanstack/vue-virtual": "3.7.0",
+    "@storybook/theming": "^8.1.11",
+    "@storybook/vue3": "^8.1.11",
+    "@storybook/vue3-vite": "^8.1.11",
+    "@tanstack/vue-virtual": "3.8.1",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.9",
+    "@types/node": "^20.14.10",
     "@vitejs/plugin-vue": "^5.0.5",
-    "@vue/compiler-sfc": "3.4.30",
+    "@vue/compiler-sfc": "3.4.31",
     "@vue/test-utils": "^2.4.6",
     "@vue/vue3-jest": "^29.2.6",
     "autoprefixer": "^10.4.19",
@@ -86,31 +86,31 @@
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^0.8.0",
     "floating-vue": "5.2.2",
-    "glob": "^10.4.2",
+    "glob": "^10.4.3",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.7",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.39",
     "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "resolve-tspaths": "^0.8.19",
-    "rimraf": "^5.0.7",
+    "rimraf": "^5.0.8",
     "sass": "^1.77.6",
     "semantic-release": "^24.0.0",
-    "storybook": "^8.1.10",
+    "storybook": "^8.1.11",
     "svgo": "^3.3.2",
     "tailwindcss": "^3.4.4",
     "ts-jest": "^29.1.5",
-    "typescript": "5.4.5",
+    "typescript": "5.5.3",
     "v-calendar": "3.1.2",
-    "vite": "^5.3.1",
-    "vue": "3.4.30",
+    "vite": "^5.3.3",
+    "vue": "3.4.31",
     "vue-currency-input": "3.1.0",
     "vue-router": "4.4.0",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "2.0.22"
+    "vue-tsc": "2.0.26"
   }
 }