sprintify-ui 0.7.1 → 0.7.3

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/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 import { AxiosInstance } from 'axios';
 import { App } from 'vue';
 import { useDialogsStore } from './stores/dialogs';
-import { useSnackbarsStore, useNotificationsStore } from './stores/snackbars';
+import { useSnackbarsStore } from './stores/snackbars';
 import { useSystemAlertStore } from './stores/systemAlerts';
 import { useClickOutside } from './composables/clickOutside';
 import { useField } from './composables/field';
@@ -246,7 +246,6 @@ export { messages };
 export { config };
 export { useDialogsStore };
 export { useSnackbarsStore };
-export { useNotificationsStore };
 export { useSystemAlertStore };
 export { useClickOutside };
 export { useField };

package/dist/types/stores/snackbars.d.ts

@@ -8,12 +8,3 @@ export declare const useSnackbarsStore: import("pinia").StoreDefinition<"notific
     remove(snackbar: Snackbar): void;
     clear(): void;
 }>;
-export declare const useNotificationsStore: import("pinia").StoreDefinition<"notifications", {
-    count: number;
-    snackbars: Snackbar[];
-    timeouts: Record<number, number>;
-}, {}, {
-    push(options: SnackbarOptions): void;
-    remove(snackbar: Snackbar): void;
-    clear(): void;
-}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.7.1",
+  "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 [];
     },

package/src/index.ts

@@ -5,7 +5,7 @@ import QueryString from 'qs';
 import en from '@/lang/en.json';
 import fr from '@/lang/fr.json';
 import { useDialogsStore } from './stores/dialogs';
-import { useSnackbarsStore, useNotificationsStore } from './stores/snackbars';
+import { useSnackbarsStore } from './stores/snackbars';
 import { useSystemAlertStore } from './stores/systemAlerts';
 import { useClickOutside } from './composables/clickOutside';
 import { useField } from './composables/field';
@@ -125,7 +125,6 @@ export { config };
 
 export { useDialogsStore };
 export { useSnackbarsStore };
-export { useNotificationsStore };
 export { useSystemAlertStore };
 export { useClickOutside };
 export { useField };

package/src/stores/snackbars.ts

@@ -45,5 +45,3 @@ export const useSnackbarsStore = defineStore('notifications', {
     },
   },
 });
-
-export const useNotificationsStore = useSnackbarsStore;