@conboai/storybook.components 0.3.38 → 0.3.39

package/dist/components/Toggle/Toggle.d.ts

@@ -7,6 +7,8 @@ interface IToggle {
     leftLabel?: string;
     rightLabel?: string;
     sx?: SxProps;
+    leftLabelsDisabled?: boolean;
+    rightLabelDisabled?: boolean;
 }
 declare const Toggle: FC<IToggle>;
 export default Toggle;

package/dist/components/Toggle/styles.d.ts

@@ -2,5 +2,5 @@ import { SxProps } from '@mui/material';
 
 export declare const toggleSx: SxProps;
 export declare const inputLabelSx: SxProps;
-export declare const leftLabelSx: (checked: boolean) => SxProps;
-export declare const rightLabelSx: (checked: boolean) => SxProps;
+export declare const leftLabelSx: (leftLabelsDisabled?: boolean) => SxProps;
+export declare const rightLabelSx: (rightLabelDisabled?: boolean) => SxProps;

package/dist/storybook.components.mjs

@@ -64423,13 +64423,15 @@ const mle = {
 }, kle = (t) => ({
   color: t ? Rp : du
 }), Ple = (t) => ({
-  color: t ? du : Rp
+  color: t ? Rp : du
 }), uCe = ({
   checked: t,
   onChange: e,
   leftLabel: n,
   sx: r,
-  rightLabel: o
+  rightLabel: o,
+  leftLabelsDisabled: i = !1,
+  rightLabelDisabled: a = !1
 }) => /* @__PURE__ */ H.jsxs(
   Zt,
   {
@@ -64440,8 +64442,8 @@ const mle = {
     alignItems: "center",
     children: [
       /* @__PURE__ */ H.jsxs(Zt, { container: !0, flexDirection: "column", gap: "15px", children: [
-        n && /* @__PURE__ */ H.jsx(La, { sx: Sk, children: /* @__PURE__ */ H.jsx(on, { sx: kle(t), title: n, children: n }) }),
-        o && /* @__PURE__ */ H.jsx(La, { sx: Sk, children: /* @__PURE__ */ H.jsx(on, { sx: Ple(t), title: o, children: o }) })
+        n && /* @__PURE__ */ H.jsx(La, { sx: Sk, children: /* @__PURE__ */ H.jsx(on, { sx: kle(i), title: n, children: n }) }),
+        o && /* @__PURE__ */ H.jsx(La, { sx: Sk, children: /* @__PURE__ */ H.jsx(on, { sx: Ple(a), title: o, children: o }) })
       ] }),
       /* @__PURE__ */ H.jsx(
         vl,
@@ -74204,9 +74206,12 @@ const bCe = ({
   onClick: l,
   total: c
 }) => {
-  const u = Po(null), d = Po(null), [h, f] = Ve(!1), [b, g] = Ve(null), [p, m] = Ve(null), v = Yr((A) => {
-    g(A), l && l(A);
-  }, [l]), y = Yr(() => {
+  const u = Po(null), d = Po(null), [h, f] = Ve(!1), [b, g] = Ve(null), [p, m] = Ve(null), v = Yr(
+    (A) => {
+      g(A), l && l(A);
+    },
+    [l]
+  ), y = Yr(() => {
     var M;
     const A = (M = u.current) == null ? void 0 : M.chart;
     A && (f(A.resetZoomButton), m({
@@ -74303,222 +74308,234 @@ const bCe = ({
     return A && A.addEventListener("scroll", N), () => {
       A && A.removeEventListener("scroll", N);
     };
-  }, [N]);
-  const j = Ea(() => t.filter((A) => A.id), [t]), D = Ea(() => ({
-    chart: {
-      type: "xrange",
-      marginTop: 30,
-      height: t.length * rd,
-      zooming: {
-        type: "x"
-      },
-      panning: !0,
-      panKey: "shift",
-      resetZoomButton: {
-        theme: {
-          style: {
-            display: "none"
+  }, [N]), Ie(() => {
+    if (t.length > 0) {
+      const A = Math.min(
+        ...t.map((P) => new Date(P.startDate).getTime())
+      ), M = Math.max(
+        ...t.map(
+          (P) => P.endDate ? new Date(P.endDate).getTime() : new Date(P.startDate).getTime()
+        )
+      );
+      m({ min: A, max: M });
+    }
+  }, [t]);
+  const j = Ea(
+    () => t.filter((A) => A.id),
+    [t]
+  ), D = Ea(
+    () => ({
+      chart: {
+        type: "xrange",
+        marginTop: 30,
+        height: t.length * rd,
+        zooming: {
+          type: "x"
+        },
+        panning: !0,
+        panKey: "shift",
+        resetZoomButton: {
+          theme: {
+            style: {
+              display: "none"
+            }
           }
-        }
-      },
-      events: {
-        render() {
-          var x;
-          const A = this, M = A.yAxis[0], P = A.xAxis[0];
-          if (!M || !P) {
-            console.error("yAxis или xAxis не определены");
-            return;
+        },
+        events: {
+          render() {
+            var x;
+            const A = this, M = A.yAxis[0], P = A.xAxis[0];
+            if (!M || !P) {
+              console.error("yAxis или xAxis не определены");
+              return;
+            }
+            A.verticalLines || (A.verticalLines = [], (x = P.tickPositions) == null || x.forEach((T) => {
+              var V;
+              const R = P.toPixels(T, !1), L = A.renderer.path([
+                "M",
+                R,
+                M.top,
+                "L",
+                R,
+                M.top + M.height
+              ]).attr({
+                "stroke-width": 1,
+                stroke: AS,
+                zIndex: 3
+              }).add();
+              (V = A.verticalLines) == null || V.push({ line: L, pos: T, timePos: R });
+            }));
           }
-          A.verticalLines || (A.verticalLines = [], (x = P.tickPositions) == null || x.forEach((T) => {
-            var V;
-            const R = P.toPixels(T, !1), L = A.renderer.path([
-              "M",
-              R,
-              M.top,
-              "L",
-              R,
-              M.top + M.height
-            ]).attr({
-              "stroke-width": 1,
-              stroke: AS,
-              zIndex: 3
-            }).add();
-            (V = A.verticalLines) == null || V.push({ line: L, pos: T, timePos: R });
-          }));
         }
-      }
-    },
-    title: {
-      text: void 0
-    },
-    xAxis: {
-      type: "datetime",
-      opposite: !0,
-      offset: 4,
-      tickColor: oo,
-      lineColor: oo,
-      labels: {
-        useHTML: !0,
-        style: {
-          color: FH
-        }
-      }
-    },
-    yAxis: {
-      title: {
-        text: "ID",
-        align: "high",
-        rotation: 0,
-        offset: 0,
-        x: -30,
-        y: -20
       },
-      categories: j.map((A) => A.id),
-      reversed: !1,
-      gridLineWidth: 0,
-      scrollbar: {
-        enabled: !0
+      title: {
+        text: void 0
       },
-      min: 0,
-      max: j.length < 1 ? 0 : j.length - 1,
-      labels: {
-        formatter: function() {
-          return `<span class="custom-label" style="cursor:pointer; font-weight:${this.value === b ? "bold" : "normal"};">${this.value}</span>`;
-        },
-        useHTML: !0,
-        style: {
-          cursor: "pointer"
-        }
-      }
-    },
-    series: [
-      {
-        type: "xrange",
-        name: "ID",
-        borderColor: DH,
-        pointWidth: 10,
-        data: j.map((A, M) => ({
-          x: new Date(A.startDate).getTime(),
-          x2: A.endDate ? new Date(A.endDate).getTime() : void 0,
-          y: j.findIndex((P) => P.id === A.id),
-          color: n[M % n.length],
-          index: M,
-          id: A.id,
-          tooltipData: { ...A },
-          events: {
-            click: function() {
-              v(A.id);
-            }
-          }
-        })),
-        showInLegend: !1,
-        dataLabels: {
-          enabled: !1,
+      xAxis: {
+        type: "datetime",
+        opposite: !0,
+        offset: 4,
+        tickColor: oo,
+        lineColor: oo,
+        labels: {
+          useHTML: !0,
           style: {
-            color: "#000000",
-            textOutline: "none"
+            color: FH
           }
+        }
+      },
+      yAxis: {
+        title: {
+          text: "ID",
+          align: "high",
+          rotation: 0,
+          offset: 0,
+          x: -30,
+          y: -20
         },
-        tooltip: {
+        categories: j.map((A) => A.id),
+        reversed: !1,
+        gridLineWidth: 0,
+        scrollbar: {
+          enabled: !0
+        },
+        min: 0,
+        max: j.length < 1 ? 0 : j.length - 1,
+        labels: {
+          formatter: function() {
+            return `<span class="custom-label" style="cursor:pointer; font-weight:${this.value === b ? "bold" : "normal"};">${this.value}</span>`;
+          },
+          useHTML: !0,
           style: {
-            zIndex: 1e4
+            cursor: "pointer"
+          }
+        }
+      },
+      series: [
+        {
+          type: "xrange",
+          name: "ID",
+          borderColor: DH,
+          pointWidth: 10,
+          data: j.map((A, M) => ({
+            x: new Date(A.startDate).getTime(),
+            x2: A.endDate ? new Date(A.endDate).getTime() : void 0,
+            y: j.findIndex((P) => P.id === A.id),
+            color: n[M % n.length],
+            index: M,
+            id: A.id,
+            tooltipData: { ...A },
+            events: {
+              click: function() {
+                v(A.id);
+              }
+            }
+          })),
+          showInLegend: !1,
+          dataLabels: {
+            enabled: !1,
+            style: {
+              color: "#000000",
+              textOutline: "none"
+            }
           },
-          pointFormatter: function() {
-            const A = Object.entries(this.tooltipData).filter(([M]) => !["id", "startDate", "endDate"].includes(M)).map(
-              ([M, P]) => `<br/><strong>${OO(M)}:</strong> ${P}`
-            ).join("");
-            return `<span>ID: ${this.id}</span><br/><strong>Start:</strong> ${new Date(
-              this.x
-            ).toLocaleString()}${this.x2 ? `<br/><strong>End:</strong> ${new Date(
-              this.x2
-            ).toLocaleString()}` : ""}${A}`;
+          tooltip: {
+            style: {
+              zIndex: 1e4
+            },
+            pointFormatter: function() {
+              const A = Object.entries(this.tooltipData).filter(
+                ([M]) => !["id", "startDate", "endDate"].includes(M)
+              ).map(
+                ([M, P]) => `<br/><strong>${OO(M)}:</strong> ${P}`
+              ).join("");
+              return `<span>ID: ${this.id}</span><br/><strong>Start:</strong> ${new Date(
+                this.x
+              ).toLocaleString()}${this.x2 ? `<br/><strong>End:</strong> ${new Date(
+                this.x2
+              ).toLocaleString()}` : ""}${A}`;
+            }
           }
         }
+      ],
+      credits: {
+        enabled: !1
       }
-    ],
-    credits: {
-      enabled: !1
-    }
-  }), [t, j, b, v, n]);
-  return /* @__PURE__ */ H.jsxs(
-    Pt,
-    {
-      position: "relative",
-      sx: Zle,
-      id: "timeline-chart",
-      children: [
-        a && /* @__PURE__ */ H.jsx(Pt, { sx: Kle, children: /* @__PURE__ */ H.jsx(pu, { sx: tx }) }),
-        t.length === 0 && !a ? /* @__PURE__ */ H.jsx(Pt, { sx: Xle(i), children: /* @__PURE__ */ H.jsx(on, { variant: "body2", color: "textSecondary", children: "No rows" }) }) : /* @__PURE__ */ H.jsx(
-          Pt,
+    }),
+    [t, j, b, v, n]
+  );
+  return /* @__PURE__ */ H.jsxs(Pt, { position: "relative", sx: Zle, id: "timeline-chart", children: [
+    a && /* @__PURE__ */ H.jsx(Pt, { sx: Kle, children: /* @__PURE__ */ H.jsx(pu, { sx: tx }) }),
+    t.length === 0 && !a ? /* @__PURE__ */ H.jsx(Pt, { sx: Xle(i), children: /* @__PURE__ */ H.jsx(on, { variant: "body2", color: "textSecondary", children: "No rows" }) }) : /* @__PURE__ */ H.jsx(
+      Pt,
+      {
+        id: "scrollableDiv",
+        ref: d,
+        sx: Qle(i),
+        children: /* @__PURE__ */ H.jsx(Pt, { sx: Jle, children: /* @__PURE__ */ H.jsx(
+          Wle,
           {
-            id: "scrollableDiv",
-            ref: d,
-            sx: Qle(i),
-            children: /* @__PURE__ */ H.jsx(Pt, { sx: Jle, children: /* @__PURE__ */ H.jsx(
-              Wle,
-              {
-                highcharts: Cx,
-                options: D,
-                ref: u
-              },
-              t.length
-            ) })
-          }
-        ),
-        /* @__PURE__ */ H.jsxs(Pt, { sx: ece, children: [
-          /* @__PURE__ */ H.jsx(
-            Er,
+            highcharts: Cx,
+            options: D,
+            ref: u
+          },
+          t.length
+        ) })
+      }
+    ),
+    /* @__PURE__ */ H.jsxs(Pt, { sx: ece, children: [
+      /* @__PURE__ */ H.jsx(
+        Er,
+        {
+          variant: "text",
+          onClick: C,
+          disabled: !t.length,
+          children: /* @__PURE__ */ H.jsxs(
+            Zt,
             {
-              variant: "text",
-              onClick: C,
-              disabled: !t.length,
-              children: /* @__PURE__ */ H.jsxs(
-                Zt,
-                {
-                  container: !0,
-                  gap: "8px",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  children: [
-                    /* @__PURE__ */ H.jsx(
-                      qn,
-                      {
-                        icon: "download",
-                        fill: e === "light" ? "#212121" : "rgba(255, 255, 255, 0.5)"
-                      }
-                    ),
-                    /* @__PURE__ */ H.jsx(
-                      on,
-                      {
-                        textTransform: "capitalize",
-                        color: "#000000",
-                        fontWeight: "400",
-                        fontSize: "12px",
-                        lineHeight: "20px",
-                        letterSpacing: "0.4px",
-                        children: "Download"
-                      }
-                    )
-                  ]
-                }
-              )
+              container: !0,
+              gap: "8px",
+              justifyContent: "space-between",
+              alignItems: "center",
+              children: [
+                /* @__PURE__ */ H.jsx(
+                  qn,
+                  {
+                    icon: "download",
+                    fill: e === "light" ? "#212121" : "rgba(255, 255, 255, 0.5)"
+                  }
+                ),
+                /* @__PURE__ */ H.jsx(
+                  on,
+                  {
+                    textTransform: "capitalize",
+                    color: "#000000",
+                    fontWeight: "400",
+                    fontSize: "12px",
+                    lineHeight: "20px",
+                    letterSpacing: "0.4px",
+                    children: "Download"
+                  }
+                )
+              ]
             }
-          ),
-          p && /* @__PURE__ */ H.jsxs(on, { sx: kk(e), children: [
-            "Date range: ",
-            new Date(p.min).toLocaleString(),
-            " - ",
-            new Date(p.max).toLocaleString()
-          ] }),
-          /* @__PURE__ */ H.jsxs(on, { sx: kk(e), children: [
-            t.length,
-            " rows from ",
-            c || "Unknown"
-          ] })
-        ] })
-      ]
-    }
-  );
+          )
+        }
+      ),
+      p && /* @__PURE__ */ H.jsxs(on, { sx: kk(e), children: [
+        "Date range: ",
+        new Date(p.min).toLocaleString(),
+        " -",
+        " ",
+        new Date(p.max).toLocaleString()
+      ] }),
+      /* @__PURE__ */ H.jsxs(on, { sx: kk(e), children: [
+        t.length,
+        " rows from ",
+        c || "Unknown"
+      ] })
+    ] })
+  ] });
 }, tce = (t, e) => e === 1 ? "white" : `hsl(${360 * +t * 5 / e / 4}, 100%, 50%)`, od = (t, e, n) => {
   const r = t / n.width - 0.5, o = e / n.height - 0.5;
   return { x: r, y: o };

package/package.json

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