@weni/unnnic-system 3.1.0 → 3.1.1

package/CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 3.1.1 (2025-08-29)
+
+### Added
+
+- **SelectSmart**: Added `multipleLimit` props to limit items selection
+- **SelectSmart**: Added `disableRemove` option attribute to disable remove selected items
+
 ## 3.1.0 (2025-08-29)
 
 ### Added

package/dist/components/SelectSmart/SelectSmart.vue.d.ts

@@ -64,6 +64,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    multipleLimit: {
+        type: (NumberConstructor | null)[];
+        default: null;
+    };
 }>, {}, {
     active: boolean;
     status: string;
@@ -173,6 +177,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    multipleLimit: {
+        type: (NumberConstructor | null)[];
+        default: null;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnChange?: ((...args: any[]) => any) | undefined;
@@ -193,6 +201,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectFirst: boolean;
     isLoading: boolean;
     enableSearchByValue: boolean;
+    multipleLimit: number | null;
 }, {}, {
     TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         placeholder: {
@@ -498,6 +507,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowCheckbox: {
             type: BooleanConstructor;
             default: boolean;
@@ -537,6 +550,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: null;
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowCheckbox: {
             type: BooleanConstructor;
             default: boolean;
@@ -550,6 +567,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         label: string;
         size: string;
+        disabled: boolean;
         description: string;
         active: boolean;
         isMultiple: boolean;

package/dist/components/SelectSmart/SelectSmart.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSmart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SelectSmart/SelectSmart.vue"],"names":[],"mappings":"AA0GA;"}
+{"version":3,"file":"SelectSmart.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SelectSmart/SelectSmart.vue"],"names":[],"mappings":"AA2GA;"}

package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allowCheckbox: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,6 +69,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: null;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     allowCheckbox: {
         type: BooleanConstructor;
         default: boolean;
@@ -78,6 +86,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     label: string;
     size: string;
+    disabled: boolean;
     description: string;
     active: boolean;
     isMultiple: boolean;

package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSmartOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SelectSmart/SelectSmartOption.vue"],"names":[],"mappings":"AA4CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAgL8B,sBAAsB"}
+{"version":3,"file":"SelectSmartOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SelectSmart/SelectSmartOption.vue"],"names":[],"mappings":"AA6CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAqL8B,sBAAsB"}

package/dist/{es-8ee8b336.mjs → es-b95265ef.mjs}

@@ -1,4 +1,4 @@
-import { h as n } from "./index-a9c4dc3e.mjs";
+import { h as n } from "./index-d6c4fffb.mjs";
 import "vue";
 //! moment.js locale configuration
 //! locale : Spanish [es]

package/dist/{index-a9c4dc3e.mjs → index-d6c4fffb.mjs}

@@ -20679,6 +20679,10 @@ const yU = {
       type: Boolean,
       default: null
     },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
     allowCheckbox: {
       type: Boolean,
       default: !1
@@ -20716,8 +20720,9 @@ function wU(e, n, i, a, o, r) {
       ref: "checkbox",
       "data-testid": "checkbox",
       modelValue: i.active,
-      size: i.size
-    }, null, 8, ["modelValue", "size"])) : N("", !0),
+      size: i.size,
+      disabled: i.disabled
+    }, null, 8, ["modelValue", "size", "disabled"])) : N("", !0),
     u("div", null, [
       u("span", {
         class: B([
@@ -20800,16 +20805,16 @@ function AU(e, n, i, a, o, r) {
           key: f.value,
           class: "unnnic-select-smart__options__multiple__selecteds__option",
           text: f.label,
-          hasCloseIcon: "",
+          hasCloseIcon: !f.disableRemove,
           onClose: (m) => r.unselectOption(f)
-        }, null, 8, ["text", "onClose"]))), 128)),
+        }, null, 8, ["text", "hasCloseIcon", "onClose"]))), 128)),
         i.selectedOptions.length > o.multipleSelectedsTags ? (c(), p("p", MU, " +" + T(i.selectedOptions.length - o.multipleSelectedsTags), 1)) : N("", !0)
       ])
     ])) : N("", !0),
     i.selectedOptions[0] ? N("", !0) : (c(), p("p", DU, T(i.withoutSelectsMessage || e.i18n("without_multiple_selected")), 1))
   ]);
 }
-const LU = /* @__PURE__ */ k(CU, [["render", AU], ["__scopeId", "data-v-bcf6f5c9"]]);
+const LU = /* @__PURE__ */ k(CU, [["render", AU], ["__scopeId", "data-v-44c8e22c"]]);
 const TU = {
   props: {
     type: {
@@ -20916,6 +20921,10 @@ const NU = {
         {
           value: "option1",
           label: "Option1"
+        },
+        {
+          value: "option2",
+          label: "Option2"
         }
       ]
     },
@@ -20977,6 +20986,10 @@ const NU = {
     enableSearchByValue: {
       type: Boolean,
       default: !1
+    },
+    multipleLimit: {
+      type: [Number, null],
+      default: null
     }
   },
   emits: ["update:searchValue", "onChange", "update:modelValue"],
@@ -21062,10 +21075,12 @@ const NU = {
     },
     handleSelect(e) {
       if (e) {
-        if (this.multiple && this.optionIsSelected(e)) {
+        if (this.multiple && this.optionIsSelected(e) && !e.disableRemove) {
           this.unselectOption(e);
           return;
         }
+        if (this.multiple && e.disableRemove && this.optionIsSelected(e) || this.multipleLimit && this.modelValue.length >= this.multipleLimit)
+          return;
         this.selectOption(e);
       }
     },
@@ -21228,11 +21243,12 @@ function IU(e, n, i, a, o, r) {
                 tabindex: E,
                 size: i.size,
                 active: M.value === i.modelValue || r.optionIsSelected(M),
+                disabled: r.optionIsSelected(M) && M.disableRemove,
                 focused: o.focusedOption && o.focusedOption.value === M.value,
                 allowCheckbox: !!i.multiple,
                 activeColor: i.type === "secondary" ? "secondary" : "primary",
                 onClick: (O) => r.handleSelect(M)
-              }, null, 8, ["label", "description", "tabindex", "size", "active", "focused", "allowCheckbox", "activeColor", "onClick"]))), 128)),
+              }, null, 8, ["label", "description", "tabindex", "size", "active", "disabled", "focused", "allowCheckbox", "activeColor", "onClick"]))), 128)),
               r.filterOptions(i.options).length === 0 && !i.isLoading ? (c(), p("p", zU, T(e.i18n("without_results")), 1)) : N("", !0)
             ], 2)
           ])
@@ -24223,8 +24239,8 @@ function LW(e, n, i, a, o, r) {
   });
 }
 const TW = /* @__PURE__ */ k(AW, [["render", LW], ["__scopeId", "data-v-9b793da0"]]);
-import("./es-8ee8b336.mjs");
-import("./pt-br-1b500883.mjs");
+import("./es-b95265ef.mjs");
+import("./pt-br-80b6b07a.mjs");
 const Qo = {
   name: "ChatsContact",
   components: {

package/dist/{pt-br-1b500883.mjs → pt-br-80b6b07a.mjs}

@@ -1,4 +1,4 @@
-import { h as e } from "./index-a9c4dc3e.mjs";
+import { h as e } from "./index-d6c4fffb.mjs";
 import "vue";
 //! moment.js locale configuration
 //! locale : Portuguese (Brazil) [pt-br]