@rws-aoa/react-library
Version:
RWS AOA Design System
54 lines (53 loc) • 2.35 kB
JavaScript
import { jsx as b } from "react/jsx-runtime";
import { c as m } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
import { IconButton as x } from "@mui/material";
import { l as v } from "../../../chunks/lodash.CA_K01A9.js";
import { AoaTooltip as h } from "../tooltip/Tooltip.js";
function B(d) {
const o = m.c(23);
let e, l;
o[0] !== d ? ({
ref: l,
...e
} = d, o[0] = d, o[1] = e, o[2] = l) : (e = o[1], l = o[2]);
const p = e.label, c = e["data-qa"], u = e.disabled, f = e.onClick;
let r;
if (o[3] !== e.inline || o[4] !== e.sx) {
let s;
o[6] !== e.inline ? (s = e.inline && {
border: "none",
padding: 0
}, o[6] = e.inline, o[7] = s) : s = o[7], r = v.merge({
color: "var(--color-primary)",
border: "1px solid var(--color-primary)",
borderRadius: 0,
":hover, :active, :focus": {
color: "var(--color-primary-hover)",
borderColor: "var(--color-primary-hover)"
},
":disabled": {
backgroundColor: "transparent",
borderColor: "var(--color-text-disabled)",
color: "var(--color-text-disabled)"
},
":focus": {
outline: "2px dashed var(--color-text)",
outlineOffset: 3,
boxShadow: "none"
},
...s
}, e.sx), o[3] = e.inline, o[4] = e.sx, o[5] = r;
} else
r = o[5];
let a;
o[8] !== e.disabled || o[9] !== e.icon || o[10] !== e.label || o[11] !== e.onClick || o[12] !== l || o[13] !== c || o[14] !== r ? (a = /* @__PURE__ */ b(x, { "aria-label": p, "data-qa": c, disableFocusRipple: !0, disableRipple: !0, disableTouchRipple: !0, disabled: u, onClick: f, ref: l, role: "button", sx: r, children: e.icon }), o[8] = e.disabled, o[9] = e.icon, o[10] = e.label, o[11] = e.onClick, o[12] = l, o[13] = c, o[14] = r, o[15] = a) : a = o[15];
const t = a;
let i;
o[16] !== t || o[17] !== e.disabled || o[18] !== e.label ? (i = e.disabled ? /* @__PURE__ */ b("span", { "aria-label": e.label, "data-testid": "disabled-span-wrapper", role: "tooltip", children: t }) : t, o[16] = t, o[17] = e.disabled, o[18] = e.label, o[19] = i) : i = o[19];
let n;
return o[20] !== e.label || o[21] !== i ? (n = /* @__PURE__ */ b(h, { title: e.label, children: i }), o[20] = e.label, o[21] = i, o[22] = n) : n = o[22], n;
}
export {
B as AoaIconButton
};
//# sourceMappingURL=IconButton.js.map