sprintify-ui 0.6.64 → 0.6.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/sprintify-ui.es.js +2182 -2179
  2. package/dist/types/src/components/BaseAutocomplete.vue.d.ts +2 -2
  3. package/dist/types/src/components/BaseButtonGroup.vue.d.ts +2 -2
  4. package/dist/types/src/components/BaseColor.vue.d.ts +2 -2
  5. package/dist/types/src/components/BaseDatePicker.vue.d.ts +2 -2
  6. package/dist/types/src/components/BaseDateSelect.vue.d.ts +2 -2
  7. package/dist/types/src/components/BaseFieldI18n.vue.d.ts +2 -2
  8. package/dist/types/src/components/BaseInput.vue.d.ts +2 -2
  9. package/dist/types/src/components/BaseRadioGroup.vue.d.ts +2 -2
  10. package/dist/types/src/components/BaseRichText.vue.d.ts +2 -2
  11. package/dist/types/src/components/BaseSelect.vue.d.ts +2 -2
  12. package/dist/types/src/components/BaseSwitch.vue.d.ts +2 -2
  13. package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts +2 -2
  14. package/dist/types/src/components/BaseTextarea.vue.d.ts +2 -2
  15. package/dist/types/src/components/BaseTextareaAutoresize.vue.d.ts +2 -2
  16. package/dist/types/src/composables/field.d.ts +1 -1
  17. package/package.json +1 -1
  18. package/src/components/BaseAddressForm.vue +10 -6
  19. package/src/components/BaseAutocomplete.vue +1 -1
  20. package/src/components/BaseButtonGroup.vue +1 -1
  21. package/src/components/BaseColor.vue +1 -1
  22. package/src/components/BaseDatePicker.vue +2 -2
  23. package/src/components/BaseDateSelect.vue +1 -1
  24. package/src/components/BaseField.vue +2 -2
  25. package/src/components/BaseFieldI18n.vue +1 -1
  26. package/src/components/BaseInput.vue +1 -1
  27. package/src/components/BaseRadioGroup.vue +1 -1
  28. package/src/components/BaseRichText.vue +1 -1
  29. package/src/components/BaseSelect.vue +1 -1
  30. package/src/components/BaseSwitch.vue +1 -1
  31. package/src/components/BaseTagAutocomplete.vue +1 -1
  32. package/src/components/BaseTextarea.vue +1 -1
  33. package/src/components/BaseTextareaAutoresize.vue +1 -1
  34. package/src/composables/field.ts +2 -2
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
44
44
  type: BooleanConstructor;
45
45
  };
46
46
  required: {
47
- default: boolean;
47
+ default: undefined;
48
48
  type: BooleanConstructor;
49
49
  };
50
50
  disabled: {
@@ -144,7 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
144
144
  type: BooleanConstructor;
145
145
  };
146
146
  required: {
147
- default: boolean;
147
+ default: undefined;
148
148
  type: BooleanConstructor;
149
149
  };
150
150
  disabled: {
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
10
  type: PropType<string | string[]>;
11
11
  };
12
12
  required: {
13
- default: boolean;
13
+ default: undefined;
14
14
  type: BooleanConstructor;
15
15
  };
16
16
  disabled: {
@@ -73,7 +73,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
73
73
  type: PropType<string | string[]>;
74
74
  };
75
75
  required: {
76
- default: boolean;
76
+ default: undefined;
77
77
  type: BooleanConstructor;
78
78
  };
79
79
  disabled: {
@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
6
6
  type: PropType<string | string[] | null | undefined>;
7
7
  };
8
8
  required: {
9
- default: boolean;
9
+ default: undefined;
10
10
  type: BooleanConstructor;
11
11
  };
12
12
  disabled: {
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
49
49
  type: PropType<string | string[] | null | undefined>;
50
50
  };
51
51
  required: {
52
- default: boolean;
52
+ default: undefined;
53
53
  type: BooleanConstructor;
54
54
  };
55
55
  disabled: {
@@ -2,7 +2,7 @@ import { Size } from '@/utils/sizes';
2
2
  declare const _default: import("vue").DefineComponent<{
3
3
  required: {
4
4
  type: import("vue").PropType<boolean>;
5
- default: boolean;
5
+ default: undefined;
6
6
  };
7
7
  name: {
8
8
  type: import("vue").PropType<string>;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
61
61
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
62
62
  required: {
63
63
  type: import("vue").PropType<boolean>;
64
- default: boolean;
64
+ default: undefined;
65
65
  };
66
66
  name: {
67
67
  type: import("vue").PropType<string>;
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
5
5
  type: PropType<string | null>;
6
6
  };
7
7
  required: {
8
- default: boolean;
8
+ default: undefined;
9
9
  type: BooleanConstructor;
10
10
  };
11
11
  size: {
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
44
44
  type: PropType<string | null>;
45
45
  };
46
46
  required: {
47
- default: boolean;
47
+ default: undefined;
48
48
  type: BooleanConstructor;
49
49
  };
50
50
  size: {
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
29
29
  type: StringConstructor;
30
30
  };
31
31
  required: {
32
- default: boolean;
32
+ default: undefined;
33
33
  type: BooleanConstructor;
34
34
  };
35
35
  hasError: {
@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
68
68
  type: StringConstructor;
69
69
  };
70
70
  required: {
71
- default: boolean;
71
+ default: undefined;
72
72
  type: BooleanConstructor;
73
73
  };
74
74
  hasError: {
@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
42
42
  type: BooleanConstructor;
43
43
  };
44
44
  required: {
45
- default: boolean;
45
+ default: undefined;
46
46
  type: BooleanConstructor;
47
47
  };
48
48
  iconLeft: {
@@ -143,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
143
143
  type: BooleanConstructor;
144
144
  };
145
145
  required: {
146
- default: boolean;
146
+ default: undefined;
147
147
  type: BooleanConstructor;
148
148
  };
149
149
  iconLeft: {
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
10
  type: StringConstructor;
11
11
  };
12
12
  required: {
13
- default: boolean;
13
+ default: undefined;
14
14
  type: BooleanConstructor;
15
15
  };
16
16
  disabled: {
@@ -53,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
53
53
  type: StringConstructor;
54
54
  };
55
55
  required: {
56
- default: boolean;
56
+ default: undefined;
57
57
  type: BooleanConstructor;
58
58
  };
59
59
  disabled: {
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
31
31
  };
32
32
  required: {
33
33
  type: BooleanConstructor;
34
- default: boolean;
34
+ default: undefined;
35
35
  };
36
36
  name: {
37
37
  default: undefined;
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
74
74
  };
75
75
  required: {
76
76
  type: BooleanConstructor;
77
- default: boolean;
77
+ default: undefined;
78
78
  };
79
79
  name: {
80
80
  default: undefined;
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
27
27
  type: BooleanConstructor;
28
28
  };
29
29
  required: {
30
- default: boolean;
30
+ default: undefined;
31
31
  type: BooleanConstructor;
32
32
  };
33
33
  hasError: {
@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
78
78
  type: BooleanConstructor;
79
79
  };
80
80
  required: {
81
- default: boolean;
81
+ default: undefined;
82
82
  type: BooleanConstructor;
83
83
  };
84
84
  hasError: {
@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
21
21
  type: BooleanConstructor;
22
22
  };
23
23
  required: {
24
- default: boolean;
24
+ default: undefined;
25
25
  type: BooleanConstructor;
26
26
  };
27
27
  disabled: {
@@ -60,7 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
60
60
  type: BooleanConstructor;
61
61
  };
62
62
  required: {
63
- default: boolean;
63
+ default: undefined;
64
64
  type: BooleanConstructor;
65
65
  };
66
66
  disabled: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
39
39
  type: BooleanConstructor;
40
40
  };
41
41
  required: {
42
- default: boolean;
42
+ default: undefined;
43
43
  type: BooleanConstructor;
44
44
  };
45
45
  disabled: {
@@ -128,7 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
128
128
  type: BooleanConstructor;
129
129
  };
130
130
  required: {
131
- default: boolean;
131
+ default: undefined;
132
132
  type: BooleanConstructor;
133
133
  };
134
134
  disabled: {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
39
39
  type: BooleanConstructor;
40
40
  };
41
41
  required: {
42
- default: boolean;
42
+ default: undefined;
43
43
  type: BooleanConstructor;
44
44
  };
45
45
  rows: {
@@ -95,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
95
95
  type: BooleanConstructor;
96
96
  };
97
97
  required: {
98
- default: boolean;
98
+ default: undefined;
99
99
  type: BooleanConstructor;
100
100
  };
101
101
  rows: {
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
15
15
  type: StringConstructor;
16
16
  };
17
17
  required: {
18
- default: boolean;
18
+ default: undefined;
19
19
  type: BooleanConstructor;
20
20
  };
21
21
  size: {
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
72
72
  type: StringConstructor;
73
73
  };
74
74
  required: {
75
- default: boolean;
75
+ default: undefined;
76
76
  type: BooleanConstructor;
77
77
  };
78
78
  size: {
@@ -2,7 +2,7 @@ import { Size } from '@/utils/sizes';
2
2
  import { Ref } from 'vue';
3
3
  interface Config {
4
4
  name: Ref<string | null | undefined>;
5
- required: Ref<boolean>;
5
+ required: Ref<boolean | undefined>;
6
6
  hasError: Ref<boolean | undefined>;
7
7
  emit: any;
8
8
  size?: Ref<Size | undefined>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.6.64",
3
+ "version": "0.6.66",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build-fast": "rimraf dist && vite build",
@@ -8,7 +8,7 @@
8
8
  :label="t('sui.address')"
9
9
  :name="`${namePrefix}address_1`"
10
10
  class="col-span-2"
11
- :required="requiredFields.includes('address_1')"
11
+ :required="isRequired('address_1')"
12
12
  :size="size"
13
13
  >
14
14
  <BaseInput
@@ -26,7 +26,7 @@
26
26
  <BaseField
27
27
  :name="`${namePrefix}address_2`"
28
28
  class="col-span-2"
29
- :required="requiredFields.includes('address_2')"
29
+ :required="isRequired('address_2')"
30
30
  :size="size"
31
31
  >
32
32
  <BaseInput
@@ -40,7 +40,7 @@
40
40
 
41
41
  <BaseField
42
42
  :label="t('sui.city')"
43
- :required="requiredFields.includes('city')"
43
+ :required="isRequired('city')"
44
44
  :name="`${namePrefix}city`"
45
45
  class="col-span-2 || sm:col-span-1"
46
46
  :size="size"
@@ -54,7 +54,7 @@
54
54
 
55
55
  <BaseField
56
56
  :label="t('sui.postal_code_zip_code')"
57
- :required="requiredFields.includes('postal_code')"
57
+ :required="isRequired('postal_code')"
58
58
  :name="`${namePrefix}postal_code`"
59
59
  class="col-span-2 || sm:col-span-1"
60
60
  :size="size"
@@ -70,7 +70,7 @@
70
70
  v-if="!props.hideCountry"
71
71
  :label="t('sui.country')"
72
72
  :name="`${namePrefix}country`"
73
- :required="requiredFields.includes('country') && !props.restrictCountry"
73
+ :required="isRequired('country') && !props.restrictCountry"
74
74
  class="col-span-2 || sm:col-span-1"
75
75
  :size="size"
76
76
  >
@@ -89,7 +89,7 @@
89
89
  v-if="!props.hideRegion"
90
90
  :label="t('sui.region')"
91
91
  :name="`${namePrefix}region`"
92
- :required="requiredFields.includes('region')"
92
+ :required="isRequired('region')"
93
93
  class="col-span-2 || sm:col-span-1"
94
94
  :size="size"
95
95
  >
@@ -222,6 +222,10 @@ function update(field: keyof Address, value: string) {
222
222
  emit('update:model-value', newForm);
223
223
  }
224
224
 
225
+ function isRequired(field: keyof Address): boolean {
226
+ return props.requiredFields.includes(field) && props.required;
227
+ }
228
+
225
229
  // Autocomplete
226
230
 
227
231
  const address1Ref = ref<InstanceType<typeof BaseInput> | null>(null);
@@ -158,7 +158,7 @@ const props = defineProps({
158
158
  type: Boolean,
159
159
  },
160
160
  required: {
161
- default: false,
161
+ default: undefined,
162
162
  type: Boolean,
163
163
  },
164
164
  disabled: {
@@ -51,7 +51,7 @@ const props = defineProps({
51
51
  type: [String, Array] as PropType<string | string[]>,
52
52
  },
53
53
  required: {
54
- default: false,
54
+ default: undefined,
55
55
  type: Boolean,
56
56
  },
57
57
  disabled: {
@@ -48,7 +48,7 @@ const props = defineProps({
48
48
  >,
49
49
  },
50
50
  required: {
51
- default: false,
51
+ default: undefined,
52
52
  type: Boolean,
53
53
  },
54
54
  disabled: {
@@ -43,7 +43,7 @@
43
43
 
44
44
  <script lang="ts" setup>
45
45
  import { Ref } from 'vue';
46
- import { isArray, isEqual, size } from 'lodash';
46
+ import { isArray, isEqual } from 'lodash';
47
47
  import { DateTime } from 'luxon';
48
48
  import { Icon as BaseIcon } from '@iconify/vue';
49
49
  import { useField } from '@/composables/field';
@@ -76,7 +76,7 @@ const props = withDefaults(
76
76
  }>(),
77
77
  {
78
78
  modelValue: null,
79
- required: false,
79
+ required: undefined,
80
80
  disabled: false,
81
81
  size: undefined,
82
82
  minDate: null,
@@ -100,7 +100,7 @@ const props = defineProps({
100
100
  type: [String, null] as PropType<string | null>,
101
101
  },
102
102
  required: {
103
- default: false,
103
+ default: undefined,
104
104
  type: Boolean,
105
105
  },
106
106
  size: {
@@ -130,8 +130,8 @@ const errorMessage = computed((): string | null | undefined => {
130
130
  return getErrorMessageByName(props.name);
131
131
  });
132
132
 
133
- provide('field:name', readonly(ref(props.name)));
134
- provide('field:required', readonly(ref(props.required)));
133
+ provide('field:name', readonly(computed(() => props.name)));
134
+ provide('field:required', readonly(computed(() => props.required)));
135
135
  provide('field:size', readonly(inputSize.size));
136
136
  provide('field:onUpdate', fieldOnUpdate);
137
137
  provide('field:errorMessage', errorMessage);
@@ -87,7 +87,7 @@ const props = defineProps({
87
87
  type: String,
88
88
  },
89
89
  required: {
90
- default: false,
90
+ default: undefined,
91
91
  type: Boolean,
92
92
  },
93
93
  hasError: {
@@ -125,7 +125,7 @@ const props = defineProps({
125
125
  type: Boolean,
126
126
  },
127
127
  required: {
128
- default: false,
128
+ default: undefined,
129
129
  type: Boolean,
130
130
  },
131
131
  iconLeft: {
@@ -52,7 +52,7 @@ const props = defineProps({
52
52
  type: String,
53
53
  },
54
54
  required: {
55
- default: false,
55
+ default: undefined,
56
56
  type: Boolean,
57
57
  },
58
58
  disabled: {
@@ -69,7 +69,7 @@ const props = defineProps({
69
69
  },
70
70
  required: {
71
71
  type: Boolean,
72
- default: false,
72
+ default: undefined,
73
73
  },
74
74
  name: {
75
75
  default: undefined,
@@ -81,7 +81,7 @@ const props = defineProps({
81
81
  type: Boolean,
82
82
  },
83
83
  required: {
84
- default: false,
84
+ default: undefined,
85
85
  type: Boolean,
86
86
  },
87
87
  hasError: {
@@ -75,7 +75,7 @@ const props = defineProps({
75
75
  type: Boolean,
76
76
  },
77
77
  required: {
78
- default: false,
78
+ default: undefined,
79
79
  type: Boolean,
80
80
  },
81
81
  disabled: {
@@ -136,7 +136,7 @@ const props = defineProps({
136
136
  type: Boolean,
137
137
  },
138
138
  required: {
139
- default: false,
139
+ default: undefined,
140
140
  type: Boolean,
141
141
  },
142
142
  disabled: {
@@ -65,7 +65,7 @@ const props = defineProps({
65
65
  type: Boolean,
66
66
  },
67
67
  required: {
68
- default: false,
68
+ default: undefined,
69
69
  type: Boolean,
70
70
  },
71
71
  rows: {
@@ -59,7 +59,7 @@ const props = defineProps({
59
59
  type: String,
60
60
  },
61
61
  required: {
62
- default: false,
62
+ default: undefined,
63
63
  type: Boolean,
64
64
  },
65
65
  size: {
@@ -5,7 +5,7 @@ import { useInputSize } from './inputSize';
5
5
 
6
6
  interface Config {
7
7
  name: Ref<string | null | undefined>;
8
- required: Ref<boolean>;
8
+ required: Ref<boolean | undefined>;
9
9
  hasError: Ref<boolean | undefined>;
10
10
  emit: any;
11
11
  size?: Ref<Size | undefined>;
@@ -79,7 +79,7 @@ export function useField(config: Config) {
79
79
  });
80
80
 
81
81
  const requiredInternal = computed((): boolean => {
82
- if (required.value) {
82
+ if (required.value !== undefined) {
83
83
  return required.value;
84
84
  }
85
85