@citygross/components 0.7.194 → 0.7.196

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 +2 -1
  2. package/build/@types/components/Nav/Nav.stories.d.ts +1 -1
  3. package/build/cjs/components/src/components/Nav/Nav.js +2 -2
  4. package/build/cjs/components/src/components/Slider/Slider.js +2 -2
  5. package/build/es/components/src/components/Nav/Nav.js +2 -2
  6. package/build/es/components/src/components/Slider/Slider.js +2 -2
  7. package/package.json +2 -2
package/build/@types/components/Nav/Nav.d.ts CHANGED
@@ -15,10 +15,11 @@ export declare type TNav = {
15
15
  searchOnSubmit?: () => void;
16
16
  onSearchClick?: () => void;
17
17
  closeSearch?: () => void;
18
+ onSearchBlur?: () => void;
18
19
  searchIsOpen?: boolean;
19
20
  overlayTopPosition?: number;
20
21
  mobileTopPosition?: number;
21
22
  searchInputRef: React.RefObject<HTMLInputElement>;
22
23
  searchInputMobileRef: React.RefObject<HTMLInputElement>;
23
24
  };
24
- export declare const Nav: ({ logo, maxWidth, overlayTopPosition, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, mobileTopPosition, searchIsOpen, searchInputRef, searchInputMobileRef }: TNav) => JSX.Element;
25
+ export declare const Nav: ({ logo, maxWidth, overlayTopPosition, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, mobileTopPosition, searchIsOpen, searchInputRef, searchInputMobileRef, onSearchBlur }: TNav) => JSX.Element;
package/build/@types/components/Nav/Nav.stories.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import { Story } from '@storybook/react';
3
3
  import { TNav } from './Nav';
4
4
  declare const _default: {
5
- component: ({ logo, maxWidth, overlayTopPosition, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, mobileTopPosition, searchIsOpen, searchInputRef, searchInputMobileRef }: TNav) => JSX.Element;
5
+ component: ({ logo, maxWidth, overlayTopPosition, height, topPosition, mainLinks, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, searchOnSubmit, onSearchClick, closeSearch, mobileTopPosition, searchIsOpen, searchInputRef, searchInputMobileRef, onSearchBlur }: TNav) => JSX.Element;
6
6
  title: string;
7
7
  argTypes: {
8
8
  onScroll: {
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, 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;
17
+ var logo = _a.logo, maxWidth = _a.maxWidth, overlayTopPosition = _a.overlayTopPosition, 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, mobileTopPosition = _a.mobileTopPosition, searchIsOpen = _a.searchIsOpen, searchInputRef = _a.searchInputRef, searchInputMobileRef = _a.searchInputMobileRef, onSearchBlur = _a.onSearchBlur;
18
18
  var navContainerRef = React.useRef(null);
19
19
  var navChildContainerRef = React.useRef(null);
20
20
  var navRef = React.useRef(null);
@@ -102,7 +102,7 @@ var Nav = function (_a) {
102
102
  React__default["default"].createElement(Nav_styles.SearchContainer, { isOpen: searchIsOpen },
103
103
  React__default["default"].createElement(SearchBar.SearchBar, { mobileTopPosition: mobileTopPosition, icon: searchIcon, cancelLabel: searchCancelLabel, flexGrow: 1, onClick: function () {
104
104
  onSearchClick && onSearchClick();
105
- }, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen }, searchResultElement))),
105
+ }, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen, onBlur: onSearchBlur }, searchResultElement))),
106
106
  rightContent)),
107
107
  React__default["default"].createElement(Nav_styles.SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
108
108
  };
package/build/cjs/components/src/components/Slider/Slider.js CHANGED
@@ -67,10 +67,10 @@ var Slider = function (_a) {
67
67
  return (React__default["default"].createElement(Slider_styles.Container, null,
68
68
  React__default["default"].createElement(Slider_styles.SliderContainer, { ref: itemsContainer, onScroll: function (e) { return onScroll(e); } },
69
69
  React__default["default"].createElement(Slider_styles.LeftIconButtonContainer, null,
70
- React__default["default"].createElement(IconButton.IconButton, { isDisabled: isMin, color: iconColor, icon: React__default["default"].createElement(Icon.Icons.ChevronLeft, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideRight(); } })),
70
+ React__default["default"].createElement(IconButton.IconButton, { isDisabled: isMin, color: iconColor, icon: React__default["default"].createElement(Icon.Icons.ChevronLeft, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideRight(); }, borderRadius: 100 })),
71
71
  React__default["default"].createElement(Slider_styles.ItemsContainer, { itemGap: itemGap }, children),
72
72
  React__default["default"].createElement(Slider_styles.RightIconButtonContainer, null,
73
- React__default["default"].createElement(IconButton.IconButton, { isDisabled: isMax || notScrollable, color: iconColor, icon: React__default["default"].createElement(Icon.Icons.ChevronRight, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideLeft(); } })))));
73
+ React__default["default"].createElement(IconButton.IconButton, { isDisabled: isMax || notScrollable, color: iconColor, icon: React__default["default"].createElement(Icon.Icons.ChevronRight, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideLeft(); }, borderRadius: 100 })))));
74
74
  };
75
75
 
76
76
  exports.Slider = Slider;
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, 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;
9
+ var logo = _a.logo, maxWidth = _a.maxWidth, overlayTopPosition = _a.overlayTopPosition, 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, mobileTopPosition = _a.mobileTopPosition, searchIsOpen = _a.searchIsOpen, searchInputRef = _a.searchInputRef, searchInputMobileRef = _a.searchInputMobileRef, onSearchBlur = _a.onSearchBlur;
10
10
  var navContainerRef = useRef(null);
11
11
  var navChildContainerRef = useRef(null);
12
12
  var navRef = useRef(null);
@@ -94,7 +94,7 @@ var Nav = function (_a) {
94
94
  React.createElement(SearchContainer, { isOpen: searchIsOpen },
95
95
  React.createElement(SearchBar, { mobileTopPosition: mobileTopPosition, icon: searchIcon, cancelLabel: searchCancelLabel, flexGrow: 1, onClick: function () {
96
96
  onSearchClick && onSearchClick();
97
- }, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen }, searchResultElement))),
97
+ }, placeholder: searchPlaceHolder, onChange: searchOnChange, value: searchValue, inputRef: searchInputRef, searchInputMobileRef: searchInputMobileRef, searchOnSubmit: searchOnSubmit, isOpen: searchIsOpen, onBlur: onSearchBlur }, searchResultElement))),
98
98
  rightContent)),
99
99
  React.createElement(SearchResultOverlay, { show: searchIsOpen, overlayTopPosition: overlayTopPosition })));
100
100
  };
package/build/es/components/src/components/Slider/Slider.js CHANGED
@@ -59,10 +59,10 @@ var Slider = function (_a) {
59
59
  return (React.createElement(Container, null,
60
60
  React.createElement(SliderContainer, { ref: itemsContainer, onScroll: function (e) { return onScroll(e); } },
61
61
  React.createElement(LeftIconButtonContainer, null,
62
- React.createElement(IconButton, { isDisabled: isMin, color: iconColor, icon: React.createElement(Icons.ChevronLeft, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideRight(); } })),
62
+ React.createElement(IconButton, { isDisabled: isMin, color: iconColor, icon: React.createElement(Icons.ChevronLeft, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideRight(); }, borderRadius: 100 })),
63
63
  React.createElement(ItemsContainer, { itemGap: itemGap }, children),
64
64
  React.createElement(RightIconButtonContainer, null,
65
- React.createElement(IconButton, { isDisabled: isMax || notScrollable, color: iconColor, icon: React.createElement(Icons.ChevronRight, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideLeft(); } })))));
65
+ React.createElement(IconButton, { isDisabled: isMax || notScrollable, color: iconColor, icon: React.createElement(Icons.ChevronRight, { color: 'white' }), height: iconHeight, width: iconWidth, onClick: function () { return slideLeft(); }, borderRadius: 100 })))));
66
66
  };
67
67
 
68
68
  export { Slider };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.194",
3
+ "version": "0.7.196",
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": "f5a09493cd18b9085e2ef33d4ea43c2078c8557d"
74
+ "gitHead": "5e3c9c78d7f6c2e03bff95475d8e3bd538132cc7"
75
75
  }