@citygross/components 0.7.83 → 0.7.84

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 (7) hide show
  1. package/build/@types/components/Nav/Nav.d.ts +3 -1
  2. package/build/@types/components/Nav/Nav.stories.d.ts +1 -1
  3. package/build/cjs/components/src/components/Nav/Nav.js +8 -10
  4. package/build/cjs/components/src/components/Nav/Nav.js.map +1 -1
  5. package/build/es/components/src/components/Nav/Nav.js +8 -10
  6. package/build/es/components/src/components/Nav/Nav.js.map +1 -1
  7. package/package.json +2 -2
package/build/@types/components/Nav/Nav.d.ts CHANGED
@@ -14,5 +14,7 @@ export declare type TNav = {
14
14
  searchValue?: string;
15
15
  searchOnSubmit?: () => void;
16
16
  onSearchClick?: () => void;
17
+ closeSearch?: () => void;
18
+ searchIsOpen?: boolean;
17
19
  };
18
- export declare const Nav: ({ logo, maxWidth, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit }: TNav) => JSX.Element;
20
+ export declare const Nav: ({ logo, maxWidth, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, searchIsOpen }: TNav) => JSX.Element;
package/build/@types/components/Nav/Nav.stories.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Story } from '@storybook/react';
2
2
  import { TNav } from './Nav';
3
3
  declare const _default: {
4
- component: ({ logo, maxWidth, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit }: TNav) => JSX.Element;
4
+ component: ({ logo, maxWidth, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, searchIsOpen }: TNav) => JSX.Element;
5
5
  title: string;
6
6
  argTypes: {
7
7
  onScroll: {
package/build/cjs/components/src/components/Nav/Nav.js CHANGED
@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  var Nav = function (_a) {
15
15
  var _b;
16
- var logo = _a.logo, maxWidth = _a.maxWidth, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, searchResultElement = _a.searchResultElement, searchCancelLabel = _a.searchCancelLabel, searchIcon = _a.searchIcon, searchPlaceHolder = _a.searchPlaceHolder, searchOnChange = _a.searchOnChange, searchValue = _a.searchValue, searchOnSubmit = _a.searchOnSubmit;
16
+ var logo = _a.logo, maxWidth = _a.maxWidth, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, searchResultElement = _a.searchResultElement, searchCancelLabel = _a.searchCancelLabel, searchIcon = _a.searchIcon, searchPlaceHolder = _a.searchPlaceHolder, searchOnChange = _a.searchOnChange, searchValue = _a.searchValue, searchOnSubmit = _a.searchOnSubmit, onSearchClick = _a.onSearchClick, closeSearch = _a.closeSearch, searchIsOpen = _a.searchIsOpen;
17
17
  var searchContainerRef = React.useRef(null);
18
18
  var searchInputRef = React.useRef(null);
19
19
  var navRef = React.useRef(null);
@@ -39,16 +39,14 @@ var Nav = function (_a) {
39
39
  clearTimeout(debounce);
40
40
  };
41
41
  }, [width]);
42
- var _d = React.useState(false), openSearch = _d[0], setOpenSearch = _d[1];
43
42
  React__default["default"].useEffect(function () {
44
43
  var handleClick = function (event) {
45
- var _a, _b;
44
+ var _a;
46
45
  if ((searchContainerRef === null || searchContainerRef === void 0 ? void 0 : searchContainerRef.current) &&
47
46
  !((_a = searchContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
48
47
  event.stopPropagation();
49
- setOpenSearch(false);
48
+ closeSearch && closeSearch();
50
49
  }
51
- console.log(event === null || event === void 0 ? void 0 : event.target, (_b = searchContainerRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target));
52
50
  };
53
51
  document.addEventListener('click', function (e) { return handleClick(e); }, true);
54
52
  return function () {
@@ -59,17 +57,17 @@ var Nav = function (_a) {
59
57
  React__default["default"].createElement(Nav_styles.NavContainer, { maxWidth: maxWidth },
60
58
  logo,
61
59
  React__default["default"].createElement(Nav_styles.NavChildContainer, null,
62
- openSearch ? (React__default["default"].createElement(Nav_styles.NavSearchContainer, { ref: searchContainerRef },
60
+ searchIsOpen ? (React__default["default"].createElement(Nav_styles.NavSearchContainer, { ref: searchContainerRef },
63
61
  React__default["default"].createElement(SearchBar.SearchBar, { icon: searchIcon, cancelLabel: searchCancelLabel, flexGrow: 1, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchOnSubmit: searchOnSubmit, onCancelClick: function () {
64
- setOpenSearch(false);
65
- }, isOpen: openSearch }, searchResultElement))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
62
+ closeSearch && closeSearch();
63
+ }, isOpen: searchIsOpen }, searchResultElement))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
66
64
  React__default["default"].createElement(Nav_styles.NavMainLinks, null, (_b = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, mainLinks.length - elToRemove)) === null || _b === void 0 ? void 0 : _b.map(function (link) { return link; })),
67
65
  React__default["default"].createElement(Nav_styles.NavDummySearchContainer, { onClick: function () {
68
- setOpenSearch(true);
66
+ onSearchClick && onSearchClick();
69
67
  } },
70
68
  React__default["default"].createElement(SearchBar.SearchBar, { icon: searchIcon, flexGrow: 1, placeholder: searchPlaceHolder })))),
71
69
  rightContent)),
72
- React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: openSearch })));
70
+ React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: searchIsOpen })));
73
71
  };
74
72
 
75
73
  exports.Nav = Nav;
package/build/cjs/components/src/components/Nav/Nav.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/Nav/Nav.js CHANGED
@@ -5,7 +5,7 @@ import { Nav as Nav$1, NavContainer, NavChildContainer, NavSearchContainer, NavM
5
5
 
6
6
  var Nav = function (_a) {
7
7
  var _b;
8
- var logo = _a.logo, maxWidth = _a.maxWidth, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, searchResultElement = _a.searchResultElement, searchCancelLabel = _a.searchCancelLabel, searchIcon = _a.searchIcon, searchPlaceHolder = _a.searchPlaceHolder, searchOnChange = _a.searchOnChange, searchValue = _a.searchValue, searchOnSubmit = _a.searchOnSubmit;
8
+ var logo = _a.logo, maxWidth = _a.maxWidth, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, searchResultElement = _a.searchResultElement, searchCancelLabel = _a.searchCancelLabel, searchIcon = _a.searchIcon, searchPlaceHolder = _a.searchPlaceHolder, searchOnChange = _a.searchOnChange, searchValue = _a.searchValue, searchOnSubmit = _a.searchOnSubmit, onSearchClick = _a.onSearchClick, closeSearch = _a.closeSearch, searchIsOpen = _a.searchIsOpen;
9
9
  var searchContainerRef = useRef(null);
10
10
  var searchInputRef = useRef(null);
11
11
  var navRef = useRef(null);
@@ -31,16 +31,14 @@ var Nav = function (_a) {
31
31
  clearTimeout(debounce);
32
32
  };
33
33
  }, [width]);
34
- var _d = useState(false), openSearch = _d[0], setOpenSearch = _d[1];
35
34
  React.useEffect(function () {
36
35
  var handleClick = function (event) {
37
- var _a, _b;
36
+ var _a;
38
37
  if ((searchContainerRef === null || searchContainerRef === void 0 ? void 0 : searchContainerRef.current) &&
39
38
  !((_a = searchContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
40
39
  event.stopPropagation();
41
- setOpenSearch(false);
40
+ closeSearch && closeSearch();
42
41
  }
43
- console.log(event === null || event === void 0 ? void 0 : event.target, (_b = searchContainerRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target));
44
42
  };
45
43
  document.addEventListener('click', function (e) { return handleClick(e); }, true);
46
44
  return function () {
@@ -51,17 +49,17 @@ var Nav = function (_a) {
51
49
  React.createElement(NavContainer, { maxWidth: maxWidth },
52
50
  logo,
53
51
  React.createElement(NavChildContainer, null,
54
- openSearch ? (React.createElement(NavSearchContainer, { ref: searchContainerRef },
52
+ searchIsOpen ? (React.createElement(NavSearchContainer, { ref: searchContainerRef },
55
53
  React.createElement(SearchBar, { icon: searchIcon, cancelLabel: searchCancelLabel, flexGrow: 1, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchOnSubmit: searchOnSubmit, onCancelClick: function () {
56
- setOpenSearch(false);
57
- }, isOpen: openSearch }, searchResultElement))) : (React.createElement(React.Fragment, null,
54
+ closeSearch && closeSearch();
55
+ }, isOpen: searchIsOpen }, searchResultElement))) : (React.createElement(React.Fragment, null,
58
56
  React.createElement(NavMainLinks, null, (_b = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, mainLinks.length - elToRemove)) === null || _b === void 0 ? void 0 : _b.map(function (link) { return link; })),
59
57
  React.createElement(NavDummySearchContainer, { onClick: function () {
60
- setOpenSearch(true);
58
+ onSearchClick && onSearchClick();
61
59
  } },
62
60
  React.createElement(SearchBar, { icon: searchIcon, flexGrow: 1, placeholder: searchPlaceHolder })))),
63
61
  rightContent)),
64
- React.createElement(SearchResultOverlay, { show: openSearch })));
62
+ React.createElement(SearchResultOverlay, { show: searchIsOpen })));
65
63
  };
66
64
 
67
65
  export { Nav };
package/build/es/components/src/components/Nav/Nav.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.83",
3
+ "version": "0.7.84",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "80949efc8a19aa343ebcf56ae327f29521be7346"
74
+ "gitHead": "bfbf261e28630860fe42b75481a8a69d650a4327"
75
75
  }