@stihl-design-system/components
Version:
Welcome to the STIHL Design System react component library.
135 lines (134 loc) • 6.81 kB
JavaScript
"use client";
import { jsx as x, jsxs as he } from "react/jsx-runtime";
import { d as ge } from "./chunks/index.D-sRdssb.js";
import { c as H } from "./chunks/index.DL9mof6u.js";
import { forwardRef as pe, useRef as fe, useState as Ce, useEffect as ye } from "react";
import './assets/radio.BLd_UGcp.css';const me = (B) => B.replace(/\s+/g, ""), ke = "ds-radio_root_14ige_1", De = "ds-radio_root--disabled_14ige_24", Ne = "ds-radio_root--with-custom-area_14ige_27", We = "ds-radio_root--with-custom-area--above_14ige_30", xe = "ds-radio_radio_14ige_38", He = "ds-radio_dot_14ige_56", Be = "ds-radio_radio--invalid_14ige_80", Ue = "ds-radio_label_14ige_85", Ie = "ds-radio_label--bold_14ige_102", Se = "ds-radio_label--with-custom-area_14ige_113", $e = "ds-radio_custom-area_14ige_117", we = "ds-radio_custom-area--disabled_14ige_125", je = "ds-radio_custom-area--above_14ige_128", Ee = "ds-radio_hint_14ige_135", Ve = "ds-radio_hint--visible_14ige_159", Oe = "ds-radio_hint--unchecked-hidden_14ige_163", Re = "ds-radio_input_14ige_169", t = {
root: ke,
rootDisabled: De,
rootWithCustomArea: Ne,
rootWithCustomAreaAbove: We,
radio: xe,
dot: He,
radioInvalid: Be,
label: Ue,
labelBold: Ie,
labelWithCustomArea: Se,
customArea: $e,
customAreaDisabled: we,
customAreaAbove: je,
hint: Ee,
hintVisible: Ve,
hintUncheckedHidden: Oe,
input: Re
}, qe = pe((B, _) => {
const e = ge.c(88);
let U, b, i, n, l, c, d, u, A, I, S, $, w, j, E, h;
e[0] !== B ? ({
label: c,
name: d,
value: h,
checked: U,
className: b,
customArea: i,
isCustomAreaAbove: I,
defaultChecked: S,
disabled: $,
fieldsetId: n,
hint: l,
invalid: w,
isBold: j,
hideUncheckedHint: E,
onChange: u,
...A
} = B, e[0] = B, e[1] = U, e[2] = b, e[3] = i, e[4] = n, e[5] = l, e[6] = c, e[7] = d, e[8] = u, e[9] = A, e[10] = I, e[11] = S, e[12] = $, e[13] = w, e[14] = j, e[15] = E, e[16] = h) : (U = e[1], b = e[2], i = e[3], n = e[4], l = e[5], c = e[6], d = e[7], u = e[8], A = e[9], I = e[10], S = e[11], $ = e[12], w = e[13], j = e[14], E = e[15], h = e[16]);
const f = I === void 0 ? !1 : I, _e = S === void 0 ? !1 : S, s = $ === void 0 ? !1 : $, v = w === void 0 ? !1 : w, Y = j === void 0 ? !1 : j, r = E === void 0 ? !1 : E, be = fe(null), o = fe(null), [Ae, ve] = Ce(_e), V = U !== void 0, a = V ? U : Ae;
let O, R;
e[17] !== a || e[18] !== r ? (O = () => {
o.current && (r ? (o.current.style.height === "0px" || o.current.style.height === "") && a ? (o.current.style.height = `${o.current.scrollHeight}px`, o.current.style.opacity = "1") : a || (o.current.style.opacity = "0", o.current.style.height = "0px", o.current.style.pointerEvents = "none") : (o.current.style.height === "0px" || o.current.style.height === "") && (o.current.style.height = "auto", o.current.style.opacity = "1"));
}, R = [o, a, r], e[17] = a, e[18] = r, e[19] = O, e[20] = R) : (O = e[19], R = e[20]), ye(O, R);
const Z = !!i, ee = !!i && f;
let q;
e[21] !== b || e[22] !== s || e[23] !== ee || e[24] !== Z ? (q = H(t.root, {
[t.rootDisabled]: s,
[t.rootWithCustomArea]: Z,
[t.rootWithCustomAreaAbove]: ee
}, b), e[21] = b, e[22] = s, e[23] = ee, e[24] = Z, e[25] = q) : q = e[25];
const te = q, se = !!i;
let z;
e[26] !== Y || e[27] !== se ? (z = H(t.label, {
[t.labelBold]: Y,
[t.labelWithCustomArea]: se
}), e[26] = Y, e[27] = se, e[28] = z) : z = e[28];
const oe = z;
let F;
e[29] !== a || e[30] !== r || e[31] !== l ? (F = () => !r && l ? !0 : !!(r && l && a), e[29] = a, e[30] = r, e[31] = l, e[32] = F) : F = e[32];
const G = F, ie = r && !G();
let J;
e[33] !== G || e[34] !== ie ? (J = H(t.hint, {
[t.hintUncheckedHidden]: ie,
[t.hintVisible]: G()
}), e[33] = G, e[34] = ie, e[35] = J) : J = e[35];
const le = J;
let K;
e[36] !== v ? (K = H(t.radio, {
[t.radioInvalid]: v
}), e[36] = v, e[37] = K) : K = e[37];
const ae = K;
let L;
e[38] !== s ? (L = H(t.customArea, {
[t.customAreaDisabled]: s
}), e[38] = s, e[39] = L) : L = e[39];
const re = L;
let M;
e[40] !== s ? (M = H(t.customArea, t.customAreaAbove, {
[t.customAreaDisabled]: s
}), e[40] = s, e[41] = M) : M = e[41];
const ce = M;
let P;
e[42] !== s || e[43] !== V || e[44] !== u ? (P = (m) => {
if (s) {
m.preventDefault();
return;
}
V || ve(m.target.checked), u && u(m);
}, e[42] = s, e[43] = V, e[44] = u, e[45] = P) : P = e[45];
const ne = P, g = l ? `${me(d)}-${me(h)}-description` : void 0;
let Q;
e[46] !== g || e[47] !== n || e[48] !== v ? (Q = [v && n && `${n}-feedback`, g].filter(Boolean).join(" ") || void 0, e[46] = g, e[47] = n, e[48] = v, e[49] = Q) : Q = e[49];
const de = Q;
let p;
e[50] !== _ ? (p = (m) => {
typeof _ == "function" ? _(m) : _ !== null && (_.current = m), be.current = m;
}, e[50] = _, e[51] = p) : p = e[51];
const ue = typeof c == "string" ? c : void 0;
let C;
e[52] !== de || e[53] !== a || e[54] !== s || e[55] !== ne || e[56] !== d || e[57] !== A || e[58] !== p || e[59] !== ue || e[60] !== h ? (C = /* @__PURE__ */ x("input", { type: "radio", value: h, name: d, className: t.input, ref: p, onChange: ne, ...A, disabled: s, checked: a, "aria-label": ue, "aria-describedby": de }), e[52] = de, e[53] = a, e[54] = s, e[55] = ne, e[56] = d, e[57] = A, e[58] = p, e[59] = ue, e[60] = h, e[61] = C) : C = e[61];
let T;
e[62] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ x("div", { className: t.dot }), e[62] = T) : T = e[62];
let y;
e[63] !== ae ? (y = /* @__PURE__ */ x("span", { className: ae, children: T }), e[63] = ae, e[64] = y) : y = e[64];
let k;
e[65] !== i || e[66] !== ce || e[67] !== f ? (k = i && f && /* @__PURE__ */ x("div", { className: ce, children: i }), e[65] = i, e[66] = ce, e[67] = f, e[68] = k) : k = e[68];
let D;
e[69] !== i || e[70] !== re || e[71] !== f ? (D = i && !f && /* @__PURE__ */ x("div", { className: re, children: i }), e[69] = i, e[70] = re, e[71] = f, e[72] = D) : D = e[72];
let N;
e[73] !== g || e[74] !== l || e[75] !== le ? (N = /* @__PURE__ */ x("span", { id: g, className: le, ref: o, children: l }), e[73] = g, e[74] = l, e[75] = le, e[76] = N) : N = e[76];
let W;
e[77] !== c || e[78] !== oe || e[79] !== D || e[80] !== N ? (W = /* @__PURE__ */ he("span", { className: oe, children: [
c,
D,
N
] }), e[77] = c, e[78] = oe, e[79] = D, e[80] = N, e[81] = W) : W = e[81];
let X;
return e[82] !== te || e[83] !== C || e[84] !== y || e[85] !== k || e[86] !== W ? (X = /* @__PURE__ */ he("label", { className: te, children: [
C,
y,
k,
W
] }), e[82] = te, e[83] = C, e[84] = y, e[85] = k, e[86] = W, e[87] = X) : X = e[87], X;
});
qe.displayName = "DSRadio";
export {
qe as DSRadio
};