sprintify-ui 0.10.63 → 0.10.65

package/src/composables/clickOutside.ts

@@ -1,80 +1,80 @@
-import { MaybeElementRef, unrefElement, tryOnScopeDispose } from '@vueuse/core';
-import { isString } from 'lodash';
-
-interface UseClickOutsideOptions {
-  includes?: () => (MaybeElementRef | string)[];
-}
-
-export function useClickOutside(
-  element: MaybeElementRef,
-  callback: () => void,
-  options: UseClickOutsideOptions = {}
-) {
-  function cleanup() {
-    window.removeEventListener('mousedown', onClick, { capture: true });
-  }
-
-  const stopWatch = watch(
-    () => unrefElement(element),
-    (el) => {
-      if (el) {
-        cleanup();
-        window.addEventListener('mousedown', onClick, { capture: true });
-      }
-    },
-    { immediate: true }
-  );
-
-  function onClick(e: Event) {
-    const el = unrefElement(element);
-
-    const includeEls = [] as Element[];
-
-    const optionIncludes = [];
-
-    if (options.includes) {
-      optionIncludes.push(...options.includes());
-    }
-
-    optionIncludes.forEach((include) => {
-      if (isString(include)) {
-        includeEls.push(...document.querySelectorAll(include));
-      } else {
-        const element = unrefElement(include);
-        if (element) {
-          includeEls.push(element);
-        }
-      }
-    });
-
-    if (!el) {
-      return;
-    }
-
-    const contains = el.contains(e.target as HTMLElement);
-
-    let containsIncludes = false;
-    if (includeEls.length > 0) {
-      containsIncludes = includeEls.some((exceptionEl) =>
-        exceptionEl?.contains(e.target as HTMLElement)
-      );
-    }
-
-    const outside = !contains && !containsIncludes;
-
-    if (outside) {
-      callback();
-    }
-  }
-
-  const stop = () => {
-    cleanup();
-    stopWatch();
-  };
-
-  tryOnScopeDispose(stop);
-
-  return {
-    stop,
-  };
-}
+import { MaybeElementRef, unrefElement, tryOnScopeDispose } from '@vueuse/core';
+import { isString } from 'lodash';
+
+interface UseClickOutsideOptions {
+  includes?: () => (MaybeElementRef | string)[];
+}
+
+export function useClickOutside(
+  element: MaybeElementRef,
+  callback: () => void,
+  options: UseClickOutsideOptions = {}
+) {
+  function cleanup() {
+    window.removeEventListener('mousedown', onClick, { capture: true });
+  }
+
+  const stopWatch = watch(
+    () => unrefElement(element),
+    (el) => {
+      if (el) {
+        cleanup();
+        window.addEventListener('mousedown', onClick, { capture: true });
+      }
+    },
+    { immediate: true }
+  );
+
+  function onClick(e: Event) {
+    const el = unrefElement(element);
+
+    const includeEls = [] as Element[];
+
+    const optionIncludes = [];
+
+    if (options.includes) {
+      optionIncludes.push(...options.includes());
+    }
+
+    optionIncludes.forEach((include) => {
+      if (isString(include)) {
+        includeEls.push(...document.querySelectorAll(include));
+      } else {
+        const element = unrefElement(include);
+        if (element) {
+          includeEls.push(element);
+        }
+      }
+    });
+
+    if (!el) {
+      return;
+    }
+
+    const contains = el.contains(e.target as HTMLElement);
+
+    let containsIncludes = false;
+    if (includeEls.length > 0) {
+      containsIncludes = includeEls.some((exceptionEl) =>
+        exceptionEl?.contains(e.target as HTMLElement)
+      );
+    }
+
+    const outside = !contains && !containsIncludes;
+
+    if (outside) {
+      callback();
+    }
+  }
+
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+
+  tryOnScopeDispose(stop);
+
+  return {
+    stop,
+  };
+}

package/src/composables/field.ts

@@ -1,156 +1,156 @@
-import { Size } from '@/utils/sizes';
-import { uniqueId } from 'lodash';
-import { Ref } from 'vue';
-import { useInputSize } from './inputSize';
-
-interface Config {
-  name: Ref<string | null | undefined>;
-  required: Ref<boolean | undefined>;
-  hasError: Ref<boolean | undefined>;
-  emit: any;
-  size?: Ref<Size | undefined>;
-  errorType?: string;
-  labelClass?: string;
-}
-
-export function useField(config: Config) {
-
-  const uuid = uniqueId();
-  const name = config.name;
-  const required = config.required;
-  const hasError = config.hasError;
-  const emit = config.emit;
-  const size = config.size;
-  const errorType = config.errorType ?? null;
-  const labelClass = config.labelClass ?? null;
-
-  // Injections
-
-  const fieldRequired = inject('field:required', ref(false)) as Ref<boolean>;
-  const fieldName = inject('field:name', ref('')) as Ref<string>;
-  const fieldSize = inject('field:size', ref('md')) as Ref<Size>;
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const fieldOnUpdate = inject('field:onUpdate', (name?: string | null | undefined) => {
-    return;
-  }) as (name?: string | null | undefined) => void;
-
-  const getErrorMessageByName = inject(
-    'form:getErrorMessageByName',
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    (name: string) => {
-      return null;
-    }
-  ) as (name: string) => string | null | undefined;
-
-  const setErrorType = inject(
-    'field:setErrorType',
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    (errorType: string | null) => {
-      return;
-    }
-  ) as (errorType: string | null) => void;
-
-  if (errorType) {
-    setErrorType(errorType);
-  }
-
-  const setLabelClass = inject(
-    'field:setLabelClass',
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    (labelClass: string | string[]) => {
-      return;
-    }
-  ) as (errorType: string | string[]) => void;
-
-  if (labelClass) {
-    setLabelClass(labelClass);
-  }
-
-  const disableForm = inject('form:disable', () => {
-    return;
-  }) as (uuid: string) => void;
-
-  const enableForm = inject('form:enable', () => {
-    return;
-  }) as (uuid: string) => void;
-
-  onBeforeUnmount(() => {
-    enableForm(uuid);
-  });
-
-  const addBeforeSubmitListener = inject('form:addBeforeSubmitListener', () => {
-    return;
-  }) as (uuid: string, listener: () => void) => void;
-
-  const removeBeforeSubmitListener = inject('form:removeBeforeSubmitListener', () => {
-    return;
-  }) as (uuid: string) => void;
-
-  onBeforeUnmount(() => {
-    removeBeforeSubmitListener(uuid);
-  });
-
-  const requiredInternal = computed((): boolean => {
-    if (required.value !== undefined) {
-      return required.value;
-    }
-
-    return fieldRequired.value;
-  });
-
-  const nameInternal = computed((): string => {
-    if (name.value) {
-      return name.value;
-    }
-
-    return fieldName.value;
-  });
-
-  const sizeInternal = computed((): Size => {
-
-    let s = size?.value ?? null;
-
-    if (!s) {
-      s = fieldSize.value;
-    }
-
-    const inputSize = useInputSize(s);
-
-    return inputSize.size.value;
-  });
-
-  const errorMessageInternal = computed((): string | null | undefined => {
-    return getErrorMessageByName(nameInternal.value);
-  });
-
-  const hasErrorInternal = computed((): boolean => {
-    if (hasError.value) {
-      return hasError.value;
-    }
-
-    return !!errorMessageInternal.value;
-  });
-
-  function emitUpdate(value: any) {
-    emit('update:modelValue', value);
-    fieldOnUpdate(nameInternal.value);
-  }
-
-  return {
-    requiredInternal,
-    nameInternal,
-    hasErrorInternal,
-    errorMessageInternal,
-    sizeInternal,
-    emitUpdate,
-    enableForm: () => enableForm(uuid),
-    disableForm: () => disableForm(uuid),
-    addBeforeSubmitListener: (listener: () => void) => {
-      addBeforeSubmitListener(uuid, listener);
-    },
-    removeBeforeSubmitListener: () => {
-      removeBeforeSubmitListener(uuid);
-    }
-  };
-}
+import { Size } from '@/utils/sizes';
+import { uniqueId } from 'lodash';
+import { Ref } from 'vue';
+import { useInputSize } from './inputSize';
+
+interface Config {
+  name: Ref<string | null | undefined>;
+  required: Ref<boolean | undefined>;
+  hasError: Ref<boolean | undefined>;
+  emit: any;
+  size?: Ref<Size | undefined>;
+  errorType?: string;
+  labelClass?: string;
+}
+
+export function useField(config: Config) {
+
+  const uuid = uniqueId();
+  const name = config.name;
+  const required = config.required;
+  const hasError = config.hasError;
+  const emit = config.emit;
+  const size = config.size;
+  const errorType = config.errorType ?? null;
+  const labelClass = config.labelClass ?? null;
+
+  // Injections
+
+  const fieldRequired = inject('field:required', ref(false)) as Ref<boolean>;
+  const fieldName = inject('field:name', ref('')) as Ref<string>;
+  const fieldSize = inject('field:size', ref('md')) as Ref<Size>;
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const fieldOnUpdate = inject('field:onUpdate', (name?: string | null | undefined) => {
+    return;
+  }) as (name?: string | null | undefined) => void;
+
+  const getErrorMessageByName = inject(
+    'form:getErrorMessageByName',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (name: string) => {
+      return null;
+    }
+  ) as (name: string) => string | null | undefined;
+
+  const setErrorType = inject(
+    'field:setErrorType',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (errorType: string | null) => {
+      return;
+    }
+  ) as (errorType: string | null) => void;
+
+  if (errorType) {
+    setErrorType(errorType);
+  }
+
+  const setLabelClass = inject(
+    'field:setLabelClass',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    (labelClass: string | string[]) => {
+      return;
+    }
+  ) as (errorType: string | string[]) => void;
+
+  if (labelClass) {
+    setLabelClass(labelClass);
+  }
+
+  const disableForm = inject('form:disable', () => {
+    return;
+  }) as (uuid: string) => void;
+
+  const enableForm = inject('form:enable', () => {
+    return;
+  }) as (uuid: string) => void;
+
+  onBeforeUnmount(() => {
+    enableForm(uuid);
+  });
+
+  const addBeforeSubmitListener = inject('form:addBeforeSubmitListener', () => {
+    return;
+  }) as (uuid: string, listener: () => void) => void;
+
+  const removeBeforeSubmitListener = inject('form:removeBeforeSubmitListener', () => {
+    return;
+  }) as (uuid: string) => void;
+
+  onBeforeUnmount(() => {
+    removeBeforeSubmitListener(uuid);
+  });
+
+  const requiredInternal = computed((): boolean => {
+    if (required.value !== undefined) {
+      return required.value;
+    }
+
+    return fieldRequired.value;
+  });
+
+  const nameInternal = computed((): string => {
+    if (name.value) {
+      return name.value;
+    }
+
+    return fieldName.value;
+  });
+
+  const sizeInternal = computed((): Size => {
+
+    let s = size?.value ?? null;
+
+    if (!s) {
+      s = fieldSize.value;
+    }
+
+    const inputSize = useInputSize(s);
+
+    return inputSize.size.value;
+  });
+
+  const errorMessageInternal = computed((): string | null | undefined => {
+    return getErrorMessageByName(nameInternal.value);
+  });
+
+  const hasErrorInternal = computed((): boolean => {
+    if (hasError.value) {
+      return hasError.value;
+    }
+
+    return !!errorMessageInternal.value;
+  });
+
+  function emitUpdate(value: any) {
+    emit('update:modelValue', value);
+    fieldOnUpdate(nameInternal.value);
+  }
+
+  return {
+    requiredInternal,
+    nameInternal,
+    hasErrorInternal,
+    errorMessageInternal,
+    sizeInternal,
+    emitUpdate,
+    enableForm: () => enableForm(uuid),
+    disableForm: () => disableForm(uuid),
+    addBeforeSubmitListener: (listener: () => void) => {
+      addBeforeSubmitListener(uuid, listener);
+    },
+    removeBeforeSubmitListener: () => {
+      removeBeforeSubmitListener(uuid);
+    }
+  };
+}

package/src/composables/hasOptions.ts

@@ -1,86 +1,86 @@
-import { Ref } from 'vue';
-import { NormalizedOption, RawOption } from '@/types';
-import { get, isArray, isFunction, isObject, isString } from 'lodash';
-
-export function useHasOptions(
-  modelValue: Ref<RawOption[] | RawOption | null | undefined>,
-  options: Ref<RawOption[]>,
-  labelKey: Ref<string | ((option: RawOption) => string)>,
-  valueKey: Ref<string | ((option: RawOption) => string | number)>,
-  multiple: Ref<boolean> = ref(false)
-) {
-  const normalizedModelValue = computed(
-    (): NormalizedOption[] | NormalizedOption | null => {
-      if (multiple.value) {
-        if (!isArray(modelValue.value)) {
-          return [];
-        }
-        return modelValue.value.map((option: RawOption) => {
-          return {
-            label: getLabel(option),
-            value: getValue(option),
-            option: option,
-          } as NormalizedOption;
-        });
-      } else {
-        if (!isObject(modelValue.value)) {
-          return null;
-        }
-
-        return {
-          label: getLabel(modelValue.value),
-          value: getValue(modelValue.value),
-          option: modelValue.value,
-        } as NormalizedOption;
-      }
-    }
-  );
-
-  const normalizedOptions = computed((): NormalizedOption[] => {
-    return options.value.map((option) => {
-      return {
-        label: getLabel(option),
-        value: getValue(option),
-        option: option,
-      } as NormalizedOption;
-    });
-  });
-
-  function isSelected(option: NormalizedOption): boolean {
-    if (isArray(normalizedModelValue.value)) {
-      return normalizedModelValue.value.some((modelValue) => {
-        return modelValue.value === option.value;
-      });
-    }
-
-    if (isObject(normalizedModelValue.value)) {
-      return normalizedModelValue.value.value == option.value;
-    }
-
-    return false;
-  }
-
-  function getLabel(option: RawOption): string {
-    if (isFunction(labelKey.value)) {
-      return labelKey.value(option);
-    } else if (isString(labelKey.value)) {
-      return get(option, labelKey.value, '') as string;
-    }
-    return '';
-  }
-
-  function getValue(option: RawOption): string | number {
-    if (isFunction(valueKey.value)) {
-      return valueKey.value(option);
-    } else if (isString(valueKey.value)) {
-      return get(option, valueKey.value) as string | number;
-    }
-    return '';
-  }
-
-  return {
-    normalizedOptions,
-    normalizedModelValue,
-    isSelected,
-  };
-}
+import { Ref } from 'vue';
+import { NormalizedOption, RawOption } from '@/types';
+import { get, isArray, isFunction, isObject, isString } from 'lodash';
+
+export function useHasOptions(
+  modelValue: Ref<RawOption[] | RawOption | null | undefined>,
+  options: Ref<RawOption[]>,
+  labelKey: Ref<string | ((option: RawOption) => string)>,
+  valueKey: Ref<string | ((option: RawOption) => string | number)>,
+  multiple: Ref<boolean> = ref(false)
+) {
+  const normalizedModelValue = computed(
+    (): NormalizedOption[] | NormalizedOption | null => {
+      if (multiple.value) {
+        if (!isArray(modelValue.value)) {
+          return [];
+        }
+        return modelValue.value.map((option: RawOption) => {
+          return {
+            label: getLabel(option),
+            value: getValue(option),
+            option: option,
+          } as NormalizedOption;
+        });
+      } else {
+        if (!isObject(modelValue.value)) {
+          return null;
+        }
+
+        return {
+          label: getLabel(modelValue.value),
+          value: getValue(modelValue.value),
+          option: modelValue.value,
+        } as NormalizedOption;
+      }
+    }
+  );
+
+  const normalizedOptions = computed((): NormalizedOption[] => {
+    return options.value.map((option) => {
+      return {
+        label: getLabel(option),
+        value: getValue(option),
+        option: option,
+      } as NormalizedOption;
+    });
+  });
+
+  function isSelected(option: NormalizedOption): boolean {
+    if (isArray(normalizedModelValue.value)) {
+      return normalizedModelValue.value.some((modelValue) => {
+        return modelValue.value === option.value;
+      });
+    }
+
+    if (isObject(normalizedModelValue.value)) {
+      return normalizedModelValue.value.value == option.value;
+    }
+
+    return false;
+  }
+
+  function getLabel(option: RawOption): string {
+    if (isFunction(labelKey.value)) {
+      return labelKey.value(option);
+    } else if (isString(labelKey.value)) {
+      return get(option, labelKey.value, '') as string;
+    }
+    return '';
+  }
+
+  function getValue(option: RawOption): string | number {
+    if (isFunction(valueKey.value)) {
+      return valueKey.value(option);
+    } else if (isString(valueKey.value)) {
+      return get(option, valueKey.value) as string | number;
+    }
+    return '';
+  }
+
+  return {
+    normalizedOptions,
+    normalizedModelValue,
+    isSelected,
+  };
+}