@blaze-cms/plugin-media-ui 0.146.0-translations.8 → 0.147.0-rc-eagle.2

package/lib-es/components/FilePreview/PDF/PDF.js

@@ -1,15 +1,20 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import Button from '@blaze-react/button';
 const PDF = ({
   mimetype,
   url,
   name,
-  children
+  children,
+  handleChangeFile,
+  showChangeButton
 }) => /*#__PURE__*/React.createElement("div", {
-  className: "preview"
+  className: "preview",
+  key: `pdf-${url}`
 }, /*#__PURE__*/React.createElement("div", {
   className: "preview__file preview__file--pdf"
 }, /*#__PURE__*/React.createElement("object", {
+  key: url,
   data: url,
   type: mimetype,
   className: "preview__file--pdf"
@@ -23,12 +28,22 @@ const PDF = ({
   href: url,
   rel: "noopener noreferrer",
   target: "_blank"
-}, "Original")))), children);
+}, "Original")), showChangeButton && /*#__PURE__*/React.createElement("div", {
+  className: "preview__change-button"
+}, /*#__PURE__*/React.createElement(Button, {
+  onClick: handleChangeFile
+}, "Change file")))), children);
 PDF.propTypes = {
   mimetype: PropTypes.string.isRequired,
   url: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+  handleChangeFile: PropTypes.func,
+  showChangeButton: PropTypes.bool
+};
+PDF.defaultProps = {
+  handleChangeFile: () => {},
+  showChangeButton: false
 };
 export { PDF };
 //# sourceMappingURL=PDF.js.map

package/lib-es/components/FilePreview/PDF/PDF.js.map

@@ -1 +1 @@
-{"version":3,"file":"PDF.js","names":["React","PropTypes","PDF","mimetype","url","name","children","createElement","className","data","type","href","rel","target","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--pdf\">\n      <object data={url} type={mimetype} className=\"preview__file--pdf\">\n        <p>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Download {name}\n          </a>\n        </p>\n      </object>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,GAAG,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC5CN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAS,gBACtBR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAkC,gBAC/CR,KAAA,CAAAO,aAAA;EAAQE,IAAI,EAAEL,GAAI;EAACM,IAAI,EAAEP,QAAS;EAACK,SAAS,EAAC;AAAoB,gBAC/DR,KAAA,CAAAO,aAAA,yBACEP,KAAA,CAAAO,aAAA;EAAGI,IAAI,EAAEP,GAAI;EAACQ,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACR,IACT,CACF,CACG,CAAC,eACTL,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAyC,gBACtDR,KAAA,CAAAO,aAAA,yBACEP,KAAA,CAAAO,aAAA,iBAAQ,cAAoB,CAAC,eAC7BP,KAAA,CAAAO,aAAA;EAAGI,IAAI,EAAEP,GAAI;EAACQ,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,UAErD,CACF,CACA,CACF,CAAC,EACLP,QACE,CACN;AAEDJ,GAAG,CAACY,SAAS,GAAG;EACdX,QAAQ,EAAEF,SAAS,CAACc,MAAM,CAACC,UAAU;EACrCZ,GAAG,EAAEH,SAAS,CAACc,MAAM,CAACC,UAAU;EAChCX,IAAI,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EACjCV,QAAQ,EAAEL,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,IAAI,CAAC,EAAElB,SAAS,CAACkB,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASd,GAAG","ignoreList":[]}
+{"version":3,"file":"PDF.js","names":["React","PropTypes","Button","PDF","mimetype","url","name","children","handleChangeFile","showChangeButton","createElement","className","key","data","type","href","rel","target","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\n\nconst PDF = ({ mimetype, url, name, children, handleChangeFile, showChangeButton }) => (\n  <div className=\"preview\" key={`pdf-${url}`}>\n    <div className=\"preview__file preview__file--pdf\">\n      <object key={url} data={url} type={mimetype} className=\"preview__file--pdf\">\n        <p>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Download {name}\n          </a>\n        </p>\n      </object>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n        {showChangeButton && (\n          <div className=\"preview__change-button\">\n            <Button onClick={handleChangeFile}>Change file</Button>\n          </div>\n        )}\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  handleChangeFile: PropTypes.func,\n  showChangeButton: PropTypes.bool\n};\n\nPDF.defaultProps = {\n  handleChangeFile: () => {},\n  showChangeButton: false\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AAExC,MAAMC,GAAG,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,gBAAgB;EAAEC;AAAiB,CAAC,kBAChFT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC,SAAS;EAACC,GAAG,EAAE,OAAOP,GAAG;AAAG,gBACzCL,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAkC,gBAC/CX,KAAA,CAAAU,aAAA;EAAQE,GAAG,EAAEP,GAAI;EAACQ,IAAI,EAAER,GAAI;EAACS,IAAI,EAAEV,QAAS;EAACO,SAAS,EAAC;AAAoB,gBACzEX,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA;EAAGK,IAAI,EAAEV,GAAI;EAACW,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACX,IACT,CACF,CACG,CAAC,eACTN,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAyC,gBACtDX,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA,iBAAQ,cAAoB,CAAC,eAC7BV,KAAA,CAAAU,aAAA;EAAGK,IAAI,EAAEV,GAAI;EAACW,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,UAErD,CACF,CAAC,EACHR,gBAAgB,iBACfT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAwB,gBACrCX,KAAA,CAAAU,aAAA,CAACR,MAAM;EAACgB,OAAO,EAAEV;AAAiB,GAAC,aAAmB,CACnD,CAEJ,CACF,CAAC,EACLD,QACE,CACN;AAEDJ,GAAG,CAACgB,SAAS,GAAG;EACdf,QAAQ,EAAEH,SAAS,CAACmB,MAAM,CAACC,UAAU;EACrChB,GAAG,EAAEJ,SAAS,CAACmB,MAAM,CAACC,UAAU;EAChCf,IAAI,EAAEL,SAAS,CAACmB,MAAM,CAACC,UAAU;EACjCd,QAAQ,EAAEN,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACH,UAAU;EAC7Fb,gBAAgB,EAAEP,SAAS,CAACwB,IAAI;EAChChB,gBAAgB,EAAER,SAAS,CAACyB;AAC9B,CAAC;AAEDvB,GAAG,CAACwB,YAAY,GAAG;EACjBnB,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BC,gBAAgB,EAAE;AACpB,CAAC;AAED,SAASN,GAAG","ignoreList":[]}

package/lib-es/components/FilePreview/index.js

@@ -21,8 +21,15 @@ const FilePreview = ({
     url,
     mimetype,
     data,
-    store
+    store,
+    updated
   } = file;
+  const bustUrl = (srcUrl, version) => {
+    if (!srcUrl) return srcUrl;
+    const sep = srcUrl.includes('?') ? '&' : '?';
+    return `${srcUrl}${sep}v=${version || Date.now()}`;
+  };
+  const displayUrl = bustUrl(url, updated);
   const [Preview, schema] = getPreview({
     mimetype,
     previewType
@@ -44,11 +51,11 @@ const FilePreview = ({
     }
   }
   const formBuilderData = {
-    values: _objectSpread(_objectSpread({}, file), data)
+    values: _objectSpread(_objectSpread({}, data), file)
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Preview, _extends({
     mimetype: mimetype,
-    url: url,
+    url: displayUrl,
     name: name
   }, data, {
     file: file,

package/lib-es/components/FilePreview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","getPreview","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","name","url","mimetype","data","store","Preview","schema","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","_extends","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile,\n  showChangeButton,\n  disableFilePreview\n}) => {\n  const { name, url, mimetype, data, store } = file;\n  const [Preview, schema] = getPreview({ mimetype, previewType });\n  const shouldRenderForm = schema && displayForm;\n\n  if (shouldRenderForm && store) {\n    const { defaultStore = {}, storeOptions = [] } = store;\n    if (schema.formSchema.properties.storeKey) {\n      schema.formSchema.properties.storeKey.options = storeOptions;\n      if (defaultStore) {\n        const { key } = defaultStore;\n        schema.formSchema.properties.storeKey.selected = key;\n      }\n    }\n  }\n\n  const formBuilderData = { values: { ...file, ...data } };\n\n  return (\n    <>\n      <Preview\n        mimetype={mimetype}\n        url={url}\n        name={name}\n        {...data}\n        file={file}\n        handleChangeFile={handleChangeFile}\n        disableFilePreview={disableFilePreview}\n        showChangeButton={showChangeButton}>\n        {shouldRenderForm && (\n          <div className=\"preview__details\">\n            <div className=\"preview__filename\">{file.filename}</div>\n            <FormBuilder\n              formClassName=\"preview__form\"\n              onChange={handleFormChange}\n              data={formBuilderData}\n              schema={schema.formSchema}\n            />\n          </div>\n        )}\n      </Preview>\n      {children}\n    </>\n  );\n};\n\nFilePreview.availablePreviewTypes = {\n  card: 'card',\n  raw: 'raw'\n};\n\nFilePreview.propTypes = {\n  file: PropTypes.object.isRequired,\n  fileName: PropTypes.string,\n  handleFormChange: PropTypes.func,\n  handleChangeFile: PropTypes.func,\n  displayForm: PropTypes.bool,\n  handlers: PropTypes.object,\n  previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n  showChangeButton: PropTypes.bool,\n  disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  handleChangeFile: () => {},\n  children: [],\n  showChangeButton: false,\n  disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,eAAe;AAE1C,MAAMC,WAAW,GAAGA,CAAC;EACnBC,IAAI;EACJC,gBAAgB;EAChBC,WAAW;EACXC,WAAW;EACXC,QAAQ;EACRC,gBAAgB;EAChBC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,IAAI;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGZ,IAAI;EACjD,MAAM,CAACa,OAAO,EAAEC,MAAM,CAAC,GAAGhB,UAAU,CAAC;IAAEY,QAAQ;IAAEP;EAAY,CAAC,CAAC;EAC/D,MAAMY,gBAAgB,GAAGD,MAAM,IAAIZ,WAAW;EAE9C,IAAIa,gBAAgB,IAAIH,KAAK,EAAE;IAC7B,MAAM;MAAEI,YAAY,GAAG,CAAC,CAAC;MAAEC,YAAY,GAAG;IAAG,CAAC,GAAGL,KAAK;IACtD,IAAIE,MAAM,CAACI,UAAU,CAACC,UAAU,CAACC,QAAQ,EAAE;MACzCN,MAAM,CAACI,UAAU,CAACC,UAAU,CAACC,QAAQ,CAACC,OAAO,GAAGJ,YAAY;MAC5D,IAAID,YAAY,EAAE;QAChB,MAAM;UAAEM;QAAI,CAAC,GAAGN,YAAY;QAC5BF,MAAM,CAACI,UAAU,CAACC,UAAU,CAACC,QAAQ,CAACG,QAAQ,GAAGD,GAAG;MACtD;IACF;EACF;EAEA,MAAME,eAAe,GAAG;IAAEC,MAAM,EAAAC,aAAA,CAAAA,aAAA,KAAO1B,IAAI,GAAKW,IAAI;EAAG,CAAC;EAExD,oBACEhB,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAAiC,QAAA,qBACEjC,KAAA,CAAAgC,aAAA,CAACd,OAAO,EAAAgB,QAAA;IACNnB,QAAQ,EAAEA,QAAS;IACnBD,GAAG,EAAEA,GAAI;IACTD,IAAI,EAAEA;EAAK,GACPG,IAAI;IACRX,IAAI,EAAEA,IAAK;IACXK,gBAAgB,EAAEA,gBAAiB;IACnCE,kBAAkB,EAAEA,kBAAmB;IACvCD,gBAAgB,EAAEA;EAAiB,IAClCS,gBAAgB,iBACfpB,KAAA,CAAAgC,aAAA;IAAKG,SAAS,EAAC;EAAkB,gBAC/BnC,KAAA,CAAAgC,aAAA;IAAKG,SAAS,EAAC;EAAmB,GAAE9B,IAAI,CAAC+B,QAAc,CAAC,eACxDpC,KAAA,CAAAgC,aAAA,CAAC/B,WAAW;IACVoC,aAAa,EAAC,eAAe;IAC7BC,QAAQ,EAAEhC,gBAAiB;IAC3BU,IAAI,EAAEa,eAAgB;IACtBV,MAAM,EAAEA,MAAM,CAACI;EAAW,CAC3B,CACE,CAEA,CAAC,EACTd,QACD,CAAC;AAEP,CAAC;AAEDL,WAAW,CAACmC,qBAAqB,GAAG;EAClCC,IAAI,EAAE,MAAM;EACZC,GAAG,EAAE;AACP,CAAC;AAEDrC,WAAW,CAACsC,SAAS,GAAG;EACtBrC,IAAI,EAAEH,SAAS,CAACyC,MAAM,CAACC,UAAU;EACjCC,QAAQ,EAAE3C,SAAS,CAAC4C,MAAM;EAC1BxC,gBAAgB,EAAEJ,SAAS,CAAC6C,IAAI;EAChCrC,gBAAgB,EAAER,SAAS,CAAC6C,IAAI;EAChCxC,WAAW,EAAEL,SAAS,CAAC8C,IAAI;EAC3BC,QAAQ,EAAE/C,SAAS,CAACyC,MAAM;EAC1BnC,WAAW,EAAEN,SAAS,CAACgD,KAAK,CAACC,MAAM,CAACC,IAAI,CAAChD,WAAW,CAACmC,qBAAqB,CAAC,CAAC;EAC5E9B,QAAQ,EAAEP,SAAS,CAACmD,SAAS,CAAC,CAACnD,SAAS,CAACoD,KAAK,EAAEpD,SAAS,CAACyC,MAAM,EAAEzC,SAAS,CAAC4C,MAAM,CAAC,CAAC;EACpFnC,gBAAgB,EAAET,SAAS,CAAC8C,IAAI;EAChCpC,kBAAkB,EAAEV,SAAS,CAAC8C;AAChC,CAAC;AAED5C,WAAW,CAACmD,YAAY,GAAG;EACzBhD,WAAW,EAAE,KAAK;EAClBsC,QAAQ,EAAE,EAAE;EACZI,QAAQ,EAAE,CAAC,CAAC;EACZzC,WAAW,EAAEJ,WAAW,CAACmC,qBAAqB,CAACC,IAAI;EACnDlC,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BI,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BD,QAAQ,EAAE,EAAE;EACZE,gBAAgB,EAAE,KAAK;EACvBC,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeR,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","getPreview","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","name","url","mimetype","data","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","shouldRenderForm","defaultStore","storeOptions","formSchema","properties","storeKey","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","_extends","className","filename","formClassName","onChange","availablePreviewTypes","card","raw","propTypes","object","isRequired","fileName","string","func","bool","handlers","oneOf","Object","keys","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreview/index.js"],"sourcesContent":["import React from 'react';\nimport { FormBuilder } from '@blaze-cms/react-form-builder';\nimport PropTypes from 'prop-types';\nimport { getPreview } from './get-preview';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile,\n  showChangeButton,\n  disableFilePreview\n}) => {\n  const { name, url, mimetype, data, store, updated } = file;\n  const bustUrl = (srcUrl, version) => {\n    if (!srcUrl) return srcUrl;\n    const sep = srcUrl.includes('?') ? '&' : '?';\n    return `${srcUrl}${sep}v=${version || Date.now()}`;\n  };\n  const displayUrl = bustUrl(url, updated);\n  const [Preview, schema] = getPreview({ mimetype, previewType });\n  const shouldRenderForm = schema && displayForm;\n\n  if (shouldRenderForm && store) {\n    const { defaultStore = {}, storeOptions = [] } = store;\n    if (schema.formSchema.properties.storeKey) {\n      schema.formSchema.properties.storeKey.options = storeOptions;\n      if (defaultStore) {\n        const { key } = defaultStore;\n        schema.formSchema.properties.storeKey.selected = key;\n      }\n    }\n  }\n\n  const formBuilderData = { values: { ...data, ...file } };\n\n  return (\n    <>\n      <Preview\n        mimetype={mimetype}\n        url={displayUrl}\n        name={name}\n        {...data}\n        file={file}\n        handleChangeFile={handleChangeFile}\n        disableFilePreview={disableFilePreview}\n        showChangeButton={showChangeButton}>\n        {shouldRenderForm && (\n          <div className=\"preview__details\">\n            <div className=\"preview__filename\">{file.filename}</div>\n            <FormBuilder\n              formClassName=\"preview__form\"\n              onChange={handleFormChange}\n              data={formBuilderData}\n              schema={schema.formSchema}\n            />\n          </div>\n        )}\n      </Preview>\n      {children}\n    </>\n  );\n};\n\nFilePreview.availablePreviewTypes = {\n  card: 'card',\n  raw: 'raw'\n};\n\nFilePreview.propTypes = {\n  file: PropTypes.object.isRequired,\n  fileName: PropTypes.string,\n  handleFormChange: PropTypes.func,\n  handleChangeFile: PropTypes.func,\n  displayForm: PropTypes.bool,\n  handlers: PropTypes.object,\n  previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),\n  showChangeButton: PropTypes.bool,\n  disableFilePreview: PropTypes.bool\n};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  handleChangeFile: () => {},\n  children: [],\n  showChangeButton: false,\n  disableFilePreview: true\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js

@@ -1,12 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import Button from '@blaze-react/button';
 import { DefaultIcon } from './icons';
 const PreviewDefault = ({
   url,
   name,
-  children
+  children,
+  handleChangeFile,
+  showChangeButton
 }) => /*#__PURE__*/React.createElement("div", {
-  className: "preview"
+  className: "preview",
+  key: `default-${url}`
 }, /*#__PURE__*/React.createElement("div", {
   className: "preview__file preview__file--default"
 }, /*#__PURE__*/React.createElement("div", {
@@ -17,11 +21,21 @@ const PreviewDefault = ({
   href: url,
   rel: "noopener noreferrer",
   target: "_blank"
-}, "Original")))), children);
+}, "Original")), showChangeButton && /*#__PURE__*/React.createElement("div", {
+  className: "preview__change-button"
+}, /*#__PURE__*/React.createElement(Button, {
+  onClick: handleChangeFile
+}, "Change file")))), children);
 PreviewDefault.propTypes = {
   url: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+  handleChangeFile: PropTypes.func,
+  showChangeButton: PropTypes.bool
+};
+PreviewDefault.defaultProps = {
+  handleChangeFile: () => {},
+  showChangeButton: false
 };
 export { PreviewDefault };
 //# sourceMappingURL=PreviewDefault.js.map

package/lib-es/components/FilePreview/previewDefault/PreviewDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewDefault.js","names":["React","PropTypes","DefaultIcon","PreviewDefault","url","name","children","createElement","className","href","rel","target","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/previewDefault/PreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DefaultIcon } from './icons';\n\nconst PreviewDefault = ({ url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--default\">\n      <div className=\"preview__file--icon\">\n        <DefaultIcon />\n        <span>Preview not available</span>\n      </div>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC7CN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAS,gBACtBR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAsC,gBACnDR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAqB,gBAClCR,KAAA,CAAAO,aAAA,CAACL,WAAW,MAAE,CAAC,eACfF,KAAA,CAAAO,aAAA,eAAM,uBAA2B,CAC9B,CAAC,eACNP,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAyC,gBACtDR,KAAA,CAAAO,aAAA,yBACEP,KAAA,CAAAO,aAAA,iBAAQ,cAAoB,CAAC,eAC7BP,KAAA,CAAAO,aAAA;EAAGE,IAAI,EAAEL,GAAI;EAACM,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,UAErD,CACF,CACA,CACF,CAAC,EACLL,QACE,CACN;AAEDH,cAAc,CAACS,SAAS,GAAG;EACzBR,GAAG,EAAEH,SAAS,CAACY,MAAM,CAACC,UAAU;EAChCT,IAAI,EAAEJ,SAAS,CAACY,MAAM,CAACC,UAAU;EACjCR,QAAQ,EAAEL,SAAS,CAACc,SAAS,CAAC,CAACd,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,IAAI,CAAC,EAAEhB,SAAS,CAACgB,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASX,cAAc","ignoreList":[]}
+{"version":3,"file":"PreviewDefault.js","names":["React","PropTypes","Button","DefaultIcon","PreviewDefault","url","name","children","handleChangeFile","showChangeButton","createElement","className","key","href","rel","target","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","func","bool","defaultProps"],"sources":["../../../../src/components/FilePreview/previewDefault/PreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { DefaultIcon } from './icons';\n\nconst PreviewDefault = ({ url, name, children, handleChangeFile, showChangeButton }) => (\n  <div className=\"preview\" key={`default-${url}`}>\n    <div className=\"preview__file preview__file--default\">\n      <div className=\"preview__file--icon\">\n        <DefaultIcon />\n        <span>Preview not available</span>\n      </div>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n        {showChangeButton && (\n          <div className=\"preview__change-button\">\n            <Button onClick={handleChangeFile}>Change file</Button>\n          </div>\n        )}\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  handleChangeFile: PropTypes.func,\n  showChangeButton: PropTypes.bool\n};\n\nPreviewDefault.defaultProps = {\n  handleChangeFile: () => {},\n  showChangeButton: false\n};\n\nexport { PreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,cAAc,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,gBAAgB;EAAEC;AAAiB,CAAC,kBACjFT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC,SAAS;EAACC,GAAG,EAAE,WAAWP,GAAG;AAAG,gBAC7CL,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAsC,gBACnDX,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAqB,gBAClCX,KAAA,CAAAU,aAAA,CAACP,WAAW,MAAE,CAAC,eACfH,KAAA,CAAAU,aAAA,eAAM,uBAA2B,CAC9B,CAAC,eACNV,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAyC,gBACtDX,KAAA,CAAAU,aAAA,yBACEV,KAAA,CAAAU,aAAA,iBAAQ,cAAoB,CAAC,eAC7BV,KAAA,CAAAU,aAAA;EAAGG,IAAI,EAAER,GAAI;EAACS,GAAG,EAAC,qBAAqB;EAACC,MAAM,EAAC;AAAQ,GAAC,UAErD,CACF,CAAC,EACHN,gBAAgB,iBACfT,KAAA,CAAAU,aAAA;EAAKC,SAAS,EAAC;AAAwB,gBACrCX,KAAA,CAAAU,aAAA,CAACR,MAAM;EAACc,OAAO,EAAER;AAAiB,GAAC,aAAmB,CACnD,CAEJ,CACF,CAAC,EACLD,QACE,CACN;AAEDH,cAAc,CAACa,SAAS,GAAG;EACzBZ,GAAG,EAAEJ,SAAS,CAACiB,MAAM,CAACC,UAAU;EAChCb,IAAI,EAAEL,SAAS,CAACiB,MAAM,CAACC,UAAU;EACjCZ,QAAQ,EAAEN,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,OAAO,CAACpB,SAAS,CAACqB,IAAI,CAAC,EAAErB,SAAS,CAACqB,IAAI,CAAC,CAAC,CAACH,UAAU;EAC7FX,gBAAgB,EAAEP,SAAS,CAACsB,IAAI;EAChCd,gBAAgB,EAAER,SAAS,CAACuB;AAC9B,CAAC;AAEDpB,cAAc,CAACqB,YAAY,GAAG;EAC5BjB,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;EAC1BC,gBAAgB,EAAE;AACpB,CAAC;AAED,SAASL,cAAc","ignoreList":[]}

package/lib-es/components/FilePreviewReadOnly/FileList.js

@@ -4,9 +4,9 @@ import FilePreviewList from './FilePreviewList';
 const FileList = ({
   selectedFiles,
   children
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilePreviewList, {
+}) => /*#__PURE__*/React.createElement(FilePreviewList, {
   selectedFiles: selectedFiles
-}, children));
+}, children);
 FileList.propTypes = {
   selectedFiles: PropTypes.array.isRequired,
   children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])

package/lib-es/components/FilePreviewReadOnly/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["React","PropTypes","FilePreviewList","FileList","selectedFiles","children","createElement","Fragment","propTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FileList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreviewList from './FilePreviewList';\n\nconst FileList = ({ selectedFiles, children }) => (\n  <>\n    <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n  </>\n);\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: []\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAS,CAAC,kBAC3CL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAM,aAAA,CAACJ,eAAe;EAACE,aAAa,EAAEA;AAAc,GAAEC,QAA0B,CAC1E,CACH;AAEDF,QAAQ,CAACK,SAAS,GAAG;EACnBJ,aAAa,EAAEH,SAAS,CAACQ,KAAK,CAACC,UAAU;EACzCL,QAAQ,EAAEJ,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACQ,KAAK,EAAER,SAAS,CAACW,MAAM,EAAEX,SAAS,CAACY,MAAM,CAAC;AACrF,CAAC;AAEDV,QAAQ,CAACW,YAAY,GAAG;EACtBT,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,QAAQ","ignoreList":[]}
+{"version":3,"file":"FileList.js","names":["React","PropTypes","FilePreviewList","FileList","selectedFiles","children","createElement","propTypes","array","isRequired","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FileList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreviewList from './FilePreviewList';\n\nconst FileList = ({ selectedFiles, children }) => (\n  <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n);\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: []\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,aAAa;EAAEC;AAAS,CAAC,kBAC3CL,KAAA,CAAAM,aAAA,CAACJ,eAAe;EAACE,aAAa,EAAEA;AAAc,GAAEC,QAA0B,CAC3E;AAEDF,QAAQ,CAACI,SAAS,GAAG;EACnBH,aAAa,EAAEH,SAAS,CAACO,KAAK,CAACC,UAAU;EACzCJ,QAAQ,EAAEJ,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACO,KAAK,EAAEP,SAAS,CAACU,MAAM,EAAEV,SAAS,CAACW,MAAM,CAAC;AACrF,CAAC;AAEDT,QAAQ,CAACU,YAAY,GAAG;EACtBR,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,QAAQ","ignoreList":[]}

package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js

@@ -17,10 +17,11 @@ const FilePreviewReadOnly = ({
   const [selectedFiles, setSelectedFiles] = useState([]);
   const client = useApolloClient();
   const getFiles = async (offset, ids) => {
+    if (!ids.length) return [];
     const {
       data: {
-        files: newFiles
-      }
+        files = []
+      } = {}
     } = await client.query({
       query: getQuery('GET_FILES'),
       variables: {
@@ -31,27 +32,28 @@ const FilePreviewReadOnly = ({
           }
         }
       },
-      skip: !initialValue.length,
       fetchPolicy: 'network-only'
     });
-    return newFiles;
+    return files;
   };
+  const orderFiles = (files, ids) => ids.map(currentId => files.find(({
+    id: fileId
+  }) => fileId === currentId)).filter(Boolean);
   useEffect(() => {
     (async () => {
       const files = await getFiles(0, initialValue);
       const orderedFiles = orderFiles(files, initialValue);
       setSelectedFiles(orderedFiles);
     })();
-  }, [] //eslint-disable-line
-  );
-  const orderFiles = (files, ids) => ids.map(currentId => files.find(({
-    id: fileId
-  }) => fileId === currentId)).filter(Boolean);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
     className: "form-field form-field--button"
-  }, /*#__PURE__*/React.createElement("label", null, label), selectedFiles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileList, {
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: id
+  }, label), selectedFiles.length > 0 && /*#__PURE__*/React.createElement(FileList, {
     selectedFiles: selectedFiles
-  }))));
+  }));
 };
 FilePreviewReadOnly.propTypes = {
   label: PropTypes.string.isRequired,

package/lib-es/components/FilePreviewReadOnly/FilePreviewReadOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewReadOnly.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","FileList","formatInitialValue","FilePreviewReadOnly","label","id","type","value","initialValue","selectedFiles","setSelectedFiles","client","getFiles","offset","ids","data","files","newFiles","query","variables","where","_in","skip","length","fetchPolicy","orderedFiles","orderFiles","map","currentId","find","fileId","filter","Boolean","createElement","Fragment","className","propTypes","string","isRequired","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewReadOnly.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileList from './FileList';\nimport { formatInitialValue } from './mappers';\n\nconst FilePreviewReadOnly = ({ label, id, type, value }) => {\n  const initialValue = formatInitialValue({ value, type });\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const client = useApolloClient();\n\n  const getFiles = async (offset, ids) => {\n    const {\n      data: { files: newFiles }\n    } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        offset,\n        where: {\n          id: {\n            _in: ids\n          }\n        }\n      },\n      skip: !initialValue.length,\n      fetchPolicy: 'network-only'\n    });\n    return newFiles;\n  };\n\n  useEffect(\n    () => {\n      (async () => {\n        const files = await getFiles(0, initialValue);\n        const orderedFiles = orderFiles(files, initialValue);\n        setSelectedFiles(orderedFiles);\n      })();\n    },\n    [] //eslint-disable-line\n  );\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  return (\n    <>\n      <div className=\"form-field form-field--button\">\n        <label>{label}</label>\n        {selectedFiles && (\n          <>\n            <FileList selectedFiles={selectedFiles} />\n          </>\n        )}\n      </div>\n    </>\n  );\n};\n\nFilePreviewReadOnly.propTypes = {\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n};\n\nFilePreviewReadOnly.defaultProps = {\n  value: ''\n};\n\nexport default FilePreviewReadOnly;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,EAAE;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAAK;EAC1D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEK,KAAK;IAAED;EAAK,CAAC,CAAC;EACxD,MAAM,CAACG,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAC,EAAE,CAAC;EACtD,MAAMe,MAAM,GAAGZ,eAAe,CAAC,CAAC;EAEhC,MAAMa,QAAQ,GAAG,MAAAA,CAAOC,MAAM,EAAEC,GAAG,KAAK;IACtC,MAAM;MACJC,IAAI,EAAE;QAAEC,KAAK,EAAEC;MAAS;IAC1B,CAAC,GAAG,MAAMN,MAAM,CAACO,KAAK,CAAC;MACrBA,KAAK,EAAElB,QAAQ,CAAC,WAAW,CAAC;MAC5BmB,SAAS,EAAE;QACTN,MAAM;QACNO,KAAK,EAAE;UACLf,EAAE,EAAE;YACFgB,GAAG,EAAEP;UACP;QACF;MACF,CAAC;MACDQ,IAAI,EAAE,CAACd,YAAY,CAACe,MAAM;MAC1BC,WAAW,EAAE;IACf,CAAC,CAAC;IACF,OAAOP,QAAQ;EACjB,CAAC;EAEDpB,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,MAAMmB,KAAK,GAAG,MAAMJ,QAAQ,CAAC,CAAC,EAAEJ,YAAY,CAAC;MAC7C,MAAMiB,YAAY,GAAGC,UAAU,CAACV,KAAK,EAAER,YAAY,CAAC;MACpDE,gBAAgB,CAACe,YAAY,CAAC;IAChC,CAAC,EAAE,CAAC;EACN,CAAC,EACD,EAAE,CAAC;EACL,CAAC;EAED,MAAMC,UAAU,GAAGA,CAACV,KAAK,EAAEF,GAAG,KAC5BA,GAAG,CAACa,GAAG,CAACC,SAAS,IAAIZ,KAAK,CAACa,IAAI,CAAC,CAAC;IAAExB,EAAE,EAAEyB;EAAO,CAAC,KAAKA,MAAM,KAAKF,SAAS,CAAC,CAAC,CAACG,MAAM,CAACC,OAAO,CAAC;EAE5F,oBACErC,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAsC,aAAA;IAAKE,SAAS,EAAC;EAA+B,gBAC5CxC,KAAA,CAAAsC,aAAA,gBAAQ7B,KAAa,CAAC,EACrBK,aAAa,iBACZd,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAuC,QAAA,qBACEvC,KAAA,CAAAsC,aAAA,CAAChC,QAAQ;IAACQ,aAAa,EAAEA;EAAc,CAAE,CACzC,CAED,CACL,CAAC;AAEP,CAAC;AAEDN,mBAAmB,CAACiC,SAAS,GAAG;EAC9BhC,KAAK,EAAEN,SAAS,CAACuC,MAAM,CAACC,UAAU;EAClCjC,EAAE,EAAEP,SAAS,CAACuC,MAAM,CAACC,UAAU;EAC/BhC,IAAI,EAAER,SAAS,CAACuC,MAAM,CAACC,UAAU;EACjC/B,KAAK,EAAET,SAAS,CAACyC,SAAS,CAAC,CAACzC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAAC0C,KAAK,CAAC;AAChE,CAAC;AAEDrC,mBAAmB,CAACsC,YAAY,GAAG;EACjClC,KAAK,EAAE;AACT,CAAC;AAED,eAAeJ,mBAAmB","ignoreList":[]}
+{"version":3,"file":"FilePreviewReadOnly.js","names":["React","useState","useEffect","PropTypes","useApolloClient","getQuery","FileList","formatInitialValue","FilePreviewReadOnly","label","id","type","value","initialValue","selectedFiles","setSelectedFiles","client","getFiles","offset","ids","length","data","files","query","variables","where","_in","fetchPolicy","orderFiles","map","currentId","find","fileId","filter","Boolean","orderedFiles","createElement","className","htmlFor","propTypes","string","isRequired","oneOfType","array","defaultProps"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewReadOnly.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileList from './FileList';\nimport { formatInitialValue } from './mappers';\n\nconst FilePreviewReadOnly = ({ label, id, type, value }) => {\n  const initialValue = formatInitialValue({ value, type });\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const client = useApolloClient();\n\n  const getFiles = async (offset, ids) => {\n    if (!ids.length) return [];\n    const { data: { files = [] } = {} } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        offset,\n        where: {\n          id: { _in: ids }\n        }\n      },\n      fetchPolicy: 'network-only'\n    });\n    return files;\n  };\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  useEffect(() => {\n    (async () => {\n      const files = await getFiles(0, initialValue);\n      const orderedFiles = orderFiles(files, initialValue);\n      setSelectedFiles(orderedFiles);\n    })();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className=\"form-field form-field--button\">\n      <label htmlFor={id}>{label}</label>\n      {selectedFiles.length > 0 && <FileList selectedFiles={selectedFiles} />}\n    </div>\n  );\n};\n\nFilePreviewReadOnly.propTypes = {\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n};\n\nFilePreviewReadOnly.defaultProps = {\n  value: ''\n};\n\nexport default FilePreviewReadOnly;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,EAAE;EAAEC,IAAI;EAAEC;AAAM,CAAC,KAAK;EAC1D,MAAMC,YAAY,GAAGN,kBAAkB,CAAC;IAAEK,KAAK;IAAED;EAAK,CAAC,CAAC;EACxD,MAAM,CAACG,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAC,EAAE,CAAC;EACtD,MAAMe,MAAM,GAAGZ,eAAe,CAAC,CAAC;EAEhC,MAAMa,QAAQ,GAAG,MAAAA,CAAOC,MAAM,EAAEC,GAAG,KAAK;IACtC,IAAI,CAACA,GAAG,CAACC,MAAM,EAAE,OAAO,EAAE;IAC1B,MAAM;MAAEC,IAAI,EAAE;QAAEC,KAAK,GAAG;MAAG,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,MAAMN,MAAM,CAACO,KAAK,CAAC;MACvDA,KAAK,EAAElB,QAAQ,CAAC,WAAW,CAAC;MAC5BmB,SAAS,EAAE;QACTN,MAAM;QACNO,KAAK,EAAE;UACLf,EAAE,EAAE;YAAEgB,GAAG,EAAEP;UAAI;QACjB;MACF,CAAC;MACDQ,WAAW,EAAE;IACf,CAAC,CAAC;IACF,OAAOL,KAAK;EACd,CAAC;EAED,MAAMM,UAAU,GAAGA,CAACN,KAAK,EAAEH,GAAG,KAC5BA,GAAG,CAACU,GAAG,CAACC,SAAS,IAAIR,KAAK,CAACS,IAAI,CAAC,CAAC;IAAErB,EAAE,EAAEsB;EAAO,CAAC,KAAKA,MAAM,KAAKF,SAAS,CAAC,CAAC,CAACG,MAAM,CAACC,OAAO,CAAC;EAE5FhC,SAAS,CAAC,MAAM;IACd,CAAC,YAAY;MACX,MAAMoB,KAAK,GAAG,MAAML,QAAQ,CAAC,CAAC,EAAEJ,YAAY,CAAC;MAC7C,MAAMsB,YAAY,GAAGP,UAAU,CAACN,KAAK,EAAET,YAAY,CAAC;MACpDE,gBAAgB,CAACoB,YAAY,CAAC;IAChC,CAAC,EAAE,CAAC;IACJ;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEnC,KAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAC;EAA+B,gBAC5CrC,KAAA,CAAAoC,aAAA;IAAOE,OAAO,EAAE5B;EAAG,GAAED,KAAa,CAAC,EAClCK,aAAa,CAACM,MAAM,GAAG,CAAC,iBAAIpB,KAAA,CAAAoC,aAAA,CAAC9B,QAAQ;IAACQ,aAAa,EAAEA;EAAc,CAAE,CACnE,CAAC;AAEV,CAAC;AAEDN,mBAAmB,CAAC+B,SAAS,GAAG;EAC9B9B,KAAK,EAAEN,SAAS,CAACqC,MAAM,CAACC,UAAU;EAClC/B,EAAE,EAAEP,SAAS,CAACqC,MAAM,CAACC,UAAU;EAC/B9B,IAAI,EAAER,SAAS,CAACqC,MAAM,CAACC,UAAU;EACjC7B,KAAK,EAAET,SAAS,CAACuC,SAAS,CAAC,CAACvC,SAAS,CAACqC,MAAM,EAAErC,SAAS,CAACwC,KAAK,CAAC;AAChE,CAAC;AAEDnC,mBAAmB,CAACoC,YAAY,GAAG;EACjChC,KAAK,EAAE;AACT,CAAC;AAED,eAAeJ,mBAAmB","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n  selectedFiles,\n  allFiles,\n  handleReorderFiles,\n  canDragAndDrop,\n  fetchMore,\n  children\n}) => {\n  const [isReorderActive, setIsReorderActive] = useState(false);\n  const toggleMode = () => {\n    fetchMore(true);\n    setIsReorderActive(!isReorderActive);\n  };\n\n  useEffect(\n    () => {\n      if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n    },\n    [selectedFiles] //eslint-disable-line\n  );\n  const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n  return (\n    <>\n      <div className=\"FileUploadAdapter__header\">\n        {selectedFiles.length > 1 && (\n          <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n            {totalImagesString}\n          </p>\n        )}\n        {canDragAndDrop && (\n          <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n        )}\n      </div>\n\n      {canDragAndDrop && isReorderActive ? (\n        <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n      ) : (\n        <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n      )}\n    </>\n  );\n};\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  fetchMore: PropTypes.func.isRequired,\n  handleReorderFiles: PropTypes.func.isRequired,\n  allFiles: PropTypes.array,\n  canDragAndDrop: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: [],\n  allFiles: [],\n  canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAI,GAAEV,aAAa,CAACS,MAAO,IAAGX,MAAO,EAAC;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
+{"version":3,"file":"FileList.js","names":["React","useState","useEffect","PropTypes","Button","FilePreviewList","FileReorderList","PREVIEW","REORDER","IMAGES","FileList","selectedFiles","allFiles","handleReorderFiles","canDragAndDrop","fetchMore","children","isReorderActive","setIsReorderActive","toggleMode","length","totalImagesString","createElement","Fragment","className","onClick","propTypes","array","isRequired","func","bool","oneOfType","object","string","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport FilePreviewList from './FilePreviewList';\nimport FileReorderList from './FileReorderList';\nimport { PREVIEW, REORDER, IMAGES } from '../../constants';\n\nconst FileList = ({\n  selectedFiles,\n  allFiles,\n  handleReorderFiles,\n  canDragAndDrop,\n  fetchMore,\n  children\n}) => {\n  const [isReorderActive, setIsReorderActive] = useState(false);\n  const toggleMode = () => {\n    fetchMore(true);\n    setIsReorderActive(!isReorderActive);\n  };\n\n  useEffect(\n    () => {\n      if (isReorderActive && selectedFiles.length > allFiles.length) fetchMore(true);\n    },\n    [selectedFiles] //eslint-disable-line\n  );\n  const totalImagesString = `${selectedFiles.length} ${IMAGES}`;\n\n  return (\n    <>\n      <div className=\"FileUploadAdapter__header\">\n        {selectedFiles.length > 1 && (\n          <p className=\"FileUploadAdapter FileUploadAdapter__preview-counter\">\n            {totalImagesString}\n          </p>\n        )}\n        {canDragAndDrop && (\n          <Button onClick={toggleMode}>{isReorderActive ? PREVIEW : REORDER}</Button>\n        )}\n      </div>\n\n      {canDragAndDrop && isReorderActive ? (\n        <FileReorderList selectedFiles={selectedFiles} handleReorderFiles={handleReorderFiles} />\n      ) : (\n        <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n      )}\n    </>\n  );\n};\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  fetchMore: PropTypes.func.isRequired,\n  handleReorderFiles: PropTypes.func.isRequired,\n  allFiles: PropTypes.array,\n  canDragAndDrop: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: [],\n  allFiles: [],\n  canDragAndDrop: false\n};\n\nexport default FileList;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,iBAAiB;AAE1D,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,aAAa;EACbC,QAAQ;EACRC,kBAAkB;EAClBC,cAAc;EACdC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvBJ,SAAS,CAAC,IAAI,CAAC;IACfG,kBAAkB,CAAC,CAACD,eAAe,CAAC;EACtC,CAAC;EAEDf,SAAS,CACP,MAAM;IACJ,IAAIe,eAAe,IAAIN,aAAa,CAACS,MAAM,GAAGR,QAAQ,CAACQ,MAAM,EAAEL,SAAS,CAAC,IAAI,CAAC;EAChF,CAAC,EACD,CAACJ,aAAa,CAAC,CAAC;EAClB,CAAC;EACD,MAAMU,iBAAiB,GAAG,GAAGV,aAAa,CAACS,MAAM,IAAIX,MAAM,EAAE;EAE7D,oBACET,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,qBACEvB,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAC;EAA2B,GACvCb,aAAa,CAACS,MAAM,GAAG,CAAC,iBACvBpB,KAAA,CAAAsB,aAAA;IAAGE,SAAS,EAAC;EAAsD,GAChEH,iBACA,CACJ,EACAP,cAAc,iBACbd,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IAACqB,OAAO,EAAEN;EAAW,GAAEF,eAAe,GAAGV,OAAO,GAAGC,OAAgB,CAEzE,CAAC,EAELM,cAAc,IAAIG,eAAe,gBAChCjB,KAAA,CAAAsB,aAAA,CAAChB,eAAe;IAACK,aAAa,EAAEA,aAAc;IAACE,kBAAkB,EAAEA;EAAmB,CAAE,CAAC,gBAEzFb,KAAA,CAAAsB,aAAA,CAACjB,eAAe;IAACM,aAAa,EAAEA;EAAc,GAAEK,QAA0B,CAE5E,CAAC;AAEP,CAAC;AAEDN,QAAQ,CAACgB,SAAS,GAAG;EACnBf,aAAa,EAAER,SAAS,CAACwB,KAAK,CAACC,UAAU;EACzCb,SAAS,EAAEZ,SAAS,CAAC0B,IAAI,CAACD,UAAU;EACpCf,kBAAkB,EAAEV,SAAS,CAAC0B,IAAI,CAACD,UAAU;EAC7ChB,QAAQ,EAAET,SAAS,CAACwB,KAAK;EACzBb,cAAc,EAAEX,SAAS,CAAC2B,IAAI;EAC9Bd,QAAQ,EAAEb,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAACwB,KAAK,EAAExB,SAAS,CAAC6B,MAAM,EAAE7B,SAAS,CAAC8B,MAAM,CAAC;AACrF,CAAC;AAEDvB,QAAQ,CAACwB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZJ,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE;AAClB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js

@@ -8,6 +8,7 @@ import { useApolloClient } from '@apollo/client';
 import { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';
 import { parseFormValues } from '@blaze-cms/react-form-builder';
 import { useToasts } from '@blaze-react/toaster';
+import Tooltip from '@blaze-react/tooltip';
 import { MORE } from '../../constants';
 import ListingContainer from '../ListingContainer';
 import { MediaContextProvider } from '../../utils/media-context';
@@ -25,6 +26,7 @@ const FileUploadAdapter = ({
   shouldRenderInPreview,
   canDragAndDrop,
   simpleLayout,
+  tooltip,
   previewAllFiles,
   disableFilePreview,
   fileType,
@@ -286,7 +288,9 @@ const FileUploadAdapter = ({
   }, "+ ", filesPendingString) : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "form-field form-field--button"
-  }, /*#__PURE__*/React.createElement("label", null, label), selectedFiles && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaContextProvider, {
+  }, /*#__PURE__*/React.createElement("label", null, label, " ", /*#__PURE__*/React.createElement(Tooltip, {
+    tooltipContent: tooltip
+  })), selectedFiles && /*#__PURE__*/React.createElement(MediaContextProvider, {
     value: {
       handleEditModal,
       onUnselectFile: handleSelectedFiles
@@ -303,7 +307,7 @@ const FileUploadAdapter = ({
     selectedFiles: selectedFiles,
     handleReorderFiles: handleReorderFiles,
     fetchMore: fetchMore
-  }))), /*#__PURE__*/React.createElement(FileUpload, {
+  })), /*#__PURE__*/React.createElement(FileUpload, {
     actionText: fileUploadButtonText,
     storeKey: storeKey,
     handleLibraryClick: () => {
@@ -366,6 +370,7 @@ FileUploadAdapter.propTypes = {
   canDragAndDrop: PropTypes.bool,
   simpleLayout: PropTypes.bool,
   previewAllFiles: PropTypes.bool,
+  tooltip: PropTypes.string,
   fileType: PropTypes.string,
   disableFilePreview: PropTypes.bool,
   storeKey: PropTypes.string
@@ -377,6 +382,7 @@ FileUploadAdapter.defaultProps = {
   canDragAndDrop: false,
   simpleLayout: false,
   previewAllFiles: false,
+  tooltip: '',
   fileType: 'file',
   disableFilePreview: true,
   storeKey: null

package/lib-es/components/FileUploadAdapter/FileUploadAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","getQuery","getMutation","ModalAdapter","Modal","parseFormValues","useToasts","MORE","ListingContainer","MediaContextProvider","FileList","useLimit","getFormat","formatInitialValue","transformToArray","isUnselecting","getButtonText","getNumberFilesPendingToFetch","FilePreview","FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","simpleLayout","previewAllFiles","disableFilePreview","fileType","storeKey","InjectPreview","FormContext","currentLimit","displayModal","setDisplayModal","displayFileUploadModal","setDisplayFileUploadModal","initialValue","currentValue","setCurrentValue","selectedFiles","setSelectedFiles","editFile","setEditFile","allFilesLoaded","setAllFilesLoaded","client","addToast","getFiles","offset","ids","fetchAll","data","files","newFiles","query","variables","limit","where","_in","skip","length","fetchPolicy","loadedFiles","loadedOrderedFiles","orderFiles","initialFiles","filter","_","i","orderedFiles","fetchMore","shouldFetchAll","newOrderedFiles","handleSelectedFiles","checkIsUnselecting","isUnselectingFile","valueArray","selectedFilesIds","valueId","includes","parsedValue","filesIds","event","target","name","fileData","handleReorderFiles","map","fileId","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","valuesChecked","altText","caption","credits","hrefUrl","_objectSpread","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","updateFile","fileUpdated","writeQuery","result","e","console","error","filesPendingString","fileListSpan","createElement","className","onClick","Fragment","onUnselectFile","selector","previewerId","allFiles","actionText","handleLibraryClick","enableDragAndDrop","actions","title","onClose","fileName","handleFormChange","displayForm","previewType","filesSelected","openEditInModal","propTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { parseFormValues } from '@blaze-cms/react-form-builder';\nimport { useToasts } from '@blaze-react/toaster';\nimport { MORE } from '../../constants';\nimport ListingContainer from '../ListingContainer';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FileList from './FileList';\nimport useLimit from './useLimit';\nimport {\n  getFormat,\n  formatInitialValue,\n  transformToArray,\n  isUnselecting,\n  getButtonText,\n  getNumberFilesPendingToFetch\n} from './mappers';\nimport FilePreview from '../FilePreview';\n\nconst FileUploadAdapter = ({\n  onChange,\n  label,\n  id,\n  type,\n  value,\n  maxItems,\n  shouldRenderInPreview,\n  canDragAndDrop,\n  simpleLayout,\n  previewAllFiles,\n  disableFilePreview,\n  fileType,\n  storeKey\n}) => {\n  const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n  const [currentLimit] = useLimit(maxItems);\n  const [displayModal, setDisplayModal] = useState(false);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const initialValue = formatInitialValue({ value, type });\n  const [currentValue, setCurrentValue] = useState(initialValue);\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const [editFile, setEditFile] = useState(null);\n  const [allFilesLoaded, setAllFilesLoaded] = useState(false);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {\n    const {\n      data: { files: newFiles }\n    } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        limit: fetchAll ? 0 : 4,\n        offset,\n        where: {\n          id: {\n            _in: ids\n          }\n        }\n      },\n      skip: !currentValue.length,\n      fetchPolicy: 'network-only'\n    });\n    return newFiles;\n  };\n\n  useEffect(\n    () => {\n      (async () => {\n        if (allFilesLoaded) {\n          const loadedFiles = await getFiles(0, currentValue, true);\n          const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);\n          setSelectedFiles(loadedOrderedFiles);\n          return;\n        }\n\n        const initialFiles =\n          !selectedFiles.length && !previewAllFiles\n            ? currentValue.filter((_, i) => i <= 3)\n            : currentValue;\n\n        const files = await getFiles(0, initialFiles);\n        const orderedFiles = orderFiles(files, currentValue);\n        setSelectedFiles(orderedFiles);\n        setAllFilesLoaded(false);\n      })();\n    },\n    [currentValue] //eslint-disable-line\n  );\n\n  const fetchMore = async shouldFetchAll => {\n    if (selectedFiles.length === currentValue.length) return;\n    const newFiles = await getFiles(0, currentValue, true);\n    const newOrderedFiles = orderFiles(newFiles, currentValue);\n    setSelectedFiles(newOrderedFiles);\n    setAllFilesLoaded(true);\n  };\n\n  const handleSelectedFiles = (files, checkIsUnselecting = true) => {\n    const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);\n    if (isUnselectingFile) {\n      const valueArray = transformToArray(value);\n      const selectedFilesIds = valueArray.filter(valueId => !files.includes(valueId));\n      const parsedValue = getFormat(type, { filesIds: selectedFilesIds });\n      setCurrentValue(selectedFilesIds);\n      return onChange({\n        event: {\n          target: {\n            value: parsedValue,\n            name: id,\n            type,\n            fileData: selectedFilesIds.length ? selectedFilesIds : null\n          }\n        },\n        value: parsedValue\n      });\n    }\n\n    setCurrentValue(files);\n  };\n\n  const handleReorderFiles = files => {\n    const filesIds = files.map(({ id: fileId }) => fileId);\n    const parsedValue = getFormat(type, { filesIds });\n    setSelectedFiles(files);\n\n    return onChange({\n      event: {\n        target: {\n          value: parsedValue,\n          name: id,\n          type,\n          fileData: filesIds\n        }\n      },\n      value: parsedValue\n    });\n  };\n\n  const closeModalAndSetValue = (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    }\n\n    if (isSaving) {\n      const parsedValue = getFormat(type, { filesIds: simpleLayout ? values : currentValue });\n      setDisplayModal(false);\n      return onChange({\n        event: { target: { value: parsedValue, name: id, type, currentValue } },\n        value: parsedValue\n      });\n    }\n\n    setCurrentValue(initialValue);\n    setDisplayModal(false);\n  };\n\n  const fileUploadButtonText = getButtonText({ maxItems, value: initialValue, fileType });\n\n  const filesPending = previewAllFiles\n    ? 0\n    : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);\n  const onOpenLibrary = () => setDisplayModal(true);\n  const handleEditModal = file => {\n    const selectedEditFile = selectedFiles.find(({ id: _id }) => _id === file.id);\n    setEditFile(selectedEditFile);\n  };\n\n  const handleEditFileForm = editedFile => {\n    const values = parseFormValues(editedFile.valuesChecked);\n\n    const { altText, caption, credits, hrefUrl, name } = values;\n    setEditFile({\n      ...editFile,\n      name,\n      data: {\n        altText,\n        caption,\n        credits,\n        hrefUrl\n      }\n    });\n  };\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: () => {\n        closeModalAndSetValue();\n      },\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: () => {\n        closeModalAndSetValue(true);\n      },\n      modifiers: []\n    }\n  ];\n\n  const editModalActions = [\n    {\n      textButton: 'Cancel',\n      callback: () => {\n        setEditFile(null);\n      },\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: async () => {\n        const { name, id: editedFileId, data } = editFile;\n        const updatedSelectedFiles = selectedFiles.map(selectedFile => {\n          if (selectedFile.id === editedFileId) {\n            return { ...selectedFile, name, data };\n          }\n          return selectedFile;\n        });\n        setSelectedFiles(updatedSelectedFiles);\n\n        try {\n          await client.mutate({\n            mutation: getMutation('UPDATE_FILE'),\n            variables: {\n              input: {\n                name,\n                data,\n                id: editedFileId\n              }\n            },\n            update(\n              cache,\n              {\n                data: { updateFile: fileUpdated }\n              }\n            ) {\n              cache.writeQuery({\n                query: getQuery('GET_FILE_BY_ID'),\n                variables: { id },\n                data: { file: fileUpdated.result }\n              });\n            }\n          });\n\n          addToast(`File: ${editFile.name} has been updated`, {\n            appearance: 'success',\n            autoDismiss: true\n          });\n          closeModalAndSetValue(true);\n          setEditFile(null);\n        } catch (e) {\n          addToast(`File: ${editFile.name} has not been updated`, {\n            appearance: 'error',\n            autoDismiss: true\n          });\n          console.error(e); //eslint-disable-line\n        }\n      },\n      modifiers: []\n    }\n  ];\n  const filesPendingString = `${filesPending} ${MORE}`;\n  const fileListSpan = filesPending ? (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <span className=\"FileUploadAdapter__preview-link button button--link\" onClick={fetchMore}>\n      + {filesPendingString}\n    </span>\n  ) : null;\n\n  return (\n    <>\n      <div className=\"form-field form-field--button\">\n        <label>{label}</label>\n        {selectedFiles && (\n          <>\n            <MediaContextProvider value={{ handleEditModal, onUnselectFile: handleSelectedFiles }}>\n              {shouldRenderInPreview ? (\n                <InjectPreview selector={FileUploadAdapter.previewerId}>\n                  <FileList\n                    selectedFiles={selectedFiles}\n                    allFiles={currentValue}\n                    handleReorderFiles={handleReorderFiles}\n                    canDragAndDrop={canDragAndDrop}\n                    fetchMore={fetchMore}>\n                    {fileListSpan}\n                  </FileList>\n                </InjectPreview>\n              ) : (\n                <FileList\n                  selectedFiles={selectedFiles}\n                  handleReorderFiles={handleReorderFiles}\n                  fetchMore={fetchMore}\n                />\n              )}\n            </MediaContextProvider>\n          </>\n        )}\n        <FileUpload\n          actionText={fileUploadButtonText}\n          storeKey={storeKey}\n          handleLibraryClick={() => {\n            if (simpleLayout) {\n              setDisplayFileUploadModal(true);\n            } else {\n              onOpenLibrary();\n            }\n          }}\n          enableDragAndDrop={false}\n        />\n      </div>\n      {editFile && (\n        <Modal actions={editModalActions} title=\"Edit File\" onClose={() => setEditFile(null)}>\n          <FilePreview\n            file={editFile}\n            fileName={editFile.fileName}\n            handleFormChange={handleEditFileForm}\n            displayForm\n            previewType=\"card\"\n            disableFilePreview={disableFilePreview}\n          />\n        </Modal>\n      )}\n\n      {displayFileUploadModal &&\n        simpleLayout && (\n          <div className=\"file-upload-modal-wrapper\">\n            <ListingContainer\n              displayFileUploadModal={displayFileUploadModal}\n              closeModalAndSetValue={closeModalAndSetValue}\n              setDisplayFileUploadModal={setDisplayFileUploadModal}\n              handleSelectedFiles={handleSelectedFiles}\n              maxItems={currentLimit}\n              simpleLayout={simpleLayout}\n              filesSelected={currentValue.length > 1 ? currentValue : []}\n              openEditInModal\n              storeKey={storeKey}\n            />\n          </div>\n        )}\n\n      {displayModal &&\n        !simpleLayout && (\n          <div className=\"file-upload-modal-wrapper\">\n            <Modal\n              actions={modalActions}\n              className=\"file-upload-modal\"\n              title=\"Media library\"\n              onClose={() => closeModalAndSetValue()}>\n              <ListingContainer\n                closeModalAndSetValue={closeModalAndSetValue}\n                displayFileUploadModal={displayFileUploadModal}\n                setDisplayFileUploadModal={setDisplayFileUploadModal}\n                handleSelectedFiles={handleSelectedFiles}\n                maxItems={currentLimit}\n                filesSelected={currentValue.length > 1 ? currentValue : []}\n                openEditInModal\n                storeKey={storeKey}\n              />\n            </Modal>\n          </div>\n        )}\n    </>\n  );\n};\n\nFileUploadAdapter.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  shouldRenderInPreview: PropTypes.bool,\n  canDragAndDrop: PropTypes.bool,\n  simpleLayout: PropTypes.bool,\n  previewAllFiles: PropTypes.bool,\n  fileType: PropTypes.string,\n  disableFilePreview: PropTypes.bool,\n  storeKey: PropTypes.string\n};\n\nFileUploadAdapter.defaultProps = {\n  value: '',\n  maxItems: false,\n  shouldRenderInPreview: false,\n  canDragAndDrop: false,\n  simpleLayout: false,\n  previewAllFiles: false,\n  fileType: 'file',\n  disableFilePreview: true,\n  storeKey: null\n};\n\nexport default FileUploadAdapter;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC9D,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,QAAQ,EAAEC,WAAW,EAAEC,YAAY,IAAIC,KAAK,QAAQ,2BAA2B;AACxF,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,IAAI,QAAQ,iBAAiB;AACtC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,QAAQ,MAAM,YAAY;AACjC,SACEC,SAAS,EACTC,kBAAkB,EAClBC,gBAAgB,EAChBC,aAAa,EACbC,aAAa,EACbC,4BAA4B,QACvB,WAAW;AAClB,OAAOC,WAAW,MAAM,gBAAgB;AAExC,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,qBAAqB;EACrBC,cAAc;EACdC,YAAY;EACZC,eAAe;EACfC,kBAAkB;EAClBC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAc,CAAC,GAAGrC,UAAU,CAACuB,iBAAiB,CAACe,WAAW,CAAC;EACnE,MAAM,CAACC,YAAY,CAAC,GAAGxB,QAAQ,CAACc,QAAQ,CAAC;EACzC,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAG1C,QAAQ,CAAC,KAAK,CAAC;EACvD,MAAM,CAAC2C,sBAAsB,EAAEC,yBAAyB,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM6C,YAAY,GAAG3B,kBAAkB,CAAC;IAAEW,KAAK;IAAED;EAAK,CAAC,CAAC;EACxD,MAAM,CAACkB,YAAY,EAAEC,eAAe,CAAC,GAAG/C,QAAQ,CAAC6C,YAAY,CAAC;EAC9D,MAAM,CAACG,aAAa,EAAEC,gBAAgB,CAAC,GAAGjD,QAAQ,CAAC,EAAE,CAAC;EACtD,MAAM,CAACkD,QAAQ,EAAEC,WAAW,CAAC,GAAGnD,QAAQ,CAAC,IAAI,CAAC;EAC9C,MAAM,CAACoD,cAAc,EAAEC,iBAAiB,CAAC,GAAGrD,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMsD,MAAM,GAAGjD,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEkD;EAAS,CAAC,GAAG5C,SAAS,CAAC,CAAC;EAEhC,MAAM6C,QAAQ,GAAG,MAAAA,CAAOC,MAAM,EAAEC,GAAG,EAAEC,QAAQ,GAAGzB,eAAe,KAAK;IAClE,MAAM;MACJ0B,IAAI,EAAE;QAAEC,KAAK,EAAEC;MAAS;IAC1B,CAAC,GAAG,MAAMR,MAAM,CAACS,KAAK,CAAC;MACrBA,KAAK,EAAEzD,QAAQ,CAAC,WAAW,CAAC;MAC5B0D,SAAS,EAAE;QACTC,KAAK,EAAEN,QAAQ,GAAG,CAAC,GAAG,CAAC;QACvBF,MAAM;QACNS,KAAK,EAAE;UACLvC,EAAE,EAAE;YACFwC,GAAG,EAAET;UACP;QACF;MACF,CAAC;MACDU,IAAI,EAAE,CAACtB,YAAY,CAACuB,MAAM;MAC1BC,WAAW,EAAE;IACf,CAAC,CAAC;IACF,OAAOR,QAAQ;EACjB,CAAC;EAED5D,SAAS,CACP,MAAM;IACJ,CAAC,YAAY;MACX,IAAIkD,cAAc,EAAE;QAClB,MAAMmB,WAAW,GAAG,MAAMf,QAAQ,CAAC,CAAC,EAAEV,YAAY,EAAE,IAAI,CAAC;QACzD,MAAM0B,kBAAkB,GAAGC,UAAU,CAACF,WAAW,EAAEzB,YAAY,CAAC;QAChEG,gBAAgB,CAACuB,kBAAkB,CAAC;QACpC;MACF;MAEA,MAAME,YAAY,GAChB,CAAC1B,aAAa,CAACqB,MAAM,IAAI,CAACnC,eAAe,GACrCY,YAAY,CAAC6B,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,IAAI,CAAC,CAAC,GACrC/B,YAAY;MAElB,MAAMe,KAAK,GAAG,MAAML,QAAQ,CAAC,CAAC,EAAEkB,YAAY,CAAC;MAC7C,MAAMI,YAAY,GAAGL,UAAU,CAACZ,KAAK,EAAEf,YAAY,CAAC;MACpDG,gBAAgB,CAAC6B,YAAY,CAAC;MAC9BzB,iBAAiB,CAAC,KAAK,CAAC;IAC1B,CAAC,EAAE,CAAC;EACN,CAAC,EACD,CAACP,YAAY,CAAC,CAAC;EACjB,CAAC;EAED,MAAMiC,SAAS,GAAG,MAAMC,cAAc,IAAI;IACxC,IAAIhC,aAAa,CAACqB,MAAM,KAAKvB,YAAY,CAACuB,MAAM,EAAE;IAClD,MAAMP,QAAQ,GAAG,MAAMN,QAAQ,CAAC,CAAC,EAAEV,YAAY,EAAE,IAAI,CAAC;IACtD,MAAMmC,eAAe,GAAGR,UAAU,CAACX,QAAQ,EAAEhB,YAAY,CAAC;IAC1DG,gBAAgB,CAACgC,eAAe,CAAC;IACjC5B,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC;EAED,MAAM6B,mBAAmB,GAAGA,CAACrB,KAAK,EAAEsB,kBAAkB,GAAG,IAAI,KAAK;IAChE,MAAMC,iBAAiB,GAAGhE,aAAa,CAACS,KAAK,EAAEsD,kBAAkB,EAAEtB,KAAK,CAAC;IACzE,IAAIuB,iBAAiB,EAAE;MACrB,MAAMC,UAAU,GAAGlE,gBAAgB,CAACU,KAAK,CAAC;MAC1C,MAAMyD,gBAAgB,GAAGD,UAAU,CAACV,MAAM,CAACY,OAAO,IAAI,CAAC1B,KAAK,CAAC2B,QAAQ,CAACD,OAAO,CAAC,CAAC;MAC/E,MAAME,WAAW,GAAGxE,SAAS,CAACW,IAAI,EAAE;QAAE8D,QAAQ,EAAEJ;MAAiB,CAAC,CAAC;MACnEvC,eAAe,CAACuC,gBAAgB,CAAC;MACjC,OAAO7D,QAAQ,CAAC;QACdkE,KAAK,EAAE;UACLC,MAAM,EAAE;YACN/D,KAAK,EAAE4D,WAAW;YAClBI,IAAI,EAAElE,EAAE;YACRC,IAAI;YACJkE,QAAQ,EAAER,gBAAgB,CAACjB,MAAM,GAAGiB,gBAAgB,GAAG;UACzD;QACF,CAAC;QACDzD,KAAK,EAAE4D;MACT,CAAC,CAAC;IACJ;IAEA1C,eAAe,CAACc,KAAK,CAAC;EACxB,CAAC;EAED,MAAMkC,kBAAkB,GAAGlC,KAAK,IAAI;IAClC,MAAM6B,QAAQ,GAAG7B,KAAK,CAACmC,GAAG,CAAC,CAAC;MAAErE,EAAE,EAAEsE;IAAO,CAAC,KAAKA,MAAM,CAAC;IACtD,MAAMR,WAAW,GAAGxE,SAAS,CAACW,IAAI,EAAE;MAAE8D;IAAS,CAAC,CAAC;IACjDzC,gBAAgB,CAACY,KAAK,CAAC;IAEvB,OAAOpC,QAAQ,CAAC;MACdkE,KAAK,EAAE;QACLC,MAAM,EAAE;UACN/D,KAAK,EAAE4D,WAAW;UAClBI,IAAI,EAAElE,EAAE;UACRC,IAAI;UACJkE,QAAQ,EAAEJ;QACZ;MACF,CAAC;MACD7D,KAAK,EAAE4D;IACT,CAAC,CAAC;EACJ,CAAC;EAED,MAAMS,qBAAqB,GAAGA,CAACC,QAAQ,EAAEC,MAAM,EAAEC,YAAY,KAAK;IAChE,IAAIA,YAAY,EAAE;MAChB9C,QAAQ,CAAC8C,YAAY,EAAE;QACrBC,UAAU,EAAE,SAAS;QACrBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;IAEA,IAAIJ,QAAQ,EAAE;MACZ,MAAMV,WAAW,GAAGxE,SAAS,CAACW,IAAI,EAAE;QAAE8D,QAAQ,EAAEzD,YAAY,GAAGmE,MAAM,GAAGtD;MAAa,CAAC,CAAC;MACvFJ,eAAe,CAAC,KAAK,CAAC;MACtB,OAAOjB,QAAQ,CAAC;QACdkE,KAAK,EAAE;UAAEC,MAAM,EAAE;YAAE/D,KAAK,EAAE4D,WAAW;YAAEI,IAAI,EAAElE,EAAE;YAAEC,IAAI;YAAEkB;UAAa;QAAE,CAAC;QACvEjB,KAAK,EAAE4D;MACT,CAAC,CAAC;IACJ;IAEA1C,eAAe,CAACF,YAAY,CAAC;IAC7BH,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;EAED,MAAM8D,oBAAoB,GAAGnF,aAAa,CAAC;IAAES,QAAQ;IAAED,KAAK,EAAEgB,YAAY;IAAET;EAAS,CAAC,CAAC;EAEvF,MAAMqE,YAAY,GAAGvE,eAAe,GAChC,CAAC,GACDZ,4BAA4B,CAAC0B,aAAa,CAACqB,MAAM,EAAEvB,YAAY,CAAC;EACpE,MAAM4D,aAAa,GAAGA,CAAA,KAAMhE,eAAe,CAAC,IAAI,CAAC;EACjD,MAAMiE,eAAe,GAAGC,IAAI,IAAI;IAC9B,MAAMC,gBAAgB,GAAG7D,aAAa,CAAC8D,IAAI,CAAC,CAAC;MAAEnF,EAAE,EAAEoF;IAAI,CAAC,KAAKA,GAAG,KAAKH,IAAI,CAACjF,EAAE,CAAC;IAC7EwB,WAAW,CAAC0D,gBAAgB,CAAC;EAC/B,CAAC;EAED,MAAMG,kBAAkB,GAAGC,UAAU,IAAI;IACvC,MAAMb,MAAM,GAAG1F,eAAe,CAACuG,UAAU,CAACC,aAAa,CAAC;IAExD,MAAM;MAAEC,OAAO;MAAEC,OAAO;MAAEC,OAAO;MAAEC,OAAO;MAAEzB;IAAK,CAAC,GAAGO,MAAM;IAC3DjD,WAAW,CAAAoE,aAAA,CAAAA,aAAA,KACNrE,QAAQ;MACX2C,IAAI;MACJjC,IAAI,EAAE;QACJuD,OAAO;QACPC,OAAO;QACPC,OAAO;QACPC;MACF;IAAC,EACF,CAAC;EACJ,CAAC;EAED,MAAM7C,UAAU,GAAGA,CAACZ,KAAK,EAAEH,GAAG,KAC5BA,GAAG,CAACsC,GAAG,CAACwB,SAAS,IAAI3D,KAAK,CAACiD,IAAI,CAAC,CAAC;IAAEnF,EAAE,EAAEsE;EAAO,CAAC,KAAKA,MAAM,KAAKuB,SAAS,CAAC,CAAC,CAAC7C,MAAM,CAAC8C,OAAO,CAAC;EAE5F,MAAMC,YAAY,GAAG,CACnB;IACEC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAEA,CAAA,KAAM;MACd1B,qBAAqB,CAAC,CAAC;IACzB,CAAC;IACD2B,SAAS,EAAE,CAAC,QAAQ;EACtB,CAAC,EACD;IACEF,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAEA,CAAA,KAAM;MACd1B,qBAAqB,CAAC,IAAI,CAAC;IAC7B,CAAC;IACD2B,SAAS,EAAE;EACb,CAAC,CACF;EAED,MAAMC,gBAAgB,GAAG,CACvB;IACEH,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAEA,CAAA,KAAM;MACdzE,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC;IACD0E,SAAS,EAAE,CAAC,QAAQ;EACtB,CAAC,EACD;IACEF,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAM;QAAE/B,IAAI;QAAElE,EAAE,EAAEoG,YAAY;QAAEnE;MAAK,CAAC,GAAGV,QAAQ;MACjD,MAAM8E,oBAAoB,GAAGhF,aAAa,CAACgD,GAAG,CAACiC,YAAY,IAAI;QAC7D,IAAIA,YAAY,CAACtG,EAAE,KAAKoG,YAAY,EAAE;UACpC,OAAAR,aAAA,CAAAA,aAAA,KAAYU,YAAY;YAAEpC,IAAI;YAAEjC;UAAI;QACtC;QACA,OAAOqE,YAAY;MACrB,CAAC,CAAC;MACFhF,gBAAgB,CAAC+E,oBAAoB,CAAC;MAEtC,IAAI;QACF,MAAM1E,MAAM,CAAC4E,MAAM,CAAC;UAClBC,QAAQ,EAAE5H,WAAW,CAAC,aAAa,CAAC;UACpCyD,SAAS,EAAE;YACToE,KAAK,EAAE;cACLvC,IAAI;cACJjC,IAAI;cACJjC,EAAE,EAAEoG;YACN;UACF,CAAC;UACDM,MAAMA,CACJC,KAAK,EACL;YACE1E,IAAI,EAAE;cAAE2E,UAAU,EAAEC;YAAY;UAClC,CAAC,EACD;YACAF,KAAK,CAACG,UAAU,CAAC;cACf1E,KAAK,EAAEzD,QAAQ,CAAC,gBAAgB,CAAC;cACjC0D,SAAS,EAAE;gBAAErC;cAAG,CAAC;cACjBiC,IAAI,EAAE;gBAAEgD,IAAI,EAAE4B,WAAW,CAACE;cAAO;YACnC,CAAC,CAAC;UACJ;QACF,CAAC,CAAC;QAEFnF,QAAQ,CAAE,SAAQL,QAAQ,CAAC2C,IAAK,mBAAkB,EAAE;UAClDS,UAAU,EAAE,SAAS;UACrBC,WAAW,EAAE;QACf,CAAC,CAAC;QACFL,qBAAqB,CAAC,IAAI,CAAC;QAC3B/C,WAAW,CAAC,IAAI,CAAC;MACnB,CAAC,CAAC,OAAOwF,CAAC,EAAE;QACVpF,QAAQ,CAAE,SAAQL,QAAQ,CAAC2C,IAAK,uBAAsB,EAAE;UACtDS,UAAU,EAAE,OAAO;UACnBC,WAAW,EAAE;QACf,CAAC,CAAC;QACFqC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC,CAAC,CAAC;MACpB;IACF,CAAC;IACDd,SAAS,EAAE;EACb,CAAC,CACF;EACD,MAAMiB,kBAAkB,GAAI,GAAErC,YAAa,IAAG7F,IAAK,EAAC;EACpD,MAAMmI,YAAY,GAAGtC,YAAY;EAAA;EAC/B;EACA1G,KAAA,CAAAiJ,aAAA;IAAMC,SAAS,EAAC,qDAAqD;IAACC,OAAO,EAAEnE;EAAU,GAAC,IACtF,EAAC+D,kBACC,CAAC,GACL,IAAI;EAER,oBACE/I,KAAA,CAAAiJ,aAAA,CAAAjJ,KAAA,CAAAoJ,QAAA,qBACEpJ,KAAA,CAAAiJ,aAAA;IAAKC,SAAS,EAAC;EAA+B,gBAC5ClJ,KAAA,CAAAiJ,aAAA,gBAAQtH,KAAa,CAAC,EACrBsB,aAAa,iBACZjD,KAAA,CAAAiJ,aAAA,CAAAjJ,KAAA,CAAAoJ,QAAA,qBACEpJ,KAAA,CAAAiJ,aAAA,CAAClI,oBAAoB;IAACe,KAAK,EAAE;MAAE8E,eAAe;MAAEyC,cAAc,EAAElE;IAAoB;EAAE,GACnFnD,qBAAqB,gBACpBhC,KAAA,CAAAiJ,aAAA,CAAC1G,aAAa;IAAC+G,QAAQ,EAAE7H,iBAAiB,CAAC8H;EAAY,gBACrDvJ,KAAA,CAAAiJ,aAAA,CAACjI,QAAQ;IACPiC,aAAa,EAAEA,aAAc;IAC7BuG,QAAQ,EAAEzG,YAAa;IACvBiD,kBAAkB,EAAEA,kBAAmB;IACvC/D,cAAc,EAAEA,cAAe;IAC/B+C,SAAS,EAAEA;EAAU,GACpBgE,YACO,CACG,CAAC,gBAEhBhJ,KAAA,CAAAiJ,aAAA,CAACjI,QAAQ;IACPiC,aAAa,EAAEA,aAAc;IAC7B+C,kBAAkB,EAAEA,kBAAmB;IACvChB,SAAS,EAAEA;EAAU,CACtB,CAEiB,CACtB,CACH,eACDhF,KAAA,CAAAiJ,aAAA,CAAC7I,UAAU;IACTqJ,UAAU,EAAEhD,oBAAqB;IACjCnE,QAAQ,EAAEA,QAAS;IACnBoH,kBAAkB,EAAEA,CAAA,KAAM;MACxB,IAAIxH,YAAY,EAAE;QAChBW,yBAAyB,CAAC,IAAI,CAAC;MACjC,CAAC,MAAM;QACL8D,aAAa,CAAC,CAAC;MACjB;IACF,CAAE;IACFgD,iBAAiB,EAAE;EAAM,CAC1B,CACE,CAAC,EACLxG,QAAQ,iBACPnD,KAAA,CAAAiJ,aAAA,CAACvI,KAAK;IAACkJ,OAAO,EAAE7B,gBAAiB;IAAC8B,KAAK,EAAC,WAAW;IAACC,OAAO,EAAEA,CAAA,KAAM1G,WAAW,CAAC,IAAI;EAAE,gBACnFpD,KAAA,CAAAiJ,aAAA,CAACzH,WAAW;IACVqF,IAAI,EAAE1D,QAAS;IACf4G,QAAQ,EAAE5G,QAAQ,CAAC4G,QAAS;IAC5BC,gBAAgB,EAAE/C,kBAAmB;IACrCgD,WAAW;IACXC,WAAW,EAAC,MAAM;IAClB9H,kBAAkB,EAAEA;EAAmB,CACxC,CACI,CACR,EAEAQ,sBAAsB,IACrBV,YAAY,iBACVlC,KAAA,CAAAiJ,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxClJ,KAAA,CAAAiJ,aAAA,CAACnI,gBAAgB;IACf8B,sBAAsB,EAAEA,sBAAuB;IAC/CuD,qBAAqB,EAAEA,qBAAsB;IAC7CtD,yBAAyB,EAAEA,yBAA0B;IACrDsC,mBAAmB,EAAEA,mBAAoB;IACzCpD,QAAQ,EAAEU,YAAa;IACvBP,YAAY,EAAEA,YAAa;IAC3BiI,aAAa,EAAEpH,YAAY,CAACuB,MAAM,GAAG,CAAC,GAAGvB,YAAY,GAAG,EAAG;IAC3DqH,eAAe;IACf9H,QAAQ,EAAEA;EAAS,CACpB,CACE,CACN,EAEFI,YAAY,IACX,CAACR,YAAY,iBACXlC,KAAA,CAAAiJ,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxClJ,KAAA,CAAAiJ,aAAA,CAACvI,KAAK;IACJkJ,OAAO,EAAEjC,YAAa;IACtBuB,SAAS,EAAC,mBAAmB;IAC7BW,KAAK,EAAC,eAAe;IACrBC,OAAO,EAAEA,CAAA,KAAM3D,qBAAqB,CAAC;EAAE,gBACvCnG,KAAA,CAAAiJ,aAAA,CAACnI,gBAAgB;IACfqF,qBAAqB,EAAEA,qBAAsB;IAC7CvD,sBAAsB,EAAEA,sBAAuB;IAC/CC,yBAAyB,EAAEA,yBAA0B;IACrDsC,mBAAmB,EAAEA,mBAAoB;IACzCpD,QAAQ,EAAEU,YAAa;IACvB0H,aAAa,EAAEpH,YAAY,CAACuB,MAAM,GAAG,CAAC,GAAGvB,YAAY,GAAG,EAAG;IAC3DqH,eAAe;IACf9H,QAAQ,EAAEA;EAAS,CACpB,CACI,CACJ,CAET,CAAC;AAEP,CAAC;AAEDb,iBAAiB,CAAC4I,SAAS,GAAG;EAC5B3I,QAAQ,EAAErB,SAAS,CAACiK,IAAI,CAACC,UAAU;EACnC5I,KAAK,EAAEtB,SAAS,CAACmK,MAAM,CAACD,UAAU;EAClC3I,EAAE,EAAEvB,SAAS,CAACmK,MAAM,CAACD,UAAU;EAC/B1I,IAAI,EAAExB,SAAS,CAACmK,MAAM,CAACD,UAAU;EACjCzI,KAAK,EAAEzB,SAAS,CAACoK,SAAS,CAAC,CAACpK,SAAS,CAACmK,MAAM,EAAEnK,SAAS,CAACqK,KAAK,CAAC,CAAC;EAC/D3I,QAAQ,EAAE1B,SAAS,CAACoK,SAAS,CAAC,CAACpK,SAAS,CAACsK,MAAM,EAAEtK,SAAS,CAACuK,IAAI,CAAC,CAAC;EACjE5I,qBAAqB,EAAE3B,SAAS,CAACuK,IAAI;EACrC3I,cAAc,EAAE5B,SAAS,CAACuK,IAAI;EAC9B1I,YAAY,EAAE7B,SAAS,CAACuK,IAAI;EAC5BzI,eAAe,EAAE9B,SAAS,CAACuK,IAAI;EAC/BvI,QAAQ,EAAEhC,SAAS,CAACmK,MAAM;EAC1BpI,kBAAkB,EAAE/B,SAAS,CAACuK,IAAI;EAClCtI,QAAQ,EAAEjC,SAAS,CAACmK;AACtB,CAAC;AAED/I,iBAAiB,CAACoJ,YAAY,GAAG;EAC/B/I,KAAK,EAAE,EAAE;EACTC,QAAQ,EAAE,KAAK;EACfC,qBAAqB,EAAE,KAAK;EAC5BC,cAAc,EAAE,KAAK;EACrBC,YAAY,EAAE,KAAK;EACnBC,eAAe,EAAE,KAAK;EACtBE,QAAQ,EAAE,MAAM;EAChBD,kBAAkB,EAAE,IAAI;EACxBE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeb,iBAAiB","ignoreList":[]}
+{"version":3,"file":"FileUploadAdapter.js","names":["React","useState","useContext","useEffect","FileUpload","PropTypes","useApolloClient","getQuery","getMutation","ModalAdapter","Modal","parseFormValues","useToasts","Tooltip","MORE","ListingContainer","MediaContextProvider","FileList","useLimit","getFormat","formatInitialValue","transformToArray","isUnselecting","getButtonText","getNumberFilesPendingToFetch","FilePreview","FileUploadAdapter","onChange","label","id","type","value","maxItems","shouldRenderInPreview","canDragAndDrop","simpleLayout","tooltip","previewAllFiles","disableFilePreview","fileType","storeKey","InjectPreview","FormContext","currentLimit","displayModal","setDisplayModal","displayFileUploadModal","setDisplayFileUploadModal","initialValue","currentValue","setCurrentValue","selectedFiles","setSelectedFiles","editFile","setEditFile","allFilesLoaded","setAllFilesLoaded","client","addToast","getFiles","offset","ids","fetchAll","data","files","newFiles","query","variables","limit","where","_in","skip","length","fetchPolicy","loadedFiles","loadedOrderedFiles","orderFiles","initialFiles","filter","_","i","orderedFiles","fetchMore","shouldFetchAll","newOrderedFiles","handleSelectedFiles","checkIsUnselecting","isUnselectingFile","valueArray","selectedFilesIds","valueId","includes","parsedValue","filesIds","event","target","name","fileData","handleReorderFiles","map","fileId","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","fileUploadButtonText","filesPending","onOpenLibrary","handleEditModal","file","selectedEditFile","find","_id","handleEditFileForm","editedFile","valuesChecked","altText","caption","credits","hrefUrl","_objectSpread","currentId","Boolean","modalActions","textButton","callback","modifiers","editModalActions","editedFileId","updatedSelectedFiles","selectedFile","mutate","mutation","input","update","cache","updateFile","fileUpdated","writeQuery","result","e","console","error","filesPendingString","fileListSpan","createElement","className","onClick","Fragment","tooltipContent","onUnselectFile","selector","previewerId","allFiles","actionText","handleLibraryClick","enableDragAndDrop","actions","title","onClose","fileName","handleFormChange","displayForm","previewType","filesSelected","openEditInModal","propTypes","func","isRequired","string","oneOfType","array","number","bool","defaultProps"],"sources":["../../../src/components/FileUploadAdapter/FileUploadAdapter.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport FileUpload from '@blaze-react/file-upload';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';\nimport { parseFormValues } from '@blaze-cms/react-form-builder';\nimport { useToasts } from '@blaze-react/toaster';\nimport Tooltip from '@blaze-react/tooltip';\nimport { MORE } from '../../constants';\nimport ListingContainer from '../ListingContainer';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FileList from './FileList';\nimport useLimit from './useLimit';\nimport {\n  getFormat,\n  formatInitialValue,\n  transformToArray,\n  isUnselecting,\n  getButtonText,\n  getNumberFilesPendingToFetch\n} from './mappers';\nimport FilePreview from '../FilePreview';\n\nconst FileUploadAdapter = ({\n  onChange,\n  label,\n  id,\n  type,\n  value,\n  maxItems,\n  shouldRenderInPreview,\n  canDragAndDrop,\n  simpleLayout,\n  tooltip,\n  previewAllFiles,\n  disableFilePreview,\n  fileType,\n  storeKey\n}) => {\n  const { InjectPreview } = useContext(FileUploadAdapter.FormContext);\n  const [currentLimit] = useLimit(maxItems);\n  const [displayModal, setDisplayModal] = useState(false);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const initialValue = formatInitialValue({ value, type });\n  const [currentValue, setCurrentValue] = useState(initialValue);\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const [editFile, setEditFile] = useState(null);\n  const [allFilesLoaded, setAllFilesLoaded] = useState(false);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const getFiles = async (offset, ids, fetchAll = previewAllFiles) => {\n    const {\n      data: { files: newFiles }\n    } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        limit: fetchAll ? 0 : 4,\n        offset,\n        where: {\n          id: {\n            _in: ids\n          }\n        }\n      },\n      skip: !currentValue.length,\n      fetchPolicy: 'network-only'\n    });\n    return newFiles;\n  };\n\n  useEffect(\n    () => {\n      (async () => {\n        if (allFilesLoaded) {\n          const loadedFiles = await getFiles(0, currentValue, true);\n          const loadedOrderedFiles = orderFiles(loadedFiles, currentValue);\n          setSelectedFiles(loadedOrderedFiles);\n          return;\n        }\n\n        const initialFiles =\n          !selectedFiles.length && !previewAllFiles\n            ? currentValue.filter((_, i) => i <= 3)\n            : currentValue;\n\n        const files = await getFiles(0, initialFiles);\n        const orderedFiles = orderFiles(files, currentValue);\n        setSelectedFiles(orderedFiles);\n        setAllFilesLoaded(false);\n      })();\n    },\n    [currentValue] //eslint-disable-line\n  );\n\n  const fetchMore = async shouldFetchAll => {\n    if (selectedFiles.length === currentValue.length) return;\n    const newFiles = await getFiles(0, currentValue, true);\n    const newOrderedFiles = orderFiles(newFiles, currentValue);\n    setSelectedFiles(newOrderedFiles);\n    setAllFilesLoaded(true);\n  };\n\n  const handleSelectedFiles = (files, checkIsUnselecting = true) => {\n    const isUnselectingFile = isUnselecting(value, checkIsUnselecting, files);\n    if (isUnselectingFile) {\n      const valueArray = transformToArray(value);\n      const selectedFilesIds = valueArray.filter(valueId => !files.includes(valueId));\n      const parsedValue = getFormat(type, { filesIds: selectedFilesIds });\n      setCurrentValue(selectedFilesIds);\n      return onChange({\n        event: {\n          target: {\n            value: parsedValue,\n            name: id,\n            type,\n            fileData: selectedFilesIds.length ? selectedFilesIds : null\n          }\n        },\n        value: parsedValue\n      });\n    }\n\n    setCurrentValue(files);\n  };\n\n  const handleReorderFiles = files => {\n    const filesIds = files.map(({ id: fileId }) => fileId);\n    const parsedValue = getFormat(type, { filesIds });\n    setSelectedFiles(files);\n\n    return onChange({\n      event: {\n        target: {\n          value: parsedValue,\n          name: id,\n          type,\n          fileData: filesIds\n        }\n      },\n      value: parsedValue\n    });\n  };\n\n  const closeModalAndSetValue = (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    }\n\n    if (isSaving) {\n      const parsedValue = getFormat(type, { filesIds: simpleLayout ? values : currentValue });\n      setDisplayModal(false);\n      return onChange({\n        event: { target: { value: parsedValue, name: id, type, currentValue } },\n        value: parsedValue\n      });\n    }\n\n    setCurrentValue(initialValue);\n    setDisplayModal(false);\n  };\n\n  const fileUploadButtonText = getButtonText({ maxItems, value: initialValue, fileType });\n\n  const filesPending = previewAllFiles\n    ? 0\n    : getNumberFilesPendingToFetch(selectedFiles.length, currentValue);\n  const onOpenLibrary = () => setDisplayModal(true);\n  const handleEditModal = file => {\n    const selectedEditFile = selectedFiles.find(({ id: _id }) => _id === file.id);\n    setEditFile(selectedEditFile);\n  };\n\n  const handleEditFileForm = editedFile => {\n    const values = parseFormValues(editedFile.valuesChecked);\n\n    const { altText, caption, credits, hrefUrl, name } = values;\n    setEditFile({\n      ...editFile,\n      name,\n      data: {\n        altText,\n        caption,\n        credits,\n        hrefUrl\n      }\n    });\n  };\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: () => {\n        closeModalAndSetValue();\n      },\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: () => {\n        closeModalAndSetValue(true);\n      },\n      modifiers: []\n    }\n  ];\n\n  const editModalActions = [\n    {\n      textButton: 'Cancel',\n      callback: () => {\n        setEditFile(null);\n      },\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Apply',\n      callback: async () => {\n        const { name, id: editedFileId, data } = editFile;\n        const updatedSelectedFiles = selectedFiles.map(selectedFile => {\n          if (selectedFile.id === editedFileId) {\n            return { ...selectedFile, name, data };\n          }\n          return selectedFile;\n        });\n        setSelectedFiles(updatedSelectedFiles);\n\n        try {\n          await client.mutate({\n            mutation: getMutation('UPDATE_FILE'),\n            variables: {\n              input: {\n                name,\n                data,\n                id: editedFileId\n              }\n            },\n            update(cache, { data: { updateFile: fileUpdated } }) {\n              cache.writeQuery({\n                query: getQuery('GET_FILE_BY_ID'),\n                variables: { id },\n                data: { file: fileUpdated.result }\n              });\n            }\n          });\n\n          addToast(`File: ${editFile.name} has been updated`, {\n            appearance: 'success',\n            autoDismiss: true\n          });\n          closeModalAndSetValue(true);\n          setEditFile(null);\n        } catch (e) {\n          addToast(`File: ${editFile.name} has not been updated`, {\n            appearance: 'error',\n            autoDismiss: true\n          });\n          console.error(e); //eslint-disable-line\n        }\n      },\n      modifiers: []\n    }\n  ];\n  const filesPendingString = `${filesPending} ${MORE}`;\n  const fileListSpan = filesPending ? (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <span className=\"FileUploadAdapter__preview-link button button--link\" onClick={fetchMore}>\n      + {filesPendingString}\n    </span>\n  ) : null;\n\n  return (\n    <>\n      <div className=\"form-field form-field--button\">\n        <label>\n          {label} <Tooltip tooltipContent={tooltip} />\n        </label>\n        {selectedFiles && (\n          <MediaContextProvider value={{ handleEditModal, onUnselectFile: handleSelectedFiles }}>\n            {shouldRenderInPreview ? (\n              <InjectPreview selector={FileUploadAdapter.previewerId}>\n                <FileList\n                  selectedFiles={selectedFiles}\n                  allFiles={currentValue}\n                  handleReorderFiles={handleReorderFiles}\n                  canDragAndDrop={canDragAndDrop}\n                  fetchMore={fetchMore}>\n                  {fileListSpan}\n                </FileList>\n              </InjectPreview>\n            ) : (\n              <FileList\n                selectedFiles={selectedFiles}\n                handleReorderFiles={handleReorderFiles}\n                fetchMore={fetchMore}\n              />\n            )}\n          </MediaContextProvider>\n        )}\n        <FileUpload\n          actionText={fileUploadButtonText}\n          storeKey={storeKey}\n          handleLibraryClick={() => {\n            if (simpleLayout) {\n              setDisplayFileUploadModal(true);\n            } else {\n              onOpenLibrary();\n            }\n          }}\n          enableDragAndDrop={false}\n        />\n      </div>\n      {editFile && (\n        <Modal actions={editModalActions} title=\"Edit File\" onClose={() => setEditFile(null)}>\n          <FilePreview\n            file={editFile}\n            fileName={editFile.fileName}\n            handleFormChange={handleEditFileForm}\n            displayForm\n            previewType=\"card\"\n            disableFilePreview={disableFilePreview}\n          />\n        </Modal>\n      )}\n\n      {displayFileUploadModal && simpleLayout && (\n        <div className=\"file-upload-modal-wrapper\">\n          <ListingContainer\n            displayFileUploadModal={displayFileUploadModal}\n            closeModalAndSetValue={closeModalAndSetValue}\n            setDisplayFileUploadModal={setDisplayFileUploadModal}\n            handleSelectedFiles={handleSelectedFiles}\n            maxItems={currentLimit}\n            simpleLayout={simpleLayout}\n            filesSelected={currentValue.length > 1 ? currentValue : []}\n            openEditInModal\n            storeKey={storeKey}\n          />\n        </div>\n      )}\n\n      {displayModal && !simpleLayout && (\n        <div className=\"file-upload-modal-wrapper\">\n          <Modal\n            actions={modalActions}\n            className=\"file-upload-modal\"\n            title=\"Media library\"\n            onClose={() => closeModalAndSetValue()}>\n            <ListingContainer\n              closeModalAndSetValue={closeModalAndSetValue}\n              displayFileUploadModal={displayFileUploadModal}\n              setDisplayFileUploadModal={setDisplayFileUploadModal}\n              handleSelectedFiles={handleSelectedFiles}\n              maxItems={currentLimit}\n              filesSelected={currentValue.length > 1 ? currentValue : []}\n              openEditInModal\n              storeKey={storeKey}\n            />\n          </Modal>\n        </div>\n      )}\n    </>\n  );\n};\n\nFileUploadAdapter.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  shouldRenderInPreview: PropTypes.bool,\n  canDragAndDrop: PropTypes.bool,\n  simpleLayout: PropTypes.bool,\n  previewAllFiles: PropTypes.bool,\n  tooltip: PropTypes.string,\n  fileType: PropTypes.string,\n  disableFilePreview: PropTypes.bool,\n  storeKey: PropTypes.string\n};\n\nFileUploadAdapter.defaultProps = {\n  value: '',\n  maxItems: false,\n  shouldRenderInPreview: false,\n  canDragAndDrop: false,\n  simpleLayout: false,\n  previewAllFiles: false,\n  tooltip: '',\n  fileType: 'file',\n  disableFilePreview: true,\n  storeKey: null\n};\n\nexport default FileUploadAdapter;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/mappers/get-button-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-button-text.js","names":["getButtonText","maxItems","value","fileType","pluralSuffix","fileLabel","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/get-button-text.js"],"sourcesContent":["const getButtonText = ({ maxItems, value, fileType = 'file' }) => {\n  const pluralSuffix = maxItems > 1 ? 's' : '';\n  const fileLabel = `Add ${fileType}${pluralSuffix}`;\n  return value && value.length > 0 ? `Change ${fileType}${pluralSuffix}` : fileLabel;\n};\n\nexport { getButtonText };\n"],"mappings":"AAAA,MAAMA,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ,GAAG;AAAO,CAAC,KAAK;EAChE,MAAMC,YAAY,GAAGH,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE;EAC5C,MAAMI,SAAS,GAAI,OAAMF,QAAS,GAAEC,YAAa,EAAC;EAClD,OAAOF,KAAK,IAAIA,KAAK,CAACI,MAAM,GAAG,CAAC,GAAI,UAASH,QAAS,GAAEC,YAAa,EAAC,GAAGC,SAAS;AACpF,CAAC;AAED,SAASL,aAAa","ignoreList":[]}
+{"version":3,"file":"get-button-text.js","names":["getButtonText","maxItems","value","fileType","pluralSuffix","fileLabel","length"],"sources":["../../../../src/components/FileUploadAdapter/mappers/get-button-text.js"],"sourcesContent":["const getButtonText = ({ maxItems, value, fileType = 'file' }) => {\n  const pluralSuffix = maxItems > 1 ? 's' : '';\n  const fileLabel = `Add ${fileType}${pluralSuffix}`;\n  return value && value.length > 0 ? `Change ${fileType}${pluralSuffix}` : fileLabel;\n};\n\nexport { getButtonText };\n"],"mappings":"AAAA,MAAMA,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ,GAAG;AAAO,CAAC,KAAK;EAChE,MAAMC,YAAY,GAAGH,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE;EAC5C,MAAMI,SAAS,GAAG,OAAOF,QAAQ,GAAGC,YAAY,EAAE;EAClD,OAAOF,KAAK,IAAIA,KAAK,CAACI,MAAM,GAAG,CAAC,GAAG,UAAUH,QAAQ,GAAGC,YAAY,EAAE,GAAGC,SAAS;AACpF,CAAC;AAED,SAASL,aAAa","ignoreList":[]}

package/lib-es/components/FileUploadAdapter/useLimit.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLimit.js","names":["useEffect","useState","ONE_FILE_AS_LIMIT","useLimit","initialLimit","currentLimit","setCurrentLimit"],"sources":["../../../src/components/FileUploadAdapter/useLimit.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ONE_FILE_AS_LIMIT } from '../../constants';\n\nfunction useLimit(initialLimit) {\n  const [currentLimit, setCurrentLimit] = useState(initialLimit);\n  useEffect(\n    () => {\n      if (initialLimit && currentLimit !== ONE_FILE_AS_LIMIT) {\n        setCurrentLimit(ONE_FILE_AS_LIMIT);\n      }\n    },\n    [currentLimit, initialLimit]\n  );\n\n  return [currentLimit, setCurrentLimit];\n}\n\nexport default useLimit;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,SAASC,QAAQA,CAACC,YAAY,EAAE;EAC9B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGL,QAAQ,CAACG,YAAY,CAAC;EAC9DJ,SAAS,CACP,MAAM;IACJ,IAAII,YAAY,IAAIC,YAAY,KAAKH,iBAAiB,EAAE;MACtDI,eAAe,CAACJ,iBAAiB,CAAC;IACpC;EACF,CAAC,EACD,CAACG,YAAY,EAAED,YAAY,CAC7B,CAAC;EAED,OAAO,CAACC,YAAY,EAAEC,eAAe,CAAC;AACxC;AAEA,eAAeH,QAAQ","ignoreList":[]}
+{"version":3,"file":"useLimit.js","names":["useEffect","useState","ONE_FILE_AS_LIMIT","useLimit","initialLimit","currentLimit","setCurrentLimit"],"sources":["../../../src/components/FileUploadAdapter/useLimit.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ONE_FILE_AS_LIMIT } from '../../constants';\n\nfunction useLimit(initialLimit) {\n  const [currentLimit, setCurrentLimit] = useState(initialLimit);\n  useEffect(() => {\n    if (initialLimit && currentLimit !== ONE_FILE_AS_LIMIT) {\n      setCurrentLimit(ONE_FILE_AS_LIMIT);\n    }\n  }, [currentLimit, initialLimit]);\n\n  return [currentLimit, setCurrentLimit];\n}\n\nexport default useLimit;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,SAASC,QAAQA,CAACC,YAAY,EAAE;EAC9B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGL,QAAQ,CAACG,YAAY,CAAC;EAC9DJ,SAAS,CAAC,MAAM;IACd,IAAII,YAAY,IAAIC,YAAY,KAAKH,iBAAiB,EAAE;MACtDI,eAAe,CAACJ,iBAAiB,CAAC;IACpC;EACF,CAAC,EAAE,CAACG,YAAY,EAAED,YAAY,CAAC,CAAC;EAEhC,OAAO,CAACC,YAAY,EAAEC,eAAe,CAAC;AACxC;AAEA,eAAeH,QAAQ","ignoreList":[]}