sprintify-ui 0.0.174 → 0.0.176

package/dist/types/src/components/BaseAddressForm.vue.d.ts

@@ -1,7 +1,7 @@
 import { Country } from '@/types/Country';
 import { Region } from '@/types/Region';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue: Record<string, string | number | null | undefined>;
+    modelValue: Record<string, string | number | null | undefined> | null | undefined;
     prefix: string | null;
     countries?: Country[] | undefined;
     regions?: Region[] | undefined;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     countries(): never[];
     regions(): never[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue: Record<string, string | number | null | undefined>;
+    modelValue: Record<string, string | number | null | undefined> | null | undefined;
     prefix: string | null;
     countries?: Country[] | undefined;
     regions?: Region[] | undefined;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Record<string, string | number | null | undefined>;
+    modelValue: Record<string, string | number | null | undefined> | null | undefined;
     prefix: string | null;
     countries: Country[];
     regions: Region[];

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

@@ -9,7 +9,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name?: string | undefined;
     inline?: boolean | undefined;
     enableTime?: boolean | undefined;
-    format?: string | undefined;
     mode?: "time" | "multiple" | "single" | "range" | undefined;
     noCalendar?: boolean | undefined;
     disableDates?: string[] | Date[] | undefined;
@@ -23,7 +22,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name: undefined;
     inline: boolean;
     enableTime: boolean;
-    format: string;
     mode: string;
     noCalendar: boolean;
     disableDates(): never[];
@@ -37,7 +35,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name?: string | undefined;
     inline?: boolean | undefined;
     enableTime?: boolean | undefined;
-    format?: string | undefined;
     mode?: "time" | "multiple" | "single" | "range" | undefined;
     noCalendar?: boolean | undefined;
     disableDates?: string[] | Date[] | undefined;
@@ -51,7 +48,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name: undefined;
     inline: boolean;
     enableTime: boolean;
-    format: string;
     mode: string;
     noCalendar: boolean;
     disableDates(): never[];
@@ -68,7 +64,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     minDate: string | Date | null;
     maxDate: string | Date | null;
     enableTime: boolean;
-    format: string;
     noCalendar: boolean;
     disableDates: string[] | Date[];
 }>;

package/dist/types/src/components/BaseForm.vue.d.ts

@@ -106,9 +106,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onError?: ((...args: any[]) => any) | undefined;
     onSuccess?: ((...args: any[]) => any) | undefined;
 }, {
-    format: DataFormat;
     errorHandler: (error: AxiosError) => void;
     axiosInstance: AxiosInstance | null;
+    format: DataFormat;
     beforeSubmit: (next: () => void) => void;
     successHandler: (response: any) => void;
     loadingMaskClass: string;

package/package.json

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

package/src/components/BaseAddressForm.vue

@@ -100,9 +100,11 @@ import BaseInput from './BaseInput.vue';
 import BaseSelect from './BaseSelect.vue';
 import { config } from '..';
 
+type Address = Record<string, string | number | null | undefined>;
+
 const props = withDefaults(
   defineProps<{
-    modelValue: Record<string, string | number | null | undefined>;
+    modelValue: undefined | null | Address;
     prefix: string | null;
     countries?: Country[];
     regions?: Region[];
@@ -123,18 +125,16 @@ const props = withDefaults(
 
 const emit = defineEmits(['update:model-value']);
 
-const normalizedModelValue = computed(
-  (): Record<string, string | number | null | undefined> => {
-    const form = cloneDeep(props.modelValue ?? {});
-    form.address_1 = form.address_1 ?? '';
-    form.address_2 = form.address_2 ?? '';
-    form.city = form.city ?? '';
-    form.postal_code = form.postal_code ?? '';
-    form.country = form.country ?? '';
-    form.region = form.region ?? '';
-    return form;
-  }
-);
+const normalizedModelValue = computed((): Address => {
+  const form = cloneDeep(props.modelValue ?? {});
+  form.address_1 = form.address_1 ?? '';
+  form.address_2 = form.address_2 ?? '';
+  form.city = form.city ?? '';
+  form.postal_code = form.postal_code ?? '';
+  form.country = form.country ?? '';
+  form.region = form.region ?? '';
+  return form;
+});
 
 const countries = computed((): Country[] => {
   if (props.countries && isArray(props.countries) && props.countries.length) {
@@ -211,7 +211,7 @@ function fillAddress() {
   let postcode = '';
   let region = '';
 
-  const newForm = cloneDeep(props.modelValue);
+  const newForm = cloneDeep(props.modelValue ?? {});
 
   if (!place.address_components) {
     return;

package/src/components/BaseDatePicker.stories.js

@@ -67,7 +67,6 @@ Multiple.args = {
 export const DateAndTime = Template.bind({});
 DateAndTime.args = {
   enableTime: true,
-  format: 'Y-m-d H:i',
 };
 
 export const DisableDates = Template.bind({});

package/src/components/BaseDatePicker.vue

@@ -56,7 +56,6 @@ const props = withDefaults(
     name?: string;
     inline?: boolean;
     enableTime?: boolean;
-    format?: string;
     mode?: 'single' | 'multiple' | 'range' | 'time';
     noCalendar?: boolean;
     disableDates?: string[] | Date[];
@@ -71,7 +70,6 @@ const props = withDefaults(
     name: undefined,
     inline: false,
     enableTime: false,
-    format: 'Y-m-d',
     mode: 'single',
     noCalendar: false,
     disableDates() {
@@ -84,6 +82,14 @@ const i18n = useI18n();
 
 const emit = defineEmits(['update:modelValue']);
 
+const formatInternal = computed(() => {
+  if (props.enableTime) {
+    return 'Y-m-d H:i';
+  }
+
+  return 'Y-m-d';
+});
+
 const { hasErrorInternal, emitUpdate } = useField({
   name: computed(() => props.name),
   required: computed(() => props.required),
@@ -148,7 +154,7 @@ let picker = null as Instance | null;
 const flatpickrConfig = computed(() => {
   return {
     enableTime: props.enableTime,
-    dateFormat: props.format,
+    dateFormat: formatInternal.value,
     mode: props.mode,
     locale: locale.value,
     minDate: props.minDate ?? undefined,