@citygross/components 0.8.83 → 0.8.85

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 (4) hide show
  1. package/build/@types/components/Nav/Nav.d.ts +2 -1
  2. package/build/cjs/components/src/components/Nav/Nav.js +3 -3
  3. package/build/es/components/src/components/Nav/Nav.js +3 -3
  4. package/package.json +3 -3
package/build/@types/components/Nav/Nav.d.ts CHANGED
@@ -22,5 +22,6 @@ export declare type TNav = {
22
22
  mobileTopPosition?: number;
23
23
  searchInputRef: React.RefObject<HTMLInputElement>;
24
24
  searchInputMobileRef: React.RefObject<HTMLInputElement>;
25
+ searchContainerRef: React.RefObject<HTMLDivElement>;
25
26
  };
26
- export declare const Nav: ({ logo, maxWidth, overlayTopPosition, height, topPosition, mainLinks, rightContent, inputIcon, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, mobileTopPosition, searchIsOpen, searchInputRef, searchInputMobileRef, onSearchBlur }: TNav) => JSX.Element;
27
+ export declare const Nav: ({ logo, maxWidth, overlayTopPosition, height, topPosition, mainLinks, rightContent, inputIcon, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, mobileTopPosition, searchIsOpen, searchInputRef, searchInputMobileRef, onSearchBlur, searchContainerRef }: TNav) => JSX.Element;
package/build/cjs/components/src/components/Nav/Nav.js CHANGED
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
15
  var Nav = function (_a) {
16
16
  var _b, _c, _d, _e;
17
- var logo = _a.logo, maxWidth = _a.maxWidth, overlayTopPosition = _a.overlayTopPosition, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, inputIcon = _a.inputIcon, 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, mobileTopPosition = _a.mobileTopPosition, searchIsOpen = _a.searchIsOpen, searchInputRef = _a.searchInputRef, searchInputMobileRef = _a.searchInputMobileRef, onSearchBlur = _a.onSearchBlur;
17
+ var logo = _a.logo, maxWidth = _a.maxWidth, overlayTopPosition = _a.overlayTopPosition, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, inputIcon = _a.inputIcon, 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, mobileTopPosition = _a.mobileTopPosition, searchIsOpen = _a.searchIsOpen, searchInputRef = _a.searchInputRef, searchInputMobileRef = _a.searchInputMobileRef, onSearchBlur = _a.onSearchBlur, searchContainerRef = _a.searchContainerRef;
18
18
  var navContainerRef = React.useRef(null);
19
19
  var navChildContainerRef = React.useRef(null);
20
20
  var navRef = React.useRef(null);
@@ -98,8 +98,8 @@ var Nav = function (_a) {
98
98
  ? false
99
99
  : searchIsOpen
100
100
  ? 'closed'
101
- : 'open', initial: 'open' }, (_e = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _e === void 0 ? void 0 : _e.map(function (link) { return link; })),
102
- React__default["default"].createElement(Nav_styles.SearchContainer, { isOpen: searchIsOpen },
101
+ : 'open', initial: "open" }, (_e = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _e === void 0 ? void 0 : _e.map(function (link) { return link; })),
102
+ React__default["default"].createElement(Nav_styles.SearchContainer, { isOpen: searchIsOpen, ref: searchContainerRef },
103
103
  React__default["default"].createElement(SearchBar.SearchBar, { mobileTopPosition: mobileTopPosition, icon: searchIcon, inputIcon: inputIcon, cancelLabel: searchCancelLabel, flexGrow: 1, onClick: function () {
104
104
  onSearchClick && onSearchClick();
105
105
  }, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen, onBlur: onSearchBlur, onKeyDown: function (e) {
package/build/es/components/src/components/Nav/Nav.js CHANGED
@@ -6,7 +6,7 @@ import { Nav as Nav$1, NavContainer, NavChildContainer, NavMainLinks, SearchCont
6
6
 
7
7
  var Nav = function (_a) {
8
8
  var _b, _c, _d, _e;
9
- var logo = _a.logo, maxWidth = _a.maxWidth, overlayTopPosition = _a.overlayTopPosition, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, inputIcon = _a.inputIcon, 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, mobileTopPosition = _a.mobileTopPosition, searchIsOpen = _a.searchIsOpen, searchInputRef = _a.searchInputRef, searchInputMobileRef = _a.searchInputMobileRef, onSearchBlur = _a.onSearchBlur;
9
+ var logo = _a.logo, maxWidth = _a.maxWidth, overlayTopPosition = _a.overlayTopPosition, height = _a.height, topPosition = _a.topPosition, mainLinks = _a.mainLinks, rightContent = _a.rightContent, inputIcon = _a.inputIcon, 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, mobileTopPosition = _a.mobileTopPosition, searchIsOpen = _a.searchIsOpen, searchInputRef = _a.searchInputRef, searchInputMobileRef = _a.searchInputMobileRef, onSearchBlur = _a.onSearchBlur, searchContainerRef = _a.searchContainerRef;
10
10
  var navContainerRef = useRef(null);
11
11
  var navChildContainerRef = useRef(null);
12
12
  var navRef = useRef(null);
@@ -90,8 +90,8 @@ var Nav = function (_a) {
90
90
  ? false
91
91
  : searchIsOpen
92
92
  ? 'closed'
93
- : 'open', initial: 'open' }, (_e = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _e === void 0 ? void 0 : _e.map(function (link) { return link; })),
94
- React.createElement(SearchContainer, { isOpen: searchIsOpen },
93
+ : 'open', initial: "open" }, (_e = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _e === void 0 ? void 0 : _e.map(function (link) { return link; })),
94
+ React.createElement(SearchContainer, { isOpen: searchIsOpen, ref: searchContainerRef },
95
95
  React.createElement(SearchBar, { mobileTopPosition: mobileTopPosition, icon: searchIcon, inputIcon: inputIcon, cancelLabel: searchCancelLabel, flexGrow: 1, onClick: function () {
96
96
  onSearchClick && onSearchClick();
97
97
  }, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen, onBlur: onSearchBlur, onKeyDown: function (e) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.83",
3
+ "version": "0.8.85",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -68,7 +68,7 @@
68
68
  "@citygross/design-tokens": "^0.2.70",
69
69
  "@citygross/icons": "^0.1.13",
70
70
  "@citygross/react-use-bg-wizard": "^0.0.8",
71
- "@citygross/typography": "^0.0.89",
71
+ "@citygross/typography": "^0.0.101",
72
72
  "@citygross/utils": "^0.0.41",
73
73
  "framer-motion": "^4.1.17",
74
74
  "moment": "^2.29.1",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "083c0fd6021d87bac9fca52312d7eab9a960dc00"
79
+ "gitHead": "b441791d05c8786e9bb61e511764ee1b7d7a6047"
80
80
  }