@conboai/storybook.components 0.1.23 → 0.1.25

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

@@ -5,4 +5,5 @@ export declare const getEndTime: (type: OpUnitType, timeType: UnitType, time: nu
 export declare const getStartTimeOfYesterday: (time: number) => dayjs.Dayjs;
 export declare const subtractTime: (time: number, timeType: ManipulateType | undefined) => dayjs.Dayjs;
 export declare const getLocalDateTimeFormat: () => string;
-export declare const formatDateWithLocal: (date: Date) => string;
+export declare const formatDateWithLocal: (date: Date | string) => string;
+export declare const formatDuration: (milliseconds: number) => string;

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

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

package/dist/storybook.components.mjs

@@ -26980,9 +26980,12 @@ process.env.NODE_ENV !== "production" && (Zl.propTypes = {
   variant: s.oneOf(["filled", "outlined", "standard"])
 });
 const TL = {
-  minWidth: "100px",
   flexGrow: "1",
   backgroundColor: gn,
+  flex: 1,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
   "&.MuiOutlinedInput-root": {
     "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
       borderColor: `${$t} !important`
@@ -58469,7 +58472,7 @@ function g3({ images: t }) {
     )
   ] });
 }
-const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), og = (t, e, n) => St().startOf(t).set(e, n), Y5 = (t, e, n) => St().endOf(t).set(e, n), K5 = (t) => St().subtract(1, "day").startOf("day").set("hour", t), sg = (t, e) => St().subtract(t, e), q5 = () => {
+const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), b3 = (t) => t.join(", "), og = (t, e, n) => St().startOf(t).set(e, n), Y5 = (t, e, n) => St().endOf(t).set(e, n), K5 = (t) => St().subtract(1, "day").startOf("day").set("hour", t), sg = (t, e) => St().subtract(t, e), q5 = () => {
   const e = new Intl.DateTimeFormat(void 0, {
     year: "numeric",
     month: "2-digit",
@@ -58497,21 +58500,27 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
     }
   }).join("");
   return n ? r.replace("hh", "hh") : r.replace("hh", "HH");
-}, b3 = (t) => {
+}, y3 = (t) => {
   const e = q5();
   return St(t).format(e);
-}, y3 = [
+}, v3 = (t) => {
+  const r = Math.floor(t / 6e4);
+  t %= 6e4;
+  const o = Math.floor(t / 1e3);
+  let i = "";
+  return r > 0 ? (i += `${r} min`, o > 0 && (i += ` ${o} sec`), i) : o > 0 ? (i += `${o} sec`, i) : "0 sec";
+}, x3 = [
   "Camera 1 (all items)",
   "Camera 5 (all items)",
   "Camera 2 (10 items)",
   "Camera 3 (Zone 1)",
   "Camera 4 (24 items)"
-], v3 = [
+], T3 = [
   { key: "classifier", label: "Classifier" },
   { key: "value", label: "Value" },
   { key: "count", label: "Count" },
   { key: "score", label: "Score" }
-], x3 = [
+], S3 = [
   {
     label: "Summary",
     value: "0",
@@ -58522,14 +58531,14 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
     value: "1",
     disabled: !0
   }
-], T3 = [
+], E3 = [
   { 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%" }
-], S3 = (t) => [
+], C3 = (t) => [
   {
     value: "0",
     content: /* @__PURE__ */ E.jsx(aB, { ...t })
@@ -58538,7 +58547,7 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
     value: "1",
     content: "More"
   }
-], E3 = {
+], R3 = {
   data: [
     {
       id: "1",
@@ -58596,15 +58605,15 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
       value: "kit"
     }
   ]
-}, C3 = [
+}, w3 = [
   { key: "id", label: "ID" },
   { key: "name", label: "Name" },
   { key: "age", label: "Age" }
-], R3 = [
+], I3 = [
   { id: 1, name: "John Doe", age: 30 },
   { id: 2, name: "Jane Smith", age: 25 },
   { id: 3, name: "Bob Johnson", age: 40 }
-], w3 = {
+], D3 = {
   feed: 139,
   conbo_key: "28145-139-021-64216",
   event_id: "CNB-7987",
@@ -58614,7 +58623,7 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
   end: "2024-05-15T21:05:27.745000Z",
   cargo: "N/A",
   zones: ["Dock main road ", "Hello dock"]
-}, I3 = [
+}, O3 = [
   { headerName: "Event ID", field: "event_id" },
   {
     headerName: "Move",
@@ -58633,7 +58642,7 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
   },
   { headerName: "Cargo", field: "cargo" },
   { headerName: "Zones", field: "zones" }
-], D3 = [
+], A3 = [
   { id: "1", color: "#f99191", title: "New title" },
   {
     id: "2",
@@ -58641,7 +58650,7 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
     title: "Message should contain more information"
   },
   { id: "3", color: "#7095f4", title: "Hello, World!" }
-], O3 = [
+], k3 = [
   {
     label: "Start of the day",
     getValue: () => og("day", "hour", 6)
@@ -58666,7 +58675,7 @@ const G5 = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
     label: "One day ago",
     getValue: () => sg(1, "day")
   }
-], A3 = [
+], P3 = [
   {
     value: 864e5,
     label: "1 day"
@@ -58722,7 +58731,7 @@ export {
   al as PLACEMENTS,
   Y2 as SearchInput,
   Yt as Svg,
-  x3 as TABS,
+  S3 as TABS,
   fB as Tab,
   t3 as TabsBar,
   m3 as Toggle,
@@ -58730,28 +58739,30 @@ export {
   p3 as VerticalTable,
   c3 as VideoBox,
   gn as WHITE,
-  v3 as columnDefs,
-  C3 as columns,
-  y3 as dataMock,
-  T3 as detailsViewDataMock,
-  b3 as formatDateWithLocal,
+  T3 as columnDefs,
+  w3 as columns,
+  x3 as dataMock,
+  E3 as detailsViewDataMock,
+  y3 as formatDateWithLocal,
+  v3 as formatDuration,
+  b3 as formatValueWithComma,
   Y5 as getEndTime,
   q5 as getLocalDateTimeFormat,
   og as getStartTime,
   K5 as getStartTimeOfYesterday,
-  S3 as getTabsContent,
+  C3 as getTabsContent,
   j2 as inputLabelSx,
   By as loaderSx,
-  R3 as mainTableDataMock,
-  A3 as mockSelectOptions,
-  O3 as mockShortcut,
-  E3 as newFilterMock,
+  I3 as mainTableDataMock,
+  P3 as mockSelectOptions,
+  k3 as mockShortcut,
+  R3 as newFilterMock,
   B2 as selectSx,
   G5 as snakeCaseToTitleCase,
   sg as subtractTime,
   $y as tabSx,
-  D3 as tabsMock,
+  A3 as tabsMock,
   Fy as tabsSx,
-  I3 as verticalTableColumnDefs,
-  w3 as verticalTableDataMock
+  O3 as verticalTableColumnDefs,
+  D3 as verticalTableDataMock
 };

package/package.json

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