@camstack/ui-library 1.2.148 → 1.2.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +5 -5
- package/dist/index.js +5 -5
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -18705,7 +18705,7 @@ function EventBucketStrip({ clips, loading, busyKey, onPlay, enabledKinds, onTog
|
|
|
18705
18705
|
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
18706
18706
|
className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
|
|
18707
18707
|
children: clips.map((clip) => {
|
|
18708
|
-
const key =
|
|
18708
|
+
const key = `${clip.kind}:${clip.id}`;
|
|
18709
18709
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
18710
18710
|
type: "button",
|
|
18711
18711
|
disabled: busyKey !== null,
|
|
@@ -19045,21 +19045,21 @@ function RecordingTimeline({ deviceId }) {
|
|
|
19045
19045
|
if (!selected) return [];
|
|
19046
19046
|
const out = [];
|
|
19047
19047
|
if (enabledKinds.has("object")) for (const e of objectDrill.data ?? []) out.push({
|
|
19048
|
-
id: e.id,
|
|
19048
|
+
id: String(e.id),
|
|
19049
19049
|
timestamp: e.timestamp,
|
|
19050
19050
|
kind: "object",
|
|
19051
19051
|
label: e.label ?? e.className,
|
|
19052
19052
|
mediaUrl: e.mediaUrl
|
|
19053
19053
|
});
|
|
19054
19054
|
if (enabledKinds.has("motion")) for (const e of motionDrill.data ?? []) out.push({
|
|
19055
|
-
id: e.id,
|
|
19055
|
+
id: String(e.id),
|
|
19056
19056
|
timestamp: e.timestamp,
|
|
19057
19057
|
kind: "motion",
|
|
19058
19058
|
label: `Motion (${e.regionCount})`,
|
|
19059
19059
|
mediaUrl: e.mediaUrl
|
|
19060
19060
|
});
|
|
19061
19061
|
if (enabledKinds.has("audio")) for (const e of audioDrill.data ?? []) out.push({
|
|
19062
|
-
id: e.id,
|
|
19062
|
+
id: String(e.id),
|
|
19063
19063
|
timestamp: e.timestamp,
|
|
19064
19064
|
kind: "audio",
|
|
19065
19065
|
label: e.classification?.className ?? "Audio",
|
|
@@ -19148,7 +19148,7 @@ function RecordingTimeline({ deviceId }) {
|
|
|
19148
19148
|
hour: "2-digit",
|
|
19149
19149
|
minute: "2-digit"
|
|
19150
19150
|
})}`;
|
|
19151
|
-
playWindow(
|
|
19151
|
+
playWindow(`${clip.kind}:${clip.id}`, clip.timestamp - EVENT_PRE_MS, clip.timestamp + EVENT_POST_MS, label, clip.timestamp);
|
|
19152
19152
|
}, [playWindow, scrubSeek]);
|
|
19153
19153
|
const handleSelectBucket = (0, react$1.useCallback)((index) => {
|
|
19154
19154
|
setSelectedBucket((cur) => cur === index ? null : index);
|
package/dist/index.js
CHANGED
|
@@ -18681,7 +18681,7 @@ function EventBucketStrip({ clips, loading, busyKey, onPlay, enabledKinds, onTog
|
|
|
18681
18681
|
/* @__PURE__ */ jsx("div", {
|
|
18682
18682
|
className: "grid grid-cols-2 gap-2 sm:grid-cols-3",
|
|
18683
18683
|
children: clips.map((clip) => {
|
|
18684
|
-
const key =
|
|
18684
|
+
const key = `${clip.kind}:${clip.id}`;
|
|
18685
18685
|
return /* @__PURE__ */ jsxs("button", {
|
|
18686
18686
|
type: "button",
|
|
18687
18687
|
disabled: busyKey !== null,
|
|
@@ -19021,21 +19021,21 @@ function RecordingTimeline({ deviceId }) {
|
|
|
19021
19021
|
if (!selected) return [];
|
|
19022
19022
|
const out = [];
|
|
19023
19023
|
if (enabledKinds.has("object")) for (const e of objectDrill.data ?? []) out.push({
|
|
19024
|
-
id: e.id,
|
|
19024
|
+
id: String(e.id),
|
|
19025
19025
|
timestamp: e.timestamp,
|
|
19026
19026
|
kind: "object",
|
|
19027
19027
|
label: e.label ?? e.className,
|
|
19028
19028
|
mediaUrl: e.mediaUrl
|
|
19029
19029
|
});
|
|
19030
19030
|
if (enabledKinds.has("motion")) for (const e of motionDrill.data ?? []) out.push({
|
|
19031
|
-
id: e.id,
|
|
19031
|
+
id: String(e.id),
|
|
19032
19032
|
timestamp: e.timestamp,
|
|
19033
19033
|
kind: "motion",
|
|
19034
19034
|
label: `Motion (${e.regionCount})`,
|
|
19035
19035
|
mediaUrl: e.mediaUrl
|
|
19036
19036
|
});
|
|
19037
19037
|
if (enabledKinds.has("audio")) for (const e of audioDrill.data ?? []) out.push({
|
|
19038
|
-
id: e.id,
|
|
19038
|
+
id: String(e.id),
|
|
19039
19039
|
timestamp: e.timestamp,
|
|
19040
19040
|
kind: "audio",
|
|
19041
19041
|
label: e.classification?.className ?? "Audio",
|
|
@@ -19124,7 +19124,7 @@ function RecordingTimeline({ deviceId }) {
|
|
|
19124
19124
|
hour: "2-digit",
|
|
19125
19125
|
minute: "2-digit"
|
|
19126
19126
|
})}`;
|
|
19127
|
-
playWindow(
|
|
19127
|
+
playWindow(`${clip.kind}:${clip.id}`, clip.timestamp - EVENT_PRE_MS, clip.timestamp + EVENT_POST_MS, label, clip.timestamp);
|
|
19128
19128
|
}, [playWindow, scrubSeek]);
|
|
19129
19129
|
const handleSelectBucket = useCallback((index) => {
|
|
19130
19130
|
setSelectedBucket((cur) => cur === index ? null : index);
|