@conboai/storybook.components 0.3.74 → 0.3.75

package/dist/components/ImagePlayer/ImagePlayer.d.ts

@@ -16,6 +16,7 @@ export interface ImagePlayerProps {
     shapes: Shape[];
     selectedShape?: Shape;
     onShapeSelect?: (selectedShape: Shape | null, shapesList: Shape[]) => void;
+    shapeStyles?: any;
 }
 declare const ImagePlayer: React.FC<ImagePlayerProps>;
 export default ImagePlayer;

package/dist/storybook.components.mjs

@@ -97212,16 +97212,17 @@ const Eve = Hme, kve = (t, e) => ({
   shapes: a,
   sx: l,
   selectedShape: c,
-  onShapeSelect: u
+  onShapeSelect: u,
+  shapeStyles: d = {}
 }) => {
-  const [d, f] = Ye(0), A = Ove(s), m = Lve(s), g = (C, v) => {
-    typeof v == "number" && f(v);
+  const [f, A] = Ye(0), m = Ove(s), g = Lve(s), h = (v, D) => {
+    typeof D == "number" && A(D);
   };
   ke(() => {
-    o && o(t[d]);
-  }, [d, o, t]);
-  const h = (C) => {
-    const v = {
+    o && o(t[f]);
+  }, [f, o, t]);
+  const p = (v) => {
+    const D = {
       year: "numeric",
       month: "long",
       day: "numeric",
@@ -97229,17 +97230,17 @@ const Eve = Hme, kve = (t, e) => ({
       minute: "2-digit",
       second: "2-digit"
     };
-    return new Date(C).toLocaleDateString(void 0, v);
-  }, p = (C) => {
-    f((v) => {
-      const D = v + C;
-      return D < 0 ? 0 : D >= t.length ? t.length - 1 : D;
+    return new Date(v).toLocaleDateString(void 0, D);
+  }, w = (v) => {
+    A((D) => {
+      const y = D + v;
+      return y < 0 ? 0 : y >= t.length ? t.length - 1 : y;
     });
-  }, w = {
+  }, C = {
     ...Sve,
     ...l
   };
-  return /* @__PURE__ */ N.jsxs(Pt, { sx: w, children: [
+  return /* @__PURE__ */ N.jsxs(Pt, { sx: C, children: [
     /* @__PURE__ */ N.jsxs(Pt, { sx: Fve, children: [
       /* @__PURE__ */ N.jsx(
         RO,
@@ -97251,16 +97252,14 @@ const Eve = Hme, kve = (t, e) => ({
           showPoints: !1,
           selected: c,
           onShapeSelect: u,
-          styles: {
-            width: "50%"
-          },
+          styles: d,
           children: /* @__PURE__ */ N.jsx(
             Hh,
             {
               sx: { ...jve, objectFit: "contain" },
               component: "img",
-              image: t.length > 0 ? e(t[d]) : zve,
-              alt: t.length > 0 ? `Snapshot ${d}` : "No Data"
+              image: t.length > 0 ? e(t[f]) : zve,
+              alt: t.length > 0 ? `Snapshot ${f}` : "No Data"
             }
           )
         }
@@ -97271,21 +97270,21 @@ const Eve = Hme, kve = (t, e) => ({
       paddingBottom: "0 !important"
     }, children: /* @__PURE__ */ N.jsxs(Pt, { sx: Tve, children: [
       /* @__PURE__ */ N.jsxs(Pt, { display: "flex", justifyContent: "space-between", children: [
-        /* @__PURE__ */ N.jsx(Jt, { variant: "body2", sx: m, children: t.length ? h(n(t[0])) : "Start time" }),
-        /* @__PURE__ */ N.jsx(Jt, { variant: "body2", sx: m, children: t.length ? h(n(t[d])) : "Current time" }),
-        /* @__PURE__ */ N.jsx(Jt, { variant: "body2", "aria-disabled": s, sx: m, children: t.length ? h(n(t[t.length - 1])) : "End time" })
+        /* @__PURE__ */ N.jsx(Jt, { variant: "body2", sx: g, children: t.length ? p(n(t[0])) : "Start time" }),
+        /* @__PURE__ */ N.jsx(Jt, { variant: "body2", sx: g, children: t.length ? p(n(t[f])) : "Current time" }),
+        /* @__PURE__ */ N.jsx(Jt, { variant: "body2", "aria-disabled": s, sx: g, children: t.length ? p(n(t[t.length - 1])) : "End time" })
       ] }),
       /* @__PURE__ */ N.jsx(
         Sx,
         {
           disabled: s,
-          value: d,
+          value: f,
           min: 0,
           max: t.length - 1,
-          onChange: g,
+          onChange: h,
           "aria-labelledby": "image-slider",
           valueLabelDisplay: "auto",
-          valueLabelFormat: (C) => h(n(t[C]))
+          valueLabelFormat: (v) => p(n(t[v]))
         }
       ),
       /* @__PURE__ */ N.jsxs(
@@ -97294,14 +97293,14 @@ const Eve = Hme, kve = (t, e) => ({
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
-          sx: A,
+          sx: m,
           gap: "12px",
           children: [
             /* @__PURE__ */ N.jsxs(Pt, { display: "flex", gap: "12px", children: [
               /* @__PURE__ */ N.jsx(
                 Br,
                 {
-                  onClick: () => p(-10),
+                  onClick: () => w(-10),
                   variant: "action",
                   disabled: s || t.length === 0,
                   children: /* @__PURE__ */ N.jsx(Qoe, {})
@@ -97310,7 +97309,7 @@ const Eve = Hme, kve = (t, e) => ({
               /* @__PURE__ */ N.jsx(
                 Br,
                 {
-                  onClick: () => p(-1),
+                  onClick: () => w(-1),
                   variant: "action",
                   disabled: s || t.length === 0,
                   children: /* @__PURE__ */ N.jsx(Foe, {})
@@ -97321,7 +97320,7 @@ const Eve = Hme, kve = (t, e) => ({
               /* @__PURE__ */ N.jsx(
                 Br,
                 {
-                  onClick: () => p(1),
+                  onClick: () => w(1),
                   variant: "action",
                   disabled: s || t.length === 0,
                   children: /* @__PURE__ */ N.jsx(zoe, {})
@@ -97330,7 +97329,7 @@ const Eve = Hme, kve = (t, e) => ({
               /* @__PURE__ */ N.jsx(
                 Br,
                 {
-                  onClick: () => p(10),
+                  onClick: () => w(10),
                   variant: "action",
                   disabled: s || t.length === 0,
                   children: /* @__PURE__ */ N.jsx(Yoe, {})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conboai/storybook.components",
-  "version": "0.3.74",
+  "version": "0.3.75",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [