@blaze-cms/plugin-media-ui 0.146.0-node18-tooltips.49 → 0.146.0-node18-tooltips.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +2 -0
  3. package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
  4. package/lib/constants.js +1 -1
  5. package/lib/constants.js.map +1 -1
  6. package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +2 -0
  7. package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map +1 -1
  8. package/lib-es/constants.js +1 -1
  9. package/lib-es/constants.js.map +1 -1
  10. package/package.json +2 -2
  11. package/src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js +2 -0
  12. package/src/constants.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.146.0-node18-tooltips.50](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.49...v0.146.0-node18-tooltips.50) (2026-06-19)
7
+
8
+ **Note:** Version bump only for package @blaze-cms/plugin-media-ui
9
+
10
+
11
+
12
+
13
+
6
14
  # [0.146.0-node18-tooltips.49](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.48...v0.146.0-node18-tooltips.49) (2026-06-19)
7
15
 
8
16
 
package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js CHANGED
@@ -76,6 +76,8 @@ var MediaFileList = function MediaFileList(_ref) {
76
76
  var hasFiles = !!data.files && !!data.files.length;
77
77
  (0, _react.useEffect)(function () {
78
78
  if (!loading && !hasFiles) setDisplayCardPrompt(true);
79
+ if (!loading) setDisplayCardPrompt(false);
80
+ if (hasFiles) setDisplayCardPrompt(false);
79
81
  }, [loading, hasFiles, setDisplayCardPrompt]);
80
82
  (0, _react.useEffect)(function () {
81
83
  setVerifiedRanges([]);
package/lib/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MediaFileList.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_admin","_button","_reactTinyVirtualList","_mediaContext","_CardMedia","_mappers","_useFileList2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","MediaFileList","_ref","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","_useState","useState","_useState2","_slicedToArray2","currentListIndex","setCurrentListIndex","_useState3","_useState4","verifiedRanges","setVerifiedRanges","_useState5","_useState6","listHeight","setListHeight","_useFileList","useFileList","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","_useMediaContext","useMediaContext","MediaContext","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","useEffect","where","AVAILABLE_FILTER_TYPES","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","_ref2","startIndex","rowsLength","loadIndex","Math","floor","MEDIA_OVER_SCAN_COUNT","includes","offset","concat","_toConsumableArray2","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","MEDIA_LIST_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref3","index","style","_data$files$index","name","url","mimetype","id","fileData","updated","isSelected","existPrevious","key","latestQueryToRefetchParams","onSelected","selected","CardPrompt","onClick","propTypes","PropTypes","func","isRequired","bool","string","object","defaultProps","_default","exports"],"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 openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\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 selectedFilter.esFilters\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 esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\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 }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\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: fileData, updated } = 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 openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\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 openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"MediaFileList.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_admin","_button","_reactTinyVirtualList","_mediaContext","_CardMedia","_mappers","_useFileList2","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","MediaFileList","_ref","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","_useState","useState","_useState2","_slicedToArray2","currentListIndex","setCurrentListIndex","_useState3","_useState4","verifiedRanges","setVerifiedRanges","_useState5","_useState6","listHeight","setListHeight","_useFileList","useFileList","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","_useMediaContext","useMediaContext","MediaContext","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","useEffect","where","AVAILABLE_FILTER_TYPES","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","_ref2","startIndex","rowsLength","loadIndex","Math","floor","MEDIA_OVER_SCAN_COUNT","includes","offset","concat","_toConsumableArray2","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","MEDIA_LIST_ITEM_SIZE","overscanCount","scrollToIndex","onItemsRendered","renderItem","_ref3","index","style","_data$files$index","name","url","mimetype","id","fileData","updated","isSelected","existPrevious","key","latestQueryToRefetchParams","onSelected","selected","CardPrompt","onClick","propTypes","PropTypes","func","isRequired","bool","string","object","defaultProps","_default","exports"],"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 openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n if (!loading) setDisplayCardPrompt(false);\n if (hasFiles) setDisplayCardPrompt(false);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\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 selectedFilter.esFilters\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 esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\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 }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\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: fileData, updated } = 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 openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\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 openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
package/lib/constants.js CHANGED
@@ -22,7 +22,7 @@ var AVAILABLE_FILTER_TYPES = exports.AVAILABLE_FILTER_TYPES = {
22
22
  }
23
23
  };
24
24
  var MEDIA_LIST_ITEM_SIZE = exports.MEDIA_LIST_ITEM_SIZE = 97;
25
- var MEDIA_OVER_SCAN_COUNT = exports.MEDIA_OVER_SCAN_COUNT = 0;
25
+ var MEDIA_OVER_SCAN_COUNT = exports.MEDIA_OVER_SCAN_COUNT = 3;
26
26
  var ICON_SIZE = exports.ICON_SIZE = {
27
27
  WIDTH: '25px',
28
28
  HEIGHT: '25px'
package/lib/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE","FILE_DEFAULT_PROPS"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nconst FILE_DEFAULT_PROPS = [\n 'id',\n 'location',\n 'mimetype',\n 'url',\n 'data',\n 'name',\n 'storeKey',\n 'filename',\n 'type',\n 'updated'\n];\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR,\n FILE_DEFAULT_PROPS\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,UAAU;AAC9B,IAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,CAAC;AAC3B,IAAMC,sBAAsB,GAAAF,OAAA,CAAAE,sBAAA,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,IAAMI,oBAAoB,GAAAR,OAAA,CAAAQ,oBAAA,GAAG,EAAE;AAC/B,IAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,CAAC;AAE/B,IAAMC,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,SAAS,GAAAhB,OAAA,CAAAgB,SAAA,GAAG,UAAU;AAC5B,IAAMC,IAAI,GAAAjB,OAAA,CAAAiB,IAAA,GAAG,MAAM;AAEnB,IAAMC,GAAG,GAAAlB,OAAA,CAAAkB,GAAA,GAAG,KAAK;AACjB,IAAMC,wBAAwB,GAAAnB,OAAA,CAAAmB,wBAAA,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,IAAMC,OAAO,GAAApB,OAAA,CAAAoB,OAAA,GAAG,SAAS;AACzB,IAAMC,OAAO,GAAArB,OAAA,CAAAqB,OAAA,GAAG,SAAS;AACzB,IAAMC,MAAM,GAAAtB,OAAA,CAAAsB,MAAA,GAAG,QAAQ;AACvB,IAAMC,IAAI,GAAAvB,OAAA,CAAAuB,IAAA,GAAG,UAAU;AAEvB,IAAMC,kBAAkB,GAAAxB,OAAA,CAAAwB,kBAAA,GAAG,CACzB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,CACV","ignoreList":[]}
1
+ {"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE","FILE_DEFAULT_PROPS"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 3;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nconst FILE_DEFAULT_PROPS = [\n 'id',\n 'location',\n 'mimetype',\n 'url',\n 'data',\n 'name',\n 'storeKey',\n 'filename',\n 'type',\n 'updated'\n];\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR,\n FILE_DEFAULT_PROPS\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,UAAU;AAC9B,IAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,CAAC;AAC3B,IAAMC,sBAAsB,GAAAF,OAAA,CAAAE,sBAAA,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,IAAMI,oBAAoB,GAAAR,OAAA,CAAAQ,oBAAA,GAAG,EAAE;AAC/B,IAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,CAAC;AAE/B,IAAMC,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,UAAU,GAAAb,OAAA,CAAAa,UAAA,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,IAAMC,SAAS,GAAAhB,OAAA,CAAAgB,SAAA,GAAG,UAAU;AAC5B,IAAMC,IAAI,GAAAjB,OAAA,CAAAiB,IAAA,GAAG,MAAM;AAEnB,IAAMC,GAAG,GAAAlB,OAAA,CAAAkB,GAAA,GAAG,KAAK;AACjB,IAAMC,wBAAwB,GAAAnB,OAAA,CAAAmB,wBAAA,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,IAAMC,OAAO,GAAApB,OAAA,CAAAoB,OAAA,GAAG,SAAS;AACzB,IAAMC,OAAO,GAAArB,OAAA,CAAAqB,OAAA,GAAG,SAAS;AACzB,IAAMC,MAAM,GAAAtB,OAAA,CAAAsB,MAAA,GAAG,QAAQ;AACvB,IAAMC,IAAI,GAAAvB,OAAA,CAAAuB,IAAA,GAAG,UAAU;AAEvB,IAAMC,kBAAkB,GAAAxB,OAAA,CAAAwB,kBAAA,GAAG,CACzB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,CACV","ignoreList":[]}
package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js CHANGED
@@ -40,6 +40,8 @@ const MediaFileList = ({
40
40
  const hasFiles = !!data.files && !!data.files.length;
41
41
  useEffect(() => {
42
42
  if (!loading && !hasFiles) setDisplayCardPrompt(true);
43
+ if (!loading) setDisplayCardPrompt(false);
44
+ if (hasFiles) setDisplayCardPrompt(false);
43
45
  }, [loading, hasFiles, setDisplayCardPrompt]);
44
46
  useEffect(() => {
45
47
  setVerifiedRanges([]);
package/lib-es/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MediaFileList.js","names":["React","useState","useEffect","PropTypes","CardPrompt","Button","VirtualList","useMediaContext","MediaContext","CardMedia","existPrevious","useFileList","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","AVAILABLE_FILTER_TYPES","MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","length","_objectSpread","where","filter","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","name","url","mimetype","id","fileData","updated","isSelected","key","latestQueryToRefetchParams","onSelected","selected","onClick","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 openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\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 selectedFilter.esFilters\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 esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\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 }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\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: fileData, updated } = 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 openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\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 openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"MediaFileList.js","names":["React","useState","useEffect","PropTypes","CardPrompt","Button","VirtualList","useMediaContext","MediaContext","CardMedia","existPrevious","useFileList","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","AVAILABLE_FILTER_TYPES","MediaFileList","displayCardPrompt","setDisplayCardPrompt","displayLayout","wrapperRef","modalTargetRef","openEditInModal","currentListIndex","setCurrentListIndex","verifiedRanges","setVerifiedRanges","listHeight","setListHeight","queryParams","data","loading","setQueryParams","clearList","removeFile","updateFile","onClickPrompt","getSelectedFiles","selectedFiles","selectedFilter","hasFiles","files","length","_objectSpread","where","filter","storeKey","isSearch","searchTerm","esFilters","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","offset","handleListHeight","current","clientHeight","window","addEventListener","removeEventListener","searchedTerm","createElement","Fragment","className","width","height","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","name","url","mimetype","id","fileData","updated","isSelected","key","latestQueryToRefetchParams","onSelected","selected","onClick","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 openEditInModal\n}) => {\n const [currentListIndex, setCurrentListIndex] = useState(1);\n const [verifiedRanges, setVerifiedRanges] = useState([]);\n const [listHeight, setListHeight] = useState(null);\n const { queryParams, data, loading, setQueryParams, clearList, removeFile, updateFile } =\n useFileList();\n\n const { onClickPrompt, getSelectedFiles, selectedFiles, selectedFilter } =\n useMediaContext(MediaContext);\n\n const hasFiles = !!data.files && !!data.files.length;\n\n useEffect(() => {\n if (!loading && !hasFiles) setDisplayCardPrompt(true);\n if (!loading) setDisplayCardPrompt(false);\n if (hasFiles) setDisplayCardPrompt(false);\n }, [loading, hasFiles, setDisplayCardPrompt]);\n\n useEffect(\n () => {\n setVerifiedRanges([]);\n setCurrentListIndex(0);\n setQueryParams({\n ...selectedFilter,\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 selectedFilter.esFilters\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 esFilters: selectedFilter.esFilters\n });\n setVerifiedRanges([...verifiedRanges, loadIndex]);\n setCurrentListIndex(startIndex + MEDIA_OVER_SCAN_COUNT);\n }\n };\n\n useEffect(() => {\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 }, [listHeight, wrapperRef]);\n\n const searchedTerm = queryParams.searchTerm && `${queryParams.searchTerm} -`;\n\n return (\n <>\n {hasFiles && (\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: fileData, updated } = 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 openEditInModal={openEditInModal}\n data={fileData}\n updated={updated}\n />\n </div>\n );\n }}\n />\n </>\n )}\n {displayCardPrompt && (\n <CardPrompt>\n <Button onClick={onClickPrompt} className=\"button button--rounded button--cta\">\n Upload\n </Button>\n </CardPrompt>\n )}\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 openEditInModal: PropTypes.bool\n};\n\nMediaFileList.defaultProps = {\n displayCardPrompt: true,\n openEditInModal: false\n};\n\nexport default MediaFileList;\n"],"mappings":"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","ignoreList":[]}
package/lib-es/constants.js CHANGED
@@ -15,7 +15,7 @@ const AVAILABLE_FILTER_TYPES = {
15
15
  }
16
16
  };
17
17
  const MEDIA_LIST_ITEM_SIZE = 97;
18
- const MEDIA_OVER_SCAN_COUNT = 0;
18
+ const MEDIA_OVER_SCAN_COUNT = 3;
19
19
  const ICON_SIZE = {
20
20
  WIDTH: '25px',
21
21
  HEIGHT: '25px'
package/lib-es/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE","FILE_DEFAULT_PROPS"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 0;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nconst FILE_DEFAULT_PROPS = [\n 'id',\n 'location',\n 'mimetype',\n 'url',\n 'data',\n 'name',\n 'storeKey',\n 'filename',\n 'type',\n 'updated'\n];\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR,\n FILE_DEFAULT_PROPS\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AACvB,MAAMC,IAAI,GAAG,UAAU;AAEvB,MAAMC,kBAAkB,GAAG,CACzB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,CACV;AAED,SACEN,GAAG,EACHhB,sBAAsB,EACtBoB,MAAM,EACNH,wBAAwB,EACxBX,oBAAoB,EACpBC,qBAAqB,EACrBc,IAAI,EACJN,IAAI,EACJhB,iBAAiB,EACjBD,WAAW,EACXoB,OAAO,EACPC,OAAO,EACPL,SAAS,EACTN,SAAS,EACTG,UAAU,EACVW,kBAAkB","ignoreList":[]}
1
+ {"version":3,"file":"constants.js","names":["PLUGIN_NAME","ONE_FILE_AS_LIMIT","AVAILABLE_FILTER_TYPES","all","type","images","videos","documents","MEDIA_LIST_ITEM_SIZE","MEDIA_OVER_SCAN_COUNT","ICON_SIZE","WIDTH","HEIGHT","ICON_COLOR","STROKE","FILL","STORE_KEY","NAME","ALL","INVALID_STORE_KEY_VALUES","PREVIEW","REORDER","IMAGES","MORE","FILE_DEFAULT_PROPS"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'media-ui';\nconst ONE_FILE_AS_LIMIT = 1;\nconst AVAILABLE_FILTER_TYPES = {\n all: {\n type: 'all'\n },\n images: {\n type: 'image'\n },\n videos: {\n type: 'video'\n },\n documents: {\n type: 'text'\n }\n};\n\nconst MEDIA_LIST_ITEM_SIZE = 97;\nconst MEDIA_OVER_SCAN_COUNT = 3;\n\nconst ICON_SIZE = {\n WIDTH: '25px',\n HEIGHT: '25px'\n};\n\nconst ICON_COLOR = {\n STROKE: '#63779C',\n FILL: '#63779C'\n};\n\nconst STORE_KEY = 'storeKey';\nconst NAME = 'name';\n\nconst ALL = 'all';\nconst INVALID_STORE_KEY_VALUES = [null, '', 'Please Choose...', 'Any'];\nconst PREVIEW = 'Preview';\nconst REORDER = 'Reorder';\nconst IMAGES = 'Images';\nconst MORE = 'more ...';\n\nconst FILE_DEFAULT_PROPS = [\n 'id',\n 'location',\n 'mimetype',\n 'url',\n 'data',\n 'name',\n 'storeKey',\n 'filename',\n 'type',\n 'updated'\n];\n\nexport {\n ALL,\n AVAILABLE_FILTER_TYPES,\n IMAGES,\n INVALID_STORE_KEY_VALUES,\n MEDIA_LIST_ITEM_SIZE,\n MEDIA_OVER_SCAN_COUNT,\n MORE,\n NAME,\n ONE_FILE_AS_LIMIT,\n PLUGIN_NAME,\n PREVIEW,\n REORDER,\n STORE_KEY,\n ICON_SIZE,\n ICON_COLOR,\n FILE_DEFAULT_PROPS\n};\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,UAAU;AAC9B,MAAMC,iBAAiB,GAAG,CAAC;AAC3B,MAAMC,sBAAsB,GAAG;EAC7BC,GAAG,EAAE;IACHC,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACND,IAAI,EAAE;EACR,CAAC;EACDE,MAAM,EAAE;IACNF,IAAI,EAAE;EACR,CAAC;EACDG,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC;AAED,MAAMI,oBAAoB,GAAG,EAAE;AAC/B,MAAMC,qBAAqB,GAAG,CAAC;AAE/B,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,SAAS,GAAG,UAAU;AAC5B,MAAMC,IAAI,GAAG,MAAM;AAEnB,MAAMC,GAAG,GAAG,KAAK;AACjB,MAAMC,wBAAwB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACtE,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,OAAO,GAAG,SAAS;AACzB,MAAMC,MAAM,GAAG,QAAQ;AACvB,MAAMC,IAAI,GAAG,UAAU;AAEvB,MAAMC,kBAAkB,GAAG,CACzB,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,CACV;AAED,SACEN,GAAG,EACHhB,sBAAsB,EACtBoB,MAAM,EACNH,wBAAwB,EACxBX,oBAAoB,EACpBC,qBAAqB,EACrBc,IAAI,EACJN,IAAI,EACJhB,iBAAiB,EACjBD,WAAW,EACXoB,OAAO,EACPC,OAAO,EACPL,SAAS,EACTN,SAAS,EACTG,UAAU,EACVW,kBAAkB","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/plugin-media-ui",
3
- "version": "0.146.0-node18-tooltips.49",
3
+ "version": "0.146.0-node18-tooltips.50",
4
4
  "description": "Blaze plugin media ui",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -61,5 +61,5 @@
61
61
  "lib/*",
62
62
  "lib-es/*"
63
63
  ],
64
- "gitHead": "fda5819600b133737153e8775db35aa0819beecc"
64
+ "gitHead": "aa0c52df39cfd07fa945c92e7da3d5a76db391c8"
65
65
  }
package/src/components/ListingContainer/Listing/MediaListing/MediaFileList/MediaFileList.js CHANGED
@@ -34,6 +34,8 @@ const MediaFileList = ({
34
34
 
35
35
  useEffect(() => {
36
36
  if (!loading && !hasFiles) setDisplayCardPrompt(true);
37
+ if (!loading) setDisplayCardPrompt(false);
38
+ if (hasFiles) setDisplayCardPrompt(false);
37
39
  }, [loading, hasFiles, setDisplayCardPrompt]);
38
40
 
39
41
  useEffect(
package/src/constants.js CHANGED
@@ -16,7 +16,7 @@ const AVAILABLE_FILTER_TYPES = {
16
16
  };
17
17
 
18
18
  const MEDIA_LIST_ITEM_SIZE = 97;
19
- const MEDIA_OVER_SCAN_COUNT = 0;
19
+ const MEDIA_OVER_SCAN_COUNT = 3;
20
20
 
21
21
  const ICON_SIZE = {
22
22
  WIDTH: '25px',