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

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 (96) hide show
  1. package/CHANGELOG.md +23 -1
  2. package/lib/application/query/index.js +0 -8
  3. package/lib/application/query/index.js.map +1 -1
  4. package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js +2 -11
  5. package/lib/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
  6. package/lib/components/SearchAdmin/RecentSearches/index.js +0 -4
  7. package/lib/components/SearchAdmin/RecentSearches/index.js.map +1 -1
  8. package/lib/components/SearchAdmin/SearchAdmin.js +70 -68
  9. package/lib/components/SearchAdmin/SearchAdmin.js.map +1 -1
  10. package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +113 -0
  11. package/lib/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -0
  12. package/lib/components/SearchAdmin/SearchAdminSideBar/index.js +12 -0
  13. package/lib/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -0
  14. package/lib/components/SearchAdmin/SearchBar/SearchBar.js +7 -15
  15. package/lib/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
  16. package/lib/components/SearchAdmin/SearchBar/index.js +0 -4
  17. package/lib/components/SearchAdmin/SearchBar/index.js.map +1 -1
  18. package/lib/components/SearchAdmin/SearchResults/SearchResults.js +37 -65
  19. package/lib/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
  20. package/lib/components/SearchAdmin/SearchResults/index.js +0 -4
  21. package/lib/components/SearchAdmin/SearchResults/index.js.map +1 -1
  22. package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js +0 -6
  23. package/lib/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
  24. package/lib/components/SearchAdmin/TriggerModal/index.js +0 -4
  25. package/lib/components/SearchAdmin/TriggerModal/index.js.map +1 -1
  26. package/lib/components/SearchAdmin/index.js +0 -4
  27. package/lib/components/SearchAdmin/index.js.map +1 -1
  28. package/lib/components/SearchPublishedContent/SearchPublishedContent.js +36 -67
  29. package/lib/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
  30. package/lib/components/SearchPublishedContent/index.js +0 -4
  31. package/lib/components/SearchPublishedContent/index.js.map +1 -1
  32. package/lib/components/useLocalStorage/index.js +0 -4
  33. package/lib/components/useLocalStorage/index.js.map +1 -1
  34. package/lib/components/useLocalStorage/useLocalStorage.js +6 -14
  35. package/lib/components/useLocalStorage/useLocalStorage.js.map +1 -1
  36. package/lib/components/useSearch/index.js +0 -4
  37. package/lib/components/useSearch/index.js.map +1 -1
  38. package/lib/components/useSearch/useSearch.js +41 -65
  39. package/lib/components/useSearch/useSearch.js.map +1 -1
  40. package/lib/components/useSearchResults/index.js +0 -4
  41. package/lib/components/useSearchResults/index.js.map +1 -1
  42. package/lib/components/useSearchResults/useSearchResults.js +17 -63
  43. package/lib/components/useSearchResults/useSearchResults.js.map +1 -1
  44. package/lib/constants.js +0 -1
  45. package/lib/constants.js.map +1 -1
  46. package/lib/hooks/index.js +0 -4
  47. package/lib/hooks/index.js.map +1 -1
  48. package/lib/hooks/useDebounceSearch.js +19 -33
  49. package/lib/hooks/useDebounceSearch.js.map +1 -1
  50. package/lib/index.js +0 -6
  51. package/lib/index.js.map +1 -1
  52. package/lib-es/application/query/index.js +0 -3
  53. package/lib-es/application/query/index.js.map +1 -1
  54. package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js +0 -2
  55. package/lib-es/components/SearchAdmin/RecentSearches/RecentSearches.js.map +1 -1
  56. package/lib-es/components/SearchAdmin/RecentSearches/index.js.map +1 -1
  57. package/lib-es/components/SearchAdmin/SearchAdmin.js +31 -14
  58. package/lib-es/components/SearchAdmin/SearchAdmin.js.map +1 -1
  59. package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +76 -0
  60. package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map +1 -0
  61. package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js +3 -0
  62. package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map +1 -0
  63. package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js +0 -2
  64. package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map +1 -1
  65. package/lib-es/components/SearchAdmin/SearchBar/index.js.map +1 -1
  66. package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js +18 -15
  67. package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map +1 -1
  68. package/lib-es/components/SearchAdmin/SearchResults/index.js.map +1 -1
  69. package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js +0 -2
  70. package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map +1 -1
  71. package/lib-es/components/SearchAdmin/TriggerModal/index.js.map +1 -1
  72. package/lib-es/components/SearchAdmin/index.js.map +1 -1
  73. package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js +4 -10
  74. package/lib-es/components/SearchPublishedContent/SearchPublishedContent.js.map +1 -1
  75. package/lib-es/components/SearchPublishedContent/index.js.map +1 -1
  76. package/lib-es/components/useLocalStorage/index.js.map +1 -1
  77. package/lib-es/components/useLocalStorage/useLocalStorage.js +0 -4
  78. package/lib-es/components/useLocalStorage/useLocalStorage.js.map +1 -1
  79. package/lib-es/components/useSearch/index.js.map +1 -1
  80. package/lib-es/components/useSearch/useSearch.js +7 -10
  81. package/lib-es/components/useSearch/useSearch.js.map +1 -1
  82. package/lib-es/components/useSearchResults/index.js.map +1 -1
  83. package/lib-es/components/useSearchResults/useSearchResults.js +1 -19
  84. package/lib-es/components/useSearchResults/useSearchResults.js.map +1 -1
  85. package/lib-es/constants.js.map +1 -1
  86. package/lib-es/hooks/index.js.map +1 -1
  87. package/lib-es/hooks/useDebounceSearch.js +0 -2
  88. package/lib-es/hooks/useDebounceSearch.js.map +1 -1
  89. package/lib-es/index.js.map +1 -1
  90. package/package.json +3 -3
  91. package/src/components/SearchAdmin/SearchAdmin.js +70 -40
  92. package/src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js +88 -0
  93. package/src/components/SearchAdmin/SearchAdminSideBar/index.js +3 -0
  94. package/src/components/SearchAdmin/SearchResults/SearchResults.js +42 -6
  95. package/src/components/useSearch/useSearch.js +8 -2
  96. package/src/components/useSearchResults/useSearchResults.js +1 -15
package/CHANGELOG.md CHANGED
@@ -3,12 +3,34 @@
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.125.0-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-core-styles.0) (2022-10-26)
6
+ # [0.125.0-f-admin-updates.3](https://github.com/thebyte9/blaze/compare/v0.125.0-f-admin-updates.2...v0.125.0-f-admin-updates.3) (2022-11-10)
7
+
8
+ **Note:** Version bump only for package @blaze-cms/plugin-search-ui
9
+
10
+
11
+
12
+
13
+
14
+ # [0.125.0-f-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.124.1...v0.125.0-f-admin-updates.0) (2022-10-06)
7
15
 
8
16
 
9
17
  ### Bug Fixes
10
18
 
19
+ * add updated searchAdmin test ([4db3178](https://github.com/thebyte9/blaze/commit/4db3178f8c95182d107a1d151a793a0987c8d7b8))
11
20
  * improve autocomplete search results ([#3596](https://github.com/thebyte9/blaze/issues/3596)) ([d667764](https://github.com/thebyte9/blaze/commit/d6677641019abca34bae640aa4c857696c11ae4e))
21
+ * update tests ([f86218f](https://github.com/thebyte9/blaze/commit/f86218f88a7348f68a07685a8f49ba459aac1b1b))
22
+ * update tests ([8fd2675](https://github.com/thebyte9/blaze/commit/8fd2675624126e5a23ecc0af3202d08c46667441))
23
+
24
+
25
+ ### Features
26
+
27
+ * add admin global search styles update first iteration ([7623917](https://github.com/thebyte9/blaze/commit/7623917e64b670f7d1fc12688af6ed39735da89e))
28
+ * add admin syle feedback ([56c01fd](https://github.com/thebyte9/blaze/commit/56c01fdf825a570143d4bc0c54fbcd970adc28ae))
29
+ * add search admin sidebar testsuite ([ca043fa](https://github.com/thebyte9/blaze/commit/ca043fa43835bd07cf50bae41af3d11e7be089b6))
30
+ * add search sidebar filter by entity ([e8b5423](https://github.com/thebyte9/blaze/commit/e8b542354ce47143635411da07bb640b91bf7fdf))
31
+ * add updated snapshots ([a0444bd](https://github.com/thebyte9/blaze/commit/a0444bd0d4e2f78753ac069067d39f3f6e741832))
32
+ * amend PR and fix scroll loop issue ([8583497](https://github.com/thebyte9/blaze/commit/85834974cafb45bb87f00f14a99b3fae3a818cfb))
33
+ * remove duplicated search results and add usedebounce to improve search performance ([9aad827](https://github.com/thebyte9/blaze/commit/9aad827e7e5aaf3be84d34343d79e6b1ecbead2c))
12
34
 
13
35
 
14
36
 
@@ -1,29 +1,21 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.object.define-property.js");
4
-
5
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
10
  var _client = require("@apollo/client");
15
-
16
11
  var _templateObject, _templateObject2;
17
-
18
12
  var SEARCH_ADMIN = function SEARCH_ADMIN() {
19
13
  return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n"])));
20
14
  };
21
-
22
15
  var SEARCH_PUBLISHED = function SEARCH_PUBLISHED(_ref) {
23
16
  var resultKeys = _ref.resultKeys;
24
17
  return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ", "\n } \n }\n total\n }\n }\n"])), resultKeys);
25
18
  };
26
-
27
19
  var _default = {
28
20
  SEARCH_ADMIN: SEARCH_ADMIN,
29
21
  SEARCH_PUBLISHED: SEARCH_PUBLISHED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ${resultKeys}\n } \n }\n total\n }\n }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":";;;;;;;;;;;;;AAAA;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,WAAMC,WAAN;AAAA,CAArB;;AASA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IAAGC,UAAH,QAAGA,UAAH;EAAA,WAAoBF,WAApB,2bAUbE,UAVa;AAAA,CAAzB;;eAkBe;EAAEH,YAAY,EAAZA,YAAF;EAAgBE,gBAAgB,EAAhBA;AAAhB,C"}
1
+ {"version":3,"file":"index.js","names":["SEARCH_ADMIN","gql","SEARCH_PUBLISHED","resultKeys"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst SEARCH_ADMIN = () => gql`\n query searchAdmin($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchAdmin(limit: $limit, offset: $offset, sort: $sort, rawQuery: $rawQuery) {\n jsonResults\n total\n }\n }\n`;\n\nconst SEARCH_PUBLISHED = ({ resultKeys }) => gql`\n query searchPublishedContent($limit: Int, $offset: Int, $sort: String, $rawQuery: JSON!) {\n search: searchPublishedContent(\n limit: $limit\n offset: $offset\n sort: $sort\n rawQuery: $rawQuery\n ) {\n results {\n ...on ContentContentInterface {\n ${resultKeys}\n } \n }\n total\n }\n }\n`;\n\nexport default { SEARCH_ADMIN, SEARCH_PUBLISHED };\n"],"mappings":";;;;;;;;;AAAA;AAAqC;AAErC,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,WAASC,WAAG;AAAA,CAO7B;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB;EAAA,IAAMC,UAAU,QAAVA,UAAU;EAAA,WAAOF,WAAG,2bAUpCE,UAAU;AAAA,CAMrB;AAAC,eAEa;EAAEH,YAAY,EAAZA,YAAY;EAAEE,gBAAgB,EAAhBA;AAAiB,CAAC;AAAA"}
@@ -1,28 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.object.define-property.js");
4
-
5
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  require("core-js/modules/es.regexp.exec.js");
13
-
14
10
  require("core-js/modules/es.string.search.js");
15
-
16
11
  require("core-js/modules/es.array.map.js");
17
-
18
12
  var _react = _interopRequireDefault(require("react"));
19
-
20
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
14
  var RecentSearches = function RecentSearches(_ref) {
23
15
  var recentSearches = _ref.recentSearches,
24
- handleSearchTerm = _ref.handleSearchTerm,
25
- search = _ref.search;
16
+ handleSearchTerm = _ref.handleSearchTerm,
17
+ search = _ref.search;
26
18
  return /*#__PURE__*/_react["default"].createElement("div", {
27
19
  className: "list list--search"
28
20
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -51,7 +43,6 @@ var RecentSearches = function RecentSearches(_ref) {
51
43
  }, searchedTerm)));
52
44
  }));
53
45
  };
54
-
55
46
  RecentSearches.propTypes = {
56
47
  recentSearches: _propTypes["default"].array.isRequired,
57
48
  handleSearchTerm: _propTypes["default"].func.isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>Recent searches</h2>\n </div>\n {recentSearches.map(searchedTerm => (\n <div\n key={searchedTerm}\n role=\"button\"\n className=\"list__item list__item--search\"\n onClick={() => {\n handleSearchTerm({ target: { value: searchedTerm } });\n search({ value: searchedTerm });\n }}>\n <div className=\"list__item-row list__item-row--search\">\n <i className=\"material-icons\">search</i>\n <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n </div>\n </div>\n ))}\n </div>\n);\n\nRecentSearches.propTypes = {\n recentSearches: PropTypes.array.isRequired,\n handleSearchTerm: PropTypes.func.isRequired,\n search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,cAAH,QAAGA,cAAH;EAAA,IAAmBC,gBAAnB,QAAmBA,gBAAnB;EAAA,IAAqCC,MAArC,QAAqCA,MAArC;EAAA,oBACrB;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE,8DADF,CADF,EAIGF,cAAc,CAACG,GAAf,CAAmB,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YADP;MAEE,IAAI,EAAC,QAFP;MAGE,SAAS,EAAC,+BAHZ;MAIE,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAT;QAAV,CAAD,CAAhB;QACAF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAT,CAAD,CAAN;MACD;IAPH,gBAQE;MAAK,SAAS,EAAC;IAAf,gBACE;MAAG,SAAS,EAAC;IAAb,YADF,eAEE;MAAK,SAAS,EAAC;IAAf,GAA0DA,YAA1D,CAFF,CARF,CAD8B;EAAA,CAA/B,CAJH,CADqB;AAAA,CAAvB;;AAuBAL,cAAc,CAACQ,SAAf,GAA2B;EACzBP,cAAc,EAAEQ,qBAAA,CAAUC,KAAV,CAAgBC,UADP;EAEzBT,gBAAgB,EAAEO,qBAAA,CAAUG,IAAV,CAAeD,UAFR;EAGzBR,MAAM,EAAEM,qBAAA,CAAUG,IAAV,CAAeD;AAHE,CAA3B;eAMeX,c"}
1
+ {"version":3,"file":"RecentSearches.js","names":["RecentSearches","recentSearches","handleSearchTerm","search","map","searchedTerm","target","value","propTypes","PropTypes","array","isRequired","func"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/RecentSearches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst RecentSearches = ({ recentSearches, handleSearchTerm, search }) => (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>Recent searches</h2>\n </div>\n {recentSearches.map(searchedTerm => (\n <div\n key={searchedTerm}\n role=\"button\"\n className=\"list__item list__item--search\"\n onClick={() => {\n handleSearchTerm({ target: { value: searchedTerm } });\n search({ value: searchedTerm });\n }}>\n <div className=\"list__item-row list__item-row--search\">\n <i className=\"material-icons\">search</i>\n <div className=\"list__item-text list__item-text--search\">{searchedTerm}</div>\n </div>\n </div>\n ))}\n </div>\n);\n\nRecentSearches.propTypes = {\n recentSearches: PropTypes.array.isRequired,\n handleSearchTerm: PropTypes.func.isRequired,\n search: PropTypes.func.isRequired\n};\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc;EAAA,IAAMC,cAAc,QAAdA,cAAc;IAAEC,gBAAgB,QAAhBA,gBAAgB;IAAEC,MAAM,QAANA,MAAM;EAAA,oBAChE;IAAK,SAAS,EAAC;EAAmB,gBAChC;IAAK,SAAS,EAAC;EAAqB,gBAClC,8DAAwB,CACpB,EACLF,cAAc,CAACG,GAAG,CAAC,UAAAC,YAAY;IAAA,oBAC9B;MACE,GAAG,EAAEA,YAAa;MAClB,IAAI,EAAC,QAAQ;MACb,SAAS,EAAC,+BAA+B;MACzC,OAAO,EAAE,mBAAM;QACbH,gBAAgB,CAAC;UAAEI,MAAM,EAAE;YAAEC,KAAK,EAAEF;UAAa;QAAE,CAAC,CAAC;QACrDF,MAAM,CAAC;UAAEI,KAAK,EAAEF;QAAa,CAAC,CAAC;MACjC;IAAE,gBACF;MAAK,SAAS,EAAC;IAAuC,gBACpD;MAAG,SAAS,EAAC;IAAgB,YAAW,eACxC;MAAK,SAAS,EAAC;IAAyC,GAAEA,YAAY,CAAO,CACzE,CACF;EAAA,CACP,CAAC,CACE;AAAA,CACP;AAEDL,cAAc,CAACQ,SAAS,GAAG;EACzBP,cAAc,EAAEQ,qBAAS,CAACC,KAAK,CAACC,UAAU;EAC1CT,gBAAgB,EAAEO,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC3CR,MAAM,EAAEM,qBAAS,CAACG,IAAI,CAACD;AACzB,CAAC;AAAC,eAEaX,cAAc;AAAA"}
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.object.define-property.js");
4
-
5
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = void 0;
11
-
12
9
  var _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
13
-
14
10
  var _default = _RecentSearches["default"];
15
11
  exports["default"] = _default;
16
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["RecentSearches"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,0B"}
1
+ {"version":3,"file":"index.js","names":["RecentSearches"],"sources":["../../../../src/components/SearchAdmin/RecentSearches/index.js"],"sourcesContent":["import RecentSearches from './RecentSearches';\n\nexport default RecentSearches;\n"],"mappings":";;;;;;;;AAAA;AAA8C,eAE/BA,0BAAc;AAAA"}
@@ -1,160 +1,163 @@
1
1
  "use strict";
2
2
 
3
3
  require("core-js/modules/es.array.iterator.js");
4
-
5
- require("core-js/modules/es.object.to-string.js");
6
-
7
4
  require("core-js/modules/es.string.iterator.js");
8
-
9
5
  require("core-js/modules/es.weak-map.js");
10
-
11
6
  require("core-js/modules/web.dom-collections.iterator.js");
12
-
13
7
  require("core-js/modules/es.object.define-property.js");
14
-
15
8
  require("core-js/modules/es.object.get-own-property-descriptor.js");
16
-
17
9
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
18
-
19
10
  var _typeof = require("@babel/runtime/helpers/typeof");
20
-
21
11
  Object.defineProperty(exports, "__esModule", {
22
12
  value: true
23
13
  });
24
14
  exports["default"] = void 0;
25
-
15
+ require("core-js/modules/es.array.map.js");
26
16
  require("core-js/modules/es.array.slice.js");
27
-
28
17
  require("core-js/modules/es.array.includes.js");
29
-
30
18
  require("core-js/modules/es.string.includes.js");
31
-
19
+ require("core-js/modules/es.array.some.js");
20
+ require("core-js/modules/es.object.to-string.js");
21
+ require("core-js/modules/es.array.filter.js");
22
+ require("core-js/modules/es.array.concat.js");
23
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
32
24
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
33
-
34
25
  var _react = _interopRequireWildcard(require("react"));
35
-
36
26
  var _classnames = _interopRequireDefault(require("classnames"));
37
-
27
+ var _customHooks = require("@blaze-react/utils/lib/customHooks");
38
28
  var _useLocalStorage3 = _interopRequireDefault(require("../useLocalStorage"));
39
-
40
29
  var _SearchBar = _interopRequireDefault(require("./SearchBar"));
41
-
42
30
  var _RecentSearches = _interopRequireDefault(require("./RecentSearches"));
43
-
44
31
  var _SearchResults = _interopRequireDefault(require("./SearchResults"));
45
-
46
32
  var _TriggerModal = _interopRequireDefault(require("./TriggerModal"));
47
-
33
+ var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
48
34
  var _useSearchResults3 = _interopRequireDefault(require("../useSearchResults"));
49
-
50
35
  var _constants = require("../../constants");
51
-
52
36
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
53
-
54
37
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
55
-
56
38
  var SearchAdmin = function SearchAdmin() {
57
39
  var _useState = (0, _react.useState)(''),
58
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
59
- searchTerm = _useState2[0],
60
- setSearchTerm = _useState2[1];
61
-
40
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
41
+ searchTerm = _useState2[0],
42
+ setSearchTerm = _useState2[1];
43
+ var _useState3 = (0, _react.useState)(true),
44
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
45
+ openSearchSideBar = _useState4[0],
46
+ setOpenSearchSideBar = _useState4[1];
47
+ var _useState5 = (0, _react.useState)([]),
48
+ _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
49
+ entityValues = _useState6[0],
50
+ setEntityValues = _useState6[1];
62
51
  var _useLocalStorage = (0, _useLocalStorage3["default"])('recentSearches', []),
63
- _useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
64
- recentSearches = _useLocalStorage2[0],
65
- setRecentSearches = _useLocalStorage2[1];
66
-
67
- var _useState3 = (0, _react.useState)(false),
68
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
69
- displaySearchModalFrame = _useState4[0],
70
- setDisplaySearchModalFrame = _useState4[1];
71
-
72
- var _useState5 = (0, _react.useState)(true),
73
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
74
- enableResults = _useState6[0],
75
- setEnableResults = _useState6[1];
76
-
52
+ _useLocalStorage2 = (0, _slicedToArray2["default"])(_useLocalStorage, 2),
53
+ recentSearches = _useLocalStorage2[0],
54
+ setRecentSearches = _useLocalStorage2[1];
55
+ var _useState7 = (0, _react.useState)(false),
56
+ _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
57
+ displaySearchModalFrame = _useState8[0],
58
+ setDisplaySearchModalFrame = _useState8[1];
59
+ var _useState9 = (0, _react.useState)(true),
60
+ _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
61
+ enableResults = _useState10[0],
62
+ setEnableResults = _useState10[1];
77
63
  var searchInputRef = (0, _react.useRef)(null);
78
-
64
+ var debouncedEntityValues = (0, _customHooks.useDebounce)(entityValues, 500);
79
65
  var _useSearchResults = (0, _useSearchResults3["default"])({
80
- queryKey: _constants.SEARCH_ADMIN
81
- }),
82
- _useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
83
- _useSearchResults2$ = _useSearchResults2[0],
84
- loading = _useSearchResults2$.loading,
85
- results = _useSearchResults2$.results,
86
- total = _useSearchResults2$.total,
87
- setQueryParams = _useSearchResults2[1];
88
-
66
+ queryKey: _constants.SEARCH_ADMIN,
67
+ entities: debouncedEntityValues.map(function (e) {
68
+ return e.id;
69
+ })
70
+ }),
71
+ _useSearchResults2 = (0, _slicedToArray2["default"])(_useSearchResults, 2),
72
+ _useSearchResults2$ = _useSearchResults2[0],
73
+ loading = _useSearchResults2$.loading,
74
+ results = _useSearchResults2$.results,
75
+ total = _useSearchResults2$.total,
76
+ setQueryParams = _useSearchResults2[1];
89
77
  (0, _react.useEffect)(function () {
90
78
  if (searchInputRef && searchInputRef.current) {
91
79
  searchInputRef.current.focus();
92
80
  }
93
81
  }, [displaySearchModalFrame]);
94
-
95
82
  var handleSearchTerm = function handleSearchTerm(_ref) {
96
83
  var value = _ref.target.value;
97
84
  setSearchTerm(value);
98
85
  };
99
-
100
86
  var toggleSearchModal = function toggleSearchModal() {
101
87
  setSearchTerm(null);
102
88
  setEnableResults(false);
103
89
  setDisplaySearchModalFrame(!displaySearchModalFrame);
104
90
  };
105
-
106
91
  var _search = function search(_ref2) {
107
92
  var value = _ref2.value;
108
93
  if (!value) return;
109
94
  !enableResults && setEnableResults(true);
110
95
  var MAX_RECENT_SEARCHES = 5;
111
96
  var recentSearchesCopy = recentSearches.slice();
112
-
113
97
  if (!recentSearchesCopy.includes(value)) {
114
98
  recentSearchesCopy.push(value);
115
-
116
99
  if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {
117
100
  recentSearchesCopy.shift();
118
101
  }
119
102
  }
120
-
121
103
  setRecentSearches(recentSearchesCopy);
122
104
  setQueryParams({
123
105
  value: value
124
106
  });
125
107
  };
126
-
127
108
  var handleKeyDown = function handleKeyDown(_ref3) {
128
109
  var key = _ref3.key;
129
-
130
110
  if (key === 'Enter') {
131
111
  if (!searchTerm) return clear();
132
-
133
112
  _search({
134
113
  value: searchTerm
135
114
  });
136
115
  }
137
116
  };
138
-
139
117
  var clear = function clear() {
140
118
  setSearchTerm('');
141
119
  setEnableResults(false);
142
120
  };
143
-
144
121
  var searchModalResultsClassName = (0, _classnames["default"])('modal modal--full-screen modal--search', {
145
122
  'modal--show': displaySearchModalFrame
146
123
  });
124
+ var searchModalSideBarClassName = (0, _classnames["default"])('modal__search__sidebar', {
125
+ 'modal__search__sidebar--close': !openSearchSideBar
126
+ });
147
127
  var isEmptySearchTermAndData = !searchTerm && !results.length;
148
128
  var isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;
149
129
  var shouldDisplayRecentSearches = isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;
150
130
  var showResults = enableResults && results.length;
131
+ var handleSetEntityValues = function handleSetEntityValues(newEntity) {
132
+ var entityExists = entityValues.some(function (entity) {
133
+ return entity.id === newEntity.id;
134
+ });
135
+ if (entityExists) {
136
+ setEntityValues(entityValues.filter(function (entity) {
137
+ return entity.id !== newEntity.id;
138
+ }));
139
+ } else {
140
+ setEntityValues([].concat((0, _toConsumableArray2["default"])(entityValues), [newEntity]));
141
+ }
142
+ };
151
143
  return /*#__PURE__*/_react["default"].createElement("div", {
152
144
  className: "search search--header"
153
145
  }, /*#__PURE__*/_react["default"].createElement(_TriggerModal["default"], {
154
146
  toggleSearchModal: toggleSearchModal
155
147
  }), /*#__PURE__*/_react["default"].createElement("div", {
156
148
  className: searchModalResultsClassName
157
- }, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
149
+ }, displaySearchModalFrame && /*#__PURE__*/_react["default"].createElement("div", {
150
+ className: "modal__search"
151
+ }, /*#__PURE__*/_react["default"].createElement(_SearchAdminSideBar["default"], {
152
+ searchModalSideBarClassName: searchModalSideBarClassName,
153
+ openSearchSideBar: openSearchSideBar,
154
+ setOpenSearchSideBar: setOpenSearchSideBar,
155
+ handleSetEntityValues: handleSetEntityValues,
156
+ entityValues: entityValues,
157
+ setEntityValues: setEntityValues
158
+ }), /*#__PURE__*/_react["default"].createElement("div", {
159
+ className: "modal__search__content"
160
+ }, /*#__PURE__*/_react["default"].createElement("div", {
158
161
  className: "modal__header modal__header--search"
159
162
  }, /*#__PURE__*/_react["default"].createElement(_SearchBar["default"], {
160
163
  toggleSearchModal: toggleSearchModal,
@@ -183,9 +186,8 @@ var SearchAdmin = function SearchAdmin() {
183
186
  total: total,
184
187
  setQueryParams: setQueryParams,
185
188
  closeModal: toggleSearchModal
186
- }))));
189
+ })))));
187
190
  };
188
-
189
191
  var _default = SearchAdmin;
190
192
  exports["default"] = _default;
191
193
  //# sourceMappingURL=SearchAdmin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","useSearchResults","queryKey","SEARCH_ADMIN","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <>\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
1
+ {"version":3,"file":"SearchAdmin.js","names":["SearchAdmin","useState","searchTerm","setSearchTerm","openSearchSideBar","setOpenSearchSideBar","entityValues","setEntityValues","useLocalStorage","recentSearches","setRecentSearches","displaySearchModalFrame","setDisplaySearchModalFrame","enableResults","setEnableResults","searchInputRef","useRef","debouncedEntityValues","useDebounce","useSearchResults","queryKey","SEARCH_ADMIN","entities","map","e","id","loading","results","total","setQueryParams","useEffect","current","focus","handleSearchTerm","value","target","toggleSearchModal","search","MAX_RECENT_SEARCHES","recentSearchesCopy","slice","includes","push","length","shift","handleKeyDown","key","clear","searchModalResultsClassName","classnames","searchModalSideBarClassName","isEmptySearchTermAndData","isEmptySearchTermnAndDisabledResults","shouldDisplayRecentSearches","showResults","handleSetEntityValues","newEntity","entityExists","some","entity","filter"],"sources":["../../../src/components/SearchAdmin/SearchAdmin.js"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useLocalStorage from '../useLocalStorage';\nimport SearchBar from './SearchBar';\nimport RecentSearches from './RecentSearches';\nimport SearchResults from './SearchResults';\nimport TriggerModal from './TriggerModal';\nimport SearchAdminSideBar from './SearchAdminSideBar';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_ADMIN } from '../../constants';\n\nconst SearchAdmin = () => {\n const [searchTerm, setSearchTerm] = useState('');\n const [openSearchSideBar, setOpenSearchSideBar] = useState(true);\n const [entityValues, setEntityValues] = useState([]);\n\n const [recentSearches, setRecentSearches] = useLocalStorage('recentSearches', []);\n const [displaySearchModalFrame, setDisplaySearchModalFrame] = useState(false);\n const [enableResults, setEnableResults] = useState(true);\n const searchInputRef = useRef(null);\n const debouncedEntityValues = useDebounce(entityValues, 500);\n const [{ loading, results, total }, setQueryParams] = useSearchResults({\n queryKey: SEARCH_ADMIN,\n entities: debouncedEntityValues.map(e => e.id)\n });\n\n useEffect(\n () => {\n if (searchInputRef && searchInputRef.current) {\n searchInputRef.current.focus();\n }\n },\n [displaySearchModalFrame]\n );\n\n const handleSearchTerm = ({ target: { value } }) => {\n setSearchTerm(value);\n };\n const toggleSearchModal = () => {\n setSearchTerm(null);\n setEnableResults(false);\n setDisplaySearchModalFrame(!displaySearchModalFrame);\n };\n const search = ({ value }) => {\n if (!value) return;\n !enableResults && setEnableResults(true);\n const MAX_RECENT_SEARCHES = 5;\n const recentSearchesCopy = recentSearches.slice();\n\n if (!recentSearchesCopy.includes(value)) {\n recentSearchesCopy.push(value);\n if (recentSearchesCopy.length > MAX_RECENT_SEARCHES) {\n recentSearchesCopy.shift();\n }\n }\n\n setRecentSearches(recentSearchesCopy);\n setQueryParams({ value });\n };\n\n const handleKeyDown = ({ key }) => {\n if (key === 'Enter') {\n if (!searchTerm) return clear();\n search({ value: searchTerm });\n }\n };\n\n const clear = () => {\n setSearchTerm('');\n setEnableResults(false);\n };\n\n const searchModalResultsClassName = classnames('modal modal--full-screen modal--search', {\n 'modal--show': displaySearchModalFrame\n });\n\n const searchModalSideBarClassName = classnames('modal__search__sidebar', {\n 'modal__search__sidebar--close': !openSearchSideBar\n });\n\n const isEmptySearchTermAndData = !searchTerm && !results.length;\n const isEmptySearchTermnAndDisabledResults = !searchTerm && !enableResults;\n const shouldDisplayRecentSearches =\n isEmptySearchTermAndData || isEmptySearchTermnAndDisabledResults;\n\n const showResults = enableResults && results.length;\n\n const handleSetEntityValues = newEntity => {\n const entityExists = entityValues.some(entity => entity.id === newEntity.id);\n if (entityExists) {\n setEntityValues(entityValues.filter(entity => entity.id !== newEntity.id));\n } else {\n setEntityValues([...entityValues, newEntity]);\n }\n };\n\n return (\n <div className=\"search search--header\">\n <TriggerModal toggleSearchModal={toggleSearchModal} />\n <div className={searchModalResultsClassName}>\n {displaySearchModalFrame && (\n <div className=\"modal__search\">\n <SearchAdminSideBar\n searchModalSideBarClassName={searchModalSideBarClassName}\n openSearchSideBar={openSearchSideBar}\n setOpenSearchSideBar={setOpenSearchSideBar}\n handleSetEntityValues={handleSetEntityValues}\n entityValues={entityValues}\n setEntityValues={setEntityValues}\n />\n <div className=\"modal__search__content\">\n <div className=\"modal__header modal__header--search\">\n <SearchBar\n toggleSearchModal={toggleSearchModal}\n handleKeyDown={handleKeyDown}\n searchInputRef={searchInputRef}\n handleSearchTerm={handleSearchTerm}\n searchTerm={searchTerm}\n search={() => search({ value: searchTerm })}\n />\n </div>\n {shouldDisplayRecentSearches ? (\n <RecentSearches\n recentSearches={recentSearches}\n handleSearchTerm={handleSearchTerm}\n search={search}\n />\n ) : (\n <>\n {!showResults && (\n <div className=\"list list--search\">\n <div className=\"header header--list\">\n <h2>No Results</h2>\n </div>\n </div>\n )}\n </>\n )}\n {showResults && (\n <SearchResults\n currentValue={searchTerm}\n searchTerm={searchTerm}\n loading={loading}\n results={results}\n total={total}\n setQueryParams={setQueryParams}\n closeModal={toggleSearchModal}\n />\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default SearchAdmin;\n"],"mappings":"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"}
@@ -0,0 +1,113 @@
1
+ "use strict";
2
+
3
+ require("core-js/modules/es.array.iterator.js");
4
+ require("core-js/modules/es.string.iterator.js");
5
+ require("core-js/modules/es.weak-map.js");
6
+ require("core-js/modules/web.dom-collections.iterator.js");
7
+ require("core-js/modules/es.object.define-property.js");
8
+ require("core-js/modules/es.object.get-own-property-descriptor.js");
9
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
10
+ var _typeof = require("@babel/runtime/helpers/typeof");
11
+ Object.defineProperty(exports, "__esModule", {
12
+ value: true
13
+ });
14
+ exports["default"] = void 0;
15
+ require("core-js/modules/es.array.filter.js");
16
+ require("core-js/modules/es.object.to-string.js");
17
+ require("core-js/modules/es.object.keys.js");
18
+ require("core-js/modules/es.array.includes.js");
19
+ require("core-js/modules/es.string.includes.js");
20
+ require("core-js/modules/es.array.slice.js");
21
+ require("core-js/modules/es.array.map.js");
22
+ require("core-js/modules/es.array.some.js");
23
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
24
+ var _react = _interopRequireWildcard(require("react"));
25
+ var _client = require("@apollo/client");
26
+ var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
27
+ var _checkboxes = require("@blaze-react/checkboxes");
28
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
30
+ var MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
31
+ var SearchAdminSideBar = function SearchAdminSideBar(_ref) {
32
+ var searchModalSideBarClassName = _ref.searchModalSideBarClassName,
33
+ openSearchSideBar = _ref.openSearchSideBar,
34
+ setOpenSearchSideBar = _ref.setOpenSearchSideBar,
35
+ handleSetEntityValues = _ref.handleSetEntityValues,
36
+ entityValues = _ref.entityValues,
37
+ setEntityValues = _ref.setEntityValues;
38
+ var _useState = (0, _react.useState)(false),
39
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
40
+ loadMore = _useState2[0],
41
+ setLoadMore = _useState2[1];
42
+ var _useQuery = (0, _client.useQuery)((0, _adminUiUtils.getQuery)('GET_USER_EDITABLE_ENTITIES'), {
43
+ variables: {
44
+ canDoActions: MENU_PERMISSIONS
45
+ }
46
+ }),
47
+ _useQuery$data = _useQuery.data;
48
+ _useQuery$data = _useQuery$data === void 0 ? {} : _useQuery$data;
49
+ var _useQuery$data$getEnt = _useQuery$data.getEntitySchemas,
50
+ getEntitySchemas = _useQuery$data$getEnt === void 0 ? [] : _useQuery$data$getEnt,
51
+ loading = _useQuery.loading;
52
+ if (loading) return null;
53
+ var filteredEntitiesSchemas = getEntitySchemas.filter(function (entity) {
54
+ if (Object.keys(entity.extras).length) {
55
+ return entity.extras.searchIndexes.includes('admin');
56
+ }
57
+ return false;
58
+ });
59
+ var entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
60
+ return /*#__PURE__*/_react["default"].createElement("div", {
61
+ className: searchModalSideBarClassName
62
+ }, /*#__PURE__*/_react["default"].createElement("div", {
63
+ className: "modal__search__sidebar__button",
64
+ role: "button",
65
+ onClick: function onClick() {
66
+ return setOpenSearchSideBar(!openSearchSideBar);
67
+ }
68
+ }, /*#__PURE__*/_react["default"].createElement("i", {
69
+ className: "material-icons"
70
+ }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/_react["default"].createElement("div", {
71
+ className: "modal__search__sidebar__container"
72
+ }, /*#__PURE__*/_react["default"].createElement("div", {
73
+ className: "modal__search__sidebar__wrapper"
74
+ }, /*#__PURE__*/_react["default"].createElement("div", {
75
+ className: "modal__search__sidebar__filters"
76
+ }, /*#__PURE__*/_react["default"].createElement("i", {
77
+ className: "material-icons modal__search__sidebar__icon"
78
+ }, "tune"), /*#__PURE__*/_react["default"].createElement("span", null, "Filters")), /*#__PURE__*/_react["default"].createElement("div", {
79
+ className: "modal__search__sidebar__clear",
80
+ role: "button",
81
+ onClick: function onClick() {
82
+ return setEntityValues([]);
83
+ }
84
+ }, /*#__PURE__*/_react["default"].createElement("span", null, "Clear all"), /*#__PURE__*/_react["default"].createElement("i", {
85
+ className: "material-icons modal__search__sidebar__icon--clear"
86
+ }, "replay"))), /*#__PURE__*/_react["default"].createElement("div", {
87
+ className: "modal__search__sidebar__entity-list"
88
+ }, /*#__PURE__*/_react["default"].createElement("h1", null, "Entity list"), entitiesToShow.map(function (entity) {
89
+ return /*#__PURE__*/_react["default"].createElement(_checkboxes.Checkbox, {
90
+ checked: entityValues.some(function (_entity) {
91
+ return _entity.id === entity.id;
92
+ }),
93
+ label: entity.displayName,
94
+ id: entity.id,
95
+ name: entity.id,
96
+ onChange: function onChange(_ref2) {
97
+ var checked = _ref2.value.checked;
98
+ return handleSetEntityValues(entity);
99
+ }
100
+ });
101
+ }), /*#__PURE__*/_react["default"].createElement("div", {
102
+ className: "modal__search__sidebar__more",
103
+ role: "button",
104
+ onClick: function onClick() {
105
+ return setLoadMore(!loadMore);
106
+ }
107
+ }, /*#__PURE__*/_react["default"].createElement("i", {
108
+ className: "material-icons"
109
+ }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/_react["default"].createElement("span", null, loadMore ? 'Less' : 'More')))));
110
+ };
111
+ var _default = SearchAdminSideBar;
112
+ exports["default"] = _default;
113
+ //# sourceMappingURL=SearchAdminSideBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchAdminSideBar.js","names":["MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","useState","loadMore","setLoadMore","useQuery","getQuery","variables","canDoActions","data","getEntitySchemas","loading","filteredEntitiesSchemas","filter","entity","Object","keys","extras","length","searchIndexes","includes","entitiesToShow","slice","map","some","_entity","id","displayName","checked","value"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { Checkbox } from '@blaze-react/checkboxes';\n\nconst MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];\n\nconst SearchAdminSideBar = ({\n searchModalSideBarClassName,\n openSearchSideBar,\n setOpenSearchSideBar,\n handleSetEntityValues,\n entityValues,\n setEntityValues\n}) => {\n const [loadMore, setLoadMore] = useState(false);\n const { data: { getEntitySchemas = [] } = {}, loading } = useQuery(\n getQuery('GET_USER_EDITABLE_ENTITIES'),\n {\n variables: {\n canDoActions: MENU_PERMISSIONS\n }\n }\n );\n\n if (loading) return null;\n\n const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {\n if (Object.keys(entity.extras).length) {\n return entity.extras.searchIndexes.includes('admin');\n }\n return false;\n });\n\n const entitiesToShow = filteredEntitiesSchemas.slice(\n 0,\n loadMore ? filteredEntitiesSchemas.length : 5\n );\n\n return (\n <div className={searchModalSideBarClassName}>\n <div\n className=\"modal__search__sidebar__button\"\n role=\"button\"\n onClick={() => setOpenSearchSideBar(!openSearchSideBar)}>\n <i className=\"material-icons\">\n {openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right'}\n </i>\n </div>\n <div className=\"modal__search__sidebar__container\">\n <div className=\"modal__search__sidebar__wrapper\">\n <div className=\"modal__search__sidebar__filters\">\n <i className=\"material-icons modal__search__sidebar__icon\">tune</i>\n <span>Filters</span>\n </div>\n <div\n className=\"modal__search__sidebar__clear\"\n role=\"button\"\n onClick={() => setEntityValues([])}>\n <span>Clear all</span>\n <i className=\"material-icons modal__search__sidebar__icon--clear\">replay</i>\n </div>\n </div>\n <div className=\"modal__search__sidebar__entity-list\">\n <h1>Entity list</h1>\n {entitiesToShow.map(entity => (\n <Checkbox\n checked={entityValues.some(_entity => _entity.id === entity.id)}\n label={entity.displayName}\n id={entity.id}\n name={entity.id}\n onChange={({ value: { checked } }) => handleSetEntityValues(entity)}\n />\n ))}\n <div\n className=\"modal__search__sidebar__more\"\n role=\"button\"\n onClick={() => setLoadMore(!loadMore)}>\n <i className=\"material-icons\">{!loadMore ? 'navigate_next' : 'expand_less'}</i>\n <span>{loadMore ? 'Less' : 'More'}</span>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default SearchAdminSideBar;\n"],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ require("core-js/modules/es.object.define-property.js");
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+ var _SearchAdminSideBar = _interopRequireDefault(require("./SearchAdminSideBar"));
10
+ var _default = _SearchAdminSideBar["default"];
11
+ exports["default"] = _default;
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["SearchAdminSideBar"],"sources":["../../../../src/components/SearchAdmin/SearchAdminSideBar/index.js"],"sourcesContent":["import SearchAdminSideBar from './SearchAdminSideBar';\n\nexport default SearchAdminSideBar;\n"],"mappings":";;;;;;;;AAAA;AAAsD,eAEvCA,8BAAkB;AAAA"}