@conboai/storybook.components 0.3.61 → 0.3.63

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

@@ -96972,34 +96972,35 @@ const Dve = (e, t) => ({
   onCellClick: f,
   onRowsScrollEnd: h,
   total: m,
-  hideFooter: g = !1
+  hideFooter: g = !1,
+  ...A
 }) => {
-  const [A, p] = Ye({
+  const [p, w] = Ye({
     page: 0,
     pageSize: s[0]
-  }), [w, C] = Ye([]), [y, D] = Ye(null), v = Sr(
-    (L) => {
-      C(L), u && u(L);
+  }), [C, y] = Ye([]), [D, v] = Ye(null), B = Sr(
+    (j) => {
+      y(j), u && u(j);
     },
     [u]
-  ), B = Sr(
-    (L) => {
-      if (p(L), d) {
-        const j = {
-          previousPage: A.page
+  ), M = Sr(
+    (j) => {
+      if (w(j), d) {
+        const I = {
+          previousPage: p.page
         };
-        d(L, j);
+        d(j, I);
       }
     },
-    [d, A.page]
-  ), M = () => {
-    const L = "data:text/csv;charset=utf-8," + e.map((E) => E.headerName).join(",") + `
-` + t.map((E) => e.map((x) => E[x.field]).join(",")).join(`
-`), j = encodeURI(L), I = document.createElement("a");
-    I.setAttribute("href", j), I.setAttribute("download", "table_data.csv"), document.body.appendChild(I), I.click();
-  }, H = (L) => {
-    D(L.id), f && f(L, event);
-  }, Q = () => !g && /* @__PURE__ */ N.jsxs(
+    [d, p.page]
+  ), H = () => {
+    const j = "data:text/csv;charset=utf-8," + e.map((x) => x.headerName).join(",") + `
+` + t.map((x) => e.map((P) => x[P.field]).join(",")).join(`
+`), I = encodeURI(j), E = document.createElement("a");
+    E.setAttribute("href", I), E.setAttribute("download", "table_data.csv"), document.body.appendChild(E), E.click();
+  }, Q = (j) => {
+    v(j.id), f && f(j, event);
+  }, L = () => !g && /* @__PURE__ */ N.jsxs(
     ey,
     {
       sx: {
@@ -97013,7 +97014,7 @@ const Dve = (e, t) => ({
           Dr,
           {
             variant: "text",
-            onClick: M,
+            onClick: H,
             disabled: !t.length,
             children: /* @__PURE__ */ N.jsxs(
               _t,
@@ -97052,12 +97053,12 @@ const Dve = (e, t) => ({
           {
             rowsPerPageOptions: s,
             count: c,
-            page: A.page,
-            onPageChange: (L, j) => p((I) => ({ ...I, page: j })),
-            rowsPerPage: A.pageSize,
-            onRowsPerPageChange: (L) => p((j) => ({
-              ...j,
-              pageSize: parseInt(L.target.value, 10)
+            page: p.page,
+            onPageChange: (j, I) => w((E) => ({ ...E, page: I })),
+            rowsPerPage: p.pageSize,
+            onRowsPerPageChange: (j) => w((I) => ({
+              ...I,
+              pageSize: parseInt(j.target.value, 10)
             }))
           }
         ) : /* @__PURE__ */ N.jsxs(
@@ -97081,26 +97082,27 @@ const Dve = (e, t) => ({
   return /* @__PURE__ */ N.jsx(mo, { sx: Dve(a, l), children: /* @__PURE__ */ N.jsx(
     Pve,
     {
+      ...A,
       rows: t,
       rowHeight: 35,
       columns: e,
       paginationMode: r ? "server" : void 0,
       sortingMode: "server",
-      paginationModel: A,
+      paginationModel: p,
       rowCount: c,
       pagination: r,
-      onPaginationModelChange: r ? B : void 0,
-      sortModel: w,
+      onPaginationModelChange: r ? M : void 0,
+      sortModel: C,
       disableRowSelectionOnClick: !0,
-      onSortModelChange: v,
-      onRowClick: H,
+      onSortModelChange: B,
+      onRowClick: Q,
       slots: {
-        footer: Q
+        footer: L
       },
       loading: n,
       sx: Bve(a, l),
       onRowsScrollEnd: r ? void 0 : h,
-      getRowClassName: (L) => L.id === y ? "Mui-selected" : ""
+      getRowClassName: (j) => j.id === D ? "Mui-selected" : ""
     }
   ) });
 }, Iye = ({
@@ -97207,16 +97209,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 +97228,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 +97248,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 +97265,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 +97289,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 +97305,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 +97316,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 +97325,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.63",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [