@pequity/squirrel 5.4.11 → 6.0.0

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

@@ -1,5 +1,4 @@
 import { type ListKeyboardNavigationInstance } from '../../utils/listKeyboardNavigation';
-import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Enables navigation for `.dropdown-item` using the up/down keys.
@@ -26,30 +25,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             display: string;
         };
     };
-    /**
-     * Custom reference element that is used to position the popper.
-     * Can be changed at runtime to create a dynamically positioned dropdown.
-     */
-    reference: {
-        type: PropType<HTMLElement | null | undefined>;
-        default: null;
-    };
 }>, {}, {
     defaultAttrs: {
-        triggers: string[];
-        'auto-hide': boolean;
+        triggers: "click"[];
+        autoHide: true;
         theme: string;
-        'popper-class': string;
-        placement: string;
+        popperClass: string;
+        placement: "bottom-start";
         distance: number;
         delay: number;
-        handleResize: boolean;
+        handleResize: true;
     };
     navigationSvc: ListKeyboardNavigationInstance | null;
+    prevReference: HTMLElement | null;
 }, {}, {
     onShow(): void;
     popoverEscKeydown(e: KeyboardEvent): void;
     destroy(): void;
+    updateReference(newReference: HTMLElement): Promise<void>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Enables navigation for `.dropdown-item` using the up/down keys.
@@ -76,18 +69,407 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             display: string;
         };
     };
-    /**
-     * Custom reference element that is used to position the popper.
-     * Can be changed at runtime to create a dynamically positioned dropdown.
-     */
-    reference: {
-        type: PropType<HTMLElement | null | undefined>;
-        default: null;
-    };
 }>> & Readonly<{}>, {
     enableArrowNavigation: boolean;
     enableCloseOnEsc: boolean;
     triggerStyle: Record<string, any>;
-    reference: HTMLElement | null | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {
+    Dropdown: import("vue").DefineComponent<{
+        theme: {
+            type: StringConstructor;
+            default: any;
+        };
+        referenceNode: {
+            type: import("vue").PropType<() => Element>;
+            default: any;
+        };
+        shown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showGroup: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaId: {
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        positioningDisabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue/dist/util/popper.js").Placement>;
+            default: any;
+        };
+        delay: {
+            type: import("vue").PropType<string | number | {
+                show: number;
+                hide: number;
+            }>;
+            default: any;
+        };
+        distance: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        skidding: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        triggers: {
+            type: import("vue").PropType<import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]>;
+            default: any;
+        };
+        showTriggers: {
+            type: import("vue").PropType<import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        hideTriggers: {
+            type: import("vue").PropType<import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        popperTriggers: {
+            type: import("vue").PropType<import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]>;
+            default: any;
+        };
+        popperShowTriggers: {
+            type: import("vue").PropType<import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        popperHideTriggers: {
+            type: import("vue").PropType<import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        container: {
+            type: any[];
+            default: any;
+        };
+        boundary: {
+            type: any[];
+            default: any;
+        };
+        strategy: {
+            type: import("vue").PropType<"absolute" | "fixed">;
+            default: any;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
+            default: any;
+        };
+        handleResize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        instantMove: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        eagerMount: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        popperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: any;
+        };
+        computeTransformOrigin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autoMinSize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autoSize: {
+            type: import("vue").PropType<boolean | "min" | "max">;
+            default: any;
+        };
+        autoMaxSize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autoBoundaryMaxSize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        preventOverflow: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        overflowPadding: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        arrowPadding: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        arrowOverflow: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        flip: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        shift: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        shiftCrossAxis: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        noAutoFocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        disposeTimeout: {
+            type: NumberConstructor;
+            default: any;
+        };
+    }, unknown, unknown, {
+        finalTheme(): string;
+    }, {
+        getTargetNodes(): unknown[];
+    }, {
+        computed: {
+            themeClass(): string[];
+        };
+    } | {
+        methods: {
+            show(...args: any[]): any;
+            hide(...args: any[]): any;
+            dispose(...args: any[]): any;
+            onResize(...args: any[]): any;
+        };
+    }, import("vue").ComponentOptionsMixin, {
+        show: () => true;
+        hide: () => true;
+        'update:shown': (shown: boolean) => true;
+        'apply-show': () => true;
+        'apply-hide': () => true;
+        'close-group': () => true;
+        'close-directive': () => true;
+        'auto-hide': () => true;
+        resize: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: StringConstructor;
+            default: any;
+        };
+        referenceNode: {
+            type: import("vue").PropType<() => Element>;
+            default: any;
+        };
+        shown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showGroup: {
+            type: StringConstructor;
+            default: any;
+        };
+        ariaId: {
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        positioningDisabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: any;
+        };
+        delay: {
+            type: import("vue").PropType<string | number | {
+                show: number;
+                hide: number;
+            }>;
+            default: any;
+        };
+        distance: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        skidding: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        triggers: {
+            type: import("vue").PropType<import("floating-vue").TriggerEvent[]>;
+            default: any;
+        };
+        showTriggers: {
+            type: import("vue").PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        hideTriggers: {
+            type: import("vue").PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        popperTriggers: {
+            type: import("vue").PropType<import("floating-vue").TriggerEvent[]>;
+            default: any;
+        };
+        popperShowTriggers: {
+            type: import("vue").PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        popperHideTriggers: {
+            type: import("vue").PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[])>;
+            default: any;
+        };
+        container: {
+            type: any[];
+            default: any;
+        };
+        boundary: {
+            type: any[];
+            default: any;
+        };
+        strategy: {
+            type: import("vue").PropType<"absolute" | "fixed">;
+            default: any;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
+            default: any;
+        };
+        handleResize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        instantMove: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        eagerMount: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        popperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: any;
+        };
+        computeTransformOrigin: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autoMinSize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autoSize: {
+            type: import("vue").PropType<boolean | "min" | "max">;
+            default: any;
+        };
+        autoMaxSize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autoBoundaryMaxSize: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        preventOverflow: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        overflowPadding: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        arrowPadding: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: any;
+        };
+        arrowOverflow: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        flip: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        shift: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        shiftCrossAxis: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        noAutoFocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        disposeTimeout: {
+            type: NumberConstructor;
+            default: any;
+        };
+    }>> & {
+        onResize?: () => any;
+        onShow?: () => any;
+        onHide?: () => any;
+        "onUpdate:shown"?: (shown: boolean) => any;
+        "onApply-show"?: () => any;
+        "onApply-hide"?: () => any;
+        "onClose-group"?: () => any;
+        "onClose-directive"?: () => any;
+        "onAuto-hide"?: () => any;
+    }, {
+        placement: import("floating-vue").Placement;
+        strategy: "absolute" | "fixed";
+        disabled: boolean;
+        positioningDisabled: boolean;
+        delay: string | number | {
+            show: number;
+            hide: number;
+        };
+        distance: string | number;
+        skidding: string | number;
+        triggers: import("floating-vue").TriggerEvent[];
+        showTriggers: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]);
+        hideTriggers: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]);
+        popperTriggers: import("floating-vue").TriggerEvent[];
+        popperShowTriggers: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]);
+        popperHideTriggers: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]) => import("floating-vue/dist/components/PopperWrapper.vue.js").TriggerEvent[]);
+        container: any;
+        boundary: any;
+        autoHide: boolean | ((event: Event) => boolean);
+        handleResize: boolean;
+        instantMove: boolean;
+        eagerMount: boolean;
+        popperClass: string | unknown[] | Record<string, any>;
+        computeTransformOrigin: boolean;
+        autoMinSize: boolean;
+        autoSize: boolean | "min" | "max";
+        autoMaxSize: boolean;
+        autoBoundaryMaxSize: boolean;
+        preventOverflow: boolean;
+        overflowPadding: string | number;
+        arrowPadding: string | number;
+        arrowOverflow: boolean;
+        flip: boolean;
+        shift: boolean;
+        shiftCrossAxis: boolean;
+        noAutoFocus: boolean;
+        disposeTimeout: number;
+        shown: boolean;
+        theme: string;
+        referenceNode: () => Element;
+        showGroup: string;
+        ariaId: any;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/{style.css → squirrel.css}

@@ -367,33 +367,33 @@ to {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
 }
-}.pm[data-v-7a8f90b4] {
+}.pm[data-v-5fd440a3] {
   width: calc(100% - 32px);
   min-width: 110px;
-  max-width: var(--8621f24e);
+  max-width: var(--4895a587);
   max-height: calc(100vh - 32px);
 }
-.fadeIn[data-v-7a8f90b4] {
+.fadeIn[data-v-5fd440a3] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-7a8f90b4;
+  animation-name: fadeInFrames-5fd440a3;
   animation-fill-mode: both;
 }
-.fadeOut[data-v-7a8f90b4] {
+.fadeOut[data-v-5fd440a3] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-7a8f90b4;
+  animation-name: fadeOutFrames-5fd440a3;
   animation-fill-mode: both;
 }
-.slideInTop[data-v-7a8f90b4] {
+.slideInTop[data-v-5fd440a3] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-7a8f90b4,slideInTopFrames-7a8f90b4;
+  animation-name: fadeInFrames-5fd440a3,slideInTopFrames-5fd440a3;
   animation-fill-mode: both;
 }
-.slideOutTop[data-v-7a8f90b4] {
+.slideOutTop[data-v-5fd440a3] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-7a8f90b4,slideOutTopFrames-7a8f90b4;
+  animation-name: fadeOutFrames-5fd440a3,slideOutTopFrames-5fd440a3;
   animation-fill-mode: both;
 }
-@keyframes slideInTopFrames-7a8f90b4 {
+@keyframes slideInTopFrames-5fd440a3 {
 from {
     transform: translate(0, -12px);
     animation-timing-function: cubic-bezier(0, 0, 0, 1);
@@ -402,7 +402,7 @@ to {
     transform: translate(0, 0);
 }
 }
-@keyframes slideOutTopFrames-7a8f90b4 {
+@keyframes slideOutTopFrames-5fd440a3 {
 from {
     transform: translate(0, 0);
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -411,7 +411,7 @@ to {
     transform: translate(0, -12px);
 }
 }
-@keyframes fadeInFrames-7a8f90b4 {
+@keyframes fadeInFrames-5fd440a3 {
 from {
     opacity: 0;
     animation-timing-function: cubic-bezier(0, 0, 1, 1);
@@ -420,7 +420,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadeOutFrames-7a8f90b4 {
+@keyframes fadeOutFrames-5fd440a3 {
 from {
     opacity: 1;
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "5.4.11",
-  "packageManager": "pnpm@9.12.3",
+  "version": "6.0.0",
+  "packageManager": "pnpm@9.15.0",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -32,7 +32,7 @@
       "import": "./dist/es/index.js",
       "require": "./dist/cjs/index.js"
     },
-    "./assets/squirrel.css": "./dist/style.css",
+    "./assets/squirrel.css": "./dist/squirrel.css",
     "./tailwind": "./dist/tailwind/config.js"
   },
   "main": "./dist/cjs/index.js",
@@ -49,61 +49,61 @@
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.5.0",
-    "@commitlint/config-conventional": "^19.5.0",
-    "@pequity/eslint-config": "^1.0.1",
-    "@playwright/test": "^1.48.2",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@pequity/eslint-config": "^1.0.3",
+    "@playwright/test": "^1.49.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.4.2",
-    "@storybook/addon-actions": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-interactions": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/manager-api": "^8.4.2",
-    "@storybook/test": "^8.4.2",
-    "@storybook/test-runner": "^0.19.1",
-    "@storybook/theming": "^8.4.2",
-    "@storybook/vue3": "^8.4.2",
-    "@storybook/vue3-vite": "^8.4.2",
-    "@tanstack/vue-virtual": "3.10.9",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/test-runner": "^0.20.1",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/vue3": "^8.4.7",
+    "@storybook/vue3-vite": "^8.4.7",
+    "@tanstack/vue-virtual": "3.11.0",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.9.0",
-    "@vitejs/plugin-vue": "^5.1.5",
-    "@vitest/coverage-v8": "^2.1.4",
-    "@vue/compiler-sfc": "3.5.12",
+    "@types/node": "^22.10.1",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@vue/compiler-sfc": "3.5.13",
     "@vue/test-utils": "^2.4.6",
     "@vuepic/vue-datepicker": "10.0.0",
     "autoprefixer": "^10.4.20",
     "dayjs": "1.11.13",
-    "eslint": "^9.14.0",
-    "eslint-plugin-storybook": "^0.11.0",
+    "eslint": "^9.16.0",
+    "eslint-plugin-storybook": "^0.11.1",
     "floating-vue": "5.2.2",
     "glob": "^11.0.0",
-    "husky": "^9.1.6",
-    "iconify-icon": "^2.1.0",
+    "husky": "^9.1.7",
+    "iconify-icon": "^2.2.0",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.4.49",
     "prettier": "^3.3.3",
-    "prettier-plugin-tailwindcss": "^0.6.8",
-    "resolve-tspaths": "^0.8.22",
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "resolve-tspaths": "^0.8.23",
     "rimraf": "^6.0.1",
-    "sass": "^1.80.6",
+    "sass": "^1.82.0",
     "semantic-release": "^24.2.0",
-    "storybook": "^8.4.2",
+    "storybook": "^8.4.7",
     "svgo": "^3.3.2",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^3.4.16",
     "typescript": "5.6.3",
-    "vite": "^5.4.11",
-    "vitest": "^2.1.4",
-    "vue": "3.5.12",
+    "vite": "^6.0.3",
+    "vitest": "^2.1.8",
+    "vue": "3.5.13",
     "vue-currency-input": "3.1.0",
-    "vue-router": "4.4.5",
+    "vue-router": "4.5.0",
     "vue-toastification": "2.0.0-rc.5",
     "vue-tsc": "2.1.10"
   }

package/squirrel/components/p-dropdown/p-dropdown.spec.js

@@ -100,9 +100,9 @@ describe('PDropdown.vue', () => {
 
     const res = {
       triggers: 'click',
-      'auto-hide': 'true',
+      autohide: 'true',
       theme: 'p-dropdown-theme',
-      'popper-class': 'dropdown',
+      popperclass: 'dropdown',
       placement: 'bottom-start',
       distance: '4',
       delay: '0',