sprintify-ui 0.4.8 → 0.4.9

package/dist/sprintify-ui.es.js

@@ -4516,6 +4516,7 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
       return {};
     } },
     prefix: { default: null },
+    required: { type: Boolean, default: !1 },
     countries: { default() {
       return [];
     } },
@@ -4615,7 +4616,7 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
         label: D(He)("sui.address"),
         name: `${D(s)}address_1`,
         class: "mb-2",
-        required: ""
+        required: m.required
       }, {
         default: Te(() => [
           ke(ti, {
@@ -4627,15 +4628,15 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
             "prevent-submit": "",
             name: "address_search_field",
             autocomplete: !1,
-            required: !1,
             "onUpdate:modelValue": v[0] || (v[0] = (w) => u("address_1", w))
           }, null, 8, ["model-value", "placeholder"])
         ]),
         _: 1
-      }, 8, ["label", "name"]),
+      }, 8, ["label", "name", "required"]),
       ke(Xr, {
         name: `${D(s)}address_2`,
-        class: "mb-4"
+        class: "mb-4",
+        required: !1
       }, {
         default: Te(() => [
           ke(ti, {
@@ -4650,7 +4651,7 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
       L("div", lE, [
         ke(Xr, {
           label: D(He)("sui.city"),
-          required: "",
+          required: m.required,
           name: `${D(s)}city`,
           class: "mb-4 flex-1"
         }, {
@@ -4662,10 +4663,10 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
             }, null, 8, ["model-value"])
           ]),
           _: 1
-        }, 8, ["label", "name"]),
+        }, 8, ["label", "required", "name"]),
         ke(Xr, {
           label: D(He)("sui.postal_code_zip_code"),
-          required: "",
+          required: m.required,
           name: `${D(s)}postal_code`,
           class: "mb-4 flex-1"
         }, {
@@ -4677,14 +4678,14 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
             }, null, 8, ["model-value"])
           ]),
           _: 1
-        }, 8, ["label", "name"])
+        }, 8, ["label", "required", "name"])
       ]),
       L("div", sE, [
         e.hideCountry ? De("", !0) : (B(), je(Xr, {
           key: 0,
           label: D(He)("sui.country"),
           name: `${D(s)}country`,
-          required: "",
+          required: m.required,
           class: "mb-4 flex-1"
         }, {
           default: Te(() => [
@@ -4699,19 +4700,18 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
             }, null, 8, ["model-value", "options", "disabled"])
           ]),
           _: 1
-        }, 8, ["label", "name"])),
+        }, 8, ["label", "name", "required"])),
         e.hideRegion ? De("", !0) : (B(), je(Xr, {
           key: 1,
           label: D(He)("sui.region"),
           name: `${D(s)}region`,
-          required: "",
+          required: m.required,
           class: "mb-4 flex-1"
         }, {
           default: Te(() => [
             ke(Nc, {
               "model-value": D(r).region ?? "",
               class: "w-full",
-              required: "",
               options: D(l),
               "label-key": "name",
               "value-key": "id",
@@ -4719,7 +4719,7 @@ const oE = ["value", "name", "disabled", "required"], aE = ["value"], hl = "", p
             }, null, 8, ["model-value", "options"])
           ]),
           _: 1
-        }, 8, ["label", "name"]))
+        }, 8, ["label", "name", "required"]))
       ])
     ], 64));
   }

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

@@ -14,6 +14,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         default: null;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<Address | null | undefined>;
         required: true;
@@ -45,6 +50,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         default: null;
     };
+    required: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
     modelValue: {
         type: import("vue").PropType<Address | null | undefined>;
         required: true;
@@ -74,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     prefix: string | null;
+    required: boolean;
     modelValue: Address | null | undefined;
     countries: Country[];
     regions: Region[];

package/package.json

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

package/src/components/BaseAddressForm.stories.js

@@ -52,6 +52,11 @@ const Template = (args) => ({
 export const Demo = Template.bind({});
 Demo.args = {};
 
+export const Required = Template.bind({});
+Required.args = {
+  required: true
+};
+
 const DefaultCountryTemplate = (args) => ({
   components: { BaseAddressForm, ShowValue },
   setup() {

package/src/components/BaseAddressForm.vue

@@ -3,7 +3,7 @@
     :label="t('sui.address')"
     :name="`${namePrefix}address_1`"
     class="mb-2"
-    required
+    :required="required"
   >
     <BaseInput
       ref="address1Ref"
@@ -13,7 +13,6 @@
       prevent-submit
       name="address_search_field"
       :autocomplete="false"
-      :required="false"
       @update:model-value="update('address_1', $event)"
     />
   </BaseField>
@@ -21,6 +20,7 @@
   <BaseField
     :name="`${namePrefix}address_2`"
     class="mb-4"
+    :required="false"
   >
     <BaseInput
       :model-value="normalizedModelValue.address_2 ?? ''"
@@ -33,7 +33,7 @@
   <div class="sm:flex sm:space-x-3">
     <BaseField
       :label="t('sui.city')"
-      required
+      :required="required"
       :name="`${namePrefix}city`"
       class="mb-4 flex-1"
     >
@@ -45,7 +45,7 @@
     </BaseField>
     <BaseField
       :label="t('sui.postal_code_zip_code')"
-      required
+      :required="required"
       :name="`${namePrefix}postal_code`"
       class="mb-4 flex-1"
     >
@@ -61,7 +61,7 @@
       v-if="!props.hideCountry"
       :label="t('sui.country')"
       :name="`${namePrefix}country`"
-      required
+      :required="required"
       class="mb-4 flex-1"
     >
       <BaseSelect
@@ -78,13 +78,12 @@
       v-if="!props.hideRegion"
       :label="t('sui.region')"
       :name="`${namePrefix}region`"
-      required
+      :required="required"
       class="mb-4 flex-1"
     >
       <BaseSelect
         :model-value="normalizedModelValue.region ?? ''"
         class="w-full"
-        required
         :options="regions"
         label-key="name"
         value-key="id"
@@ -120,6 +119,7 @@ const props = withDefaults(
   defineProps<{
     modelValue: undefined | null | Address;
     prefix: string | null;
+    required: boolean;
     countries?: Country[];
     regions?: Region[];
     restrictCountry?: boolean;
@@ -127,6 +127,7 @@ const props = withDefaults(
     hideCountry?: boolean;
   }>(),
   {
+    required: false,
     modelValue() {
       return {};
     },

package/src/components/BaseDropdownAutocomplete.vue

@@ -47,9 +47,7 @@
               </div>
               <div class="shrink-0">
                 <BaseIcon
-                  v-if="(optionProps.selected ?? false) ||
-                    (optionProps.option[valueKey] == null && newValue == null)
-                    "
+                  v-if="(optionProps.selected ?? false) || (optionProps.option[valueKey] == null && newValue == null)"
                   icon="mdi:check-bold"
                   class="h-4 w-4 text-slate-500"
                 />