@transkripid/flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork
74 lines (73 loc) • 4.65 kB
JavaScript
import { jsx as c, jsxs as P } from "react/jsx-runtime";
import { c as K } from "react/compiler-runtime";
import { forwardRef as Q, useId as V } from "react";
import { twMerge as E } from "tailwind-merge";
import { mergeDeep as W } from "../../helpers/merge-deep.mjs";
import { useSidebarContext as X } from "./SidebarContext.mjs";
import { useSidebarItemContext as Y } from "./SidebarItemContext.mjs";
import { Badge as Z } from "../Badge/Badge.mjs";
import { Tooltip as _ } from "../Tooltip/Tooltip.mjs";
const ee = ({
id: m,
theme: i,
isCollapsed: e,
tooltipChildren: o,
children: t,
...n
}) => /* @__PURE__ */ c("li", { ...n, children: e ? /* @__PURE__ */ c(_, { content: /* @__PURE__ */ c(O, { id: m, theme: i, children: o }), placement: "right", children: t }) : t }), O = (m) => {
const i = K(6), {
id: e,
theme: o,
children: t
} = m, n = `flowbite-sidebar-item-${e}`;
let s;
i[0] !== o.content.base ? (s = E(o.content.base), i[0] = o.content.base, i[1] = s) : s = i[1];
let r;
return i[2] !== t || i[3] !== n || i[4] !== s ? (r = /* @__PURE__ */ c("span", { "data-testid": "flowbite-sidebar-item-content", id: n, className: s, children: t }), i[2] = t, i[3] = n, i[4] = s, i[5] = r) : r = i[5], r;
}, te = Q((m, i) => {
var F, G, H, J;
const e = K(70);
let o, t, n, s, r, f, L, B, d;
e[0] !== m ? ({
active: s,
as: L,
children: t,
className: n,
icon: o,
label: r,
labelColor: B,
theme: d,
...f
} = m, e[0] = m, e[1] = o, e[2] = t, e[3] = n, e[4] = s, e[5] = r, e[6] = f, e[7] = L, e[8] = B, e[9] = d) : (o = e[1], t = e[2], n = e[3], s = e[4], r = e[5], f = e[6], L = e[7], B = e[8], d = e[9]);
const R = L === void 0 ? "a" : L, U = B === void 0 ? "info" : B;
let D;
e[10] !== d ? (D = d === void 0 ? {} : d, e[10] = d, e[11] = D) : D = e[11];
const k = D, b = V(), {
theme: q,
isCollapsed: a
} = X(), {
isInsideCollapse: z
} = Y();
let p, h, C, I, N, u, v, w, x, T, g, S, l;
e[12] !== R || e[13] !== o || e[14] !== t || e[15] !== n || e[16] !== k || e[17] !== b || e[18] !== s || e[19] !== a || e[20] !== z || e[21] !== f || e[22] !== i || e[23] !== q.item ? (l = W(q.item, k), h = ee, C = l, I = l.listItem, N = b, u = a, v = t, p = R, w = `flowbite-sidebar-item-${b}`, x = i, T = E(l.base, s && l.active, !a && z && ((F = l.collapsed) == null ? void 0 : F.insideCollapse), n), g = f, S = o && /* @__PURE__ */ c(o, { "aria-hidden": !0, "data-testid": "flowbite-sidebar-item-icon", className: E((G = l.icon) == null ? void 0 : G.base, s && ((H = l.icon) == null ? void 0 : H.active)) }), e[12] = R, e[13] = o, e[14] = t, e[15] = n, e[16] = k, e[17] = b, e[18] = s, e[19] = a, e[20] = z, e[21] = f, e[22] = i, e[23] = q.item, e[24] = p, e[25] = h, e[26] = C, e[27] = I, e[28] = N, e[29] = u, e[30] = v, e[31] = w, e[32] = x, e[33] = T, e[34] = g, e[35] = S, e[36] = l) : (p = e[24], h = e[25], C = e[26], I = e[27], N = e[28], u = e[29], v = e[30], w = e[31], x = e[32], T = e[33], g = e[34], S = e[35], l = e[36]);
let $;
e[37] !== o || e[38] !== t || e[39] !== a || e[40] !== l ? ($ = a && !o && /* @__PURE__ */ c("span", { className: (J = l.collapsed) == null ? void 0 : J.noIcon, children: t.charAt(0).toLocaleUpperCase() ?? "?" }), e[37] = o, e[38] = t, e[39] = a, e[40] = l, e[41] = $) : $ = e[41];
let j;
e[42] !== t || e[43] !== b || e[44] !== a || e[45] !== l ? (j = !a && /* @__PURE__ */ c(O, { id: b, theme: l, children: t }), e[42] = t, e[43] = b, e[44] = a, e[45] = l, e[46] = j) : j = e[46];
let y;
e[47] !== a || e[48] !== r || e[49] !== U || e[50] !== l ? (y = !a && r && /* @__PURE__ */ c(Z, { color: U, "data-testid": "flowbite-sidebar-label", hidden: a, className: l.label, children: r }), e[47] = a, e[48] = r, e[49] = U, e[50] = l, e[51] = y) : y = e[51];
let A;
e[52] !== p || e[53] !== $ || e[54] !== j || e[55] !== y || e[56] !== w || e[57] !== x || e[58] !== T || e[59] !== g || e[60] !== S ? (A = /* @__PURE__ */ P(p, { "aria-labelledby": w, ref: x, className: T, ...g, children: [
S,
$,
j,
y
] }), e[52] = p, e[53] = $, e[54] = j, e[55] = y, e[56] = w, e[57] = x, e[58] = T, e[59] = g, e[60] = S, e[61] = A) : A = e[61];
let M;
return e[62] !== h || e[63] !== C || e[64] !== I || e[65] !== N || e[66] !== u || e[67] !== v || e[68] !== A ? (M = /* @__PURE__ */ c(h, { theme: C, className: I, id: N, isCollapsed: u, tooltipChildren: v, children: A }), e[62] = h, e[63] = C, e[64] = I, e[65] = N, e[66] = u, e[67] = v, e[68] = A, e[69] = M) : M = e[69], M;
});
te.displayName = "Sidebar.Item";
export {
te as SidebarItem
};
//# sourceMappingURL=SidebarItem.mjs.map