@conboai/storybook.components 0.3.61 → 0.3.62

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

@@ -14,6 +14,8 @@ export interface ImagePlayerProps {
     disabled?: boolean;
     sx?: SxProps;
     shapes: Shape[];
+    selectedShape?: Shape;
+    onShapeSelect?: (selectedShape: Shape | null, shapesList: Shape[]) => void;
 }
 declare const ImagePlayer: React.FC<ImagePlayerProps>;
 export default ImagePlayer;

package/dist/storybook.components.mjs

@@ -97207,16 +97207,18 @@ const Dve = (e, t) => ({
   loading: o = !1,
   disabled: s = !1,
   shapes: a,
-  sx: l
+  sx: l,
+  selectedShape: c,
+  onShapeSelect: u
 }) => {
-  const [c, u] = Ye(0), d = Ove(s), f = Lve(s), h = (p, w) => {
-    typeof w == "number" && u(w);
+  const [d, f] = Ye(0), h = Ove(s), m = Lve(s), g = (C, y) => {
+    typeof y == "number" && f(y);
   };
   Me(() => {
-    r && r(e[c]);
-  }, [c, r, e]);
-  const m = (p) => {
-    const w = {
+    r && r(e[d]);
+  }, [d, r, e]);
+  const A = (C) => {
+    const y = {
       year: "numeric",
       month: "long",
       day: "numeric",
@@ -97224,17 +97226,17 @@ const Dve = (e, t) => ({
       minute: "2-digit",
       second: "2-digit"
     };
-    return new Date(p).toLocaleDateString(void 0, w);
-  }, g = (p) => {
-    u((w) => {
-      const C = w + p;
-      return C < 0 ? 0 : C >= e.length ? e.length - 1 : C;
+    return new Date(C).toLocaleDateString(void 0, y);
+  }, p = (C) => {
+    f((y) => {
+      const D = y + C;
+      return D < 0 ? 0 : D >= e.length ? e.length - 1 : D;
     });
-  }, A = {
+  }, w = {
     ...Sve,
     ...l
   };
-  return /* @__PURE__ */ N.jsxs(Dt, { sx: A, children: [
+  return /* @__PURE__ */ N.jsxs(Dt, { sx: w, children: [
     /* @__PURE__ */ N.jsxs(Dt, { sx: Fve, children: [
       /* @__PURE__ */ N.jsx(
         FO,
@@ -97244,13 +97246,15 @@ const Dve = (e, t) => ({
           menu: { show: !1 },
           showId: !1,
           showPoints: !1,
+          selected: c,
+          onShapeSelect: u,
           children: /* @__PURE__ */ N.jsx(
             Hh,
             {
               sx: { ...jve, objectFit: "contain" },
               component: "img",
-              image: e.length > 0 ? t(e[c]) : zve,
-              alt: e.length > 0 ? `Snapshot ${c}` : "No Data"
+              image: e.length > 0 ? t(e[d]) : zve,
+              alt: e.length > 0 ? `Snapshot ${d}` : "No Data"
             }
           )
         }
@@ -97259,21 +97263,21 @@ const Dve = (e, t) => ({
     ] }),
     /* @__PURE__ */ N.jsx(v1, { children: /* @__PURE__ */ N.jsxs(Dt, { sx: Tve, children: [
       /* @__PURE__ */ N.jsxs(Dt, { display: "flex", justifyContent: "space-between", children: [
-        /* @__PURE__ */ N.jsx(Xt, { variant: "body2", sx: f, children: e.length ? m(n(e[0])) : "Start time" }),
-        /* @__PURE__ */ N.jsx(Xt, { variant: "body2", sx: f, children: e.length ? m(n(e[c])) : "Current time" }),
-        /* @__PURE__ */ N.jsx(Xt, { variant: "body2", "aria-disabled": s, sx: f, children: e.length ? m(n(e[e.length - 1])) : "End time" })
+        /* @__PURE__ */ N.jsx(Xt, { variant: "body2", sx: m, children: e.length ? A(n(e[0])) : "Start time" }),
+        /* @__PURE__ */ N.jsx(Xt, { variant: "body2", sx: m, children: e.length ? A(n(e[d])) : "Current time" }),
+        /* @__PURE__ */ N.jsx(Xt, { variant: "body2", "aria-disabled": s, sx: m, children: e.length ? A(n(e[e.length - 1])) : "End time" })
       ] }),
       /* @__PURE__ */ N.jsx(
         Tx,
         {
           disabled: s,
-          value: c,
+          value: d,
           min: 0,
           max: e.length - 1,
-          onChange: h,
+          onChange: g,
           "aria-labelledby": "image-slider",
           valueLabelDisplay: "auto",
-          valueLabelFormat: (p) => m(n(e[p]))
+          valueLabelFormat: (C) => A(n(e[C]))
         }
       ),
       /* @__PURE__ */ N.jsxs(
@@ -97283,14 +97287,14 @@ const Dve = (e, t) => ({
           justifyContent: "center",
           alignItems: "center",
           mb: 2,
-          sx: d,
+          sx: h,
           gap: "12px",
           children: [
             /* @__PURE__ */ N.jsxs(Dt, { display: "flex", gap: "12px", children: [
               /* @__PURE__ */ N.jsx(
                 Mo,
                 {
-                  onClick: () => g(-10),
+                  onClick: () => p(-10),
                   variant: "action",
                   disabled: s || e.length === 0,
                   children: /* @__PURE__ */ N.jsx(kve, {})
@@ -97299,7 +97303,7 @@ const Dve = (e, t) => ({
               /* @__PURE__ */ N.jsx(
                 Mo,
                 {
-                  onClick: () => g(-1),
+                  onClick: () => p(-1),
                   variant: "action",
                   disabled: s || e.length === 0,
                   children: /* @__PURE__ */ N.jsx(Mve, {})
@@ -97310,7 +97314,7 @@ const Dve = (e, t) => ({
               /* @__PURE__ */ N.jsx(
                 Mo,
                 {
-                  onClick: () => g(1),
+                  onClick: () => p(1),
                   variant: "action",
                   disabled: s || e.length === 0,
                   children: /* @__PURE__ */ N.jsx(Eve, {})
@@ -97319,7 +97323,7 @@ const Dve = (e, t) => ({
               /* @__PURE__ */ N.jsx(
                 Mo,
                 {
-                  onClick: () => g(10),
+                  onClick: () => p(10),
                   variant: "action",
                   disabled: s || e.length === 0,
                   children: /* @__PURE__ */ N.jsx(Ive, {})

package/package.json

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