sprintify-ui 0.6.84 → 0.6.86

package/src/components/BaseBelongsTo.vue

@@ -45,7 +45,7 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 
 const props = defineProps({
@@ -57,7 +57,7 @@ const props = defineProps({
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   primaryKey: {
     default: 'id',
@@ -135,7 +135,7 @@ const model = computed(() => {
     : null;
 });
 
-function onUpdate(newModel: Option | null) {
+function onUpdate(newModel: RawOption | null) {
   if (!newModel) {
     emit('update:modelValue', null, null);
   } else {

package/src/components/BaseBelongsToFetch.vue

@@ -47,7 +47,7 @@ import { PropType } from 'vue';
 import { AxiosResponse } from 'axios';
 import { config } from '@/index';
 import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 import { debounce, isObject } from 'lodash';
 
@@ -92,7 +92,7 @@ const props = defineProps({
   },
   currentModel: {
     default: undefined,
-    type: [Object, null, undefined] as PropType<Option | null | undefined>,
+    type: [Object, null, undefined] as PropType<RawOption | null | undefined>,
   },
   hasError: {
     default: false,
@@ -144,7 +144,7 @@ const autocompleteFetch = ref<InstanceType<
   typeof BaseAutocompleteFetch
 > | null>(null);
 
-const model = ref<Option | null>(null);
+const model = ref<RawOption | null>(null);
 const ensureModelIsFilledDebounced = debounce(ensureModelIsFilled, 100);
 
 watch(
@@ -159,7 +159,7 @@ watch(
 
 ensureModelIsFilledDebounced();
 
-function onUpdate(newModel: Option | null) {
+function onUpdate(newModel: RawOption | null) {
   if (!newModel) {
     model.value = null;
     emit('update:modelValue', null, null);

package/src/components/BaseButtonGroup.vue

@@ -27,7 +27,7 @@
 
 <script lang="ts" setup>
 import { PropType, computed } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { cloneDeep, isArray } from 'lodash';
 import { useHasOptions } from '@/composables/hasOptions';
 import { useField } from '@/composables/field';
@@ -43,7 +43,7 @@ const props = defineProps({
   modelValue: {
     default: undefined,
     type: [Object, Array, null, undefined] as PropType<
-      Option[] | Option | null | undefined
+      RawOption[] | RawOption | null | undefined
     >,
   },
   class: {
@@ -67,10 +67,10 @@ const props = defineProps({
     type: String as PropType<'button' | 'submit'>,
   },
   buttonColor: {
-    default(option: Option, selected: boolean) {
+    default(option: RawOption, selected: boolean) {
       return selected ? 'primary' : ''
     },
-    type: Function as PropType<(option: Option, selected: boolean) => string>,
+    type: Function as PropType<(option: RawOption, selected: boolean) => string>,
   },
   twButton: {
     default: '',
@@ -82,7 +82,7 @@ const props = defineProps({
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,

package/src/components/BaseColor.vue

@@ -35,7 +35,7 @@ import { PropType } from 'vue';
 import { BaseButtonGroup } from '.';
 import { isArray } from 'lodash';
 import { useField } from '@/composables/field';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 import { palette } from '@/utils/colors';
 import { getContrast } from 'color2k';
 import { Size } from '@/utils/sizes';
@@ -70,10 +70,10 @@ const props = defineProps({
     },
   },
   buttonColor: {
-    default(option: Option, selected: boolean) {
+    default(option: RawOption, selected: boolean) {
       return option.value;
     },
-    type: Function as PropType<(option: Option, selected: boolean) => string>,
+    type: Function as PropType<(option: RawOption, selected: boolean) => string>,
   },
   multiple: {
     default: false,
@@ -126,7 +126,7 @@ const { emitUpdate } = useField({
   emit: emit,
 });
 
-function transformModelValue(payload: Option | Option[] | null) {
+function transformModelValue(payload: RawOption | RawOption[] | null) {
   if (props.multiple) {
     let newModalValue = [] as string[];
 

package/src/components/BaseDropdownAutocomplete.vue

@@ -61,7 +61,7 @@
 <script lang="ts" setup>
 import { isArray } from 'lodash';
 import { PropType } from 'vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import BaseDropdown from './BaseDropdown.vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
 import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
@@ -72,7 +72,7 @@ import { Placement } from '@floating-ui/vue';
 const props = defineProps({
   modelValue: {
     type: [Array, Object, null, undefined] as PropType<
-      Option[] | Option | null | undefined
+      RawOption[] | RawOption | null | undefined
     >,
     default: undefined,
   },
@@ -85,7 +85,7 @@ const props = defineProps({
     default: undefined,
   },
   options: {
-    type: Array as PropType<Option[] | undefined>,
+    type: Array as PropType<RawOption[] | undefined>,
     default: undefined,
   },
   labelKey: {
@@ -174,7 +174,7 @@ watch(
 );
 
 function onUpdate(
-  value: Option | Option[] | null | undefined,
+  value: RawOption | RawOption[] | null | undefined,
   close: () => void
 ) {
   newValue.value = getNewValue(value);
@@ -186,7 +186,7 @@ function onUpdate(
   }
 }
 
-function getNewValue(value: Option | Option[] | null | undefined) {
+function getNewValue(value: RawOption | RawOption[] | null | undefined) {
   if (isArray(value)) {
     return value;
   }

package/src/components/BaseHasMany.vue

@@ -45,7 +45,7 @@
 
 <script lang="ts" setup>
 import { debounce } from 'lodash';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 import { config } from '@/index';
 import { PropType } from 'vue';
 import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
@@ -97,7 +97,7 @@ const props = defineProps({
     default() {
       return undefined;
     },
-    type: Array as PropType<Option[] | undefined>,
+    type: Array as PropType<RawOption[] | undefined>,
   },
   hasError: {
     default: false,
@@ -113,7 +113,7 @@ const tagAutocompleteFetch = ref<InstanceType<
   typeof BaseTagAutocompleteFetch
 > | null>(null);
 
-const models = ref<Option[]>([]);
+const models = ref<RawOption[]>([]);
 const ensureModelIsFilledDebounced = debounce(() => ensureModelsAreFilled(), 100);
 
 watch(
@@ -130,7 +130,7 @@ watch(
 
 ensureModelIsFilledDebounced();
 
-function onUpdate(newModels: Option[]) {
+function onUpdate(newModels: RawOption[]) {
   models.value = newModels;
   emit(
     'update:modelValue',

package/src/components/BaseRadioGroup.vue

@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import { PropType } from 'vue';
-import { NormalizedOption, Option, OptionValue } from '@/types';
+import { NormalizedOption, RawOption, OptionValue } from '@/types';
 import { useField } from '@/composables/field';
 import { uniqueId } from 'lodash';
 
@@ -61,7 +61,7 @@ const props = defineProps({
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,

package/src/components/BaseSelect.vue

@@ -41,7 +41,7 @@
 import { PropType } from 'vue';
 import { get, isArray } from 'lodash';
 import { useField } from '@/composables/field';
-import { NormalizedOption, OptionValue, Option } from '@/types';
+import { NormalizedOption, OptionValue, RawOption } from '@/types';
 import { t } from '@/i18n';
 import { twMerge } from 'tailwind-merge';
 import { Size, sizes } from '@/utils/sizes';
@@ -90,7 +90,7 @@ const props = defineProps({
   },
   options: {
     default: undefined,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     default: undefined,

package/src/components/BaseTagAutocomplete.vue

@@ -92,7 +92,7 @@
 <script lang="ts" setup>
 import { cloneDeep, get } from 'lodash';
 import { PropType, ComputedRef } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { useHasOptions } from '@/composables/hasOptions';
 import { useField } from '@/composables/field';
 import { useClickOutside } from '@/composables/clickOutside';
@@ -107,11 +107,11 @@ const notifications = useNotificationsStore();
 const props = defineProps({
   modelValue: {
     required: true,
-    type: [Array, null] as PropType<Option[] | null>,
+    type: [Array, null] as PropType<RawOption[] | null>,
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,

package/src/components/BaseTagAutocompleteFetch.vue

@@ -63,7 +63,7 @@ import { config } from '@/index';
 import { PropType } from 'vue';
 import {
   Collection,
-  Option,
+  RawOption,
   PaginatedCollection,
   ResourceCollection,
 } from '@/types';
@@ -74,7 +74,7 @@ import { t } from '@/i18n';
 const props = defineProps({
   modelValue: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   url: {
     required: true,
@@ -131,7 +131,7 @@ const fetching = ref(false);
 const firstSearch = ref(false);
 const keywords = ref('');
 const page = ref(1);
-const options = ref<Option[]>([]);
+const options = ref<RawOption[]>([]);
 
 const data = ref<null | ResourceCollection | PaginatedCollection | Collection>(
   null

package/src/composables/hasOptions.ts

@@ -1,10 +1,10 @@
 import { Ref } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { isArray, isObject } from 'lodash';
 
 export function useHasOptions(
-  modelValue: Ref<Option[] | Option | null | undefined>,
-  options: Ref<Option[]>,
+  modelValue: Ref<RawOption[] | RawOption | null | undefined>,
+  options: Ref<RawOption[]>,
   labelKey: Ref<string>,
   valueKey: Ref<string>,
   multiple: Ref<boolean> = ref(false)

package/src/types/Media.ts

@@ -7,4 +7,4 @@ interface Media {
   url: string;
 }
 
-export { Media };
+export type { Media };

package/src/types/Notification.ts

@@ -8,4 +8,4 @@ interface Notification {
   created_at?: string;
 }
 
-export { Notification };
+export type { Notification };

package/src/types/UploadedFile.ts

@@ -8,4 +8,4 @@ interface UploadedFile {
   data_url?: string;
 }
 
-export { UploadedFile };
+export type { UploadedFile };

package/src/types/User.ts

@@ -4,4 +4,4 @@ interface User {
   avatar_url?: string;
 }
 
-export { User };
+export type { User };

package/src/types/index.ts

@@ -34,10 +34,10 @@ export interface DataTableQuery extends Record<string, any> {
 
 export type OptionValue = string | number | null;
 
-export type Option = Record<string, any>;
+export type RawOption = Record<string, any>;
 
 export type NormalizedOption = {
-  option: Option;
+  option: RawOption;
   value: OptionValue;
   label: string;
 };

package/src/utils/sizes.ts

@@ -18,4 +18,6 @@ const sizes = {
 
 type Size = keyof typeof sizes;
 
-export { sizes, Size }
+export { sizes };
+
+export type { Size };