@conboai/storybook.components 0.2.66 → 0.2.67

package/dist/components/TrailPathView/TrailPathView.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export declare enum TrailPathType {
+    Geo = 0,
+    Feed = 1
+}
+interface IGeoPath {
+    type: TrailPathType.Geo;
+    coordinates: Array<[number, number]>;
+    points?: never;
+    feedUrl?: never;
+}
+interface IFeedPath {
+    type: TrailPathType.Feed;
+    points: Array<[number, number]>;
+    feedUrl: string;
+    coordinates?: never;
+}
+export type ITrailPathView = IGeoPath | IFeedPath;
+declare const TrailPathView: React.FC<ITrailPathView>;
+export default TrailPathView;

package/dist/components/TrailPathView/index.d.ts

@@ -0,0 +1 @@
+export { default as TrailPathView } from './TrailPathView';

package/dist/components/TrailPathView/utils.d.ts

@@ -0,0 +1,5 @@
+import { Point } from '../../core/Shapes/types';
+import { CoordinatePoint } from '../../core/Geo/types';
+
+export declare const arrayToShapePoints: (points: number[][]) => Point[];
+export declare const arrayToGeoCoordinates: (coordinates: number[][]) => CoordinatePoint[];

package/dist/helpers/utils/utils.d.ts

@@ -1,2 +1,3 @@
 export declare const snakeCaseToTitleCase: (input: string) => string;
 export declare const formatValueWithComma: (value: string[]) => string;
+export declare const generateRandomId: () => string;

package/dist/storybook.components.mjs

@@ -42565,7 +42565,7 @@ function wB(t, e) {
       "error"
     );
     try {
-      po.log(`Debug logs enabled for "${e}" in hls.js version 1.5.12`);
+      po.log(`Debug logs enabled for "${e}" in hls.js version 1.5.13`);
     } catch {
       po = Id;
     }
@@ -44007,12 +44007,15 @@ function Sm(t, e) {
   return t && t !== "mp4a" ? t : e && e.split(",")[0];
 }
 function fj(t) {
-  const e = t.split(".");
-  if (e.length > 2) {
-    let n = e.shift() + ".";
-    return n += parseInt(e.shift()).toString(16), n += ("000" + parseInt(e.shift()).toString(16)).slice(-4), n;
+  const e = t.split(",");
+  for (let n = 0; n < e.length; n++) {
+    const r = e[n].split(".");
+    if (r.length > 2) {
+      let i = r.shift() + ".";
+      i += parseInt(r.shift()).toString(16), i += ("000" + parseInt(r.shift()).toString(16)).slice(-4), e[n] = i;
+    }
   }
-  return t;
+  return e.join(",");
 }
 const Tm = /#EXT-X-STREAM-INF:([^\r\n]*)(?:[\r\n](?:#[^\r\n]*)?)*([^\r\n]+)|#EXT-X-(SESSION-DATA|SESSION-KEY|DEFINE|CONTENT-STEERING|START):([^\r\n]*)[\r\n]+/g, Cm = /#EXT-X-MEDIA:(.*)/g, pj = /^#EXT(?:INF|-X-TARGETDURATION):/m, wm = new RegExp([
   /#EXTINF:\s*(\d*(?:\.\d+)?)(?:,(.*)\s+)?/.source,
@@ -47843,7 +47846,7 @@ class bh extends Zj {
     return e ? r = Math.max(8 * n.maxBufferSize / e, n.maxBufferLength) : r = n.maxBufferLength, Math.min(r, n.maxMaxBufferLength);
   }
   reduceMaxBufferLength(e, n) {
-    const r = this.config, i = Math.max(Math.min(e, r.maxBufferLength), n), s = Math.max(e - n * 3, r.maxMaxBufferLength / 2);
+    const r = this.config, i = Math.max(Math.min(e - n, r.maxBufferLength), n), s = Math.max(e - n * 3, r.maxMaxBufferLength / 2, i);
     return s >= i ? (r.maxMaxBufferLength = s, this.warn(`Reduce max buffer length to ${s}s`), !0) : !1;
   }
   getAppendedFrag(e, n = nt.MAIN) {
@@ -58619,7 +58622,7 @@ class wr {
    * Get the video-dev/hls.js package version.
    */
   static get version() {
-    return "1.5.12";
+    return "1.5.13";
   }
   /**
    * Check if the required MediaSource Extensions are available.
@@ -62351,7 +62354,7 @@ const p8 = hn.forwardRef(
 var vv = { exports: {} };
 (function(t) {
   /**
-  * Highcharts JS v11.4.4 (2024-07-02)
+  * Highcharts JS v11.4.5 (2024-07-04)
   *
   * (c) 2009-2024 Torstein Honsi
   *
@@ -62366,7 +62369,7 @@ var vv = { exports: {} };
     }
     return r(n, "Core/Globals.js", [], function() {
       var i, s;
-      return (s = i || (i = {})).SVG_NS = "http://www.w3.org/2000/svg", s.product = "Highcharts", s.version = "11.4.4", s.win = e !== void 0 ? e : {}, s.doc = s.win.document, s.svg = s.doc && s.doc.createElementNS && !!s.doc.createElementNS(s.SVG_NS, "svg").createSVGRect, s.userAgent = s.win.navigator && s.win.navigator.userAgent || "", s.isChrome = s.win.chrome, s.isFirefox = s.userAgent.indexOf("Firefox") !== -1, s.isMS = /(edge|msie|trident)/i.test(s.userAgent) && !s.win.opera, s.isSafari = !s.isChrome && s.userAgent.indexOf("Safari") !== -1, s.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(s.userAgent), s.isWebKit = s.userAgent.indexOf("AppleWebKit") !== -1, s.deg2rad = 2 * Math.PI / 360, s.hasBidiBug = s.isFirefox && 4 > parseInt(s.userAgent.split("Firefox/")[1], 10), s.marginNames = ["plotTop", "marginRight", "marginBottom", "plotLeft"], s.noop = function() {
+      return (s = i || (i = {})).SVG_NS = "http://www.w3.org/2000/svg", s.product = "Highcharts", s.version = "11.4.5", s.win = e !== void 0 ? e : {}, s.doc = s.win.document, s.svg = s.doc && s.doc.createElementNS && !!s.doc.createElementNS(s.SVG_NS, "svg").createSVGRect, s.userAgent = s.win.navigator && s.win.navigator.userAgent || "", s.isChrome = s.win.chrome, s.isFirefox = s.userAgent.indexOf("Firefox") !== -1, s.isMS = /(edge|msie|trident)/i.test(s.userAgent) && !s.win.opera, s.isSafari = !s.isChrome && s.userAgent.indexOf("Safari") !== -1, s.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(s.userAgent), s.isWebKit = s.userAgent.indexOf("AppleWebKit") !== -1, s.deg2rad = 2 * Math.PI / 360, s.hasBidiBug = s.isFirefox && 4 > parseInt(s.userAgent.split("Firefox/")[1], 10), s.marginNames = ["plotTop", "marginRight", "marginBottom", "plotLeft"], s.noop = function() {
       }, s.supportsPassiveEvents = function() {
         let a = !1;
         if (!s.isMS) {
@@ -63613,7 +63616,7 @@ var vv = { exports: {} };
       class ie {
         constructor(z, J, re, B, U, R, H) {
           let Y, q, K = this.createElement("svg").attr({ version: "1.1", class: "highcharts-root" }), ne = K.element;
-          H || K.css(this.getStyle(B || {})), z.appendChild(ne), I(z, "dir", "ltr"), z.innerHTML.indexOf("xmlns") === -1 && I(ne, "xmlns", this.SVG_NS), this.box = ne, this.boxWrapper = K, this.alignedObjects = [], this.url = this.getReferenceURL(), this.createElement("desc").add().element.appendChild(b.createTextNode("Created with Highcharts 11.4.4")), this.defs = this.createElement("defs").add(), this.allowHTML = R, this.forExport = U, this.styledMode = H, this.gradients = {}, this.cache = {}, this.cacheKeys = [], this.imgCount = 0, this.rootFontSize = K.getStyle("font-size"), this.setSize(J, re, !1), T && z.getBoundingClientRect && ((Y = function() {
+          H || K.css(this.getStyle(B || {})), z.appendChild(ne), I(z, "dir", "ltr"), z.innerHTML.indexOf("xmlns") === -1 && I(ne, "xmlns", this.SVG_NS), this.box = ne, this.boxWrapper = K, this.alignedObjects = [], this.url = this.getReferenceURL(), this.createElement("desc").add().element.appendChild(b.createTextNode("Created with Highcharts 11.4.5")), this.defs = this.createElement("defs").add(), this.allowHTML = R, this.forExport = U, this.styledMode = H, this.gradients = {}, this.cache = {}, this.cacheKeys = [], this.imgCount = 0, this.rootFontSize = K.getStyle("font-size"), this.setSize(J, re, !1), T && z.getBoundingClientRect && ((Y = function() {
             y(z, { left: 0, top: 0 }), q = z.getBoundingClientRect(), y(z, { left: Math.ceil(q.left) - q.left + "px", top: Math.ceil(q.top) - q.top + "px" });
           })(), this.unSubPixelFix = O($, "resize", Y));
         }
@@ -64026,7 +64029,7 @@ var vv = { exports: {} };
           }
           let ge = { value: R, lineWidth: H, old: U, force: oe, acrossPanes: V.acrossPanes, translatedValue: ne };
           return I(this, "getPlotLinePath", ge, function(fe) {
-            ue = le = (ne = w(ne = M(ne, z.translate(R, void 0, void 0, U)), -1e5, 1e5)) + K, de = ae = Y - ne - K, C(ne) ? z.horiz ? (de = B, ae = Y - z.bottom + (J.scrollablePixelsY || 0), ue = le = he(ue, re, re + z.width)) : (ue = re, le = q - z.right + (J.scrollablePixelsX || 0), de = ae = he(de, B, B + z.height)) : (ce = !0, oe = !1), fe.path = ce && !oe ? void 0 : J.renderer.crispLine([["M", ue, de], ["L", le, ae]], H || 1);
+            ue = le = (ne = w(ne = M(ne, z.translate(R, void 0, void 0, U)), -1e5, 1e5)) + K, de = ae = Y - ne - K, C(ne) ? z.horiz ? (de = B, ae = Y - z.bottom + (z.options.isInternal ? 0 : J.scrollablePixelsY || 0), ue = le = he(ue, re, re + z.width)) : (ue = re, le = q - z.right + (J.scrollablePixelsX || 0), de = ae = he(de, B, B + z.height)) : (ce = !0, oe = !1), fe.path = ce && !oe ? void 0 : J.renderer.crispLine([["M", ue, de], ["L", le, ae]], H || 1);
           }), ge.path;
         }
         getLinearTickPositions(V, z, J) {
@@ -67347,7 +67350,7 @@ const kl = /* @__PURE__ */ Pn(m8);
 var Sv = { exports: {} };
 (function(t) {
   /**
-  * Highcharts JS v11.4.4 (2024-07-02)
+  * Highcharts JS v11.4.5 (2024-07-04)
   *
   * (c) 2009-2024 Torstein Honsi
   *
@@ -68395,7 +68398,7 @@ var Sv = { exports: {} };
               break;
             }
           }
-          T.push(T[0].slice()), m.polygon = T;
+          T.length && T.push(T[0].slice()), m.polygon = T;
         }
         return m;
       }
@@ -69092,7 +69095,7 @@ const b8 = /* @__PURE__ */ Pn(g8);
 var Tv = { exports: {} };
 (function(t) {
   /**
-  * Highcharts JS v11.4.4 (2024-07-02)
+  * Highcharts JS v11.4.5 (2024-07-04)
   *
   * X-range series
   *
@@ -69585,7 +69588,7 @@ const lV = ({
       }
     )
   ] });
-}, T8 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), cV = (t) => t.join(", ");
+}, T8 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), cV = (t) => t.join(", "), dV = () => `ID_${Math.random().toString(36).substr(2, 3)}_${Date.now()}`;
 ft.extend(Hb);
 ft.extend(Gb);
 const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(t).set(e, n), w8 = (t) => ft().subtract(1, "day").startOf("day").set("hour", t), yg = (t, e) => ft().subtract(t, e), E8 = () => {
@@ -69616,30 +69619,30 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
     }
   }).join("");
   return n ? r.replace("hh", "hh") : r.replace("hh", "HH");
-}, dV = (t) => {
+}, uV = (t) => {
   const e = E8();
   return ft(t).format(e);
-}, uV = (t) => {
+}, hV = (t) => {
   const r = Math.floor(t / 6e4);
   t %= 6e4;
   const i = Math.floor(t / 1e3);
   let s = "";
   return r > 0 ? (s += `${r} min`, i > 0 && (s += ` ${i} sec`), s) : i > 0 ? (s += `${i} sec`, s) : "0 sec";
-}, wv = (t, e = "UTC") => ft(t).tz(e).startOf("minute").format("YYYY-MM-DDTHH:mm:00.000[Z]"), k8 = (t, e) => ft(t).add(e, "millisecond").toISOString(), Ev = (t, e) => ft.tz(t, e).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]"), hV = (t, e) => ft.utc(t).tz(e).format("YYYY-MM-DDTHH:mm:ssZ"), fV = (t, e) => ft(t).tz(e).format(), pV = (t, e) => Ev(wv(t, e), e), mV = (t, e, n) => Ev(
+}, wv = (t, e = "UTC") => ft(t).tz(e).startOf("minute").format("YYYY-MM-DDTHH:mm:00.000[Z]"), k8 = (t, e) => ft(t).add(e, "millisecond").toISOString(), Ev = (t, e) => ft.tz(t, e).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]"), fV = (t, e) => ft.utc(t).tz(e).format("YYYY-MM-DDTHH:mm:ssZ"), pV = (t, e) => ft(t).tz(e).format(), mV = (t, e) => Ev(wv(t, e), e), gV = (t, e, n) => Ev(
   wv(k8(t, n), e),
   e
-), gV = [
+), bV = [
   "Camera 1 (all items)",
   "Camera 5 (all items)",
   "Camera 2 (10 items)",
   "Camera 3 (Zone 1)",
   "Camera 4 (24 items)"
-], bV = [
+], yV = [
   { key: "classifier", label: "Classifier" },
   { key: "value", label: "Value" },
   { key: "count", label: "Count" },
   { key: "score", label: "Score" }
-], yV = [
+], xV = [
   {
     label: "Summary",
     value: "0",
@@ -69650,14 +69653,14 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
     value: "1",
     disabled: !0
   }
-], xV = [
+], vV = [
   { classifier: "Color", value: "Black", count: 50, score: "80%" },
   { classifier: "Color", value: "Yellow", count: 60, score: "70%" },
   { classifier: "Manufacture", value: "Volvo", count: 50, score: "80%" },
   { classifier: "Color", value: "Red", count: 50, score: "40%" },
   { classifier: "Color", value: "Green", count: 75, score: "70%" },
   { classifier: "Manufacture", value: "Man", count: 3, score: "80%" }
-], vV = (t) => [
+], SV = (t) => [
   {
     value: "0",
     content: /* @__PURE__ */ ee.jsx(sB, { ...t })
@@ -69666,7 +69669,7 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
     value: "1",
     content: "More"
   }
-], SV = {
+], TV = {
   data: [
     {
       id: "1",
@@ -69724,15 +69727,15 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
       value: "kit"
     }
   ]
-}, TV = [
+}, CV = [
   { key: "id", label: "ID" },
   { key: "name", label: "Name" },
   { key: "age", label: "Age" }
-], CV = [
+], wV = [
   { id: 1, name: "John Doe", age: 30 },
   { id: 2, name: "Jane Smith", age: 25 },
   { id: 3, name: "Bob Johnson", age: 40 }
-], wV = {
+], EV = {
   feed: 139,
   conbo_key: "28145-139-021-64216",
   event_id: "CNB-7987",
@@ -69742,7 +69745,7 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
   end: "2024-05-15T21:05:27.745000Z",
   cargo: "N/A",
   zones: ["Dock main road ", "Hello dock"]
-}, EV = [
+}, kV = [
   { headerName: "Event ID", field: "event_id" },
   {
     headerName: "Move",
@@ -69761,7 +69764,7 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
   },
   { headerName: "Cargo", field: "cargo" },
   { headerName: "Zones", field: "zones" }
-], kV = [
+], RV = [
   { id: "1", color: "#f99191", title: "New title" },
   {
     id: "2",
@@ -69769,7 +69772,7 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
     title: "Message should contain more information"
   },
   { id: "3", color: "#7095f4", title: "Hello, World!" }
-], RV = [
+], AV = [
   {
     label: "Start of the day",
     getValue: () => bg("day", "hour", 6)
@@ -69794,7 +69797,7 @@ const bg = (t, e, n) => ft().startOf(t).set(e, n), C8 = (t, e, n) => ft().endOf(
     label: "One day ago",
     getValue: () => yg(1, "day")
   }
-], AV = [
+], PV = [
   {
     value: 864e5,
     label: "1 day"
@@ -69866,7 +69869,7 @@ export {
   pl as PLACEMENTS,
   H$ as SearchInput,
   Mt as Svg,
-  yV as TABS,
+  xV as TABS,
   I8 as TICK_COLOR,
   dB as Tab,
   U8 as TabsBar,
@@ -69877,41 +69880,42 @@ export {
   X8 as VideoBox,
   bn as WHITE,
   k8 as addMillisecondsToDate,
-  bV as columnDefs,
-  TV as columns,
-  mV as convertDateFromUTCWithFormattedDateAndDuration,
+  yV as columnDefs,
+  CV as columns,
+  gV as convertDateFromUTCWithFormattedDateAndDuration,
   Ev as convertLocalToUTC,
-  pV as convertLocalToUTCWithFormattedDate,
-  fV as convertTimezone,
-  hV as convertUTCToTimeZone,
-  gV as dataMock,
-  xV as detailsViewDataMock,
+  mV as convertLocalToUTCWithFormattedDate,
+  pV as convertTimezone,
+  fV as convertUTCToTimeZone,
+  bV as dataMock,
+  vV as detailsViewDataMock,
   Gd as extractPrefix,
   c8 as extractZip,
   wv as formatDate,
-  dV as formatDateWithLocal,
-  uV as formatDuration,
+  uV as formatDateWithLocal,
+  hV as formatDuration,
   cV as formatValueWithComma,
+  dV as generateRandomId,
   C8 as getEndTime,
   E8 as getLocalDateTimeFormat,
   sV as getParsedSvgViewsFromZip,
   bg as getStartTime,
   w8 as getStartTimeOfYesterday,
-  vV as getTabsContent,
+  SV as getTabsContent,
   sx as inputLabelSx,
   rx as loaderSx,
-  CV as mainTableDataMock,
-  AV as mockSelectOptions,
-  RV as mockShortcut,
-  SV as newFilterMock,
+  wV as mainTableDataMock,
+  PV as mockSelectOptions,
+  AV as mockShortcut,
+  TV as newFilterMock,
   mg as parseSvg,
   ix as selectSx,
   T8 as snakeCaseToTitleCase,
   l8 as startsWithAny,
   yg as subtractTime,
   tx as tabSx,
-  kV as tabsMock,
+  RV as tabsMock,
   nx as tabsSx,
-  EV as verticalTableColumnDefs,
-  wV as verticalTableDataMock
+  kV as verticalTableColumnDefs,
+  EV as verticalTableDataMock
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conboai/storybook.components",
-  "version": "0.2.66",
+  "version": "0.2.67",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [
@@ -9,16 +9,26 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "tsc && vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky"
+  },
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@mui/icons-material": "^5.15.21",
     "@mui/lab": "^5.0.0-alpha.170",
     "@mui/material": "^5.15.15",
     "@mui/x-date-pickers": "^7.2.0",
+    "@react-google-maps/api": "^2.19.3",
     "@storybook/addon-actions": "^8.0.8",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "@types/googlemaps": "^3.43.3",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.78",
@@ -39,15 +49,6 @@
     "react": "^18.2.0",
     "react-scripts": "5.0.1"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "tsc && vite build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky"
-  },
   "eslintConfig": {
     "extends": [
       "react-app",