@blaze-cms/plugin-media-ui 0.127.0 → 0.128.0-admin-updates.0

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/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,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"}
+{"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,GAAC,KAEL,CAAS,eACT,gCAAC,gBAAI;IAAC,SAAS;EAAA,gBACb,gCAAC,gBAAI,CAAC,MAAM;IAAC,UAAU;EAAA,gBACrB;IAAM,SAAS,EAAC;EAAgB,GAAC,WAAS,CAAO,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

@@ -107,9 +107,7 @@ var MediaFileList = function MediaFileList(_ref) {
       setListHeight(wrapperRef.current.clientHeight - 40);
     };
     if (wrapperRef.current) {
-      if (!listHeight) {
-        handleListHeight();
-      }
+      handleListHeight();
       window.addEventListener('resize', handleListHeight);
     }
     return function () {

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":"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"}
+{"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        handleListHeight();\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/ListingContainer.js

@@ -66,10 +66,10 @@ var ListingContainer = function ListingContainer(_ref) {
       }
     }),
     loading = _useQuery.loading,
-    _useQuery$data = _useQuery.data;
-  _useQuery$data = _useQuery$data === void 0 ? {} : _useQuery$data;
-  var _useQuery$data$getFil = _useQuery$data.getFileStores,
-    fileStores = _useQuery$data$getFil === void 0 ? [] : _useQuery$data$getFil;
+    _useQuery$data = _useQuery.data,
+    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
+    _useQuery$data2$getFi = _useQuery$data2.getFileStores,
+    fileStores = _useQuery$data2$getFi === void 0 ? [] : _useQuery$data2$getFi;
   if (loading) return null;
   var getSelectedFiles = function getSelectedFiles(_ref2) {
     var id = _ref2.id;

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

@@ -1 +1 @@
-{"version":3,"file":"ListingContainer.js","names":["ListingContainer","handleSelectedFiles","maxItems","filesSelected","useState","displayFileUploadModal","setDisplayFileUploadModal","selectedFiles","setSelectedFiles","filter","isSearch","searchTerm","storeKey","selectedFilter","setSelectedFilter","fileStoresType","getQuery","useQuery","variables","visibleInAdmin","loading","data","getFileStores","fileStores","getSelectedFiles","id","existPreviousFile","existPrevious","length","allSelectedFiles","fileId","handleDisplayFileUploadModal","param","defaultFileStore","find","isDefault","key","changeSelectedFilter","value","filters","availableFilters","onClickPrompt","propTypes","PropTypes","func","oneOfType","number","bool","arrayOf","string","defaultProps"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({ handleSelectedFiles, maxItems, filesSelected }) => {\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n  const [selectedFilter, setSelectedFilter] = useState({\n    filter: 'all',\n    isSearch: false,\n    searchTerm: null,\n    storeKey: null\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n  if (loading) return null;\n\n  const getSelectedFiles = ({ id }) => {\n    const existPreviousFile = existPrevious(selectedFiles, id);\n\n    if (maxItems === selectedFiles.length && !existPreviousFile) {\n      handleSelectedFiles([id], false);\n      setSelectedFiles([id]);\n    } else {\n      const allSelectedFiles = existPreviousFile\n        ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n        : [...selectedFiles, id];\n\n      handleSelectedFiles(allSelectedFiles, false);\n      setSelectedFiles(allSelectedFiles);\n    }\n  };\n\n  const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n\n  const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n  return (\n    <MediaContextProvider\n      value={{\n        fileStores,\n        defaultFileStore,\n        changeSelectedFilter: value => setSelectedFilter(value),\n        selectedFilter: {\n          ...selectedFilter,\n          storeKey: selectedFilter.storeKey || defaultFileStore\n        },\n        selectedFiles,\n        getSelectedFiles,\n        filters: availableFilters,\n        onClickPrompt: () => handleDisplayFileUploadModal(true)\n      }}>\n      <FilesListProvider>\n        <Listing\n          displayFileUploadModal={displayFileUploadModal}\n          handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n        />\n      </FilesListProvider>\n    </MediaContextProvider>\n  );\n};\n\nListingContainer.propTypes = {\n  handleSelectedFiles: PropTypes.func,\n  maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  filesSelected: PropTypes.arrayOf(PropTypes.string)\n};\n\nListingContainer.defaultProps = {\n  handleSelectedFiles: () => {},\n  maxItems: false,\n  filesSelected: []\n};\n\nexport default ListingContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ListingContainer.js","names":["ListingContainer","handleSelectedFiles","maxItems","filesSelected","useState","displayFileUploadModal","setDisplayFileUploadModal","selectedFiles","setSelectedFiles","filter","isSearch","searchTerm","storeKey","selectedFilter","setSelectedFilter","fileStoresType","getQuery","useQuery","variables","visibleInAdmin","loading","data","getFileStores","fileStores","getSelectedFiles","id","existPreviousFile","existPrevious","length","allSelectedFiles","fileId","handleDisplayFileUploadModal","param","defaultFileStore","find","isDefault","key","changeSelectedFilter","value","filters","availableFilters","onClickPrompt","propTypes","PropTypes","func","oneOfType","number","bool","arrayOf","string","defaultProps"],"sources":["../../../src/components/ListingContainer/ListingContainer.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport Listing from './Listing';\nimport { availableFilters } from '../../utils/available-filters/available-filters';\nimport { MediaContextProvider } from '../../utils/media-context';\nimport FilesListProvider from '../FileList/FilesListProvider';\nimport { existPrevious } from './mappers';\n\nconst ListingContainer = ({ handleSelectedFiles, maxItems, filesSelected }) => {\n  const [displayFileUploadModal, setDisplayFileUploadModal] = useState(false);\n  const [selectedFiles, setSelectedFiles] = useState(filesSelected || []);\n  const [selectedFilter, setSelectedFilter] = useState({\n    filter: 'all',\n    isSearch: false,\n    searchTerm: null,\n    storeKey: null\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { loading, data: { getFileStores: fileStores = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n  if (loading) return null;\n\n  const getSelectedFiles = ({ id }) => {\n    const existPreviousFile = existPrevious(selectedFiles, id);\n\n    if (maxItems === selectedFiles.length && !existPreviousFile) {\n      handleSelectedFiles([id], false);\n      setSelectedFiles([id]);\n    } else {\n      const allSelectedFiles = existPreviousFile\n        ? selectedFiles.filter(fileId => fileId !== existPreviousFile)\n        : [...selectedFiles, id];\n\n      handleSelectedFiles(allSelectedFiles, false);\n      setSelectedFiles(allSelectedFiles);\n    }\n  };\n\n  const handleDisplayFileUploadModal = param => setDisplayFileUploadModal(param);\n\n  const defaultFileStore = (fileStores.find(({ isDefault }) => isDefault) || {}).key;\n\n  return (\n    <MediaContextProvider\n      value={{\n        fileStores,\n        defaultFileStore,\n        changeSelectedFilter: value => setSelectedFilter(value),\n        selectedFilter: {\n          ...selectedFilter,\n          storeKey: selectedFilter.storeKey || defaultFileStore\n        },\n        selectedFiles,\n        getSelectedFiles,\n        filters: availableFilters,\n        onClickPrompt: () => handleDisplayFileUploadModal(true)\n      }}>\n      <FilesListProvider>\n        <Listing\n          displayFileUploadModal={displayFileUploadModal}\n          handleDisplayFileUploadModal={handleDisplayFileUploadModal}\n        />\n      </FilesListProvider>\n    </MediaContextProvider>\n  );\n};\n\nListingContainer.propTypes = {\n  handleSelectedFiles: PropTypes.func,\n  maxItems: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  filesSelected: PropTypes.arrayOf(PropTypes.string)\n};\n\nListingContainer.defaultProps = {\n  handleSelectedFiles: () => {},\n  maxItems: false,\n  filesSelected: []\n};\n\nexport default ListingContainer;\n"],"mappings":"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"}

package/lib/index.js

@@ -40,47 +40,45 @@ function _load() {
   _load = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(app) {
     var mediaRoute, editMediaFileRoute;
     return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            app.events.once('load:menu-items', function (addItem) {
-              addItem({
-                name: 'Media',
-                uri: '/media'
-              }, 'plugins');
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          app.events.once('load:menu-items', function (addItem) {
+            addItem({
+              name: 'Media',
+              uri: '/media'
+            }, 'plugins');
+          });
+          app.events.once('load:custom:field:type', function (addFieldType) {
+            addFieldType({
+              type: 'fileUpload',
+              component: _FileUploadAdapter["default"]
             });
-            app.events.once('load:custom:field:type', function (addFieldType) {
-              addFieldType({
-                type: 'fileUpload',
-                component: _FileUploadAdapter["default"]
-              });
-              addFieldType({
-                type: 'editor',
-                component: _EditorAdapter["default"]
-              });
+            addFieldType({
+              type: 'editor',
+              component: _EditorAdapter["default"]
             });
-            mediaRoute = {
-              path: '/media',
-              key: 'media',
-              component: ListingContainer,
-              exact: true
-            };
-            editMediaFileRoute = {
-              path: '/media/edit/:fileId',
-              key: 'editMedia',
-              component: EditMediaFilePage,
-              exact: true
-            };
-            app.addRoute(mediaRoute);
-            app.addRoute(editMediaFileRoute);
-            return _context.abrupt("return", {
-              name: _constants.PLUGIN_NAME,
-              version: _package["default"].version
-            });
-          case 7:
-          case "end":
-            return _context.stop();
-        }
+          });
+          mediaRoute = {
+            path: '/media',
+            key: 'media',
+            component: ListingContainer,
+            exact: true
+          };
+          editMediaFileRoute = {
+            path: '/media/edit/:fileId',
+            key: 'editMedia',
+            component: EditMediaFilePage,
+            exact: true
+          };
+          app.addRoute(mediaRoute);
+          app.addRoute(editMediaFileRoute);
+          return _context.abrupt("return", {
+            name: _constants.PLUGIN_NAME,
+            version: _package["default"].version
+          });
+        case 7:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListingContainer","React","lazy","EditMediaFilePage","load","app","events","once","addItem","name","uri","addFieldType","type","component","FileUploadAdapter","EditorAdapter","mediaRoute","path","key","exact","editMediaFileRoute","addRoute","PLUGIN_NAME","version","pkg","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport FileUploadAdapter from './components/FileUploadAdapter';\nimport EditorAdapter from './components/EditorAdapter';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nconst ListingContainer = React.lazy(() =>\n  import(/* webpackChunkName: 'MediaListingContainer' */ './components/ListingContainer')\n);\n\nconst EditMediaFilePage = React.lazy(() =>\n  import(/* webpackChunkName: 'EditMediaFilePage' */ './components/EditMediaFile/EditMediaFilePage')\n);\n\nexport default async function load(app) {\n  app.events.once('load:menu-items', addItem => {\n    addItem({ name: 'Media', uri: '/media' }, 'plugins');\n  });\n\n  app.events.once('load:custom:field:type', addFieldType => {\n    addFieldType({ type: 'fileUpload', component: FileUploadAdapter });\n    addFieldType({ type: 'editor', component: EditorAdapter });\n  });\n\n  const mediaRoute = {\n    path: '/media',\n    key: 'media',\n    component: ListingContainer,\n    exact: true\n  };\n\n  const editMediaFileRoute = {\n    path: '/media/edit/:fileId',\n    key: 'editMedia',\n    component: EditMediaFilePage,\n    exact: true\n  };\n\n  app.addRoute(mediaRoute);\n  app.addRoute(editMediaFileRoute);\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA0C;AAAA;AAE1C,IAAMA,gBAAgB,gBAAGC,iBAAK,CAACC,IAAI,CAAC;EAAA;IAAA,wCAC3B,+CAAgD,+BAA+B;EAAA;AAAA,CAAC,CACxF;AAED,IAAMC,iBAAiB,gBAAGF,iBAAK,CAACC,IAAI,CAAC;EAAA;IAAA,wCAC5B,2CAA4C,8CAA8C;EAAA;AAAA,CAAC,CACnG;AAAC,SAE4BE,IAAI;EAAA;AAAA;AAAA;EAAA,sFAAnB,iBAAoBC,GAAG;IAAA;IAAA;MAAA;QAAA;UAAA;YACpCA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,iBAAiB,EAAE,UAAAC,OAAO,EAAI;cAC5CA,OAAO,CAAC;gBAAEC,IAAI,EAAE,OAAO;gBAAEC,GAAG,EAAE;cAAS,CAAC,EAAE,SAAS,CAAC;YACtD,CAAC,CAAC;YAEFL,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,wBAAwB,EAAE,UAAAI,YAAY,EAAI;cACxDA,YAAY,CAAC;gBAAEC,IAAI,EAAE,YAAY;gBAAEC,SAAS,EAAEC;cAAkB,CAAC,CAAC;cAClEH,YAAY,CAAC;gBAAEC,IAAI,EAAE,QAAQ;gBAAEC,SAAS,EAAEE;cAAc,CAAC,CAAC;YAC5D,CAAC,CAAC;YAEIC,UAAU,GAAG;cACjBC,IAAI,EAAE,QAAQ;cACdC,GAAG,EAAE,OAAO;cACZL,SAAS,EAAEb,gBAAgB;cAC3BmB,KAAK,EAAE;YACT,CAAC;YAEKC,kBAAkB,GAAG;cACzBH,IAAI,EAAE,qBAAqB;cAC3BC,GAAG,EAAE,WAAW;cAChBL,SAAS,EAAEV,iBAAiB;cAC5BgB,KAAK,EAAE;YACT,CAAC;YAEDd,GAAG,CAACgB,QAAQ,CAACL,UAAU,CAAC;YACxBX,GAAG,CAACgB,QAAQ,CAACD,kBAAkB,CAAC;YAAC,iCAE1B;cACLX,IAAI,EAAEa,sBAAW;cACjBC,OAAO,EAAEC,mBAAG,CAACD;YACf,CAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAAA,CACF;EAAA;AAAA;AAEDnB,IAAI,CAACqB,UAAU,GAAGH,sBAAW"}
+{"version":3,"file":"index.js","names":["ListingContainer","React","lazy","EditMediaFilePage","load","app","events","once","addItem","name","uri","addFieldType","type","component","FileUploadAdapter","EditorAdapter","mediaRoute","path","key","exact","editMediaFileRoute","addRoute","PLUGIN_NAME","version","pkg","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport FileUploadAdapter from './components/FileUploadAdapter';\nimport EditorAdapter from './components/EditorAdapter';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nconst ListingContainer = React.lazy(() =>\n  import(/* webpackChunkName: 'MediaListingContainer' */ './components/ListingContainer')\n);\n\nconst EditMediaFilePage = React.lazy(() =>\n  import(/* webpackChunkName: 'EditMediaFilePage' */ './components/EditMediaFile/EditMediaFilePage')\n);\n\nexport default async function load(app) {\n  app.events.once('load:menu-items', addItem => {\n    addItem({ name: 'Media', uri: '/media' }, 'plugins');\n  });\n\n  app.events.once('load:custom:field:type', addFieldType => {\n    addFieldType({ type: 'fileUpload', component: FileUploadAdapter });\n    addFieldType({ type: 'editor', component: EditorAdapter });\n  });\n\n  const mediaRoute = {\n    path: '/media',\n    key: 'media',\n    component: ListingContainer,\n    exact: true\n  };\n\n  const editMediaFileRoute = {\n    path: '/media/edit/:fileId',\n    key: 'editMedia',\n    component: EditMediaFilePage,\n    exact: true\n  };\n\n  app.addRoute(mediaRoute);\n  app.addRoute(editMediaFileRoute);\n\n  return {\n    name: PLUGIN_NAME,\n    version: pkg.version\n  };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA0C;AAAA;AAE1C,IAAMA,gBAAgB,gBAAGC,iBAAK,CAACC,IAAI,CAAC;EAAA;IAAA,wCAC3B,+CAAgD,+BAA+B;EAAA;AAAA,CAAC,CACxF;AAED,IAAMC,iBAAiB,gBAAGF,iBAAK,CAACC,IAAI,CAAC;EAAA;IAAA,wCAC5B,2CAA4C,8CAA8C;EAAA;AAAA,CAAC,CACnG;AAAC,SAE4BE,IAAI;EAAA;AAAA;AAAA;EAAA,sFAAnB,iBAAoBC,GAAG;IAAA;IAAA;MAAA;QAAA;UACpCA,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,iBAAiB,EAAE,UAAAC,OAAO,EAAI;YAC5CA,OAAO,CAAC;cAAEC,IAAI,EAAE,OAAO;cAAEC,GAAG,EAAE;YAAS,CAAC,EAAE,SAAS,CAAC;UACtD,CAAC,CAAC;UAEFL,GAAG,CAACC,MAAM,CAACC,IAAI,CAAC,wBAAwB,EAAE,UAAAI,YAAY,EAAI;YACxDA,YAAY,CAAC;cAAEC,IAAI,EAAE,YAAY;cAAEC,SAAS,EAAEC;YAAkB,CAAC,CAAC;YAClEH,YAAY,CAAC;cAAEC,IAAI,EAAE,QAAQ;cAAEC,SAAS,EAAEE;YAAc,CAAC,CAAC;UAC5D,CAAC,CAAC;UAEIC,UAAU,GAAG;YACjBC,IAAI,EAAE,QAAQ;YACdC,GAAG,EAAE,OAAO;YACZL,SAAS,EAAEb,gBAAgB;YAC3BmB,KAAK,EAAE;UACT,CAAC;UAEKC,kBAAkB,GAAG;YACzBH,IAAI,EAAE,qBAAqB;YAC3BC,GAAG,EAAE,WAAW;YAChBL,SAAS,EAAEV,iBAAiB;YAC5BgB,KAAK,EAAE;UACT,CAAC;UAEDd,GAAG,CAACgB,QAAQ,CAACL,UAAU,CAAC;UACxBX,GAAG,CAACgB,QAAQ,CAACD,kBAAkB,CAAC;UAAC,iCAE1B;YACLX,IAAI,EAAEa,sBAAW;YACjBC,OAAO,EAAEC,mBAAG,CAACD;UACf,CAAC;QAAA;QAAA;UAAA;MAAA;IAAA;EAAA,CACF;EAAA;AAAA;AAEDnB,IAAI,CAACqB,UAAU,GAAGH,sBAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"CardMedia.js","names":["React","useState","More","Button","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","classnames","useToasts","Modal","createPortal","Link","EditMediaFile","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","e","console","current","event","preventDefault","stopPropagation","propTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Save',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}
+{"version":3,"file":"CardMedia.js","names":["React","useState","More","Button","DeleteAction","PropTypes","getQuery","getMutation","useMutation","useApolloClient","classnames","useToasts","Modal","createPortal","Link","EditMediaFile","CardMedia","onSelected","name","url","mimetype","id","selected","displayLayout","data","modalTargetRef","updateFile","removeFile","index","displayDeleteModal","setDisplayDeleteModal","displayEditModal","setDisplayEditModal","enableSaveButton","setEnableSaveButton","fileData","setFileData","addToast","deleteFile","type","extension","split","client","deleteFileById","variables","input","appearance","autoDismiss","error","message","handleClick","cardMediaClassNames","handleCloseModal","handleSaveButtonStatus","state","modalActions","textButton","callback","modifiers","handleFormSave","handleFileChange","file","updatedFile","mutate","mutation","update","cache","fileUpdated","writeQuery","query","result","e","console","current","event","preventDefault","stopPropagation","propTypes","string","isRequired","object","func","bool","number","defaultProps"],"sources":["../../../src/components/CardMedia/CardMedia.js"],"sourcesContent":["import React, { useState } from 'react';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\nimport { DeleteAction } from '@blaze-cms/admin';\nimport PropTypes from 'prop-types';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useMutation, useApolloClient } from '@apollo/client';\nimport classnames from 'classnames';\nimport { useToasts } from '@blaze-react/toaster';\nimport Modal from '@blaze-react/modal';\nimport { createPortal } from 'react-dom';\nimport { Link } from 'react-router-dom';\nimport EditMediaFile from '../EditMediaFile';\n\nconst CardMedia = ({\n  onSelected,\n  name,\n  url,\n  mimetype,\n  id,\n  selected,\n  displayLayout,\n  data,\n  modalTargetRef,\n  updateFile,\n  removeFile,\n  index\n}) => {\n  const [displayDeleteModal, setDisplayDeleteModal] = useState(false);\n  const [displayEditModal, setDisplayEditModal] = useState(false);\n  const [enableSaveButton, setEnableSaveButton] = useState(false);\n  const [fileData, setFileData] = useState(null);\n  const { addToast } = useToasts();\n  const [deleteFile] = useMutation(getMutation('DELETE_FILE_BY_ID'));\n  const [type, extension] = mimetype.split('/');\n  const client = useApolloClient();\n\n  const deleteFileById = async () => {\n    setDisplayDeleteModal(false);\n    try {\n      await deleteFile({\n        variables: { input: { id } }\n      });\n\n      removeFile({\n        index\n      });\n\n      addToast(`File: ${name} has been deleted`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (error) {\n      addToast(error.message, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n    }\n  };\n\n  const handleClick = () => {\n    onSelected({ id, url, name, data });\n  };\n\n  const cardMediaClassNames = classnames('card card--media-list', {\n    'card--media-list--selected': selected,\n    [`card--media-${displayLayout}`]: displayLayout\n  });\n\n  const handleCloseModal = () => {\n    setDisplayEditModal(false);\n  };\n\n  const handleSaveButtonStatus = state => {\n    setEnableSaveButton(state);\n  };\n\n  const modalActions = [\n    {\n      textButton: 'Cancel',\n      callback: handleCloseModal,\n      modifiers: ['cancel']\n    },\n    {\n      textButton: 'Save',\n      callback: () => handleFormSave(),\n      modifiers: enableSaveButton ? [] : ['disabled']\n    }\n  ];\n\n  const handleFileChange = file => {\n    setFileData(file);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      const {\n        data: { updateFile: updatedFile }\n      } = await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: fileData },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      updateFile({ file: updatedFile.result, index });\n      addToast(`File: ${fileData.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${fileData.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    handleCloseModal();\n    setEnableSaveButton(false);\n  };\n\n  return (\n    <>\n      {displayEditModal &&\n        createPortal(\n          <Modal title=\"Edit\" actions={modalActions} onClose={handleCloseModal}>\n            <EditMediaFile\n              onChange={handleFileChange}\n              fileId={id}\n              handleSaveButtonStatus={handleSaveButtonStatus}\n              handleFormSave={handleFormSave}\n              enableSaveButton={enableSaveButton}\n            />\n          </Modal>,\n          modalTargetRef.current\n        )}\n      <div className={cardMediaClassNames} role=\"button\" onClick={handleClick}>\n        {displayDeleteModal &&\n          createPortal(\n            <DeleteAction\n              onClose={() => setDisplayDeleteModal(false)}\n              deleteAction={() => deleteFileById()}\n              itemName={name}\n            />,\n            modalTargetRef.current\n          )}\n\n        {type === 'image' ? (\n          <div className={`card__image card__image--media-${displayLayout}`}>\n            <img src={url} alt={name} />\n          </div>\n        ) : (\n          <div className=\"card__image card__image--media-list-document\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 8 8\">\n              <path d=\"M0 0v8h7v-4h-4v-4h-3zm4 0v3h3l-3-3zm-3 2h1v1h-1v-1zm0 2h1v1h-1v-1zm0 2h4v1h-4v-1z\" />\n            </svg>\n          </div>\n        )}\n\n        <footer className={`card__footer card__footer--media-${displayLayout}`}>\n          <div className={`card__details card__details--media-${displayLayout}`}>\n            <div className={`card__title card__title--media-${displayLayout}`}>\n              <h2>{name}</h2>\n            </div>\n            <p>\n              <span>format: {extension}</span>\n            </p>\n          </div>\n          <div className={`card__menu card__menu--${displayLayout}`}>\n            <div className=\"more-menu__wrapper more-menu__wrapper--card\">\n              <More displayBg>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu>\n                  <Link to={`/media/edit/${id}`} className=\"more-menu__link\">\n                    Edit\n                  </Link>\n                  <Button\n                    onClick={event => {\n                      event.preventDefault();\n                      event.stopPropagation();\n                      setDisplayDeleteModal(true);\n                    }}\n                    className=\"more-menu__link\">\n                    Delete\n                  </Button>\n                </More.Content>\n              </More>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  );\n};\n\nCardMedia.propTypes = {\n  name: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired,\n  mimetype: PropTypes.string.isRequired,\n  displayLayout: PropTypes.string.isRequired,\n  data: PropTypes.object,\n  onSelected: PropTypes.func,\n  updateFile: PropTypes.func.isRequired,\n  removeFile: PropTypes.func.isRequired,\n  selected: PropTypes.bool,\n  modalTargetRef: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired\n};\n\nCardMedia.defaultProps = {\n  onSelected: () => {},\n  selected: false,\n  data: {}\n};\n\nexport default CardMedia;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","useQuery","FilePreview","STORE_KEY","NAME","EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","loading","data","file","variables","id","fileStoresType","getFileStores","storeType","visibleInAdmin","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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"}
+{"version":3,"file":"EditMediaFile.js","names":["React","useState","useEffect","PropTypes","getQuery","useQuery","FilePreview","STORE_KEY","NAME","EditMediaFile","onChange","handleSaveButtonStatus","enableSaveButton","fileId","formValues","setFormValues","query","loading","data","file","variables","id","fileStoresType","getFileStores","storeType","visibleInAdmin","handleFormChange","isValid","isNewValueSet","valuesChecked","valuesCheckedWithoutName","filter","dataValues","reduce","acc","value","newFileName","find","storeKey","shouldEnableSaveButton","updatedFile","name","getFileWithStoreType","storeOptions","map","type","key","defaultStore","isDefault","store","fileWithStoreType","propTypes","string","isRequired","func","bool","defaultProps"],"sources":["../../../src/components/EditMediaFile/EditMediaFile.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { useQuery } from '@apollo/client';\nimport FilePreview from '../FilePreview';\nimport { STORE_KEY, NAME } from '../../constants';\n\nconst EditMediaFile = ({ onChange, handleSaveButtonStatus, enableSaveButton, fileId }) => {\n  const [formValues, setFormValues] = useState(null);\n  const query = getQuery('GET_FILE_BY_ID');\n  const { loading, data: { file } = {} } = useQuery(query, {\n    variables: { id: fileId }\n  });\n\n  const fileStoresType = getQuery('GET_FILE_STORES');\n  const { data: { getFileStores: storeType = [] } = {} } = useQuery(fileStoresType, {\n    variables: { visibleInAdmin: true }\n  });\n\n  useEffect(\n    () => {\n      if (!formValues && file) {\n        setFormValues(file);\n      }\n    },\n    [file, formValues, storeType]\n  );\n\n  const handleFormChange = ({ isValid, isNewValueSet, valuesChecked }) => {\n    const valuesCheckedWithoutName = valuesChecked.filter(({ id }) => {\n      if (id === NAME || id === STORE_KEY) return false;\n      return true;\n    });\n\n    const dataValues = valuesCheckedWithoutName.reduce((acc, { id, value }) => {\n      acc[id] = value;\n      return acc;\n    }, {});\n    const { value: newFileName } = valuesChecked.find(({ id }) => id === NAME) || {};\n    const { value: storeKey } = valuesChecked.find(({ id }) => id === STORE_KEY) || {};\n\n    const shouldEnableSaveButton = isNewValueSet && isValid;\n    handleSaveButtonStatus(false);\n\n    if (shouldEnableSaveButton && shouldEnableSaveButton !== enableSaveButton) {\n      handleSaveButtonStatus(shouldEnableSaveButton);\n    }\n\n    const updatedFile = {\n      id: file.id,\n      name: newFileName,\n      storeKey,\n      data: dataValues\n    };\n    setFormValues(updatedFile);\n    onChange(updatedFile);\n  };\n\n  const getFileWithStoreType = () => {\n    if (storeType) {\n      const storeOptions = storeType.map(type => [type.key, type.name]);\n      const defaultStore = storeType.find(type => type.isDefault) || null;\n      return { ...file, store: { defaultStore, storeOptions } };\n    }\n\n    return file;\n  };\n\n  const fileWithStoreType = getFileWithStoreType();\n\n  return (\n    <>\n      {!loading ? (\n        <>\n          {file ? (\n            <FilePreview file={fileWithStoreType} handleFormChange={handleFormChange} displayForm />\n          ) : null}\n        </>\n      ) : (\n        <div>loading...</div>\n      )}\n    </>\n  );\n};\n\nEditMediaFile.propTypes = {\n  fileId: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  handleSaveButtonStatus: PropTypes.func.isRequired,\n  enableSaveButton: PropTypes.bool\n};\n\nEditMediaFile.defaultProps = {\n  enableSaveButton: false\n};\n\nexport default EditMediaFile;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","data","updateFile","fileUpdated","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","e","console","error","pushBack","push","buttonModifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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"}
+{"version":3,"file":"EditMediaFilePage.js","names":["React","useState","withRouter","PropTypes","Button","useApolloClient","getQuery","getMutation","useToasts","EditMediaFile","EditMediaFilePage","match","history","shouldEnableSaveButton","setShouldEnableSaveButton","file","setFile","client","addToast","handleFileChange","values","handleSaveButtonStatus","value","handleFormSave","mutate","mutation","variables","input","update","cache","data","updateFile","fileUpdated","writeQuery","query","id","params","fileId","result","name","appearance","autoDismiss","e","console","error","pushBack","push","buttonModifiers","propTypes","object","isRequired"],"sources":["../../../src/components/EditMediaFile/EditMediaFilePage.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport Button from '@blaze-react/button';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';\nimport { useToasts } from '@blaze-react/toaster';\nimport EditMediaFile from './EditMediaFile';\n\nconst EditMediaFilePage = ({ match, history }) => {\n  const [shouldEnableSaveButton, setShouldEnableSaveButton] = useState(false);\n  const [file, setFile] = useState(null);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  const handleFileChange = values => setFile(values);\n\n  const handleSaveButtonStatus = value => {\n    setShouldEnableSaveButton(value);\n  };\n\n  const handleFormSave = async () => {\n    try {\n      await client.mutate({\n        mutation: getMutation('UPDATE_FILE'),\n        variables: { input: file },\n        update(\n          cache,\n          {\n            data: { updateFile: fileUpdated }\n          }\n        ) {\n          cache.writeQuery({\n            query: getQuery('GET_FILE_BY_ID'),\n            variables: { id: match.params.fileId },\n            data: { file: fileUpdated.result }\n          });\n        }\n      });\n\n      addToast(`File: ${file.name} has been updated`, {\n        appearance: 'success',\n        autoDismiss: true\n      });\n    } catch (e) {\n      addToast(`File: ${file.name} has not been updated`, {\n        appearance: 'error',\n        autoDismiss: true\n      });\n      console.error(e); //eslint-disable-line\n    }\n    setShouldEnableSaveButton(false);\n  };\n\n  const pushBack = () => history.push('/media');\n\n  const buttonModifiers = shouldEnableSaveButton ? [] : ['disabled'];\n\n  return (\n    <div className=\"page\">\n      <div className=\"page__content\">\n        <div className=\"page__content__mediaWrapper\">\n          <EditMediaFile\n            onChange={handleFileChange}\n            fileId={match.params.fileId}\n            handleSaveButtonStatus={handleSaveButtonStatus}\n            handleFormSave={handleFormSave}\n          />\n          <div className=\"page__content__mediaWrapperActions\">\n            <Button onClick={pushBack}>Cancel</Button>\n            <Button onClick={handleFormSave} modifiers={buttonModifiers}>\n              Save\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEditMediaFilePage.propTypes = {\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(EditMediaFilePage);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","id","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <>\n      <div className=\"FilePreviewItem__info__actions\">\n        <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n          <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n          <span>{extension}</span>\n        </div>\n        <div>\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAG,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACE,uDACE;IAAK,SAAS,EAAC;EAAgC,gBAC7C;IAAK,SAAS,EAAC;EAA2E,gBACxF;IAAG,SAAS,EAAC;EAAmD,kBAAiB,EAAC,GAAG,eACrF,kCAAOF,SAAS,CAAQ,CACpB,eACN,8CACE;IACE,eAAc,sBAAqBH,IAAI,CAACM,EAAG,EAAE;IAC7C,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAML,eAAe,CAACD,IAAI;EAAE,gBACrC;IAAG,SAAS,EAAC;EAAkB,EAAG,CAC9B,eACN;IACE,eAAc,YAAWA,IAAI,CAACM,EAAG,EAAE;IACnC,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAMJ,cAAc,CAAC,CAACF,IAAI,CAACM,EAAE,CAAC;EAAE,gBACzC;IAAG,SAAS,EAAC;EAAoB,EAAG,CAChC,CACF,CACF,CACL;AAEP,CAAC;AAEDP,OAAO,CAACQ,SAAS,GAAG;EAClBP,IAAI,EAAEH,SAAS,CAACW,MAAM,CAACC;AACzB,CAAC;AAED,eAAeV,OAAO"}
+{"version":3,"file":"index.js","names":["React","useContext","PropTypes","MediaContext","Actions","file","handleEditModal","onUnselectFile","extension","mimetype","split","id","propTypes","object","isRequired"],"sources":["../../../../src/components/FilePreview/Actions/index.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MediaContext } from '../../../utils/media-context';\n\nconst Actions = ({ file }) => {\n  const { handleEditModal, onUnselectFile } = useContext(MediaContext);\n  const [, extension] = file.mimetype.split('/');\n\n  return (\n    <>\n      <div className=\"FilePreviewItem__info__actions\">\n        <div className=\"FilePreviewItem__info__actions FilePreviewItem__info__actions--media-type\">\n          <i className=\"FilePreviewItem__info__actionsIcon material-icons\">insert_photo</i>{' '}\n          <span>{extension}</span>\n        </div>\n        <div>\n          <div\n            data-testid={`open-media-library-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons edit\"\n            aria-hidden=\"true\"\n            onClick={() => handleEditModal(file)}>\n            <i className=\"fas fa-pen fa-xs\" />\n          </div>\n          <div\n            data-testid={`unselect-${file.id}`}\n            className=\"FilePreviewItem__info__actionsIcon material-icons delete\"\n            aria-hidden=\"true\"\n            onClick={() => onUnselectFile([file.id])}>\n            <i className=\"fas fa-trash fa-xs\" />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nActions.propTypes = {\n  file: PropTypes.object.isRequired\n};\n\nexport default Actions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,MAAMC,OAAO,GAAG,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC5B,MAAM;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGN,UAAU,CAACE,YAAY,CAAC;EACpE,MAAM,GAAGK,SAAS,CAAC,GAAGH,IAAI,CAACI,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;EAE9C,oBACE,uDACE;IAAK,SAAS,EAAC;EAAgC,gBAC7C;IAAK,SAAS,EAAC;EAA2E,gBACxF;IAAG,SAAS,EAAC;EAAmD,GAAC,cAAY,CAAI,EAAC,GAAG,eACrF,kCAAOF,SAAS,CAAQ,CACpB,eACN,8CACE;IACE,eAAc,sBAAqBH,IAAI,CAACM,EAAG,EAAE;IAC7C,SAAS,EAAC,wDAAwD;IAClE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAML,eAAe,CAACD,IAAI;EAAE,gBACrC;IAAG,SAAS,EAAC;EAAkB,EAAG,CAC9B,eACN;IACE,eAAc,YAAWA,IAAI,CAACM,EAAG,EAAE;IACnC,SAAS,EAAC,0DAA0D;IACpE,eAAY,MAAM;IAClB,OAAO,EAAE,MAAMJ,cAAc,CAAC,CAACF,IAAI,CAACM,EAAE,CAAC;EAAE,gBACzC;IAAG,SAAS,EAAC;EAAoB,EAAG,CAChC,CACF,CACF,CACL;AAEP,CAAC;AAEDP,OAAO,CAACQ,SAAS,GAAG;EAClBP,IAAI,EAAEH,SAAS,CAACW,MAAM,CAACC;AACzB,CAAC;AAED,eAAeV,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["React","PropTypes","Image","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({ url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--image\">\n      <img src={url} alt={name} />\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nImage.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { Image };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,KAAK,GAAG,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBACpC;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAoC,gBACjD;EAAK,GAAG,EAAEF,GAAI;EAAC,GAAG,EAAEC;AAAK,EAAG,eAC5B;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,mDAA6B,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,cAEnD,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDH,KAAK,CAACI,SAAS,GAAG;EAChBH,GAAG,EAAEF,SAAS,CAACM,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEH,SAAS,CAACM,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEJ,SAAS,CAACQ,SAAS,CAAC,CAACR,SAAS,CAACS,OAAO,CAACT,SAAS,CAACU,IAAI,CAAC,EAAEV,SAAS,CAACU,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASN,KAAK"}
+{"version":3,"file":"Image.js","names":["React","PropTypes","Image","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/Image/Image.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Image = ({ url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--image\">\n      <img src={url} alt={name} />\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nImage.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { Image };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,KAAK,GAAG,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBACpC;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAoC,gBACjD;EAAK,GAAG,EAAEF,GAAI;EAAC,GAAG,EAAEC;AAAK,EAAG,eAC5B;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,oCAAQ,cAAY,CAAS,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,UAExD,CAAI,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDH,KAAK,CAACI,SAAS,GAAG;EAChBH,GAAG,EAAEF,SAAS,CAACM,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEH,SAAS,CAACM,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEJ,SAAS,CAACQ,SAAS,CAAC,CAACR,SAAS,CAACS,OAAO,CAACT,SAAS,CAACU,IAAI,CAAC,EAAEV,SAAS,CAACU,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASN,KAAK"}

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

@@ -1 +1 @@
-{"version":3,"file":"PDF.js","names":["React","PropTypes","PDF","mimetype","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--pdf\">\n      <object data={url} type={mimetype} className=\"preview__file--pdf\">\n        <p>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Download {name}\n          </a>\n        </p>\n      </object>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,GAAG,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC5C;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAkC,gBAC/C;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,gBAC3CC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,mDAA6B,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,cAEnD,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDJ,GAAG,CAACK,SAAS,GAAG;EACdJ,QAAQ,EAAEF,SAAS,CAACO,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEH,SAAS,CAACO,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEJ,SAAS,CAACO,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASP,GAAG"}
+{"version":3,"file":"PDF.js","names":["React","PropTypes","PDF","mimetype","url","name","children","propTypes","string","isRequired","oneOfType","arrayOf","node"],"sources":["../../../../src/components/FilePreview/PDF/PDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PDF = ({ mimetype, url, name, children }) => (\n  <div className=\"preview\">\n    <div className=\"preview__file preview__file--pdf\">\n      <object data={url} type={mimetype} className=\"preview__file--pdf\">\n        <p>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Download {name}\n          </a>\n        </p>\n      </object>\n      <div className=\"preview__details preview__details--file\">\n        <p>\n          <strong>File details</strong>\n          <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n            Original\n          </a>\n        </p>\n      </div>\n    </div>\n    {children}\n  </div>\n);\n\nPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nexport { PDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,GAAG,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBAC5C;EAAK,SAAS,EAAC;AAAS,gBACtB;EAAK,SAAS,EAAC;AAAkC,gBAC/C;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAyC,gBACtD,4CACE,oCAAQ,cAAY,CAAS,eAC7B;EAAG,IAAI,EAAED,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,UAExD,CAAI,CACF,CACA,CACF,EACLE,QAAQ,CAEZ;AAEDJ,GAAG,CAACK,SAAS,GAAG;EACdJ,QAAQ,EAAEF,SAAS,CAACO,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEH,SAAS,CAACO,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEJ,SAAS,CAACO,MAAM,CAACC,UAAU;EACjCH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACH;AACrF,CAAC;AAED,SAASP,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"RawPDF.js","names":["React","PropTypes","Actions","RawPDF","mimetype","url","name","file","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/PDF/RawPDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPDF = ({ mimetype, url, name, file }) => (\n  <div className=\"FilePreview\">\n    <object data={url} type={mimetype} className=\"preview__file--pdf\">\n      <p>\n        <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n          Download {name}\n        </a>\n      </p>\n    </object>\n    <div className=\"FilePreviewItem__info\">\n      <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n      <Actions file={file} />\n    </div>\n  </div>\n);\n\nRawPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,MAAM,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC3C;EAAK,SAAS,EAAC;AAAa,gBAC1B;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,gBAC3CC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAuB,gBACpC;EAAG,SAAS,EAAC;AAAiC,GAAEA,IAAI,CAAK,eACzD,oBAAC,OAAO;EAAC,IAAI,EAAEC;AAAK,EAAG,CACnB,CAET;AAEDJ,MAAM,CAACK,SAAS,GAAG;EACjBJ,QAAQ,EAAEH,SAAS,CAACQ,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEL,SAAS,CAACQ,MAAM,CAACC,UAAU;EACjCH,IAAI,EAAEN,SAAS,CAACU,MAAM,CAACD;AACzB,CAAC;AAED,SAASP,MAAM"}
+{"version":3,"file":"RawPDF.js","names":["React","PropTypes","Actions","RawPDF","mimetype","url","name","file","propTypes","string","isRequired","object"],"sources":["../../../../src/components/FilePreview/PDF/RawPDF.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Actions from '../Actions';\n\nconst RawPDF = ({ mimetype, url, name, file }) => (\n  <div className=\"FilePreview\">\n    <object data={url} type={mimetype} className=\"preview__file--pdf\">\n      <p>\n        <a href={url} rel=\"noopener noreferrer\" target=\"_blank\">\n          Download {name}\n        </a>\n      </p>\n    </object>\n    <div className=\"FilePreviewItem__info\">\n      <p className=\"FilePreviewItem__info__fileName\">{name}</p>\n      <Actions file={file} />\n    </div>\n  </div>\n);\n\nRawPDF.propTypes = {\n  mimetype: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  file: PropTypes.object.isRequired\n};\n\nexport { RawPDF };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,YAAY;AAEhC,MAAMC,MAAM,GAAG,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAK,CAAC,kBAC3C;EAAK,SAAS,EAAC;AAAa,gBAC1B;EAAQ,IAAI,EAAEF,GAAI;EAAC,IAAI,EAAED,QAAS;EAAC,SAAS,EAAC;AAAoB,gBAC/D,4CACE;EAAG,IAAI,EAAEC,GAAI;EAAC,GAAG,EAAC,qBAAqB;EAAC,MAAM,EAAC;AAAQ,GAAC,WAC7C,EAACC,IAAI,CACZ,CACF,CACG,eACT;EAAK,SAAS,EAAC;AAAuB,gBACpC;EAAG,SAAS,EAAC;AAAiC,GAAEA,IAAI,CAAK,eACzD,oBAAC,OAAO;EAAC,IAAI,EAAEC;AAAK,EAAG,CACnB,CAET;AAEDJ,MAAM,CAACK,SAAS,GAAG;EACjBJ,QAAQ,EAAEH,SAAS,CAACQ,MAAM,CAACC,UAAU;EACrCL,GAAG,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EAChCJ,IAAI,EAAEL,SAAS,CAACQ,MAAM,CAACC,UAAU;EACjCH,IAAI,EAAEN,SAAS,CAACU,MAAM,CAACD;AACzB,CAAC;AAED,SAASP,MAAM"}

package/lib-es/components/FilePreview/get-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-preview.js","names":["React","pdf","image","schemas","default","component","schema","getPreview","mimetype","previewType","Preview"],"sources":["../../../src/components/FilePreview/get-preview.js"],"sourcesContent":["import React from 'react';\nimport { pdf } from './PDF';\nimport { image } from './Image';\n\nconst schemas = {\n  'application/pdf': pdf,\n  'image/gif': image,\n  'image/jpg': image,\n  'image/jpeg': image,\n  'image/png': image,\n  'image/bmp': image,\n  'image/svg+xml': image,\n  'image/tiff': image,\n  'image/webp': image,\n  default: {\n    component: () => <div>Preview not available</div>,\n    schema: null\n  }\n};\n\nconst getPreview = ({ mimetype, previewType }) => {\n  const { component, schema } = schemas[mimetype] || schemas.default;\n  const Preview = component[previewType] || component;\n  return [Preview, schema];\n};\n\nexport { getPreview };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,KAAK,QAAQ,SAAS;AAE/B,MAAMC,OAAO,GAAG;EACd,iBAAiB,EAAEF,GAAG;EACtB,WAAW,EAAEC,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,YAAY,EAAEA,KAAK;EACnB,WAAW,EAAEA,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,eAAe,EAAEA,KAAK;EACtB,YAAY,EAAEA,KAAK;EACnB,YAAY,EAAEA,KAAK;EACnBE,OAAO,EAAE;IACPC,SAAS,EAAE,mBAAM,yDAAgC;IACjDC,MAAM,EAAE;EACV;AACF,CAAC;AAED,MAAMC,UAAU,GAAG,CAAC;EAAEC,QAAQ;EAAEC;AAAY,CAAC,KAAK;EAChD,MAAM;IAAEJ,SAAS;IAAEC;EAAO,CAAC,GAAGH,OAAO,CAACK,QAAQ,CAAC,IAAIL,OAAO,CAACC,OAAO;EAClE,MAAMM,OAAO,GAAGL,SAAS,CAACI,WAAW,CAAC,IAAIJ,SAAS;EACnD,OAAO,CAACK,OAAO,EAAEJ,MAAM,CAAC;AAC1B,CAAC;AAED,SAASC,UAAU"}
+{"version":3,"file":"get-preview.js","names":["React","pdf","image","schemas","default","component","schema","getPreview","mimetype","previewType","Preview"],"sources":["../../../src/components/FilePreview/get-preview.js"],"sourcesContent":["import React from 'react';\nimport { pdf } from './PDF';\nimport { image } from './Image';\n\nconst schemas = {\n  'application/pdf': pdf,\n  'image/gif': image,\n  'image/jpg': image,\n  'image/jpeg': image,\n  'image/png': image,\n  'image/bmp': image,\n  'image/svg+xml': image,\n  'image/tiff': image,\n  'image/webp': image,\n  default: {\n    component: () => <div>Preview not available</div>,\n    schema: null\n  }\n};\n\nconst getPreview = ({ mimetype, previewType }) => {\n  const { component, schema } = schemas[mimetype] || schemas.default;\n  const Preview = component[previewType] || component;\n  return [Preview, schema];\n};\n\nexport { getPreview };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,KAAK,QAAQ,SAAS;AAE/B,MAAMC,OAAO,GAAG;EACd,iBAAiB,EAAEF,GAAG;EACtB,WAAW,EAAEC,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,YAAY,EAAEA,KAAK;EACnB,WAAW,EAAEA,KAAK;EAClB,WAAW,EAAEA,KAAK;EAClB,eAAe,EAAEA,KAAK;EACtB,YAAY,EAAEA,KAAK;EACnB,YAAY,EAAEA,KAAK;EACnBE,OAAO,EAAE;IACPC,SAAS,EAAE,mBAAM,iCAAK,uBAAqB,CAAM;IACjDC,MAAM,EAAE;EACV;AACF,CAAC;AAED,MAAMC,UAAU,GAAG,CAAC;EAAEC,QAAQ;EAAEC;AAAY,CAAC,KAAK;EAChD,MAAM;IAAEJ,SAAS;IAAEC;EAAO,CAAC,GAAGH,OAAO,CAACK,QAAQ,CAAC,IAAIL,OAAO,CAACC,OAAO;EAClE,MAAMM,OAAO,GAAGL,SAAS,CAACI,WAAW,CAAC,IAAIJ,SAAS;EACnD,OAAO,CAACK,OAAO,EAAEJ,MAAM,CAAC;AAC1B,CAAC;AAED,SAASC,UAAU"}

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

@@ -3,10 +3,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { _defineProperty(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; }
 import React, { useState, useContext, useEffect } from 'react';
 import FileUpload from '@blaze-react/file-upload';
-import Modal from '@blaze-react/modal';
 import PropTypes from 'prop-types';
 import { useApolloClient } from '@apollo/client';
-import { getQuery, getMutation } from '@blaze-cms/admin-ui-utils';
+import { getQuery, getMutation, ModalAdapter as Modal } from '@blaze-cms/admin-ui-utils';
 import { parseFormValues } from '@blaze-cms/react-form-builder';
 import useToasts from '@blaze-react/toaster/lib/Toast/useToasts';
 import { MORE } from '../../constants';