@leaflink/stash 53.1.1 → 53.3.4

package/dist/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sources":["../src/components/FileUpload/FileUpload.constants.ts","../src/components/FileUpload/FileUpload.vue"],"sourcesContent":["export const FILE_TYPES = {\n  CSV: {\n    EXTENSION: ['csv'],\n    MIME_TYPES: ['text/csv', 'application/octet-stream', 'application/vnd.ms-excel'],\n    ILLUSTRATION: 'csv',\n  },\n  PDF: {\n    EXTENSION: ['pdf'],\n    MIME_TYPES: ['application/pdf'],\n    ILLUSTRATION: 'pdf',\n  },\n  PNG: {\n    EXTENSION: ['png'],\n    MIME_TYPES: ['image/png'],\n    ILLUSTRATION: 'image',\n  },\n  JPEG: {\n    EXTENSION: ['jpg', 'jpeg'],\n    MIME_TYPES: ['image/jpeg'],\n    ILLUSTRATION: 'image',\n  },\n  DOC: {\n    EXTENSION: ['doc', 'docx'],\n    MIME_TYPES: ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n    ILLUSTRATION: 'document',\n  },\n  XLS: {\n    EXTENSION: ['xls', 'xlsx'],\n    MIME_TYPES: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n    ILLUSTRATION: 'csv',\n  },\n};\n\nexport enum FileUploadSizes {\n  Dense = 'dense',\n  Standard = 'standard',\n}\n\nexport type FileUploadSize = `${FileUploadSizes}`;\n","<script lang=\"ts\">\n  export * from './FileUpload.constants';\n</script>\n\n<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, inject, ref, useAttrs, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n  import { FILE_TYPES, FileUploadSize, FileUploadSizes } from './FileUpload.constants';\n\n  export type FileType = 'CSV' | 'PDF' | 'PNG' | 'JPEG' | 'DOC' | 'XLS';\n\n  export interface FileUploadProps {\n    /**\n     * Files to display in the component\n     */\n    files?: File[];\n\n    /**\n     * Accepted file types\n     */\n    fileTypes?: FileType[];\n\n    /**\n     * Should display only the button\n     */\n    buttonOnly?: boolean;\n\n    /**\n     * Allows upload of multiple files\n     */\n    multiple?: boolean;\n\n    /**\n     * Is the input disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Component size\n     */\n    size?: FileUploadSize;\n  }\n\n  const props = withDefaults(defineProps<FileUploadProps>(), {\n    files: () => [],\n    fileTypes: () => ['CSV', 'PDF', 'PNG', 'JPEG', 'DOC', 'XLS'],\n    buttonOnly: false,\n    disabled: false,\n    multiple: false,\n    size: 'standard',\n  });\n\n  const classes = useCssModule();\n\n  const emit = defineEmits<{\n    (e: 'file-select', { files }: { files: FileUploadProps['files'] }): void;\n    (e: 'file-delete', file: File): void;\n    (e: 'file-error', message: string): void;\n  }>();\n\n  const isDraggingOver = ref(false);\n  const fileUploadRef = ref<HTMLInputElement>();\n\n  const stashOptions = inject<StashProvideState>('stashOptions');\n  const attributes = useAttrs();\n\n  const inputAttrs = computed(() => {\n    const attrs = { ...attributes };\n\n    delete attrs['data-test'];\n    delete attrs.class;\n    delete attrs.type;\n    delete attrs.accept;\n\n    return attrs;\n  });\n\n  function concatArraysToFirst(a: string[], b: string[]) {\n    return a.concat(b);\n  }\n\n  const acceptedMimeTypes = computed(() => {\n    return props.fileTypes.map((fileType) => FILE_TYPES[fileType].MIME_TYPES).reduce(concatArraysToFirst);\n  });\n\n  const acceptedFileExtensions = computed(() => {\n    return props.fileTypes.map((fileType) => FILE_TYPES[fileType].EXTENSION).reduce(concatArraysToFirst);\n  });\n\n  const illustrationPath = computed(() => {\n    return `${stashOptions?.staticPath}/illustrations/FileUpload/${FILE_TYPES[props.fileTypes[0]].ILLUSTRATION}.svg`;\n  });\n\n  function openFileDialog() {\n    if (fileUploadRef.value) {\n      fileUploadRef.value.value = '';\n      fileUploadRef.value.click();\n    }\n  }\n\n  function handleDragEnter() {\n    isDraggingOver.value = true;\n  }\n\n  function handleDragLeave() {\n    isDraggingOver.value = false;\n  }\n\n  function handleFileError(error: Error) {\n    const message = t('ll.fileUpload.errors.incorrectFileType', {\n      fileTypes: acceptedFileExtensions.value.join(', '),\n    });\n\n    emit('file-error', message);\n\n    logger.log(error);\n  }\n\n  async function areFileTypesAccepted(files: File[]) {\n    if (!acceptedMimeTypes.value.length) return true;\n\n    const mimeTypes = await Promise.all(files.map((file) => readMimeType(file)));\n\n    const allCorrectMimeTypes =\n      !!mimeTypes.length && mimeTypes.every((mimeType) => acceptedMimeTypes.value.includes(mimeType));\n\n    if (!allCorrectMimeTypes) {\n      throw new Error('One or more files contains an unacceptable mime type.');\n    }\n\n    const allCorrectFileExtensions = files.every((file) => {\n      const extension = file.name.split('.').pop();\n\n      return extension && acceptedFileExtensions.value.includes(extension);\n    });\n\n    if (!allCorrectFileExtensions) {\n      throw new Error('One or more files contains an unacceptable extension.');\n    }\n\n    return true;\n  }\n\n  async function processFiles(files: File[]) {\n    try {\n      await areFileTypesAccepted(files);\n\n      emit('file-select', { files });\n    } catch (error) {\n      handleFileError(error as Error);\n    }\n  }\n\n  /**\n   * Sets file(s) to selected file(s) from dialogue\n   * @param {Object} event - file select event that contains file(s)\n   * @returns {Array} An array of files\n   */\n  function handleFileInput(event: Event) {\n    const files = [...((event.target as HTMLInputElement)?.files || [])];\n\n    processFiles(files);\n  }\n\n  /**\n   * Sets file to dropped file if it is proper file type\n   * @param {Object} event - file select event that contains file\n   */\n  function handleDropFile(event: DragEvent) {\n    if (props.disabled) {\n      return;\n    }\n\n    const files = [...(event.dataTransfer?.files || [])];\n\n    isDraggingOver.value = false;\n\n    return processFiles(files);\n  }\n\n  function handleFileDelete(file: File) {\n    emit('file-delete', file);\n  }\n\n  function readMimeType(file: File): Promise<string> {\n    return new Promise((resolve, reject) => {\n      if (file.type) {\n        return resolve(file.type);\n      } else if (window.FileReader) {\n        const fileReader = new FileReader();\n\n        fileReader.onload = () => {\n          const mimeType =\n            fileReader.result && (fileReader.result as string).match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)\n              ? ((fileReader.result as string).match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/) as string[])[0]\n              : '';\n\n          resolve(mimeType);\n        };\n\n        fileReader.readAsDataURL(file);\n      } else {\n        reject(new Error('Failed to read file.'));\n      }\n    });\n  }\n</script>\n\n<template>\n  <div class=\"stash-file-upload\" :class=\"attributes.class\" data-test=\"stash-file-upload\">\n    <div v-if=\"buttonOnly\">\n      <Button secondary type=\"button\" :disabled=\"props.disabled\" @click.stop.prevent=\"openFileDialog\">\n        <slot name=\"submitText\">\n          {{ t('ll.fileUpload.uploadFile') }}\n        </slot>\n      </Button>\n    </div>\n    <div\n      v-else\n      class=\"rounded p-6\"\n      :class=\"[\n        classes['file-dropbox'],\n        {\n          [classes['is-dragging']]: isDraggingOver,\n          [classes['is-disabled']]: props.disabled,\n        },\n      ]\"\n      @dragover.prevent=\"handleDragEnter\"\n      @drop.prevent=\"handleDropFile\"\n      @dragleave.prevent=\"handleDragLeave\"\n    >\n      <div\n        class=\"flex flex-col items-center justify-center text-center\"\n        :class=\"[{ 'items-center md:flex-row': size === FileUploadSizes.Dense }]\"\n      >\n        <template v-if=\"!files.length\">\n          <InlineSvg v-if=\"size !== FileUploadSizes.Dense\" :src=\"illustrationPath\" name=\"file\" width=\"84\" height=\"96\" />\n          <span class=\"text-ice-900\">\n            {{ t('ll.fileUpload.dragDropFileHere') }}\n          </span>\n          <span\n            :class=\"size === FileUploadSizes.Dense ? 'md:ml-1.5 md:mr-3 md:my-0 my-1.5 text-ice-900' : 'mt-1.5 my-1.5'\"\n          >\n            {{ t('ll.fileUpload.or') }}\n          </span>\n          <Button\n            class=\"mt-1.5\"\n            secondary\n            type=\"button\"\n            :class=\"classes['file-select-button']\"\n            :disabled=\"disabled\"\n            @click.stop.prevent=\"openFileDialog\"\n          >\n            <!-- @slot for custom submit text -->\n            <slot name=\"submitText\">{{ t('ll.fileUpload.uploadFile') }}</slot>\n          </Button>\n        </template>\n        <template v-else>\n          <div v-for=\"file in files\" :key=\"file.name\">\n            <Icon name=\"file\" />\n            <span>{{ file.name }}</span>\n            <Button :class=\"[classes['remove-button'], classes['button']]\" @click.stop.prevent=\"handleFileDelete(file)\">\n              {{ t('ll.fileUpload.remove') }}\n            </Button>\n          </div>\n        </template>\n      </div>\n      <div v-if=\"$slots.hint && !files.length\" class=\"mt-6 text-center text-xs text-ice-700\">\n        <!-- @slot for displaying helpful text and/or links -->\n        <slot name=\"hint\"></slot>\n      </div>\n    </div>\n    <input\n      v-show=\"false\"\n      v-bind=\"inputAttrs\"\n      ref=\"fileUploadRef\"\n      data-test=\"stash-file-upload|input\"\n      type=\"file\"\n      :disabled=\"disabled\"\n      :accept=\"acceptedMimeTypes.join(',')\"\n      :multiple=\"props.multiple\"\n      @change=\"handleFileInput\"\n    />\n  </div>\n</template>\n\n<style module>\n  @layer utilities {\n    .file-dropbox {\n      background: var(--color-ice-200);\n      background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n      background-repeat: no-repeat;\n      border: var(--border-width) solid var(--color-ice-500);\n      border-color: transparent;\n    }\n\n    .is-dragging {\n      background-image: none;\n      border-color: var(--color-ice-500);\n\n      & > * {\n        pointer-events: none;\n      }\n    }\n\n    .is-disabled {\n      cursor: no-drop;\n    }\n\n    /* Constrain the upload icon for drag/drop to the required size */\n    .upload-icon {\n      height: 98px;\n      width: 84px;\n    }\n\n    .remove-button.button {\n      background: transparent;\n      border: none;\n      color: var(--color-red-500);\n\n      &:hover {\n        background: transparent;\n        border: none;\n      }\n    }\n  }\n</style>\n"],"names":["FILE_TYPES","FileUploadSizes","props","__props","classes","useCssModule","emit","__emit","isDraggingOver","ref","fileUploadRef","stashOptions","inject","attributes","useAttrs","inputAttrs","computed","attrs","concatArraysToFirst","a","b","acceptedMimeTypes","fileType","acceptedFileExtensions","illustrationPath","openFileDialog","handleDragEnter","handleDragLeave","handleFileError","error","message","t","logger","areFileTypesAccepted","files","mimeTypes","file","readMimeType","mimeType","extension","processFiles","handleFileInput","event","_a","handleDropFile","handleFileDelete","resolve","reject","fileReader"],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","sources":["../src/components/FileUpload/FileUpload.constants.ts","../src/components/FileUpload/FileUpload.vue"],"sourcesContent":["export const FILE_TYPES = {\n  CSV: {\n    EXTENSION: ['csv'],\n    MIME_TYPES: ['text/csv', 'application/octet-stream', 'application/vnd.ms-excel'],\n    ILLUSTRATION: 'csv',\n  },\n  PDF: {\n    EXTENSION: ['pdf'],\n    MIME_TYPES: ['application/pdf'],\n    ILLUSTRATION: 'pdf',\n  },\n  PNG: {\n    EXTENSION: ['png'],\n    MIME_TYPES: ['image/png'],\n    ILLUSTRATION: 'image',\n  },\n  JPEG: {\n    EXTENSION: ['jpg', 'jpeg'],\n    MIME_TYPES: ['image/jpeg'],\n    ILLUSTRATION: 'image',\n  },\n  DOC: {\n    EXTENSION: ['doc', 'docx'],\n    MIME_TYPES: ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n    ILLUSTRATION: 'document',\n  },\n  XLS: {\n    EXTENSION: ['xls', 'xlsx'],\n    MIME_TYPES: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n    ILLUSTRATION: 'csv',\n  },\n};\n\nexport enum FileUploadSizes {\n  Dense = 'dense',\n  Standard = 'standard',\n}\n\nexport type FileUploadSize = `${FileUploadSizes}`;\n","<script lang=\"ts\">\n  export * from './FileUpload.constants';\n</script>\n\n<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, inject, ref, useAttrs, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n  import { FILE_TYPES, FileUploadSize, FileUploadSizes } from './FileUpload.constants';\n\n  export type FileType = 'CSV' | 'PDF' | 'PNG' | 'JPEG' | 'DOC' | 'XLS';\n\n  export interface FileUploadProps {\n    /**\n     * Files to display in the component\n     */\n    files?: File[];\n\n    /**\n     * Accepted file types\n     */\n    fileTypes?: FileType[];\n\n    /**\n     * Should display only the button\n     */\n    buttonOnly?: boolean;\n\n    /**\n     * Allows upload of multiple files\n     */\n    multiple?: boolean;\n\n    /**\n     * Is the input disabled\n     */\n    disabled?: boolean;\n\n    /**\n     * Component size\n     */\n    size?: FileUploadSize;\n  }\n\n  const props = withDefaults(defineProps<FileUploadProps>(), {\n    files: () => [],\n    fileTypes: () => ['CSV', 'PDF', 'PNG', 'JPEG', 'DOC', 'XLS'],\n    buttonOnly: false,\n    disabled: false,\n    multiple: false,\n    size: 'standard',\n  });\n\n  const classes = useCssModule();\n\n  const emit = defineEmits<{\n    (e: 'file-select', { files }: { files: FileUploadProps['files'] }): void;\n    (e: 'file-delete', file: File): void;\n    (e: 'file-error', message: string): void;\n  }>();\n\n  const isDraggingOver = ref(false);\n  const fileUploadRef = ref<HTMLInputElement>();\n\n  const stashOptions = inject<StashProvideState>('stashOptions');\n  const attributes = useAttrs();\n\n  const inputAttrs = computed(() => {\n    const attrs = { ...attributes };\n\n    delete attrs['data-test'];\n    delete attrs.class;\n    delete attrs.type;\n    delete attrs.accept;\n\n    return attrs;\n  });\n\n  function concatArraysToFirst(a: string[], b: string[]) {\n    return a.concat(b);\n  }\n\n  const acceptedMimeTypes = computed(() => {\n    return props.fileTypes.map((fileType) => FILE_TYPES[fileType].MIME_TYPES).reduce(concatArraysToFirst);\n  });\n\n  const acceptedFileExtensions = computed(() => {\n    return props.fileTypes.map((fileType) => FILE_TYPES[fileType].EXTENSION).reduce(concatArraysToFirst);\n  });\n\n  const illustrationPath = computed(() => {\n    return `${stashOptions?.staticPath}/illustrations/FileUpload/${FILE_TYPES[props.fileTypes[0]].ILLUSTRATION}.svg`;\n  });\n\n  function openFileDialog() {\n    if (fileUploadRef.value) {\n      fileUploadRef.value.value = '';\n      fileUploadRef.value.click();\n    }\n  }\n\n  function handleDragEnter() {\n    isDraggingOver.value = true;\n  }\n\n  function handleDragLeave() {\n    isDraggingOver.value = false;\n  }\n\n  function handleFileError(error: Error) {\n    const message = t('ll.fileUpload.errors.incorrectFileType', {\n      fileTypes: acceptedFileExtensions.value.join(', '),\n    });\n\n    emit('file-error', message);\n\n    logger.log(error);\n  }\n\n  async function areFileTypesAccepted(files: File[]) {\n    if (!acceptedMimeTypes.value.length) return true;\n\n    const mimeTypes = await Promise.all(files.map((file) => readMimeType(file)));\n\n    const allCorrectMimeTypes =\n      !!mimeTypes.length && mimeTypes.every((mimeType) => acceptedMimeTypes.value.includes(mimeType));\n\n    if (!allCorrectMimeTypes) {\n      throw new Error('One or more files contains an unacceptable mime type.');\n    }\n\n    const allCorrectFileExtensions = files.every((file) => {\n      const extension = file.name.split('.').pop();\n\n      return extension && acceptedFileExtensions.value.includes(extension);\n    });\n\n    if (!allCorrectFileExtensions) {\n      throw new Error('One or more files contains an unacceptable extension.');\n    }\n\n    return true;\n  }\n\n  async function processFiles(files: File[]) {\n    try {\n      await areFileTypesAccepted(files);\n\n      emit('file-select', { files });\n    } catch (error) {\n      handleFileError(error as Error);\n    }\n  }\n\n  /**\n   * Sets file(s) to selected file(s) from dialogue\n   * @param {Object} event - file select event that contains file(s)\n   * @returns {Array} An array of files\n   */\n  function handleFileInput(event: Event) {\n    const files = [...((event.target as HTMLInputElement)?.files || [])];\n\n    processFiles(files);\n  }\n\n  /**\n   * Sets file to dropped file if it is proper file type\n   * @param {Object} event - file select event that contains file\n   */\n  function handleDropFile(event: DragEvent) {\n    if (props.disabled) {\n      return;\n    }\n\n    const files = [...(event.dataTransfer?.files || [])];\n\n    isDraggingOver.value = false;\n\n    return processFiles(files);\n  }\n\n  function handleFileDelete(file: File) {\n    emit('file-delete', file);\n  }\n\n  function readMimeType(file: File): Promise<string> {\n    return new Promise((resolve, reject) => {\n      if (file.type) {\n        return resolve(file.type);\n      } else if (window.FileReader) {\n        const fileReader = new FileReader();\n\n        fileReader.onload = () => {\n          const mimeType =\n            fileReader.result && (fileReader.result as string).match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)\n              ? ((fileReader.result as string).match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/) as string[])[0]\n              : '';\n\n          resolve(mimeType);\n        };\n\n        fileReader.readAsDataURL(file);\n      } else {\n        reject(new Error('Failed to read file.'));\n      }\n    });\n  }\n</script>\n\n<template>\n  <div class=\"stash-file-upload\" :class=\"attributes.class\" data-test=\"stash-file-upload\">\n    <div v-if=\"buttonOnly\">\n      <Button secondary type=\"button\" :disabled=\"props.disabled\" @click.stop.prevent=\"openFileDialog\">\n        <slot name=\"submitText\">\n          {{ t('ll.fileUpload.uploadFile') }}\n        </slot>\n      </Button>\n    </div>\n    <div\n      v-else\n      class=\"rounded p-6\"\n      :class=\"[\n        classes['file-dropbox'],\n        {\n          [classes['is-dragging']]: isDraggingOver,\n          [classes['is-disabled']]: props.disabled,\n        },\n      ]\"\n      @dragover.prevent=\"handleDragEnter\"\n      @drop.prevent=\"handleDropFile\"\n      @dragleave.prevent=\"handleDragLeave\"\n    >\n      <div\n        class=\"flex flex-col items-center justify-center text-center\"\n        :class=\"[{ 'items-center md:flex-row': size === FileUploadSizes.Dense }]\"\n      >\n        <template v-if=\"!files.length\">\n          <InlineSvg v-if=\"size !== FileUploadSizes.Dense\" :src=\"illustrationPath\" name=\"file\" width=\"84\" height=\"96\" />\n          <span class=\"text-ice-900\">\n            {{ t('ll.fileUpload.dragDropFileHere') }}\n          </span>\n          <span\n            :class=\"size === FileUploadSizes.Dense ? 'md:ml-1.5 md:mr-3 md:my-0 my-1.5 text-ice-900' : 'mt-1.5 my-1.5'\"\n          >\n            {{ t('ll.fileUpload.or') }}\n          </span>\n          <Button\n            class=\"mt-1.5\"\n            secondary\n            type=\"button\"\n            :class=\"classes['file-select-button']\"\n            :disabled=\"disabled\"\n            @click.stop.prevent=\"openFileDialog\"\n          >\n            <!-- @slot for custom submit text -->\n            <slot name=\"submitText\">{{ t('ll.fileUpload.uploadFile') }}</slot>\n          </Button>\n        </template>\n        <template v-else>\n          <div v-for=\"file in files\" :key=\"file.name\">\n            <Icon name=\"file\" />\n            <span>{{ file.name }}</span>\n            <Button :class=\"[classes['remove-button'], classes['button']]\" @click.stop.prevent=\"handleFileDelete(file)\">\n              {{ t('ll.fileUpload.remove') }}\n            </Button>\n          </div>\n        </template>\n      </div>\n      <div v-if=\"$slots.hint && !files.length\" class=\"mt-6 text-center text-xs text-ice-700\">\n        <!-- @slot for displaying helpful text and/or links -->\n        <slot name=\"hint\"></slot>\n      </div>\n    </div>\n    <input\n      v-show=\"false\"\n      v-bind=\"inputAttrs\"\n      ref=\"fileUploadRef\"\n      data-test=\"stash-file-upload|input\"\n      type=\"file\"\n      :disabled=\"disabled\"\n      :accept=\"acceptedMimeTypes.join(',')\"\n      :multiple=\"props.multiple\"\n      @change=\"handleFileInput\"\n    />\n  </div>\n</template>\n\n<style module>\n  @layer utilities {\n    .file-dropbox {\n      background: var(--color-ice-200);\n      background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n      background-repeat: no-repeat;\n      border: 1px solid var(--color-ice-500);\n      border-color: transparent;\n    }\n\n    .is-dragging {\n      background-image: none;\n      border-color: var(--color-ice-500);\n\n      & > * {\n        pointer-events: none;\n      }\n    }\n\n    .is-disabled {\n      cursor: no-drop;\n    }\n\n    /* Constrain the upload icon for drag/drop to the required size */\n    .upload-icon {\n      height: 98px;\n      width: 84px;\n    }\n\n    .remove-button.button {\n      background: transparent;\n      border: none;\n      color: var(--color-red-500);\n\n      &:hover {\n        background: transparent;\n        border: none;\n      }\n    }\n  }\n</style>\n"],"names":["FILE_TYPES","FileUploadSizes","props","__props","classes","useCssModule","emit","__emit","isDraggingOver","ref","fileUploadRef","stashOptions","inject","attributes","useAttrs","inputAttrs","computed","attrs","concatArraysToFirst","a","b","acceptedMimeTypes","fileType","acceptedFileExtensions","illustrationPath","openFileDialog","handleDragEnter","handleDragLeave","handleFileError","error","message","t","logger","areFileTypesAccepted","files","mimeTypes","file","readMimeType","mimeType","extension","processFiles","handleFileInput","event","_a","handleDropFile","handleFileDelete","resolve","reject","fileReader"],"mappings":"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"}

package/dist/ListView.js

@@ -1,16 +1,16 @@
 import W from "lodash-es/cloneDeep";
-import { resolveComponent as d, createElementBlock as o, openBlock as r, normalizeClass as a, createElementVNode as u, createCommentVNode as n, createVNode as S, toDisplayString as k, createBlock as h, withCtx as m, createTextVNode as T, renderSlot as f, TransitionGroup as F, resolveDirective as O, withDirectives as E, withKeys as q, normalizeStyle as Y, Fragment as J, renderList as Q, mergeProps as X, resolveDynamicComponent as Z, computed as $ } from "vue";
+import { resolveComponent as d, createElementBlock as o, openBlock as r, normalizeClass as a, createElementVNode as u, createCommentVNode as n, createVNode as S, toDisplayString as b, createBlock as h, withCtx as m, createTextVNode as T, renderSlot as f, TransitionGroup as F, resolveDirective as O, withDirectives as E, withKeys as q, normalizeStyle as Y, Fragment as J, renderList as Q, mergeProps as X, resolveDynamicComponent as Z, computed as $ } from "vue";
 import ee from "./useSearch.js";
-import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as b } from "./constants.js";
-import V from "./directives/sticky.js";
+import { CSS_VARS as z, LLLV_CHANGE_TRIGGERS as k } from "./constants.js";
+import L from "./directives/sticky.js";
 import { t as p } from "./locale.js";
 import { persistentStorage as A } from "./storage.js";
-import { getCssVar as D, sortItems as te, filterItems as se } from "./utils/helpers.js";
+import { getCssVar as V, sortItems as te, filterItems as se } from "./utils/helpers.js";
 import le from "./Badge.js";
-import x from "./Button.js";
-import R from "./Checkbox.js";
+import v from "./Button.js";
+import D from "./Checkbox.js";
 import ie from "./Dropdown.js";
-import { _ as N } from "./Expand.vue_vue_type_script_setup_true_lang-CiONJfAp.js";
+import { _ as R } from "./Expand.vue_vue_type_script_setup_true_lang-CiONJfAp.js";
 import re from "./Filters.js";
 import B from "./Icon.js";
 import ae from "./Input.js";
@@ -25,8 +25,8 @@ const de = "_checkbox_11ksu_13", he = "_actions_11ksu_17", ue = {
 }, me = {
   name: "bulk-actions",
   components: {
-    "ll-button": x,
-    "ll-checkbox": R
+    "ll-button": v,
+    "ll-checkbox": D
   },
   props: {
     allowSelectAll: Boolean,
@@ -118,7 +118,7 @@ function ye(e, l, s, _, i, t) {
         "onUpdate:checked": t.onSelectPage
       }, null, 8, ["class", "checked", "indeterminate", "label", "onUpdate:checked"]),
       s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", ge, [
-        s.hideNumberOfTotalSelected ? n("", !0) : (r(), o("div", fe, k(t.numberOfTotalSelectedText), 1)),
+        s.hideNumberOfTotalSelected ? n("", !0) : (r(), o("div", fe, b(t.numberOfTotalSelectedText), 1)),
         u("div", {
           class: a({ "ml-3": !s.hideNumberOfTotalSelected })
         }, [
@@ -128,7 +128,7 @@ function ye(e, l, s, _, i, t) {
             onClick: t.selectAll
           }, {
             default: m(() => [
-              T(k(t.selectAllCountText), 1)
+              T(b(t.selectAllCountText), 1)
             ]),
             _: 1
           }, 8, ["onClick"])) : (r(), h(g, {
@@ -137,13 +137,13 @@ function ye(e, l, s, _, i, t) {
             onClick: t.clearSelected
           }, {
             default: m(() => [
-              T(k(t.clearSelectedText), 1)
+              T(b(t.clearSelectedText), 1)
             ]),
             _: 1
           }, 8, ["onClick"]))
         ], 2)
       ])) : s.hideBulkActionOptions && s.totalSelectedCount ? (r(), o("div", Se, [
-        u("h4", null, k(t.numItemsSelectedText), 1)
+        u("h4", null, b(t.numItemsSelectedText), 1)
       ])) : n("", !0)
     ], 2),
     s.totalSelectedCount && !s.hideBulkActionOptions ? (r(), o("div", {
@@ -156,7 +156,7 @@ function ye(e, l, s, _, i, t) {
 }
 const pe = {
   $style: ue
-}, _e = /* @__PURE__ */ C(me, [["render", ye], ["__cssModules", pe]]), ke = {
+}, _e = /* @__PURE__ */ C(me, [["render", ye], ["__cssModules", pe]]), be = {
   name: "loading-manager",
   components: {
     EmptyState: oe,
@@ -174,7 +174,7 @@ const pe = {
     }
   }
 };
-function be(e, l, s, _, i, t) {
+function ke(e, l, s, _, i, t) {
   const c = d("Loading"), g = d("EmptyState");
   return s.loading ? (r(), h(c, {
     key: 0,
@@ -194,22 +194,22 @@ function be(e, l, s, _, i, t) {
     text: s.emptyStateText
   }, null, 8, ["text"]));
 }
-const Ce = /* @__PURE__ */ C(ke, [["render", be]]), we = {
-  "main-header": "_main-header_ayput_5",
-  "expanded-content-header": "_expanded-content-header_ayput_21",
-  "expanded-content-header-grid": "_expanded-content-header-grid_ayput_44",
-  "expansion-toggle-button": "_expansion-toggle-button_ayput_62",
-  "list-group": "_list-group_ayput_66",
-  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_ayput_73"
+const Ce = /* @__PURE__ */ C(be, [["render", ke]]), we = {
+  "main-header": "_main-header_1j6ei_5",
+  "expanded-content-header": "_expanded-content-header_1j6ei_21",
+  "expanded-content-header-grid": "_expanded-content-header-grid_1j6ei_44",
+  "expansion-toggle-button": "_expansion-toggle-button_1j6ei_62",
+  "list-group": "_list-group_1j6ei_66",
+  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_1j6ei_73"
 }, Te = {
   name: "list-group",
   components: {
-    Expand: N,
-    "ll-button": x,
+    Expand: R,
+    "ll-button": v,
     Icon: B
   },
   directives: {
-    sticky: V
+    sticky: L
   },
   props: {
     /**
@@ -244,7 +244,7 @@ const Ce = /* @__PURE__ */ C(ke, [["render", be]]), we = {
   },
   computed: {
     headerOffset() {
-      return parseFloat(D(L.TOP_HEADER_HEIGHT));
+      return parseFloat(V(z.TOP_HEADER_HEIGHT));
     }
   },
   methods: {
@@ -255,9 +255,9 @@ const Ce = /* @__PURE__ */ C(ke, [["render", be]]), we = {
       this.$refs.actionsContainer.contains(e.target) || this.toggleExpand();
     }
   }
-}, ve = { class: "flex-auto" }, Ie = { ref: "actionsContainer" }, xe = { class: "relative w-full lg:shadow" };
+}, Ie = { class: "flex-auto" }, xe = { ref: "actionsContainer" }, ve = { class: "relative w-full lg:shadow" };
 function Be(e, l, s, _, i, t) {
-  const c = d("Icon"), g = d("ll-button"), v = d("Expand"), I = O("sticky");
+  const c = d("Icon"), g = d("ll-button"), I = d("Expand"), x = O("sticky");
   return r(), o("div", {
     class: a([
       e.$style["list-group"],
@@ -284,19 +284,19 @@ function Be(e, l, s, _, i, t) {
         ]),
         _: 1
       }, 8, ["class"])) : n("", !0),
-      u("div", ve, [
+      u("div", Ie, [
         f(e.$slots, "title")
       ]),
-      u("div", Ie, [
+      u("div", xe, [
         f(e.$slots, "actions")
       ], 512)
     ], 2),
-    S(v, {
+    S(I, {
       "is-expanded": i.isExpanded,
       onAfterExpand: l[1] || (l[1] = (w) => i.isDoneExpanding = !0)
     }, {
       default: m(() => [
-        u("div", xe, [
+        u("div", ve, [
           e.$slots["expanded-content-list-header"] ? E((r(), o("header", {
             key: 0,
             class: a(e.$style["expanded-content-header"])
@@ -307,7 +307,7 @@ function Be(e, l, s, _, i, t) {
               f(e.$slots, "expanded-content-list-header")
             ], 2)
           ], 2)), [
-            [I, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
+            [x, i.isExpanded && i.isDoneExpanding ? t.headerOffset : 0]
           ]) : n("", !0),
           u("div", {
             class: a(e.$style["expanded-content-list-items-wrapper"])
@@ -424,32 +424,32 @@ function Ee(e, l, s, _, i, t) {
     ], 2)
   ], 2);
 }
-const Le = {
+const ze = {
   $style: Fe
-}, gt = /* @__PURE__ */ C(Oe, [["render", Ee], ["__cssModules", Le]]), Ve = "_header_1ivmk_28", De = "_separator_1ivmk_1", Re = "_dropdown_1ivmk_202", Ne = {
-  "list-items": "_list-items_1ivmk_5",
-  "legacy-box": "_legacy-box_1ivmk_19",
-  header: Ve,
-  "header-grid-container": "_header-grid-container_1ivmk_78",
-  "header-grid": "_header-grid_1ivmk_78",
-  "search-input": "_search-input_1ivmk_112",
-  "clear-button": "_clear-button_1ivmk_123",
-  "search-button": "_search-button_1ivmk_137",
-  "total-sort": "_total-sort_1ivmk_154",
-  "filter-toggle-btn": "_filter-toggle-btn_1ivmk_161",
-  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_1ivmk_165",
-  "filters-expand": "_filters-expand_1ivmk_180",
-  "filters-wrapper": "_filters-wrapper_1ivmk_181",
-  separator: De,
-  "filters-half-width": "_filters-half-width_1ivmk_194",
-  dropdown: Re,
-  "sort-option": "_sort-option_1ivmk_206",
-  "select-all": "_select-all_1ivmk_210"
+}, gt = /* @__PURE__ */ C(Oe, [["render", Ee], ["__cssModules", ze]]), Le = "_header_102z7_28", Ve = "_separator_102z7_1", De = "_dropdown_102z7_202", Re = {
+  "list-items": "_list-items_102z7_5",
+  "legacy-box": "_legacy-box_102z7_19",
+  header: Le,
+  "header-grid-container": "_header-grid-container_102z7_78",
+  "header-grid": "_header-grid_102z7_78",
+  "search-input": "_search-input_102z7_112",
+  "clear-button": "_clear-button_102z7_123",
+  "search-button": "_search-button_102z7_137",
+  "total-sort": "_total-sort_102z7_154",
+  "filter-toggle-btn": "_filter-toggle-btn_102z7_161",
+  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_102z7_165",
+  "filters-expand": "_filters-expand_102z7_180",
+  "filters-wrapper": "_filters-wrapper_102z7_181",
+  separator: Ve,
+  "filters-half-width": "_filters-half-width_102z7_194",
+  dropdown: De,
+  "sort-option": "_sort-option_102z7_206",
+  "select-all": "_select-all_102z7_210"
 }, P = {
   isSearchable: !0,
   placeholder: "Search",
   searchBy: ["name"]
-}, ze = {
+}, Ne = {
   name: "ll-list-view",
   components: {
     BulkActions: _e,
@@ -457,15 +457,15 @@ const Le = {
     Paginate: ne,
     LoadingManager: Ce,
     Badge: le,
-    Button: x,
+    Button: v,
     Icon: B,
     Dropdown: ie,
-    Expand: N,
-    Checkbox: R,
+    Expand: R,
+    Checkbox: D,
     Input: ae
   },
   directives: {
-    sticky: V
+    sticky: L
   },
   inject: {
     trackSearch: { default: () => () => {
@@ -788,7 +788,7 @@ const Le = {
       return this.selectedItems.length;
     },
     headerOffset() {
-      return this.disableStickyHeader ? null : this.stickyHeaderOffset ?? parseFloat(D(L.TOP_HEADER_HEIGHT));
+      return this.disableStickyHeader ? null : this.stickyHeaderOffset ?? parseFloat(V(z.TOP_HEADER_HEIGHT));
     }
   },
   watch: {
@@ -909,7 +909,7 @@ const Le = {
      */
     reset() {
       if (this.$emit("change:reset"), this.searchTerm = "", this.setPage({ pageNumber: 1 }), this.isServerSide) {
-        this.change({ trigger: b.RESET });
+        this.change({ trigger: k.RESET });
         return;
       }
       this.processResults();
@@ -927,7 +927,7 @@ const Le = {
      * by Filters.
      */
     onSearch() {
-      this.$refs.llFilters.applyFilters({ trigger: b.SEARCH });
+      this.$refs.llFilters.applyFilters({ trigger: k.SEARCH });
     },
     /**
      * Event handler for when the user:
@@ -939,7 +939,7 @@ const Le = {
      * @param {string} [options.trigger] - what caused the changes
      * @returns {Promise<void>}
      */
-    async onFilter({ trigger: e = b.APPLY } = {}) {
+    async onFilter({ trigger: e = k.APPLY } = {}) {
       if (this.setPage({ pageNumber: 1 }), this.change({ trigger: e }), this.trackSearch(this.searchTerm), this.trackFilters(this.filters), this.selectedItems = [], !this.isServerSide) {
         try {
           this.isFiltering = !0, await this.processResults({ trigger: e });
@@ -969,7 +969,7 @@ const Le = {
      * @param {string} term The updated sort term
      */
     onSort(e) {
-      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: b.SORT }));
+      e !== this.sortTerm && (this.sortTerm = e, this.$emit("change:sort", e), this.trackSort(e), this.clearSelected(), this.setPage({ pageNumber: 1 }), this.change({ trigger: k.SORT }));
     },
     /**
      * Sets current page for the Paginator.
@@ -978,7 +978,7 @@ const Le = {
      * @param {boolean} data.forceChange - flag to force the change
      */
     setPage({ pageNumber: e, forceChange: l = !1 } = {}) {
-      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: b.PAGE });
+      this.previousPage = this.currentPage, this.currentPage = e, this.isServerSide || this.$emit("change:page", e), l && this.change({ trigger: k.PAGE });
     },
     /**
      * Set the scroll position to the top of the list view.
@@ -1020,12 +1020,12 @@ const Le = {
       return e.reduce((l, s) => this.isItemDisabled(s) ? l : [...l, s], []);
     }
   }
-}, He = { class: "ll-grid grid-cols-4 md:grid-cols-8 lg:grid-cols-12" }, je = ["disabled"], Me = { class: "button-grid col-span-1 items-end justify-end md:col-span-6 lg:col-span-3" }, Ge = {
+}, je = { class: "ll-grid grid-cols-4 md:grid-cols-8 lg:grid-cols-12" }, He = ["disabled"], Me = { class: "button-grid col-span-1 items-end justify-end md:col-span-6 lg:col-span-3" }, Ge = {
   key: 0,
   class: "text-xs"
 };
 function Ue(e, l, s, _, i, t) {
-  const c = d("Icon"), g = d("Button"), v = d("Input"), I = d("Badge"), w = d("Filters"), z = d("Expand"), H = d("Dropdown"), j = d("Checkbox"), M = d("BulkActions"), G = d("Paginate"), U = O("sticky");
+  const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), w = d("Filters"), N = d("Expand"), j = d("Dropdown"), H = d("Checkbox"), M = d("BulkActions"), G = d("Paginate"), U = O("sticky");
   return r(), o("div", null, [
     t.showPrimaryControls || t.showSecondaryControls ? (r(), o("div", {
       key: 0,
@@ -1037,8 +1037,8 @@ function Ue(e, l, s, _, i, t) {
         class: a(["controls", [e.$style["legacy-box"], { "col-span-12 lg:col-span-6": t.showSecondaryControls }]]),
         "data-test": "filters|controls"
       }, [
-        u("div", He, [
-          t.internalSearchSchema.isSearchable ? (r(), h(v, {
+        u("div", je, [
+          t.internalSearchSchema.isSearchable ? (r(), h(I, {
             key: 0,
             ref: "search-input",
             modelValue: i.searchTerm,
@@ -1066,7 +1066,7 @@ function Ue(e, l, s, _, i, t) {
                 onClick: l[0] || (l[0] = (...y) => t.clearSearchTerm && t.clearSearchTerm(...y))
               }, [
                 S(c, { name: "close" })
-              ], 10, je)) : n("", !0),
+              ], 10, He)) : n("", !0),
               S(g, {
                 "data-test": "button|search-button",
                 disabled: t.isLoading,
@@ -1091,7 +1091,7 @@ function Ue(e, l, s, _, i, t) {
               { [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
             ]])
           }, [
-            S(I, {
+            S(x, {
               class: "w-full lg:w-auto",
               content: t.numberOfFilters
             }, {
@@ -1113,7 +1113,7 @@ function Ue(e, l, s, _, i, t) {
                       key: 1,
                       name: "filter-line"
                     })),
-                    T(" " + k(i.filterText), 1)
+                    T(" " + b(i.filterText), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -1125,7 +1125,7 @@ function Ue(e, l, s, _, i, t) {
             f(e.$slots, "actions")
           ])
         ]),
-        S(z, {
+        S(N, {
           "data-test": "filters|content",
           class: a(e.$style["filters-expand"]),
           "is-expanded": i.isShowingFilters
@@ -1163,8 +1163,8 @@ function Ue(e, l, s, _, i, t) {
       key: 1,
       class: a(["mb-1.5", t.shouldShowTotal ? e.$style["total-sort"] : "text-right"])
     }, [
-      t.shouldShowTotal ? (r(), o("div", Ge, k(t.total), 1)) : n("", !0),
-      Object.keys(s.sorts).length ? (r(), h(H, {
+      t.shouldShowTotal ? (r(), o("div", Ge, b(t.total), 1)) : n("", !0),
+      Object.keys(s.sorts).length ? (r(), h(j, {
         key: 1,
         class: a(e.$style.dropdown),
         label: `${s.sortLabel} ${i.sortTerm}`,
@@ -1186,7 +1186,7 @@ function Ue(e, l, s, _, i, t) {
                 onClick: (We) => t.onSort(y)
               }, {
                 default: m(() => [
-                  T(k(y) + " ", 1),
+                  T(b(y) + " ", 1),
                   y === i.sortTerm ? (r(), h(c, {
                     key: 0,
                     name: "check",
@@ -1217,7 +1217,7 @@ function Ue(e, l, s, _, i, t) {
         u("div", {
           class: a([e.$style["header-grid-container"], "border-b border-ice-200 px-3"])
         }, [
-          s.isSelectable ? (r(), h(j, {
+          s.isSelectable ? (r(), h(H, {
             key: 0,
             class: a(["ml-3", e.$style["select-all"]]),
             checked: t.isSomePageChecked,
@@ -1291,8 +1291,8 @@ function Ue(e, l, s, _, i, t) {
   ]);
 }
 const Ke = {
-  $style: Ne
-}, ft = /* @__PURE__ */ C(ze, [["render", Ue], ["__cssModules", Ke]]);
+  $style: Re
+}, ft = /* @__PURE__ */ C(Ne, [["render", Ue], ["__cssModules", Ke]]);
 export {
   _e as BulkActions,
   mt as ListGroup,