siam-ui-utils 3.0.32 → 3.1.0

package/dist/view-layout/styles.css

@@ -1,127 +1,127 @@
-.visualizador-container {
-  position: relative;
-}
-
-.visualizador-grid,
-.visualizador-grid-css {
-  width: 100%;
-  height: 100%;
-  min-width: 90vh;
-  min-height: 80vh;
-  background: #ffffff;
-  border-radius: 12px;
-  display: grid;
-  border: solid 2px #900604;
-  position: relative;
-  gap: 1px;
-  box-sizing: content-box;
-}
-
-.visualizador-slot {
-  display: flex;
-  border: 1px solid #900604;
-  border-radius: 7px;
-  background: #fff;
-}
-.visualizador-slot--row, .visualizador-slot-row {
-  flex-direction: row;
-}
-.visualizador-slot--column, .visualizador-slot-column, .visualizador-slot-column-col {
-  flex-direction: column;
-}
-.visualizador-slot-content--small {
-  font-size: 0.85rem;
-}
-.visualizador-slot-content--medium {
-  font-size: 1rem;
-}
-.visualizador-slot-content--large {
-  font-size: 1.5rem;
-}
-.visualizador-slot-align--start {
-  align-items: flex-start;
-}
-.visualizador-slot-align--center {
-  align-items: center;
-}
-.visualizador-slot-align--end {
-  align-items: flex-end;
-}
-.visualizador-slot-align--stretch {
-  align-items: stretch;
-}
-.visualizador-slot-justify--start {
-  justify-content: flex-start;
-}
-.visualizador-slot-justify--center {
-  justify-content: center;
-}
-.visualizador-slot-justify--end {
-  justify-content: flex-end;
-}
-.visualizador-slot-justify--space-between {
-  justify-content: space-between;
-}
-.visualizador-slot-justify--space-around {
-  justify-content: space-around;
-}
-.visualizador-slot-justify--space-evenly {
-  justify-content: space-evenly;
-}
-.visualizador-slot--no-border {
-  border: none !important;
-}
-
-.slot-legend {
-  width: auto;
-  font-size: 0.75rem;
-  margin-bottom: 0px !important;
-  margin-left: -20px !important;
-  font-weight: 700;
-  color: #900604;
-  white-space: nowrap;
-}
-
-.editor-layer {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 20;
-  display: grid;
-}
-
-.editor-layer-cell-coord {
-  font-size: 0.75rem;
-  justify-self: center;
-}
-
-.editor-layer-cell {
-  font-size: 0.7em;
-  color: #797979;
-  align-content: center;
-  padding: 2px;
-  text-align: left;
-  pointer-events: none;
-  box-sizing: border-box;
-  border: 1px dashed #bbb;
-}
-
-.visualizador-editor-btn {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  z-index: 100;
-  padding: 6px 12px;
-  font-size: 1em;
-  color: #fff;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.visualizador-editor-btn--activo {
-  background: #900604;
-}
-.visualizador-editor-btn--inactivo {
-  background: #bbb;
+.visualizador-container {
+  position: relative;
+}
+
+.visualizador-grid,
+.visualizador-grid-css {
+  width: 100%;
+  height: 100%;
+  min-width: 90vh;
+  min-height: 80vh;
+  background: #ffffff;
+  border-radius: 12px;
+  display: grid;
+  border: solid 2px #900604;
+  position: relative;
+  gap: 1px;
+  box-sizing: content-box;
+}
+
+.visualizador-slot {
+  display: flex;
+  border: 1px solid #900604;
+  border-radius: 7px;
+  background: #fff;
+}
+.visualizador-slot--row, .visualizador-slot-row {
+  flex-direction: row;
+}
+.visualizador-slot--column, .visualizador-slot-column, .visualizador-slot-column-col {
+  flex-direction: column;
+}
+.visualizador-slot-content--small {
+  font-size: 0.85rem;
+}
+.visualizador-slot-content--medium {
+  font-size: 1rem;
+}
+.visualizador-slot-content--large {
+  font-size: 1.5rem;
+}
+.visualizador-slot-align--start {
+  align-items: flex-start;
+}
+.visualizador-slot-align--center {
+  align-items: center;
+}
+.visualizador-slot-align--end {
+  align-items: flex-end;
+}
+.visualizador-slot-align--stretch {
+  align-items: stretch;
+}
+.visualizador-slot-justify--start {
+  justify-content: flex-start;
+}
+.visualizador-slot-justify--center {
+  justify-content: center;
+}
+.visualizador-slot-justify--end {
+  justify-content: flex-end;
+}
+.visualizador-slot-justify--space-between {
+  justify-content: space-between;
+}
+.visualizador-slot-justify--space-around {
+  justify-content: space-around;
+}
+.visualizador-slot-justify--space-evenly {
+  justify-content: space-evenly;
+}
+.visualizador-slot--no-border {
+  border: none !important;
+}
+
+.slot-legend {
+  width: auto;
+  font-size: 0.75rem;
+  margin-bottom: 0px !important;
+  margin-left: -20px !important;
+  font-weight: 700;
+  color: #900604;
+  white-space: nowrap;
+}
+
+.editor-layer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 20;
+  display: grid;
+}
+
+.editor-layer-cell-coord {
+  font-size: 0.75rem;
+  justify-self: center;
+}
+
+.editor-layer-cell {
+  font-size: 0.7em;
+  color: #797979;
+  align-content: center;
+  padding: 2px;
+  text-align: left;
+  pointer-events: none;
+  box-sizing: border-box;
+  border: 1px dashed #bbb;
+}
+
+.visualizador-editor-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 100;
+  padding: 6px 12px;
+  font-size: 1em;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.visualizador-editor-btn--activo {
+  background: #900604;
+}
+.visualizador-editor-btn--inactivo {
+  background: #bbb;
 }

package/dist/where-by-room/index.js

@@ -1,20 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { WherebyProvider } from "@whereby.com/browser-sdk/react";
-import "@whereby.com/browser-sdk/embed";
-import { Room } from "./room.js";
-const WhereByRoom = ({ src, onEvent, onActions, iframeClass }) => {
-  return /* @__PURE__ */ jsx(WherebyProvider, { children: /* @__PURE__ */ jsx(
-    Room,
-    {
-      src,
-      onEvent,
-      onActions,
-      iframeClass
-    }
-  ) });
-};
-export {
-  WhereByRoom,
-  WhereByRoom as default
-};
-//# sourceMappingURL=index.js.map
+import { jsx } from "react/jsx-runtime";
+import { WherebyProvider } from "@whereby.com/browser-sdk/react";
+import "@whereby.com/browser-sdk/embed";
+import { Room } from "./room.js";
+const WhereByRoom = ({ src, onEvent, onActions, iframeClass }) => {
+  return /* @__PURE__ */ jsx(WherebyProvider, { children: /* @__PURE__ */ jsx(
+    Room,
+    {
+      src,
+      onEvent,
+      onActions,
+      iframeClass
+    }
+  ) });
+};
+export {
+  WhereByRoom,
+  WhereByRoom as default
+};
+//# sourceMappingURL=index.js.map

package/dist/where-by-room/room.js

@@ -1,78 +1,78 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import "@whereby.com/browser-sdk/embed";
-const Room = ({ src, onEvent, onActions, iframeClass }) => {
-  const wherebyRef = useRef(null);
-  useEffect(() => {
-    const elm = wherebyRef.current;
-    if (!elm) return;
-    if (onActions) {
-      onActions({
-        endMeeting: () => elm.endMeeting(),
-        knock: () => elm.knock(),
-        cancelKnock: () => elm.cancelKnock(),
-        leaveRoom: () => elm.leaveRoom(),
-        startRecording: () => elm.startRecording(),
-        stopRecording: () => elm.stopRecording(),
-        startStreaming: () => elm.startStreaming(),
-        stopStreaming: () => elm.stopStreaming(),
-        startLiveTranscription: () => elm.startLiveTranscription(),
-        stopLiveTranscription: () => elm.stopLiveTranscription(),
-        toggleCamera: (enabled) => elm.toggleCamera(enabled),
-        toggleMicrophone: (enabled) => elm.toggleMicrophone(enabled),
-        toggleScreenshare: (enabled) => elm.toggleScreenshare(enabled),
-        toggleChat: (enabled) => elm.toggleChat(enabled)
-      });
-    }
-    const events = [
-      "ready",
-      "grant_device_permission",
-      "deny_device_permission",
-      "precall_check_completed",
-      "precall_check_skipped",
-      "knock",
-      "cancel_knock",
-      "join",
-      "leave",
-      "meeting_end",
-      "participantupdate",
-      "participant_join",
-      "participant_leave",
-      "microphone_toggle",
-      "camera_toggle",
-      "screenshare_toggle",
-      "chat_toggle",
-      "people_toggle",
-      "pip_toggle",
-      "streaming_status_change",
-      "recording_status_change",
-      "transcription_status_change",
-      "connection_status_change"
-    ];
-    function handleEvent(e) {
-      if (onEvent) onEvent(e.type, e.detail);
-    }
-    events.forEach((ev) => elm.addEventListener(ev, handleEvent));
-    return () => {
-      events.forEach((ev) => elm.removeEventListener(ev, handleEvent));
-    };
-  }, [onEvent, onActions]);
-  return /* @__PURE__ */ jsx("div", { className: iframeClass, children: /* @__PURE__ */ jsx(
-    "whereby-embed",
-    {
-      ref: wherebyRef,
-      class: iframeClass,
-      room: src,
-      chat: "on",
-      screenshare: "on",
-      audio: "on",
-      video: "on",
-      allow: "camera; microphone; fullscreen"
-    }
-  ) });
-};
-export {
-  Room,
-  Room as default
-};
-//# sourceMappingURL=room.js.map
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import "@whereby.com/browser-sdk/embed";
+const Room = ({ src, onEvent, onActions, iframeClass }) => {
+  const wherebyRef = useRef(null);
+  useEffect(() => {
+    const elm = wherebyRef.current;
+    if (!elm) return;
+    if (onActions) {
+      onActions({
+        endMeeting: () => elm.endMeeting(),
+        knock: () => elm.knock(),
+        cancelKnock: () => elm.cancelKnock(),
+        leaveRoom: () => elm.leaveRoom(),
+        startRecording: () => elm.startRecording(),
+        stopRecording: () => elm.stopRecording(),
+        startStreaming: () => elm.startStreaming(),
+        stopStreaming: () => elm.stopStreaming(),
+        startLiveTranscription: () => elm.startLiveTranscription(),
+        stopLiveTranscription: () => elm.stopLiveTranscription(),
+        toggleCamera: (enabled) => elm.toggleCamera(enabled),
+        toggleMicrophone: (enabled) => elm.toggleMicrophone(enabled),
+        toggleScreenshare: (enabled) => elm.toggleScreenshare(enabled),
+        toggleChat: (enabled) => elm.toggleChat(enabled)
+      });
+    }
+    const events = [
+      "ready",
+      "grant_device_permission",
+      "deny_device_permission",
+      "precall_check_completed",
+      "precall_check_skipped",
+      "knock",
+      "cancel_knock",
+      "join",
+      "leave",
+      "meeting_end",
+      "participantupdate",
+      "participant_join",
+      "participant_leave",
+      "microphone_toggle",
+      "camera_toggle",
+      "screenshare_toggle",
+      "chat_toggle",
+      "people_toggle",
+      "pip_toggle",
+      "streaming_status_change",
+      "recording_status_change",
+      "transcription_status_change",
+      "connection_status_change"
+    ];
+    function handleEvent(e) {
+      if (onEvent) onEvent(e.type, e.detail);
+    }
+    events.forEach((ev) => elm.addEventListener(ev, handleEvent));
+    return () => {
+      events.forEach((ev) => elm.removeEventListener(ev, handleEvent));
+    };
+  }, [onEvent, onActions]);
+  return /* @__PURE__ */ jsx("div", { className: iframeClass, children: /* @__PURE__ */ jsx(
+    "whereby-embed",
+    {
+      ref: wherebyRef,
+      class: iframeClass,
+      room: src,
+      chat: "on",
+      screenshare: "on",
+      audio: "on",
+      video: "on",
+      allow: "camera; microphone; fullscreen"
+    }
+  ) });
+};
+export {
+  Room,
+  Room as default
+};
+//# sourceMappingURL=room.js.map

package/index.d.ts

@@ -272,7 +272,7 @@ declare module 'siam-ui-utils/where-by-room' {
 }
 
 declare module 'siam-ui-utils/CustomBootstrap' {
-  import { ColProps } from 'reactstrap';
+  import { ColProps } from '@neolution-ch/reactstrap';
 
   export interface ColxxProps extends ColProps {
     [key: string]: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "3.0.32",
+  "version": "3.1.0",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -86,23 +86,22 @@
     "publish-npm": "npm run build && npm publish"
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "dependencies": {
+    "@neolution-ch/reactstrap": "^10.0.0",
     "@types/react-intl": "^3.0.0",
     "@whereby.com/browser-sdk": "^3.13.1",
+    "dropzone": "^6.0.0-beta.2",
     "events": "^3.3.0",
     "html5-file-selector": "^2.1.0",
     "invariant": "^2.2.4",
     "prop-types": "^15.8.1",
     "react-dropzone-component": "^3.2.0",
-    "react-intl": "^6.4.2",
-    "react-multi-select-component": "^4.3.4",
+    "react-intl": "^7.1.14",
     "react-notifications": "^1.7.4",
-    "react-select": "^5.8.0",
-    "react-tagsinput": "^3.20.3",
-    "reactstrap": "^9.2.2",
+    "react-select": "^5.10.2",
     "siam-utils": "^1.1.4",
     "styled-components": "^6.1.12"
   },
@@ -122,13 +121,16 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "sass-embedded": "^1.79.4",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.38.0",
     "vite": "^7.0.1",
     "vite-plugin-commonjs": "^0.10.3",
     "vitest": "^3.2.4"
+  },
+  "overrides": {
+    "react-popper": "2.3.0"
   }
 }

package/dist/_virtual/react-dropzone.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireReactDropzone } from "../node_modules/react-dropzone-component/dist/react-dropzone.js";
-var reactDropzoneExports = requireReactDropzone();
-const DropzoneComponent = /* @__PURE__ */ getDefaultExportFromCjs(reactDropzoneExports);
-export {
-  DropzoneComponent as default
-};
-//# sourceMappingURL=react-dropzone.js.map

package/dist/_virtual/react-dropzone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-dropzone.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/react-dropzone2.js

@@ -1,5 +0,0 @@
-var reactDropzone = { exports: {} };
-export {
-  reactDropzone as __module
-};
-//# sourceMappingURL=react-dropzone2.js.map

package/dist/_virtual/react-dropzone2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-dropzone2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}