@blaze-cms/plugin-media-ui 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0

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/PDF/schema.js

@@ -11,7 +11,8 @@ const PDFSchema = {
       caption: {
         type: 'string',
         showInForm: true,
-        formFieldType: 'text'
+        formFieldType: 'text',
+        isDataPropery: true
       }
     },
     required: ['name']

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":["PDFSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","caption","required"],"sources":["../../../../src/components/FilePreview/PDF/schema.js"],"sourcesContent":["const PDFSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text'\n      },\n      caption: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text'\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { PDFSchema };\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE;MACjB,CAAC;MACDC,OAAO,EAAE;QACPJ,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE;MACjB;IACF,CAAC;IACDE,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASV,SAAS","ignoreList":[]}
+{"version":3,"file":"schema.js","names":["PDFSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","caption","isDataPropery","required"],"sources":["../../../../src/components/FilePreview/PDF/schema.js"],"sourcesContent":["const PDFSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text'\n      },\n      caption: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        isDataPropery: true\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { PDFSchema };\n"],"mappings":"AAAA,MAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE;MACjB,CAAC;MACDC,OAAO,EAAE;QACPJ,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBE,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASX,SAAS","ignoreList":[]}

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

@@ -1,30 +1,84 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["name", "storeKey"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { FormBuilder } from '@blaze-cms/react-form-builder';
 import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';
 import { getPreview } from './get-preview';
+import { FILE_DEFAULT_PROPS } from '../../constants';
 const FilePreview = ({
   file,
   handleFormChange,
   displayForm,
   previewType,
-  children
+  children,
+  handleChangeFile,
+  showChangeButton,
+  disableFilePreview
 }) => {
+  const {
+    data: schemaData = {
+      getEntitySchemas: [{
+        properties: {},
+        actions: {
+          get: 'getFile'
+        }
+      }]
+    },
+    loading: schemaLoading
+  } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {
+    variables: {
+      identifier: 'file'
+    }
+  });
+  const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];
+  const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);
+  const {
+    loading,
+    data: {
+      entityData: fileData
+    } = {}
+  } = useQuery(fileQuery, {
+    variables: {
+      id: file.id
+    },
+    fetchPolicy: 'cache-and-network',
+    skip: !fileSchema || !fileSchema.id
+  });
+  if (!fileSchema || schemaLoading || loading) return null;
   const {
     name,
     url,
     mimetype,
     data,
-    store
-  } = file;
+    store,
+    updated
+  } = fileData;
+  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
   });
   const shouldRenderForm = schema && displayForm;
+  const {
+    properties
+  } = fileSchema;
+  const {
+      name: nameProp,
+      storeKey: storeKeyProp
+    } = properties,
+    restProperties = _objectWithoutProperties(properties, _excluded);
+  _extends(schema.formSchema.properties, restProperties);
   if (shouldRenderForm && store) {
     const {
       defaultStore = {},
@@ -41,14 +95,17 @@ const FilePreview = ({
     }
   }
   const formBuilderData = {
-    values: _objectSpread(_objectSpread({}, file), data)
+    values: _objectSpread(_objectSpread({}, data), fileData)
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Preview, _extends({
     mimetype: mimetype,
-    url: url,
+    url: displayUrl,
     name: name
   }, data, {
-    file: file
+    file: file,
+    handleChangeFile: handleChangeFile,
+    disableFilePreview: disableFilePreview,
+    showChangeButton: showChangeButton
   }), shouldRenderForm && /*#__PURE__*/React.createElement("div", {
     className: "preview__details"
   }, /*#__PURE__*/React.createElement("div", {
@@ -68,10 +125,13 @@ FilePreview.propTypes = {
   file: PropTypes.object.isRequired,
   fileName: PropTypes.string,
   handleFormChange: PropTypes.func,
+  handleChangeFile: PropTypes.func,
   displayForm: PropTypes.bool,
   handlers: PropTypes.object,
   previewType: PropTypes.oneOf(Object.keys(FilePreview.availablePreviewTypes)),
-  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
+  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
+  showChangeButton: PropTypes.bool,
+  disableFilePreview: PropTypes.bool
 };
 FilePreview.defaultProps = {
   displayForm: false,
@@ -79,7 +139,10 @@ FilePreview.defaultProps = {
   handlers: {},
   previewType: FilePreview.availablePreviewTypes.card,
   handleFormChange: () => {},
-  children: []
+  handleChangeFile: () => {},
+  children: [],
+  showChangeButton: false,
+  disableFilePreview: true
 };
 export default FilePreview;
 //# sourceMappingURL=index.js.map

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","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 = ({ file, handleFormChange, displayForm, previewType, children }) => {\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 mimetype={mimetype} url={url} name={name} {...data} file={file}>\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  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};\n\nFilePreview.defaultProps = {\n  displayForm: false,\n  fileName: '',\n  handlers: {},\n  previewType: FilePreview.availablePreviewTypes.card,\n  handleFormChange: () => {},\n  children: []\n};\n\nexport default FilePreview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FormBuilder","PropTypes","useQuery","getQuery","getDynamicQuery","getPreview","FILE_DEFAULT_PROPS","FilePreview","file","handleFormChange","displayForm","previewType","children","handleChangeFile","showChangeButton","disableFilePreview","data","schemaData","getEntitySchemas","properties","actions","get","loading","schemaLoading","variables","identifier","fileSchema","fileQuery","id","entityData","fileData","fetchPolicy","skip","name","url","mimetype","store","updated","bustUrl","srcUrl","version","sep","includes","Date","now","displayUrl","Preview","schema","shouldRenderForm","nameProp","storeKey","storeKeyProp","restProperties","_objectWithoutProperties","_excluded","_extends","formSchema","defaultStore","storeOptions","options","key","selected","formBuilderData","values","_objectSpread","createElement","Fragment","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 { useQuery } from '@apollo/client';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { getPreview } from './get-preview';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst FilePreview = ({\n  file,\n  handleFormChange,\n  displayForm,\n  previewType,\n  children,\n  handleChangeFile,\n  showChangeButton,\n  disableFilePreview\n}) => {\n  const {\n    data: schemaData = {\n      getEntitySchemas: [\n        {\n          properties: {},\n          actions: {\n            get: 'getFile'\n          }\n        }\n      ]\n    },\n    loading: schemaLoading\n  } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n    variables: { identifier: 'file' }\n  });\n\n  const [fileSchema] = schemaData && schemaData.getEntitySchemas ? schemaData.getEntitySchemas : [];\n\n  const fileQuery = getDynamicQuery('DATA_QUERY')(fileSchema, file.id, null, FILE_DEFAULT_PROPS);\n  const { loading, data: { entityData: fileData } = {} } = useQuery(fileQuery, {\n    variables: { id: file.id },\n    fetchPolicy: 'cache-and-network',\n    skip: !fileSchema || !fileSchema.id\n  });\n\n  if (!fileSchema || schemaLoading || loading) return null;\n\n  const { name, url, mimetype, data, store, updated } = fileData;\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  const { properties } = fileSchema;\n  const { name: nameProp, storeKey: storeKeyProp, ...restProperties } = properties;\n  Object.assign(schema.formSchema.properties, restProperties);\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, ...fileData } };\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/FilePreview/previewDefault/RawPreviewDefault.js

@@ -4,10 +4,11 @@ import Actions from '../Actions';
 const RawPreviewDefault = ({
   url,
   name,
-  file
+  file,
+  disableFilePreview
 }) => /*#__PURE__*/React.createElement("div", {
   className: "FilePreview"
-}, /*#__PURE__*/React.createElement("div", {
+}, !disableFilePreview ? /*#__PURE__*/React.createElement("div", {
   className: "FilePreviewItem"
 }, /*#__PURE__*/React.createElement("div", {
   className: "FilePreviewItem__wrapper"
@@ -21,11 +22,18 @@ const RawPreviewDefault = ({
   className: "FilePreviewItem__info__fileName"
 }, name), /*#__PURE__*/React.createElement(Actions, {
   file: file
-}))));
+}))) : /*#__PURE__*/React.createElement("div", {
+  className: "FilePreviewItem__info"
+}, /*#__PURE__*/React.createElement("p", {
+  className: "FilePreviewItem__info__fileName FilePreviewItem__info--disablePreview"
+}, name), /*#__PURE__*/React.createElement(Actions, {
+  file: file
+})));
 RawPreviewDefault.propTypes = {
   url: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  file: PropTypes.object.isRequired
+  file: PropTypes.object.isRequired,
+  disableFilePreview: PropTypes.bool.isRequired
 };
 export { RawPreviewDefault };
 //# sourceMappingURL=RawPreviewDefault.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RawPreviewDefault.js","names":["React","PropTypes","Actions","RawPreviewDefault","url","name","file","createElement","className","src","alt","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/previewDefault/RawPreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPreviewDefault = ({ url, name, file }) => (\n  <div className=\"FilePreview\">\n    <div className=\"FilePreviewItem\">\n      <div className=\"FilePreviewItem__wrapper\">\n        <img className=\"FilePreviewItem__wrapper__default\" src={url} alt={name} />\n      </div>\n      <div className=\"FilePreviewItem__info\">\n        <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n        <Actions file={file} />\n      </div>\n    </div>\n  </div>\n);\n\nRawPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC5CN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAa,gBAC1BR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAA0B,gBACvCR,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC,mCAAmC;EAACC,GAAG,EAAEL,GAAI;EAACM,GAAG,EAAEL;AAAK,CAAE,CACtE,CAAC,eACNL,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAuB,gBACpCR,KAAA,CAAAO,aAAA;EAAGC,SAAS,EAAC;AAAiC,GAAEH,IAAQ,CAAC,eACzDL,KAAA,CAAAO,aAAA,CAACL,OAAO;EAACI,IAAI,EAAEA;AAAK,CAAE,CACnB,CACF,CACF,CACN;AAEDH,iBAAiB,CAACQ,SAAS,GAAG;EAC5BP,GAAG,EAAEH,SAAS,CAACW,MAAM,CAACC,UAAU;EAChCR,IAAI,EAAEJ,SAAS,CAACW,MAAM,CAACC,UAAU;EACjCP,IAAI,EAAEL,SAAS,CAACa,MAAM,CAACD;AACzB,CAAC;AAED,SAASV,iBAAiB","ignoreList":[]}
+{"version":3,"file":"RawPreviewDefault.js","names":["React","PropTypes","Actions","RawPreviewDefault","url","name","file","disableFilePreview","createElement","className","src","alt","propTypes","string","isRequired","object","bool"],"sources":["../../../../src/components/FilePreview/previewDefault/RawPreviewDefault.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPreviewDefault = ({ url, name, file, disableFilePreview }) => (\n  <div className=\"FilePreview\">\n    {!disableFilePreview ? (\n      <div className=\"FilePreviewItem\">\n        <div className=\"FilePreviewItem__wrapper\">\n          <img className=\"FilePreviewItem__wrapper__default\" src={url} alt={name} />\n        </div>\n        <div className=\"FilePreviewItem__info\">\n          <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n          <Actions file={file} />\n        </div>\n      </div>\n    ) : (\n      <div className=\"FilePreviewItem__info\">\n        <p className=\"FilePreviewItem__info__fileName FilePreviewItem__info--disablePreview\">\n          {name}\n        </p>\n        <Actions file={file} />\n      </div>\n    )}\n  </div>\n);\n\nRawPreviewDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired,\n  disableFilePreview: PropTypes.bool.isRequired\n};\n\nexport { RawPreviewDefault };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAmB,CAAC,kBAChEP,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAa,GACzB,CAACF,kBAAkB,gBAClBP,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BT,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAA0B,gBACvCT,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC,mCAAmC;EAACC,GAAG,EAAEN,GAAI;EAACO,GAAG,EAAEN;AAAK,CAAE,CACtE,CAAC,eACNL,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAuB,gBACpCT,KAAA,CAAAQ,aAAA;EAAGC,SAAS,EAAC;AAAiC,GAAEJ,IAAQ,CAAC,eACzDL,KAAA,CAAAQ,aAAA,CAACN,OAAO;EAACI,IAAI,EAAEA;AAAK,CAAE,CACnB,CACF,CAAC,gBAENN,KAAA,CAAAQ,aAAA;EAAKC,SAAS,EAAC;AAAuB,gBACpCT,KAAA,CAAAQ,aAAA;EAAGC,SAAS,EAAC;AAAuE,GACjFJ,IACA,CAAC,eACJL,KAAA,CAAAQ,aAAA,CAACN,OAAO;EAACI,IAAI,EAAEA;AAAK,CAAE,CACnB,CAEJ,CACN;AAEDH,iBAAiB,CAACS,SAAS,GAAG;EAC5BR,GAAG,EAAEH,SAAS,CAACY,MAAM,CAACC,UAAU;EAChCT,IAAI,EAAEJ,SAAS,CAACY,MAAM,CAACC,UAAU;EACjCR,IAAI,EAAEL,SAAS,CAACc,MAAM,CAACD,UAAU;EACjCP,kBAAkB,EAAEN,SAAS,CAACe,IAAI,CAACF;AACrC,CAAC;AAED,SAASX,iBAAiB","ignoreList":[]}

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

@@ -15,7 +15,8 @@ const previewDefaultSchema = {
         label: 'url',
         showInForm: true,
         formFieldType: 'text',
-        description: 'Url format is not valid'
+        description: 'Url format is not valid',
+        isDataPropery: true
       }
     },
     required: ['name']

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

@@ -1 +1 @@
-{"version":3,"file":"previewDefaultSchema.js","names":["previewDefaultSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","hrefUrl","format","description","required"],"sources":["../../../../src/components/FilePreview/previewDefault/previewDefaultSchema.js"],"sourcesContent":["const previewDefaultSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text',\n        formPriority: 1.0\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'url',\n        showInForm: true,\n        formFieldType: 'text',\n        description: 'Url format is not valid'\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { previewDefaultSchema };\n"],"mappings":"AAAA,MAAMA,oBAAoB,GAAG;EAC3BC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QACPL,IAAI,EAAE,QAAQ;QACdM,MAAM,EAAE,cAAc;QACtBJ,KAAK,EAAE,KAAK;QACZD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBI,WAAW,EAAE;MACf;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASb,oBAAoB","ignoreList":[]}
+{"version":3,"file":"previewDefaultSchema.js","names":["previewDefaultSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","hrefUrl","format","description","isDataPropery","required"],"sources":["../../../../src/components/FilePreview/previewDefault/previewDefaultSchema.js"],"sourcesContent":["const previewDefaultSchema = {\n  settings: {},\n  formSchema: {\n    properties: {\n      name: {\n        type: 'string',\n        showInForm: true,\n        label: 'File name',\n        formFieldType: 'text',\n        formPriority: 1.0\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'url',\n        showInForm: true,\n        formFieldType: 'text',\n        description: 'Url format is not valid',\n        isDataPropery: true\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { previewDefaultSchema };\n"],"mappings":"AAAA,MAAMA,oBAAoB,GAAG;EAC3BC,QAAQ,EAAE,CAAC,CAAC;EACZC,UAAU,EAAE;IACVC,UAAU,EAAE;MACVC,IAAI,EAAE;QACJC,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,WAAW;QAClBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QACPL,IAAI,EAAE,QAAQ;QACdM,MAAM,EAAE,cAAc;QACtBJ,KAAK,EAAE,KAAK;QACZD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBI,WAAW,EAAE,yBAAyB;QACtCC,aAAa,EAAE;MACjB;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASd,oBAAoB","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":[]}