sprintify-ui 0.0.204 → 0.1.0

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

@@ -1,7 +1,14 @@
 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;
@@ -13,7 +20,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     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;
@@ -29,7 +43,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     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;
 }>;

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.204",
+  "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.vue

@@ -101,7 +101,16 @@ import BaseInput from './BaseInput.vue';
 import BaseSelect from './BaseSelect.vue';
 import { config } from '..';
 
-type Address = Record<string, string | number | null | undefined>;
+const DEFAULT_COUNTRY = 'ca';
+
+type Address = {
+  address_1?: string | null;
+  address_2?: string | null;
+  postal_code?: string | null;
+  city?: string | null;
+  region?: string | null;
+  country?: string | null;
+};
 
 const props = withDefaults(
   defineProps<{
@@ -129,7 +138,7 @@ const props = withDefaults(
 const emit = defineEmits(['update:model-value']);
 
 const normalizedModelValue = computed((): Address => {
-  const form = cloneDeep(props.modelValue ?? {});
+  const form = cloneDeep(props.modelValue ?? {}) as Address;
   form.address_1 = form.address_1 ?? '';
   form.address_2 = form.address_2 ?? '';
   form.city = form.city ?? '';
@@ -139,6 +148,16 @@ const normalizedModelValue = computed((): Address => {
   return form;
 });
 
+const normalizedCountry = computed((): string | null => {
+  if (props.restrictCountry) {
+    if (normalizedModelValue.value.country) {
+      return normalizedModelValue.value.country;
+    }
+    return DEFAULT_COUNTRY;
+  }
+  return normalizedModelValue.value.country ?? null;
+});
+
 const countries = computed((): Country[] => {
   if (props.countries && isArray(props.countries) && props.countries.length) {
     return props.countries;
@@ -166,7 +185,7 @@ const namePrefix = computed((): string => {
   return '';
 });
 
-function update(field: string, value: string) {
+function update(field: keyof Address, value: string) {
   const newForm = cloneDeep(normalizedModelValue.value);
   newForm[field] = value;
   emit('update:model-value', newForm);
@@ -218,9 +237,11 @@ function setAutocompleteOptions() {
   } as any;
 
   if (props.restrictCountry) {
-    options.componentRestrictions = {
-      country: props.modelValue?.country ?? 'ca',
-    };
+    if (normalizedCountry.value) {
+      options.componentRestrictions = {
+        country: normalizedCountry.value,
+      };
+    }
   }
 
   autocomplete.setOptions(options);