sprintify-ui 0.6.63 → 0.6.65

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

@@ -47,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    requiredFields: {
+        type: import("vue").PropType<(keyof Address)[]>;
+        default: () => string[];
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -87,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    requiredFields: {
+        type: import("vue").PropType<(keyof Address)[]>;
+        default: () => string[];
+    };
 }>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -98,5 +106,6 @@ declare const _default: import("vue").DefineComponent<{
     restrictCountry: boolean;
     hideRegion: boolean;
     hideCountry: boolean;
+    requiredFields: (keyof Address)[];
 }, {}>;
 export default _default;

package/package.json

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

package/src/components/BaseAddressForm.stories.js

@@ -55,7 +55,8 @@ const Template = (args) => ({
 });
 
 export const Demo = Template.bind({});
-Demo.args = {};
+Demo.args = {
+};
 
 export const Required = Template.bind({});
 Required.args = {

package/src/components/BaseAddressForm.vue

@@ -8,7 +8,7 @@
         :label="t('sui.address')"
         :name="`${namePrefix}address_1`"
         class="col-span-2"
-        :required="required"
+        :required="isRequired('address_1')"
         :size="size"
       >
         <BaseInput
@@ -26,7 +26,7 @@
       <BaseField
         :name="`${namePrefix}address_2`"
         class="col-span-2"
-        :required="false"
+        :required="isRequired('address_2')"
         :size="size"
       >
         <BaseInput
@@ -40,7 +40,7 @@
 
     <BaseField
       :label="t('sui.city')"
-      :required="required"
+      :required="isRequired('city')"
       :name="`${namePrefix}city`"
       class="col-span-2 || sm:col-span-1"
       :size="size"
@@ -54,7 +54,7 @@
 
     <BaseField
       :label="t('sui.postal_code_zip_code')"
-      :required="required"
+      :required="isRequired('postal_code')"
       :name="`${namePrefix}postal_code`"
       class="col-span-2 || sm:col-span-1"
       :size="size"
@@ -70,7 +70,7 @@
       v-if="!props.hideCountry"
       :label="t('sui.country')"
       :name="`${namePrefix}country`"
-      :required="required"
+      :required="isRequired('country') && !props.restrictCountry"
       class="col-span-2 || sm:col-span-1"
       :size="size"
     >
@@ -89,7 +89,7 @@
       v-if="!props.hideRegion"
       :label="t('sui.region')"
       :name="`${namePrefix}region`"
-      :required="required"
+      :required="isRequired('region')"
       class="col-span-2 || sm:col-span-1"
       :size="size"
     >
@@ -141,6 +141,7 @@ const props = withDefaults(
     size?: Size;
     hideRegion?: boolean;
     hideCountry?: boolean;
+    requiredFields?: (keyof Address)[];
   }>(),
   {
     modelValue() {
@@ -157,6 +158,9 @@ const props = withDefaults(
     size: undefined,
     hideRegion: false,
     hideCountry: false,
+    requiredFields() {
+      return ['address_1', 'city', 'postal_code', 'country', 'region'];
+    }
   }
 );
 
@@ -218,6 +222,10 @@ function update(field: keyof Address, value: string) {
   emit('update:model-value', newForm);
 }
 
+function isRequired(field: keyof Address): boolean {
+  return props.requiredFields.includes(field) && props.required;
+}
+
 // Autocomplete
 
 const address1Ref = ref<InstanceType<typeof BaseInput> | null>(null);