@streamlayer/react 1.23.1 → 1.23.2

package/lib/es/index14.js

@@ -1,87 +1,88 @@
-import { jsx as n } from "react/jsx-runtime";
-import { d as x } from "./index15.js";
-import { useEffect as h, useState as d, useCallback as p } from "react";
-import { s as f, N as O, I as k, O as y, S as E } from "./sl-types.js";
-import { CountdownCircleTimer as g } from "react-countdown-circle-timer";
-import { B as P } from "./index6.js";
-const v = (i) => {
-  const { Component: o, options: t, customOptions: s, autoFocus: r, ...l } = i, e = x.useFocusable({
-    ...t,
-    ...s,
+import { jsx } from "react/jsx-runtime";
+import { d as distExports } from "./index15.js";
+import { useEffect, useState, useCallback } from "react";
+import { s as styled_default, N, I, O as O$2, S } from "./sl-types.js";
+import { CountdownCircleTimer } from "react-countdown-circle-timer";
+import { B as B1 } from "./index6.js";
+const a = (t) => {
+  const { Component: e, options: n, customOptions: r, autoFocus: o, ...i } = t, u2 = distExports.useFocusable({
+    ...n,
+    ...r,
     onEnterPress: () => {
-      var a;
-      return (a = i.onClick) == null ? void 0 : a.call(i, { currentTarget: e.ref.current, stopPropagation: () => {
+      var c;
+      return (c = t.onClick) == null ? void 0 : c.call(t, { currentTarget: u2.ref.current, stopPropagation: () => {
       } });
     }
   });
-  return h(() => {
-    r && e.focusSelf();
-  }, []), /* @__PURE__ */ n(o, { ...l, ...e, "data-is-with-focus": "true" });
+  return useEffect(() => {
+    o && u2.focusSelf();
+  }, []), /* @__PURE__ */ jsx(e, { ...i, ...u2, "data-is-with-focus": "true" });
 };
-function B(i, o) {
-  return ({ webos: t, options: s, ...r }) => t ? /* @__PURE__ */ n(v, { Component: i, options: o, customOptions: s, ...r }) : /* @__PURE__ */ n(i, { ...r });
+function O$1(t, e) {
+  return ({ webos: n, options: r, ...o }) => n ? /* @__PURE__ */ jsx(a, { Component: t, options: e, customOptions: r, ...o }) : /* @__PURE__ */ jsx(t, { ...o });
 }
-const w = [10, 10, 1, 0], I = /* @__PURE__ */ f("div")({
+const k = [10, 10, 1, 0], u = /* @__PURE__ */ styled_default("div")({
   name: "RemainingTimeCircle",
   class: "r165427",
-  propsAsIs: !1
-}), S = /* @__PURE__ */ f("div")({
+  propsAsIs: false
+}), E = /* @__PURE__ */ styled_default("div")({
   name: "RemainingTime",
   class: "r17garf3",
-  propsAsIs: !1
-}), b = y, c = O, u = E, F = ({
-  className: i,
-  duration: o = 30,
-  onTimerExpired: t,
-  isPlaying: s = !0
-}) => /* @__PURE__ */ n(g, {
-  isPlaying: s,
+  propsAsIs: false
+}), O = O$2, l = N, R = S, G = ({
+  className: o,
+  duration: e = 30,
+  onTimerExpired: r,
+  isPlaying: n = true
+}) => /* @__PURE__ */ jsx(CountdownCircleTimer, {
+  isPlaying: n,
   strokeWidth: 0,
-  duration: o,
-  colors: c,
+  duration: e,
+  colors: l,
   size: 24,
-  onComplete: t,
+  onComplete: r,
   children: ({
-    remainingTime: r
-  }) => /* @__PURE__ */ n(S, {
-    className: i,
-    children: o === 0 ? 0 : r
+    remainingTime: i
+  }) => /* @__PURE__ */ jsx(E, {
+    className: o,
+    children: e === 0 ? 0 : i
   })
-}), j = ({
-  isPlaying: i = !0,
-  duration: o = 30,
-  onTimerExpired: t
+}), L = ({
+  isPlaying: o = true,
+  duration: e = 30,
+  onTimerExpired: r
 }) => {
-  const [s, r] = d(o > 10 ? b : c), [l, e] = d(2);
-  h(() => {
-    o === 0 && (e(0), r(u));
-  }, [o]);
-  const a = ({
-    remainingTime: m
-  }) => /* @__PURE__ */ n(I, {
-    children: o === 0 ? 0 : m
-  }), C = p(() => {
-    t == null || t(), r(u);
-  }, [t, r]), T = p((m) => {
-    m === 10 && r(c);
-  }, [r]);
-  return /* @__PURE__ */ n(g, {
-    isPlaying: i,
-    duration: o,
-    colors: k,
-    colorsTime: w,
+  const [n, t] = useState(e > 10 ? O : l), [i, C] = useState(2);
+  useEffect(() => {
+    e === 0 && (C(0), t(R));
+  }, [e]);
+  const p = ({
+    remainingTime: c
+  }) => /* @__PURE__ */ jsx(u, {
+    children: e === 0 ? 0 : c
+  }), h = useCallback(() => {
+    r == null || r(), t(R);
+  }, [r, t]), I$1 = useCallback((c) => {
+    c === 10 && t(l);
+  }, [t]);
+  return /* @__PURE__ */ jsx(CountdownCircleTimer, {
+    isPlaying: o,
+    duration: e,
+    colors: I,
+    colorsTime: k,
     size: 32,
-    strokeWidth: l,
+    strokeWidth: i,
     trailStrokeWidth: 2,
-    trailColor: s,
-    onComplete: C,
-    onUpdate: T,
-    children: a
+    trailColor: n,
+    onComplete: h,
+    onUpdate: I$1,
+    children: p
   });
-}, G = ({ height: i = "37px", width: o = "37px" }) => /* @__PURE__ */ n("div", { style: { height: i, width: o }, children: /* @__PURE__ */ n(P, { name: "loader" }) });
+};
+const d = ({ height: r = "37px", width: e = "37px" }) => /* @__PURE__ */ jsx("div", { style: { height: r, width: e }, children: /* @__PURE__ */ jsx(B1, { name: "loader" }) });
 export {
-  F as G,
-  j as L,
-  B as O,
-  G as d
+  G,
+  L,
+  O$1 as O,
+  d
 };