sprintify-ui 0.0.164 → 0.0.165

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

@@ -0,0 +1,45 @@
+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>;
+    prefix: string | null;
+    countries?: Country[] | undefined;
+    regions?: Region[] | undefined;
+}>, {
+    modelValue(): {};
+    prefix: null;
+    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>;
+    prefix: string | null;
+    countries?: Country[] | undefined;
+    regions?: Region[] | undefined;
+}>, {
+    modelValue(): {};
+    prefix: null;
+    countries(): never[];
+    regions(): never[];
+}>>> & {
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}, {
+    countries: Country[];
+    regions: Region[];
+    modelValue: Record<string, string | number | null | undefined>;
+    prefix: string | null;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -89,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     close: () => void;
     open: () => void;
     setKeywords: (input: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "clear" | "update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "select" | "clear" | "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "clear" | "close" | "update:modelValue" | "scrollBottom" | "typing" | "open")[], "select" | "clear" | "close" | "update:modelValue" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<Option | null | undefined>;
@@ -175,8 +175,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     open: () => void | undefined;
     close: () => void | undefined;
     setKeywords: (input: string) => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "focus" | "scrollBottom" | "typing")[], "clear" | "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "update:modelValue" | "scrollBottom" | "typing")[], "clear" | "focus" | "update:modelValue" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<Option | null | undefined>;

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

@@ -41,9 +41,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>>, {
+    trim: boolean;
     max: number;
     min: number;
-    trim: boolean;
     removeDoubleSpaces: boolean;
 }>;
 export default _default;

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

@@ -84,13 +84,13 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     required: boolean;
     name: string;
+    locales: Locales;
     defaultValue: string | number | boolean;
     modelValue: {
         [locale: string]: string | number | boolean;
     } | null;
     hasError: boolean;
     component: "BaseInput" | "BaseTextarea";
-    locales: Locales;
     componentProps: Record<string, any>;
 }>;
 export default _default;

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

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | ArrayConstructor | FunctionConstructor)[];
         default(): null;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus")[], "update:modelValue" | "blur" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "update:modelValue")[], "blur" | "focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
         type: PropType<string | number | null>;

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

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         type: NumberConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus")[], "update:modelValue" | "blur" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "update:modelValue")[], "blur" | "focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The value of the input. Can be a number or null.
      * 0.1 = 10%

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

@@ -59,11 +59,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    closeOnOutsideClick: boolean;
     modelValue: boolean;
     clipped: boolean;
     maxWidth: string;
     backdropClass: string;
-    closeOnOutsideClick: boolean;
     verticalAlign: string;
     showCloseButton: boolean;
 }>, {

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

@@ -43,11 +43,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    closeOnOutsideClick: boolean;
     modelValue: boolean;
     clipped: boolean;
     maxWidth: string;
     backdropClass: string;
-    closeOnOutsideClick: boolean;
 }>, {
     default: (_: {
         close: () => void;

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

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: PropType<"left" | "right" | "none" | "full">;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "keydown")[], "update:modelValue" | "blur" | "focus" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "keydown" | "update:modelValue")[], "blur" | "focus" | "keydown" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<number | null>;

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

@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     close: () => void;
     open: () => void;
     setKeywords: (input: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "scrollBottom" | "typing" | "open")[], "close" | "update:modelValue" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<Option[] | null>;
@@ -138,8 +138,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>> & {
     onScrollBottom?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     open: () => void | undefined;
     close: () => void | undefined;
     setKeywords: (input: string) => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "scrollBottom" | "typing")[], "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "update:modelValue" | "scrollBottom" | "typing")[], "focus" | "update:modelValue" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<Option[]>;

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

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], "input" | "submit" | "update:modelValue" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "focus" | "update:modelValue")[], "input" | "submit" | "focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
         type: StringConstructor;

package/dist/types/src/index.d.ts

@@ -9,16 +9,21 @@ import { useField } from './composables/field';
 declare const messages: {
     en: {
         sui: {
+            address: string;
+            address_1_placeholder: string;
+            address_2_description: string;
             and: string;
             apply_filters: string;
             autocomplete_placeholder: string;
             cancel: string;
+            city: string;
             clear: string;
             click_or_select_date: string;
             click_to_copy: string;
             columns: string;
             confirm: string;
             copied: string;
+            country: string;
             create_new: string;
             day: string;
             delete_record: string;
@@ -43,9 +48,11 @@ declare const messages: {
             or: string;
             page: string;
             pagination_detail: string;
+            postal_code_zip_code: string;
             previous: string;
             previous_month: string;
             read_more: string;
+            region: string;
             remove: string;
             remove_file: string;
             remove_file_description: string;
@@ -77,16 +84,21 @@ declare const messages: {
     };
     fr: {
         sui: {
+            address: string;
+            address_1_placeholder: string;
+            address_2_description: string;
             and: string;
             apply_filters: string;
             autocomplete_placeholder: string;
             cancel: string;
+            city: string;
             clear: string;
             click_or_select_date: string;
             click_to_copy: string;
             columns: string;
             confirm: string;
             copied: string;
+            country: string;
             create_new: string;
             day: string;
             delete_record: string;
@@ -111,9 +123,11 @@ declare const messages: {
             or: string;
             page: string;
             pagination_detail: string;
+            postal_code_zip_code: string;
             previous: string;
             previous_month: string;
             read_more: string;
+            region: string;
             remove: string;
             remove_file: string;
             remove_file_description: string;
@@ -146,6 +160,8 @@ declare const messages: {
 };
 import './assets/main.css';
 import { Locales } from './types';
+import { Country } from './types/Country';
+import { Region } from './types/Region';
 export interface Options {
     i18n?: I18n<typeof messages, {}, {}, string, true>;
     http?: AxiosInstance;
@@ -153,21 +169,28 @@ export interface Options {
     locales?: Locales;
     formatQueryString?: (params: Record<string, any>) => string;
     parseQueryString?: (params: string) => Record<string, any>;
+    countries?: Country[];
+    regions?: Region[];
 }
 declare const config: {
     i18n: I18n<{
         en: {
             sui: {
+                address: string;
+                address_1_placeholder: string;
+                address_2_description: string;
                 and: string;
                 apply_filters: string;
                 autocomplete_placeholder: string;
                 cancel: string;
+                city: string;
                 clear: string;
                 click_or_select_date: string;
                 click_to_copy: string;
                 columns: string;
                 confirm: string;
                 copied: string;
+                country: string;
                 create_new: string;
                 day: string;
                 delete_record: string;
@@ -192,9 +215,11 @@ declare const config: {
                 or: string;
                 page: string;
                 pagination_detail: string;
+                postal_code_zip_code: string;
                 previous: string;
                 previous_month: string;
                 read_more: string;
+                region: string;
                 remove: string;
                 remove_file: string;
                 remove_file_description: string;
@@ -226,16 +251,21 @@ declare const config: {
         };
         fr: {
             sui: {
+                address: string;
+                address_1_placeholder: string;
+                address_2_description: string;
                 and: string;
                 apply_filters: string;
                 autocomplete_placeholder: string;
                 cancel: string;
+                city: string;
                 clear: string;
                 click_or_select_date: string;
                 click_to_copy: string;
                 columns: string;
                 confirm: string;
                 copied: string;
+                country: string;
                 create_new: string;
                 day: string;
                 delete_record: string;
@@ -260,9 +290,11 @@ declare const config: {
                 or: string;
                 page: string;
                 pagination_detail: string;
+                postal_code_zip_code: string;
                 previous: string;
                 previous_month: string;
                 read_more: string;
+                region: string;
                 remove: string;
                 remove_file: string;
                 remove_file_description: string;
@@ -298,6 +330,8 @@ declare const config: {
     upload_url: string;
     formatQueryString(params: Record<string, any>): string;
     parseQueryString(params: string): Record<string, any>;
+    countries: Country[];
+    regions: Region[];
 };
 declare function install(app: App, options?: Options): void;
 declare const _default: {

package/dist/types/src/types/Country.d.ts

@@ -0,0 +1,4 @@
+export interface Country {
+    id: string;
+    name: string;
+}

package/dist/types/src/types/Region.d.ts

@@ -0,0 +1,5 @@
+export interface Region {
+    id: string;
+    name: string;
+    country_id: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.164",
+  "version": "0.0.165",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",
@@ -52,6 +52,7 @@
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.8",
+    "@types/google.maps": "^3.51.0",
     "@types/humanize-duration": "^3.27.1",
     "@types/luxon": "^3.1.0",
     "@types/object-hash": "^2.2.1",

package/src/components/BaseAddressForm.stories.js

@@ -0,0 +1,63 @@
+import BaseAddressForm from './BaseAddressForm.vue';
+import ShowValue from '../../.storybook/components/ShowValue.vue';
+
+export default {
+  title: 'Form/BaseAddressForm',
+  component: BaseAddressForm,
+  argTypes: {},
+  args: {
+    countries: [
+      { code: 'US', name: 'United States', id: 'us' },
+      { code: 'CA', name: 'Canada', id: 'ca' },
+      { code: 'MX', name: 'Mexico', id: 'mx' },
+    ],
+    regions: [
+      { code: 'AL', name: 'Alabama', id: 'al', country_id: 'us' },
+      { code: 'AK', name: 'Alaska', id: 'ak', country_id: 'us' },
+      { code: 'AZ', name: 'Arizona', id: 'az', country_id: 'us' },
+      { code: 'AB', name: 'Alberta', id: 'ab', country_id: 'ca' },
+      { code: 'BC', name: 'British Columbia', id: 'bc', country_id: 'ca' },
+      { code: 'MB', name: 'Manitoba', id: 'mb', country_id: 'ca' },
+      { code: 'NS', name: 'Nova Scotia', id: 'ns', country_id: 'ca' },
+      { code: 'ON', name: 'Ontario', id: 'on', country_id: 'ca' },
+      { code: 'PE', name: 'Prince Edward Island', id: 'pe', country_id: 'ca' },
+      { code: 'QC', name: 'Quebec', id: 'qc', country_id: 'ca' },
+      { code: 'SK', name: 'Saskatchewan', id: 'sk', country_id: 'ca' },
+      { code: 'NT', name: 'Northwest Territories', id: 'nt', country_id: 'ca' },
+    ],
+  },
+};
+
+const Template = (args) => ({
+  components: { BaseAddressForm, ShowValue },
+  setup() {
+    const form = ref({});
+    return { args, form };
+  },
+  template: `
+    <BaseAddressForm v-model="form.shipping_address" prefix="shipping_address" v-bind="args"></BaseAddressForm>
+    <ShowValue :value="form" />
+  `,
+});
+
+export const Demo = Template.bind({});
+Demo.args = {};
+
+const DefaultCountryTemplate = (args) => ({
+  components: { BaseAddressForm, ShowValue },
+  setup() {
+    const form = ref({
+      shipping_address: {
+        country: 'ca',
+      },
+    });
+    return { args, form };
+  },
+  template: `
+    <BaseAddressForm v-model="form.shipping_address" prefix="shipping_address" v-bind="args"></BaseAddressForm>
+    <ShowValue :value="form" />
+  `,
+});
+
+export const DefaultCountry = DefaultCountryTemplate.bind({});
+DefaultCountry.args = {};