@blaze-cms/plugin-media-ui 0.125.0-core-styles.0 → 0.125.0-f-admin-updates.3

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.js","names":["FilterPanel","useState","searchTerm","setSearchTerm","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","fileStores","useFileList","queryParams","data","id","active","setActive","useEffect","handleSearchTerm","value","target","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","classnames","storeOptions","map","type","name","label"],"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 } = useMediaContext(\n    MediaContext\n  );\n  const { queryParams, data } = useFileList();\n  const [active, setActive] = useState(filters[0].id);\n\n  useEffect(\n    () => {\n      if (queryParams.searchTerm === null) {\n        setSearchTerm('');\n      }\n    },\n    [queryParams.searchTerm]\n  );\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(\n            ({ 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            options={storeOptions}\n            onChange={onSelectFilter}\n            selected={selectedFilter.storeKey}\n          />\n        </div>\n        <SearchBar\n          search={() =>\n            changeSelectedFilter({ filter: selectedFilter.filter, isSearch: true, searchTerm })\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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"}
+{"version":3,"file":"FilterPanel.js","names":["FilterPanel","useState","searchTerm","setSearchTerm","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","fileStores","useFileList","queryParams","data","id","active","setActive","useEffect","handleSearchTerm","value","target","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","classnames","storeOptions","map","type","name","label"],"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 } = useMediaContext(\n    MediaContext\n  );\n  const { queryParams, data } = useFileList();\n  const [active, setActive] = useState(filters[0].id);\n\n  useEffect(\n    () => {\n      if (queryParams.searchTerm === null) {\n        setSearchTerm('');\n      }\n    },\n    [queryParams.searchTerm]\n  );\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(\n            ({ 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            options={storeOptions}\n            onChange={onSelectFilter}\n            selected={selectedFilter.storeKey}\n          />\n        </div>\n        <SearchBar\n          search={() =>\n            changeSelectedFilter({ filter: selectedFilter.filter, isSearch: true, searchTerm })\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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"}

package/lib/components/FilterPanel/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FilterPanel"],"sources":["../../../src/components/FilterPanel/index.js"],"sourcesContent":["import FilterPanel from './FilterPanel';\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,uB"}
+{"version":3,"file":"index.js","names":["FilterPanel"],"sources":["../../../src/components/FilterPanel/index.js"],"sourcesContent":["import FilterPanel from './FilterPanel';\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;;AAAA;AAAwC,eAEzBA,uBAAW;AAAA"}

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

@@ -1,33 +1,22 @@
 "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 _admin = require("@blaze-cms/admin");
-
 var _button = _interopRequireDefault(require("@blaze-react/button"));
-
 var _more = _interopRequireDefault(require("@blaze-react/more"));
-
 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;
+    handleDisplayFileUploadModal = _ref.handleDisplayFileUploadModal;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "page"
   }, displayFileUploadModal && /*#__PURE__*/_react["default"].createElement(_FileUploadModal["default"], {
@@ -53,7 +42,6 @@ var Listing = function Listing(_ref) {
     className: "page__content page__content--with-side-panel"
   }, /*#__PURE__*/_react["default"].createElement(_FilterPanel["default"], null), /*#__PURE__*/_react["default"].createElement(_MediaListing["default"], null)));
 };
-
 Listing.propTypes = {
   displayFileUploadModal: _propTypes["default"].bool,
   handleDisplayFileUploadModal: _propTypes["default"].func

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

@@ -1 +1 @@
-{"version":3,"file":"Listing.js","names":["Listing","displayFileUploadModal","handleDisplayFileUploadModal","propTypes","PropTypes","bool","func","defaultProps"],"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 = ({ displayFileUploadModal, handleDisplayFileUploadModal }) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal onClose={() => handleDisplayFileUploadModal(false)} />\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  </div>\n);\n\nListing.propTypes = {\n  displayFileUploadModal: PropTypes.bool,\n  handleDisplayFileUploadModal: PropTypes.func\n};\n\nListing.defaultProps = {\n  displayFileUploadModal: false,\n  handleDisplayFileUploadModal: () => {}\n};\n\nexport default Listing;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,sBAAH,QAAGA,sBAAH;EAAA,IAA2BC,4BAA3B,QAA2BA,4BAA3B;EAAA,oBACd;IAAK,SAAS,EAAC;EAAf,GACGD,sBAAsB,iBACrB,gCAAC,2BAAD;IAAiB,OAAO,EAAE;MAAA,OAAMC,4BAA4B,CAAC,KAAD,CAAlC;IAAA;EAA1B,EAFJ,eAIE,gCAAC,iBAAD;IAAY,KAAK,EAAC;EAAlB,gBACE,gCAAC,iBAAD,CAAY,OAAZ,qBACE,gCAAC,kBAAD;IACE,SAAS,EAAE,CAAC,OAAD,CADb;IAEE,OAAO,EAAE,mBAAM;MACbA,4BAA4B,CAAC,IAAD,CAA5B;IACD;EAJH,SADF,eAQE,gCAAC,gBAAD;IAAM,SAAS;EAAf,gBACE,gCAAC,gBAAD,CAAM,MAAN;IAAa,UAAU;EAAvB,gBACE;IAAM,SAAS,EAAC;EAAhB,eADF,CADF,eAIE,gCAAC,gBAAD,CAAM,OAAN;IAAc,UAAU;EAAxB,EAJF,CARF,CADF,CAJF,eAqBE;IAAK,SAAS,EAAC;EAAf,gBACE,gCAAC,uBAAD,OADF,eAEE,gCAAC,wBAAD,OAFF,CArBF,CADc;AAAA,CAAhB;;AA6BAF,OAAO,CAACG,SAAR,GAAoB;EAClBF,sBAAsB,EAAEG,qBAAA,CAAUC,IADhB;EAElBH,4BAA4B,EAAEE,qBAAA,CAAUE;AAFtB,CAApB;AAKAN,OAAO,CAACO,YAAR,GAAuB;EACrBN,sBAAsB,EAAE,KADH;EAErBC,4BAA4B,EAAE,wCAAM,CAAE;AAFjB,CAAvB;eAKeF,O"}
+{"version":3,"file":"Listing.js","names":["Listing","displayFileUploadModal","handleDisplayFileUploadModal","propTypes","PropTypes","bool","func","defaultProps"],"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 = ({ displayFileUploadModal, handleDisplayFileUploadModal }) => (\n  <div className=\"page\">\n    {displayFileUploadModal && (\n      <FileUploadModal onClose={() => handleDisplayFileUploadModal(false)} />\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  </div>\n);\n\nListing.propTypes = {\n  displayFileUploadModal: PropTypes.bool,\n  handleDisplayFileUploadModal: PropTypes.func\n};\n\nListing.defaultProps = {\n  displayFileUploadModal: false,\n  handleDisplayFileUploadModal: () => {}\n};\n\nexport default Listing;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAO;EAAA,IAAMC,sBAAsB,QAAtBA,sBAAsB;IAAEC,4BAA4B,QAA5BA,4BAA4B;EAAA,oBACrE;IAAK,SAAS,EAAC;EAAM,GAClBD,sBAAsB,iBACrB,gCAAC,2BAAe;IAAC,OAAO,EAAE;MAAA,OAAMC,4BAA4B,CAAC,KAAK,CAAC;IAAA;EAAC,EACrE,eACD,gCAAC,iBAAU;IAAC,KAAK,EAAC;EAAe,gBAC/B,gCAAC,iBAAU,CAAC,OAAO,qBACjB,gCAAC,kBAAM;IACL,SAAS,EAAE,CAAC,OAAO,CAAE;IACrB,OAAO,EAAE,mBAAM;MACbA,4BAA4B,CAAC,IAAI,CAAC;IACpC;EAAE,SAEK,eACT,gCAAC,gBAAI;IAAC,SAAS;EAAA,gBACb,gCAAC,gBAAI,CAAC,MAAM;IAAC,UAAU;EAAA,gBACrB;IAAM,SAAS,EAAC;EAAgB,eAAiB,CACrC,eACd,gCAAC,gBAAI,CAAC,OAAO;IAAC,UAAU;EAAA,EAAG,CACtB,CACY,CACV,eACb;IAAK,SAAS,EAAC;EAA8C,gBAC3D,gCAAC,uBAAW,OAAG,eACf,gCAAC,wBAAY,OAAG,CACZ,CACF;AAAA,CACP;AAEDF,OAAO,CAACG,SAAS,GAAG;EAClBF,sBAAsB,EAAEG,qBAAS,CAACC,IAAI;EACtCH,4BAA4B,EAAEE,qBAAS,CAACE;AAC1C,CAAC;AAEDN,OAAO,CAACO,YAAY,GAAG;EACrBN,sBAAsB,EAAE,KAAK;EAC7BC,4BAA4B,EAAE,wCAAM,CAAC;AACvC,CAAC;AAAC,eAEaF,OAAO;AAAA"}

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

@@ -1,121 +1,77 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/es.array.for-each.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.object.define-properties.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.array.iterator.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.object.to-string.js");
-
 require("core-js/modules/es.array.includes.js");
-
 require("core-js/modules/es.string.includes.js");
-
 require("core-js/modules/es.array.concat.js");
-
 require("core-js/modules/es.function.name.js");
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _admin = require("@blaze-cms/admin");
-
 var _button = _interopRequireDefault(require("@blaze-react/button"));
-
 var _reactTinyVirtualList = _interopRequireDefault(require("react-tiny-virtual-list"));
-
 var _mediaContext = require("../../../../../utils/media-context");
-
 var _CardMedia = _interopRequireDefault(require("../../../../CardMedia"));
-
 var _mappers = require("../../../mappers");
-
 var _useFileList2 = _interopRequireDefault(require("../../../../FileList/useFileList"));
-
 var _constants = require("../../../../../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var MediaFileList = function MediaFileList(_ref) {
   var displayCardPrompt = _ref.displayCardPrompt,
-      setDisplayCardPrompt = _ref.setDisplayCardPrompt,
-      displayLayout = _ref.displayLayout,
-      wrapperRef = _ref.wrapperRef,
-      modalTargetRef = _ref.modalTargetRef;
-
+    setDisplayCardPrompt = _ref.setDisplayCardPrompt,
+    displayLayout = _ref.displayLayout,
+    wrapperRef = _ref.wrapperRef,
+    modalTargetRef = _ref.modalTargetRef;
   var _useState = (0, _react.useState)(1),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentListIndex = _useState2[0],
-      setCurrentListIndex = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    currentListIndex = _useState2[0],
+    setCurrentListIndex = _useState2[1];
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      verifiedRanges = _useState4[0],
-      setVerifiedRanges = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    verifiedRanges = _useState4[0],
+    setVerifiedRanges = _useState4[1];
   var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      listHeight = _useState6[0],
-      setListHeight = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    listHeight = _useState6[0],
+    setListHeight = _useState6[1];
   var _useFileList = (0, _useFileList2["default"])(),
-      queryParams = _useFileList.queryParams,
-      data = _useFileList.data,
-      loading = _useFileList.loading,
-      setQueryParams = _useFileList.setQueryParams,
-      clearList = _useFileList.clearList,
-      removeFile = _useFileList.removeFile,
-      updateFile = _useFileList.updateFile;
-
+    queryParams = _useFileList.queryParams,
+    data = _useFileList.data,
+    loading = _useFileList.loading,
+    setQueryParams = _useFileList.setQueryParams,
+    clearList = _useFileList.clearList,
+    removeFile = _useFileList.removeFile,
+    updateFile = _useFileList.updateFile;
   var _useMediaContext = (0, _mediaContext.useMediaContext)(_mediaContext.MediaContext),
-      onClickPrompt = _useMediaContext.onClickPrompt,
-      getSelectedFiles = _useMediaContext.getSelectedFiles,
-      selectedFiles = _useMediaContext.selectedFiles,
-      selectedFilter = _useMediaContext.selectedFilter;
-
+    onClickPrompt = _useMediaContext.onClickPrompt,
+    getSelectedFiles = _useMediaContext.getSelectedFiles,
+    selectedFiles = _useMediaContext.selectedFiles,
+    selectedFilter = _useMediaContext.selectedFilter;
   (0, _react.useEffect)(function () {
     setVerifiedRanges([]);
     setCurrentListIndex(0);
@@ -126,15 +82,13 @@ var MediaFileList = function MediaFileList(_ref) {
       isSearch: selectedFilter.isSearch,
       searchTerm: selectedFilter.searchTerm
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [selectedFilter.filter, selectedFilter.storeKey, selectedFilter.isSearch, selectedFilter.searchTerm]);
-
   var handleRenderedItems = function handleRenderedItems(_ref2) {
     var startIndex = _ref2.startIndex;
     var rowsLength = data.files.length;
-
     var loadIndex = Math.floor(rowsLength / 3) - _constants.MEDIA_OVER_SCAN_COUNT;
-
     if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
       setQueryParams({
         offset: data.files.length,
@@ -148,20 +102,16 @@ var MediaFileList = function MediaFileList(_ref) {
       setCurrentListIndex(startIndex + _constants.MEDIA_OVER_SCAN_COUNT);
     }
   };
-
   (0, _react.useEffect)(function () {
     var handleListHeight = function handleListHeight() {
       setListHeight(wrapperRef.current.clientHeight - 40);
     };
-
     if (wrapperRef.current) {
       if (!listHeight) {
         handleListHeight();
       }
-
       window.addEventListener('resize', handleListHeight);
     }
-
     return function () {
       window.removeEventListener('resize', handleListHeight);
     };
@@ -179,12 +129,12 @@ var MediaFileList = function MediaFileList(_ref) {
     onItemsRendered: handleRenderedItems,
     renderItem: function renderItem(_ref3) {
       var index = _ref3.index,
-          style = _ref3.style;
+        style = _ref3.style;
       var _data$files$index = data.files[index],
-          name = _data$files$index.name,
-          url = _data$files$index.url,
-          mimetype = _data$files$index.mimetype,
-          id = _data$files$index.id;
+        name = _data$files$index.name,
+        url = _data$files$index.url,
+        mimetype = _data$files$index.mimetype,
+        id = _data$files$index.id;
       var isSelected = (0, _mappers.existPrevious)(selectedFiles, id);
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: index,
@@ -216,7 +166,6 @@ var MediaFileList = function MediaFileList(_ref) {
     className: "button button--rounded button--cta"
   }, "Add")) : null);
 };
-
 MediaFileList.propTypes = {
   setDisplayCardPrompt: _propTypes["default"].func.isRequired,
   displayCardPrompt: _propTypes["default"].bool,

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

@@ -1 +1 @@
-{"version":3,"file":"MediaFileList.js","names":["MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","useState","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","useFileList","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","useMediaContext","MediaContext","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","useEffect","where","AVAILABLE_FILTER_TYPES","filter","storeKey","isSearch","searchTerm","handleRenderedItems","startIndex","rowsLength","files","length","loadIndex","Math","floor","MEDIA_OVER_SCAN_COUNT","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","MEDIA_LIST_ITEM_SIZE","index","style","name","url","mimetype","id","isSelected","existPrevious","propTypes","PropTypes","func","isRequired","bool","string","object","defaultProps"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n  MEDIA_LIST_ITEM_SIZE,\n  MEDIA_OVER_SCAN_COUNT,\n  AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n  displayCardPrompt,\n  setDisplayCardPrompt,\n  displayLayout,\n  wrapperRef,\n  modalTargetRef\n}) => {\n  const [currentListIndex, setCurrentListIndex] = useState(1);\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [listHeight, setListHeight] = useState(null);\n  const {\n    queryParams,\n    data,\n    loading,\n    setQueryParams,\n    clearList,\n    removeFile,\n    updateFile\n  } = useFileList();\n  const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } = useMediaContext(\n    MediaContext\n  );\n\n  useEffect(\n    () => {\n      setVerifiedRanges([]);\n      setCurrentListIndex(0);\n      setQueryParams({\n        where: {\n          ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n          storeKey: selectedFilter.storeKey\n        },\n        isSearch: selectedFilter.isSearch,\n        searchTerm: selectedFilter.searchTerm\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      selectedFilter.filter,\n      selectedFilter.storeKey,\n      selectedFilter.isSearch,\n      selectedFilter.searchTerm\n    ]\n  );\n\n  const handleRenderedItems = ({ startIndex }) => {\n    const rowsLength = data.files.length;\n    const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({\n        offset: data.files.length,\n        where: {\n          ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n          storeKey: selectedFilter.storeKey\n        },\n        isSearch: selectedFilter.isSearch,\n        searchTerm: selectedFilter.searchTerm\n      });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n    }\n  };\n\n  useEffect(\n    () => {\n      const handleListHeight = () => {\n        setListHeight(wrapperRef.current.clientHeight - 40);\n      };\n\n      if (wrapperRef.current) {\n        if (!listHeight) {\n          handleListHeight();\n        }\n\n        window.addEventListener('resize', handleListHeight);\n      }\n      return () => {\n        window.removeEventListener('resize', handleListHeight);\n      };\n    },\n    [listHeight, wrapperRef]\n  );\n\n  const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n  return (\n    <>\n      {data.files && data.files.length ? (\n        <>\n          <p className=\"media__fileList-counter\">\n            {searchedTerm} {data[selectedFilter.filter]} items\n          </p>\n          <VirtualList\n            width=\"100%\"\n            height={listHeight}\n            itemCount={data.files.length}\n            itemSize={MEDIA_LIST_ITEM_SIZE}\n            overscanCount={MEDIA_OVER_SCAN_COUNT}\n            scrollToIndex={currentListIndex}\n            onItemsRendered={handleRenderedItems}\n            renderItem={({ index, style }) => {\n              const { name, url, mimetype, id } = data.files[index];\n              const isSelected = existPrevious(selectedFiles, id);\n              return (\n                <div key={index} style={style} className=\"list__item--resultWrapper\">\n                  <CardMedia\n                    updateFile={updateFile}\n                    clearList={clearList}\n                    latestQueryToRefetchParams={queryParams}\n                    modalTargetRef={modalTargetRef}\n                    onSelected={getSelectedFiles}\n                    key={id}\n                    displayLayout={displayLayout}\n                    selected={!!isSelected}\n                    name={name}\n                    url={url}\n                    mimetype={mimetype}\n                    id={id}\n                    index={index}\n                    removeFile={removeFile}\n                  />\n                </div>\n              );\n            }}\n          />\n        </>\n      ) : null}\n      {!loading && data.files && !data.files.length && displayCardPrompt ? (\n        <CardPrompt\n          onClose={() => {\n            setDisplayCardPrompt(false);\n          }}>\n          <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n            Add\n          </Button>\n        </CardPrompt>\n      ) : null}\n    </>\n  );\n};\n\nMediaFileList.propTypes = {\n  setDisplayCardPrompt: PropTypes.func.isRequired,\n  displayCardPrompt: PropTypes.bool,\n  displayLayout: PropTypes.string.isRequired,\n  wrapperRef: PropTypes.object.isRequired,\n  modalTargetRef: PropTypes.object.isRequired\n};\n\nMediaFileList.defaultProps = {\n  displayCardPrompt: true\n};\n\nexport default MediaFileList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAMhB;EAAA,IALJC,iBAKI,QALJA,iBAKI;EAAA,IAJJC,oBAII,QAJJA,oBAII;EAAA,IAHJC,aAGI,QAHJA,aAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,cACI,QADJA,cACI;;EACJ,gBAAgD,IAAAC,eAAA,EAAS,CAAT,CAAhD;EAAA;EAAA,IAAOC,gBAAP;EAAA,IAAyBC,mBAAzB;;EACA,iBAA4C,IAAAF,eAAA,EAAS,EAAT,CAA5C;EAAA;EAAA,IAAOG,cAAP;EAAA,IAAuBC,iBAAvB;;EACA,iBAAoC,IAAAJ,eAAA,EAAS,IAAT,CAApC;EAAA;EAAA,IAAOK,UAAP;EAAA,IAAmBC,aAAnB;;EACA,mBAQI,IAAAC,wBAAA,GARJ;EAAA,IACEC,WADF,gBACEA,WADF;EAAA,IAEEC,IAFF,gBAEEA,IAFF;EAAA,IAGEC,OAHF,gBAGEA,OAHF;EAAA,IAIEC,cAJF,gBAIEA,cAJF;EAAA,IAKEC,SALF,gBAKEA,SALF;EAAA,IAMEC,UANF,gBAMEA,UANF;EAAA,IAOEC,UAPF,gBAOEA,UAPF;;EASA,uBAA2E,IAAAC,6BAAA,EACzEC,0BADyE,CAA3E;EAAA,IAAQC,aAAR,oBAAQA,aAAR;EAAA,IAAuBC,gBAAvB,oBAAuBA,gBAAvB;EAAA,IAAyCC,aAAzC,oBAAyCA,aAAzC;EAAA,IAAwDC,cAAxD,oBAAwDA,cAAxD;;EAIA,IAAAC,gBAAA,EACE,YAAM;IACJjB,iBAAiB,CAAC,EAAD,CAAjB;IACAF,mBAAmB,CAAC,CAAD,CAAnB;IACAS,cAAc,CAAC;MACbW,KAAK,kCACAC,iCAAA,CAAuBH,cAAc,CAACI,MAAtC,CADA;QAEHC,QAAQ,EAAEL,cAAc,CAACK;MAFtB,EADQ;MAKbC,QAAQ,EAAEN,cAAc,CAACM,QALZ;MAMbC,UAAU,EAAEP,cAAc,CAACO;IANd,CAAD,CAAd;EAQD,CAZH,EAaE;EACA,CACEP,cAAc,CAACI,MADjB,EAEEJ,cAAc,CAACK,QAFjB,EAGEL,cAAc,CAACM,QAHjB,EAIEN,cAAc,CAACO,UAJjB,CAdF;;EAsBA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,QAAoB;IAAA,IAAjBC,UAAiB,SAAjBA,UAAiB;IAC9C,IAAMC,UAAU,GAAGrB,IAAI,CAACsB,KAAL,CAAWC,MAA9B;;IACA,IAAMC,SAAS,GAAGC,IAAI,CAACC,KAAL,CAAWL,UAAU,GAAG,CAAxB,IAA6BM,gCAA/C;;IAEA,IAAIH,SAAS,GAAG,CAAZ,IAAiBA,SAAS,GAAGJ,UAA7B,IAA2C,CAAC1B,cAAc,CAACkC,QAAf,CAAwBJ,SAAxB,CAAhD,EAAoF;MAClFtB,cAAc,CAAC;QACb2B,MAAM,EAAE7B,IAAI,CAACsB,KAAL,CAAWC,MADN;QAEbV,KAAK,kCACAC,iCAAA,CAAuBH,cAAc,CAACI,MAAtC,CADA;UAEHC,QAAQ,EAAEL,cAAc,CAACK;QAFtB,EAFQ;QAMbC,QAAQ,EAAEN,cAAc,CAACM,QANZ;QAObC,UAAU,EAAEP,cAAc,CAACO;MAPd,CAAD,CAAd;MASAvB,iBAAiB,+CAAKD,cAAL,IAAqB8B,SAArB,GAAjB;MACA/B,mBAAmB,CAAC2B,UAAU,GAAGO,gCAAd,CAAnB;IACD;EACF,CAjBD;;EAmBA,IAAAf,gBAAA,EACE,YAAM;IACJ,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;MAC7BjC,aAAa,CAACR,UAAU,CAAC0C,OAAX,CAAmBC,YAAnB,GAAkC,EAAnC,CAAb;IACD,CAFD;;IAIA,IAAI3C,UAAU,CAAC0C,OAAf,EAAwB;MACtB,IAAI,CAACnC,UAAL,EAAiB;QACfkC,gBAAgB;MACjB;;MAEDG,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCJ,gBAAlC;IACD;;IACD,OAAO,YAAM;MACXG,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCL,gBAArC;IACD,CAFD;EAGD,CAhBH,EAiBE,CAAClC,UAAD,EAAaP,UAAb,CAjBF;EAoBA,IAAM+C,YAAY,GAAGrC,WAAW,CAACmB,UAAZ,cAA6BnB,WAAW,CAACmB,UAAzC,OAArB;EAEA,oBACE,kEACGlB,IAAI,CAACsB,KAAL,IAActB,IAAI,CAACsB,KAAL,CAAWC,MAAzB,gBACC,+EACE;IAAG,SAAS,EAAC;EAAb,GACGa,YADH,OACkBpC,IAAI,CAACW,cAAc,CAACI,MAAhB,CADtB,WADF,eAIE,gCAAC,gCAAD;IACE,KAAK,EAAC,MADR;IAEE,MAAM,EAAEnB,UAFV;IAGE,SAAS,EAAEI,IAAI,CAACsB,KAAL,CAAWC,MAHxB;IAIE,QAAQ,EAAEc,+BAJZ;IAKE,aAAa,EAAEV,gCALjB;IAME,aAAa,EAAEnC,gBANjB;IAOE,eAAe,EAAE2B,mBAPnB;IAQE,UAAU,EAAE,2BAAsB;MAAA,IAAnBmB,KAAmB,SAAnBA,KAAmB;MAAA,IAAZC,KAAY,SAAZA,KAAY;MAChC,wBAAoCvC,IAAI,CAACsB,KAAL,CAAWgB,KAAX,CAApC;MAAA,IAAQE,IAAR,qBAAQA,IAAR;MAAA,IAAcC,GAAd,qBAAcA,GAAd;MAAA,IAAmBC,QAAnB,qBAAmBA,QAAnB;MAAA,IAA6BC,EAA7B,qBAA6BA,EAA7B;MACA,IAAMC,UAAU,GAAG,IAAAC,sBAAA,EAAcnC,aAAd,EAA6BiC,EAA7B,CAAnB;MACA,oBACE;QAAK,GAAG,EAAEL,KAAV;QAAiB,KAAK,EAAEC,KAAxB;QAA+B,SAAS,EAAC;MAAzC,gBACE,gCAAC,qBAAD;QACE,UAAU,EAAElC,UADd;QAEE,SAAS,EAAEF,SAFb;QAGE,0BAA0B,EAAEJ,WAH9B;QAIE,cAAc,EAAET,cAJlB;QAKE,UAAU,EAAEmB,gBALd;QAME,GAAG,EAAEkC,EANP;QAOE,aAAa,EAAEvD,aAPjB;QAQE,QAAQ,EAAE,CAAC,CAACwD,UARd;QASE,IAAI,EAAEJ,IATR;QAUE,GAAG,EAAEC,GAVP;QAWE,QAAQ,EAAEC,QAXZ;QAYE,EAAE,EAAEC,EAZN;QAaE,KAAK,EAAEL,KAbT;QAcE,UAAU,EAAElC;MAdd,EADF,CADF;IAoBD;EA/BH,EAJF,CADD,GAuCG,IAxCN,EAyCG,CAACH,OAAD,IAAYD,IAAI,CAACsB,KAAjB,IAA0B,CAACtB,IAAI,CAACsB,KAAL,CAAWC,MAAtC,IAAgDrC,iBAAhD,gBACC,gCAAC,iBAAD;IACE,OAAO,EAAE,mBAAM;MACbC,oBAAoB,CAAC,KAAD,CAApB;IACD;EAHH,gBAIE,gCAAC,kBAAD;IAAQ,OAAO,EAAEqB,aAAjB;IAAgC,SAAS,EAAC;EAA1C,SAJF,CADD,GASG,IAlDN,CADF;AAsDD,CA5ID;;AA8IAvB,aAAa,CAAC6D,SAAd,GAA0B;EACxB3D,oBAAoB,EAAE4D,qBAAA,CAAUC,IAAV,CAAeC,UADb;EAExB/D,iBAAiB,EAAE6D,qBAAA,CAAUG,IAFL;EAGxB9D,aAAa,EAAE2D,qBAAA,CAAUI,MAAV,CAAiBF,UAHR;EAIxB5D,UAAU,EAAE0D,qBAAA,CAAUK,MAAV,CAAiBH,UAJL;EAKxB3D,cAAc,EAAEyD,qBAAA,CAAUK,MAAV,CAAiBH;AALT,CAA1B;AAQAhE,aAAa,CAACoE,YAAd,GAA6B;EAC3BnE,iBAAiB,EAAE;AADQ,CAA7B;eAIeD,a"}
+{"version":3,"file":"MediaFileList.js","names":["MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","useState","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","useFileList","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","useMediaContext","MediaContext","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","useEffect","where","AVAILABLE_FILTER_TYPES","filter","storeKey","isSearch","searchTerm","handleRenderedItems","startIndex","rowsLength","files","length","loadIndex","Math","floor","MEDIA_OVER_SCAN_COUNT","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","MEDIA_LIST_ITEM_SIZE","index","style","name","url","mimetype","id","isSelected","existPrevious","propTypes","PropTypes","func","isRequired","bool","string","object","defaultProps"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport Button from '@blaze-react/button';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { useMediaContext, MediaContext } from '../../../../../utils/media-context';\nimport CardMedia from '../../../../CardMedia';\nimport { existPrevious } from '../../../mappers';\nimport useFileList from '../../../../FileList/useFileList';\nimport {\n  MEDIA_LIST_ITEM_SIZE,\n  MEDIA_OVER_SCAN_COUNT,\n  AVAILABLE_FILTER_TYPES\n} from '../../../../../constants';\n\nconst MediaFileList = ({\n  displayCardPrompt,\n  setDisplayCardPrompt,\n  displayLayout,\n  wrapperRef,\n  modalTargetRef\n}) => {\n  const [currentListIndex, setCurrentListIndex] = useState(1);\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [listHeight, setListHeight] = useState(null);\n  const {\n    queryParams,\n    data,\n    loading,\n    setQueryParams,\n    clearList,\n    removeFile,\n    updateFile\n  } = useFileList();\n  const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } = useMediaContext(\n    MediaContext\n  );\n\n  useEffect(\n    () => {\n      setVerifiedRanges([]);\n      setCurrentListIndex(0);\n      setQueryParams({\n        where: {\n          ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n          storeKey: selectedFilter.storeKey\n        },\n        isSearch: selectedFilter.isSearch,\n        searchTerm: selectedFilter.searchTerm\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      selectedFilter.filter,\n      selectedFilter.storeKey,\n      selectedFilter.isSearch,\n      selectedFilter.searchTerm\n    ]\n  );\n\n  const handleRenderedItems = ({ startIndex }) => {\n    const rowsLength = data.files.length;\n    const loadIndex = Math.floor(rowsLength / 3) - MEDIA_OVER_SCAN_COUNT;\n\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({\n        offset: data.files.length,\n        where: {\n          ...AVAILABLE_FILTER_TYPES[selectedFilter.filter],\n          storeKey: selectedFilter.storeKey\n        },\n        isSearch: selectedFilter.isSearch,\n        searchTerm: selectedFilter.searchTerm\n      });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n    }\n  };\n\n  useEffect(\n    () => {\n      const handleListHeight = () => {\n        setListHeight(wrapperRef.current.clientHeight - 40);\n      };\n\n      if (wrapperRef.current) {\n        if (!listHeight) {\n          handleListHeight();\n        }\n\n        window.addEventListener('resize', handleListHeight);\n      }\n      return () => {\n        window.removeEventListener('resize', handleListHeight);\n      };\n    },\n    [listHeight, wrapperRef]\n  );\n\n  const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n  return (\n    <>\n      {data.files && data.files.length ? (\n        <>\n          <p className=\"media__fileList-counter\">\n            {searchedTerm} {data[selectedFilter.filter]} items\n          </p>\n          <VirtualList\n            width=\"100%\"\n            height={listHeight}\n            itemCount={data.files.length}\n            itemSize={MEDIA_LIST_ITEM_SIZE}\n            overscanCount={MEDIA_OVER_SCAN_COUNT}\n            scrollToIndex={currentListIndex}\n            onItemsRendered={handleRenderedItems}\n            renderItem={({ index, style }) => {\n              const { name, url, mimetype, id } = data.files[index];\n              const isSelected = existPrevious(selectedFiles, id);\n              return (\n                <div key={index} style={style} className=\"list__item--resultWrapper\">\n                  <CardMedia\n                    updateFile={updateFile}\n                    clearList={clearList}\n                    latestQueryToRefetchParams={queryParams}\n                    modalTargetRef={modalTargetRef}\n                    onSelected={getSelectedFiles}\n                    key={id}\n                    displayLayout={displayLayout}\n                    selected={!!isSelected}\n                    name={name}\n                    url={url}\n                    mimetype={mimetype}\n                    id={id}\n                    index={index}\n                    removeFile={removeFile}\n                  />\n                </div>\n              );\n            }}\n          />\n        </>\n      ) : null}\n      {!loading && data.files && !data.files.length && displayCardPrompt ? (\n        <CardPrompt\n          onClose={() => {\n            setDisplayCardPrompt(false);\n          }}>\n          <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n            Add\n          </Button>\n        </CardPrompt>\n      ) : null}\n    </>\n  );\n};\n\nMediaFileList.propTypes = {\n  setDisplayCardPrompt: PropTypes.func.isRequired,\n  displayCardPrompt: PropTypes.bool,\n  displayLayout: PropTypes.string.isRequired,\n  wrapperRef: PropTypes.object.isRequired,\n  modalTargetRef: PropTypes.object.isRequired\n};\n\nMediaFileList.defaultProps = {\n  displayCardPrompt: true\n};\n\nexport default MediaFileList;\n"],"mappings":"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"}

package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js

@@ -1,16 +1,12 @@
 "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 _MediaFileList = _interopRequireDefault(require("./MediaFileList"));
-
 var _default = _MediaFileList["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MediaFileList"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js"],"sourcesContent":["import MediaFileList from './MediaFileList';\n\nexport default MediaFileList;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,yB"}
+{"version":3,"file":"index.js","names":["MediaFileList"],"sources":["../../../../../../src/components/ListingContainer/Listing/MediaListing/MediaFileList/index.js"],"sourcesContent":["import MediaFileList from './MediaFileList';\n\nexport default MediaFileList;\n"],"mappings":";;;;;;;;AAAA;AAA4C,eAE7BA,yBAAa;AAAA"}

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

@@ -1,44 +1,28 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.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");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.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;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _MediaFileList = _interopRequireDefault(require("./MediaFileList"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var MediaListing = function MediaListing() {
   var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      displayCardPrompt = _useState2[0],
-      _setDisplayCardPrompt = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayCardPrompt = _useState2[0],
+    _setDisplayCardPrompt = _useState2[1];
   var mediaFileListWrapperRef = (0, _react.useRef)();
   var modalTargetRef = (0, _react.useRef)();
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -58,7 +42,6 @@ var MediaListing = function MediaListing() {
     ref: modalTargetRef
   }));
 };
-
 MediaListing.propTypes = {};
 var _default = MediaListing;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"MediaListing.js","names":["MediaListing","useState","displayCardPrompt","setDisplayCardPrompt","mediaFileListWrapperRef","useRef","modalTargetRef","state","propTypes"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/MediaListing.js"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport MediaFileList from './MediaFileList';\n\nconst MediaListing = () => {\n  const [displayCardPrompt, setDisplayCardPrompt] = useState(true);\n  const mediaFileListWrapperRef = useRef();\n  const modalTargetRef = useRef();\n\n  return (\n    <div className=\"listing listing--media\">\n      <div className=\"media\" ref={mediaFileListWrapperRef}>\n        <MediaFileList\n          modalTargetRef={modalTargetRef}\n          wrapperRef={mediaFileListWrapperRef}\n          displayCardPrompt={displayCardPrompt}\n          setDisplayCardPrompt={state => setDisplayCardPrompt(state)}\n          displayLayout=\"list\"\n        />\n      </div>\n      {/* render edit card modal outside of the virtual list */}\n      <div ref={modalTargetRef} />\n    </div>\n  );\n};\n\nMediaListing.propTypes = {};\n\nexport default MediaListing;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,GAAM;EACzB,gBAAkD,IAAAC,eAAA,EAAS,IAAT,CAAlD;EAAA;EAAA,IAAOC,iBAAP;EAAA,IAA0BC,qBAA1B;;EACA,IAAMC,uBAAuB,GAAG,IAAAC,aAAA,GAAhC;EACA,IAAMC,cAAc,GAAG,IAAAD,aAAA,GAAvB;EAEA,oBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC,OAAf;IAAuB,GAAG,EAAED;EAA5B,gBACE,gCAAC,yBAAD;IACE,cAAc,EAAEE,cADlB;IAEE,UAAU,EAAEF,uBAFd;IAGE,iBAAiB,EAAEF,iBAHrB;IAIE,oBAAoB,EAAE,8BAAAK,KAAK;MAAA,OAAIJ,qBAAoB,CAACI,KAAD,CAAxB;IAAA,CAJ7B;IAKE,aAAa,EAAC;EALhB,EADF,CADF,eAWE;IAAK,GAAG,EAAED;EAAV,EAXF,CADF;AAeD,CApBD;;AAsBAN,YAAY,CAACQ,SAAb,GAAyB,EAAzB;eAEeR,Y"}
+{"version":3,"file":"MediaListing.js","names":["MediaListing","useState","displayCardPrompt","setDisplayCardPrompt","mediaFileListWrapperRef","useRef","modalTargetRef","state","propTypes"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/MediaListing.js"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport MediaFileList from './MediaFileList';\n\nconst MediaListing = () => {\n  const [displayCardPrompt, setDisplayCardPrompt] = useState(true);\n  const mediaFileListWrapperRef = useRef();\n  const modalTargetRef = useRef();\n\n  return (\n    <div className=\"listing listing--media\">\n      <div className=\"media\" ref={mediaFileListWrapperRef}>\n        <MediaFileList\n          modalTargetRef={modalTargetRef}\n          wrapperRef={mediaFileListWrapperRef}\n          displayCardPrompt={displayCardPrompt}\n          setDisplayCardPrompt={state => setDisplayCardPrompt(state)}\n          displayLayout=\"list\"\n        />\n      </div>\n      {/* render edit card modal outside of the virtual list */}\n      <div ref={modalTargetRef} />\n    </div>\n  );\n};\n\nMediaListing.propTypes = {};\n\nexport default MediaListing;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AAA4C;AAAA;AAE5C,IAAMA,YAAY,GAAG,SAAfA,YAAY,GAAS;EACzB,gBAAkD,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAzDC,iBAAiB;IAAEC,qBAAoB;EAC9C,IAAMC,uBAAuB,GAAG,IAAAC,aAAM,GAAE;EACxC,IAAMC,cAAc,GAAG,IAAAD,aAAM,GAAE;EAE/B,oBACE;IAAK,SAAS,EAAC;EAAwB,gBACrC;IAAK,SAAS,EAAC,OAAO;IAAC,GAAG,EAAED;EAAwB,gBAClD,gCAAC,yBAAa;IACZ,cAAc,EAAEE,cAAe;IAC/B,UAAU,EAAEF,uBAAwB;IACpC,iBAAiB,EAAEF,iBAAkB;IACrC,oBAAoB,EAAE,8BAAAK,KAAK;MAAA,OAAIJ,qBAAoB,CAACI,KAAK,CAAC;IAAA,CAAC;IAC3D,aAAa,EAAC;EAAM,EACpB,CACE,eAEN;IAAK,GAAG,EAAED;EAAe,EAAG,CACxB;AAEV,CAAC;AAEDN,YAAY,CAACQ,SAAS,GAAG,CAAC,CAAC;AAAC,eAEbR,YAAY;AAAA"}

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

@@ -1,16 +1,12 @@
 "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 _MediaListing = _interopRequireDefault(require("./MediaListing"));
-
 var _default = _MediaListing["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MediaListing"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/index.js"],"sourcesContent":["import MediaListing from './MediaListing';\n\nexport default MediaListing;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,wB"}
+{"version":3,"file":"index.js","names":["MediaListing"],"sources":["../../../../../src/components/ListingContainer/Listing/MediaListing/index.js"],"sourcesContent":["import MediaListing from './MediaListing';\n\nexport default MediaListing;\n"],"mappings":";;;;;;;;AAAA;AAA0C,eAE3BA,wBAAY;AAAA"}

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

@@ -1,16 +1,12 @@
 "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 _Listing = _interopRequireDefault(require("./Listing"));
-
 var _default = _Listing["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Listing"],"sources":["../../../../src/components/ListingContainer/Listing/index.js"],"sourcesContent":["import Listing from './Listing';\n\nexport default Listing;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,mB"}
+{"version":3,"file":"index.js","names":["Listing"],"sources":["../../../../src/components/ListingContainer/Listing/index.js"],"sourcesContent":["import Listing from './Listing';\n\nexport default Listing;\n"],"mappings":";;;;;;;;AAAA;AAAgC,eAEjBA,mBAAO;AAAA"}