@conboai/storybook.components 0.5.70 → 0.5.72

package/dist/components/Shapes/Shapes.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { IShapesProps } from './types';
 
-declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected: selectedShapeFromProps, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, snapToBoundaries, styles, polygonMaxLength, polylineMaxLength, polylineProps }: IShapesProps) => React.JSX.Element;
+declare const Shapes: ({ children, mode: modeFromProps, onModeChange: _onModeChange, shapes: shapesFromProps, selected: selectedShapeFromProps, onShapeChange, onShapeSelect, onMouseMove, menu, showNumbers, showId, showOnlyPoints, showPoints, showDirection, selectedShapeZIndex, snapToBoundaries, styles, polygonMaxLength, polylineMaxLength, polylineProps, }: IShapesProps) => React.JSX.Element;
 export default Shapes;

package/dist/components/Shapes/types.d.ts

@@ -30,6 +30,8 @@ export interface Shape {
     header?: {
         text: string;
     };
+    showDirection?: boolean;
+    showEndDirection?: boolean;
 }
 export interface IShapesProps {
     children?: ReactNode;

package/dist/storybook.components.mjs

@@ -75410,7 +75410,9 @@ const Qm = {
         C(null);
         return;
       }
-      const ge = R.filter((be) => be.id !== ce.id), ve = p ? [...ge, ce] : R;
+      const ge = R.filter(
+        (be) => be.id !== ce.id
+      ), ve = p ? [...ge, ce] : R;
       s == null || s(ce, ve), C(ce), P(ve);
     },
     [w, R, p]
@@ -75458,13 +75460,17 @@ const Qm = {
   }, G = () => {
     _(null);
   }, Y = Mn(() => {
-    const ce = R.filter((ge) => ge.id !== (L == null ? void 0 : L.id));
+    const ce = R.filter(
+      (ge) => ge.id !== (L == null ? void 0 : L.id)
+    );
     P(ce), C(null), i == null || i(null, ce), E(t);
   }, [i, L == null ? void 0 : L.id, R, t]), ie = Mn(
     (ce) => {
       var ye, we;
       if (!L || w === dn.View) return;
-      const ge = R.findIndex((Se) => Se.id === L.id);
+      const ge = R.findIndex(
+        (Se) => Se.id === L.id
+      );
       if (ge === -1) return;
       let ve = [...L.points];
       if (L.type === qr.Polygon && (ce === 0 || ce === ve.length - 1) && ve.length > 0) {
@@ -75498,9 +75504,12 @@ const Qm = {
   ), le = (ce) => {
     w !== dn.View && A(ce);
   }, q = Mn(
-    Bi.debounce((ce, ge, ve) => {
-      i == null || i(ce, ge, ve);
-    }, 300),
+    Bi.debounce(
+      (ce, ge, ve) => {
+        i == null || i(ce, ge, ve);
+      },
+      300
+    ),
     [i]
   ), Z = (ce) => {
     const ge = ce.currentTarget.getBoundingClientRect();
@@ -75510,7 +75519,10 @@ const Qm = {
       ge
     );
     if (ve = g ? L4(ve) : ve, l == null || l(ve), w === dn.CreatePolygon && U.length > 0) {
-      const be = x0(ve, U[0]);
+      const be = x0(
+        ve,
+        U[0]
+      );
       H(be), U.length > 1 ? W([...U.slice(0, -1), ve]) : W([U[0], ve]);
     } else if (w === dn.CreatePolyline && U.length > 0) {
       const be = U.length > 1 ? U.length - 2 : 0, ye = x0(
@@ -75527,7 +75539,9 @@ const Qm = {
       L.type === qr.Polygon && (k === 0 || k === Se.length - 1) && Se.length > 0 ? (Se[0] = we, Se[Se.length - 1] = we) : Se[k] = we;
       const Me = { ...L, points: Se };
       C(Me);
-      const Ie = R.findIndex((Ae) => Ae.id === L.id);
+      const Ie = R.findIndex(
+        (Ae) => Ae.id === L.id
+      );
       if (Ie !== -1) {
         const Ae = [...R];
         Ae[Ie] = Me, P(Ae), C({ ...L, points: Se }), q(Me, Ae, be);
@@ -75541,7 +75555,11 @@ const Qm = {
     }
   }, J = Mn(
     (ce, ge, ve) => {
-      const be = fl(ce - ve.left, ge - ve.top, ve), ye = { x: be.x, y: be.y }, we = [...U, ye];
+      const be = fl(
+        ce - ve.left,
+        ge - ve.top,
+        ve
+      ), ye = { x: be.x, y: be.y }, we = [...U, ye];
       W(we), i == null || i(
         {
           id: "draw polyline",
@@ -75563,9 +75581,15 @@ const Qm = {
           ce.clientX - be.left,
           ce.clientY - be.top,
           be
-        ), we = U.length - 1 >= 3, Se = U.length > v, Me = x0(ye, U[0]);
+        ), we = U.length - 1 >= 3, Se = U.length > v, Me = x0(
+          ye,
+          U[0]
+        );
         if (we && Me) {
-          const Ie = [...U.slice(0, -1), U[0]], Ae = {
+          const Ie = [
+            ...U.slice(0, -1),
+            U[0]
+          ], Ae = {
             type: qr.Polygon,
             id: S4(),
             points: Ie,
@@ -75638,8 +75662,17 @@ const Qm = {
       );
       P(Ie), C(Me), i == null || i(Me, Ie);
     },
-    [w, L, R, i, v, y]
-  ), se = R.filter((ce) => ce.id !== (L == null ? void 0 : L.id)), ue = Co(
+    [
+      w,
+      L,
+      R,
+      i,
+      v,
+      y
+    ]
+  ), se = R.filter(
+    (ce) => ce.id !== (L == null ? void 0 : L.id)
+  ), ue = Co(
     () => p && L && se.length > 0 && R.some((ce) => ce.id === L.id) ? [...se, L] : R,
     [se, L, p, R]
   );
@@ -75762,7 +75795,15 @@ const Qm = {
                       ce.id
                     )
                   ] }),
-                  (ce.type === qr.Polygon || ce.type === qr.Polyline) && (L == null ? void 0 : L.id) === ce.id && u && ((ke = Mue(ce.points)) == null ? void 0 : ke.map((Mt, kt) => M ? /* @__PURE__ */ V.jsx(M4, { point: Mt, number: kt, rect: M }, kt) : null)),
+                  (ce.type === qr.Polygon || ce.type === qr.Polyline) && (L == null ? void 0 : L.id) === ce.id && u && ((ke = Mue(ce.points)) == null ? void 0 : ke.map((Mt, kt) => M ? /* @__PURE__ */ V.jsx(
+                    M4,
+                    {
+                      point: Mt,
+                      number: kt,
+                      rect: M
+                    },
+                    kt
+                  ) : null)),
                   ce.type === qr.Polyline && /* @__PURE__ */ V.jsxs(P6, { children: [
                     ((Re = ce == null ? void 0 : ce.crossLine) == null ? void 0 : Re.direction) && /* @__PURE__ */ V.jsx(
                       Rue,
@@ -75793,7 +75834,7 @@ const Qm = {
                       },
                       ce.id
                     ),
-                    m && /* @__PURE__ */ V.jsxs("g", { children: [
+                    (m || ce.showDirection) && /* @__PURE__ */ V.jsxs("g", { children: [
                       /* @__PURE__ */ V.jsx(
                         "circle",
                         {
@@ -75819,7 +75860,7 @@ const Qm = {
                         }
                       )
                     ] }),
-                    (x == null ? void 0 : x.showEndDirection) && we && /* @__PURE__ */ V.jsxs("g", { children: [
+                    x != null && x.showEndDirection && we || ce.showEndDirection && we ? /* @__PURE__ */ V.jsxs("g", { children: [
                       /* @__PURE__ */ V.jsx(
                         "circle",
                         {
@@ -75844,7 +75885,7 @@ const Qm = {
                           children: x == null ? void 0 : x.endMarkerLabel
                         }
                       )
-                    ] })
+                    ] }) : null
                   ] }, ce.id),
                   ce.type === qr.Point && /* @__PURE__ */ V.jsx(
                     zue,
@@ -75912,7 +75953,15 @@ const Qm = {
                   `draw-shape-${ge}`
                 );
               }),
-              w === dn.CreatePolygon && u && (U == null ? void 0 : U.map((ce, ge) => M ? /* @__PURE__ */ V.jsx(M4, { point: ce, number: ge, rect: M }, ge) : null))
+              w === dn.CreatePolygon && u && (U == null ? void 0 : U.map((ce, ge) => M ? /* @__PURE__ */ V.jsx(
+                M4,
+                {
+                  point: ce,
+                  number: ge,
+                  rect: M
+                },
+                ge
+              ) : null))
             ]
           }
         )

package/package.json

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