sprintify-ui 0.0.203 → 0.1.0

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

@@ -1,32 +1,58 @@
 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> | null | undefined;
+    modelValue: {
+        address_1?: string | null | undefined;
+        address_2?: string | null | undefined;
+        postal_code?: string | null | undefined;
+        city?: string | null | undefined;
+        region?: string | null | undefined;
+        country?: string | null | undefined;
+    } | null | undefined;
     prefix: string | null;
     countries?: Country[] | undefined;
     regions?: Region[] | undefined;
+    restrictCountry?: boolean | undefined;
 }>, {
     modelValue(): {};
     prefix: null;
     countries(): never[];
     regions(): never[];
+    restrictCountry: boolean;
 }>, {}, 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> | null | undefined;
+    modelValue: {
+        address_1?: string | null | undefined;
+        address_2?: string | null | undefined;
+        postal_code?: string | null | undefined;
+        city?: string | null | undefined;
+        region?: string | null | undefined;
+        country?: string | null | undefined;
+    } | null | undefined;
     prefix: string | null;
     countries?: Country[] | undefined;
     regions?: Region[] | undefined;
+    restrictCountry?: boolean | undefined;
 }>, {
     modelValue(): {};
     prefix: null;
     countries(): never[];
     regions(): never[];
+    restrictCountry: boolean;
 }>>> & {
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     countries: Country[];
     regions: Region[];
-    modelValue: Record<string, string | number | null | undefined> | null | undefined;
+    modelValue: {
+        address_1?: string | null | undefined;
+        address_2?: string | null | undefined;
+        postal_code?: string | null | undefined;
+        city?: string | null | undefined;
+        region?: string | null | undefined;
+        country?: string | null | undefined;
+    } | null | undefined;
     prefix: string | null;
+    restrictCountry: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -0,0 +1,64 @@
+import { Media } from '@/types/Media';
+import { UploadedFile } from '@/types/UploadedFile';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        required: true;
+        type: PropType<(UploadedFile | Media)[]>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    itemMaxWidth: {
+        default: number;
+        type: NumberConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove")[], "update:modelValue" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: PropType<(UploadedFile | Media)[]>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    itemMaxWidth: {
+        default: number;
+        type: NumberConstructor;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    size: number;
+    showRemove: boolean;
+    draggable: boolean;
+    itemMaxWidth: number;
+}>;
+export default _default;

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

@@ -0,0 +1,45 @@
+import { Media } from '@/types/Media';
+import { UploadedFile } from '@/types/UploadedFile';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    media: {
+        required: true;
+        type: PropType<UploadedFile | Media>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    media: {
+        required: true;
+        type: PropType<UploadedFile | Media>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    showRemove: boolean;
+    draggable: boolean;
+}>;
+export default _default;

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

@@ -4,7 +4,7 @@ import { BaseCropperConfig, MediaLibraryPayload } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
-        type: PropType<MediaLibraryPayload | null | undefined>;
+        type: PropType<MediaLibraryPayload>;
     };
     name: {
         default: undefined;
@@ -54,10 +54,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<boolean | BaseCropperConfig | null>;
     };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    listProps: {
+        default: undefined;
+        type: PropType<Record<string, unknown>>;
+    };
+    layout: {
+        default: string;
+        type: PropType<"list" | "gallery" | "images">;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "upload:start" | "upload:success" | "upload:fail" | "upload:end")[], "update:modelValue" | "upload:start" | "upload:success" | "upload:fail" | "upload:end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<MediaLibraryPayload | null | undefined>;
+        type: PropType<MediaLibraryPayload>;
     };
     name: {
         default: undefined;
@@ -107,6 +119,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: PropType<boolean | BaseCropperConfig | null>;
     };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    listProps: {
+        default: undefined;
+        type: PropType<Record<string, unknown>>;
+    };
+    layout: {
+        default: string;
+        type: PropType<"list" | "gallery" | "images">;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpload:start"?: ((...args: any[]) => any) | undefined;
@@ -120,15 +144,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     max: number;
     min: number;
-    modelValue: MediaLibraryPayload | null | undefined;
+    modelValue: MediaLibraryPayload;
     hasError: boolean;
+    layout: "list" | "gallery" | "images";
     maxSize: number;
     acceptedExtensions: string[];
+    draggable: boolean;
     currentMedia: Media[];
     uploadUrl: string;
     pickerComponent: "BaseFilePicker" | "BaseFilePickerCrop";
+    listProps: Record<string, unknown>;
 }>, {
     default: (_: any) => any;
+    list: (_: {
+        modelValue: MediaLibraryPayload;
+        disabled: boolean;
+        draggable: boolean;
+        remove: (index: number, length?: number) => void;
+        'update:model-value': (modelValue: MediaLibraryPayload) => void;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,47 @@
+import { Media } from '@/types/Media';
+import { UploadedFile } from '@/types/UploadedFile';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        required: true;
+        type: PropType<(UploadedFile | Media)[]>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove" | "save:name")[], "update:modelValue" | "remove" | "save:name", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: PropType<(UploadedFile | Media)[]>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+    "onSave:name"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    showRemove: boolean;
+    draggable: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,47 @@
+import { Media } from '@/types/Media';
+import { UploadedFile } from '@/types/UploadedFile';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    media: {
+        required: true;
+        type: PropType<UploadedFile | Media>;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove" | "update" | "save:name")[], "remove" | "update" | "save:name", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    media: {
+        required: true;
+        type: PropType<UploadedFile | Media>;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & {
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+    "onSave:name"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    showRemove: boolean;
+    draggable: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,55 @@
+import { Media } from '@/types/Media';
+import { UploadedFile } from '@/types/UploadedFile';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        required: true;
+        type: PropType<(UploadedFile | Media)[]>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "remove")[], "update:modelValue" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        required: true;
+        type: PropType<(UploadedFile | Media)[]>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    size: number;
+    showRemove: boolean;
+    draggable: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,54 @@
+import { Media } from '@/types/Media';
+import { UploadedFile } from '@/types/UploadedFile';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    media: {
+        required: true;
+        type: PropType<UploadedFile | Media>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    media: {
+        required: true;
+        type: PropType<UploadedFile | Media>;
+    };
+    showRemove: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    draggable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: number;
+        type: NumberConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    size: number;
+    showRemove: boolean;
+    draggable: boolean;
+}>;
+export default _default;

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

@@ -35,6 +35,7 @@ declare const messages: {
             delete_record: string;
             delete_record_description: string;
             deselect_all: string;
+            download: string;
             drag_to_reposition: string;
             drop_or_click_to_upload: string;
             edit: string;
@@ -65,6 +66,7 @@ declare const messages: {
             remove: string;
             remove_file: string;
             remove_file_description: string;
+            save: string;
             search: string;
             see_all_notifications: string;
             select_an_item: string;
@@ -119,6 +121,7 @@ declare const messages: {
             delete_record: string;
             delete_record_description: string;
             deselect_all: string;
+            download: string;
             drag_to_reposition: string;
             drop_or_click_to_upload: string;
             edit: string;
@@ -149,6 +152,7 @@ declare const messages: {
             remove: string;
             remove_file: string;
             remove_file_description: string;
+            save: string;
             search: string;
             see_all_notifications: string;
             select_an_item: string;
@@ -220,6 +224,7 @@ declare const config: {
                 delete_record: string;
                 delete_record_description: string;
                 deselect_all: string;
+                download: string;
                 drag_to_reposition: string;
                 drop_or_click_to_upload: string;
                 edit: string;
@@ -250,6 +255,7 @@ declare const config: {
                 remove: string;
                 remove_file: string;
                 remove_file_description: string;
+                save: string;
                 search: string;
                 see_all_notifications: string;
                 select_an_item: string;
@@ -304,6 +310,7 @@ declare const config: {
                 delete_record: string;
                 delete_record_description: string;
                 deselect_all: string;
+                download: string;
                 drag_to_reposition: string;
                 drop_or_click_to_upload: string;
                 edit: string;
@@ -334,6 +341,7 @@ declare const config: {
                 remove: string;
                 remove_file: string;
                 remove_file_description: string;
+                save: string;
                 search: string;
                 see_all_notifications: string;
                 select_an_item: string;

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

@@ -1,5 +1,6 @@
 interface Media {
     id: string;
+    name: string;
     file_name: string;
     size: number;
     mime_type: string;

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

@@ -1,5 +1,6 @@
 interface UploadedFile {
     id: string;
+    name: string;
     file_name: string;
     size: number;
     mime_type: string;

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

@@ -2,6 +2,7 @@ import { RouteLocationRaw } from 'vue-router';
 import { UploadedFile } from './UploadedFile';
 import { Notification as AppNotification } from './Notification';
 import { CropType, ResultOptions } from 'croppie';
+import { Media } from './Media';
 export type Locales = {
     [locale: string]: string;
 };
@@ -31,10 +32,7 @@ export type NormalizedOption = {
     value: OptionValue;
     label: string;
 };
-export type MediaLibraryPayload = {
-    to_remove: string[];
-    to_add: UploadedFile[];
-};
+export type MediaLibraryPayload = (Media | UploadedFile)[];
 export interface PaginationMetadata {
     current_page: number;
     per_page: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.203",
+  "version": "0.1.0",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",
@@ -39,7 +39,8 @@
   },
   "dependencies": {
     "@headlessui/vue": "^1.7.9",
-    "color2k": "^2.0.2"
+    "color2k": "^2.0.2",
+    "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",

package/src/components/BaseAddressForm.stories.js

@@ -70,3 +70,34 @@ const DefaultCountryTemplate = (args) => ({
 
 export const DefaultCountry = DefaultCountryTemplate.bind({});
 DefaultCountry.args = {};
+
+const DefaultCountryAndRegionTemplate = (args) => ({
+  components: { BaseAddressForm, ShowValue },
+  setup() {
+    const form = ref({
+      shipping_address: {
+        country: 'ca',
+        region: 'ca-qc',
+      },
+    });
+
+    setTimeout(() => {
+      form.value.shipping_address.country = 'us';
+    }, 2000);
+
+    return { args, form };
+  },
+  template: `
+    <BaseAddressForm v-model="form.shipping_address" prefix="shipping_address" v-bind="args"></BaseAddressForm>
+    <ShowValue :value="form" />
+  `,
+});
+
+export const DefaultCountryAndRegion = DefaultCountryAndRegionTemplate.bind({});
+DefaultCountryAndRegion.args = {};
+
+export const RestrictCountry = DefaultCountryAndRegionTemplate.bind({});
+
+RestrictCountry.args = {
+  restrictCountry: true,
+};