bj-web-components 0.2.28 → 0.2.29

package/dist/web/Switch/Switch.mjs

@@ -1,57 +1,47 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { useState as x, useCallback as B } from "react";
 /* empty css             */
-const BuSwitch = ({
-  checked: controlledChecked,
-  defaultChecked = false,
-  onChange,
-  disabled = false,
-  loading = false,
-  checkedChildren,
-  unCheckedChildren,
-  theme = "light",
-  activeColor,
-  inactiveColor,
-  className,
-  style
+const C = ({
+  checked: r,
+  defaultChecked: u = !1,
+  onChange: c,
+  disabled: e = !1,
+  loading: l = !1,
+  checkedChildren: a,
+  unCheckedChildren: o,
+  theme: n = "light",
+  activeColor: b,
+  inactiveColor: w,
+  className: d,
+  style: k
 }) => {
-  const isControlled = controlledChecked !== void 0;
-  const [internalChecked, setInternalChecked] = useState(defaultChecked);
-  const isChecked = isControlled ? controlledChecked : internalChecked;
-  const handleClick = useCallback(() => {
-    if (disabled || loading) return;
-    const next = !isChecked;
-    if (!isControlled) {
-      setInternalChecked(next);
-    }
-    onChange == null ? void 0 : onChange(next);
-  }, [isChecked, disabled, loading, isControlled, onChange]);
-  const resolvedActiveColor = activeColor ?? (theme === "dark" ? "var(--bu-switch-dark-on)" : "var(--bu-switch-light-on)");
-  const resolvedInactiveColor = inactiveColor ?? (theme === "dark" ? "var(--bu-switch-dark-off)" : "var(--bu-switch-light-off)");
-  const trackBg = isChecked ? resolvedActiveColor : resolvedInactiveColor;
-  const rootCls = [
+  const i = r !== void 0, [v, f] = x(u), s = i ? r : v, p = B(() => {
+    if (e || l) return;
+    const h = !s;
+    i || f(h), c == null || c(h);
+  }, [s, e, l, i, c]), _ = s ? b ?? (n === "dark" ? "var(--bu-switch-dark-on)" : "var(--bu-switch-light-on)") : w ?? (n === "dark" ? "var(--bu-switch-dark-off)" : "var(--bu-switch-light-off)"), m = [
     "bu-switch",
-    isChecked && "bu-switch--checked",
-    disabled && "bu-switch--disabled",
-    loading && "bu-switch--loading",
-    className
+    s && "bu-switch--checked",
+    e && "bu-switch--disabled",
+    l && "bu-switch--loading",
+    d
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
       role: "switch",
-      "aria-checked": isChecked,
-      "aria-disabled": disabled,
-      className: rootCls,
+      "aria-checked": s,
+      "aria-disabled": e,
+      className: m,
       style: {
-        "--bu-switch-track-bg": trackBg,
-        ...style
+        "--bu-switch-track-bg": _,
+        ...k
       },
-      onClick: handleClick,
-      children: /* @__PURE__ */ jsxs("span", { className: "bu-switch__track", children: [
-        unCheckedChildren != null && /* @__PURE__ */ jsx("span", { className: "bu-switch__label bu-switch__label--left", children: unCheckedChildren }),
-        /* @__PURE__ */ jsx("span", { className: "bu-switch__thumb", children: loading && /* @__PURE__ */ jsx("span", { className: "bu-switch__loading-icon", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+      onClick: p,
+      children: /* @__PURE__ */ N("span", { className: "bu-switch__track", children: [
+        o != null && /* @__PURE__ */ t("span", { className: "bu-switch__label bu-switch__label--left", children: o }),
+        /* @__PURE__ */ t("span", { className: "bu-switch__thumb", children: l && /* @__PURE__ */ t("span", { className: "bu-switch__loading-icon", children: /* @__PURE__ */ t("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t(
           "path",
           {
             d: "M8 1.5a6.5 6.5 0 0 1 6.5 6.5",
@@ -60,12 +50,12 @@ const BuSwitch = ({
             strokeLinecap: "round"
           }
         ) }) }) }),
-        checkedChildren != null && /* @__PURE__ */ jsx("span", { className: "bu-switch__label bu-switch__label--right", children: checkedChildren })
+        a != null && /* @__PURE__ */ t("span", { className: "bu-switch__label bu-switch__label--right", children: a })
       ] })
     }
   );
 };
-BuSwitch.displayName = "BuSwitch";
+C.displayName = "BuSwitch";
 export {
-  BuSwitch as default
+  C as default
 };