@pequity/squirrel 6.0.8 → 6.0.9

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

@@ -231,6 +231,9 @@ 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) => {
@@ -440,7 +443,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 key: 1,
                 item: __props.multiple ? vue.unref(selectedItems) : vue.unref(selectedItems)[0]
               }, () => [
-                vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(__props.multiple && vue.unref(selectedItems).length > 1 ? `${vue.unref(selectedItems).length} option${vue.unref(selectedItems).length > 1 ? "s" : ""} selected` : vue.unref(selectedItems)[0][__props.itemText]), 1)
+                vue.createElementVNode("div", _hoisted_3, 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)
               ]),
               __props.clearable && vue.unref(selectedItems).length ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 2,

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

@@ -230,6 +230,9 @@ 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) => {
@@ -439,7 +442,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 1,
                 item: __props.multiple ? unref(selectedItems) : unref(selectedItems)[0]
               }, () => [
-                createElementVNode("div", _hoisted_3, toDisplayString(__props.multiple && unref(selectedItems).length > 1 ? `${unref(selectedItems).length} option${unref(selectedItems).length > 1 ? "s" : ""} selected` : unref(selectedItems)[0][__props.itemText]), 1)
+                createElementVNode("div", _hoisted_3, 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)
               ]),
               __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": "6.0.8",
+  "version": "6.0.9",
   "packageManager": "pnpm@9.15.4",
   "type": "module",
   "scripts": {

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

@@ -193,6 +193,42 @@ describe('PDropdownSelect.vue', () => {
 
     expect(selectedItems.length).toBe(selectedItemsOptions.length);
     expect(wrapper.vm.$data.selected.length).toBe(items.length);
+    expect(wrapper.find('button').text()).toBe('All options selected');
+
+    cleanup(wrapper);
+  });
+
+  it('shows "All options selected" when all selectable options and disabled-selected 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 });
+
+    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 () => {
+    useVirtualizer.mockImplementation(() => createMockedVirtualizer(10));
+
+    const items = cloneDeep(filterListItems).slice(0, 10);
+    items[0].disabled = true;
+    const wrapper = createWrapper({ selected: [2, 3], items }, { multiple: true });
+
+    expect(wrapper.find('button').text()).toBe('2 options selected');
 
     cleanup(wrapper);
   });

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

@@ -32,8 +32,10 @@
         <slot v-else name="selected-item" :item="multiple ? selectedItems : selectedItems[0]">
           <div class="truncate text-left">
             {{
-              multiple && selectedItems.length > 1
-                ? `${selectedItems.length} option${selectedItems.length > 1 ? 's' : ''} selected`
+              multiple
+                ? selectedItems.length === selectableItemsCount
+                  ? 'All options selected'
+                  : `${selectedItems.length} option${selectedItems.length > 1 ? 's' : ''} selected`
                 : selectedItems[0][itemText]
             }}
           </div>
@@ -419,6 +421,10 @@ 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(