carbon-react 155.5.2 → 155.5.3
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/esm/components/button/button.component.d.ts +1 -1
- package/esm/components/icon-button/icon-button.component.d.ts +1 -1
- package/esm/components/icon-button/icon-button.component.js +1 -1
- package/esm/components/link/link.component.d.ts +1 -1
- package/lib/components/button/button.component.d.ts +1 -1
- package/lib/components/icon-button/icon-button.component.d.ts +1 -1
- package/lib/components/icon-button/icon-button.component.js +1 -1
- package/lib/components/link/link.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -53,7 +53,7 @@ export interface ButtonProps extends SpaceProps, TagProps {
|
|
|
53
53
|
/** Specify a callback triggered on keyDown */
|
|
54
54
|
onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
|
|
55
55
|
/** onClick handler */
|
|
56
|
-
onClick?: (
|
|
56
|
+
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
57
57
|
/** Assigns a size to the button: "small" | "medium" | "large" */
|
|
58
58
|
size?: SizeOptions;
|
|
59
59
|
/** Second text child, renders under main text, only when size is "large" */
|
|
@@ -18,7 +18,7 @@ export interface IconButtonProps extends SpaceProps, TagProps {
|
|
|
18
18
|
/** Set the button to disabled */
|
|
19
19
|
disabled?: boolean;
|
|
20
20
|
/** Callback triggered on click */
|
|
21
|
-
onClick?: (e: React.
|
|
21
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
22
22
|
/** @private @internal @ignore */
|
|
23
23
|
"data-component"?: string;
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import c from"./icon-button.style.js";import{TooltipProvider as i}from"../../__internal__/tooltip-provider/index.js";import a from"../batch-selection/__internal__/batch-selection.context.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function p(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const f=t.forwardRef(((t,u)=>{var f,{"aria-label":s,onClick:y,children:O,disabled:d=!1}=t,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=r(a),g=d||j,[v,h]=n(),P=s||(null==v||null===(f=v.querySelector("[data-component='icon']"))||void 0===f?void 0:f.getAttribute("type"))||"",w=o((e=>{h(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var _;return e(c,p(b(p(b({p:0},m),{"aria-label":P,onClick:e=>{null==v||v.focus({preventScroll:!0}),null==y||y(e)},ref:w,disabled:g}),l(null!==(_=m["data-component"])&&void 0!==_?_:"icon-button",m)),{children:e(i,{disabled:g,focusable:!1,target:v,children:O})}))}));f.displayName="IconButton";export{f as default};
|
|
@@ -8,7 +8,7 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
|
|
|
8
8
|
/** An icon to display next to the link. */
|
|
9
9
|
icon?: IconType;
|
|
10
10
|
/** Function called when the mouse is clicked. */
|
|
11
|
-
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>
|
|
11
|
+
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
12
|
/** Function called when a key is pressed. */
|
|
13
13
|
onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
14
14
|
/** Function called when a mouse down event triggers. */
|
|
@@ -53,7 +53,7 @@ export interface ButtonProps extends SpaceProps, TagProps {
|
|
|
53
53
|
/** Specify a callback triggered on keyDown */
|
|
54
54
|
onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
|
|
55
55
|
/** onClick handler */
|
|
56
|
-
onClick?: (
|
|
56
|
+
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
57
57
|
/** Assigns a size to the button: "small" | "medium" | "large" */
|
|
58
58
|
size?: SizeOptions;
|
|
59
59
|
/** Second text child, renders under main text, only when size is "large" */
|
|
@@ -18,7 +18,7 @@ export interface IconButtonProps extends SpaceProps, TagProps {
|
|
|
18
18
|
/** Set the button to disabled */
|
|
19
19
|
disabled?: boolean;
|
|
20
20
|
/** Callback triggered on click */
|
|
21
|
-
onClick?: (e: React.
|
|
21
|
+
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
22
22
|
/** @private @internal @ignore */
|
|
23
23
|
"data-component"?: string;
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./icon-button.style.js"),o=require("../../__internal__/tooltip-provider/index.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function i(e){return e&&e.__esModule?e:{default:e}}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const s=i(t).default.forwardRef(((i,c)=>{var s,{"aria-label":b,onClick:f,children:p,disabled:d=!1}=i,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:O}=t.useContext(l.default),j=d||O,[g,v]=t.useState(),_=b||(null==g||null===(s=g.querySelector("[data-component='icon']"))||void 0===s?void 0:s.getAttribute("type"))||"",P=t.useCallback((e=>{v(e),c&&("object"==typeof c&&(c.current=e),"function"==typeof c&&c(e))}),[c]);var h;return e.jsx(n.default,a(u(a(u({p:0},y),{"aria-label":_,onClick:e=>{null==g||g.focus({preventScroll:!0}),null==f||f(e)},ref:P,disabled:j}),r.default(null!==(h=y["data-component"])&&void 0!==h?h:"icon-button",y)),{children:e.jsx(o.TooltipProvider,{disabled:j,focusable:!1,target:g,children:p})}))}));s.displayName="IconButton",exports.default=s;
|
|
@@ -8,7 +8,7 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
|
|
|
8
8
|
/** An icon to display next to the link. */
|
|
9
9
|
icon?: IconType;
|
|
10
10
|
/** Function called when the mouse is clicked. */
|
|
11
|
-
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>
|
|
11
|
+
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
12
|
/** Function called when a key is pressed. */
|
|
13
13
|
onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
14
14
|
/** Function called when a mouse down event triggers. */
|