@geotab/zenith 1.18.0-beta.0 → 1.18.0

package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js

@@ -32,12 +32,13 @@ const PageToolbarCollapsedItemsControl = ({ children }) => {
     const clickHandler = (0, react_1.useCallback)((propsOnClick) => ((_, e) => { propsOnClick(e); }), []);
     react_1.Children.forEach(children, (child) => {
         if ((0, headerHelpers_1.isNamedChildComponent)(child, headerButton_1.HeaderButtonDisplayName)) {
+            const onClick = child.props.onClick;
             const el = (0, react_1.createElement)(menu_1.Menu.Item, {
                 id: child.props.id,
                 key: child.props.id,
                 name: typeof child.props.children === "string" ? child.props.children : "",
                 disabled: child.props.disabled,
-                onClick: child.props.onClick ? clickHandler(child.props.onClick) : undefined,
+                onClick: onClick ? clickHandler((e) => onClick(child.props.id, e)) : undefined,
                 link: child.props.link,
                 target: child.props.target,
                 rel: child.props.rel,

package/dist/header/headerButton.d.ts

@@ -3,13 +3,14 @@ import { IButton } from "../button/button";
 import { TButtonIconPosition } from "../textIconButton/textIconButton";
 import { TSvgIconSize } from "../svgIcon/svgIconSize";
 import { IIcon } from "../icons/icon";
-export interface IHeaderButton extends IButton {
+export interface IHeaderButton extends Omit<IButton, "onClick"> {
     id: string;
     important?: boolean;
     icon?: React.FC<IIcon>;
     iconPosition?: TButtonIconPosition;
     iconClasses?: string;
     iconSize?: TSvgIconSize;
+    onClick?: (id: string, event: React.MouseEvent) => void;
 }
 export declare const HeaderButtonDisplayName = "HeaderButton";
 export declare const HeaderButton: React.FC<IHeaderButton>;

package/dist/header/headerButton.js

@@ -22,8 +22,8 @@ const HeaderButton = (_a) => {
     const fullClassName = (0, classNames_1.classNames)(["zen-header-button", className]);
     const props = Object.assign(Object.assign({}, restProps), { "data-important": important ? "1" : "0" });
     return icon
-        ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ id: id, icon: icon, iconPosition: iconPosition, className: fullClassName, onClick: onClick ? (e) => onClick(e) : undefined }, props, { children: children }))
-        : (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ id: id, className: fullClassName, onClick: onClick ? (e) => onClick(e) : undefined }, props, { children: children }));
+        ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ id: id, icon: icon, iconPosition: iconPosition, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined }, props, { children: children }))
+        : (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ id: id, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined }, props, { children: children }));
 };
 exports.HeaderButton = HeaderButton;
 exports.HeaderButton.displayName = exports.HeaderButtonDisplayName;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@geotab/zenith",
-  "version": "1.18.0-beta.0",
+  "version": "1.18.0",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "publishConfig": {
-   "access": "public"
- },
+    "access": "public"
+  },
   "scripts": {
     "test": "npm run clean && npm run test-build && jest",
     "start": "npm run storybook --loglevel verbose",