@conboai/storybook.components 0.3.73 → 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/components/Svg/icons.d.ts

@@ -18,6 +18,7 @@ interface Icons {
     home: Icon;
     play: Icon;
     pause: Icon;
+    tags: Icon;
     downloadVideo: Icon;
     fullScreen: Icon;
     burgerIcon: Icon;

package/dist/storybook.components.mjs

@@ -29080,6 +29080,14 @@ const XV = {
       "M15 4L13.59 5.41L16.17 8H6V10H16.17L13.59 12.58L15 14L20 9L15 4ZM2 2H10V0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H10V16H2V2Z"
     ]
   },
+  tags: {
+    height: 24,
+    width: 24,
+    strokeWidth: 1,
+    paths: [
+      "M20 10V8h-4V4h-2v4h-4V4H8v4H4v2h4v4H4v2h4v4h2v-4h4v4h2v-4h4v-2h-4v-4h4zm-6 4h-4v-4h4v4z"
+    ]
+  },
   btnArrowRight: {
     width: 16,
     height: 16,
@@ -97204,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",
@@ -97221,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,
@@ -97243,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"
             }
           )
         }
@@ -97263,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(
@@ -97286,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, {})
@@ -97302,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, {})
@@ -97313,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, {})
@@ -97322,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.73",
+  "version": "0.3.75",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [