@blaze-cms/plugin-media-ui 0.146.0-node18-core-styles-tooltips.58 → 0.146.0-node18-tooltips.45

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

@@ -1,33 +1,32 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["__typename"];
 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, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { getQuery } from '@blaze-cms/admin-ui-utils';
+import { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';
 import { useQuery } from '@apollo/client';
 import { useToasts } from '@blaze-react/toaster';
 import FilePreview from '../FilePreview';
 import FileUploadModal from '../FileUploadModal';
-import { STORE_KEY, NAME } from '../../constants';
+import { FILE_DEFAULT_PROPS } from '../../constants';
 const EditMediaFile = ({
   onChange,
   handleSaveButtonStatus,
   fileId,
   showChangeButton,
-  fileUpdated
+  fileUpdated,
+  schemaData
 }) => {
   const [formValues, setFormValues] = useState(null);
   const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);
   const {
     addToast
   } = useToasts();
-  const fileQuery = getQuery('GET_FILE_BY_ID');
+  const fileQuery = getDynamicQuery('DATA_QUERY')(schemaData, fileId, null, FILE_DEFAULT_PROPS);
   const {
     loading,
     data: {
-      file
+      entityData: file
     } = {},
     refetch: refetchFile
   } = useQuery(fileQuery, {
@@ -67,45 +66,30 @@ const EditMediaFile = ({
     valuesChecked
   }) => {
     const baseFile = formValues || file;
-    const valuesCheckedWithoutName = valuesChecked.filter(({
-      id
-    }) => id !== NAME && id !== STORE_KEY);
-    const dataValues = valuesCheckedWithoutName.reduce((acc, {
+    const dataValues = valuesChecked.reduce((acc, {
       id,
-      value
+      value,
+      isDataPropery
     }) => {
-      acc[id] = value;
+      if (isDataPropery) {
+        acc.data[id] = value;
+      } else {
+        acc[id] = value;
+      }
       return acc;
-    }, {});
-    const {
-      value: newFileName
-    } = valuesChecked.find(({
-      id
-    }) => id === NAME) || {};
-    const {
-      value: storeKey
-    } = valuesChecked.find(({
-      id
-    }) => id === STORE_KEY) || {};
+    }, {
+      id: baseFile.id,
+      data: _objectSpread({}, baseFile.data)
+    });
+    delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.
+
     const shouldEnableSaveButton = isNewValueSet && isValid;
     handleSaveButtonStatus(shouldEnableSaveButton);
-    const updatedFile = _objectSpread(_objectSpread({}, baseFile), {}, {
-      name: newFileName || baseFile.name,
-      storeKey: storeKey || baseFile.storeKey,
-      data: _objectSpread(_objectSpread({}, baseFile.data || {}), dataValues)
-    });
+    const updatedFile = _objectSpread(_objectSpread({}, baseFile), dataValues);
     setFormValues(updatedFile);
-    // Strip GraphQL metadata field __typename before passing data to onChange.
-    const _ref = updatedFile.data || {},
-      {
-        __typename
-      } = _ref,
-      cleanData = _objectWithoutProperties(_ref, _excluded);
-    onChange({
-      id: updatedFile.id,
-      name: updatedFile.name,
-      data: cleanData
-    });
+    onChange(_objectSpread(_objectSpread({}, updatedFile), {}, {
+      formData: dataValues
+    }));
   };
   const getFileWithStoreType = sourceFile => {
     const base = sourceFile || file;
@@ -155,7 +139,7 @@ const EditMediaFile = ({
   if (loading) return /*#__PURE__*/React.createElement("div", null, "loading...");
   const fileToRender = formValues || file;
   const fileWithStoreType = getFileWithStoreType(fileToRender);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!file && /*#__PURE__*/React.createElement(FilePreview, {
+  return !loading ? /*#__PURE__*/React.createElement(React.Fragment, null, !!file && /*#__PURE__*/React.createElement(FilePreview, {
     file: fileWithStoreType,
     handleFormChange: handleFormChange,
     handleChangeFile: () => setDisplayFileUploadModal(true),
@@ -170,7 +154,7 @@ const EditMediaFile = ({
     fileId: fileId,
     storeKey: file && file.storeKey,
     getSelectedFiles: () => {}
-  })));
+  }))) : /*#__PURE__*/React.createElement("div", null, "loading...");
 };
 EditMediaFile.propTypes = {
   fileId: PropTypes.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","useQuery","useToasts","FilePreview","FileUploadModal","STORE_KEY","NAME","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","formValues","setFormValues","displayFileUploadModal","setDisplayFileUploadModal","addToast","fileQuery","loading","data","file","refetch","refetchFile","variables","id","fetchPolicy","fileStoresType","getFileStores","storeType","visibleInAdmin","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","valuesCheckedWithoutName","filter","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","_objectSpread","name","_ref","__typename","cleanData","_objectWithoutProperties","_excluded","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","defaultStore","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","getSelectedFiles","propTypes","string","isRequired","func","bool","object","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({\n  onChange,\n  handleSaveButtonStatus,\n  fileId,\n  showChangeButton,\n  fileUpdated\n}) => {\n  const [formValues, setFormValues] = useState(null);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const { addToast } = useToasts();\n\n  const fileQuery = getQuery('GET_FILE_BY_ID');\n  const {\n    loading,\n    data: { file } = {},\n    refetch: refetchFile\n  } = useQuery(fileQuery, {\n    variables: { id: fileId },\n    fetchPolicy: 'cache-and-network'\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(() => {\n    if (file) {\n      setFormValues(prevFormValues => {\n        if (!prevFormValues || prevFormValues.updated !== file.updated) {\n          return file;\n        }\n        return prevFormValues;\n      });\n    }\n  }, [file]);\n\n  useEffect(() => {\n    if (fileUpdated && fileUpdated.updated) {\n      setFormValues(fileUpdated);\n    }\n  }, [fileUpdated]);\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const baseFile = formValues || file;\n    const valuesCheckedWithoutName = valuesChecked.filter(\n      ({ id }) => id !== NAME && id !== STORE_KEY\n    );\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(shouldEnableSaveButton);\n\n    const updatedFile = {\n      ...baseFile,\n      name: newFileName || baseFile.name,\n      storeKey: storeKey || baseFile.storeKey,\n      data: { ...(baseFile.data || {}), ...dataValues }\n    };\n\n    setFormValues(updatedFile);\n    // Strip GraphQL metadata field __typename before passing data to onChange.\n    const { __typename, ...cleanData } = updatedFile.data || {};\n    onChange({ id: updatedFile.id, name: updatedFile.name, data: cleanData });\n  };\n\n  const getFileWithStoreType = sourceFile => {\n    const base = sourceFile || file;\n    if (storeType && base) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...base, store: { defaultStore, storeOptions } };\n    }\n    return base;\n  };\n\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n    }\n\n    if (values) {\n      const updated =\n        values.id === fileId\n          ? values\n          : {\n              ...(formValues || file),\n              ...values,\n              url: values.url || (formValues || file).url\n            };\n      setFormValues(updated);\n      onChange(updated);\n      handleSaveButtonStatus(true);\n    } else {\n      const { data: { file: refreshedFile } = {} } = await refetchFile({\n        id: fileId,\n        timestamp: Date.now()\n      });\n      if (refreshedFile) {\n        setFormValues(refreshedFile);\n        onChange(refreshedFile);\n        handleSaveButtonStatus(true);\n      }\n    }\n\n    setDisplayFileUploadModal(false);\n  };\n\n  if (loading) return <div>loading...</div>;\n\n  const fileToRender = formValues || file;\n  const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n  return (\n    <>\n      {!!file && (\n        <FilePreview\n          file={fileWithStoreType}\n          handleFormChange={handleFormChange}\n          handleChangeFile={() => setDisplayFileUploadModal(true)}\n          displayForm\n          showChangeButton={showChangeButton}\n        />\n      )}\n      {displayFileUploadModal && (\n        <div className=\"file-upload-modal-wrapper\">\n          <FileUploadModal\n            onClose={() => setDisplayFileUploadModal(false)}\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout\n            fileId={fileId}\n            storeKey={file && file.storeKey}\n            getSelectedFiles={() => {}}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  showChangeButton: PropTypes.bool,\n  fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n  showChangeButton: false,\n  fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","getDynamicQuery","useQuery","useToasts","FilePreview","FileUploadModal","FILE_DEFAULT_PROPS","EditMediaFile","onChange","handleSaveButtonStatus","fileId","showChangeButton","fileUpdated","schemaData","formValues","setFormValues","displayFileUploadModal","setDisplayFileUploadModal","addToast","fileQuery","loading","data","entityData","file","refetch","refetchFile","variables","id","fetchPolicy","fileStoresType","getFileStores","storeType","visibleInAdmin","prevFormValues","updated","handleFormChange","isValid","isNewValueSet","valuesChecked","baseFile","dataValues","reduce","acc","value","isDataPropery","_objectSpread","__typename","shouldEnableSaveButton","updatedFile","formData","getFileWithStoreType","sourceFile","base","storeOptions","map","type","key","name","defaultStore","find","isDefault","store","closeModalAndSetValue","isSaving","values","toastMessage","appearance","autoDismiss","url","refreshedFile","timestamp","Date","now","createElement","fileToRender","fileWithStoreType","Fragment","handleChangeFile","displayForm","className","onClose","simpleLayout","storeKey","getSelectedFiles","propTypes","string","isRequired","func","bool","object","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery, getDynamicQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport { useToasts } from '@blaze-react/toaster';\nimport FilePreview from '../FilePreview';\nimport FileUploadModal from '../FileUploadModal';\nimport { FILE_DEFAULT_PROPS } from '../../constants';\n\nconst EditMediaFile = ({\n  onChange,\n  handleSaveButtonStatus,\n  fileId,\n  showChangeButton,\n  fileUpdated,\n  schemaData\n}) => {\n  const [formValues, setFormValues] = useState(null);\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const { addToast } = useToasts();\n\n  const fileQuery = getDynamicQuery('DATA_QUERY')(schemaData, fileId, null, FILE_DEFAULT_PROPS);\n  const {\n    loading,\n    data: { entityData: file } = {},\n    refetch: refetchFile\n  } = useQuery(fileQuery, {\n    variables: { id: fileId },\n    fetchPolicy: 'cache-and-network'\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(() => {\n    if (file) {\n      setFormValues(prevFormValues => {\n        if (!prevFormValues || prevFormValues.updated !== file.updated) {\n          return file;\n        }\n        return prevFormValues;\n      });\n    }\n  }, [file]);\n\n  useEffect(() => {\n    if (fileUpdated && fileUpdated.updated) {\n      setFormValues(fileUpdated);\n    }\n  }, [fileUpdated]);\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const baseFile = formValues || file;\n\n    const dataValues = valuesChecked.reduce(\n      (acc, { id, value, isDataPropery }) => {\n        if (isDataPropery) {\n          acc.data[id] = value;\n        } else {\n          acc[id] = value;\n        }\n        return acc;\n      },\n      { id: baseFile.id, data: { ...baseFile.data } }\n    );\n    delete dataValues.data.__typename; // Remove __typename if it exists in data to avoid issues with Apollo cache.\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(shouldEnableSaveButton);\n\n    const updatedFile = {\n      ...baseFile,\n      ...dataValues\n    };\n\n    setFormValues(updatedFile);\n    onChange({ ...updatedFile, formData: dataValues });\n  };\n\n  const getFileWithStoreType = sourceFile => {\n    const base = sourceFile || file;\n    if (storeType && base) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...base, store: { defaultStore, storeOptions } };\n    }\n    return base;\n  };\n\n  const closeModalAndSetValue = async (isSaving, values, toastMessage) => {\n    if (toastMessage) {\n      addToast(toastMessage, { appearance: 'success', autoDismiss: true });\n    }\n\n    if (values) {\n      const updated =\n        values.id === fileId\n          ? values\n          : {\n            ...(formValues || file),\n            ...values,\n            url: values.url || (formValues || file).url\n          };\n      setFormValues(updated);\n      onChange(updated);\n      handleSaveButtonStatus(true);\n    } else {\n      const { data: { file: refreshedFile } = {} } = await refetchFile({\n        id: fileId,\n        timestamp: Date.now()\n      });\n      if (refreshedFile) {\n        setFormValues(refreshedFile);\n        onChange(refreshedFile);\n        handleSaveButtonStatus(true);\n      }\n    }\n\n    setDisplayFileUploadModal(false);\n  };\n\n  if (loading) return <div>loading...</div>;\n\n  const fileToRender = formValues || file;\n  const fileWithStoreType = getFileWithStoreType(fileToRender);\n\n  return !loading ? (\n    <>\n      {!!file && (\n        <FilePreview\n          file={fileWithStoreType}\n          handleFormChange={handleFormChange}\n          handleChangeFile={() => setDisplayFileUploadModal(true)}\n          displayForm\n          showChangeButton={showChangeButton}\n        />\n      )}\n      {displayFileUploadModal && (\n        <div className=\"file-upload-modal-wrapper\">\n          <FileUploadModal\n            onClose={() => setDisplayFileUploadModal(false)}\n            closeModalAndSetValue={closeModalAndSetValue}\n            simpleLayout\n            fileId={fileId}\n            storeKey={file && file.storeKey}\n            getSelectedFiles={() => { }}\n          />\n        </div>\n      )}\n    </>\n  ) : (\n    <div>loading...</div>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  showChangeButton: PropTypes.bool,\n  fileUpdated: PropTypes.object\n};\n\nEditMediaFile.defaultProps = {\n  showChangeButton: false,\n  fileUpdated: null\n};\n\nexport default EditMediaFile;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,EAAEC,eAAe,QAAQ,2BAA2B;AACrE,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,sBAAsB;AAChD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,SAASC,kBAAkB,QAAQ,iBAAiB;AAEpD,MAAMC,aAAa,GAAGA,CAAC;EACrBC,QAAQ;EACRC,sBAAsB;EACtBC,MAAM;EACNC,gBAAgB;EAChBC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGlB,QAAQ,CAAC,IAAI,CAAC;EAClD,MAAM,CAACmB,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM;IAAEqB;EAAS,CAAC,GAAGf,SAAS,CAAC,CAAC;EAEhC,MAAMgB,SAAS,GAAGlB,eAAe,CAAC,YAAY,CAAC,CAACY,UAAU,EAAEH,MAAM,EAAE,IAAI,EAAEJ,kBAAkB,CAAC;EAC7F,MAAM;IACJc,OAAO;IACPC,IAAI,EAAE;MAAEC,UAAU,EAAEC;IAAK,CAAC,GAAG,CAAC,CAAC;IAC/BC,OAAO,EAAEC;EACX,CAAC,GAAGvB,QAAQ,CAACiB,SAAS,EAAE;IACtBO,SAAS,EAAE;MAAEC,EAAE,EAAEjB;IAAO,CAAC;IACzBkB,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG7B,QAAQ,CAAC,iBAAiB,CAAC;EAClD,MAAM;IAAEqB,IAAI,EAAE;MAAES,aAAa,EAAEC,SAAS,GAAG;IAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG7B,QAAQ,CAAC2B,cAAc,EAAE;IAChFH,SAAS,EAAE;MAAEM,cAAc,EAAE;IAAK;EACpC,CAAC,CAAC;EAEFlC,SAAS,CAAC,MAAM;IACd,IAAIyB,IAAI,EAAE;MACRR,aAAa,CAACkB,cAAc,IAAI;QAC9B,IAAI,CAACA,cAAc,IAAIA,cAAc,CAACC,OAAO,KAAKX,IAAI,CAACW,OAAO,EAAE;UAC9D,OAAOX,IAAI;QACb;QACA,OAAOU,cAAc;MACvB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,IAAI,CAAC,CAAC;EAEVzB,SAAS,CAAC,MAAM;IACd,IAAIc,WAAW,IAAIA,WAAW,CAACsB,OAAO,EAAE;MACtCnB,aAAa,CAACH,WAAW,CAAC;IAC5B;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMuB,gBAAgB,GAAGA,CAAC;IAAEC,OAAO;IAAEC,aAAa;IAAEC;EAAc,CAAC,KAAK;IACtE,MAAMC,QAAQ,GAAGzB,UAAU,IAAIS,IAAI;IAEnC,MAAMiB,UAAU,GAAGF,aAAa,CAACG,MAAM,CACrC,CAACC,GAAG,EAAE;MAAEf,EAAE;MAAEgB,KAAK;MAAEC;IAAc,CAAC,KAAK;MACrC,IAAIA,aAAa,EAAE;QACjBF,GAAG,CAACrB,IAAI,CAACM,EAAE,CAAC,GAAGgB,KAAK;MACtB,CAAC,MAAM;QACLD,GAAG,CAACf,EAAE,CAAC,GAAGgB,KAAK;MACjB;MACA,OAAOD,GAAG;IACZ,CAAC,EACD;MAAEf,EAAE,EAAEY,QAAQ,CAACZ,EAAE;MAAEN,IAAI,EAAAwB,aAAA,KAAON,QAAQ,CAAClB,IAAI;IAAG,CAChD,CAAC;IACD,OAAOmB,UAAU,CAACnB,IAAI,CAACyB,UAAU,CAAC,CAAC;;IAEnC,MAAMC,sBAAsB,GAAGV,aAAa,IAAID,OAAO;IACvD3B,sBAAsB,CAACsC,sBAAsB,CAAC;IAE9C,MAAMC,WAAW,GAAAH,aAAA,CAAAA,aAAA,KACZN,QAAQ,GACRC,UAAU,CACd;IAEDzB,aAAa,CAACiC,WAAW,CAAC;IAC1BxC,QAAQ,CAAAqC,aAAA,CAAAA,aAAA,KAAMG,WAAW;MAAEC,QAAQ,EAAET;IAAU,EAAE,CAAC;EACpD,CAAC;EAED,MAAMU,oBAAoB,GAAGC,UAAU,IAAI;IACzC,MAAMC,IAAI,GAAGD,UAAU,IAAI5B,IAAI;IAC/B,IAAIQ,SAAS,IAAIqB,IAAI,EAAE;MACrB,MAAMC,YAAY,GAAGtB,SAAS,CAACuB,GAAG,CAACC,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAED,IAAI,CAACE,IAAI,CAAC,CAAC;MACjE,MAAMC,YAAY,GAAG3B,SAAS,CAAC4B,IAAI,CAACJ,IAAI,IAAIA,IAAI,CAACK,SAAS,CAAC,IAAI,IAAI;MACnE,OAAAf,aAAA,CAAAA,aAAA,KAAYO,IAAI;QAAES,KAAK,EAAE;UAAEH,YAAY;UAAEL;QAAa;MAAC;IACzD;IACA,OAAOD,IAAI;EACb,CAAC;EAED,MAAMU,qBAAqB,GAAG,MAAAA,CAAOC,QAAQ,EAAEC,MAAM,EAAEC,YAAY,KAAK;IACtE,IAAIA,YAAY,EAAE;MAChB/C,QAAQ,CAAC+C,YAAY,EAAE;QAAEC,UAAU,EAAE,SAAS;QAAEC,WAAW,EAAE;MAAK,CAAC,CAAC;IACtE;IAEA,IAAIH,MAAM,EAAE;MACV,MAAM9B,OAAO,GACX8B,MAAM,CAACrC,EAAE,KAAKjB,MAAM,GAChBsD,MAAM,GAAAnB,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAEF/B,UAAU,IAAIS,IAAI,GACnByC,MAAM;QACTI,GAAG,EAAEJ,MAAM,CAACI,GAAG,IAAI,CAACtD,UAAU,IAAIS,IAAI,EAAE6C;MAAG,EAC5C;MACLrD,aAAa,CAACmB,OAAO,CAAC;MACtB1B,QAAQ,CAAC0B,OAAO,CAAC;MACjBzB,sBAAsB,CAAC,IAAI,CAAC;IAC9B,CAAC,MAAM;MACL,MAAM;QAAEY,IAAI,EAAE;UAAEE,IAAI,EAAE8C;QAAc,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,MAAM5C,WAAW,CAAC;QAC/DE,EAAE,EAAEjB,MAAM;QACV4D,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;MACtB,CAAC,CAAC;MACF,IAAIH,aAAa,EAAE;QACjBtD,aAAa,CAACsD,aAAa,CAAC;QAC5B7D,QAAQ,CAAC6D,aAAa,CAAC;QACvB5D,sBAAsB,CAAC,IAAI,CAAC;MAC9B;IACF;IAEAQ,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAC;EAED,IAAIG,OAAO,EAAE,oBAAOxB,KAAA,CAAA6E,aAAA,cAAK,YAAe,CAAC;EAEzC,MAAMC,YAAY,GAAG5D,UAAU,IAAIS,IAAI;EACvC,MAAMoD,iBAAiB,GAAGzB,oBAAoB,CAACwB,YAAY,CAAC;EAE5D,OAAO,CAACtD,OAAO,gBACbxB,KAAA,CAAA6E,aAAA,CAAA7E,KAAA,CAAAgF,QAAA,QACG,CAAC,CAACrD,IAAI,iBACL3B,KAAA,CAAA6E,aAAA,CAACrE,WAAW;IACVmB,IAAI,EAAEoD,iBAAkB;IACxBxC,gBAAgB,EAAEA,gBAAiB;IACnC0C,gBAAgB,EAAEA,CAAA,KAAM5D,yBAAyB,CAAC,IAAI,CAAE;IACxD6D,WAAW;IACXnE,gBAAgB,EAAEA;EAAiB,CACpC,CACF,EACAK,sBAAsB,iBACrBpB,KAAA,CAAA6E,aAAA;IAAKM,SAAS,EAAC;EAA2B,gBACxCnF,KAAA,CAAA6E,aAAA,CAACpE,eAAe;IACd2E,OAAO,EAAEA,CAAA,KAAM/D,yBAAyB,CAAC,KAAK,CAAE;IAChD6C,qBAAqB,EAAEA,qBAAsB;IAC7CmB,YAAY;IACZvE,MAAM,EAAEA,MAAO;IACfwE,QAAQ,EAAE3D,IAAI,IAAIA,IAAI,CAAC2D,QAAS;IAChCC,gBAAgB,EAAEA,CAAA,KAAM,CAAE;EAAE,CAC7B,CACE,CAEP,CAAC,gBAEHvF,KAAA,CAAA6E,aAAA,cAAK,YAAe,CACrB;AACH,CAAC;AAEDlE,aAAa,CAAC6E,SAAS,GAAG;EACxB1E,MAAM,EAAEX,SAAS,CAACsF,MAAM,CAACC,UAAU;EACnC9E,QAAQ,EAAET,SAAS,CAACwF,IAAI,CAACD,UAAU;EACnC7E,sBAAsB,EAAEV,SAAS,CAACwF,IAAI,CAACD,UAAU;EACjD3E,gBAAgB,EAAEZ,SAAS,CAACyF,IAAI;EAChC5E,WAAW,EAAEb,SAAS,CAAC0F;AACzB,CAAC;AAEDlF,aAAa,CAACmF,YAAY,GAAG;EAC3B/E,gBAAgB,EAAE,KAAK;EACvBC,WAAW,EAAE;AACf,CAAC;AAED,eAAeL,aAAa","ignoreList":[]}

package/lib-es/components/EditMediaFile/EditMediaFilePage.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { withRouter } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import Button from '@blaze-react/button';
-import { useApolloClient } from '@apollo/client';
+import { useApolloClient, useQuery } from '@apollo/client';
 import { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';
 import { useToasts } from '@blaze-react/toaster';
 import EditMediaFile from './EditMediaFile';
@@ -16,6 +16,16 @@ const EditMediaFilePage = ({
   const {
     addToast
   } = useToasts();
+  const {
+    data: {
+      getEntitySchemas: [schemaData] = []
+    } = {},
+    loading: schemaLoading
+  } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {
+    variables: {
+      identifier: 'file'
+    }
+  });
   const handleFileChange = values => setFile(values);
   const handleSaveButtonStatus = value => {
     setShouldEnableSaveButton(value);
@@ -29,12 +39,7 @@ const EditMediaFilePage = ({
       return;
     }
     try {
-      const inputData = {
-        id: file.id,
-        name: file.name,
-        data: file.data,
-        storeKey: file.storeKey
-      };
+      const inputData = file.formData;
       const {
         data: {
           updateFile: updatedFile
@@ -79,6 +84,7 @@ const EditMediaFilePage = ({
   };
   const pushBack = () => history.push('/media');
   const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];
+  if (schemaLoading) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "page"
   }, /*#__PURE__*/React.createElement("div", {
@@ -91,7 +97,8 @@ const EditMediaFilePage = ({
     handleSaveButtonStatus: handleSaveButtonStatus,
     handleFormSave: handleFormSave,
     showChangeButton: true,
-    fileUpdated: file
+    fileUpdated: file,
+    schemaData: schemaData
   }), /*#__PURE__*/React.createElement("div", {
     className: "page__content__mediaWrapperActions"
   }, /*#__PURE__*/React.createElement(Button, {

package/lib-es/components/EditMediaFile/EditMediaFilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","appearance","autoDismiss","inputData","id","name","data","storeKey","updateFile","updatedFile","mutate","mutation","variables","input","update","cache","fileUpdated","writeQuery","query","params","fileId","result","e","console","error","pushBack","push","buttonModifiers","createElement","className","onChange","showChangeButton","onClick","modifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    if (!file) {\n      addToast('No file data to update', {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      return;\n    }\n\n    try {\n      const inputData = {\n        id: file.id,\n        name: file.name,\n        data: file.data,\n        storeKey: file.storeKey\n      };\n\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: {\n          input: inputData\n        },\n        update(cache, { data: { updateFile: fileUpdated } }) {\n          try {\n            cache.writeQuery({\n              query: getQuery('GET_FILE_BY_ID'),\n              variables: { id: match.params.fileId },\n              data: { file: fileUpdated.result }\n            });\n          } catch (e) {\n            console.error(e); //eslint-disable-line\n          }\n        }\n      });\n\n      setFile(updatedFile.result);\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n            showChangeButton\n            fileUpdated={file}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Apply\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","useQuery","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","data","getEntitySchemas","schemaData","loading","schemaLoading","variables","identifier","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","appearance","autoDismiss","inputData","formData","updateFile","updatedFile","mutate","mutation","input","update","cache","fileUpdated","writeQuery","query","id","params","fileId","result","e","console","error","name","pushBack","push","buttonModifiers","createElement","className","onChange","showChangeButton","onClick","modifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient, useQuery } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const { data: { getEntitySchemas: [schemaData] = [] } = {}, loading: schemaLoading } = useQuery(\n    getQuery('GET_ENTITY_SCHEMA'),\n    {\n      variables: { identifier: 'file' }\n    }\n  );\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    if (!file) {\n      addToast('No file data to update', {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      return;\n    }\n\n    try {\n      const inputData = file.formData;\n\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: {\n          input: inputData\n        },\n        update(cache, { data: { updateFile: fileUpdated } }) {\n          try {\n            cache.writeQuery({\n              query: getQuery('GET_FILE_BY_ID'),\n              variables: { id: match.params.fileId },\n              data: { file: fileUpdated.result }\n            });\n          } catch (e) {\n            console.error(e); //eslint-disable-line\n          }\n        }\n      });\n\n      setFile(updatedFile.result);\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  if (schemaLoading) return null;\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n            showChangeButton\n            fileUpdated={file}\n            schemaData={schemaData}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Apply\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,eAAe,EAAEC,QAAQ,QAAQ,gBAAgB;AAC1D,SAASC,QAAQ,EAAEC,WAAW,QAAQ,2BAA2B;AACjE,SAASC,SAAS,QAAQ,sBAAsB;AAChD,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAQ,CAAC,KAAK;EAChD,MAAM,CAACC,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAM,CAACe,IAAI,EAAEC,OAAO,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EACtC,MAAMiB,MAAM,GAAGb,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEc;EAAS,CAAC,GAAGV,SAAS,CAAC,CAAC;EAEhC,MAAM;IAAEW,IAAI,EAAE;MAAEC,gBAAgB,EAAE,CAACC,UAAU,CAAC,GAAG;IAAG,CAAC,GAAG,CAAC,CAAC;IAAEC,OAAO,EAAEC;EAAc,CAAC,GAAGlB,QAAQ,CAC7FC,QAAQ,CAAC,mBAAmB,CAAC,EAC7B;IACEkB,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAO;EAClC,CACF,CAAC;EAED,MAAMC,gBAAgB,GAAGC,MAAM,IAAIX,OAAO,CAACW,MAAM,CAAC;EAElD,MAAMC,sBAAsB,GAAGC,KAAK,IAAI;IACtCf,yBAAyB,CAACe,KAAK,CAAC;EAClC,CAAC;EAED,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACf,IAAI,EAAE;MACTG,QAAQ,CAAC,wBAAwB,EAAE;QACjCa,UAAU,EAAE,OAAO;QACnBC,WAAW,EAAE;MACf,CAAC,CAAC;MACF;IACF;IAEA,IAAI;MACF,MAAMC,SAAS,GAAGlB,IAAI,CAACmB,QAAQ;MAE/B,MAAM;QACJf,IAAI,EAAE;UAAEgB,UAAU,EAAEC;QAAY;MAClC,CAAC,GAAG,MAAMnB,MAAM,CAACoB,MAAM,CAAC;QACtBC,QAAQ,EAAE/B,WAAW,CAAC,aAAa,CAAC;QACpCiB,SAAS,EAAE;UACTe,KAAK,EAAEN;QACT,CAAC;QACDO,MAAMA,CAACC,KAAK,EAAE;UAAEtB,IAAI,EAAE;YAAEgB,UAAU,EAAEO;UAAY;QAAE,CAAC,EAAE;UACnD,IAAI;YACFD,KAAK,CAACE,UAAU,CAAC;cACfC,KAAK,EAAEtC,QAAQ,CAAC,gBAAgB,CAAC;cACjCkB,SAAS,EAAE;gBAAEqB,EAAE,EAAElC,KAAK,CAACmC,MAAM,CAACC;cAAO,CAAC;cACtC5B,IAAI,EAAE;gBAAEJ,IAAI,EAAE2B,WAAW,CAACM;cAAO;YACnC,CAAC,CAAC;UACJ,CAAC,CAAC,OAAOC,CAAC,EAAE;YACVC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC,CAAC,CAAC;UACpB;QACF;MACF,CAAC,CAAC;MAEFjC,OAAO,CAACoB,WAAW,CAACY,MAAM,CAAC;MAE3B9B,QAAQ,CAAE,SAAQH,IAAI,CAACqC,IAAK,mBAAkB,EAAE;QAC9CrB,UAAU,EAAE,SAAS;QACrBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOiB,CAAC,EAAE;MACV/B,QAAQ,CAAE,SAAQH,IAAI,CAACqC,IAAK,uBAAsB,EAAE;QAClDrB,UAAU,EAAE,OAAO;QACnBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;IACAlB,yBAAyB,CAAC,KAAK,CAAC;EAClC,CAAC;EAED,MAAMuC,QAAQ,GAAGA,CAAA,KAAMzC,OAAO,CAAC0C,IAAI,CAAC,QAAQ,CAAC;EAE7C,MAAMC,eAAe,GAAG1C,sBAAsB,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC;EAElE,IAAIU,aAAa,EAAE,OAAO,IAAI;EAE9B,oBACExB,KAAA,CAAAyD,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACnB1D,KAAA,CAAAyD,aAAA;IAAKC,SAAS,EAAC;EAAe,gBAC5B1D,KAAA,CAAAyD,aAAA;IAAKC,SAAS,EAAC;EAA6B,gBAC1C1D,KAAA,CAAAyD,aAAA,CAAC/C,aAAa;IACZiD,QAAQ,EAAEhC,gBAAiB;IAC3BqB,MAAM,EAAEpC,KAAK,CAACmC,MAAM,CAACC,MAAO;IAC5BnB,sBAAsB,EAAEA,sBAAuB;IAC/CE,cAAc,EAAEA,cAAe;IAC/B6B,gBAAgB;IAChBjB,WAAW,EAAE3B,IAAK;IAClBM,UAAU,EAAEA;EAAW,CACxB,CAAC,eACFtB,KAAA,CAAAyD,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjD1D,KAAA,CAAAyD,aAAA,CAACrD,MAAM;IAACyD,OAAO,EAAEP;EAAS,GAAC,QAAc,CAAC,eAC1CtD,KAAA,CAAAyD,aAAA,CAACrD,MAAM;IAACyD,OAAO,EAAE9B,cAAe;IAAC+B,SAAS,EAAEN;EAAgB,GAAC,OAErD,CACL,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED7C,iBAAiB,CAACoD,SAAS,GAAG;EAC5BnD,KAAK,EAAET,SAAS,CAAC6D,MAAM,CAACC,UAAU;EAClCpD,OAAO,EAAEV,SAAS,CAAC6D,MAAM,CAACC;AAC5B,CAAC;AAED,eAAe/D,UAAU,CAACS,iBAAiB,CAAC","ignoreList":[]}

package/lib-es/components/FileList/useGetFiles/getFiles.js

@@ -6,7 +6,8 @@ const getFromSearch = async ({
   limit,
   where,
   client,
-  fileStores = []
+  fileStores = [],
+  esFilters = []
 }) => {
   const allTypesMatches = [{
     match: {
@@ -27,7 +28,7 @@ const getFromSearch = async ({
     }
   }];
   const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;
-  const mustMatch = [];
+  const mustMatch = [...esFilters];
   if (searchTerm) {
     mustMatch.push({
       simple_query_string: {
@@ -162,16 +163,18 @@ const getFromSearch = async ({
   };
 };
 const getFiles = ({
+  searchTerm,
   offset,
   limit,
   where,
-  searchTerm,
+  esFilters,
   fileStores
 }, client) => getFromSearch({
   searchTerm,
   offset,
   limit,
   where,
+  esFilters,
   client,
   fileStores
 });

package/lib-es/components/FileList/useGetFiles/getFiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","analyze_wildcard","fields","storeKeys","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({ searchTerm, offset, limit, where, client, fileStores = [] }) => {\n  const allTypesMatches = [\n    {\n      match: { type: 'image' }\n    },\n    {\n      match: { type: 'video' }\n    },\n    {\n      match: { type: 'text' }\n    }\n  ];\n  const matchSpecificType = [\n    {\n      match: { type: where.type }\n    }\n  ];\n  const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n  const mustMatch = [];\n\n  if (searchTerm) {\n    mustMatch.push({\n      simple_query_string: {\n        query: `${searchTerm}*`,\n        analyze_wildcard: true,\n        fields: ['name', 'filename', 'data.altText', 'data.caption', 'data.title', 'data.credits']\n      }\n    });\n  }\n\n  const storeKeys = [];\n  if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n    storeKeys.push(...fileStores.map(({ key }) => key));\n  } else if (where.storeKey) {\n    storeKeys.push(where.storeKey);\n  }\n\n  mustMatch.push({\n    bool: {\n      should: storeKeys.map(storeKey => ({\n        match: { storeKey }\n      })),\n      minimum_should_match: 1\n    }\n  });\n\n  const {\n    data: {\n      files: { results: files },\n      all,\n      image,\n      video,\n      text\n    }\n  } = await client.query({\n    query: getQuery('SEARCH_ADMIN_MEDIA'),\n    fetchPolicy: 'network-only',\n    variables: {\n      offset,\n      limit,\n      sort: searchTerm ? null : 'updated:desc',\n      rawQuery: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: match\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryAllResults: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    },\n                    {\n                      match: { type: 'video' }\n                    },\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryImages: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryVideos: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'video' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryDocs: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      }\n    }\n  });\n\n  return { files, all, image, video, text };\n};\n\nconst getFiles = ({ offset, limit, where, searchTerm, fileStores }, client) =>\n  getFromSearch({ searchTerm, offset, limit, where, client, fileStores });\n\nexport default getFiles;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"getFiles.js","names":["getQuery","ALL","INVALID_STORE_KEY_VALUES","getFromSearch","searchTerm","offset","limit","where","client","fileStores","esFilters","allTypesMatches","match","type","matchSpecificType","mustMatch","push","simple_query_string","query","analyze_wildcard","fields","storeKeys","includes","storeKey","map","key","bool","should","minimum_should_match","data","files","results","all","image","video","text","fetchPolicy","variables","sort","rawQuery","must","rawQueryAllResults","rawQueryImages","rawQueryVideos","rawQueryDocs","getFiles"],"sources":["../../../../src/components/FileList/useGetFiles/getFiles.js"],"sourcesContent":["import { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { ALL, INVALID_STORE_KEY_VALUES } from '../../../constants';\n\nconst getFromSearch = async ({\n  searchTerm,\n  offset,\n  limit,\n  where,\n  client,\n  fileStores = [],\n  esFilters = []\n}) => {\n  const allTypesMatches = [\n    {\n      match: { type: 'image' }\n    },\n    {\n      match: { type: 'video' }\n    },\n    {\n      match: { type: 'text' }\n    }\n  ];\n  const matchSpecificType = [\n    {\n      match: { type: where.type }\n    }\n  ];\n  const match = !where.type || where.type === ALL ? allTypesMatches : matchSpecificType;\n  const mustMatch = [...esFilters];\n\n  if (searchTerm) {\n    mustMatch.push({\n      simple_query_string: {\n        query: `${searchTerm}*`,\n        analyze_wildcard: true,\n        fields: ['name', 'filename', 'data.altText', 'data.caption', 'data.title', 'data.credits']\n      }\n    });\n  }\n\n  const storeKeys = [];\n  if (INVALID_STORE_KEY_VALUES.includes(where.storeKey)) {\n    storeKeys.push(...fileStores.map(({ key }) => key));\n  } else if (where.storeKey) {\n    storeKeys.push(where.storeKey);\n  }\n\n  mustMatch.push({\n    bool: {\n      should: storeKeys.map(storeKey => ({\n        match: { storeKey }\n      })),\n      minimum_should_match: 1\n    }\n  });\n\n  const {\n    data: {\n      files: { results: files },\n      all,\n      image,\n      video,\n      text\n    }\n  } = await client.query({\n    query: getQuery('SEARCH_ADMIN_MEDIA'),\n    fetchPolicy: 'network-only',\n    variables: {\n      offset,\n      limit,\n      sort: searchTerm ? null : 'updated:desc',\n      rawQuery: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: match\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryAllResults: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    },\n                    {\n                      match: { type: 'video' }\n                    },\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryImages: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'image' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryVideos: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'video' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      },\n      rawQueryDocs: {\n        query: {\n          bool: {\n            must: [\n              ...mustMatch,\n              {\n                bool: {\n                  should: [\n                    {\n                      match: { type: 'text' }\n                    }\n                  ]\n                }\n              }\n            ]\n          }\n        }\n      }\n    }\n  });\n\n  return { files, all, image, video, text };\n};\n\nconst getFiles = ({ searchTerm, offset, limit, where, esFilters, fileStores }, client) =>\n  getFromSearch({ searchTerm, offset, limit, where, esFilters, client, fileStores });\n\nexport default getFiles;\n"],"mappings":"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","ignoreList":[]}

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

@@ -37,9 +37,13 @@ function useGetFiles() {
       where,
       sort,
       searchTerm,
-      isSearch
+      isSearch,
+      esFilters
     } = queryParams;
-    const newFilter = JSON.stringify(where);
+    const newFilter = JSON.stringify({
+      where,
+      esFilters
+    });
     const isNewFilterSet = newFilter !== previousFilter;
     const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;
     const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;
@@ -65,6 +69,7 @@ function useGetFiles() {
         sort,
         searchTerm,
         isSearch,
+        esFilters,
         fileStores
       }, client);
       setData({

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

@@ -1 +1 @@
-{"version":3,"file":"useGetFiles.js","names":["useState","useEffect","useContext","useApolloClient","getFiles","MediaContext","useGetFiles","queryParams","setQueryParams","limit","offset","where","sort","property","direction","fileStores","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","data","setData","files","total","isLoading","setIsLoading","client","setParams","newQueryParams","_objectSpread","searchTerm","isSearch","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect, useContext } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\nimport { MediaContext } from '../../../utils/media-context';\n\nfunction useGetFiles() {\n  const [queryParams, setQueryParams] = useState({\n    limit: 20,\n    offset: 0,\n    where: null,\n    sort: [\n      {\n        property: 'updated',\n        direction: 'desc'\n      }\n    ]\n  });\n  const { fileStores } = useContext(MediaContext) || {};\n  const [previousFilter, setPreviousFilter] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const [data, setData] = useState({ files: [], total: 0 });\n  const [isLoading, setIsLoading] = useState(true);\n  const client = useApolloClient();\n\n  const setParams = newQueryParams => {\n    setQueryParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { offset, limit, where, sort, searchTerm, isSearch } = queryParams;\n      const newFilter = JSON.stringify(where);\n      const isNewFilterSet = newFilter !== previousFilter;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n      const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n      const shouldRequest =\n        where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n      async function fetchData() {\n        if (data.files.length) {\n          setData({ files: [] });\n        }\n\n        const { files, total, all, image, video, text } = await getFiles(\n          { offset, limit, where, sort, searchTerm, isSearch, fileStores },\n          client\n        );\n        setData({ files, total, all, image, video, text });\n      }\n\n      if (shouldRequest) {\n        setIsLoading(true);\n        fetchData().then(() => {\n          setIsLoading(false);\n        });\n        setPreviousFilter(newFilter);\n        setPreviousOffset(offset);\n        setPreviousSearchTerm(searchTerm);\n      }\n    },\n    [queryParams, previousOffset, previousFilter] //eslint-disable-line\n  );\n\n  const { files, total, all, image, video, text } = data;\n  return [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading: isLoading,\n      data: { files, total, all, image, video, text }\n    },\n    setParams\n  ];\n}\n\nexport default useGetFiles;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,OAAO;AACvD,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SAASC,WAAWA,CAAA,EAAG;EACrB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGR,QAAQ,CAAC;IAC7CS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,CACJ;MACEC,QAAQ,EAAE,SAAS;MACnBC,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CAAC;EACF,MAAM;IAAEC;EAAW,CAAC,GAAGb,UAAU,CAACG,YAAY,CAAC,IAAI,CAAC,CAAC;EACrD,MAAM,CAACW,cAAc,EAAEC,iBAAiB,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACoB,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGrB,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAM,CAACsB,IAAI,EAAEC,OAAO,CAAC,GAAGvB,QAAQ,CAAC;IAAEwB,KAAK,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EACzD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG3B,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAM4B,MAAM,GAAGzB,eAAe,CAAC,CAAC;EAEhC,MAAM0B,SAAS,GAAGC,cAAc,IAAI;IAClCtB,cAAc,CAAAuB,aAAA,CAAAA,aAAA,KAAMxB,WAAW,GAAKuB,cAAc,CAAE,CAAC;EACvD,CAAC;EAED7B,SAAS,CACP,MAAM;IACJ,MAAM;MAAES,MAAM;MAAED,KAAK;MAAEE,KAAK;MAAEC,IAAI;MAAEoB,UAAU;MAAEC;IAAS,CAAC,GAAG1B,WAAW;IACxE,MAAM2B,SAAS,GAAGC,IAAI,CAACC,SAAS,CAACzB,KAAK,CAAC;IACvC,MAAM0B,cAAc,GAAGH,SAAS,KAAKlB,cAAc;IACnD,MAAMsB,cAAc,GAAGpB,cAAc,KAAK,IAAI,IAAIR,MAAM,KAAKQ,cAAc;IAC3E,MAAMqB,kBAAkB,GAAGP,UAAU,IAAIZ,kBAAkB,KAAKY,UAAU;IAC1E,MAAMQ,aAAa,GAAGR,UAAU,KAAK,IAAI,IAAI,CAACC,QAAQ,IAAIjB,cAAc;IACxE,MAAMyB,aAAa,GACjB9B,KAAK,KAAK2B,cAAc,IAAID,cAAc,IAAIE,kBAAkB,IAAIC,aAAa,CAAC;IACpF,eAAeE,SAASA,CAAA,EAAG;MACzB,IAAIpB,IAAI,CAACE,KAAK,CAACmB,MAAM,EAAE;QACrBpB,OAAO,CAAC;UAAEC,KAAK,EAAE;QAAG,CAAC,CAAC;MACxB;MAEA,MAAM;QAAEA,KAAK;QAAEC,KAAK;QAAEmB,GAAG;QAAEC,KAAK;QAAEC,KAAK;QAAEC;MAAK,CAAC,GAAG,MAAM3C,QAAQ,CAC9D;QAAEM,MAAM;QAAED,KAAK;QAAEE,KAAK;QAAEC,IAAI;QAAEoB,UAAU;QAAEC,QAAQ;QAAElB;MAAW,CAAC,EAChEa,MACF,CAAC;MACDL,OAAO,CAAC;QAAEC,KAAK;QAAEC,KAAK;QAAEmB,GAAG;QAAEC,KAAK;QAAEC,KAAK;QAAEC;MAAK,CAAC,CAAC;IACpD;IAEA,IAAIN,aAAa,EAAE;MACjBd,YAAY,CAAC,IAAI,CAAC;MAClBe,SAAS,CAAC,CAAC,CAACM,IAAI,CAAC,MAAM;QACrBrB,YAAY,CAAC,KAAK,CAAC;MACrB,CAAC,CAAC;MACFV,iBAAiB,CAACiB,SAAS,CAAC;MAC5Bf,iBAAiB,CAACT,MAAM,CAAC;MACzBW,qBAAqB,CAACW,UAAU,CAAC;IACnC;EACF,CAAC,EACD,CAACzB,WAAW,EAAEW,cAAc,EAAEF,cAAc,CAAC,CAAC;EAChD,CAAC;EAED,MAAM;IAAEQ,KAAK;IAAEC,KAAK;IAAEmB,GAAG;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGzB,IAAI;EACtD,OAAO,CACL;IACEf,WAAW;IACXS,cAAc;IACdI,kBAAkB;IAClB6B,OAAO,EAAEvB,SAAS;IAClBJ,IAAI,EAAE;MAAEE,KAAK;MAAEC,KAAK;MAAEmB,GAAG;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAK;EAChD,CAAC,EACDlB,SAAS,CACV;AACH;AAEA,eAAevB,WAAW","ignoreList":[]}
+{"version":3,"file":"useGetFiles.js","names":["useState","useEffect","useContext","useApolloClient","getFiles","MediaContext","useGetFiles","queryParams","setQueryParams","limit","offset","where","sort","property","direction","fileStores","previousFilter","setPreviousFilter","previousOffset","setPreviousOffset","previousSearchTerm","setPreviousSearchTerm","data","setData","files","total","isLoading","setIsLoading","client","setParams","newQueryParams","_objectSpread","searchTerm","isSearch","esFilters","newFilter","JSON","stringify","isNewFilterSet","isNewOffsetSet","isNewSearchTermSet","isResetSearch","shouldRequest","fetchData","length","all","image","video","text","then","loading"],"sources":["../../../../src/components/FileList/useGetFiles/useGetFiles.js"],"sourcesContent":["import { useState, useEffect, useContext } from 'react';\nimport { useApolloClient } from '@apollo/client';\nimport getFiles from './getFiles';\nimport { MediaContext } from '../../../utils/media-context';\n\nfunction useGetFiles() {\n  const [queryParams, setQueryParams] = useState({\n    limit: 20,\n    offset: 0,\n    where: null,\n    sort: [\n      {\n        property: 'updated',\n        direction: 'desc'\n      }\n    ]\n  });\n  const { fileStores } = useContext(MediaContext) || {};\n  const [previousFilter, setPreviousFilter] = useState(null);\n  const [previousOffset, setPreviousOffset] = useState(null);\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const [data, setData] = useState({ files: [], total: 0 });\n  const [isLoading, setIsLoading] = useState(true);\n  const client = useApolloClient();\n\n  const setParams = newQueryParams => {\n    setQueryParams({ ...queryParams, ...newQueryParams });\n  };\n\n  useEffect(\n    () => {\n      const { offset, limit, where, sort, searchTerm, isSearch, esFilters } = queryParams;\n      const newFilter = JSON.stringify({ where, esFilters });\n      const isNewFilterSet = newFilter !== previousFilter;\n      const isNewOffsetSet = previousOffset !== null && offset !== previousOffset;\n      const isNewSearchTermSet = searchTerm && previousSearchTerm !== searchTerm;\n      const isResetSearch = searchTerm === null && !isSearch && previousFilter;\n      const shouldRequest =\n        where && (isNewOffsetSet || isNewFilterSet || isNewSearchTermSet || isResetSearch);\n      async function fetchData() {\n        if (data.files.length) {\n          setData({ files: [] });\n        }\n        const { files, total, all, image, video, text } = await getFiles(\n          { offset, limit, where, sort, searchTerm, isSearch, esFilters, fileStores },\n          client\n        );\n        setData({ files, total, all, image, video, text });\n      }\n\n      if (shouldRequest) {\n        setIsLoading(true);\n        fetchData().then(() => {\n          setIsLoading(false);\n        });\n        setPreviousFilter(newFilter);\n        setPreviousOffset(offset);\n        setPreviousSearchTerm(searchTerm);\n      }\n    },\n    [queryParams, previousOffset, previousFilter] //eslint-disable-line\n  );\n\n  const { files, total, all, image, video, text } = data;\n  return [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading: isLoading,\n      data: { files, total, all, image, video, text }\n    },\n    setParams\n  ];\n}\n\nexport default useGetFiles;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,OAAO;AACvD,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SAASC,WAAWA,CAAA,EAAG;EACrB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGR,QAAQ,CAAC;IAC7CS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,IAAI;IACXC,IAAI,EAAE,CACJ;MACEC,QAAQ,EAAE,SAAS;MACnBC,SAAS,EAAE;IACb,CAAC;EAEL,CAAC,CAAC;EACF,MAAM;IAAEC;EAAW,CAAC,GAAGb,UAAU,CAACG,YAAY,CAAC,IAAI,CAAC,CAAC;EACrD,MAAM,CAACW,cAAc,EAAEC,iBAAiB,CAAC,GAAGjB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,IAAI,CAAC;EAC1D,MAAM,CAACoB,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGrB,QAAQ,CAAC,IAAI,CAAC;EAClE,MAAM,CAACsB,IAAI,EAAEC,OAAO,CAAC,GAAGvB,QAAQ,CAAC;IAAEwB,KAAK,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EACzD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG3B,QAAQ,CAAC,IAAI,CAAC;EAChD,MAAM4B,MAAM,GAAGzB,eAAe,CAAC,CAAC;EAEhC,MAAM0B,SAAS,GAAGC,cAAc,IAAI;IAClCtB,cAAc,CAAAuB,aAAA,CAAAA,aAAA,KAAMxB,WAAW,GAAKuB,cAAc,CAAE,CAAC;EACvD,CAAC;EAED7B,SAAS,CACP,MAAM;IACJ,MAAM;MAAES,MAAM;MAAED,KAAK;MAAEE,KAAK;MAAEC,IAAI;MAAEoB,UAAU;MAAEC,QAAQ;MAAEC;IAAU,CAAC,GAAG3B,WAAW;IACnF,MAAM4B,SAAS,GAAGC,IAAI,CAACC,SAAS,CAAC;MAAE1B,KAAK;MAAEuB;IAAU,CAAC,CAAC;IACtD,MAAMI,cAAc,GAAGH,SAAS,KAAKnB,cAAc;IACnD,MAAMuB,cAAc,GAAGrB,cAAc,KAAK,IAAI,IAAIR,MAAM,KAAKQ,cAAc;IAC3E,MAAMsB,kBAAkB,GAAGR,UAAU,IAAIZ,kBAAkB,KAAKY,UAAU;IAC1E,MAAMS,aAAa,GAAGT,UAAU,KAAK,IAAI,IAAI,CAACC,QAAQ,IAAIjB,cAAc;IACxE,MAAM0B,aAAa,GACjB/B,KAAK,KAAK4B,cAAc,IAAID,cAAc,IAAIE,kBAAkB,IAAIC,aAAa,CAAC;IACpF,eAAeE,SAASA,CAAA,EAAG;MACzB,IAAIrB,IAAI,CAACE,KAAK,CAACoB,MAAM,EAAE;QACrBrB,OAAO,CAAC;UAAEC,KAAK,EAAE;QAAG,CAAC,CAAC;MACxB;MACA,MAAM;QAAEA,KAAK;QAAEC,KAAK;QAAEoB,GAAG;QAAEC,KAAK;QAAEC,KAAK;QAAEC;MAAK,CAAC,GAAG,MAAM5C,QAAQ,CAC9D;QAAEM,MAAM;QAAED,KAAK;QAAEE,KAAK;QAAEC,IAAI;QAAEoB,UAAU;QAAEC,QAAQ;QAAEC,SAAS;QAAEnB;MAAW,CAAC,EAC3Ea,MACF,CAAC;MACDL,OAAO,CAAC;QAAEC,KAAK;QAAEC,KAAK;QAAEoB,GAAG;QAAEC,KAAK;QAAEC,KAAK;QAAEC;MAAK,CAAC,CAAC;IACpD;IAEA,IAAIN,aAAa,EAAE;MACjBf,YAAY,CAAC,IAAI,CAAC;MAClBgB,SAAS,CAAC,CAAC,CAACM,IAAI,CAAC,MAAM;QACrBtB,YAAY,CAAC,KAAK,CAAC;MACrB,CAAC,CAAC;MACFV,iBAAiB,CAACkB,SAAS,CAAC;MAC5BhB,iBAAiB,CAACT,MAAM,CAAC;MACzBW,qBAAqB,CAACW,UAAU,CAAC;IACnC;EACF,CAAC,EACD,CAACzB,WAAW,EAAEW,cAAc,EAAEF,cAAc,CAAC,CAAC;EAChD,CAAC;EAED,MAAM;IAAEQ,KAAK;IAAEC,KAAK;IAAEoB,GAAG;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAG1B,IAAI;EACtD,OAAO,CACL;IACEf,WAAW;IACXS,cAAc;IACdI,kBAAkB;IAClB8B,OAAO,EAAExB,SAAS;IAClBJ,IAAI,EAAE;MAAEE,KAAK;MAAEC,KAAK;MAAEoB,GAAG;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAK;EAChD,CAAC,EACDnB,SAAS,CACV;AACH;AAEA,eAAevB,WAAW","ignoreList":[]}

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

@@ -139,7 +139,10 @@ function useGetFilesList() {
   const setQueryParams = params => {
     const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;
     const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;
-    const newFilter = JSON.stringify(params.where);
+    const newFilter = JSON.stringify({
+      where: params.where,
+      esFilters: params.esFilters
+    });
     const isNewFilter = newFilter !== previousFilter;
     const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;
     shouldClearList ? clearList(params) : setParams(params);

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

@@ -1 +1 @@
-{"version":3,"file":"useGetFilesList.js","names":["useState","useEffect","differenceWith","isEqual","useGetFiles","useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","files","results","all","image","video","text","setParams","currentResults","setCurrentResults","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","total","isContentDifferent","length","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","isSearch","_objectSpread","updatedCounters","updateFile","file","addNewFile","newFiles","_image","_video","_text","reduce","acc","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","newFilter","JSON","stringify","where","isNewFilter","shouldClearList","parsedQueryParams","formatCounterNumber","images","videos","documents","n"],"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport useGetFiles from '../useGetFiles';\n\nfunction useGetFilesList() {\n  const [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading,\n      data: { files: results, all, image, video, text }\n    },\n    setParams\n  ] = useGetFiles();\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n  const [currentFilter, setCurrentFilter] = useState(null);\n  const [allFilesCounter, setAllFilesCounter] = useState({ all: 0, text: 0, image: 0, video: 0 });\n  const [counters, setCounters] = useState(null);\n\n  useEffect(() => {\n    if (all && image && video && text) {\n      setCounters({\n        all: all.total,\n        image: image.total,\n        video: video.total,\n        text: text.total\n      });\n    }\n  }, [all, image, video, text]);\n\n  useEffect(\n    () => {\n      if (!currentFilter && previousFilter) {\n        setCurrentFilter(previousFilter);\n      }\n\n      if (currentFilter !== previousFilter) {\n        setAllResults([]);\n        setCurrentResults([]);\n        return;\n      }\n\n      const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n      if (isContentDifferent) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n\n      const shouldSetContentIfListIsVoid =\n        !isContentDifferent && !allResults.length && results.length;\n\n      if (shouldSetContentIfListIsVoid) {\n        setAllResults(results);\n        setCurrentResults(results);\n      }\n    },\n    [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n  );\n\n  const removeFile = ({ index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate.splice(index, 1);\n    const currentFileType = resultsToUpdate[index].type;\n    const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n    const updateAllFilesCounter = allFilesCounter.all - 1;\n    if (queryParams.isSearch) {\n      setCounters({\n        ...counters,\n        [currentFileType]: counters[currentFileType] - 1,\n        all: counters.all - 1\n      });\n      setAllFilesCounter({\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      });\n    }\n\n    if (!queryParams.isSearch) {\n      const updatedCounters = {\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      };\n\n      setCounters(updatedCounters);\n      setAllFilesCounter(updatedCounters);\n    }\n    setAllResults(resultsToUpdate);\n  };\n\n  const updateFile = ({ file, index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate[index] = file;\n    setAllResults(resultsToUpdate);\n  };\n\n  const addNewFile = newFiles => {\n    const {\n      image: _image,\n      video: _video,\n      text: _text\n    } = newFiles.reduce(\n      (acc, { type }) => {\n        acc[type] += 1;\n        return acc;\n      },\n      { image: 0, video: 0, text: 0 }\n    );\n\n    if (queryParams.isSearch) {\n      setAllResults([]);\n      setParams({ queryParams, isSearch: false, searchTerm: null });\n    }\n\n    const updatedCounters = {\n      all: allFilesCounter.all + _image + _video + _text,\n      image: allFilesCounter.image + _image,\n      video: allFilesCounter.video + _video,\n      text: allFilesCounter.text + _text\n    };\n\n    setCounters(updatedCounters);\n    setAllFilesCounter(updatedCounters);\n    setAllResults([...newFiles, ...allResults]);\n  };\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n    setCounters(allFilesCounter);\n  };\n\n  const setQueryParams = params => {\n    const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n    const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n    const newFilter = JSON.stringify(params.where);\n    const isNewFilter = newFilter !== previousFilter;\n    const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n    shouldClearList ? clearList(params) : setParams(params);\n    setCurrentFilter(newFilter);\n  };\n\n  const parsedQueryParams = {\n    ...queryParams,\n    where: { ...queryParams.where }\n  };\n\n  if (parsedQueryParams.where.type === 'all') delete parsedQueryParams.where.type;\n\n  return [\n    {\n      queryParams: parsedQueryParams,\n      loading,\n      data: {\n        files: allResults,\n        all: counters ? formatCounterNumber(counters.all) : 0,\n        images: counters ? formatCounterNumber(counters.image) : 0,\n        videos: counters ? formatCounterNumber(counters.video) : 0,\n        documents: counters ? formatCounterNumber(counters.text) : 0\n      }\n    },\n    { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n  ];\n}\n\nconst formatCounterNumber = n => (n === 10000 ? '10000+' : n);\n\nexport default useGetFilesList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useGetFilesList.js","names":["useState","useEffect","differenceWith","isEqual","useGetFiles","useGetFilesList","queryParams","previousFilter","previousSearchTerm","loading","data","files","results","all","image","video","text","setParams","currentResults","setCurrentResults","allResults","setAllResults","currentFilter","setCurrentFilter","allFilesCounter","setAllFilesCounter","counters","setCounters","total","isContentDifferent","length","shouldSetContentIfListIsVoid","removeFile","index","resultsToUpdate","splice","currentFileType","type","updatedFileTypeCounterValue","updateAllFilesCounter","isSearch","_objectSpread","updatedCounters","updateFile","file","addNewFile","newFiles","_image","_video","_text","reduce","acc","searchTerm","clearList","params","offset","setQueryParams","isNewSearchTerm","hasDeletedSearchTerm","newFilter","JSON","stringify","where","esFilters","isNewFilter","shouldClearList","parsedQueryParams","formatCounterNumber","images","videos","documents","n"],"sources":["../../../../src/components/FileList/useGetFilesList/useGetFilesList.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport differenceWith from 'lodash.differencewith';\nimport isEqual from 'lodash.isequal';\nimport useGetFiles from '../useGetFiles';\n\nfunction useGetFilesList() {\n  const [\n    {\n      queryParams,\n      previousFilter,\n      previousSearchTerm,\n      loading,\n      data: { files: results, all, image, video, text }\n    },\n    setParams\n  ] = useGetFiles();\n  const [currentResults, setCurrentResults] = useState([]);\n  const [allResults, setAllResults] = useState([]);\n  const [currentFilter, setCurrentFilter] = useState(null);\n  const [allFilesCounter, setAllFilesCounter] = useState({ all: 0, text: 0, image: 0, video: 0 });\n  const [counters, setCounters] = useState(null);\n\n  useEffect(() => {\n    if (all && image && video && text) {\n      setCounters({\n        all: all.total,\n        image: image.total,\n        video: video.total,\n        text: text.total\n      });\n    }\n  }, [all, image, video, text]);\n\n  useEffect(\n    () => {\n      if (!currentFilter && previousFilter) {\n        setCurrentFilter(previousFilter);\n      }\n\n      if (currentFilter !== previousFilter) {\n        setAllResults([]);\n        setCurrentResults([]);\n        return;\n      }\n\n      const isContentDifferent = !!differenceWith(results, currentResults, isEqual).length;\n      if (isContentDifferent) {\n        setAllResults([...allResults, ...results]);\n        setCurrentResults(results);\n      }\n\n      const shouldSetContentIfListIsVoid =\n        !isContentDifferent && !allResults.length && results.length;\n\n      if (shouldSetContentIfListIsVoid) {\n        setAllResults(results);\n        setCurrentResults(results);\n      }\n    },\n    [currentFilter, currentResults, currentResults.length, previousFilter, results] //eslint-disable-line\n  );\n\n  const removeFile = ({ index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate.splice(index, 1);\n    const currentFileType = resultsToUpdate[index].type;\n    const updatedFileTypeCounterValue = allFilesCounter[currentFileType] - 1;\n    const updateAllFilesCounter = allFilesCounter.all - 1;\n    if (queryParams.isSearch) {\n      setCounters({\n        ...counters,\n        [currentFileType]: counters[currentFileType] - 1,\n        all: counters.all - 1\n      });\n      setAllFilesCounter({\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      });\n    }\n\n    if (!queryParams.isSearch) {\n      const updatedCounters = {\n        ...allFilesCounter,\n        [currentFileType]: updatedFileTypeCounterValue,\n        all: updateAllFilesCounter\n      };\n\n      setCounters(updatedCounters);\n      setAllFilesCounter(updatedCounters);\n    }\n    setAllResults(resultsToUpdate);\n  };\n\n  const updateFile = ({ file, index }) => {\n    const resultsToUpdate = [...allResults];\n    resultsToUpdate[index] = file;\n    setAllResults(resultsToUpdate);\n  };\n\n  const addNewFile = newFiles => {\n    const {\n      image: _image,\n      video: _video,\n      text: _text\n    } = newFiles.reduce(\n      (acc, { type }) => {\n        acc[type] += 1;\n        return acc;\n      },\n      { image: 0, video: 0, text: 0 }\n    );\n\n    if (queryParams.isSearch) {\n      setAllResults([]);\n      setParams({ queryParams, isSearch: false, searchTerm: null });\n    }\n\n    const updatedCounters = {\n      all: allFilesCounter.all + _image + _video + _text,\n      image: allFilesCounter.image + _image,\n      video: allFilesCounter.video + _video,\n      text: allFilesCounter.text + _text\n    };\n\n    setCounters(updatedCounters);\n    setAllFilesCounter(updatedCounters);\n    setAllResults([...newFiles, ...allResults]);\n  };\n\n  const clearList = params => {\n    setAllResults([]);\n    setParams({ ...params, offset: 0 });\n    setCounters(allFilesCounter);\n  };\n\n  const setQueryParams = params => {\n    const isNewSearchTerm = params.isSearch && previousSearchTerm !== params.searchTerm;\n    const hasDeletedSearchTerm = previousSearchTerm && params.searchTerm === null;\n    const newFilter = JSON.stringify({ where: params.where, esFilters: params.esFilters });\n    const isNewFilter = newFilter !== previousFilter;\n\n    const shouldClearList = hasDeletedSearchTerm || isNewFilter || isNewSearchTerm;\n    shouldClearList ? clearList(params) : setParams(params);\n    setCurrentFilter(newFilter);\n  };\n\n  const parsedQueryParams = {\n    ...queryParams,\n    where: { ...queryParams.where }\n  };\n\n  if (parsedQueryParams.where.type === 'all') delete parsedQueryParams.where.type;\n\n  return [\n    {\n      queryParams: parsedQueryParams,\n      loading,\n      data: {\n        files: allResults,\n        all: counters ? formatCounterNumber(counters.all) : 0,\n        images: counters ? formatCounterNumber(counters.image) : 0,\n        videos: counters ? formatCounterNumber(counters.video) : 0,\n        documents: counters ? formatCounterNumber(counters.text) : 0\n      }\n    },\n    { setQueryParams, clearList, removeFile, addNewFile, updateFile }\n  ];\n}\n\nconst formatCounterNumber = n => (n === 10000 ? '10000+' : n);\n\nexport default useGetFilesList;\n"],"mappings":";;;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,OAAOC,cAAc,MAAM,uBAAuB;AAClD,OAAOC,OAAO,MAAM,gBAAgB;AACpC,OAAOC,WAAW,MAAM,gBAAgB;AAExC,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAM,CACJ;IACEC,WAAW;IACXC,cAAc;IACdC,kBAAkB;IAClBC,OAAO;IACPC,IAAI,EAAE;MAAEC,KAAK,EAAEC,OAAO;MAAEC,GAAG;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAK;EAClD,CAAC,EACDC,SAAS,CACV,GAAGb,WAAW,CAAC,CAAC;EACjB,MAAM,CAACc,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,EAAE,CAAC;EACxD,MAAM,CAACoB,UAAU,EAAEC,aAAa,CAAC,GAAGrB,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM,CAACsB,aAAa,EAAEC,gBAAgB,CAAC,GAAGvB,QAAQ,CAAC,IAAI,CAAC;EACxD,MAAM,CAACwB,eAAe,EAAEC,kBAAkB,CAAC,GAAGzB,QAAQ,CAAC;IAAEa,GAAG,EAAE,CAAC;IAAEG,IAAI,EAAE,CAAC;IAAEF,KAAK,EAAE,CAAC;IAAEC,KAAK,EAAE;EAAE,CAAC,CAAC;EAC/F,MAAM,CAACW,QAAQ,EAAEC,WAAW,CAAC,GAAG3B,QAAQ,CAAC,IAAI,CAAC;EAE9CC,SAAS,CAAC,MAAM;IACd,IAAIY,GAAG,IAAIC,KAAK,IAAIC,KAAK,IAAIC,IAAI,EAAE;MACjCW,WAAW,CAAC;QACVd,GAAG,EAAEA,GAAG,CAACe,KAAK;QACdd,KAAK,EAAEA,KAAK,CAACc,KAAK;QAClBb,KAAK,EAAEA,KAAK,CAACa,KAAK;QAClBZ,IAAI,EAAEA,IAAI,CAACY;MACb,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACf,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,CAAC,CAAC;EAE7Bf,SAAS,CACP,MAAM;IACJ,IAAI,CAACqB,aAAa,IAAIf,cAAc,EAAE;MACpCgB,gBAAgB,CAAChB,cAAc,CAAC;IAClC;IAEA,IAAIe,aAAa,KAAKf,cAAc,EAAE;MACpCc,aAAa,CAAC,EAAE,CAAC;MACjBF,iBAAiB,CAAC,EAAE,CAAC;MACrB;IACF;IAEA,MAAMU,kBAAkB,GAAG,CAAC,CAAC3B,cAAc,CAACU,OAAO,EAAEM,cAAc,EAAEf,OAAO,CAAC,CAAC2B,MAAM;IACpF,IAAID,kBAAkB,EAAE;MACtBR,aAAa,CAAC,CAAC,GAAGD,UAAU,EAAE,GAAGR,OAAO,CAAC,CAAC;MAC1CO,iBAAiB,CAACP,OAAO,CAAC;IAC5B;IAEA,MAAMmB,4BAA4B,GAChC,CAACF,kBAAkB,IAAI,CAACT,UAAU,CAACU,MAAM,IAAIlB,OAAO,CAACkB,MAAM;IAE7D,IAAIC,4BAA4B,EAAE;MAChCV,aAAa,CAACT,OAAO,CAAC;MACtBO,iBAAiB,CAACP,OAAO,CAAC;IAC5B;EACF,CAAC,EACD,CAACU,aAAa,EAAEJ,cAAc,EAAEA,cAAc,CAACY,MAAM,EAAEvB,cAAc,EAAEK,OAAO,CAAC,CAAC;EAClF,CAAC;EAED,MAAMoB,UAAU,GAAGA,CAAC;IAAEC;EAAM,CAAC,KAAK;IAChC,MAAMC,eAAe,GAAG,CAAC,GAAGd,UAAU,CAAC;IACvCc,eAAe,CAACC,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;IAChC,MAAMG,eAAe,GAAGF,eAAe,CAACD,KAAK,CAAC,CAACI,IAAI;IACnD,MAAMC,2BAA2B,GAAGd,eAAe,CAACY,eAAe,CAAC,GAAG,CAAC;IACxE,MAAMG,qBAAqB,GAAGf,eAAe,CAACX,GAAG,GAAG,CAAC;IACrD,IAAIP,WAAW,CAACkC,QAAQ,EAAE;MACxBb,WAAW,CAAAc,aAAA,CAAAA,aAAA,KACNf,QAAQ;QACX,CAACU,eAAe,GAAGV,QAAQ,CAACU,eAAe,CAAC,GAAG,CAAC;QAChDvB,GAAG,EAAEa,QAAQ,CAACb,GAAG,GAAG;MAAC,EACtB,CAAC;MACFY,kBAAkB,CAAAgB,aAAA,CAAAA,aAAA,KACbjB,eAAe;QAClB,CAACY,eAAe,GAAGE,2BAA2B;QAC9CzB,GAAG,EAAE0B;MAAqB,EAC3B,CAAC;IACJ;IAEA,IAAI,CAACjC,WAAW,CAACkC,QAAQ,EAAE;MACzB,MAAME,eAAe,GAAAD,aAAA,CAAAA,aAAA,KAChBjB,eAAe;QAClB,CAACY,eAAe,GAAGE,2BAA2B;QAC9CzB,GAAG,EAAE0B;MAAqB,EAC3B;MAEDZ,WAAW,CAACe,eAAe,CAAC;MAC5BjB,kBAAkB,CAACiB,eAAe,CAAC;IACrC;IACArB,aAAa,CAACa,eAAe,CAAC;EAChC,CAAC;EAED,MAAMS,UAAU,GAAGA,CAAC;IAAEC,IAAI;IAAEX;EAAM,CAAC,KAAK;IACtC,MAAMC,eAAe,GAAG,CAAC,GAAGd,UAAU,CAAC;IACvCc,eAAe,CAACD,KAAK,CAAC,GAAGW,IAAI;IAC7BvB,aAAa,CAACa,eAAe,CAAC;EAChC,CAAC;EAED,MAAMW,UAAU,GAAGC,QAAQ,IAAI;IAC7B,MAAM;MACJhC,KAAK,EAAEiC,MAAM;MACbhC,KAAK,EAAEiC,MAAM;MACbhC,IAAI,EAAEiC;IACR,CAAC,GAAGH,QAAQ,CAACI,MAAM,CACjB,CAACC,GAAG,EAAE;MAAEd;IAAK,CAAC,KAAK;MACjBc,GAAG,CAACd,IAAI,CAAC,IAAI,CAAC;MACd,OAAOc,GAAG;IACZ,CAAC,EACD;MAAErC,KAAK,EAAE,CAAC;MAAEC,KAAK,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAE,CAChC,CAAC;IAED,IAAIV,WAAW,CAACkC,QAAQ,EAAE;MACxBnB,aAAa,CAAC,EAAE,CAAC;MACjBJ,SAAS,CAAC;QAAEX,WAAW;QAAEkC,QAAQ,EAAE,KAAK;QAAEY,UAAU,EAAE;MAAK,CAAC,CAAC;IAC/D;IAEA,MAAMV,eAAe,GAAG;MACtB7B,GAAG,EAAEW,eAAe,CAACX,GAAG,GAAGkC,MAAM,GAAGC,MAAM,GAAGC,KAAK;MAClDnC,KAAK,EAAEU,eAAe,CAACV,KAAK,GAAGiC,MAAM;MACrChC,KAAK,EAAES,eAAe,CAACT,KAAK,GAAGiC,MAAM;MACrChC,IAAI,EAAEQ,eAAe,CAACR,IAAI,GAAGiC;IAC/B,CAAC;IAEDtB,WAAW,CAACe,eAAe,CAAC;IAC5BjB,kBAAkB,CAACiB,eAAe,CAAC;IACnCrB,aAAa,CAAC,CAAC,GAAGyB,QAAQ,EAAE,GAAG1B,UAAU,CAAC,CAAC;EAC7C,CAAC;EAED,MAAMiC,SAAS,GAAGC,MAAM,IAAI;IAC1BjC,aAAa,CAAC,EAAE,CAAC;IACjBJ,SAAS,CAAAwB,aAAA,CAAAA,aAAA,KAAMa,MAAM;MAAEC,MAAM,EAAE;IAAC,EAAE,CAAC;IACnC5B,WAAW,CAACH,eAAe,CAAC;EAC9B,CAAC;EAED,MAAMgC,cAAc,GAAGF,MAAM,IAAI;IAC/B,MAAMG,eAAe,GAAGH,MAAM,CAACd,QAAQ,IAAIhC,kBAAkB,KAAK8C,MAAM,CAACF,UAAU;IACnF,MAAMM,oBAAoB,GAAGlD,kBAAkB,IAAI8C,MAAM,CAACF,UAAU,KAAK,IAAI;IAC7E,MAAMO,SAAS,GAAGC,IAAI,CAACC,SAAS,CAAC;MAAEC,KAAK,EAAER,MAAM,CAACQ,KAAK;MAAEC,SAAS,EAAET,MAAM,CAACS;IAAU,CAAC,CAAC;IACtF,MAAMC,WAAW,GAAGL,SAAS,KAAKpD,cAAc;IAEhD,MAAM0D,eAAe,GAAGP,oBAAoB,IAAIM,WAAW,IAAIP,eAAe;IAC9EQ,eAAe,GAAGZ,SAAS,CAACC,MAAM,CAAC,GAAGrC,SAAS,CAACqC,MAAM,CAAC;IACvD/B,gBAAgB,CAACoC,SAAS,CAAC;EAC7B,CAAC;EAED,MAAMO,iBAAiB,GAAAzB,aAAA,CAAAA,aAAA,KAClBnC,WAAW;IACdwD,KAAK,EAAArB,aAAA,KAAOnC,WAAW,CAACwD,KAAK;EAAE,EAChC;EAED,IAAII,iBAAiB,CAACJ,KAAK,CAACzB,IAAI,KAAK,KAAK,EAAE,OAAO6B,iBAAiB,CAACJ,KAAK,CAACzB,IAAI;EAE/E,OAAO,CACL;IACE/B,WAAW,EAAE4D,iBAAiB;IAC9BzD,OAAO;IACPC,IAAI,EAAE;MACJC,KAAK,EAAES,UAAU;MACjBP,GAAG,EAAEa,QAAQ,GAAGyC,mBAAmB,CAACzC,QAAQ,CAACb,GAAG,CAAC,GAAG,CAAC;MACrDuD,MAAM,EAAE1C,QAAQ,GAAGyC,mBAAmB,CAACzC,QAAQ,CAACZ,KAAK,CAAC,GAAG,CAAC;MAC1DuD,MAAM,EAAE3C,QAAQ,GAAGyC,mBAAmB,CAACzC,QAAQ,CAACX,KAAK,CAAC,GAAG,CAAC;MAC1DuD,SAAS,EAAE5C,QAAQ,GAAGyC,mBAAmB,CAACzC,QAAQ,CAACV,IAAI,CAAC,GAAG;IAC7D;EACF,CAAC,EACD;IAAEwC,cAAc;IAAEH,SAAS;IAAErB,UAAU;IAAEa,UAAU;IAAEF;EAAW,CAAC,CAClE;AACH;AAEA,MAAMwB,mBAAmB,GAAGI,CAAC,IAAKA,CAAC,KAAK,KAAK,GAAG,QAAQ,GAAGA,CAAE;AAE7D,eAAelE,eAAe","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","createElement","className","id","onClick","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <div className=\"FilePreviewItem__info__actions\">\n      <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n        <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n        <span>{extension}</span>\n      </div>\n      <div>\n        {handleEditModal && (\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n        )}\n        {onUnselectFile && (\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACEV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAgC,gBAC7CZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAA2E,gBACxFZ,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAmD,GAAC,cAAe,CAAC,EAAC,GAAG,eACrFZ,KAAA,CAAAW,aAAA,eAAOH,SAAgB,CACpB,CAAC,eACNR,KAAA,CAAAW,aAAA,cACGL,eAAe,iBACdN,KAAA,CAAAW,aAAA;IACE,eAAa,sBAAsBN,IAAI,CAACQ,EAAE,EAAG;IAC7CD,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMR,eAAe,CAACD,IAAI;EAAE,gBACrCL,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAkB,CAAE,CAC9B,CACN,EACAL,cAAc,iBACbP,KAAA,CAAAW,aAAA;IACE,eAAa,YAAYN,IAAI,CAACQ,EAAE,EAAG;IACnCD,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMP,cAAc,CAAC,CAACF,IAAI,CAACQ,EAAE,CAAC;EAAE,gBACzCb,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAoB,CAAE,CAChC,CAEJ,CACF,CAAC;AAEV,CAAC;AAEDR,OAAO,CAACW,SAAS,GAAG;EAClBV,IAAI,EAAEH,SAAS,CAACc,MAAM,CAACC;AACzB,CAAC;AAED,eAAeb,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","createElement","className","id","onClick","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <div className=\"FilePreviewItem__info__actions\">\n      <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n        <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n        <span>{extension}</span>\n      </div>\n      <div>\n        {handleEditModal && (\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n        )}\n        {onUnselectFile && (\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACEV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAgC,gBAC7CZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAA2E,gBACxFZ,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAmD,GAAC,cAAe,CAAC,EAAC,GAAG,eACrFZ,KAAA,CAAAW,aAAA,eAAOH,SAAgB,CACpB,CAAC,eACNR,KAAA,CAAAW,aAAA,cACGL,eAAe,iBACdN,KAAA,CAAAW,aAAA;IACE,eAAc,sBAAqBN,IAAI,CAACQ,EAAG,EAAE;IAC7CD,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMR,eAAe,CAACD,IAAI;EAAE,gBACrCL,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAkB,CAAE,CAC9B,CACN,EACAL,cAAc,iBACbP,KAAA,CAAAW,aAAA;IACE,eAAc,YAAWN,IAAI,CAACQ,EAAG,EAAE;IACnCD,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClBE,OAAO,EAAEA,CAAA,KAAMP,cAAc,CAAC,CAACF,IAAI,CAACQ,EAAE,CAAC;EAAE,gBACzCb,KAAA,CAAAW,aAAA;IAAGC,SAAS,EAAC;EAAoB,CAAE,CAChC,CAEJ,CACF,CAAC;AAEV,CAAC;AAEDR,OAAO,CAACW,SAAS,GAAG;EAClBV,IAAI,EAAEH,SAAS,CAACc,MAAM,CAACC;AACzB,CAAC;AAED,eAAeb,OAAO","ignoreList":[]}

package/lib-es/components/FilePreview/Image/imageSchema.js

@@ -23,19 +23,22 @@ const imageSchema = {
         showInForm: true,
         label: 'Alt text',
         formFieldType: 'text',
-        formPriority: 3.0
+        formPriority: 3.0,
+        isDataPropery: true
       },
       caption: {
         type: 'string',
         showInForm: true,
         formFieldType: 'text',
-        formPriority: 4.0
+        formPriority: 4.0,
+        isDataPropery: true
       },
       credits: {
         type: 'string',
         showInForm: true,
         formFieldType: 'text',
-        formPriority: 5.0
+        formPriority: 5.0,
+        isDataPropery: true
       },
       hrefUrl: {
         type: 'string',
@@ -43,7 +46,8 @@ const imageSchema = {
         label: 'Image hyperlink',
         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/Image/imageSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageSchema.js","names":["imageSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","storeKey","description","options","altText","caption","credits","hrefUrl","format","required"],"sources":["../../../../src/components/FilePreview/Image/imageSchema.js"],"sourcesContent":["const imageSchema = {\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      storeKey: {\n        type: 'string',\n        showInForm: true,\n        label: 'Store type',\n        formFieldType: 'select',\n        formPriority: 2.0,\n        description: 'Please select store type',\n        options: []\n      },\n      altText: {\n        type: 'string',\n        showInForm: true,\n        label: 'Alt text',\n        formFieldType: 'text',\n        formPriority: 3.0\n      },\n      caption: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 4.0\n      },\n      credits: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 5.0\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'Image hyperlink',\n        showInForm: true,\n        formFieldType: 'text',\n        description: 'Url format is not valid'\n      }\n    },\n    required: ['name']\n  }\n};\n\nexport { imageSchema };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG;EAClBC,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,QAAQ,EAAE;QACRL,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,YAAY;QACnBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE,GAAG;QACjBE,WAAW,EAAE,0BAA0B;QACvCC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPR,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,UAAU;QACjBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDK,OAAO,EAAE;QACPT,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDM,OAAO,EAAE;QACPV,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE;MAChB,CAAC;MACDO,OAAO,EAAE;QACPX,IAAI,EAAE,QAAQ;QACdY,MAAM,EAAE,cAAc;QACtBV,KAAK,EAAE,iBAAiB;QACxBD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBG,WAAW,EAAE;MACf;IACF,CAAC;IACDO,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASlB,WAAW","ignoreList":[]}
+{"version":3,"file":"imageSchema.js","names":["imageSchema","settings","formSchema","properties","name","type","showInForm","label","formFieldType","formPriority","storeKey","description","options","altText","isDataPropery","caption","credits","hrefUrl","format","required"],"sources":["../../../../src/components/FilePreview/Image/imageSchema.js"],"sourcesContent":["const imageSchema = {\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      storeKey: {\n        type: 'string',\n        showInForm: true,\n        label: 'Store type',\n        formFieldType: 'select',\n        formPriority: 2.0,\n        description: 'Please select store type',\n        options: []\n      },\n      altText: {\n        type: 'string',\n        showInForm: true,\n        label: 'Alt text',\n        formFieldType: 'text',\n        formPriority: 3.0,\n        isDataPropery: true\n      },\n      caption: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 4.0,\n        isDataPropery: true\n      },\n      credits: {\n        type: 'string',\n        showInForm: true,\n        formFieldType: 'text',\n        formPriority: 5.0,\n        isDataPropery: true\n      },\n      hrefUrl: {\n        type: 'string',\n        format: 'uri-template',\n        label: 'Image hyperlink',\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 { imageSchema };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG;EAClBC,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,QAAQ,EAAE;QACRL,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,YAAY;QACnBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE,GAAG;QACjBE,WAAW,EAAE,0BAA0B;QACvCC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPR,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBC,KAAK,EAAE,UAAU;QACjBC,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE,GAAG;QACjBK,aAAa,EAAE;MACjB,CAAC;MACDC,OAAO,EAAE;QACPV,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE,GAAG;QACjBK,aAAa,EAAE;MACjB,CAAC;MACDE,OAAO,EAAE;QACPX,IAAI,EAAE,QAAQ;QACdC,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBC,YAAY,EAAE,GAAG;QACjBK,aAAa,EAAE;MACjB,CAAC;MACDG,OAAO,EAAE;QACPZ,IAAI,EAAE,QAAQ;QACda,MAAM,EAAE,cAAc;QACtBX,KAAK,EAAE,iBAAiB;QACxBD,UAAU,EAAE,IAAI;QAChBE,aAAa,EAAE,MAAM;QACrBG,WAAW,EAAE,yBAAyB;QACtCG,aAAa,EAAE;MACjB;IACF,CAAC;IACDK,QAAQ,EAAE,CAAC,MAAM;EACnB;AACF,CAAC;AAED,SAASnB,WAAW","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":[]}
+{"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,EAAG,OAAMP,GAAI;AAAE,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":[]}