@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTAttachmentList/index.js

@@ -1 +1,302 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_validate=require("@widergy/web-utils/lib/validate"),_image=require("@widergy/web-utils/lib/image"),_browser=require("@widergy/web-utils/lib/browser"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_buttonTypes=require("../../types/buttonTypes"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_constants=require("./constants"),_layout=_interopRequireDefault(require("./layout")),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const AttachmentListContainer=_ref=>{var _field$configuration,_field$configuration2,_field$configuration3,_field$configuration4,_input$value;let{acceptedFileTypes:defaultAcceptedFileTypes,actions:actions,allowedPDFUploadSizes:allowedPDFUploadSizes,classes:classes,containerClassname:containerClassname,customValidation:customValidation,dataTestId:dataTestId,deleteDataTestId:deleteDataTestId,disabled:disabled,disableResize:disableResize,errorClassname:errorClassname,field:field,fieldTypes:fieldTypes=[],hideLabels:hideLabels,icon:icon,input:input,loadingTextClassname:loadingTextClassname,maxFileSize:defaultMaxFileSize=99999999,onLoaded:onLoaded,notifyOnInitialLoad:notifyOnInitialLoad=!0,previewDataTestId:previewDataTestId,readOnly:readOnly=!1,resizeConfig:resizeConfig,sanitize:sanitize,titleVariant:titleVariant}=_ref;const helpText=null==field||null===(_field$configuration=field.configuration)||void 0===_field$configuration?void 0:_field$configuration.help_text,maxFileSize=(null==field||null===(_field$configuration2=field.configuration)||void 0===_field$configuration2?void 0:_field$configuration2.max_file_size)||defaultMaxFileSize,acceptedFileTypes=(null==field||null===(_field$configuration3=field.configuration)||void 0===_field$configuration3?void 0:_field$configuration3.accepted_file_types)||defaultAcceptedFileTypes,maxFiles=(null==field||null===(_field$configuration4=field.configuration)||void 0===_field$configuration4?void 0:_field$configuration4.max_files)||_constants.DEFAULT_MAX_FILES,[preview,setPreview]=(0,_react.useState)([]),[error,setError]=(0,_react.useState)(!1),[errorText,setErrorText]=(0,_react.useState)(_constants.FORMAT_ERROR_TEXT),fileInputRef=(0,_react.useRef)(null),[updatedFiles,setUpdatedFiles]=(0,_react.useState)((null==input||null===(_input$value=input.value)||void 0===_input$value?void 0:_input$value.files)||[]),onFailValidation=(errorMessage,dynamicData)=>{setError(!0),setErrorText(dynamicData?"".concat(errorMessage,"(").concat(dynamicData,")"):errorMessage)},buildPreviews=async files=>{const loadPreview=file=>new Promise((resolve,reject)=>{const reader=new FileReader;reader.onload=e=>{(0,_utils.hasPreview)(file)||(0,_utils.isDownloadable)(file)?resolve({src:e.target.result,file:file}):resolve({src:null,file:file})},reader.onerror=e=>reject(e),reader.readAsDataURL(file)});try{const previewItems=(await Promise.all(files.map(loadPreview))).map(_ref2=>{let{src:src,file:file}=_ref2;return((src,item)=>({...item,src:src}))(src,{type:file.type,name:file.name,size:(0,_utils.getSizeInMB)(file.size),onClick:()=>{return(fileName=file.name)&&setPreview(prevPreview=>prevPreview.filter(item=>item.name!==fileName)),setUpdatedFiles(prevFiles=>{const filteredFiles=Object.values(prevFiles).filter(item=>item.name!==fileName);return input.onChange&&input.onChange((0,_isEmpty.default)(filteredFiles)?null:{files:filteredFiles}),filteredFiles}),fileInputRef.current&&(fileInputRef.current.value=null),void setError(!1);var fileName}})});setPreview(currentPreviews=>(0,_utils.getNotRepeatedFiles)([...(currentPreviews||[]).filter(item=>"loading"!==item.type),...previewItems]))}catch(e){setPreview(currentPreviews=>(currentPreviews||[]).filter(item=>"loading"!==item.type)),onFailValidation(null==e?void 0:e.message)}},loadDefaultValues=async function(){var _input$value$index,_formattedImages$inde;let index=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,accumulatedFiles=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const length=Array.isArray(input.value)?input.value.length:1;if(index===length)return onLoaded&&onLoaded(),notifyOnInitialLoad&&input.onChange&&input.onChange({files:accumulatedFiles}),setUpdatedFiles(accumulatedFiles),void buildPreviews(accumulatedFiles);const formattedImages=Array.isArray(input.value)?input.value.flatMap(obj=>Object.values(obj)[0]):input.value,imageUrl=Array.isArray(input.value)?(null===(_input$value$index=input.value[index])||void 0===_input$value$index?void 0:_input$value$index.url)||(null===(_formattedImages$inde=formattedImages[index])||void 0===_formattedImages$inde?void 0:_formattedImages$inde.url):input.value;(0,_utils.getBlobFromUrl)(imageUrl,async response=>{if(response){var _input$value$index2,_formattedImages$inde2;const itemName=Array.isArray(input.value)?(null===(_input$value$index2=input.value[index])||void 0===_input$value$index2?void 0:_input$value$index2.name)||(null===(_formattedImages$inde2=formattedImages[index])||void 0===_formattedImages$inde2?void 0:_formattedImages$inde2.name):null,newFile=new File([response],itemName||(0,_utils.getDefaultAttachment)(response.type.substring(response.type.indexOf("/")+1),index+1),{type:response.type});loadDefaultValues(index+1,[...accumulatedFiles,newFile])}else setPreview(currentPreviews=>{let foundLoading=!1;return currentPreviews.map(previewElement=>foundLoading||previewElement.type!==_constants.PREVIEW_TYPES.LOADING?previewElement:(foundLoading=!0,{...previewElement,type:_constants.PREVIEW_TYPES.ERROR}))}),loadDefaultValues(index+1,accumulatedFiles)})};return(0,_react.useEffect)(()=>{var _input$value3;if((0,_isEmpty.default)(updatedFiles)?(0,_isEmpty.default)(null===(_input$value3=input.value)||void 0===_input$value3?void 0:_input$value3.files)||buildPreviews(input.value.files):buildPreviews(updatedFiles),Array.isArray(input.value)&&!(0,_isEmpty.default)(input.value)||input.value&&"string"==typeof input.value){if((0,_isEmpty.default)(preview)){const length=Array.isArray(input.value)?input.value.length:1;setPreview(Array.from({length:length},()=>({type:_constants.PREVIEW_TYPES.LOADING})))}loadDefaultValues()}},[input]),_react.default.createElement(_layout.default,{actions:actions,acceptedFileTypes:acceptedFileTypes,classes:classes,containerClassname:containerClassname,disabled:disabled,dataTestId:dataTestId,deleteDataTestId:deleteDataTestId,error:error,errorClassname:errorClassname,errorText:errorText,field:field,fieldTypes:fieldTypes,fileInputRef:fileInputRef,helpText:helpText,hideLabels:hideLabels,icon:icon,loadingTextClassname:loadingTextClassname,maxFiles:maxFiles,maxFileSize:(0,_utils.getSizeInMB)(maxFileSize),onChange:async ev=>{var _input$value2;const prevFiles=(null===(_input$value2=input.value)||void 0===_input$value2?void 0:_input$value2.files)||updatedFiles,files=Object.values((0,_isEmpty.default)(prevFiles)?ev.target.files:(0,_utils.getNotRepeatedFiles)([...prevFiles,...ev.target.files])),fileErrorTexts={formatError:_constants.FORMAT_ERROR_TEXT,sizeError:"".concat(_constants.SIZE_ERROR_TEXT," ").concat((0,_utils.getSizeInMB)(maxFileSize),"MB."),aspectRatioError:"".concat(_constants.ASPECT_RATIO_ERROR_TEXT," ").concat(null==allowedPDFUploadSizes?void 0:allowedPDFUploadSizes.map(aspectRatio=>aspectRatio.name).join(" - "),")")};setError(!1);const processFiles=async index=>{if(index<files.length){if(maxFiles&&files.length>maxFiles)return void onFailValidation(_constants.MAX_FILES_ERROR,maxFiles);let file=files[index];if(file){let validation=!customValidation||await customValidation(file,onFailValidation);if(validation){if(validation=await(0,_validate.fileSignatureValidation)(file,fieldTypes,file.type),!validation)return void onFailValidation(fileErrorTexts.formatError);if(sanitize&&(file=await sanitize(file)),validation=(0,_validate.fileSizeValidation)(file,maxFileSize),validation&&(0,_utils.isPDF)(file)&&!(0,_isEmpty.default)(allowedPDFUploadSizes)&&(validation=await(0,_utils.pdfAspectRatioValidation)(file,allowedPDFUploadSizes),!validation))return void onFailValidation(fileErrorTexts.aspectRatioError);if(validation||disableResize||!(0,_utils.isImage)(file)||(0,_browser.isIE)()||(file=await(0,_image.resizeImage)(file,resizeConfig),validation=(0,_validate.fileSizeValidation)(file,maxFileSize),files[index]=file),!validation)return void onFailValidation(fileErrorTexts.sizeError)}}await processFiles(index+1)}else input.onChange&&input.onChange({files:files}),setUpdatedFiles(files),await buildPreviews(files)};await processFiles(0)},preview:preview,previewDataTestId:previewDataTestId,readOnly:readOnly,titleVariant:titleVariant})};AttachmentListContainer.propTypes={acceptedFileTypes:_propTypes.string,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),allowedPDFUploadSizes:(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:_propTypes.string,heightInPt:_propTypes.number,widthInPt:_propTypes.number,tolerance:_propTypes.number})),classes:(0,_propTypes.objectOf)(_propTypes.string),containerClassname:_propTypes.string,customValidation:_propTypes.func,disabled:_propTypes.bool,dataTestId:_propTypes.string,deleteDataTestId:_propTypes.string,disableResize:_propTypes.bool,errorClassname:_propTypes.string,field:_propTypes.any,fieldTypes:(0,_propTypes.arrayOf)(_propTypes.string),hideLabels:_propTypes.bool,icon:_propTypes.node,input:(0,_propTypes.shape)({value:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.shape)({name:_propTypes.string,type:_propTypes.string})])}),loadingTextClassname:_propTypes.string,maxFileSize:_propTypes.number,onLoaded:_propTypes.func,notifyOnInitialLoad:_propTypes.bool,previewDataTestId:_propTypes.string,readOnly:_propTypes.bool,resizeConfig:(0,_propTypes.shape)({type:_propTypes.string,maxWidth:_propTypes.number,maxHeight:_propTypes.number}),sanitize:_propTypes.func,titleVariant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(AttachmentListContainer);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _validate = require("@widergy/web-utils/lib/validate");
+var _image = require("@widergy/web-utils/lib/image");
+var _browser = require("@widergy/web-utils/lib/browser");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _buttonTypes = require("../../types/buttonTypes");
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _theme = require("./theme");
+var _constants = require("./constants");
+var _layout = _interopRequireDefault(require("./layout"));
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AttachmentListContainer = _ref => {
+  var _field$configuration, _field$configuration2, _field$configuration3, _field$configuration4, _input$value;
+  let {
+    acceptedFileTypes: defaultAcceptedFileTypes,
+    actions,
+    allowedPDFUploadSizes,
+    classes,
+    containerClassname,
+    customValidation,
+    dataTestId,
+    deleteDataTestId,
+    disabled,
+    disableResize,
+    errorClassname,
+    field,
+    fieldTypes = [],
+    hideLabels,
+    icon,
+    input,
+    loadingTextClassname,
+    maxFileSize: defaultMaxFileSize = 99999999,
+    onLoaded,
+    notifyOnInitialLoad = true,
+    previewDataTestId,
+    readOnly = false,
+    resizeConfig,
+    sanitize,
+    titleVariant
+  } = _ref;
+  const helpText = field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.help_text;
+  const maxFileSize = (field === null || field === void 0 || (_field$configuration2 = field.configuration) === null || _field$configuration2 === void 0 ? void 0 : _field$configuration2.max_file_size) || defaultMaxFileSize;
+  const acceptedFileTypes = (field === null || field === void 0 || (_field$configuration3 = field.configuration) === null || _field$configuration3 === void 0 ? void 0 : _field$configuration3.accepted_file_types) || defaultAcceptedFileTypes;
+  const maxFiles = (field === null || field === void 0 || (_field$configuration4 = field.configuration) === null || _field$configuration4 === void 0 ? void 0 : _field$configuration4.max_files) || _constants.DEFAULT_MAX_FILES;
+  const [preview, setPreview] = (0, _react.useState)([]);
+  const [error, setError] = (0, _react.useState)(false);
+  const [errorText, setErrorText] = (0, _react.useState)(_constants.FORMAT_ERROR_TEXT);
+  const fileInputRef = (0, _react.useRef)(null);
+  const [updatedFiles, setUpdatedFiles] = (0, _react.useState)((input === null || input === void 0 || (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.files) || []);
+  const removePreviewItem = fileName => {
+    if (fileName) setPreview(prevPreview => prevPreview.filter(item => item.name !== fileName));
+    setUpdatedFiles(prevFiles => {
+      const filteredFiles = Object.values(prevFiles).filter(item => item.name !== fileName);
+      if (input.onChange) input.onChange((0, _isEmpty.default)(filteredFiles) ? null : {
+        files: filteredFiles
+      });
+      return filteredFiles;
+    });
+    if (fileInputRef.current) {
+      fileInputRef.current.value = null;
+    }
+    setError(false);
+  };
+  const onFailValidation = (errorMessage, dynamicData) => {
+    setError(true);
+    setErrorText(dynamicData ? "".concat(errorMessage, "(").concat(dynamicData, ")") : errorMessage);
+  };
+  const buildPreviews = async files => {
+    const loadPreview = file => new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = e => {
+        if ((0, _utils.hasPreview)(file) || (0, _utils.isDownloadable)(file)) {
+          resolve({
+            src: e.target.result,
+            file
+          });
+        } else {
+          resolve({
+            src: null,
+            file
+          });
+        }
+      };
+      reader.onerror = e => reject(e);
+      reader.readAsDataURL(file);
+    });
+    const createPreviewItem = (src, item) => ({
+      ...item,
+      src
+    });
+    try {
+      const previews = await Promise.all(files.map(loadPreview));
+      const previewItems = previews.map(_ref2 => {
+        let {
+          src,
+          file
+        } = _ref2;
+        return createPreviewItem(src, {
+          type: file.type,
+          name: file.name,
+          size: (0, _utils.getSizeInMB)(file.size),
+          onClick: () => removePreviewItem(file.name)
+        });
+      });
+      setPreview(currentPreviews => (0, _utils.getNotRepeatedFiles)([...(currentPreviews || []).filter(item => item.type !== 'loading'), ...previewItems]));
+    } catch (e) {
+      setPreview(currentPreviews => (currentPreviews || []).filter(item => item.type !== 'loading'));
+      onFailValidation(e === null || e === void 0 ? void 0 : e.message);
+    }
+  };
+  const onChange = async ev => {
+    var _input$value2;
+    const prevFiles = ((_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.files) || updatedFiles;
+    const files = Object.values((0, _isEmpty.default)(prevFiles) ? ev.target.files : (0, _utils.getNotRepeatedFiles)([...prevFiles, ...ev.target.files]));
+    const fileErrorTexts = {
+      formatError: _constants.FORMAT_ERROR_TEXT,
+      sizeError: "".concat(_constants.SIZE_ERROR_TEXT, " ").concat((0, _utils.getSizeInMB)(maxFileSize), "MB."),
+      aspectRatioError: "".concat(_constants.ASPECT_RATIO_ERROR_TEXT, " ").concat(allowedPDFUploadSizes === null || allowedPDFUploadSizes === void 0 ? void 0 : allowedPDFUploadSizes.map(aspectRatio => aspectRatio.name).join(' - '), ")")
+    };
+    setError(false);
+    const processFiles = async index => {
+      if (index < files.length) {
+        if (maxFiles && files.length > maxFiles) {
+          onFailValidation(_constants.MAX_FILES_ERROR, maxFiles);
+          return;
+        }
+        let file = files[index];
+        if (file) {
+          let validation = !customValidation || (await customValidation(file, onFailValidation));
+          if (validation) {
+            validation = await (0, _validate.fileSignatureValidation)(file, fieldTypes, file.type);
+            if (validation) {
+              if (sanitize) file = await sanitize(file);
+              validation = (0, _validate.fileSizeValidation)(file, maxFileSize);
+              if (validation && (0, _utils.isPDF)(file) && !(0, _isEmpty.default)(allowedPDFUploadSizes)) {
+                validation = await (0, _utils.pdfAspectRatioValidation)(file, allowedPDFUploadSizes);
+                if (!validation) {
+                  onFailValidation(fileErrorTexts.aspectRatioError);
+                  return;
+                }
+              }
+              if (!validation && !disableResize && (0, _utils.isImage)(file) && !(0, _browser.isIE)()) {
+                file = await (0, _image.resizeImage)(file, resizeConfig);
+                validation = (0, _validate.fileSizeValidation)(file, maxFileSize);
+                files[index] = file;
+              }
+              if (!validation) {
+                onFailValidation(fileErrorTexts.sizeError);
+                return;
+              }
+            } else {
+              onFailValidation(fileErrorTexts.formatError);
+              return;
+            }
+          }
+        }
+        await processFiles(index + 1);
+      } else {
+        if (input.onChange) input.onChange({
+          files
+        });
+        setUpdatedFiles(files);
+        await buildPreviews(files);
+      }
+    };
+    await processFiles(0);
+  };
+  const loadDefaultValues = async function () {
+    var _input$value$index, _formattedImages$inde;
+    let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let accumulatedFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const length = Array.isArray(input.value) ? input.value.length : 1;
+    if (index === length) {
+      if (onLoaded) onLoaded();
+      if (notifyOnInitialLoad && input.onChange) input.onChange({
+        files: accumulatedFiles
+      });
+      setUpdatedFiles(accumulatedFiles);
+      buildPreviews(accumulatedFiles);
+      return;
+    }
+    const formattedImages = Array.isArray(input.value) ? input.value.flatMap(obj => Object.values(obj)[0]) : input.value;
+    const imageUrl = Array.isArray(input.value) ? ((_input$value$index = input.value[index]) === null || _input$value$index === void 0 ? void 0 : _input$value$index.url) || ((_formattedImages$inde = formattedImages[index]) === null || _formattedImages$inde === void 0 ? void 0 : _formattedImages$inde.url) : input.value;
+    (0, _utils.getBlobFromUrl)(imageUrl, async response => {
+      if (response) {
+        var _input$value$index2, _formattedImages$inde2;
+        const itemName = Array.isArray(input.value) ? ((_input$value$index2 = input.value[index]) === null || _input$value$index2 === void 0 ? void 0 : _input$value$index2.name) || ((_formattedImages$inde2 = formattedImages[index]) === null || _formattedImages$inde2 === void 0 ? void 0 : _formattedImages$inde2.name) : null;
+        const newFile = new File([response], itemName || (0, _utils.getDefaultAttachment)(response.type.substring(response.type.indexOf('/') + 1), index + 1), {
+          type: response.type
+        });
+        loadDefaultValues(index + 1, [...accumulatedFiles, newFile]);
+      } else {
+        setPreview(currentPreviews => {
+          let foundLoading = false;
+          return currentPreviews.map(previewElement => {
+            if (!foundLoading && previewElement.type === _constants.PREVIEW_TYPES.LOADING) {
+              foundLoading = true;
+              return {
+                ...previewElement,
+                type: _constants.PREVIEW_TYPES.ERROR
+              };
+            }
+            return previewElement;
+          });
+        });
+        loadDefaultValues(index + 1, accumulatedFiles);
+      }
+    });
+  };
+  (0, _react.useEffect)(() => {
+    var _input$value3;
+    if (!(0, _isEmpty.default)(updatedFiles)) buildPreviews(updatedFiles);else if (!(0, _isEmpty.default)((_input$value3 = input.value) === null || _input$value3 === void 0 ? void 0 : _input$value3.files)) buildPreviews(input.value.files);
+    if (Array.isArray(input.value) && !(0, _isEmpty.default)(input.value) || input.value && typeof input.value === 'string') {
+      if ((0, _isEmpty.default)(preview)) {
+        const length = Array.isArray(input.value) ? input.value.length : 1;
+        setPreview(Array.from({
+          length
+        }, () => ({
+          type: _constants.PREVIEW_TYPES.LOADING
+        })));
+      }
+      loadDefaultValues();
+    }
+  }, [input]);
+  return /*#__PURE__*/_react.default.createElement(_layout.default, {
+    actions: actions,
+    acceptedFileTypes: acceptedFileTypes,
+    classes: classes,
+    containerClassname: containerClassname,
+    disabled: disabled,
+    dataTestId: dataTestId,
+    deleteDataTestId: deleteDataTestId,
+    error: error,
+    errorClassname: errorClassname,
+    errorText: errorText,
+    field: field,
+    fieldTypes: fieldTypes,
+    fileInputRef: fileInputRef,
+    helpText: helpText,
+    hideLabels: hideLabels,
+    icon: icon,
+    loadingTextClassname: loadingTextClassname,
+    maxFiles: maxFiles,
+    maxFileSize: (0, _utils.getSizeInMB)(maxFileSize),
+    onChange: onChange,
+    preview: preview,
+    previewDataTestId: previewDataTestId,
+    readOnly: readOnly,
+    titleVariant: titleVariant
+  });
+};
+AttachmentListContainer.propTypes = {
+  acceptedFileTypes: _propTypes.string,
+  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
+  allowedPDFUploadSizes: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    name: _propTypes.string,
+    heightInPt: _propTypes.number,
+    widthInPt: _propTypes.number,
+    tolerance: _propTypes.number
+  })),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  containerClassname: _propTypes.string,
+  customValidation: _propTypes.func,
+  disabled: _propTypes.bool,
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
+  disableResize: _propTypes.bool,
+  errorClassname: _propTypes.string,
+  field: _propTypes.any,
+  fieldTypes: (0, _propTypes.arrayOf)(_propTypes.string),
+  hideLabels: _propTypes.bool,
+  icon: _propTypes.node,
+  input: (0, _propTypes.shape)({
+    value: (0, _propTypes.oneOfType)([_propTypes.string, (0, _propTypes.shape)({
+      name: _propTypes.string,
+      type: _propTypes.string
+    })])
+  }),
+  loadingTextClassname: _propTypes.string,
+  maxFileSize: _propTypes.number,
+  onLoaded: _propTypes.func,
+  notifyOnInitialLoad: _propTypes.bool,
+  previewDataTestId: _propTypes.string,
+  readOnly: _propTypes.bool,
+  resizeConfig: (0, _propTypes.shape)({
+    type: _propTypes.string,
+    maxWidth: _propTypes.number,
+    maxHeight: _propTypes.number
+  }),
+  sanitize: _propTypes.func,
+  titleVariant: _propTypes.string
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(AttachmentListContainer);

package/dist/components/UTAttachmentList/layout.js

@@ -1 +1,208 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_files=require("@widergy/web-utils/lib/constants/files"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_downloadjs=_interopRequireDefault(require("downloadjs")),_buttonTypes=require("../../types/buttonTypes"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTFieldLabel=_interopRequireDefault(require("../UTFieldLabel")),_constants=require("./constants"),_Preview=_interopRequireDefault(require("./components/Preview")),_utils=require("./utils"),_PreviewModal=_interopRequireDefault(require("./components/PreviewModal")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const AttachmentList=_ref=>{var _field$configuration;let{actions:actions,acceptedFileTypes:acceptedFileTypes,classes:classes,dataTestId:dataTestId,deleteDataTestId:deleteDataTestId,disabled:disabled,error:error,errorText:errorText,field:field,fieldTypes:fieldTypes=[],fileInputRef:fileInputRef,helpText:helpText,hideLabels:hideLabels,maxFiles:maxFiles,maxFileSize:maxFileSize,onChange:onChange,preview:preview,previewDataTestId:previewDataTestId,readOnly:readOnly,RemoveIcon:RemoveIcon,titleVariant:titleVariant}=_ref;const shouldShowUpperTitle=((null==field||null===(_field$configuration=field.configuration)||void 0===_field$configuration?void 0:_field$configuration.ignore_title)||hideLabels)&&(null==field?void 0:field.title),fieldType=acceptedFileTypes||fieldTypes.map(type=>_files.inputFiles[type].inputType).join(),Icon=RemoveIcon||"IconTrash",previewIsEmpty=(0,_isEmpty.default)(preview),isUploadFileAvailable=preview.length<maxFiles,[previewModalIsOpen,setPreviewModalIsOpen]=(0,_react.useState)(!1),[selectedPreview,setSelectedPreview]=(0,_react.useState)(null),openPreviewModal=clickedPreview=>{setSelectedPreview(clickedPreview),setPreviewModalIsOpen(!0)};return _react.default.createElement(_react.Fragment,null,shouldShowUpperTitle&&_react.default.createElement("div",{className:_stylesModule.default.upperTitleContainer},_react.default.createElement(_UTFieldLabel.default,{actions:actions,readOnly:field.read_only,size:titleVariant,required:field.required},null==field?void 0:field.title)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(classes.container," ").concat(error&&classes.errorContainer," ").concat(readOnly&&classes.readOnlyContainer)},!previewIsEmpty&&preview.map(previewItem=>_react.default.createElement("div",{className:"".concat(_stylesModule.default.previewContainer," ").concat(classes.previewContainer),"data-testid":previewDataTestId},previewItem.type===_constants.PREVIEW_TYPES.LOADING?_react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconLoader",className:_stylesModule.default.loaderIcon,size:_constants.ICON_SIZE,colorTheme:"accent"}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.loadingText,colorTheme:"gray",variant:"small"},_constants.DEFAULT_UPLOADING_TEXT),_react.default.createElement("div",null)):previewItem.type===_constants.PREVIEW_TYPES.ERROR?_react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTIcon.default,{name:"IconX",colorTheme:"error",size:_constants.ICON_SIZE}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorText,colorTheme:"error",variant:"small"},_constants.FILE_NOT_FOUND_ERROR_TEXT),_react.default.createElement("div",null)):_react.default.createElement(_react.Fragment,null,previewItem.src?_react.default.createElement(_Preview.default,{classes:classes,openPreviewModal:openPreviewModal,preview:previewItem,previewProps:preview.previewProps}):_react.default.createElement(_UTIcon.default,{name:"IconCheck",colorTheme:"accent",size:_constants.ICON_SIZE}),_react.default.createElement("div",{className:_stylesModule.default.fileContainer},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},previewItem.name),_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},previewItem.size,_constants.MB_LABEL)),((0,_utils.isAudio)(previewItem)||(0,_utils.isVideo)(previewItem))&&_react.default.createElement(_UTButton.default,{disabled:disabled,Icon:"IconPlayerPlay",onClick:()=>{setSelectedPreview(previewItem),setPreviewModalIsOpen(!0)},size:"small",variant:"text"}),((0,_utils.isDownloadable)(previewItem)||readOnly&&(0,_utils.isImage)(previewItem))&&previewItem.src&&_react.default.createElement(_UTButton.default,{Icon:"IconDownload",onClick:()=>(0,_downloadjs.default)(previewItem.src,previewItem.name,previewItem.type),size:"small",variant:"text"}),!readOnly&&_react.default.createElement(_UTButton.default,{dataTestId:deleteDataTestId,disabled:disabled,Icon:Icon,onClick:previewItem.onClick,size:"small",variant:"text"})))),!readOnly&&previewIsEmpty&&_react.default.createElement(_UTIcon.default,{name:"IconCloudUpload",className:"".concat(_stylesModule.default.filesIcon," ").concat(classes.filesIcon),colorTheme:"accent",size:_constants.ICON_SIZE}),!readOnly&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.labelAndInputContainer," ").concat(!previewIsEmpty&&_stylesModule.default.positionRelative)},previewIsEmpty&&_react.default.createElement(_UTLabel.default,{colorTheme:"accent"},_constants.INDICATIONS),_react.default.createElement(_UTButton.default,{classNames:{root:!previewIsEmpty&&_stylesModule.default.uploadButtonFullWidth},colorTheme:"primary",disabled:!isUploadFileAvailable,Icon:"IconUpload",variant:"semitransparent"},_constants.UPLOAD_FILE),isUploadFileAvailable&&_react.default.createElement("input",{className:_stylesModule.default.input,"data-testid":dataTestId,accept:fieldType,ref:fileInputRef,type:"file",onChange:onChange,disabled:disabled,multiple:!0})),!readOnly&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small",className:_stylesModule.default.aclaration},"".concat(_constants.FORMAT_FILE_LABEL).concat((0,_utils.getAvailableFileTypesLabel)(fieldType),".")," ",_react.default.createElement("br",null),"".concat(_constants.MAX_SIZE_FILE_LABEL).concat(maxFileSize,"MB"))),helpText&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helpText,colorTheme:"gray",variant:"small"},helpText),error&&_react.default.createElement("div",{className:_stylesModule.default.errorLabelContainer},_react.default.createElement(_UTIcon.default,{name:"IconX",colorTheme:"error",size:_constants.ICON_SIZE}),_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorText,colorTheme:"error",variant:"small"},errorText)),previewModalIsOpen&&_react.default.createElement(_PreviewModal.default,{preview:selectedPreview,previewProps:preview.previewProps,previewModalIsOpen:previewModalIsOpen,closePreviewModal:()=>setPreviewModalIsOpen(!1)}))};AttachmentList.propTypes={acceptedFileTypes:_propTypes.string,actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,deleteDataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.bool,errorText:_propTypes.string,field:_propTypes.object,fieldTypes:(0,_propTypes.arrayOf)(_propTypes.string),fileInputRef:(0,_propTypes.objectOf)((0,_propTypes.shape)({current:(0,_propTypes.instanceOf)(Element)})),helpText:_propTypes.string,hideLabels:_propTypes.bool,maxFileSize:_propTypes.number,maxFiles:_propTypes.number,onChange:_propTypes.func,preview:(0,_propTypes.arrayOf)((0,_propTypes.shape)({src:_propTypes.string,type:_propTypes.string})),previewDataTestId:_propTypes.string,previewProps:_constants.previewPropType,readOnly:_propTypes.bool,RemoveIcon:_propTypes.elementType,titleVariant:_propTypes.string};var _default=exports.default=AttachmentList;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _files = require("@widergy/web-utils/lib/constants/files");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _downloadjs = _interopRequireDefault(require("downloadjs"));
+var _buttonTypes = require("../../types/buttonTypes");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _UTButton = _interopRequireDefault(require("../UTButton"));
+var _UTIcon = _interopRequireDefault(require("../UTIcon"));
+var _UTFieldLabel = _interopRequireDefault(require("../UTFieldLabel"));
+var _constants = require("./constants");
+var _Preview = _interopRequireDefault(require("./components/Preview"));
+var _utils = require("./utils");
+var _PreviewModal = _interopRequireDefault(require("./components/PreviewModal"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AttachmentList = _ref => {
+  var _field$configuration;
+  let {
+    actions,
+    acceptedFileTypes,
+    classes,
+    dataTestId,
+    deleteDataTestId,
+    disabled,
+    error,
+    errorText,
+    field,
+    fieldTypes = [],
+    fileInputRef,
+    helpText,
+    hideLabels,
+    maxFiles,
+    maxFileSize,
+    onChange,
+    preview,
+    previewDataTestId,
+    readOnly,
+    RemoveIcon,
+    titleVariant
+  } = _ref;
+  const shouldShowUpperTitle = ((field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) || hideLabels) && (field === null || field === void 0 ? void 0 : field.title);
+  const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
+  const Icon = RemoveIcon || 'IconTrash';
+  const previewIsEmpty = (0, _isEmpty.default)(preview);
+  const isUploadFileAvailable = preview.length < maxFiles;
+  const [previewModalIsOpen, setPreviewModalIsOpen] = (0, _react.useState)(false);
+  const [selectedPreview, setSelectedPreview] = (0, _react.useState)(null);
+  const openPreviewModal = clickedPreview => {
+    setSelectedPreview(clickedPreview);
+    setPreviewModalIsOpen(true);
+  };
+  const closePreviewModal = () => setPreviewModalIsOpen(false);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.upperTitleContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
+    actions: actions,
+    readOnly: field.read_only,
+    size: titleVariant,
+    required: field.required
+  }, field === null || field === void 0 ? void 0 : field.title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer, " ").concat(readOnly && classes.readOnlyContainer)
+  }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer),
+    "data-testid": previewDataTestId
+  }, previewItem.type === _constants.PREVIEW_TYPES.LOADING ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconLoader",
+    className: _stylesModule.default.loaderIcon,
+    size: _constants.ICON_SIZE,
+    colorTheme: "accent"
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.loadingText,
+    colorTheme: "gray",
+    variant: "small"
+  }, _constants.DEFAULT_UPLOADING_TEXT), /*#__PURE__*/_react.default.createElement("div", null)) : previewItem.type === _constants.PREVIEW_TYPES.ERROR ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconX",
+    colorTheme: "error",
+    size: _constants.ICON_SIZE
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.errorText,
+    colorTheme: "error",
+    variant: "small"
+  }, _constants.FILE_NOT_FOUND_ERROR_TEXT), /*#__PURE__*/_react.default.createElement("div", null)) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, previewItem.src ? /*#__PURE__*/_react.default.createElement(_Preview.default, {
+    classes: classes,
+    openPreviewModal: openPreviewModal,
+    preview: previewItem,
+    previewProps: preview.previewProps
+  }) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconCheck",
+    colorTheme: "accent",
+    size: _constants.ICON_SIZE
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.fileContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small"
+  }, previewItem.name), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small"
+  }, previewItem.size, _constants.MB_LABEL)), ((0, _utils.isAudio)(previewItem) || (0, _utils.isVideo)(previewItem)) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    disabled: disabled,
+    Icon: "IconPlayerPlay",
+    onClick: () => {
+      setSelectedPreview(previewItem);
+      setPreviewModalIsOpen(true);
+    },
+    size: "small",
+    variant: "text"
+  }), ((0, _utils.isDownloadable)(previewItem) || readOnly && (0, _utils.isImage)(previewItem)) && previewItem.src && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    Icon: "IconDownload",
+    onClick: () => (0, _downloadjs.default)(previewItem.src, previewItem.name, previewItem.type),
+    size: "small",
+    variant: "text"
+  }), !readOnly && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    dataTestId: deleteDataTestId,
+    disabled: disabled,
+    Icon: Icon,
+    onClick: previewItem.onClick,
+    size: "small",
+    variant: "text"
+  })))), !readOnly && previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconCloudUpload",
+    className: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon),
+    colorTheme: "accent",
+    size: _constants.ICON_SIZE
+  }), !readOnly && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.labelAndInputContainer, " ").concat(!previewIsEmpty && _stylesModule.default.positionRelative)
+  }, previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "accent"
+  }, _constants.INDICATIONS), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: !previewIsEmpty && _stylesModule.default.uploadButtonFullWidth
+    },
+    colorTheme: "primary",
+    disabled: !isUploadFileAvailable,
+    Icon: "IconUpload",
+    variant: "semitransparent"
+  }, _constants.UPLOAD_FILE), isUploadFileAvailable && /*#__PURE__*/_react.default.createElement("input", {
+    className: _stylesModule.default.input,
+    "data-testid": dataTestId,
+    accept: fieldType,
+    ref: fileInputRef,
+    type: "file",
+    onChange: onChange,
+    disabled: disabled,
+    multiple: true
+  })), !readOnly && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small",
+    className: _stylesModule.default.aclaration
+  }, "".concat(_constants.FORMAT_FILE_LABEL).concat((0, _utils.getAvailableFileTypesLabel)(fieldType), "."), " ", /*#__PURE__*/_react.default.createElement("br", null), "".concat(_constants.MAX_SIZE_FILE_LABEL).concat(maxFileSize, "MB"))), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.helpText,
+    colorTheme: "gray",
+    variant: "small"
+  }, helpText), error && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.errorLabelContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconX",
+    colorTheme: "error",
+    size: _constants.ICON_SIZE
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.errorText,
+    colorTheme: "error",
+    variant: "small"
+  }, errorText)), previewModalIsOpen && /*#__PURE__*/_react.default.createElement(_PreviewModal.default, {
+    preview: selectedPreview,
+    previewProps: preview.previewProps,
+    previewModalIsOpen: previewModalIsOpen,
+    closePreviewModal: closePreviewModal
+  }));
+};
+AttachmentList.propTypes = {
+  acceptedFileTypes: _propTypes.string,
+  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  deleteDataTestId: _propTypes.string,
+  disabled: _propTypes.bool,
+  error: _propTypes.bool,
+  errorText: _propTypes.string,
+  field: _propTypes.object,
+  fieldTypes: (0, _propTypes.arrayOf)(_propTypes.string),
+  fileInputRef: (0, _propTypes.objectOf)((0, _propTypes.shape)({
+    current: (0, _propTypes.instanceOf)(Element)
+  })),
+  helpText: _propTypes.string,
+  hideLabels: _propTypes.bool,
+  maxFileSize: _propTypes.number,
+  maxFiles: _propTypes.number,
+  onChange: _propTypes.func,
+  preview: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    src: _propTypes.string,
+    type: _propTypes.string
+  })),
+  previewDataTestId: _propTypes.string,
+  previewProps: _constants.previewPropType,
+  readOnly: _propTypes.bool,
+  RemoveIcon: _propTypes.elementType,
+  titleVariant: _propTypes.string
+};
+var _default = exports.default = AttachmentList;

package/dist/components/UTAttachmentList/theme.js

@@ -1 +1,28 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;const retrieveStyle=_ref=>{var _theme$Palette,_theme$Palette2,_theme$Palette3,_theme$Palette4,_theme$Palette5;let{theme:theme}=_ref;return{container:{backgroundColor:null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.light["03"],border:"1px dashed ".concat((null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.actions)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.accent)||void 0===_theme$Palette2?void 0:_theme$Palette2["04"])||theme.Palette.accent["04"])},errorContainer:{border:"2px solid ".concat(null===(_theme$Palette3=theme.Palette)||void 0===_theme$Palette3?void 0:_theme$Palette3.error["04"])},previewContainer:{backgroundColor:null===(_theme$Palette4=theme.Palette)||void 0===_theme$Palette4?void 0:_theme$Palette4.light["01"]},readOnlyContainer:{border:"1px solid ".concat(null===(_theme$Palette5=theme.Palette)||void 0===_theme$Palette5?void 0:_theme$Palette5.light["04"])}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5;
+  let {
+    theme
+  } = _ref;
+  return {
+    container: {
+      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['03'],
+      border: "1px dashed ".concat(((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['04']) || theme.Palette.accent['04'])
+    },
+    errorContainer: {
+      border: "2px solid ".concat((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.error['04'])
+    },
+    previewContainer: {
+      backgroundColor: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.light['01']
+    },
+    readOnlyContainer: {
+      border: "1px solid ".concat((_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['04'])
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;