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

package/lib/components/FilterPanel/FilterPanel.js

@@ -1,94 +1,80 @@
 "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.map.js");
-require("core-js/modules/es.array.reduce.js");
-require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.trim.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _pluginSearchUi = require("@blaze-cms/plugin-search-ui");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _select = _interopRequireDefault(require("@blaze-react/select"));
 var _mediaContext = require("../../utils/media-context");
-var _useFileList2 = _interopRequireDefault(require("../FileList/useFileList"));
-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 && {}.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 _useFileList = _interopRequireDefault(require("../FileList/useFileList"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/anchor-is-valid */
 
-var FilterPanel = function FilterPanel() {
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useMediaContext = (0, _mediaContext.useMediaContext)(_mediaContext.MediaContext),
-    filters = _useMediaContext.filters,
-    selectedFilter = _useMediaContext.selectedFilter,
-    changeSelectedFilter = _useMediaContext.changeSelectedFilter,
-    fileStores = _useMediaContext.fileStores;
-  var _useFileList = (0, _useFileList2["default"])(),
-    queryParams = _useFileList.queryParams,
-    data = _useFileList.data;
-  var _useState3 = (0, _react.useState)(filters[0].id),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    active = _useState4[0],
-    setActive = _useState4[1];
-  (0, _react.useEffect)(function () {
+const FilterPanel = () => {
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const {
+    filters,
+    selectedFilter,
+    changeSelectedFilter,
+    fileStores
+  } = (0, _mediaContext.useMediaContext)(_mediaContext.MediaContext);
+  const {
+    queryParams,
+    data
+  } = (0, _useFileList.default)();
+  const [active, setActive] = (0, _react.useState)(filters[0].id);
+  (0, _react.useEffect)(() => {
     if (queryParams.searchTerm === null) {
       setSearchTerm('');
     }
   }, [queryParams.searchTerm]);
-  var handleSearchTerm = function handleSearchTerm(_ref) {
-    var value = _ref.target.value;
+  const handleSearchTerm = ({
+    target: {
+      value
+    }
+  }) => {
     setSearchTerm(value);
   };
-  var storeKey = selectedFilter.storeKey || '';
-  var onChangeFilter = function onChangeFilter(id) {
+  const storeKey = selectedFilter.storeKey || '';
+  const onChangeFilter = id => {
     setActive(id);
     searchTerm ? changeSelectedFilter({
       filter: id,
       isSearch: true,
-      searchTerm: searchTerm,
-      storeKey: storeKey
+      searchTerm,
+      storeKey
     }) : changeSelectedFilter({
       filter: id,
       isSearch: false,
       searchTerm: null,
-      storeKey: storeKey
+      storeKey
     });
   };
-  var handleKeyDown = function handleKeyDown(_ref2) {
-    var key = _ref2.key;
+  const handleKeyDown = ({
+    key
+  }) => {
     if (key === 'Enter') {
       searchTerm ? changeSelectedFilter({
         filter: selectedFilter.filter,
         isSearch: true,
         searchTerm: searchTerm.trim(),
-        storeKey: storeKey
+        storeKey
       }) : changeSelectedFilter({
         filter: selectedFilter.filter,
         isSearch: false,
         searchTerm: null,
-        storeKey: storeKey
+        storeKey
       });
     }
   };
-  var onSelectFilter = function onSelectFilter(_ref3) {
-    var value = _ref3.value;
+  const onSelectFilter = ({
+    value
+  }) => {
     searchTerm ? changeSelectedFilter({
       filter: selectedFilter.filter,
       isSearch: true,
@@ -101,58 +87,52 @@ var FilterPanel = function FilterPanel() {
       storeKey: value
     });
   };
-  var activeSegements = filters.reduce(function (acc, _ref4, index) {
-    var id = _ref4.id;
-    acc["active-".concat(index)] = active === id;
+  const activeSegements = filters.reduce((acc, {
+    id
+  }, index) => {
+    acc[`active-${index}`] = active === id;
     return acc;
   }, {});
-  var activeBarSegment = (0, _classnames["default"])('filter-panel__barWrapper--active', activeSegements);
-  var storeOptions = (fileStores || []).map(function (type) {
-    return [type.key, type.name];
-  });
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  const activeBarSegment = (0, _classnames.default)('filter-panel__barWrapper--active', activeSegements);
+  const storeOptions = (fileStores || []).map(type => [type.key, type.name]);
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "filter-panel"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filter-panel__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("ul", {
     className: "filter-panel__list"
-  }, filters.map(function (_ref5) {
-    var label = _ref5.label,
-      id = _ref5.id;
-    return selectedFilter.filter !== id ? /*#__PURE__*/_react["default"].createElement("li", {
-      key: label,
-      className: "filter-panel__list-item"
-    }, /*#__PURE__*/_react["default"].createElement("a", {
-      onClick: function onClick() {
-        return onChangeFilter(id);
-      }
-    }, label, " (", data[id], ")")) : /*#__PURE__*/_react["default"].createElement("li", {
-      key: label,
-      className: "filter-panel__list-item active"
-    }, label, " (", data[id], ")");
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }, filters.map(({
+    label,
+    id
+  }) => selectedFilter.filter !== id ? /*#__PURE__*/_react.default.createElement("li", {
+    key: label,
+    className: "filter-panel__list-item"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    onClick: () => onChangeFilter(id)
+  }, label, " (", data[id], ")")) : /*#__PURE__*/_react.default.createElement("li", {
+    key: label,
+    className: "filter-panel__list-item active"
+  }, label, " (", data[id], ")"))), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter-panel__barWrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: activeBarSegment
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter-panel__searchBarWrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "select__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_select["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_select.default, {
     name: "filter",
     defaultTextValue: "Any",
     options: storeOptions,
     onChange: onSelectFilter,
     selected: selectedFilter.storeKey
-  })), /*#__PURE__*/_react["default"].createElement(_pluginSearchUi.SearchBar, {
-    search: function search() {
-      return changeSelectedFilter({
-        filter: selectedFilter.filter,
-        isSearch: true,
-        searchTerm: searchTerm,
-        storeKey: selectedFilter.storeKey
-      });
-    },
+  })), /*#__PURE__*/_react.default.createElement(_pluginSearchUi.SearchBar, {
+    search: () => changeSelectedFilter({
+      filter: selectedFilter.filter,
+      isSearch: true,
+      searchTerm,
+      storeKey: selectedFilter.storeKey
+    }),
     handleKeyDown: handleKeyDown,
     searchTerm: searchTerm,
     handleSearchTerm: handleSearchTerm,
@@ -160,5 +140,5 @@ var FilterPanel = function FilterPanel() {
     close: false
   })));
 };
-var _default = exports["default"] = FilterPanel;
+var _default = exports.default = FilterPanel;
 //# sourceMappingURL=FilterPanel.js.map

package/lib/components/FilterPanel/FilterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.js","names":["_react","_interopRequireWildcard","require","_pluginSearchUi","_classnames","_interopRequireDefault","_select","_mediaContext","_useFileList2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterPanel","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useMediaContext","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","fileStores","_useFileList","useFileList","queryParams","data","_useState3","id","_useState4","active","setActive","useEffect","handleSearchTerm","_ref","value","target","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","_ref2","key","trim","onSelectFilter","_ref3","activeSegements","reduce","acc","_ref4","index","concat","activeBarSegment","classnames","storeOptions","map","type","name","createElement","className","_ref5","label","onClick","defaultTextValue","options","onChange","selected","SearchBar","search","placeholder","close","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const { filters, selectedFilter, changeSelectedFilter, fileStores } =\n    useMediaContext(MediaContext);\n  const { queryParams, data } = useFileList();\n  const [active, setActive] = useState(filters[0].id);\n\n  useEffect(() => {\n    if (queryParams.searchTerm === null) {\n      setSearchTerm('');\n    }\n  }, [queryParams.searchTerm]);\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n\n  const storeKey = selectedFilter.storeKey || '';\n\n  const onChangeFilter = id => {\n    setActive(id);\n    searchTerm\n      ? changeSelectedFilter({\n          filter: id,\n          isSearch: true,\n          searchTerm,\n          storeKey\n        })\n      : changeSelectedFilter({\n          filter: id,\n          isSearch: false,\n          searchTerm: null,\n          storeKey\n        });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      searchTerm\n        ? changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: true,\n            searchTerm: searchTerm.trim(),\n            storeKey\n          })\n        : changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: false,\n            searchTerm: null,\n            storeKey\n          });\n    }\n  };\n\n  const onSelectFilter = ({ value }) => {\n    searchTerm\n      ? changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: true,\n          searchTerm: searchTerm.trim(),\n          storeKey: value\n        })\n      : changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: false,\n          searchTerm: null,\n          storeKey: value\n        });\n  };\n\n  const activeSegements = filters.reduce((acc, { id }, index) => {\n    acc[`active-${index}`] = active === id;\n    return acc;\n  }, {});\n  const activeBarSegment = classnames('filter-panel__barWrapper--active', activeSegements);\n  const storeOptions = (fileStores || []).map(type => [type.key, type.name]);\n\n  return (\n    <div className=\"filter-panel\">\n      <div className=\"filter-panel__wrapper\">\n        <ul className=\"filter-panel__list\">\n          {filters.map(({ label, id }) =>\n            selectedFilter.filter !== id ? (\n              <li key={label} className=\"filter-panel__list-item\">\n                <a onClick={() => onChangeFilter(id)}>\n                  {label} ({data[id]})\n                </a>\n              </li>\n            ) : (\n              <li key={label} className=\"filter-panel__list-item active\">\n                {label} ({data[id]})\n              </li>\n            )\n          )}\n        </ul>\n        <div className=\"filter-panel__barWrapper\">\n          <div className={activeBarSegment} />\n        </div>\n      </div>\n      <div className=\"filter-panel__searchBarWrapper\">\n        <div className=\"select__wrapper\">\n          <Select\n            name=\"filter\"\n            defaultTextValue=\"Any\"\n            options={storeOptions}\n            onChange={onSelectFilter}\n            selected={selectedFilter.storeKey}\n          />\n        </div>\n        <SearchBar\n          search={() =>\n            changeSelectedFilter({\n              filter: selectedFilter.filter,\n              isSearch: true,\n              searchTerm,\n              storeKey: selectedFilter.storeKey\n            })\n          }\n          handleKeyDown={handleKeyDown}\n          searchTerm={searchTerm}\n          handleSearchTerm={handleSearchTerm}\n          placeholder=\"Search term here...\"\n          close={false}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilterPanel.js","names":["_react","_interopRequireWildcard","require","_pluginSearchUi","_classnames","_interopRequireDefault","_select","_mediaContext","_useFileList","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FilterPanel","searchTerm","setSearchTerm","useState","filters","selectedFilter","changeSelectedFilter","fileStores","useMediaContext","MediaContext","queryParams","data","useFileList","active","setActive","id","useEffect","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","classnames","storeOptions","map","type","name","createElement","className","label","onClick","defaultTextValue","options","onChange","selected","SearchBar","search","placeholder","close","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const { filters, selectedFilter, changeSelectedFilter, fileStores } =\n    useMediaContext(MediaContext);\n  const { queryParams, data } = useFileList();\n  const [active, setActive] = useState(filters[0].id);\n\n  useEffect(() => {\n    if (queryParams.searchTerm === null) {\n      setSearchTerm('');\n    }\n  }, [queryParams.searchTerm]);\n\n  const handleSearchTerm = ({ target: { value } }) => {\n    setSearchTerm(value);\n  };\n\n  const storeKey = selectedFilter.storeKey || '';\n\n  const onChangeFilter = id => {\n    setActive(id);\n    searchTerm\n      ? changeSelectedFilter({\n          filter: id,\n          isSearch: true,\n          searchTerm,\n          storeKey\n        })\n      : changeSelectedFilter({\n          filter: id,\n          isSearch: false,\n          searchTerm: null,\n          storeKey\n        });\n  };\n\n  const handleKeyDown = ({ key }) => {\n    if (key === 'Enter') {\n      searchTerm\n        ? changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: true,\n            searchTerm: searchTerm.trim(),\n            storeKey\n          })\n        : changeSelectedFilter({\n            filter: selectedFilter.filter,\n            isSearch: false,\n            searchTerm: null,\n            storeKey\n          });\n    }\n  };\n\n  const onSelectFilter = ({ value }) => {\n    searchTerm\n      ? changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: true,\n          searchTerm: searchTerm.trim(),\n          storeKey: value\n        })\n      : changeSelectedFilter({\n          filter: selectedFilter.filter,\n          isSearch: false,\n          searchTerm: null,\n          storeKey: value\n        });\n  };\n\n  const activeSegements = filters.reduce((acc, { id }, index) => {\n    acc[`active-${index}`] = active === id;\n    return acc;\n  }, {});\n  const activeBarSegment = classnames('filter-panel__barWrapper--active', activeSegements);\n  const storeOptions = (fileStores || []).map(type => [type.key, type.name]);\n\n  return (\n    <div className=\"filter-panel\">\n      <div className=\"filter-panel__wrapper\">\n        <ul className=\"filter-panel__list\">\n          {filters.map(({ label, id }) =>\n            selectedFilter.filter !== id ? (\n              <li key={label} className=\"filter-panel__list-item\">\n                <a onClick={() => onChangeFilter(id)}>\n                  {label} ({data[id]})\n                </a>\n              </li>\n            ) : (\n              <li key={label} className=\"filter-panel__list-item active\">\n                {label} ({data[id]})\n              </li>\n            )\n          )}\n        </ul>\n        <div className=\"filter-panel__barWrapper\">\n          <div className={activeBarSegment} />\n        </div>\n      </div>\n      <div className=\"filter-panel__searchBarWrapper\">\n        <div className=\"select__wrapper\">\n          <Select\n            name=\"filter\"\n            defaultTextValue=\"Any\"\n            options={storeOptions}\n            onChange={onSelectFilter}\n            selected={selectedFilter.storeKey}\n          />\n        </div>\n        <SearchBar\n          search={() =>\n            changeSelectedFilter({\n              filter: selectedFilter.filter,\n              isSearch: true,\n              searchTerm,\n              storeKey: selectedFilter.storeKey\n            })\n          }\n          handleKeyDown={handleKeyDown}\n          searchTerm={searchTerm}\n          handleSearchTerm={handleSearchTerm}\n          placeholder=\"Search term here...\"\n          close={false}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/FilterPanel/index.js

@@ -1,11 +1,10 @@
 "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;
+exports.default = void 0;
 var _FilterPanel = _interopRequireDefault(require("./FilterPanel"));
-var _default = exports["default"] = _FilterPanel["default"];
+var _default = exports.default = _FilterPanel.default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_FilterPanel","_interopRequireDefault","require","_default","exports","FilterPanel"],"sources":["../../../src/components/FilterPanel/index.js"],"sourcesContent":["import FilterPanel from './FilterPanel';\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,IAAAC,QAAA,GAAAC,OAAA,cAEzBC,uBAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_FilterPanel","_interopRequireDefault","require","_default","exports","default","FilterPanel"],"sources":["../../../src/components/FilterPanel/index.js"],"sourcesContent":["import FilterPanel from './FilterPanel';\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzBC,oBAAW","ignoreList":[]}

package/lib/components/ListingContainer/Listing/Listing.js

@@ -1,11 +1,10 @@
 "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;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _admin = require("@blaze-cms/admin");
 var _button = _interopRequireDefault(require("@blaze-react/button"));
@@ -14,54 +13,65 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FileUploadModal = _interopRequireDefault(require("../../FileUploadModal"));
 var _MediaListing = _interopRequireDefault(require("./MediaListing"));
 var _FilterPanel = _interopRequireDefault(require("../../FilterPanel"));
-var Listing = function Listing(_ref) {
-  var displayFileUploadModal = _ref.displayFileUploadModal,
-    handleDisplayFileUploadModal = _ref.handleDisplayFileUploadModal,
-    getSelectedFiles = _ref.getSelectedFiles,
-    setDisplayFileUploadModal = _ref.setDisplayFileUploadModal,
-    closeModalAndSetValue = _ref.closeModalAndSetValue,
-    simpleLayout = _ref.simpleLayout;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "page"
-  }, displayFileUploadModal && /*#__PURE__*/_react["default"].createElement(_FileUploadModal["default"], {
-    onClose: function onClose() {
-      handleDisplayFileUploadModal(false);
-      setDisplayFileUploadModal(false);
-    },
-    closeModalAndSetValue: closeModalAndSetValue,
-    simpleLayout: simpleLayout,
-    getSelectedFiles: getSelectedFiles
-  }), !simpleLayout && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_admin.PageHeader, {
-    title: "Media library"
-  }, /*#__PURE__*/_react["default"].createElement(_admin.PageHeader.Actions, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    modifiers: ['small'],
-    onClick: function onClick() {
-      handleDisplayFileUploadModal(true);
-    }
-  }, "Add"), /*#__PURE__*/_react["default"].createElement(_more["default"], {
-    displayBg: true
-  }, /*#__PURE__*/_react["default"].createElement(_more["default"].Avatar, {
-    isMoreMenu: true
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "material-icons"
-  }, "more_vert")), /*#__PURE__*/_react["default"].createElement(_more["default"].Content, {
-    isMoreMenu: true
-  })))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "page__content page__content--with-side-panel"
-  }, /*#__PURE__*/_react["default"].createElement(_FilterPanel["default"], null), /*#__PURE__*/_react["default"].createElement(_MediaListing["default"], null))));
-};
+const Listing = ({
+  displayFileUploadModal,
+  handleDisplayFileUploadModal,
+  getSelectedFiles,
+  setDisplayFileUploadModal,
+  closeModalAndSetValue,
+  simpleLayout,
+  openEditInModal,
+  storeKey,
+  selectedStoreKey
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: "page"
+}, displayFileUploadModal && /*#__PURE__*/_react.default.createElement(_FileUploadModal.default, {
+  selectedStoreKey: selectedStoreKey,
+  storeKey: storeKey,
+  onClose: () => {
+    handleDisplayFileUploadModal(false);
+    setDisplayFileUploadModal(false);
+  },
+  closeModalAndSetValue: closeModalAndSetValue,
+  simpleLayout: simpleLayout,
+  getSelectedFiles: getSelectedFiles
+}), !simpleLayout && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_admin.PageHeader, {
+  title: "Media library"
+}, /*#__PURE__*/_react.default.createElement(_admin.PageHeader.Actions, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+  modifiers: ['small'],
+  onClick: () => {
+    handleDisplayFileUploadModal(true);
+  }
+}, "Upload"), /*#__PURE__*/_react.default.createElement(_more.default, {
+  displayBg: true
+}, /*#__PURE__*/_react.default.createElement(_more.default.Avatar, {
+  isMoreMenu: true
+}, /*#__PURE__*/_react.default.createElement("span", {
+  className: "material-icons"
+}, "more_vert")), /*#__PURE__*/_react.default.createElement(_more.default.Content, {
+  isMoreMenu: true
+})))), /*#__PURE__*/_react.default.createElement("div", {
+  className: "page__content page__content--with-side-panel"
+}, /*#__PURE__*/_react.default.createElement(_FilterPanel.default, null), /*#__PURE__*/_react.default.createElement(_MediaListing.default, {
+  openEditInModal: openEditInModal
+}))));
 Listing.propTypes = {
-  getSelectedFiles: _propTypes["default"].func.isRequired,
-  handleDisplayFileUploadModal: _propTypes["default"].func,
-  simpleLayout: _propTypes["default"].bool,
-  setDisplayFileUploadModal: _propTypes["default"].func.isRequired,
-  displayFileUploadModal: _propTypes["default"].bool.isRequired,
-  closeModalAndSetValue: _propTypes["default"].func
+  getSelectedFiles: _propTypes.default.func.isRequired,
+  handleDisplayFileUploadModal: _propTypes.default.func,
+  simpleLayout: _propTypes.default.bool,
+  setDisplayFileUploadModal: _propTypes.default.func.isRequired,
+  displayFileUploadModal: _propTypes.default.bool.isRequired,
+  closeModalAndSetValue: _propTypes.default.func,
+  openEditInModal: _propTypes.default.bool,
+  storeKey: _propTypes.default.string.isRequired,
+  selectedStoreKey: _propTypes.default.string
 };
 Listing.defaultProps = {
-  closeModalAndSetValue: function closeModalAndSetValue() {},
-  handleDisplayFileUploadModal: function handleDisplayFileUploadModal() {},
-  simpleLayout: false
+  closeModalAndSetValue: () => {},
+  handleDisplayFileUploadModal: () => {},
+  simpleLayout: false,
+  openEditInModal: false,
+  selectedStoreKey: null
 };
-var _default = exports["default"] = Listing;
+var _default = exports.default = Listing;
 //# sourceMappingURL=Listing.js.map

package/lib/components/ListingContainer/Listing/Listing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Listing.js","names":["_react","_interopRequireDefault","require","_admin","_button","_more","_propTypes","_FileUploadModal","_MediaListing","_FilterPanel","Listing","_ref","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","createElement","className","onClose","Fragment","PageHeader","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","PropTypes","func","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n  displayFileUploadModal,\n  handleDisplayFileUploadModal,\n  getSelectedFiles,\n  setDisplayFileUploadModal,\n  closeModalAndSetValue,\n  simpleLayout\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        onClose={() => {\n          handleDisplayFileUploadModal(false);\n          setDisplayFileUploadModal(false);\n        }}\n        closeModalAndSetValue={closeModalAndSetValue}\n        simpleLayout={simpleLayout}\n        getSelectedFiles={getSelectedFiles}\n      />\n    )}\n    {!simpleLayout && (\n      <>\n        <PageHeader title=\"Media library\">\n          <PageHeader.Actions>\n            <Button\n              modifiers={['small']}\n              onClick={() => {\n                handleDisplayFileUploadModal(true);\n              }}>\n              Add\n            </Button>\n            <More displayBg>\n              <More.Avatar isMoreMenu>\n                <span className=\"material-icons\">more_vert</span>\n              </More.Avatar>\n              <More.Content isMoreMenu />\n            </More>\n          </PageHeader.Actions>\n        </PageHeader>\n        <div className=\"page__content page__content--with-side-panel\">\n          <FilterPanel />\n          <MediaListing />\n        </div>\n      </>\n    )}\n  </div>\n);\n\nListing.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  handleDisplayFileUploadModal: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired,\n  closeModalAndSetValue: PropTypes.func\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false\n};\n\nexport default Listing;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Listing.js","names":["_react","_interopRequireDefault","require","_admin","_button","_more","_propTypes","_FileUploadModal","_MediaListing","_FilterPanel","Listing","displayFileUploadModal","handleDisplayFileUploadModal","getSelectedFiles","setDisplayFileUploadModal","closeModalAndSetValue","simpleLayout","openEditInModal","storeKey","selectedStoreKey","default","createElement","className","onClose","Fragment","PageHeader","title","Actions","modifiers","onClick","displayBg","Avatar","isMoreMenu","Content","propTypes","PropTypes","func","isRequired","bool","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ListingContainer/Listing/Listing.js"],"sourcesContent":["import React from 'react';\nimport { PageHeader } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport More from '@blaze-react/more';\nimport PropTypes from 'prop-types';\nimport FileUploadModal from '../../FileUploadModal';\nimport MediaListing from './MediaListing';\nimport FilterPanel from '../../FilterPanel';\n\nconst Listing = ({\n  displayFileUploadModal,\n  handleDisplayFileUploadModal,\n  getSelectedFiles,\n  setDisplayFileUploadModal,\n  closeModalAndSetValue,\n  simpleLayout,\n  openEditInModal,\n  storeKey,\n  selectedStoreKey\n}) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal\n        selectedStoreKey={selectedStoreKey}\n        storeKey={storeKey}\n        onClose={() => {\n          handleDisplayFileUploadModal(false);\n          setDisplayFileUploadModal(false);\n        }}\n        closeModalAndSetValue={closeModalAndSetValue}\n        simpleLayout={simpleLayout}\n        getSelectedFiles={getSelectedFiles}\n      />\n    )}\n    {!simpleLayout && (\n      <>\n        <PageHeader title=\"Media library\">\n          <PageHeader.Actions>\n            <Button\n              modifiers={['small']}\n              onClick={() => {\n                handleDisplayFileUploadModal(true);\n              }}>\n              Upload\n            </Button>\n            <More displayBg>\n              <More.Avatar isMoreMenu>\n                <span className=\"material-icons\">more_vert</span>\n              </More.Avatar>\n              <More.Content isMoreMenu />\n            </More>\n          </PageHeader.Actions>\n        </PageHeader>\n        <div className=\"page__content page__content--with-side-panel\">\n          <FilterPanel />\n          <MediaListing openEditInModal={openEditInModal} />\n        </div>\n      </>\n    )}\n  </div>\n);\n\nListing.propTypes = {\n  getSelectedFiles: PropTypes.func.isRequired,\n  handleDisplayFileUploadModal: PropTypes.func,\n  simpleLayout: PropTypes.bool,\n  setDisplayFileUploadModal: PropTypes.func.isRequired,\n  displayFileUploadModal: PropTypes.bool.isRequired,\n  closeModalAndSetValue: PropTypes.func,\n  openEditInModal: PropTypes.bool,\n  storeKey: PropTypes.string.isRequired,\n  selectedStoreKey: PropTypes.string\n};\n\nListing.defaultProps = {\n  closeModalAndSetValue: () => {},\n  handleDisplayFileUploadModal: () => {},\n  simpleLayout: false,\n  openEditInModal: false,\n  selectedStoreKey: null\n};\n\nexport default Listing;\n"],"mappings":"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","ignoreList":[]}