@pequity/squirrel 8.4.0 → 8.4.1

package/dist/cjs/chunks/p-dropdown-select.js

@@ -260,9 +260,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return rest;
     });
     const style = vue.computed(() => $attrs.style);
-    const selectableItemsCount = vue.computed(
-      () => internalItems.value.filter((item) => !isDisabled(item) || isSelected(item[props.itemValue])).length
-    );
     vue.watch(
       dropdownShow,
       (nV) => {
@@ -502,7 +499,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       ], 8, _hoisted_5)
                     ], 2);
                   }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(__props.multiple ? vue.unref(selectedItems).length === selectableItemsCount.value ? "All options selected" : `${vue.unref(selectedItems).length} option${vue.unref(selectedItems).length > 1 ? "s" : ""} selected` : vue.unref(selectedItems)[0][__props.itemText]), 1))
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, vue.toDisplayString(__props.multiple ? vue.unref(selectedItems).length === vue.unref(computedItems).length ? "All options selected" : `${vue.unref(selectedItems).length} option${vue.unref(selectedItems).length > 1 ? "s" : ""} selected` : vue.unref(selectedItems)[0][__props.itemText]), 1))
               ]),
               __props.clearable && vue.unref(selectedItems).length ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 2,

package/dist/es/chunks/p-dropdown-select.js

@@ -259,9 +259,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return rest;
     });
     const style = computed(() => $attrs.style);
-    const selectableItemsCount = computed(
-      () => internalItems.value.filter((item) => !isDisabled(item) || isSelected(item[props.itemValue])).length
-    );
     watch(
       dropdownShow,
       (nV) => {
@@ -501,7 +498,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ], 8, _hoisted_5)
                     ], 2);
                   }), 128))
-                ])) : (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.multiple ? unref(selectedItems).length === selectableItemsCount.value ? "All options selected" : `${unref(selectedItems).length} option${unref(selectedItems).length > 1 ? "s" : ""} selected` : unref(selectedItems)[0][__props.itemText]), 1))
+                ])) : (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.multiple ? unref(selectedItems).length === unref(computedItems).length ? "All options selected" : `${unref(selectedItems).length} option${unref(selectedItems).length > 1 ? "s" : ""} selected` : unref(selectedItems)[0][__props.itemText]), 1))
               ]),
               __props.clearable && unref(selectedItems).length ? (openBlock(), createElementBlock("button", {
                 key: 2,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "8.4.0",
+  "version": "8.4.1",
   "packageManager": "pnpm@10.6.4",
   "type": "module",
   "scripts": {
@@ -50,27 +50,27 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@pequity/eslint-config": "^2.0.2",
-    "@playwright/test": "^1.53.0",
+    "@playwright/test": "^1.53.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^9.0.10",
-    "@storybook/addon-docs": "^9.0.10",
-    "@storybook/addon-links": "^9.0.10",
+    "@storybook/addon-a11y": "^9.0.14",
+    "@storybook/addon-docs": "^9.0.14",
+    "@storybook/addon-links": "^9.0.14",
     "@storybook/test-runner": "^0.23.0",
-    "@storybook/vue3": "^9.0.10",
-    "@storybook/vue3-vite": "^9.0.10",
-    "@tanstack/vue-virtual": "3.13.10",
+    "@storybook/vue3": "^9.0.14",
+    "@storybook/vue3-vite": "^9.0.14",
+    "@tanstack/vue-virtual": "3.13.12",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.0.3",
+    "@types/node": "^24.0.7",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vitest/coverage-v8": "^3.2.3",
-    "@vue/compiler-sfc": "3.5.16",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vue/compiler-sfc": "3.5.17",
     "@vue/test-utils": "^2.4.6",
     "@vuepic/vue-datepicker": "11.0.2",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.29.0",
-    "eslint-plugin-storybook": "^9.0.10",
+    "eslint": "^9.30.0",
+    "eslint-plugin-storybook": "^9.0.14",
     "floating-vue": "5.2.2",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
@@ -80,19 +80,19 @@
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.5.6",
-    "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.12",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.13",
     "resolve-tspaths": "^0.8.23",
     "rimraf": "^6.0.1",
     "sass": "^1.89.2",
-    "semantic-release": "^24.2.5",
-    "storybook": "^9.0.10",
-    "svgo": "^3.3.2",
+    "semantic-release": "^24.2.6",
+    "storybook": "^9.0.14",
+    "svgo": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "5.8.3",
     "vite": "^6.3.5",
-    "vitest": "^3.2.3",
-    "vue": "3.5.16",
+    "vitest": "^3.2.4",
+    "vue": "3.5.17",
     "vue-currency-input": "3.2.1",
     "vue-router": "4.5.1",
     "vue-toastification": "2.0.0-rc.5",

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

@@ -198,58 +198,45 @@ describe('PDropdownSelect.vue', () => {
     cleanup(wrapper);
   });
 
-  it('shows "All options selected" when all selectable options and disabled-selected options are selected', async () => {
+  it('shows "All options selected" when all options are selected', async () => {
     useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
 
     const items = cloneDeep(filterListItems).slice(0, 10);
     items[0].disabled = true;
     items[1].disabled = true;
-    // Pre-select one disabled item
-    const wrapper = createWrapper({ selected: [1], items }, { multiple: true });
+    const wrapper = createWrapper({ selected: filterListItems.map((item) => item.value), items }, { multiple: true });
 
     await wrapper.find('button').trigger('click');
-    await wrapper.findByText('Select all').trigger('click');
-
-    const selectedItemsOptions = wrapper.findAll('[p-select-list-option-item]');
-    const selectedItems = wrapper.findAll('[p-select-list-option-item].selected');
 
-    // Should have all non-disabled items (8) plus the pre-selected disabled item (1)
-    expect(selectedItems.length).toBe(selectedItemsOptions.length - 1);
-    expect(wrapper.vm.$data.selected.length).toBe(items.length - 1);
     expect(wrapper.find('button').text()).toBe('All options selected');
 
     cleanup(wrapper);
   });
 
-  it('shows number of selected options when not all non-disabled options are selected', async () => {
+  it('does not select disabled options when "Select All" is clicked', async () => {
     useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
 
     const items = cloneDeep(filterListItems).slice(0, 10);
     items[0].disabled = true;
-    const wrapper = createWrapper({ selected: [2, 3], items }, { multiple: true });
+    items[1].disabled = true;
+    const wrapper = createWrapper({ selected: [], items }, { multiple: true });
 
-    expect(wrapper.find('button').text()).toBe('2 options selected');
+    await wrapper.find('button').trigger('click');
+    await wrapper.findByText('Select all').trigger('click');
+
+    expect(wrapper.find('button').text()).toBe('8 options selected');
 
     cleanup(wrapper);
   });
 
-  it('does not select disabled items when "Select All" is clicked', async () => {
+  it('shows number of selected options when not all non-disabled options are selected', async () => {
     useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
 
     const items = cloneDeep(filterListItems).slice(0, 10);
     items[0].disabled = true;
-    items[1].disabled = true;
-    const wrapper = createWrapper({ selected: [], items }, { multiple: true });
-
-    await wrapper.find('button').trigger('click');
-
-    await wrapper.findByText('Select all').trigger('click');
-
-    const selectedItemsOptions = wrapper.findAll('[p-select-list-option-item]');
-    const selectedItems = wrapper.findAll('[p-select-list-option-item].selected');
+    const wrapper = createWrapper({ selected: [2, 3], items }, { multiple: true });
 
-    expect(selectedItems.length).toBe(selectedItemsOptions.length - 2);
-    expect(wrapper.vm.$data.selected.length).toBe(items.length - 2);
+    expect(wrapper.find('button').text()).toBe('2 options selected');
 
     cleanup(wrapper);
   });

package/squirrel/components/p-dropdown-select/p-dropdown-select.vue

@@ -59,7 +59,7 @@
           <div v-else class="truncate text-left">
             {{
               multiple
-                ? selectedItems.length === selectableItemsCount
+                ? selectedItems.length === computedItems.length
                   ? 'All options selected'
                   : `${selectedItems.length} option${selectedItems.length > 1 ? 's' : ''} selected`
                 : selectedItems[0][itemText]
@@ -467,10 +467,6 @@ const attrs = computed(() => {
 
 const style = computed(() => $attrs.style as StyleValue);
 
-const selectableItemsCount = computed(
-  () => internalItems.value.filter((item) => !isDisabled(item) || isSelected(item[props.itemValue])).length
-);
-
 // Watch
 // Sorts internalItems putting the selected ones first
 watch(