@imperosoft/cris-webui-components 1.1.2-beta.5 → 1.1.2-beta.6

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.d.mts CHANGED
@@ -376,12 +376,14 @@ interface CrisCoMatrixListsTieProps {
376
376
  vmButtonClassName?: string;
377
377
  /** Video mute button active className */
378
378
  vmButtonActiveClassName?: string;
379
+ /** Show channel number prefix before label (default: true) */
380
+ showChannels?: boolean;
379
381
  /** Custom render for I/O online indicator */
380
382
  renderIoIndicator?: (on: boolean) => ReactNode;
381
383
  /** Custom render for signal indicator */
382
384
  renderSignalIndicator?: (on: boolean) => ReactNode;
383
385
  }
384
- declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
386
+ declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
385
387
 
386
388
  /**
387
389
  * Icon configuration and utilities for CRIS components
package/dist/index.d.ts CHANGED
@@ -376,12 +376,14 @@ interface CrisCoMatrixListsTieProps {
376
376
  vmButtonClassName?: string;
377
377
  /** Video mute button active className */
378
378
  vmButtonActiveClassName?: string;
379
+ /** Show channel number prefix before label (default: true) */
380
+ showChannels?: boolean;
379
381
  /** Custom render for I/O online indicator */
380
382
  renderIoIndicator?: (on: boolean) => ReactNode;
381
383
  /** Custom render for signal indicator */
382
384
  renderSignalIndicator?: (on: boolean) => ReactNode;
383
385
  }
384
- declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
386
+ declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
385
387
 
386
388
  /**
387
389
  * Icon configuration and utilities for CRIS components
package/dist/index.js CHANGED
@@ -1418,6 +1418,7 @@ function DefaultSignalIndicator({ on }) {
1418
1418
  function MatrixItemRow({
1419
1419
  item,
1420
1420
  type,
1421
+ showChannels,
1421
1422
  onSelect,
1422
1423
  onToggleVideoMute,
1423
1424
  itemClassName,
@@ -1454,6 +1455,7 @@ function MatrixItemRow({
1454
1455
  className: `cris-co-matrix-item-btn ${itemActiveClassName ?? ""}`,
1455
1456
  classActive: itemActiveClassName,
1456
1457
  children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, width: "100%" }, children: [
1458
+ showChannels && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { flexShrink: 0, opacity: 0.6 }, children: item.ch }),
1457
1459
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: defaults.itemLabel, children: item.lb || `${type === "input" ? "Input" : "Output"} ${item.ch}` }),
1458
1460
  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: defaults.indicators, children: [
1459
1461
  item.io.vs && (renderIoIndicator ? renderIoIndicator(item.io.on) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DefaultIoIndicator, { on: item.io.on })),
@@ -1479,6 +1481,7 @@ function CrisCoMatrixListsTie({
1479
1481
  oid,
1480
1482
  inputTitle = "Inputs",
1481
1483
  outputTitle = "Outputs",
1484
+ showChannels = true,
1482
1485
  className,
1483
1486
  style,
1484
1487
  listClassName,
@@ -1533,6 +1536,7 @@ function CrisCoMatrixListsTie({
1533
1536
  {
1534
1537
  item,
1535
1538
  type: "input",
1539
+ showChannels,
1536
1540
  onSelect: () => handleSelectInput(item.ch),
1537
1541
  onToggleVideoMute: () => handleToggleVideoMute("input", item.ch),
1538
1542
  itemClassName,
@@ -1569,6 +1573,7 @@ function CrisCoMatrixListsTie({
1569
1573
  {
1570
1574
  item,
1571
1575
  type: "output",
1576
+ showChannels,
1572
1577
  onSelect: () => handleTie(item.ch),
1573
1578
  onToggleVideoMute: () => handleToggleVideoMute("output", item.ch),
1574
1579
  itemClassName,