@blaze-cms/plugin-media-ui 0.141.0-core-styles.16 → 0.141.0
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.
- package/CHANGELOG.md +5 -32
- package/lib/components/FilterPanel/FilterPanel.js +1 -0
- package/lib/components/FilterPanel/FilterPanel.js.map +1 -1
- package/lib-es/components/FilterPanel/FilterPanel.js +1 -0
- package/lib-es/components/FilterPanel/FilterPanel.js.map +1 -1
- package/package.json +9 -9
- package/src/components/FilterPanel/FilterPanel.js +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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.141.0
|
|
6
|
+
# [0.141.0](https://github.com/thebyte9/blaze/compare/v0.141.0-alpha.2...v0.141.0) (2024-05-14)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
# [0.141.0-
|
|
14
|
+
# [0.141.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.141.0-alpha.0...v0.141.0-alpha.1) (2024-05-08)
|
|
15
15
|
|
|
16
16
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
17
17
|
|
|
@@ -19,34 +19,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
# [0.141.0-
|
|
23
|
-
|
|
24
|
-
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
# [0.141.0-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.140.2-core-styles.1...v0.141.0-core-styles.0) (2024-03-08)
|
|
22
|
+
# [0.141.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.140.3...v0.141.0-alpha.0) (2024-04-24)
|
|
31
23
|
|
|
32
24
|
|
|
33
25
|
### Bug Fixes
|
|
34
26
|
|
|
35
|
-
* fix import and wrap file upload in toast provider ([#4080](https://github.com/thebyte9/blaze/issues/4080)) ([
|
|
27
|
+
* fix import and wrap file upload in toast provider ([#4080](https://github.com/thebyte9/blaze/issues/4080)) ([19288f8](https://github.com/thebyte9/blaze/commit/19288f82c1eb646a60121c6e1bbb7e3d52b2f8d0))
|
|
36
28
|
|
|
37
29
|
|
|
38
30
|
|
|
39
|
-
## [0.140.1](https://github.com/thebyte9/blaze/compare/v0.140.1-alpha.0...v0.140.1) (2024-03-04)
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
## [0.140.1-alpha.0](https://github.com/thebyte9/blaze/compare/v0.140.0...v0.140.1-alpha.0) (2024-03-04)
|
|
44
|
-
|
|
45
31
|
|
|
46
32
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
## [0.140.2-core-styles.1](https://github.com/thebyte9/blaze/compare/v0.140.2-core-styles.0...v0.140.2-core-styles.1) (2024-03-07)
|
|
33
|
+
## [0.140.3](https://github.com/thebyte9/blaze/compare/v0.140.2...v0.140.3) (2024-04-04)
|
|
50
34
|
|
|
51
35
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
52
36
|
|
|
@@ -54,17 +38,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
54
38
|
|
|
55
39
|
|
|
56
40
|
|
|
57
|
-
## [0.140.2-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.140.0...v0.140.2-core-styles.0) (2024-03-06)
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
### Bug Fixes
|
|
61
|
-
|
|
62
|
-
* media search by filename ([#4280](https://github.com/thebyte9/blaze/issues/4280)) ([3a52a49](https://github.com/thebyte9/blaze/commit/3a52a49e390db06ac13ec20a895d9684ece83a78))
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
41
|
## [0.140.1](https://github.com/thebyte9/blaze/compare/v0.140.1-alpha.0...v0.140.1) (2024-03-04)
|
|
69
42
|
|
|
70
43
|
**Note:** Version bump only for package @blaze-cms/plugin-media-ui
|
|
@@ -139,6 +139,7 @@ var FilterPanel = function FilterPanel() {
|
|
|
139
139
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
140
140
|
className: "select__wrapper"
|
|
141
141
|
}, /*#__PURE__*/_react["default"].createElement(_select["default"], {
|
|
142
|
+
name: "filter",
|
|
142
143
|
defaultTextValue: "Any",
|
|
143
144
|
options: storeOptions,
|
|
144
145
|
onChange: onSelectFilter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.js","names":["_react","_interopRequireWildcard","require","_pluginSearchUi","_classnames","_interopRequireDefault","_select","_mediaContext","_useFileList2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FilterPanel","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useMediaContext","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","fileStores","_useFileList","useFileList","queryParams","data","_useState3","id","_useState4","active","setActive","useEffect","handleSearchTerm","_ref","value","target","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","_ref2","key","trim","onSelectFilter","_ref3","activeSegements","reduce","acc","_ref4","index","concat","activeBarSegment","classnames","storeOptions","map","type","name","createElement","className","_ref5","label","onClick","defaultTextValue","options","onChange","selected","SearchBar","search","placeholder","close","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const { filters, selectedFilter, changeSelectedFilter, fileStores } = 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 defaultTextValue=\"Any\"\n options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm,\n storeKey: selectedFilter.storeKey\n })\n }\n handleKeyDown={handleKeyDown}\n searchTerm={searchTerm}\n handleSearchTerm={handleSearchTerm}\n placeholder=\"Search term here...\"\n close={false}\n />\n </div>\n </div>\n );\n};\n\nexport default FilterPanel;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","names":["_react","_interopRequireWildcard","require","_pluginSearchUi","_classnames","_interopRequireDefault","_select","_mediaContext","_useFileList2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","FilterPanel","_useState","useState","_useState2","_slicedToArray2","searchTerm","setSearchTerm","_useMediaContext","useMediaContext","MediaContext","filters","selectedFilter","changeSelectedFilter","fileStores","_useFileList","useFileList","queryParams","data","_useState3","id","_useState4","active","setActive","useEffect","handleSearchTerm","_ref","value","target","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","_ref2","key","trim","onSelectFilter","_ref3","activeSegements","reduce","acc","_ref4","index","concat","activeBarSegment","classnames","storeOptions","map","type","name","createElement","className","_ref5","label","onClick","defaultTextValue","options","onChange","selected","SearchBar","search","placeholder","close","_default","exports"],"sources":["../../../src/components/FilterPanel/FilterPanel.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { useState, useEffect } from 'react';\nimport { SearchBar } from '@blaze-cms/plugin-search-ui';\nimport classnames from 'classnames';\nimport Select from '@blaze-react/select';\nimport { useMediaContext, MediaContext } from '../../utils/media-context';\nimport useFileList from '../FileList/useFileList';\n\nconst FilterPanel = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const { filters, selectedFilter, changeSelectedFilter, fileStores } = 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 name=\"filter\"\n defaultTextValue=\"Any\"\n options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm,\n storeKey: selectedFilter.storeKey\n })\n }\n handleKeyDown={handleKeyDown}\n searchTerm={searchTerm}\n handleSearchTerm={handleSearchTerm}\n placeholder=\"Search term here...\"\n close={false}\n />\n </div>\n </div>\n );\n};\n\nexport default FilterPanel;\n"],"mappings":"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"}
|
|
@@ -112,6 +112,7 @@ const FilterPanel = () => {
|
|
|
112
112
|
}, /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: "select__wrapper"
|
|
114
114
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
115
|
+
name: "filter",
|
|
115
116
|
defaultTextValue: "Any",
|
|
116
117
|
options: storeOptions,
|
|
117
118
|
onChange: onSelectFilter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterPanel.js","names":["React","useState","useEffect","SearchBar","classnames","Select","useMediaContext","MediaContext","useFileList","FilterPanel","searchTerm","setSearchTerm","filters","selectedFilter","changeSelectedFilter","fileStores","queryParams","data","active","setActive","id","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","storeOptions","map","type","name","createElement","className","label","onClick","defaultTextValue","options","onChange","selected","search","placeholder","close"],"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 defaultTextValue=\"Any\"\n options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm,\n storeKey: selectedFilter.storeKey\n })\n }\n handleKeyDown={handleKeyDown}\n searchTerm={searchTerm}\n handleSearchTerm={handleSearchTerm}\n placeholder=\"Search term here...\"\n close={false}\n />\n </div>\n </div>\n );\n};\n\nexport default FilterPanel;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FilterPanel.js","names":["React","useState","useEffect","SearchBar","classnames","Select","useMediaContext","MediaContext","useFileList","FilterPanel","searchTerm","setSearchTerm","filters","selectedFilter","changeSelectedFilter","fileStores","queryParams","data","active","setActive","id","handleSearchTerm","target","value","storeKey","onChangeFilter","filter","isSearch","handleKeyDown","key","trim","onSelectFilter","activeSegements","reduce","acc","index","activeBarSegment","storeOptions","map","type","name","createElement","className","label","onClick","defaultTextValue","options","onChange","selected","search","placeholder","close"],"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 name=\"filter\"\n defaultTextValue=\"Any\"\n options={storeOptions}\n onChange={onSelectFilter}\n selected={selectedFilter.storeKey}\n />\n </div>\n <SearchBar\n search={() =>\n changeSelectedFilter({\n filter: selectedFilter.filter,\n isSearch: true,\n searchTerm,\n storeKey: selectedFilter.storeKey\n })\n }\n handleKeyDown={handleKeyDown}\n searchTerm={searchTerm}\n handleSearchTerm={handleSearchTerm}\n placeholder=\"Search term here...\"\n close={false}\n />\n </div>\n </div>\n );\n};\n\nexport default FilterPanel;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-media-ui",
|
|
3
|
-
"version": "0.141.0
|
|
3
|
+
"version": "0.141.0",
|
|
4
4
|
"description": "Blaze plugin media ui",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
},
|
|
28
28
|
"license": "GPL-3.0",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@blaze-cms/admin-ui-utils": "0.141.0
|
|
31
|
-
"@blaze-cms/core-errors": "0.140.
|
|
32
|
-
"@blaze-cms/plugin-search-ui": "0.141.0
|
|
33
|
-
"@blaze-cms/react-form-builder": "0.141.0
|
|
34
|
-
"@blaze-cms/setup-ui": "0.140.
|
|
30
|
+
"@blaze-cms/admin-ui-utils": "^0.141.0",
|
|
31
|
+
"@blaze-cms/core-errors": "^0.140.3",
|
|
32
|
+
"@blaze-cms/plugin-search-ui": "^0.141.0",
|
|
33
|
+
"@blaze-cms/react-form-builder": "^0.141.0",
|
|
34
|
+
"@blaze-cms/setup-ui": "^0.140.3",
|
|
35
35
|
"@blaze-react/button": "0.5.19",
|
|
36
36
|
"@blaze-react/drafteditor": "0.7.0",
|
|
37
|
-
"@blaze-react/file-upload": "0.8.0-alpha.
|
|
37
|
+
"@blaze-react/file-upload": "0.8.0-alpha.78",
|
|
38
38
|
"@blaze-react/modal": "0.5.19",
|
|
39
39
|
"@blaze-react/more": "0.5.19",
|
|
40
40
|
"@blaze-react/toaster": "0.5.17",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"react-tiny-virtual-list": "2.2.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@blaze-cms/core-ui": "0.140.
|
|
47
|
+
"@blaze-cms/core-ui": "^0.140.3"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@apollo/client": "3.x",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"lib/*",
|
|
58
58
|
"lib-es/*"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "2a61d1506ef11a21af4d65d1eaf065b9fbdb9e23"
|
|
61
61
|
}
|