@blaze-cms/plugin-search-ui 0.146.0-rc-eagle.0 → 0.146.0-rc-eagle-3.0

package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js

@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import { useQuery } from '@apollo/client';
+import { getQuery } from '@blaze-cms/admin-ui-utils';
+import { Checkbox } from '@blaze-react/checkboxes';
+const MENU_PERMISSIONS = ['update:any', 'update:own', 'create:any', 'create:own'];
+const SearchAdminSideBar = ({
+  searchModalSideBarClassName,
+  openSearchSideBar,
+  setOpenSearchSideBar,
+  handleSetEntityValues,
+  entityValues,
+  setEntityValues
+}) => {
+  const [loadMore, setLoadMore] = useState(false);
+  const {
+    data: {
+      getEntitySchemas = []
+    } = {},
+    loading
+  } = useQuery(getQuery('GET_USER_EDITABLE_ENTITIES'), {
+    variables: {
+      canDoActions: MENU_PERMISSIONS
+    }
+  });
+  if (loading) return null;
+  const filteredEntitiesSchemas = getEntitySchemas.filter(entity => {
+    if (entity.extras && entity.extras.searchIndexes) {
+      return entity.extras.searchIndexes.includes('admin');
+    }
+    return false;
+  });
+  const entitiesToShow = filteredEntitiesSchemas.slice(0, loadMore ? filteredEntitiesSchemas.length : 5);
+  return /*#__PURE__*/React.createElement("div", {
+    className: searchModalSideBarClassName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__button",
+    role: "button",
+    onClick: () => setOpenSearchSideBar(!openSearchSideBar)
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "material-icons"
+  }, openSearchSideBar ? 'keyboard_arrow_left' : 'keyboard_arrow_right')), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__filters"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "material-icons modal__search__sidebar__icon"
+  }, "tune"), /*#__PURE__*/React.createElement("span", null, "Filters")), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__clear",
+    role: "button",
+    onClick: () => setEntityValues([])
+  }, /*#__PURE__*/React.createElement("span", null, "Clear all"), /*#__PURE__*/React.createElement("i", {
+    className: "material-icons modal__search__sidebar__icon--clear"
+  }, "replay"))), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__entity-list"
+  }, /*#__PURE__*/React.createElement("h1", null, "Entity list"), entitiesToShow.map(entity => /*#__PURE__*/React.createElement(Checkbox, {
+    checked: entityValues.some(_entity => _entity.id === entity.id),
+    label: entity.displayName,
+    id: entity.id,
+    name: entity.id,
+    onChange: ({
+      value: {
+        checked
+      }
+    }) => handleSetEntityValues(entity)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "modal__search__sidebar__more",
+    role: "button",
+    onClick: () => setLoadMore(!loadMore)
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "material-icons"
+  }, !loadMore ? 'navigate_next' : 'expand_less'), /*#__PURE__*/React.createElement("span", null, loadMore ? 'Less' : 'More')))));
+};
+export default SearchAdminSideBar;
+//# sourceMappingURL=SearchAdminSideBar.js.map

package/lib-es/components/SearchAdmin/SearchAdminSideBar/SearchAdminSideBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAdminSideBar.js","names":["React","useState","useQuery","getQuery","Checkbox","MENU_PERMISSIONS","SearchAdminSideBar","searchModalSideBarClassName","openSearchSideBar","setOpenSearchSideBar","handleSetEntityValues","entityValues","setEntityValues","loadMore","setLoadMore","data","getEntitySchemas","loading","variables","canDoActions","filteredEntitiesSchemas","filter","entity","extras","searchIndexes","includes","entitiesToShow","slice","length","createElement","className","role","onClick","map","checked","some","_entity","id","label","displayName","name","onChange","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 (entity.extras && entity.extras.searchIndexes) {\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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","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js

@@ -0,0 +1,3 @@
+import SearchAdminSideBar from './SearchAdminSideBar';
+export default SearchAdminSideBar;
+//# sourceMappingURL=index.js.map

package/lib-es/components/SearchAdmin/SearchAdminSideBar/index.js.map

@@ -0,0 +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,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,eAAeA,kBAAkB","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+const SearchBar = ({
+  handleKeyDown,
+  searchInputRef,
+  handleSearchTerm,
+  searchTerm,
+  toggleSearchModal,
+  close,
+  search,
+  placeholder
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "search__wrapper"
+}, /*#__PURE__*/React.createElement("input", {
+  onKeyDown: handleKeyDown,
+  ref: searchInputRef,
+  placeholder: placeholder,
+  type: "text",
+  onChange: handleSearchTerm,
+  value: searchTerm
+}), /*#__PURE__*/React.createElement("span", {
+  onClick: search,
+  role: "button",
+  className: "icon-button icon-button--search icon-button--toggle"
+}, /*#__PURE__*/React.createElement("i", {
+  className: "material-icons"
+}, "search")), close && /*#__PURE__*/React.createElement("div", {
+  className: "modal__close"
+}, /*#__PURE__*/React.createElement("i", {
+  className: "material-icons",
+  onClick: toggleSearchModal,
+  role: "button"
+}, "close")));
+SearchBar.propTypes = {
+  close: PropTypes.bool,
+  handleKeyDown: PropTypes.func.isRequired,
+  searchInputRef: PropTypes.object,
+  handleSearchTerm: PropTypes.func.isRequired,
+  searchTerm: PropTypes.string,
+  toggleSearchModal: PropTypes.func,
+  search: PropTypes.func.isRequired,
+  placeholder: PropTypes.string
+};
+SearchBar.defaultProps = {
+  searchTerm: '',
+  close: true,
+  placeholder: 'Search...',
+  toggleSearchModal: null,
+  searchInputRef: null
+};
+export default SearchBar;
+//# sourceMappingURL=SearchBar.js.map

package/lib-es/components/SearchAdmin/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","names":["React","PropTypes","SearchBar","handleKeyDown","searchInputRef","handleSearchTerm","searchTerm","toggleSearchModal","close","search","placeholder","createElement","className","onKeyDown","ref","type","onChange","value","onClick","role","propTypes","bool","func","isRequired","object","string","defaultProps"],"sources":["../../../../src/components/SearchAdmin/SearchBar/SearchBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SearchBar = ({\n  handleKeyDown,\n  searchInputRef,\n  handleSearchTerm,\n  searchTerm,\n  toggleSearchModal,\n  close,\n  search,\n  placeholder\n}) => (\n  <div className=\"search__wrapper\">\n    <input\n      onKeyDown={handleKeyDown}\n      ref={searchInputRef}\n      placeholder={placeholder}\n      type=\"text\"\n      onChange={handleSearchTerm}\n      value={searchTerm}\n    />\n    <span\n      onClick={search}\n      role=\"button\"\n      className=\"icon-button icon-button--search icon-button--toggle\">\n      <i className=\"material-icons\">search</i>\n    </span>\n    {close && (\n      <div className=\"modal__close\">\n        <i className=\"material-icons\" onClick={toggleSearchModal} role=\"button\">\n          close\n        </i>\n      </div>\n    )}\n  </div>\n);\n\nSearchBar.propTypes = {\n  close: PropTypes.bool,\n  handleKeyDown: PropTypes.func.isRequired,\n  searchInputRef: PropTypes.object,\n  handleSearchTerm: PropTypes.func.isRequired,\n  searchTerm: PropTypes.string,\n  toggleSearchModal: PropTypes.func,\n  search: PropTypes.func.isRequired,\n  placeholder: PropTypes.string\n};\n\nSearchBar.defaultProps = {\n  searchTerm: '',\n  close: true,\n  placeholder: 'Search...',\n  toggleSearchModal: null,\n  searchInputRef: null\n};\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGA,CAAC;EACjBC,aAAa;EACbC,cAAc;EACdC,gBAAgB;EAChBC,UAAU;EACVC,iBAAiB;EACjBC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,kBACCV,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAC;AAAiB,gBAC9BZ,KAAA,CAAAW,aAAA;EACEE,SAAS,EAAEV,aAAc;EACzBW,GAAG,EAAEV,cAAe;EACpBM,WAAW,EAAEA,WAAY;EACzBK,IAAI,EAAC,MAAM;EACXC,QAAQ,EAAEX,gBAAiB;EAC3BY,KAAK,EAAEX;AAAW,CACnB,CAAC,eACFN,KAAA,CAAAW,aAAA;EACEO,OAAO,EAAET,MAAO;EAChBU,IAAI,EAAC,QAAQ;EACbP,SAAS,EAAC;AAAqD,gBAC/DZ,KAAA,CAAAW,aAAA;EAAGC,SAAS,EAAC;AAAgB,GAAC,QAAS,CACnC,CAAC,EACNJ,KAAK,iBACJR,KAAA,CAAAW,aAAA;EAAKC,SAAS,EAAC;AAAc,gBAC3BZ,KAAA,CAAAW,aAAA;EAAGC,SAAS,EAAC,gBAAgB;EAACM,OAAO,EAAEX,iBAAkB;EAACY,IAAI,EAAC;AAAQ,GAAC,OAErE,CACA,CAEJ,CACN;AAEDjB,SAAS,CAACkB,SAAS,GAAG;EACpBZ,KAAK,EAAEP,SAAS,CAACoB,IAAI;EACrBlB,aAAa,EAAEF,SAAS,CAACqB,IAAI,CAACC,UAAU;EACxCnB,cAAc,EAAEH,SAAS,CAACuB,MAAM;EAChCnB,gBAAgB,EAAEJ,SAAS,CAACqB,IAAI,CAACC,UAAU;EAC3CjB,UAAU,EAAEL,SAAS,CAACwB,MAAM;EAC5BlB,iBAAiB,EAAEN,SAAS,CAACqB,IAAI;EACjCb,MAAM,EAAER,SAAS,CAACqB,IAAI,CAACC,UAAU;EACjCb,WAAW,EAAET,SAAS,CAACwB;AACzB,CAAC;AAEDvB,SAAS,CAACwB,YAAY,GAAG;EACvBpB,UAAU,EAAE,EAAE;EACdE,KAAK,EAAE,IAAI;EACXE,WAAW,EAAE,WAAW;EACxBH,iBAAiB,EAAE,IAAI;EACvBH,cAAc,EAAE;AAClB,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchBar/index.js

@@ -0,0 +1,3 @@
+import SearchBar from './SearchBar';
+export default SearchBar;
+//# sourceMappingURL=index.js.map

package/lib-es/components/SearchAdmin/SearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchBar"],"sources":["../../../../src/components/SearchAdmin/SearchBar/index.js"],"sourcesContent":["import SearchBar from './SearchBar';\n\nexport default SearchBar;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js

@@ -0,0 +1,151 @@
+/* eslint-disable jsx-a11y/anchor-is-valid */
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import VirtualList from 'react-tiny-virtual-list';
+import { withRouter } from 'react-router-dom';
+import { SEARCH_RESULTS_OVER_SCAN_BUFFER, SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST, SEARCH_RESULTS_HEIGHT_OFFSET, SEARCH_RESULTS_ITEM_SIZE, FILE } from '../../../constants';
+const SearchResults = ({
+  currentValue,
+  entities,
+  loading,
+  results,
+  total,
+  setQueryParams,
+  closeModal,
+  history
+}) => {
+  const [verifiedRanges, setVerifiedRanges] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentResults, setCurrentResults] = useState('');
+  const [allResults, setAllResults] = useState([]);
+  const [currentParams, setCurrentParams] = useState('');
+  useEffect(() => {
+    if (!loading) {
+      const newResults = results.map(({
+        id
+      }) => id).join(',');
+      if (currentResults !== newResults) {
+        const newParams = `${currentValue},${entities.join(',')}`;
+        if (newParams !== currentParams) {
+          setAllResults(results);
+          setCurrentParams(newParams);
+          if (verifiedRanges.length) setVerifiedRanges([]);
+        } else {
+          setAllResults(allResults.concat(results));
+        }
+        setCurrentResults(newResults);
+      }
+    }
+  }, [allResults, currentParams, currentResults, currentValue, entities, loading, results, total, verifiedRanges.length]);
+  const handleRenderedItems = async ({
+    startIndex
+  }) => {
+    const rowsLength = allResults.length;
+    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;
+    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {
+      setQueryParams({
+        value: currentValue,
+        offset: allResults.length
+      });
+      setVerifiedRanges([...verifiedRanges, loadIndex]);
+      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);
+    }
+  };
+  const getNavigationRoute = ({
+    id,
+    docType
+  }) => docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;
+  const navigate = ({
+    id,
+    docType
+  }) => {
+    history.push(getNavigationRoute({
+      id,
+      docType
+    }));
+    closeModal();
+  };
+  const getDateFormat = date => {
+    const newDate = new Date(date);
+    const day = `0${newDate.getDate()}`.slice(-2);
+    const month = `0${newDate.getMonth() + 1}`.slice(-2);
+    const year = String(newDate.getYear()).slice(-2);
+    return `${day}.${month}.${year}`;
+  };
+  if (!allResults.length) return /*#__PURE__*/React.createElement("div", {
+    className: "list list--search"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header header--list"
+  }, /*#__PURE__*/React.createElement("h2", null, "No Results")));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "modal__content modal__content--search"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header header--list"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "header--list--results"
+  }, "About ", /*#__PURE__*/React.createElement("b", null, total), " search keywords results")), /*#__PURE__*/React.createElement(VirtualList, {
+    width: "100%",
+    height: window.innerHeight - SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST - SEARCH_RESULTS_HEIGHT_OFFSET,
+    itemCount: allResults.length,
+    itemSize: SEARCH_RESULTS_ITEM_SIZE,
+    overscanCount: SEARCH_RESULTS_OVER_SCAN_BUFFER,
+    scrollToIndex: currentIndex,
+    onItemsRendered: handleRenderedItems,
+    renderItem: ({
+      index,
+      style
+    }) => {
+      const {
+        id,
+        docType,
+        updated,
+        name,
+        entityIdentifier,
+        published,
+        created,
+        status
+      } = allResults[index];
+      const updatedDate = updated ? getDateFormat(updated) : null;
+      const createdDate = created ? getDateFormat(created) : null;
+      const publishedDate = published ? getDateFormat(published) : null;
+      return /*#__PURE__*/React.createElement("div", {
+        key: index,
+        style: style,
+        className: "list__item--resultWrapper"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "list__item list__item--result"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "list__item-row list__item-row--result"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "list__item-identifier"
+      }, entityIdentifier), /*#__PURE__*/React.createElement("a", {
+        href: getNavigationRoute({
+          id,
+          docType
+        }),
+        onClick: () => navigate({
+          id,
+          docType
+        }),
+        className: "list__item-link"
+      }, name), /*#__PURE__*/React.createElement("div", {
+        className: "list__item-dates"
+      }, publishedDate && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Published: "), publishedDate), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Created: "), createdDate), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Updated: "), updatedDate)), /*#__PURE__*/React.createElement("div", {
+        className: "list__item-status"
+      }, status && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, "Status: "), status)))));
+    }
+  }), loading && /*#__PURE__*/React.createElement("span", null, "Loading..."));
+};
+SearchResults.propTypes = {
+  loading: PropTypes.bool.isRequired,
+  results: PropTypes.array.isRequired,
+  total: PropTypes.number.isRequired,
+  setQueryParams: PropTypes.func.isRequired,
+  closeModal: PropTypes.func.isRequired,
+  history: PropTypes.object.isRequired,
+  currentValue: PropTypes.string.isRequired,
+  entities: PropTypes.array.isRequired
+};
+export default withRouter(SearchResults);
+//# sourceMappingURL=SearchResults.js.map

package/lib-es/components/SearchAdmin/SearchResults/SearchResults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResults.js","names":["React","useState","useEffect","PropTypes","VirtualList","withRouter","SEARCH_RESULTS_OVER_SCAN_BUFFER","SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST","SEARCH_RESULTS_HEIGHT_OFFSET","SEARCH_RESULTS_ITEM_SIZE","FILE","SearchResults","currentValue","entities","loading","results","total","setQueryParams","closeModal","history","verifiedRanges","setVerifiedRanges","currentIndex","setCurrentIndex","currentResults","setCurrentResults","allResults","setAllResults","currentParams","setCurrentParams","newResults","map","id","join","newParams","length","concat","handleRenderedItems","startIndex","rowsLength","loadIndex","Math","floor","includes","value","offset","getNavigationRoute","docType","navigate","push","getDateFormat","date","newDate","Date","day","getDate","slice","month","getMonth","year","String","getYear","createElement","className","width","height","window","innerHeight","itemCount","itemSize","overscanCount","scrollToIndex","onItemsRendered","renderItem","index","style","updated","name","entityIdentifier","published","created","status","updatedDate","createdDate","publishedDate","key","href","onClick","propTypes","bool","isRequired","array","number","func","object","string"],"sources":["../../../../src/components/SearchAdmin/SearchResults/SearchResults.js"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport VirtualList from 'react-tiny-virtual-list';\nimport { withRouter } from 'react-router-dom';\nimport {\n  SEARCH_RESULTS_OVER_SCAN_BUFFER,\n  SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST,\n  SEARCH_RESULTS_HEIGHT_OFFSET,\n  SEARCH_RESULTS_ITEM_SIZE,\n  FILE\n} from '../../../constants';\n\nconst SearchResults = ({\n  currentValue,\n  entities,\n  loading,\n  results,\n  total,\n  setQueryParams,\n  closeModal,\n  history\n}) => {\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [currentResults, setCurrentResults] = useState('');\n  const [allResults, setAllResults] = useState([]);\n  const [currentParams, setCurrentParams] = useState('');\n\n  useEffect(() => {\n    if (!loading) {\n      const newResults = results.map(({ id }) => id).join(',');\n      if (currentResults !== newResults) {\n        const newParams = `${currentValue},${entities.join(',')}`;\n        if (newParams !== currentParams) {\n          setAllResults(results);\n          setCurrentParams(newParams);\n          if (verifiedRanges.length) setVerifiedRanges([]);\n        } else {\n          setAllResults(allResults.concat(results));\n        }\n        setCurrentResults(newResults);\n      }\n    }\n  }, [\n    allResults,\n    currentParams,\n    currentResults,\n    currentValue,\n    entities,\n    loading,\n    results,\n    total,\n    verifiedRanges.length\n  ]);\n\n  const handleRenderedItems = async ({ startIndex }) => {\n    const rowsLength = allResults.length;\n    const loadIndex = Math.floor(rowsLength / 2) - SEARCH_RESULTS_OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      setQueryParams({ value: currentValue, offset: allResults.length });\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setCurrentIndex(startIndex + SEARCH_RESULTS_OVER_SCAN_BUFFER);\n    }\n  };\n\n  const getNavigationRoute = ({ id, docType }) =>\n    docType === FILE ? `/media/edit/${id}` : `/data-listing/${docType}/update/${id}`;\n\n  const navigate = ({ id, docType }) => {\n    history.push(getNavigationRoute({ id, docType }));\n    closeModal();\n  };\n\n  const getDateFormat = date => {\n    const newDate = new Date(date);\n    const day = `0${newDate.getDate()}`.slice(-2);\n    const month = `0${newDate.getMonth() + 1}`.slice(-2);\n    const year = String(newDate.getYear()).slice(-2);\n    return `${day}.${month}.${year}`;\n  };\n\n  if (!allResults.length)\n    return (\n      <div className=\"list list--search\">\n        <div className=\"header header--list\">\n          <h2>No Results</h2>\n        </div>\n      </div>\n    );\n\n  return (\n    <div className=\"modal__content modal__content--search\">\n      <div className=\"header header--list\">\n        <h2 className=\"header--list--results\">\n          About <b>{total}</b> search keywords results\n        </h2>\n      </div>\n      <VirtualList\n        width=\"100%\"\n        height={\n          window.innerHeight -\n          SEARCH_RESULTS_ELEMENTS_HEIGHT_ABOVE_LIST -\n          SEARCH_RESULTS_HEIGHT_OFFSET\n        }\n        itemCount={allResults.length}\n        itemSize={SEARCH_RESULTS_ITEM_SIZE}\n        overscanCount={SEARCH_RESULTS_OVER_SCAN_BUFFER}\n        scrollToIndex={currentIndex}\n        onItemsRendered={handleRenderedItems}\n        renderItem={({ index, style }) => {\n          const { id, docType, updated, name, entityIdentifier, published, created, status } =\n            allResults[index];\n          const updatedDate = updated ? getDateFormat(updated) : null;\n          const createdDate = created ? getDateFormat(created) : null;\n          const publishedDate = published ? getDateFormat(published) : null;\n          return (\n            <div key={index} style={style} className=\"list__item--resultWrapper\">\n              <div className=\"list__item list__item--result\">\n                <div className=\"list__item-row list__item-row--result\">\n                  <span className=\"list__item-identifier\">{entityIdentifier}</span>\n                  <a\n                    href={getNavigationRoute({\n                      id,\n                      docType\n                    })}\n                    onClick={() =>\n                      navigate({\n                        id,\n                        docType\n                      })\n                    }\n                    className=\"list__item-link\">\n                    {name}\n                  </a>\n\n                  <div className=\"list__item-dates\">\n                    {publishedDate && (\n                      <span>\n                        <b>Published: </b>\n                        {publishedDate}\n                      </span>\n                    )}\n                    <span>\n                      <b>Created: </b>\n                      {createdDate}\n                    </span>\n                    <span>\n                      <b>Updated: </b>\n                      {updatedDate}\n                    </span>\n                  </div>\n                  <div className=\"list__item-status\">\n                    {status && (\n                      <span>\n                        <b>Status: </b>\n                        {status}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        }}\n      />\n      {loading && <span>Loading...</span>}\n    </div>\n  );\n};\n\nSearchResults.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  results: PropTypes.array.isRequired,\n  total: PropTypes.number.isRequired,\n  setQueryParams: PropTypes.func.isRequired,\n  closeModal: PropTypes.func.isRequired,\n  history: PropTypes.object.isRequired,\n  currentValue: PropTypes.string.isRequired,\n  entities: PropTypes.array.isRequired\n};\n\nexport default withRouter(SearchResults);\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/SearchAdmin/SearchResults/index.js

@@ -0,0 +1,3 @@
+import SearchResults from './SearchResults';
+export default SearchResults;
+//# sourceMappingURL=index.js.map

package/lib-es/components/SearchAdmin/SearchResults/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchResults"],"sources":["../../../../src/components/SearchAdmin/SearchResults/index.js"],"sourcesContent":["import SearchResults from './SearchResults';\n\nexport default SearchResults;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}

package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+const TriggerModal = ({
+  toggleSearchModal
+}) => /*#__PURE__*/React.createElement("span", {
+  role: "button",
+  className: "material-icons searchModal-search-icon",
+  onClick: toggleSearchModal
+}, "search");
+TriggerModal.propTypes = {
+  toggleSearchModal: PropTypes.func.isRequired
+};
+export default TriggerModal;
+//# sourceMappingURL=TriggerModal.js.map

package/lib-es/components/SearchAdmin/TriggerModal/TriggerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerModal.js","names":["React","PropTypes","TriggerModal","toggleSearchModal","createElement","role","className","onClick","propTypes","func","isRequired"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/TriggerModal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst TriggerModal = ({ toggleSearchModal }) => (\n  <span\n    role=\"button\"\n    className=\"material-icons searchModal-search-icon\"\n    onClick={toggleSearchModal}>\n    search\n  </span>\n);\n\nTriggerModal.propTypes = {\n  toggleSearchModal: PropTypes.func.isRequired\n};\n\nexport default TriggerModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAkB,CAAC,kBACzCH,KAAA,CAAAI,aAAA;EACEC,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAC,wCAAwC;EAClDC,OAAO,EAAEJ;AAAkB,GAAC,QAExB,CACP;AAEDD,YAAY,CAACM,SAAS,GAAG;EACvBL,iBAAiB,EAAEF,SAAS,CAACQ,IAAI,CAACC;AACpC,CAAC;AAED,eAAeR,YAAY","ignoreList":[]}

package/lib-es/components/SearchAdmin/TriggerModal/index.js

@@ -0,0 +1,3 @@
+import TriggerModal from './TriggerModal';
+export default TriggerModal;
+//# sourceMappingURL=index.js.map

package/lib-es/components/SearchAdmin/TriggerModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TriggerModal"],"sources":["../../../../src/components/SearchAdmin/TriggerModal/index.js"],"sourcesContent":["import TriggerModal from './TriggerModal';\n\nexport default TriggerModal;\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY","ignoreList":[]}

package/lib-es/components/SearchAdmin/index.js

@@ -0,0 +1,3 @@
+import SearchAdmin from './SearchAdmin';
+export default SearchAdmin;
+//# sourceMappingURL=index.js.map

package/lib-es/components/SearchAdmin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchAdmin"],"sources":["../../../src/components/SearchAdmin/index.js"],"sourcesContent":["import SearchAdmin from './SearchAdmin';\n\nexport default SearchAdmin;\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,eAAeA,WAAW","ignoreList":[]}

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

@@ -0,0 +1,148 @@
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import { MdClose, MdSearch } from 'react-icons/md';
+import { useDebounce } from '@blaze-react/utils/lib/customHooks';
+import useSearchResults from '../useSearchResults';
+import { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';
+const SearchPublishedContent = ({
+  entities,
+  children,
+  resultKeys,
+  getIsOpenSearchBar,
+  SearchIcon,
+  CloseIcon,
+  className,
+  onChange,
+  placeholder,
+  onEnterPress,
+  inputRef,
+  isSearchBarOpen,
+  fields
+}) => {
+  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);
+  const [searchTerm, setSearchTerm] = useState('');
+  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);
+  const debouncedSearchTerm = useDebounce(searchTerm, 500);
+  const [{
+    loading,
+    results
+  }, setQueryParams] = useSearchResults({
+    queryKey: SEARCH_PUBLISHED,
+    resultKeys,
+    entities,
+    fields
+  });
+  useEffect(() => {
+    if (isSearchBarOpen !== displaySearchBar) {
+      setDisplaySearchBar(isSearchBarOpen);
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isSearchBarOpen]);
+  useEffect(() => {
+    if (inputRef && inputRef.current && displaySearchBar) {
+      inputRef.current.focus();
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [displaySearchBar]);
+  useEffect(() => {
+    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {
+      setQueryParams({
+        value: `${debouncedSearchTerm}*`
+      });
+      setPreviousSearchTerm(debouncedSearchTerm);
+    }
+  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);
+  const handleOnChange = ({
+    target: {
+      value = ''
+    } = {}
+  }) => {
+    onChange(value);
+    setSearchTerm(value);
+  };
+  const handleKeyPress = event => {
+    const onEnter = event.key === 'Enter';
+    onEnter && onEnterPress();
+  };
+  const handleSearchBar = () => {
+    const voidSearchTerm = '';
+    displaySearchBar && setSearchTerm(voidSearchTerm);
+    handleOnChange({
+      value: voidSearchTerm
+    });
+    if (isSearchBarOpen !== null) {
+      getIsOpenSearchBar(!displaySearchBar);
+    }
+    setDisplaySearchBar(!displaySearchBar);
+  };
+  const searchWrapperClassname = classnames('search__wrapper', {
+    'search__wrapper--toggle-display': displaySearchBar,
+    'search__wrapper--toggle': !displaySearchBar
+  });
+  const triggerClassname = classnames('search__icon', {
+    open: displaySearchBar
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: `search-wrapper ${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "search search--header search--toggle"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: searchWrapperClassname
+  }, /*#__PURE__*/React.createElement("input", {
+    "data-testid": "search-input",
+    onKeyPress: handleKeyPress,
+    placeholder: placeholder,
+    type: "text",
+    onChange: handleOnChange,
+    value: searchTerm,
+    ref: inputRef
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "icon-button icon-button--search icon-button--toggle"
+  }, /*#__PURE__*/React.createElement(SearchIcon, null))), /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: triggerClassname,
+    onClick: handleSearchBar,
+    id: SEARCH_BUTTON,
+    title: SEARCH_BUTTON
+  }, !displaySearchBar ? /*#__PURE__*/React.createElement(SearchIcon, null) : /*#__PURE__*/React.createElement(CloseIcon, null))), /*#__PURE__*/React.createElement("div", {
+    className: "search-modal"
+  }, children({
+    results: results.length && searchTerm ? results : [],
+    loading
+  })));
+};
+SearchPublishedContent.propTypes = {
+  entities: PropTypes.array,
+  children: PropTypes.func.isRequired,
+  resultKeys: PropTypes.string,
+  getIsOpenSearchBar: PropTypes.func,
+  SearchIcon: PropTypes.func,
+  CloseIcon: PropTypes.func,
+  onChange: PropTypes.func,
+  onEnterPress: PropTypes.func,
+  className: PropTypes.string,
+  placeholder: PropTypes.string,
+  inputRef: PropTypes.object,
+  isSearchBarOpen: PropTypes.bool,
+  fields: PropTypes.array
+};
+SearchPublishedContent.defaultProps = {
+  entities: ['published_page'],
+  placeholder: '',
+  resultKeys: DEFAULT_RESULTS_KEYS,
+  onChange: () => {},
+  onEnterPress: () => {},
+  getIsOpenSearchBar: state => state,
+  SearchIcon: () => /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdSearch, null)),
+  CloseIcon: () => /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdClose, null)),
+  className: '',
+  inputRef: null,
+  isSearchBarOpen: null,
+  fields: []
+};
+export default SearchPublishedContent;
+//# sourceMappingURL=SearchPublishedContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPublishedContent.js","names":["React","useState","useEffect","classnames","PropTypes","MdClose","MdSearch","useDebounce","useSearchResults","SEARCH_PUBLISHED","DEFAULT_RESULTS_KEYS","SEARCH_BUTTON","SearchPublishedContent","entities","children","resultKeys","getIsOpenSearchBar","SearchIcon","CloseIcon","className","onChange","placeholder","onEnterPress","inputRef","isSearchBarOpen","fields","displaySearchBar","setDisplaySearchBar","searchTerm","setSearchTerm","previousSearchTerm","setPreviousSearchTerm","debouncedSearchTerm","loading","results","setQueryParams","queryKey","current","focus","value","handleOnChange","target","handleKeyPress","event","onEnter","key","handleSearchBar","voidSearchTerm","searchWrapperClassname","triggerClassname","open","createElement","onKeyPress","type","ref","role","onClick","id","title","length","propTypes","array","func","isRequired","string","object","bool","defaultProps","state"],"sources":["../../../src/components/SearchPublishedContent/SearchPublishedContent.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { MdClose, MdSearch } from 'react-icons/md';\nimport { useDebounce } from '@blaze-react/utils/lib/customHooks';\nimport useSearchResults from '../useSearchResults';\nimport { SEARCH_PUBLISHED, DEFAULT_RESULTS_KEYS, SEARCH_BUTTON } from '../../constants';\n\nconst SearchPublishedContent = ({\n  entities,\n  children,\n  resultKeys,\n  getIsOpenSearchBar,\n  SearchIcon,\n  CloseIcon,\n  className,\n  onChange,\n  placeholder,\n  onEnterPress,\n  inputRef,\n  isSearchBarOpen,\n  fields\n}) => {\n  const [displaySearchBar, setDisplaySearchBar] = useState(isSearchBarOpen);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [previousSearchTerm, setPreviousSearchTerm] = useState(null);\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const [{ loading, results }, setQueryParams] = useSearchResults({\n    queryKey: SEARCH_PUBLISHED,\n    resultKeys,\n    entities,\n    fields\n  });\n\n  useEffect(\n    () => {\n      if (isSearchBarOpen !== displaySearchBar) {\n        setDisplaySearchBar(isSearchBarOpen);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isSearchBarOpen]\n  );\n\n  useEffect(\n    () => {\n      if (inputRef && inputRef.current && displaySearchBar) {\n        inputRef.current.focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [displaySearchBar]\n  );\n\n  useEffect(() => {\n    if (debouncedSearchTerm && debouncedSearchTerm !== previousSearchTerm) {\n      setQueryParams({ value: `${debouncedSearchTerm}*` });\n      setPreviousSearchTerm(debouncedSearchTerm);\n    }\n  }, [debouncedSearchTerm, previousSearchTerm, setQueryParams]);\n\n  const handleOnChange = ({ target: { value = '' } = {} }) => {\n    onChange(value);\n    setSearchTerm(value);\n  };\n\n  const handleKeyPress = event => {\n    const onEnter = event.key === 'Enter';\n    onEnter && onEnterPress();\n  };\n\n  const handleSearchBar = () => {\n    const voidSearchTerm = '';\n    displaySearchBar && setSearchTerm(voidSearchTerm);\n    handleOnChange({ value: voidSearchTerm });\n    if (isSearchBarOpen !== null) {\n      getIsOpenSearchBar(!displaySearchBar);\n    }\n    setDisplaySearchBar(!displaySearchBar);\n  };\n\n  const searchWrapperClassname = classnames('search__wrapper', {\n    'search__wrapper--toggle-display': displaySearchBar,\n    'search__wrapper--toggle': !displaySearchBar\n  });\n\n  const triggerClassname = classnames('search__icon', {\n    open: displaySearchBar\n  });\n\n  return (\n    <div className={`search-wrapper ${className}`}>\n      <div className=\"search search--header search--toggle\">\n        <div className={searchWrapperClassname}>\n          <input\n            data-testid=\"search-input\"\n            onKeyPress={handleKeyPress}\n            placeholder={placeholder}\n            type=\"text\"\n            onChange={handleOnChange}\n            value={searchTerm}\n            ref={inputRef}\n          />\n          <button type=\"button\" className=\"icon-button icon-button--search icon-button--toggle\">\n            <SearchIcon />\n          </button>\n        </div>\n        <div\n          role=\"button\"\n          className={triggerClassname}\n          onClick={handleSearchBar}\n          id={SEARCH_BUTTON}\n          title={SEARCH_BUTTON}>\n          {!displaySearchBar ? <SearchIcon /> : <CloseIcon />}\n        </div>\n      </div>\n      <div className=\"search-modal\">\n        {children({ results: results.length && searchTerm ? results : [], loading })}\n      </div>\n    </div>\n  );\n};\n\nSearchPublishedContent.propTypes = {\n  entities: PropTypes.array,\n  children: PropTypes.func.isRequired,\n  resultKeys: PropTypes.string,\n  getIsOpenSearchBar: PropTypes.func,\n  SearchIcon: PropTypes.func,\n  CloseIcon: PropTypes.func,\n  onChange: PropTypes.func,\n  onEnterPress: PropTypes.func,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  inputRef: PropTypes.object,\n  isSearchBarOpen: PropTypes.bool,\n  fields: PropTypes.array\n};\n\nSearchPublishedContent.defaultProps = {\n  entities: ['published_page'],\n  placeholder: '',\n  resultKeys: DEFAULT_RESULTS_KEYS,\n  onChange: () => {},\n  onEnterPress: () => {},\n  getIsOpenSearchBar: state => state,\n  SearchIcon: () => (\n    <i>\n      <MdSearch />\n    </i>\n  ),\n  CloseIcon: () => (\n    <i>\n      <MdClose />\n    </i>\n  ),\n  className: '',\n  inputRef: null,\n  isSearchBarOpen: null,\n  fields: []\n};\n\nexport default SearchPublishedContent;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/SearchPublishedContent/index.js

@@ -0,0 +1,3 @@
+import SearchPublishedContent from './SearchPublishedContent';
+export default SearchPublishedContent;
+//# sourceMappingURL=index.js.map

package/lib-es/components/SearchPublishedContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchPublishedContent"],"sources":["../../../src/components/SearchPublishedContent/index.js"],"sourcesContent":["import SearchPublishedContent from './SearchPublishedContent';\n\nexport default SearchPublishedContent;\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,0BAA0B;AAE7D,eAAeA,sBAAsB","ignoreList":[]}

package/lib-es/components/useLocalStorage/index.js

@@ -0,0 +1,3 @@
+import useLocalStorage from './useLocalStorage';
+export default useLocalStorage;
+//# sourceMappingURL=index.js.map

package/lib-es/components/useLocalStorage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useLocalStorage"],"sources":["../../../src/components/useLocalStorage/index.js"],"sourcesContent":["import useLocalStorage from './useLocalStorage';\n\nexport default useLocalStorage;\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,mBAAmB;AAE/C,eAAeA,eAAe","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = useState(() => {
+    const item = window.localStorage.getItem(key);
+    return item ? JSON.parse(item) : initialValue;
+  });
+  const setValue = value => {
+    const valueToStore = value instanceof Function ? value(storedValue) : value;
+    setStoredValue(valueToStore);
+    window.localStorage.setItem(key, JSON.stringify(valueToStore));
+  };
+  return [storedValue, setValue];
+}
+export default useLocalStorage;
+//# sourceMappingURL=useLocalStorage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","names":["useState","useLocalStorage","key","initialValue","storedValue","setStoredValue","item","window","localStorage","getItem","JSON","parse","setValue","value","valueToStore","Function","setItem","stringify"],"sources":["../../../src/components/useLocalStorage/useLocalStorage.js"],"sourcesContent":["import { useState } from 'react';\n\nfunction useLocalStorage(key, initialValue) {\n  const [storedValue, setStoredValue] = useState(() => {\n    const item = window.localStorage.getItem(key);\n    return item ? JSON.parse(item) : initialValue;\n  });\n\n  const setValue = value => {\n    const valueToStore = value instanceof Function ? value(storedValue) : value;\n    setStoredValue(valueToStore);\n    window.localStorage.setItem(key, JSON.stringify(valueToStore));\n  };\n\n  return [storedValue, setValue];\n}\n\nexport default useLocalStorage;\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,eAAeA,CAACC,GAAG,EAAEC,YAAY,EAAE;EAC1C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,QAAQ,CAAC,MAAM;IACnD,MAAMM,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACP,GAAG,CAAC;IAC7C,OAAOI,IAAI,GAAGI,IAAI,CAACC,KAAK,CAACL,IAAI,CAAC,GAAGH,YAAY;EAC/C,CAAC,CAAC;EAEF,MAAMS,QAAQ,GAAGC,KAAK,IAAI;IACxB,MAAMC,YAAY,GAAGD,KAAK,YAAYE,QAAQ,GAAGF,KAAK,CAACT,WAAW,CAAC,GAAGS,KAAK;IAC3ER,cAAc,CAACS,YAAY,CAAC;IAC5BP,MAAM,CAACC,YAAY,CAACQ,OAAO,CAACd,GAAG,EAAEQ,IAAI,CAACO,SAAS,CAACH,YAAY,CAAC,CAAC;EAChE,CAAC;EAED,OAAO,CAACV,WAAW,EAAEQ,QAAQ,CAAC;AAChC;AAEA,eAAeX,eAAe","ignoreList":[]}

package/lib-es/components/useSearch/index.js

@@ -0,0 +1,3 @@
+import useSearch from './useSearch';
+export default useSearch;
+//# sourceMappingURL=index.js.map

package/lib-es/components/useSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useSearch"],"sources":["../../../src/components/useSearch/index.js"],"sourcesContent":["import useSearch from './useSearch';\n\nexport default useSearch;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS","ignoreList":[]}