@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTAttachmentList/index.js

@@ -1,302 +1 @@
-"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);
+"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);

package/dist/components/UTAttachmentList/layout.js

@@ -1,208 +1 @@
-"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;
+"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;

package/dist/components/UTAttachmentList/theme.js

@@ -1,28 +1 @@
-"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;
+"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;