@pequity/squirrel 5.4.4 → 5.4.6

package/dist/cjs/index.js

@@ -20,6 +20,7 @@ const useInputClasses = require("./useInputClasses.js");
 const vueToastification = require("vue-toastification");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const pTableFilterIcon = require("./p-table-filter-icon.js");
+const pIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-icon.js");
 const pInfoIcon = require("./p-info-icon.js");
 const pInlineDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-inline-date-picker.js");
 const pInput = require("./p-input.js");
@@ -452,6 +453,13 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     focusSearchOnMount: {
       type: Boolean,
       default: true
+    },
+    /**
+     * Specify the key in the object to be used as item disabled prop.
+     */
+    disabledBy: {
+      type: String,
+      default: "disabled"
     }
   },
   emits: ["update:modelValue", "select"],
@@ -468,6 +476,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const {
       LIST_ITEM_CLASS,
       LIST_ITEM_ACTIVE_CLASS,
+      LIST_ITEM_DISABLED_CLASS,
       selectedItems,
       computedItems,
       computedItemSize,
@@ -478,6 +487,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       getValue,
       getText,
       isSelected,
+      isDisabled,
       setupNavigationSvc,
       select,
       onFocus,
@@ -591,7 +601,13 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                   style: vue.normalizeStyle({ height: `${row.size}px`, transform: `translateY(${row.start}px)` })
                 }, [
                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-                    class: vue.normalizeClass([vue.unref(LIST_ITEM_CLASS), { [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index)) }]),
+                    class: vue.normalizeClass([
+                      vue.unref(LIST_ITEM_CLASS),
+                      {
+                        [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index)),
+                        [vue.unref(LIST_ITEM_DISABLED_CLASS)]: vue.unref(isDisabled)(vue.unref(computedItems)[row.index])
+                      }
+                    ]),
                     "p-select-list-option-item": "",
                     style: vue.normalizeStyle(listItemStyle.value),
                     onClick: ($event) => vue.unref(select)($event, vue.unref(getValue)(row.index))
@@ -939,7 +955,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 const pTableSort = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.config = config.config;
 exports.PActionBar = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;
-exports.PIcon = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main$1;
 exports.PAlert = pAlert;
 exports.PAvatar = pAvatar;
 exports.PBtn = pBtn;
@@ -953,6 +968,7 @@ exports.PDropdown = pDropdown;
 exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.useInputClasses = useInputClasses.useInputClasses;
 exports.PFilterIcon = pTableFilterIcon;
+exports.PIcon = pIcon_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInfoIcon = pInfoIcon;
 exports.PInlineDatePicker = pInlineDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInput = pInput;

package/dist/cjs/useSelectList.js

@@ -30,6 +30,7 @@ const nextLoop = (ms) => new Promise((resolve) => setTimeout(resolve, ms || 0));
 const LIST_ITEM_SIZES = { sm: 32, md: 40, lg: 48 };
 const LIST_ITEM_CLASS = "clear-both block w-full cursor-pointer whitespace-nowrap py-1 px-3 text-left text-sm font-medium hover:bg-p-blue-10";
 const LIST_ITEM_ACTIVE_CLASS = "selected";
+const LIST_ITEM_DISABLED_CLASS = "opacity-30 pointer-events-none";
 const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
   let navigationSvc = null;
   const internalItems = vue.ref([]);
@@ -151,6 +152,13 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
   const isSelected = (val) => {
     return internalValue.value.includes(val);
   };
+  const isDisabled = (val) => {
+    const disabledProp = props.disabledBy;
+    if (val && typeof val === "object" && disabledProp in val) {
+      return val[disabledProp];
+    }
+    return false;
+  };
   const setupNavigationSvc = () => {
     if (navigationSvc) {
       navigationSvc.init();
@@ -231,6 +239,7 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
     LIST_ITEM_SIZES,
     LIST_ITEM_CLASS,
     LIST_ITEM_ACTIVE_CLASS,
+    LIST_ITEM_DISABLED_CLASS,
     selectedItems,
     computedItems,
     computedItemSize,
@@ -242,6 +251,7 @@ const useSelectList = (props, inputSearch, virtualizerRef, emit) => {
     getValue,
     getText,
     isSelected,
+    isDisabled,
     setupNavigationSvc,
     destroyNavigationSvc,
     select,