@amirjalili1374/ui-kit 1.4.39 → 1.4.44

package/dist/ui-kit.es.js

@@ -7,6 +7,7 @@ import axios from "axios";
 import { useDebounceFn } from "@vueuse/core";
 import { useRouter as useRouter$1 } from "vue-router";
 import { defineStore } from "pinia";
+import "yup";
 import VueKeycloakJs from "@dsb-norge/vue-keycloak-js";
 function propsFactory(props, source) {
   return (defaults) => {
@@ -12638,10 +12639,6 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const model = computed({
-      get: () => props.modelValue,
-      set: (v) => emit("update:modelValue", v)
-    });
     function resolveTitle(item) {
       var _a;
       const titleMapper = ((_a = props.fields) == null ? void 0 : _a.title) ?? props.itemTitle;
@@ -12664,6 +12661,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
       if (typeof item === "object" && item) return item[subtitleMapper];
       return void 0;
     }
+    function getGroupId(item) {
+      var _a;
+      const groupField = ((_a = props.fields) == null ? void 0 : _a.group) ?? props.groupField;
+      if (typeof item === "object" && item) return item[groupField];
+      return null;
+    }
     function getGroupMembers(mainGroupItem) {
       var _a, _b;
       const groupField = ((_a = props.fields) == null ? void 0 : _a.group) ?? props.groupField;
@@ -12678,6 +12681,115 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
       const isMainField = ((_a = props.fields) == null ? void 0 : _a.isMainGroup) ?? props.isMainGroupField;
       return !!(item && item[isMainField] === true);
     }
+    function processSelectionChange(newValue) {
+      if (!props.multiple) {
+        return newValue;
+      }
+      if (!Array.isArray(newValue)) return newValue;
+      let result = [...newValue];
+      newValue.forEach((selected) => {
+        const selectedValue = props.returnObject ? resolveValue(selected) : selected;
+        const selectedItem = props.items.find(
+          (item) => resolveValue(item) === selectedValue
+        );
+        if (!selectedItem) return;
+        const groupId = getGroupId(selectedItem);
+        if (!groupId) return;
+        const isMain = isMainGroup(selectedItem);
+        if (isMain) {
+          result = result.filter((item) => {
+            const itemValue = props.returnObject ? resolveValue(item) : item;
+            const itemObj = props.items.find((i) => resolveValue(i) === itemValue);
+            if (!itemObj) return true;
+            const itemGroupId = getGroupId(itemObj);
+            const itemIsMain = isMainGroup(itemObj);
+            return !(itemGroupId === groupId && !itemIsMain);
+          });
+        } else {
+          result = result.filter((item) => {
+            const itemValue = props.returnObject ? resolveValue(item) : item;
+            const itemObj = props.items.find((i) => resolveValue(i) === itemValue);
+            if (!itemObj) return true;
+            const itemGroupId = getGroupId(itemObj);
+            const itemIsMain = isMainGroup(itemObj);
+            return !(itemGroupId === groupId && itemIsMain);
+          });
+        }
+      });
+      return result;
+    }
+    function isMainGroupSelected(groupId) {
+      if (!props.multiple) {
+        const selectedValue = props.returnObject ? props.modelValue : props.modelValue;
+        const selectedItem = props.items.find(
+          (item) => resolveValue(item) === selectedValue
+        );
+        return selectedItem && getGroupId(selectedItem) === groupId && isMainGroup(selectedItem);
+      } else {
+        return Array.isArray(props.modelValue) && props.modelValue.some((selected) => {
+          const selectedValue = props.returnObject ? resolveValue(selected) : selected;
+          const selectedItem = props.items.find(
+            (item) => resolveValue(item) === selectedValue
+          );
+          return selectedItem && getGroupId(selectedItem) === groupId && isMainGroup(selectedItem);
+        });
+      }
+    }
+    function isGroupMemberSelected(groupId) {
+      if (!props.multiple) {
+        const selectedValue = props.returnObject ? props.modelValue : props.modelValue;
+        const selectedItem = props.items.find(
+          (item) => resolveValue(item) === selectedValue
+        );
+        return selectedItem && getGroupId(selectedItem) === groupId && !isMainGroup(selectedItem);
+      } else {
+        return Array.isArray(props.modelValue) && props.modelValue.some((selected) => {
+          const selectedValue = props.returnObject ? resolveValue(selected) : selected;
+          const selectedItem = props.items.find(
+            (item) => resolveValue(item) === selectedValue
+          );
+          return selectedItem && getGroupId(selectedItem) === groupId && !isMainGroup(selectedItem);
+        });
+      }
+    }
+    function isItemDisabled(item) {
+      if (props.disabled) return true;
+      const groupId = getGroupId(item);
+      if (!groupId) return false;
+      const isMain = isMainGroup(item);
+      if (isMain) {
+        return isGroupMemberSelected(groupId);
+      } else {
+        return isMainGroupSelected(groupId);
+      }
+    }
+    function customFilter(item, queryText, itemText) {
+      if (isItemDisabled(item.raw ?? item)) {
+        return false;
+      }
+      const text2 = resolveTitle(item.raw ?? item);
+      const query = queryText.toLowerCase();
+      return text2.toLowerCase().includes(query);
+    }
+    const model = computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        const processedValue = processSelectionChange(v);
+        emit("update:modelValue", processedValue);
+      }
+    });
+    watch(
+      () => props.modelValue,
+      (newValue, oldValue) => {
+        if (props.multiple && Array.isArray(newValue)) {
+          const processed = processSelectionChange(newValue);
+          if (JSON.stringify(processed) !== JSON.stringify(newValue)) {
+            emit("update:modelValue", processed);
+          }
+        }
+      },
+      { deep: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(VAutocomplete, mergeProps({
         modelValue: model.value,
@@ -12699,7 +12811,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
         style: __props.maxWidth ? { maxWidth: typeof __props.maxWidth === "number" ? `${__props.maxWidth}px` : __props.maxWidth } : void 0
       }, _ctx.$attrs, {
         variant: "outlined",
-        "menu-props": { attach: "body", zIndex: 1e4 }
+        "menu-props": { attach: "body", zIndex: 1e4 },
+        filter: customFilter
       }), {
         item: withCtx(({ props: itemProps, item }) => [
           isMainGroup(item.raw ?? item) ? (openBlock(), createBlock(VTooltip, {
@@ -12710,12 +12823,17 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
             text: void 0,
             width: "300px",
             height: "300px",
-            color: "surface"
+            color: "surface",
+            disabled: isItemDisabled(item.raw ?? item)
           }, {
             activator: withCtx(({ props: activatorProps }) => [
               createVNode(VListItem, mergeProps({ ...itemProps, ...activatorProps }, {
                 "two-line": __props.displayStyle === "detailed",
-                class: { "ca-main-group": true }
+                class: {
+                  "ca-main-group": true,
+                  "ca-disabled-item": isItemDisabled(item.raw ?? item)
+                },
+                disabled: isItemDisabled(item.raw ?? item)
               }), createSlots({
                 title: withCtx(() => [
                   createElementVNode("div", _hoisted_1$c, [
@@ -12730,7 +12848,19 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
                         createTextVNode(" گروه ", -1)
                       ])]),
                       _: 1
-                    })
+                    }),
+                    isItemDisabled(item.raw ?? item) ? (openBlock(), createBlock(VChip, {
+                      key: 0,
+                      size: "small",
+                      color: "error",
+                      variant: "outlined",
+                      class: "ca-disabled-chip"
+                    }, {
+                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                        createTextVNode(" غیرفعال ", -1)
+                      ])]),
+                      _: 1
+                    })) : createCommentVNode("", true)
                   ])
                 ]),
                 default: withCtx(() => [
@@ -12747,7 +12877,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1040, ["two-line"])
+              ]), 1040, ["two-line", "class", "disabled"])
             ]),
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "tooltip", {
@@ -12763,19 +12893,47 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
                     (openBlock(true), createElementBlock(Fragment, null, renderList(getGroupMembers(item.raw ?? item), (member, idx) => {
                       return openBlock(), createElementBlock("div", {
                         key: `${resolveValue(member)}-${idx}`,
-                        class: "ca-group-member"
-                      }, toDisplayString(resolveTitle(member)), 1);
+                        class: normalizeClass(["ca-group-member", { "ca-disabled-member": isItemDisabled(item.raw ?? item) }])
+                      }, [
+                        createTextVNode(toDisplayString(resolveTitle(member)) + " ", 1),
+                        isItemDisabled(item.raw ?? item) ? (openBlock(), createBlock(VIcon, {
+                          key: 0,
+                          size: "small",
+                          color: "error"
+                        }, {
+                          default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                            createTextVNode(" mdi-block-helper ", -1)
+                          ])]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ], 2);
                     }), 128))
                   ])
                 ])
               ], true)
             ]),
             _: 2
-          }, 1032, ["location", "open-delay", "close-delay"])) : (openBlock(), createBlock(VListItem, mergeProps({ key: 1 }, itemProps, {
-            "two-line": __props.displayStyle === "detailed"
+          }, 1032, ["location", "open-delay", "close-delay", "disabled"])) : (openBlock(), createBlock(VListItem, mergeProps({ key: 1 }, itemProps, {
+            "two-line": __props.displayStyle === "detailed",
+            class: { "ca-disabled-item": isItemDisabled(item.raw ?? item) },
+            disabled: isItemDisabled(item.raw ?? item)
           }), createSlots({
             title: withCtx(() => [
-              createElementVNode("div", _hoisted_7$2, toDisplayString(resolveTitle(item.raw ?? item)), 1)
+              createElementVNode("div", _hoisted_7$2, [
+                createTextVNode(toDisplayString(resolveTitle(item.raw ?? item)) + " ", 1),
+                isItemDisabled(item.raw ?? item) ? (openBlock(), createBlock(VChip, {
+                  key: 0,
+                  size: "small",
+                  color: "error",
+                  variant: "outlined",
+                  class: "ca-disabled-chip"
+                }, {
+                  default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                    createTextVNode(" غیرفعال ", -1)
+                  ])]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
             ]),
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "item-append", {
@@ -12791,22 +12949,33 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent$1({
               ]),
               key: "0"
             } : void 0
-          ]), 1040, ["two-line"]))
+          ]), 1040, ["two-line", "class", "disabled"]))
         ]),
         selection: withCtx(({ item, index: index2 }) => [
           createVNode(VChip, {
             class: "ca-chip",
-            variant: "tonal"
+            variant: "tonal",
+            color: isMainGroup(item.raw ?? item) ? "primary" : "secondary"
           }, {
             default: withCtx(() => [
               createElementVNode("span", _hoisted_9$2, toDisplayString(resolveTitle(item.raw ?? item)), 1),
               __props.displayStyle === "detailed" && resolveSubtitle(item.raw ?? item) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                _cache[2] || (_cache[2] = createElementVNode("span", { class: "ca-chip-sep" }, "•", -1)),
+                _cache[5] || (_cache[5] = createElementVNode("span", { class: "ca-chip-sep" }, "•", -1)),
                 createElementVNode("span", _hoisted_10$2, toDisplayString(resolveSubtitle(item.raw ?? item)), 1)
-              ], 64)) : createCommentVNode("", true)
+              ], 64)) : createCommentVNode("", true),
+              isMainGroup(item.raw ?? item) ? (openBlock(), createBlock(VIcon, {
+                key: 1,
+                size: "small",
+                class: "ml-1"
+              }, {
+                default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                  createTextVNode(" mdi-account-group ", -1)
+                ])]),
+                _: 1
+              })) : createCommentVNode("", true)
             ]),
             _: 2
-          }, 1024)
+          }, 1032, ["color"])
         ]),
         _: 3
       }, 16, ["modelValue", "items", "item-title", "item-value", "multiple", "clearable", "label", "placeholder", "density", "disabled", "loading", "error", "rules", "return-object", "chips", "style"]);
@@ -12820,7 +12989,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-61be82fe"]]);
+const CustomAutocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-54358dbd"]]);
 const _sfc_main$i = /* @__PURE__ */ defineComponent$1({
   __name: "MoneyInput",
   props: {
@@ -38146,31 +38315,12 @@ const _hoisted_2$1 = {
 const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
   __name: "AppSidebar",
   props: {
-    sidebarItems: {
-      type: Array,
-      required: true
-    },
-    getFilteredSidebarItems: {
-      type: Function,
-      required: true
-    },
-    logoComponent: {
-      type: Object,
-      // Vue component
-      required: true
-    },
-    sidebarDrawer: {
-      type: Boolean,
-      required: true
-    },
-    miniSidebar: {
-      type: Boolean,
-      required: true
-    },
-    version: {
-      type: String,
-      required: false
-    }
+    sidebarItems: {},
+    getFilteredSidebarItems: { type: Function },
+    logoComponent: {},
+    sidebarDrawer: { type: Boolean },
+    miniSidebar: { type: Boolean },
+    version: {}
   },
   emits: ["update:sidebarDrawer"],
   setup(__props, { emit: __emit }) {
@@ -38236,7 +38386,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
                   size: "small"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(props.version ? props.version : "نمایشی"), 1)
+                    createTextVNode(toDisplayString(props.version), 1)
                   ]),
                   _: 1
                 })
@@ -38250,7 +38400,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-b59df261"]]);
+const AppSidebar = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-7366086a"]]);
 const makeVToolbarTitleProps = propsFactory({
   text: String,
   ...makeComponentProps(),
@@ -38996,8 +39146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
             sidebarDrawer: __props.sidebar.sidebarDrawer,
             miniSidebar: __props.sidebar.miniSidebar,
             "onUpdate:sidebarDrawer": __props.sidebar["onUpdate:sidebarDrawer"],
-            class: "app-sidebar",
-            version: "1.0.0"
+            class: "app-sidebar"
           }, null, 8, ["sidebarItems", "getFilteredSidebarItems", "logoComponent", "sidebarDrawer", "miniSidebar", "onUpdate:sidebarDrawer"]),
           createVNode(VMain, null, {
             default: withCtx(() => [
@@ -39013,7 +39162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-8eddbad4"]]);
+const AppLayout = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-82bccb54"]]);
 function useDataTable(options) {
   const items = ref([]);
   const loading = ref(false);