@citygross/components 0.7.102 → 0.7.104
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/@types/components/Nav/Nav.stories.d.ts +0 -1
- package/build/cjs/components/src/components/Nav/Nav.js +7 -8
- package/build/cjs/components/src/components/Nav/Nav.js.map +1 -1
- package/build/es/components/src/components/Nav/Nav.js +7 -8
- package/build/es/components/src/components/Nav/Nav.js.map +1 -1
- package/package.json +2 -2
|
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
14
14
|
var Nav = function (_a) {
|
|
15
15
|
var _b;
|
|
16
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
|
-
var
|
|
17
|
+
var navContainerRef = React.useRef(null);
|
|
18
18
|
var searchInputRef = React.useRef(null);
|
|
19
19
|
var searchInputMobileRef = React.useRef(null);
|
|
20
20
|
var navRef = React.useRef(null);
|
|
@@ -43,9 +43,8 @@ var Nav = function (_a) {
|
|
|
43
43
|
React__default["default"].useEffect(function () {
|
|
44
44
|
var handleClick = function (event) {
|
|
45
45
|
var _a;
|
|
46
|
-
if ((
|
|
47
|
-
!((_a =
|
|
48
|
-
event.stopPropagation();
|
|
46
|
+
if ((navContainerRef === null || navContainerRef === void 0 ? void 0 : navContainerRef.current) &&
|
|
47
|
+
!((_a = navContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
49
48
|
closeSearch && closeSearch();
|
|
50
49
|
}
|
|
51
50
|
};
|
|
@@ -53,14 +52,14 @@ var Nav = function (_a) {
|
|
|
53
52
|
return function () {
|
|
54
53
|
document.removeEventListener('click', function (e) { return handleClick(e); }, true);
|
|
55
54
|
};
|
|
56
|
-
}, [
|
|
55
|
+
}, [navContainerRef]);
|
|
57
56
|
return (React__default["default"].createElement(Nav_styles.Nav, { height: height, topPosition: topPosition, ref: navRef },
|
|
58
|
-
React__default["default"].createElement(Nav_styles.NavContainer, { maxWidth: maxWidth },
|
|
57
|
+
React__default["default"].createElement(Nav_styles.NavContainer, { maxWidth: maxWidth, ref: navContainerRef },
|
|
59
58
|
logo,
|
|
60
59
|
React__default["default"].createElement(Nav_styles.NavChildContainer, null,
|
|
61
|
-
searchIsOpen ? (React__default["default"].createElement(Nav_styles.NavSearchContainer,
|
|
60
|
+
searchIsOpen ? (React__default["default"].createElement(Nav_styles.NavSearchContainer, null,
|
|
62
61
|
React__default["default"].createElement(SearchBar.SearchBar, { icon: searchIcon, cancelLabel: searchCancelLabel, flexGrow: 1, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen }, searchResultElement))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
63
|
-
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; })),
|
|
62
|
+
React__default["default"].createElement(Nav_styles.NavMainLinks, null, (_b = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _b === void 0 ? void 0 : _b.map(function (link) { return link; })),
|
|
64
63
|
React__default["default"].createElement(Nav_styles.NavDummySearchContainer, { onClick: function () {
|
|
65
64
|
onSearchClick && onSearchClick();
|
|
66
65
|
} },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Nav.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,7 +6,7 @@ import { Nav as Nav$1, NavContainer, NavChildContainer, NavSearchContainer, NavM
|
|
|
6
6
|
var Nav = function (_a) {
|
|
7
7
|
var _b;
|
|
8
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
|
-
var
|
|
9
|
+
var navContainerRef = useRef(null);
|
|
10
10
|
var searchInputRef = useRef(null);
|
|
11
11
|
var searchInputMobileRef = useRef(null);
|
|
12
12
|
var navRef = useRef(null);
|
|
@@ -35,9 +35,8 @@ var Nav = function (_a) {
|
|
|
35
35
|
React.useEffect(function () {
|
|
36
36
|
var handleClick = function (event) {
|
|
37
37
|
var _a;
|
|
38
|
-
if ((
|
|
39
|
-
!((_a =
|
|
40
|
-
event.stopPropagation();
|
|
38
|
+
if ((navContainerRef === null || navContainerRef === void 0 ? void 0 : navContainerRef.current) &&
|
|
39
|
+
!((_a = navContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
41
40
|
closeSearch && closeSearch();
|
|
42
41
|
}
|
|
43
42
|
};
|
|
@@ -45,14 +44,14 @@ var Nav = function (_a) {
|
|
|
45
44
|
return function () {
|
|
46
45
|
document.removeEventListener('click', function (e) { return handleClick(e); }, true);
|
|
47
46
|
};
|
|
48
|
-
}, [
|
|
47
|
+
}, [navContainerRef]);
|
|
49
48
|
return (React.createElement(Nav$1, { height: height, topPosition: topPosition, ref: navRef },
|
|
50
|
-
React.createElement(NavContainer, { maxWidth: maxWidth },
|
|
49
|
+
React.createElement(NavContainer, { maxWidth: maxWidth, ref: navContainerRef },
|
|
51
50
|
logo,
|
|
52
51
|
React.createElement(NavChildContainer, null,
|
|
53
|
-
searchIsOpen ? (React.createElement(NavSearchContainer,
|
|
52
|
+
searchIsOpen ? (React.createElement(NavSearchContainer, null,
|
|
54
53
|
React.createElement(SearchBar, { icon: searchIcon, cancelLabel: searchCancelLabel, flexGrow: 1, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen }, searchResultElement))) : (React.createElement(React.Fragment, null,
|
|
55
|
-
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; })),
|
|
54
|
+
React.createElement(NavMainLinks, null, (_b = mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.slice(0, (mainLinks === null || mainLinks === void 0 ? void 0 : mainLinks.length) - elToRemove)) === null || _b === void 0 ? void 0 : _b.map(function (link) { return link; })),
|
|
56
55
|
React.createElement(NavDummySearchContainer, { onClick: function () {
|
|
57
56
|
onSearchClick && onSearchClick();
|
|
58
57
|
} },
|
|
@@ -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.
|
|
3
|
+
"version": "0.7.104",
|
|
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": "
|
|
74
|
+
"gitHead": "8f96a720b3b9383d4500f25b4e381d67ae55ea54"
|
|
75
75
|
}
|