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

package/lib/components/FilterPanel/FilterPanel.js

@@ -1,164 +1,62 @@
 "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"));
-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"));
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MediaSearchFilter = _interopRequireDefault(require("./MediaSearchFilter"));
 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; }
-/* 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 () {
-    if (queryParams.searchTerm === null) {
-      setSearchTerm('');
-    }
-  }, [queryParams.searchTerm]);
-  var handleSearchTerm = function handleSearchTerm(_ref) {
-    var value = _ref.target.value;
-    setSearchTerm(value);
-  };
-  var storeKey = selectedFilter.storeKey || '';
-  var onChangeFilter = function onChangeFilter(id) {
-    setActive(id);
-    searchTerm ? changeSelectedFilter({
-      filter: id,
-      isSearch: true,
-      searchTerm: searchTerm,
-      storeKey: storeKey
-    }) : changeSelectedFilter({
-      filter: id,
-      isSearch: false,
-      searchTerm: null,
-      storeKey: storeKey
+const FilterPanel = () => {
+  const {
+    filters,
+    selectedFilter,
+    changeSelectedFilter
+  } = (0, _mediaContext.useMediaContext)(_mediaContext.MediaContext);
+  const handleOnSelectFilter = (esFilters = []) => {
+    let nextSearchTerm = null;
+    let nextFilterId = selectedFilter.filter;
+    let nextStoreKey = selectedFilter.storeKey || '';
+    esFilters.forEach(filterObj => {
+      const {
+        simple_query_string: simpleQueryString,
+        match
+      } = filterObj || {};
+      if (simpleQueryString) {
+        const {
+          query
+        } = simpleQueryString;
+        if (query != null) {
+          nextSearchTerm = String(query).trim();
+        }
+      }
+      if (match) {
+        const {
+          'type.keyword': typeKeyword,
+          'storeKey.keyword': storeKeyKeyword
+        } = match;
+        if (typeKeyword && typeKeyword.query != null) {
+          nextFilterId = typeKeyword.query;
+        }
+        if (storeKeyKeyword && storeKeyKeyword.query != null) {
+          nextStoreKey = storeKeyKeyword.query;
+        }
+      }
     });
-  };
-  var handleKeyDown = function handleKeyDown(_ref2) {
-    var key = _ref2.key;
-    if (key === 'Enter') {
-      searchTerm ? changeSelectedFilter({
-        filter: selectedFilter.filter,
-        isSearch: true,
-        searchTerm: searchTerm.trim(),
-        storeKey: storeKey
-      }) : changeSelectedFilter({
-        filter: selectedFilter.filter,
-        isSearch: false,
-        searchTerm: null,
-        storeKey: storeKey
-      });
-    }
-  };
-  var onSelectFilter = function onSelectFilter(_ref3) {
-    var value = _ref3.value;
-    searchTerm ? changeSelectedFilter({
-      filter: selectedFilter.filter,
-      isSearch: true,
-      searchTerm: searchTerm.trim(),
-      storeKey: value
-    }) : changeSelectedFilter({
-      filter: selectedFilter.filter,
-      isSearch: false,
-      searchTerm: null,
-      storeKey: value
+    changeSelectedFilter({
+      filter: nextFilterId,
+      isSearch: Boolean(nextSearchTerm),
+      searchTerm: nextSearchTerm || null,
+      storeKey: nextStoreKey,
+      esFilters
     });
   };
-  var activeSegements = filters.reduce(function (acc, _ref4, index) {
-    var id = _ref4.id;
-    acc["active-".concat(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(_MediaSearchFilter.default, {
+    selectedFilter: selectedFilter,
+    listFilters: filters,
+    updateListingFilters: handleOnSelectFilter
   });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "filter-panel"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "filter-panel__wrapper"
-  }, /*#__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", {
-    className: "filter-panel__barWrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: activeBarSegment
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "filter-panel__searchBarWrapper"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "select__wrapper"
-  }, /*#__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
-      });
-    },
-    handleKeyDown: handleKeyDown,
-    searchTerm: searchTerm,
-    handleSearchTerm: handleSearchTerm,
-    placeholder: "Search term here...",
-    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","_interopRequireDefault","require","_MediaSearchFilter","_mediaContext","FilterPanel","filters","selectedFilter","changeSelectedFilter","useMediaContext","MediaContext","handleOnSelectFilter","esFilters","nextSearchTerm","nextFilterId","filter","nextStoreKey","storeKey","forEach","filterObj","simple_query_string","simpleQueryString","match","query","String","trim","typeKeyword","storeKeyKeyword","isSearch","Boolean","searchTerm","default","createElement","listFilters","updateListingFilters","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["import React from 'react';\nimport MediaSearchFilter from './MediaSearchFilter';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\n\nconst FilterPanel = () => {\n  const { filters, selectedFilter, changeSelectedFilter } = useMediaContext(MediaContext);\n\n  const handleOnSelectFilter = (esFilters = []) => {\n    let nextSearchTerm = null;\n    let nextFilterId = selectedFilter.filter;\n    let nextStoreKey = selectedFilter.storeKey || '';\n\n    esFilters.forEach(filterObj => {\n      const { simple_query_string: simpleQueryString, match } = filterObj || {};\n\n      if (simpleQueryString) {\n        const { query } = simpleQueryString;\n        if (query != null) {\n          nextSearchTerm = String(query).trim();\n        }\n      }\n\n      if (match) {\n        const { 'type.keyword': typeKeyword, 'storeKey.keyword': storeKeyKeyword } = match;\n\n        if (typeKeyword && typeKeyword.query != null) {\n          nextFilterId = typeKeyword.query;\n        }\n\n        if (storeKeyKeyword && storeKeyKeyword.query != null) {\n          nextStoreKey = storeKeyKeyword.query;\n        }\n      }\n    });\n\n    changeSelectedFilter({\n      filter: nextFilterId,\n      isSearch: Boolean(nextSearchTerm),\n      searchTerm: nextSearchTerm || null,\n      storeKey: nextStoreKey,\n      esFilters\n    });\n  };\n\n  return (\n    <MediaSearchFilter\n      selectedFilter={selectedFilter}\n      listFilters={filters}\n      updateListingFilters={handleOnSelectFilter}\n    />\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,MAAMG,WAAW,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC,OAAO;IAAEC,cAAc;IAAEC;EAAqB,CAAC,GAAG,IAAAC,6BAAe,EAACC,0BAAY,CAAC;EAEvF,MAAMC,oBAAoB,GAAGA,CAACC,SAAS,GAAG,EAAE,KAAK;IAC/C,IAAIC,cAAc,GAAG,IAAI;IACzB,IAAIC,YAAY,GAAGP,cAAc,CAACQ,MAAM;IACxC,IAAIC,YAAY,GAAGT,cAAc,CAACU,QAAQ,IAAI,EAAE;IAEhDL,SAAS,CAACM,OAAO,CAACC,SAAS,IAAI;MAC7B,MAAM;QAAEC,mBAAmB,EAAEC,iBAAiB;QAAEC;MAAM,CAAC,GAAGH,SAAS,IAAI,CAAC,CAAC;MAEzE,IAAIE,iBAAiB,EAAE;QACrB,MAAM;UAAEE;QAAM,CAAC,GAAGF,iBAAiB;QACnC,IAAIE,KAAK,IAAI,IAAI,EAAE;UACjBV,cAAc,GAAGW,MAAM,CAACD,KAAK,CAAC,CAACE,IAAI,CAAC,CAAC;QACvC;MACF;MAEA,IAAIH,KAAK,EAAE;QACT,MAAM;UAAE,cAAc,EAAEI,WAAW;UAAE,kBAAkB,EAAEC;QAAgB,CAAC,GAAGL,KAAK;QAElF,IAAII,WAAW,IAAIA,WAAW,CAACH,KAAK,IAAI,IAAI,EAAE;UAC5CT,YAAY,GAAGY,WAAW,CAACH,KAAK;QAClC;QAEA,IAAII,eAAe,IAAIA,eAAe,CAACJ,KAAK,IAAI,IAAI,EAAE;UACpDP,YAAY,GAAGW,eAAe,CAACJ,KAAK;QACtC;MACF;IACF,CAAC,CAAC;IAEFf,oBAAoB,CAAC;MACnBO,MAAM,EAAED,YAAY;MACpBc,QAAQ,EAAEC,OAAO,CAAChB,cAAc,CAAC;MACjCiB,UAAU,EAAEjB,cAAc,IAAI,IAAI;MAClCI,QAAQ,EAAED,YAAY;MACtBJ;IACF,CAAC,CAAC;EACJ,CAAC;EAED,oBACEZ,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAC7B,kBAAA,CAAA4B,OAAiB;IAChBxB,cAAc,EAAEA,cAAe;IAC/B0B,WAAW,EAAE3B,OAAQ;IACrB4B,oBAAoB,EAAEvB;EAAqB,CAC5C,CAAC;AAEN,CAAC;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEa1B,WAAW","ignoreList":[]}

package/lib/components/FilterPanel/MediaSearchFilter.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _client = require("@apollo/client");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
+var _pluginDataUi = require("@blaze-cms/plugin-data-ui");
+const MediaSearchFilter = ({
+  selectedFilter,
+  listFilters,
+  updateListingFilters
+}) => {
+  var _data$getEntitySchema;
+  const {
+    data
+  } = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'), {
+    variables: {
+      identifier: 'file'
+    }
+  });
+  const getEntitySchemas = (_data$getEntitySchema = data === null || data === void 0 ? void 0 : data.getEntitySchemas) !== null && _data$getEntitySchema !== void 0 ? _data$getEntitySchema : [];
+  if (!getEntitySchemas.length) return null;
+  return /*#__PURE__*/_react.default.createElement(_pluginDataUi.SearchFilter, {
+    schema: getEntitySchemas[0],
+    listFilters: listFilters,
+    setListFilters: updateListingFilters,
+    values: selectedFilter.defaultFilters
+  });
+};
+MediaSearchFilter.propTypes = {
+  selectedFilter: _propTypes.default.object.isRequired,
+  updateListingFilters: _propTypes.default.func.isRequired,
+  listFilters: _propTypes.default.array.isRequired
+};
+var _default = exports.default = MediaSearchFilter;
+//# sourceMappingURL=MediaSearchFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaSearchFilter.js","names":["_client","require","_react","_interopRequireDefault","_propTypes","_adminUiUtils","_pluginDataUi","MediaSearchFilter","selectedFilter","listFilters","updateListingFilters","_data$getEntitySchema","data","useQuery","getQuery","variables","identifier","getEntitySchemas","length","default","createElement","SearchFilter","schema","setListFilters","values","defaultFilters","propTypes","PropTypes","object","isRequired","func","array","_default","exports"],"sources":["../../../src/components/FilterPanel/MediaSearchFilter.js"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { SearchFilter } from '@blaze-cms/plugin-data-ui';\n\nconst MediaSearchFilter = ({ selectedFilter, listFilters, updateListingFilters }) => {\n  const { data } = useQuery(getQuery('GET_ENTITY_SCHEMA'), {\n    variables: { identifier: 'file' }\n  });\n\n  const getEntitySchemas = data?.getEntitySchemas ?? [];\n\n  if (!getEntitySchemas.length) return null;\n\n  return (\n    <SearchFilter\n      schema={getEntitySchemas[0]}\n      listFilters={listFilters}\n      setListFilters={updateListingFilters}\n      values={selectedFilter.defaultFilters}\n    />\n  );\n};\n\nMediaSearchFilter.propTypes = {\n  selectedFilter: PropTypes.object.isRequired,\n  updateListingFilters: PropTypes.func.isRequired,\n  listFilters: PropTypes.array.isRequired\n};\n\nexport default MediaSearchFilter;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEA,MAAMM,iBAAiB,GAAGA,CAAC;EAAEC,cAAc;EAAEC,WAAW;EAAEC;AAAqB,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACnF,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,gBAAQ,EAAC,IAAAC,sBAAQ,EAAC,mBAAmB,CAAC,EAAE;IACvDC,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAO;EAClC,CAAC,CAAC;EAEF,MAAMC,gBAAgB,IAAAN,qBAAA,GAAGC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,gBAAgB,cAAAN,qBAAA,cAAAA,qBAAA,GAAI,EAAE;EAErD,IAAI,CAACM,gBAAgB,CAACC,MAAM,EAAE,OAAO,IAAI;EAEzC,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,YAAY;IACXC,MAAM,EAAEL,gBAAgB,CAAC,CAAC,CAAE;IAC5BR,WAAW,EAAEA,WAAY;IACzBc,cAAc,EAAEb,oBAAqB;IACrCc,MAAM,EAAEhB,cAAc,CAACiB;EAAe,CACvC,CAAC;AAEN,CAAC;AAEDlB,iBAAiB,CAACmB,SAAS,GAAG;EAC5BlB,cAAc,EAAEmB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC3CnB,oBAAoB,EAAEiB,kBAAS,CAACG,IAAI,CAACD,UAAU;EAC/CpB,WAAW,EAAEkB,kBAAS,CAACI,KAAK,CAACF;AAC/B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEaZ,iBAAiB","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":[]}