@citygross/components 0.8.178 → 0.8.179

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 (5) hide show
  1. package/build/cjs/components/src/components/Nav/Nav.js +1 -1
  2. package/build/cjs/components/src/components/SearchBar/SearchBar.js +3 -3
  3. package/build/es/components/src/components/Nav/Nav.js +1 -1
  4. package/build/es/components/src/components/SearchBar/SearchBar.js +3 -3
  5. package/package.json +2 -2
package/build/cjs/components/src/components/Nav/Nav.js CHANGED
@@ -99,7 +99,7 @@ var Nav = function (_a) {
99
99
  : searchIsOpen
100
100
  ? 'closed'
101
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, { "aria-label": searchContainerAriaLabel, "aria-modal": "true", isOpen: searchIsOpen, ref: searchContainerRef, role: "dialog" },
102
+ React__default["default"].createElement(Nav_styles.SearchContainer, { "aria-label": searchContainerAriaLabel, "aria-modal": "true", isOpen: searchIsOpen, ref: searchContainerRef },
103
103
  React__default["default"].createElement(SearchBar.SearchBar, { cancelLabel: searchCancelLabel, flexGrow: true, icon: searchIcon, inputIcon: inputIcon, inputRef: searchInputRef, isOpen: searchIsOpen, mobileTopPosition: mobileTopPosition, onBlur: onSearchBlur, onChange: searchOnChange, onClick: function () { return onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(); }, onKeyDown: function (e) { return e.key === 'Enter' && (onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick()); }, placeholder: searchPlaceHolder, searchAriaLabel: searchAriaLabel, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, value: searchValue }, searchResultElement))),
104
104
  rightContent)),
105
105
  React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
package/build/cjs/components/src/components/SearchBar/SearchBar.js CHANGED
@@ -45,13 +45,13 @@ var SearchBar = function (_a) {
45
45
  }
46
46
  };
47
47
  return (React__default["default"].createElement(React.Fragment, null,
48
- React__default["default"].createElement(SearchBar_styles.SearchBarContainer, { activeBorderColor: activeBorderColor, "aria-expanded": isOpen, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
48
+ React__default["default"].createElement(SearchBar_styles.SearchBarContainer, { activeBorderColor: activeBorderColor, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
49
49
  React__default["default"].createElement(SearchBar_styles.SearchForm, { hideInMobile: true, isOpen: isOpen, onSubmit: function (e) {
50
50
  e.preventDefault();
51
51
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
52
52
  } },
53
53
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, inputIcon),
54
- React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-hidden": isMobile, "aria-label": !isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
54
+ React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-expanded": !isMobile && isOpen, "aria-haspopup": "dialog", "aria-hidden": isMobile, "aria-label": !isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
55
55
  cancelLabel && (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { animate: isOpen ? 'open' : 'closed', initial: "closed", onClick: function (e) { return e.stopPropagation(); }, variants: iconVariants }, cancelLabel))),
56
56
  React__default["default"].createElement(SearchBar_styles.MobileSearchIconContainer, null,
57
57
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, icon)),
@@ -62,7 +62,7 @@ var SearchBar = function (_a) {
62
62
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
63
63
  } },
64
64
  React__default["default"].createElement(SearchBar_styles.SearchLeftIcon, null, inputIcon),
65
- React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-hidden": !isMobile, "aria-label": isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-mobile", isValid: isValid, ref: searchInputMobileRef, value: value, tabIndex: isOpen ? 0 : -1 }, props)),
65
+ React__default["default"].createElement(SearchBar_styles.SearchInput, _tslib.__assign({ activeBorderColor: activeBorderColor, "aria-expanded": isMobile && isOpen, "aria-haspopup": "dialog", "aria-hidden": !isMobile, "aria-label": isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-mobile", isValid: isValid, ref: searchInputMobileRef, value: value, tabIndex: isOpen ? 0 : -1 }, props)),
66
66
  cancelLabel && (React__default["default"].createElement(SearchBar_styles.SearchRightLabel, { onClick: function (e) { return e.stopPropagation(); } }, cancelLabel)))),
67
67
  children))));
68
68
  };
package/build/es/components/src/components/Nav/Nav.js CHANGED
@@ -91,7 +91,7 @@ var Nav = function (_a) {
91
91
  : searchIsOpen
92
92
  ? 'closed'
93
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, { "aria-label": searchContainerAriaLabel, "aria-modal": "true", isOpen: searchIsOpen, ref: searchContainerRef, role: "dialog" },
94
+ React.createElement(SearchContainer, { "aria-label": searchContainerAriaLabel, "aria-modal": "true", isOpen: searchIsOpen, ref: searchContainerRef },
95
95
  React.createElement(SearchBar, { cancelLabel: searchCancelLabel, flexGrow: true, icon: searchIcon, inputIcon: inputIcon, inputRef: searchInputRef, isOpen: searchIsOpen, mobileTopPosition: mobileTopPosition, onBlur: onSearchBlur, onChange: searchOnChange, onClick: function () { return onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick(); }, onKeyDown: function (e) { return e.key === 'Enter' && (onSearchClick === null || onSearchClick === void 0 ? void 0 : onSearchClick()); }, placeholder: searchPlaceHolder, searchAriaLabel: searchAriaLabel, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, value: searchValue }, searchResultElement))),
96
96
  rightContent)),
97
97
  React.createElement(SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
package/build/es/components/src/components/SearchBar/SearchBar.js CHANGED
@@ -37,13 +37,13 @@ var SearchBar = function (_a) {
37
37
  }
38
38
  };
39
39
  return (React.createElement(Fragment, null,
40
- React.createElement(SearchBarContainer, { activeBorderColor: activeBorderColor, "aria-expanded": isOpen, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
40
+ React.createElement(SearchBarContainer, { activeBorderColor: activeBorderColor, flexGrow: flexGrow, inputSize: inputSize, isOpen: isOpen, role: "search" },
41
41
  React.createElement(SearchForm, { hideInMobile: true, isOpen: isOpen, onSubmit: function (e) {
42
42
  e.preventDefault();
43
43
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
44
44
  } },
45
45
  React.createElement(SearchLeftIcon, null, inputIcon),
46
- React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-hidden": isMobile, "aria-label": !isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
46
+ React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-expanded": !isMobile && isOpen, "aria-haspopup": "dialog", "aria-hidden": isMobile, "aria-label": !isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-desktop", inputSize: inputSize, isValid: isValid, ref: inputRef, value: value }, props)),
47
47
  cancelLabel && (React.createElement(SearchRightLabel, { animate: isOpen ? 'open' : 'closed', initial: "closed", onClick: function (e) { return e.stopPropagation(); }, variants: iconVariants }, cancelLabel))),
48
48
  React.createElement(MobileSearchIconContainer, null,
49
49
  React.createElement(SearchLeftIcon, null, icon)),
@@ -54,7 +54,7 @@ var SearchBar = function (_a) {
54
54
  searchOnSubmit === null || searchOnSubmit === void 0 ? void 0 : searchOnSubmit();
55
55
  } },
56
56
  React.createElement(SearchLeftIcon, null, inputIcon),
57
- React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-hidden": !isMobile, "aria-label": isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-mobile", isValid: isValid, ref: searchInputMobileRef, value: value, tabIndex: isOpen ? 0 : -1 }, props)),
57
+ React.createElement(SearchInput, __assign({ activeBorderColor: activeBorderColor, "aria-expanded": isMobile && isOpen, "aria-haspopup": "dialog", "aria-hidden": !isMobile, "aria-label": isMobile ? searchAriaLabel : undefined, autoComplete: "off", "data-form-type": "other", "data-lpignore": "true", flexGrow: flexGrow, id: "search-input-mobile", isValid: isValid, ref: searchInputMobileRef, value: value, tabIndex: isOpen ? 0 : -1 }, props)),
58
58
  cancelLabel && (React.createElement(SearchRightLabel, { onClick: function (e) { return e.stopPropagation(); } }, cancelLabel)))),
59
59
  children))));
60
60
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.178",
3
+ "version": "0.8.179",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "a1ca070b44e1f0641435b990b4bd7e6c30ae44e7"
77
+ "gitHead": "6922131f319826078fd35690afbc62329a42d154"
78
78
  }