sprintify-ui 0.7.2 → 0.7.3

package/dist/sprintify-ui.es.js

@@ -8211,6 +8211,10 @@ const dg = /* @__PURE__ */ Gi(rE, [["render", aE]]), sE = { class: "relative w-f
       default: !1,
       type: Boolean
     },
+    showDeleteButton: {
+      default: !0,
+      type: Boolean
+    },
     emptyOptionLabel: {
       default() {
         return ze("sui.none");
@@ -8371,7 +8375,7 @@ const dg = /* @__PURE__ */ Gi(rE, [["render", aE]]), sE = { class: "relative w-f
         Z,
         V
       ];
-    }), I = L(() => w.value && !r.disabled && r.showModelValue);
+    }), I = L(() => w.value && !r.disabled && r.showModelValue && r.showDeleteButton);
     return t({
       focus: R,
       blur: N,
@@ -8574,6 +8578,10 @@ const SE = {
       default: !1,
       type: Boolean
     },
+    showDeleteButton: {
+      default: !0,
+      type: Boolean
+    },
     emptyOptionLabel: {
       default: void 0,
       type: String
@@ -8669,6 +8677,7 @@ const SE = {
       "focus-on-mount": n.focusOnMount,
       "show-empty-option": n.showEmptyOption,
       "empty-option-label": n.emptyOptionLabel,
+      "show-delete-button": n.showDeleteButton,
       select: n.select,
       filter: E,
       onClear: y,
@@ -8689,7 +8698,7 @@ const SE = {
         ])
       ]),
       _: 3
-    }, 8, ["loading", "loading-bottom", "model-value", "disabled", "name", "placeholder", "options", "value-key", "label-key", "has-error", "required", "size", "inline", "dropdown-show", "show-model-value", "visible-focus", "focus-on-mount", "show-empty-option", "empty-option-label", "select", "onScrollBottom"]));
+    }, 8, ["loading", "loading-bottom", "model-value", "disabled", "name", "placeholder", "options", "value-key", "label-key", "has-error", "required", "size", "inline", "dropdown-show", "show-model-value", "visible-focus", "focus-on-mount", "show-empty-option", "empty-option-label", "show-delete-button", "select", "onScrollBottom"]));
   }
 }), _E = ["src"], kE = { class: "truncate" }, AE = { class: "truncate font-light opacity-50" }, Al = /* @__PURE__ */ Ee({
   inheritAttrs: !1,
@@ -8982,6 +8991,10 @@ const SE = {
       default: !1,
       type: Boolean
     },
+    showDeleteButton: {
+      default: !0,
+      type: Boolean
+    },
     emptyOptionLabel: {
       default: void 0,
       type: String
@@ -9035,6 +9048,7 @@ const SE = {
       "dropdown-show": n.dropdownShow,
       "show-model-value": n.showModelValue,
       "show-empty-option": n.showEmptyOption,
+      "show-delete-button": n.showDeleteButton,
       "empty-option-label": n.emptyOptionLabel,
       "visible-focus": n.visibleFocus,
       "focus-on-mount": n.focusOnMount,
@@ -9051,7 +9065,7 @@ const SE = {
         Ne(s.$slots, "footer", zt(jt(d)))
       ]),
       _: 3
-    }, 8, ["model-value", "options", "disabled", "name", "placeholder", "required", "value-key", "label-key", "has-error", "inline", "size", "dropdown-show", "show-model-value", "show-empty-option", "empty-option-label", "visible-focus", "focus-on-mount", "select"]));
+    }, 8, ["model-value", "options", "disabled", "name", "placeholder", "required", "value-key", "label-key", "has-error", "inline", "size", "dropdown-show", "show-model-value", "show-empty-option", "show-delete-button", "empty-option-label", "visible-focus", "focus-on-mount", "select"]));
   }
 }), NE = /* @__PURE__ */ Ee({
   __name: "BaseBelongsToFetch",
@@ -9128,6 +9142,10 @@ const SE = {
       default: !1,
       type: Boolean
     },
+    showDeleteButton: {
+      default: !0,
+      type: Boolean
+    },
     emptyOptionLabel: {
       default: void 0,
       type: String
@@ -9214,6 +9232,7 @@ const SE = {
       "dropdown-show": n.dropdownShow,
       "show-model-value": n.showModelValue,
       "show-empty-option": n.showEmptyOption,
+      "show-delete-button": n.showDeleteButton,
       "empty-option-label": n.emptyOptionLabel,
       "visible-focus": n.visibleFocus,
       "focus-on-mount": n.focusOnMount,
@@ -9230,7 +9249,7 @@ const SE = {
         Ne(f.$slots, "footer", zt(jt(p)))
       ]),
       _: 3
-    }, 8, ["model-value", "url", "disabled", "name", "placeholder", "required", "value-key", "label-key", "has-error", "inline", "size", "dropdown-show", "show-model-value", "show-empty-option", "empty-option-label", "visible-focus", "focus-on-mount", "select"]));
+    }, 8, ["model-value", "url", "disabled", "name", "placeholder", "required", "value-key", "label-key", "has-error", "inline", "size", "dropdown-show", "show-model-value", "show-empty-option", "show-delete-button", "empty-option-label", "visible-focus", "focus-on-mount", "select"]));
   }
 }), BE = { key: 0 }, PE = { key: 1 }, LE = /* @__PURE__ */ Ee({
   __name: "BaseBoolean",
@@ -27508,7 +27527,8 @@ const PM = ["disabled", "placeholder"], LM = /* @__PURE__ */ Ee({
     noCalendar: { type: Boolean, default: !1 },
     disableDates: { default() {
       return [];
-    } }
+    } },
+    showRemoveButton: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue"],
   setup(n, { emit: t }) {
@@ -27685,7 +27705,7 @@ const PM = ["disabled", "placeholder"], LM = /* @__PURE__ */ Ee({
         class: de(["w-full", C(b)]),
         placeholder: C(ze)("sui.click_or_select_date")
       }, null, 10, PM),
-      C(s) && !x.disabled && x.showInput ? (B(), K("div", {
+      C(s) && !x.disabled && x.showInput && x.showRemoveButton ? (B(), K("div", {
         key: 1,
         class: de(C(_))
       }, [

package/dist/types/components/BaseAutocomplete.vue.d.ts

@@ -84,6 +84,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default(): string;
         type: StringConstructor;
@@ -184,6 +188,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default(): string;
         type: StringConstructor;
@@ -218,6 +226,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visibleFocus: boolean;
     focusOnMount: boolean;
     showEmptyOption: boolean;
+    showDeleteButton: boolean;
     emptyOptionLabel: string;
 }, {}>, {
     empty?(_: {

package/dist/types/components/BaseAutocompleteFetch.vue.d.ts

@@ -69,6 +69,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default: undefined;
         type: StringConstructor;
@@ -158,6 +162,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default: undefined;
         type: StringConstructor;
@@ -187,6 +195,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visibleFocus: boolean;
     focusOnMount: boolean;
     showEmptyOption: boolean;
+    showDeleteButton: boolean;
     emptyOptionLabel: string;
     queryKey: string;
 }, {}>, {

package/dist/types/components/BaseBelongsTo.vue.d.ts

@@ -65,6 +65,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default: undefined;
         type: StringConstructor;
@@ -146,6 +150,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default: undefined;
         type: StringConstructor;
@@ -171,6 +179,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visibleFocus: boolean;
     focusOnMount: boolean;
     showEmptyOption: boolean;
+    showDeleteButton: boolean;
     emptyOptionLabel: string;
     primaryKey: string;
 }, {}>, {

package/dist/types/components/BaseBelongsToFetch.vue.d.ts

@@ -73,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default: undefined;
         type: StringConstructor;
@@ -162,6 +166,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    showDeleteButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     emptyOptionLabel: {
         default: undefined;
         type: StringConstructor;
@@ -187,6 +195,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     visibleFocus: boolean;
     focusOnMount: boolean;
     showEmptyOption: boolean;
+    showDeleteButton: boolean;
     emptyOptionLabel: string;
     primaryKey: string;
     showRouteUrl: ((id: string | number) => string) | undefined;

package/dist/types/components/BaseDatePicker.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     mode?: "multiple" | "single" | "range" | "time" | undefined;
     noCalendar?: boolean | undefined;
     disableDates?: (string | Date | ((date: Date) => boolean))[] | undefined;
+    showRemoveButton?: boolean | undefined;
 }>, {
     modelValue: null;
     required: undefined;
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     enableTime: boolean;
     mode: string;
     noCalendar: boolean;
+    showRemoveButton: boolean;
     disableDates(): never[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -46,6 +48,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     mode?: "multiple" | "single" | "range" | "time" | undefined;
     noCalendar?: boolean | undefined;
     disableDates?: (string | Date | ((date: Date) => boolean))[] | undefined;
+    showRemoveButton?: boolean | undefined;
 }>, {
     modelValue: null;
     required: undefined;
@@ -60,6 +63,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     enableTime: boolean;
     mode: string;
     noCalendar: boolean;
+    showRemoveButton: boolean;
     disableDates(): never[];
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -78,6 +82,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     enableTime: boolean;
     noCalendar: boolean;
     disableDates: (string | Date | ((date: Date) => boolean))[];
+    showRemoveButton: boolean;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocomplete.vue

@@ -44,7 +44,7 @@
       </div>
 
       <div
-        v-if="showDeleteButton"
+        v-if="showDeleteButtonInternal"
         class="absolute right-0 top-0 flex h-full p-1"
       >
         <button
@@ -197,6 +197,10 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  showDeleteButton: {
+    default: true,
+    type: Boolean,
+  },
   emptyOptionLabel: {
     default() {
       return t('sui.none');
@@ -511,7 +515,7 @@ const deleteButtonIconClasses = computed(() => {
 
 const inputClasses = computed(() => {
   const base = 'w-full';
-  const paddingRight = showDeleteButton.value ? 'pr-5' : '';
+  const paddingRight = showDeleteButtonInternal.value ? 'pr-5' : '';
   const withSelect = props.select ? 'rounded-l-none' : '';
 
   return [
@@ -521,8 +525,8 @@ const inputClasses = computed(() => {
   ];
 })
 
-const showDeleteButton = computed(() => {
-  return normalizedModelValue.value && !props.disabled && props.showModelValue;
+const showDeleteButtonInternal = computed(() => {
+  return normalizedModelValue.value && !props.disabled && props.showModelValue && props.showDeleteButton;
 });
 
 defineExpose({

package/src/components/BaseAutocompleteFetch.vue

@@ -20,6 +20,7 @@
     :focus-on-mount="focusOnMount"
     :show-empty-option="showEmptyOption"
     :empty-option-label="emptyOptionLabel"
+    :show-delete-button="showDeleteButton"
     :select="select"
     :filter="filterOptions"
     @clear="onClear"
@@ -154,6 +155,10 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  showDeleteButton: {
+    default: true,
+    type: Boolean,
+  },
   emptyOptionLabel: {
     default: undefined,
     type: String,

package/src/components/BaseBelongsTo.vue

@@ -15,6 +15,7 @@
     :dropdown-show="dropdownShow"
     :show-model-value="showModelValue"
     :show-empty-option="showEmptyOption"
+    :show-delete-button="showDeleteButton"
     :empty-option-label="emptyOptionLabel"
     :visible-focus="visibleFocus"
     :focus-on-mount="focusOnMount"
@@ -115,6 +116,10 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  showDeleteButton: {
+    default: true,
+    type: Boolean,
+  },
   emptyOptionLabel: {
     default: undefined,
     type: String,

package/src/components/BaseBelongsToFetch.vue

@@ -15,6 +15,7 @@
     :dropdown-show="dropdownShow"
     :show-model-value="showModelValue"
     :show-empty-option="showEmptyOption"
+    :show-delete-button="showDeleteButton"
     :empty-option-label="emptyOptionLabel"
     :visible-focus="visibleFocus"
     :focus-on-mount="focusOnMount"
@@ -126,6 +127,10 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  showDeleteButton: {
+    default: true,
+    type: Boolean,
+  },
   emptyOptionLabel: {
     default: undefined,
     type: String,

package/src/components/BaseDatePicker.vue

@@ -24,7 +24,7 @@
       :placeholder="t('sui.click_or_select_date')"
     >
     <div
-      v-if="modelValueFormatted && !disabled && showInput"
+      v-if="modelValueFormatted && !disabled && showInput && showRemoveButton"
       :class="closeWrapClasses"
     >
       <button
@@ -73,6 +73,7 @@ const props = withDefaults(
     mode?: 'single' | 'multiple' | 'range' | 'time';
     noCalendar?: boolean;
     disableDates?: (string | Date | ((date: Date) => boolean))[];
+    showRemoveButton?: boolean;
   }>(),
   {
     modelValue: null,
@@ -88,6 +89,7 @@ const props = withDefaults(
     enableTime: false,
     mode: 'single',
     noCalendar: false,
+    showRemoveButton: true,
     disableDates() {
       return [];
     },