@blaze-cms/plugin-media-ui 0.146.0-alpha.2 → 0.146.0-alpha.22

package/CHANGELOG.md

@@ -3,6 +3,59 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.146.0-alpha.22](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.21...v0.146.0-alpha.22) (2024-11-28)
+
+
+### Bug Fixes
+
+* add simple layout toast message ([#4567](https://github.com/thebyte9/blaze/issues/4567)) ([473b722](https://github.com/thebyte9/blaze/commit/473b7226bbc74337462973150910a58e5289b2fb))
+
+
+
+
+
+# [0.146.0-alpha.17](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.16...v0.146.0-alpha.17) (2024-11-12)
+
+
+### Bug Fixes
+
+* fix issue media listing add button not working after simple layout updates ([#4546](https://github.com/thebyte9/blaze/issues/4546)) ([848bab7](https://github.com/thebyte9/blaze/commit/848bab7b10cf12fd4a926c56f41f98d7b61ded7d))
+
+
+
+
+
+# [0.146.0-alpha.14](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.13...v0.146.0-alpha.14) (2024-10-24)
+
+
+### Bug Fixes
+
+* save files on simple layout and handle PDF readonly preview ([#4530](https://github.com/thebyte9/blaze/issues/4530)) ([26331de](https://github.com/thebyte9/blaze/commit/26331de61d0f0d0f5a0b7eba965d126897d3c487))
+
+
+
+
+
+# [0.146.0-alpha.13](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.12...v0.146.0-alpha.13) (2024-10-23)
+
+
+### Features
+
+* add read only file viewer component ([#4527](https://github.com/thebyte9/blaze/issues/4527)) ([0bc416f](https://github.com/thebyte9/blaze/commit/0bc416f4cbdccaaa24e2e780b17636e84e4f8ffe))
+* simplify modal layout ([#4504](https://github.com/thebyte9/blaze/issues/4504)) ([fb513ff](https://github.com/thebyte9/blaze/commit/fb513ffd898d7b2b039469c0f76b7b21f54bf833))
+
+
+
+
+
+# [0.146.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.4...v0.146.0-alpha.5) (2024-09-16)
+
+**Note:** Version bump only for package @blaze-cms/plugin-media-ui
+
+
+
+
+
 # [0.146.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.146.0-alpha.1...v0.146.0-alpha.2) (2024-09-09)
 
 **Note:** Version bump only for package @blaze-cms/plugin-media-ui

package/lib/components/FilePreview/Actions/index.js

@@ -33,7 +33,7 @@ var Actions = function Actions(_ref) {
     className: "FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type"
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "FilePreviewItem__info__actionsIcon material-icons"
-  }, "insert_photo"), ' ', /*#__PURE__*/_react["default"].createElement("span", null, extension)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+  }, "insert_photo"), ' ', /*#__PURE__*/_react["default"].createElement("span", null, extension)), /*#__PURE__*/_react["default"].createElement("div", null, handleEditModal && /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "open-media-library-".concat(file.id),
     className: "FilePreviewItem__info__actionsIcon material-icons edit",
     "aria-hidden": "true",
@@ -42,7 +42,7 @@ var Actions = function Actions(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: "fas fa-pen fa-xs"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), onUnselectFile && /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "unselect-".concat(file.id),
     className: "FilePreviewItem__info__actionsIcon material-icons delete",
     "aria-hidden": "true",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_mediaContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Actions","_ref","file","_useContext","useContext","MediaContext","handleEditModal","onUnselectFile","_file$mimetype$split","mimetype","split","_file$mimetype$split2","_slicedToArray2","extension","createElement","Fragment","className","concat","id","onClick","propTypes","PropTypes","object","isRequired","_default","exports"],"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    <>\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          <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          <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        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_mediaContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Actions","_ref","file","_useContext","useContext","MediaContext","handleEditModal","onUnselectFile","_file$mimetype$split","mimetype","split","_file$mimetype$split2","_slicedToArray2","extension","createElement","Fragment","className","concat","id","onClick","propTypes","PropTypes","object","isRequired","_default","exports"],"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    <>\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};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/FilePreviewReadOnly/FileList.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _FilePreviewList = _interopRequireDefault(require("./FilePreviewList"));
+var FileList = function FileList(_ref) {
+  var selectedFiles = _ref.selectedFiles,
+    children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FilePreviewList["default"], {
+    selectedFiles: selectedFiles
+  }, children));
+};
+FileList.propTypes = {
+  selectedFiles: _propTypes["default"].array.isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].object, _propTypes["default"].string])
+};
+FileList.defaultProps = {
+  children: []
+};
+var _default = exports["default"] = FileList;
+//# sourceMappingURL=FileList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.js","names":["_react","_interopRequireDefault","require","_propTypes","_FilePreviewList","FileList","_ref","selectedFiles","children","createElement","Fragment","propTypes","PropTypes","array","isRequired","oneOfType","object","string","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreviewReadOnly/FileList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreviewList from './FilePreviewList';\n\nconst FileList = ({ selectedFiles, children }) => (\n  <>\n    <FilePreviewList selectedFiles={selectedFiles}>{children}</FilePreviewList>\n  </>\n);\n\nFileList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFileList.defaultProps = {\n  children: []\n};\n\nexport default FileList;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;EAAA,IAAMC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBACzCR,MAAA,YAAAS,aAAA,CAAAT,MAAA,YAAAU,QAAA,qBACEV,MAAA,YAAAS,aAAA,CAACL,gBAAA,WAAe;IAACG,aAAa,EAAEA;EAAc,GAAEC,QAA0B,CAC1E,CAAC;AAAA,CACJ;AAEDH,QAAQ,CAACM,SAAS,GAAG;EACnBJ,aAAa,EAAEK,qBAAS,CAACC,KAAK,CAACC,UAAU;EACzCN,QAAQ,EAAEI,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACC,KAAK,EAAED,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACK,MAAM,CAAC;AACrF,CAAC;AAEDZ,QAAQ,CAACa,YAAY,GAAG;EACtBV,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEaf,QAAQ","ignoreList":[]}

package/lib/components/FilePreviewReadOnly/FilePreviewList.js

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _FilePreview = _interopRequireDefault(require("../FilePreview"));
+var FilePreviewList = function FilePreviewList(_ref) {
+  var selectedFiles = _ref.selectedFiles,
+    children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "FileUploadAdapter__preview"
+  }, selectedFiles.map(function (file) {
+    return /*#__PURE__*/_react["default"].createElement(_FilePreview["default"], {
+      key: file.id,
+      file: file,
+      previewType: _FilePreview["default"].availablePreviewTypes.raw
+    });
+  }), children);
+};
+FilePreviewList.propTypes = {
+  selectedFiles: _propTypes["default"].array.isRequired,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].array, _propTypes["default"].object, _propTypes["default"].string])
+};
+FilePreviewList.defaultProps = {
+  children: []
+};
+var _default = exports["default"] = FilePreviewList;
+//# sourceMappingURL=FilePreviewList.js.map

package/lib/components/FilePreviewReadOnly/FilePreviewList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewList.js","names":["_react","_interopRequireDefault","require","_propTypes","_FilePreview","FilePreviewList","_ref","selectedFiles","children","createElement","className","map","file","key","id","previewType","FilePreview","availablePreviewTypes","raw","propTypes","PropTypes","array","isRequired","oneOfType","object","string","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport FilePreview from '../FilePreview';\n\nconst FilePreviewList = ({ selectedFiles, children }) => (\n  <div className=\"FileUploadAdapter__preview\">\n    {selectedFiles.map(file => (\n      <FilePreview key={file.id} file={file} previewType={FilePreview.availablePreviewTypes.raw} />\n    ))}\n    {children}\n  </div>\n);\n\nFilePreviewList.propTypes = {\n  selectedFiles: PropTypes.array.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])\n};\n\nFilePreviewList.defaultProps = {\n  children: []\n};\n\nexport default FilePreviewList;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA;EAAA,IAAMC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAChDR,MAAA,YAAAS,aAAA;IAAKC,SAAS,EAAC;EAA4B,GACxCH,aAAa,CAACI,GAAG,CAAC,UAAAC,IAAI;IAAA,oBACrBZ,MAAA,YAAAS,aAAA,CAACL,YAAA,WAAW;MAACS,GAAG,EAAED,IAAI,CAACE,EAAG;MAACF,IAAI,EAAEA,IAAK;MAACG,WAAW,EAAEC,uBAAW,CAACC,qBAAqB,CAACC;IAAI,CAAE,CAAC;EAAA,CAC9F,CAAC,EACDV,QACE,CAAC;AAAA,CACP;AAEDH,eAAe,CAACc,SAAS,GAAG;EAC1BZ,aAAa,EAAEa,qBAAS,CAACC,KAAK,CAACC,UAAU;EACzCd,QAAQ,EAAEY,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACC,KAAK,EAAED,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACK,MAAM,CAAC;AACrF,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BlB,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,cAEavB,eAAe","ignoreList":[]}

package/lib/components/FilePreviewReadOnly/FilePreviewReadOnly.js

@@ -0,0 +1,122 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _client = require("@apollo/client");
+var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
+var _FileList = _interopRequireDefault(require("./FileList"));
+var _mappers = require("./mappers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var FilePreviewReadOnly = function FilePreviewReadOnly(_ref) {
+  var label = _ref.label,
+    id = _ref.id,
+    type = _ref.type,
+    value = _ref.value;
+  var initialValue = (0, _mappers.formatInitialValue)({
+    value: value,
+    type: type
+  });
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedFiles = _useState2[0],
+    setSelectedFiles = _useState2[1];
+  var client = (0, _client.useApolloClient)();
+  var getFiles = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(offset, ids) {
+      var _yield$client$query, newFiles;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return client.query({
+              query: (0, _adminUiUtils.getQuery)('GET_FILES'),
+              variables: {
+                offset: offset,
+                where: {
+                  id: {
+                    _in: ids
+                  }
+                }
+              },
+              skip: !initialValue.length,
+              fetchPolicy: 'network-only'
+            });
+          case 2:
+            _yield$client$query = _context.sent;
+            newFiles = _yield$client$query.data.files;
+            return _context.abrupt("return", newFiles);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getFiles(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var files, orderedFiles;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return getFiles(0, initialValue);
+          case 2:
+            files = _context2.sent;
+            orderedFiles = orderFiles(files, initialValue);
+            setSelectedFiles(orderedFiles);
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }))();
+  }, [] //eslint-disable-line
+  );
+  var orderFiles = function orderFiles(files, ids) {
+    return ids.map(function (currentId) {
+      return files.find(function (_ref4) {
+        var fileId = _ref4.id;
+        return fileId === currentId;
+      });
+    }).filter(Boolean);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-field form-field--button"
+  }, /*#__PURE__*/_react["default"].createElement("label", null, label), selectedFiles && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FileList["default"], {
+    selectedFiles: selectedFiles
+  }))));
+};
+FilePreviewReadOnly.propTypes = {
+  label: _propTypes["default"].string.isRequired,
+  id: _propTypes["default"].string.isRequired,
+  type: _propTypes["default"].string.isRequired,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array])
+};
+FilePreviewReadOnly.defaultProps = {
+  value: ''
+};
+var _default = exports["default"] = FilePreviewReadOnly;
+//# sourceMappingURL=FilePreviewReadOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewReadOnly.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_adminUiUtils","_FileList","_mappers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FilePreviewReadOnly","_ref","label","id","type","value","initialValue","formatInitialValue","_useState","useState","_useState2","_slicedToArray2","selectedFiles","setSelectedFiles","client","useApolloClient","getFiles","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","offset","ids","_yield$client$query","newFiles","wrap","_callee$","_context","prev","next","query","getQuery","variables","where","_in","skip","length","fetchPolicy","sent","data","files","abrupt","stop","_x","_x2","apply","arguments","useEffect","_callee2","orderedFiles","_callee2$","_context2","orderFiles","map","currentId","find","_ref4","fileId","filter","Boolean","createElement","Fragment","className","propTypes","PropTypes","string","isRequired","oneOfType","array","defaultProps","_default","exports"],"sources":["../../../src/components/FilePreviewReadOnly/FilePreviewReadOnly.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport FileList from './FileList';\nimport { formatInitialValue } from './mappers';\n\nconst FilePreviewReadOnly = ({ label, id, type, value }) => {\n  const initialValue = formatInitialValue({ value, type });\n  const [selectedFiles, setSelectedFiles] = useState([]);\n  const client = useApolloClient();\n\n  const getFiles = async (offset, ids) => {\n    const {\n      data: { files: newFiles }\n    } = await client.query({\n      query: getQuery('GET_FILES'),\n      variables: {\n        offset,\n        where: {\n          id: {\n            _in: ids\n          }\n        }\n      },\n      skip: !initialValue.length,\n      fetchPolicy: 'network-only'\n    });\n    return newFiles;\n  };\n\n  useEffect(\n    () => {\n      (async () => {\n        const files = await getFiles(0, initialValue);\n        const orderedFiles = orderFiles(files, initialValue);\n        setSelectedFiles(orderedFiles);\n      })();\n    },\n    [] //eslint-disable-line\n  );\n\n  const orderFiles = (files, ids) =>\n    ids.map(currentId => files.find(({ id: fileId }) => fileId === currentId)).filter(Boolean);\n\n  return (\n    <>\n      <div className=\"form-field form-field--button\">\n        <label>{label}</label>\n        {selectedFiles && (\n          <>\n            <FileList selectedFiles={selectedFiles} />\n          </>\n        )}\n      </div>\n    </>\n  );\n};\n\nFilePreviewReadOnly.propTypes = {\n  label: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n};\n\nFilePreviewReadOnly.defaultProps = {\n  value: ''\n};\n\nexport default FilePreviewReadOnly;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/FilePreviewReadOnly/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _FilePreviewReadOnly = _interopRequireDefault(require("./FilePreviewReadOnly"));
+var _default = exports["default"] = _FilePreviewReadOnly["default"];
+//# sourceMappingURL=index.js.map

package/lib/components/FilePreviewReadOnly/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_FilePreviewReadOnly","_interopRequireDefault","require","_default","exports","FilePreviewReadOnly"],"sources":["../../../src/components/FilePreviewReadOnly/index.js"],"sourcesContent":["import FilePreviewReadOnly from './FilePreviewReadOnly';\n\nexport default FilePreviewReadOnly;\n"],"mappings":";;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwD,IAAAC,QAAA,GAAAC,OAAA,cAEzCC,+BAAmB","ignoreList":[]}

package/lib/components/FilePreviewReadOnly/mappers/format-initial-value.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatInitialValue = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+var formatInitialValue = exports.formatInitialValue = function formatInitialValue(_ref) {
+  var value = _ref.value,
+    type = _ref.type;
+  var parsedValue = value && type === 'array' ? value : [value];
+  var existValue = parsedValue.filter(Boolean).length;
+  if (!parsedValue || !existValue) return [];
+  return parsedValue;
+};
+//# sourceMappingURL=format-initial-value.js.map

package/lib/components/FilePreviewReadOnly/mappers/format-initial-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-initial-value.js","names":["formatInitialValue","exports","_ref","value","type","parsedValue","existValue","filter","Boolean","length"],"sources":["../../../../src/components/FilePreviewReadOnly/mappers/format-initial-value.js"],"sourcesContent":["const formatInitialValue = ({ value, type }) => {\n  const parsedValue = value && type === 'array' ? value : [value];\n  const existValue = parsedValue.filter(Boolean).length;\n  if (!parsedValue || !existValue) return [];\n  return parsedValue;\n};\n\nexport { formatInitialValue };\n"],"mappings":";;;;;;;;;AAAA,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAAwB;EAAA,IAAlBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EACvC,IAAMC,WAAW,GAAGF,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAGD,KAAK,GAAG,CAACA,KAAK,CAAC;EAC/D,IAAMG,UAAU,GAAGD,WAAW,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EACrD,IAAI,CAACJ,WAAW,IAAI,CAACC,UAAU,EAAE,OAAO,EAAE;EAC1C,OAAOD,WAAW;AACpB,CAAC","ignoreList":[]}

package/lib/components/FilePreviewReadOnly/mappers/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "formatInitialValue", {
+  enumerable: true,
+  get: function get() {
+    return _formatInitialValue.formatInitialValue;
+  }
+});
+var _formatInitialValue = require("./format-initial-value");
+//# sourceMappingURL=index.js.map

package/lib/components/FilePreviewReadOnly/mappers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_formatInitialValue","require"],"sources":["../../../../src/components/FilePreviewReadOnly/mappers/index.js"],"sourcesContent":["import { formatInitialValue } from './format-initial-value';\n\nexport { formatInitialValue };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/components/FileUploadAdapter/FileUploadAdapter.js

@@ -57,7 +57,9 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
     value = _ref.value,
     maxItems = _ref.maxItems,
     shouldRenderInPreview = _ref.shouldRenderInPreview,
-    canDragAndDrop = _ref.canDragAndDrop;
+    canDragAndDrop = _ref.canDragAndDrop,
+    simpleLayout = _ref.simpleLayout,
+    previewAllFiles = _ref.previewAllFiles;
   var _useContext = (0, _react.useContext)(FileUploadAdapter.FormContext),
     InjectPreview = _useContext.InjectPreview;
   var _useLimit = (0, _useLimit3["default"])(maxItems),
@@ -67,36 +69,44 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     displayModal = _useState2[0],
     setDisplayModal = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    displayFileUploadModal = _useState4[0],
+    setDisplayFileUploadModal = _useState4[1];
   var initialValue = (0, _mappers.formatInitialValue)({
     value: value,
     type: type
   });
-  var _useState3 = (0, _react.useState)(initialValue),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    currentValue = _useState4[0],
-    setCurrentValue = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
+  var _useState5 = (0, _react.useState)(initialValue),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    currentOffset = _useState6[0],
-    setCurrentOffset = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
+    currentValue = _useState6[0],
+    setCurrentValue = _useState6[1];
+  var _useState7 = (0, _react.useState)(0),
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    selectedFiles = _useState8[0],
-    setSelectedFiles = _useState8[1];
-  var _useState9 = (0, _react.useState)(null),
+    currentOffset = _useState8[0],
+    setCurrentOffset = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
     _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    editFile = _useState10[0],
-    setEditFile = _useState10[1];
+    selectedFiles = _useState10[0],
+    setSelectedFiles = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    editFile = _useState12[0],
+    setEditFile = _useState12[1];
   var client = (0, _client.useApolloClient)();
   var _useToasts = (0, _toaster.useToasts)(),
     addToast = _useToasts.addToast;
   var getFiles = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(offset, ids, fetchAll) {
-      var _yield$client$query, newFiles;
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(offset, ids) {
+      var fetchAll,
+        _yield$client$query,
+        newFiles,
+        _args = arguments;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.next = 2;
+            fetchAll = _args.length > 2 && _args[2] !== undefined ? _args[2] : previewAllFiles;
+            _context.next = 3;
             return client.query({
               query: (0, _adminUiUtils.getQuery)('GET_FILES'),
               variables: {
@@ -111,17 +121,17 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
               skip: !currentValue.length,
               fetchPolicy: 'network-only'
             });
-          case 2:
+          case 3:
             _yield$client$query = _context.sent;
             newFiles = _yield$client$query.data.files;
             return _context.abrupt("return", newFiles);
-          case 5:
+          case 6:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function getFiles(_x, _x2, _x3) {
+    return function getFiles(_x, _x2) {
       return _ref2.apply(this, arguments);
     };
   }();
@@ -131,7 +141,7 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            initialFiles = !selectedFiles.length ? currentValue.filter(function (_, i) {
+            initialFiles = !selectedFiles.length && !previewAllFiles ? currentValue.filter(function (_, i) {
               return i <= 3;
             }) : currentValue;
             _context2.next = 3;
@@ -178,7 +188,7 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
         }
       }, _callee3);
     }));
-    return function fetchMore(_x4) {
+    return function fetchMore(_x3) {
       return _ref4.apply(this, arguments);
     };
   }();
@@ -229,10 +239,16 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
       value: parsedValue
     });
   };
-  var closeModalAndSetValue = function closeModalAndSetValue(isSaving) {
+  var closeModalAndSetValue = function closeModalAndSetValue(isSaving, values, toastMessage) {
+    if (toastMessage) {
+      addToast(toastMessage, {
+        appearance: 'success',
+        autoDismiss: true
+      });
+    }
     if (isSaving) {
       var parsedValue = (0, _mappers.getFormat)(type, {
-        filesIds: currentValue
+        filesIds: simpleLayout ? values : currentValue
       });
       setDisplayModal(false);
       return onChange({
@@ -254,7 +270,7 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
     maxItems: maxItems,
     value: initialValue
   });
-  var filesPending = (0, _mappers.getNumberFilesPendingToFetch)(currentOffset, currentValue);
+  var filesPending = previewAllFiles ? 0 : (0, _mappers.getNumberFilesPendingToFetch)(currentOffset, currentValue);
   var onOpenLibrary = function onOpenLibrary() {
     return setDisplayModal(true);
   };
@@ -411,7 +427,13 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
     fetchMore: fetchMore
   }))), /*#__PURE__*/_react["default"].createElement(_fileUpload["default"], {
     actionText: fileUploadButtonText,
-    handleLibraryClick: onOpenLibrary,
+    handleLibraryClick: function handleLibraryClick() {
+      if (simpleLayout) {
+        setDisplayFileUploadModal(true);
+      } else {
+        onOpenLibrary();
+      }
+    },
     enableDragAndDrop: false
   })), editFile && /*#__PURE__*/_react["default"].createElement(_adminUiUtils.ModalAdapter, {
     actions: editModalActions,
@@ -425,7 +447,17 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
     handleFormChange: handleEditFileForm,
     displayForm: true,
     previewType: "card"
-  })), displayModal && /*#__PURE__*/_react["default"].createElement("div", {
+  })), displayFileUploadModal && simpleLayout && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "file-upload-modal-wrapper"
+  }, /*#__PURE__*/_react["default"].createElement(_ListingContainer["default"], {
+    displayFileUploadModal: displayFileUploadModal,
+    closeModalAndSetValue: closeModalAndSetValue,
+    setDisplayFileUploadModal: setDisplayFileUploadModal,
+    handleSelectedFiles: handleSelectedFiles,
+    maxItems: currentLimit,
+    simpleLayout: simpleLayout,
+    filesSelected: currentValue.length > 1 ? currentValue : []
+  })), displayModal && !simpleLayout && /*#__PURE__*/_react["default"].createElement("div", {
     className: "file-upload-modal-wrapper"
   }, /*#__PURE__*/_react["default"].createElement(_adminUiUtils.ModalAdapter, {
     actions: modalActions,
@@ -435,6 +467,9 @@ var FileUploadAdapter = function FileUploadAdapter(_ref) {
       return closeModalAndSetValue();
     }
   }, /*#__PURE__*/_react["default"].createElement(_ListingContainer["default"], {
+    closeModalAndSetValue: closeModalAndSetValue,
+    displayFileUploadModal: displayFileUploadModal,
+    setDisplayFileUploadModal: setDisplayFileUploadModal,
     handleSelectedFiles: handleSelectedFiles,
     maxItems: currentLimit,
     filesSelected: currentValue.length > 1 ? currentValue : []
@@ -448,13 +483,17 @@ FileUploadAdapter.propTypes = {
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
   maxItems: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].bool]),
   shouldRenderInPreview: _propTypes["default"].bool,
-  canDragAndDrop: _propTypes["default"].bool
+  canDragAndDrop: _propTypes["default"].bool,
+  simpleLayout: _propTypes["default"].bool,
+  previewAllFiles: _propTypes["default"].bool
 };
 FileUploadAdapter.defaultProps = {
   value: '',
   maxItems: false,
   shouldRenderInPreview: false,
-  canDragAndDrop: false
+  canDragAndDrop: false,
+  simpleLayout: false,
+  previewAllFiles: false
 };
 var _default = exports["default"] = FileUploadAdapter;
 //# sourceMappingURL=FileUploadAdapter.js.map