@imperosoft/cris-webui-components 1.1.2-beta.4 → 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.
Files changed (7) hide show
  1. package/dist/index.d.mts +3 -1
  2. package/dist/index.d.ts +3 -1
  3. package/dist/index.js +7 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +7 -0
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
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
@@ -1356,7 +1356,9 @@ var defaults = {
1356
1356
  },
1357
1357
  scroll: {
1358
1358
  flex: 1,
1359
+ minHeight: 0,
1359
1360
  overflow: "auto",
1361
+ WebkitOverflowScrolling: "touch",
1360
1362
  display: "flex",
1361
1363
  flexDirection: "column",
1362
1364
  gap: 2
@@ -1416,6 +1418,7 @@ function DefaultSignalIndicator({ on }) {
1416
1418
  function MatrixItemRow({
1417
1419
  item,
1418
1420
  type,
1421
+ showChannels,
1419
1422
  onSelect,
1420
1423
  onToggleVideoMute,
1421
1424
  itemClassName,
@@ -1452,6 +1455,7 @@ function MatrixItemRow({
1452
1455
  className: `cris-co-matrix-item-btn ${itemActiveClassName ?? ""}`,
1453
1456
  classActive: itemActiveClassName,
1454
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 }),
1455
1459
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: defaults.itemLabel, children: item.lb || `${type === "input" ? "Input" : "Output"} ${item.ch}` }),
1456
1460
  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: defaults.indicators, children: [
1457
1461
  item.io.vs && (renderIoIndicator ? renderIoIndicator(item.io.on) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DefaultIoIndicator, { on: item.io.on })),
@@ -1477,6 +1481,7 @@ function CrisCoMatrixListsTie({
1477
1481
  oid,
1478
1482
  inputTitle = "Inputs",
1479
1483
  outputTitle = "Outputs",
1484
+ showChannels = true,
1480
1485
  className,
1481
1486
  style,
1482
1487
  listClassName,
@@ -1531,6 +1536,7 @@ function CrisCoMatrixListsTie({
1531
1536
  {
1532
1537
  item,
1533
1538
  type: "input",
1539
+ showChannels,
1534
1540
  onSelect: () => handleSelectInput(item.ch),
1535
1541
  onToggleVideoMute: () => handleToggleVideoMute("input", item.ch),
1536
1542
  itemClassName,
@@ -1567,6 +1573,7 @@ function CrisCoMatrixListsTie({
1567
1573
  {
1568
1574
  item,
1569
1575
  type: "output",
1576
+ showChannels,
1570
1577
  onSelect: () => handleTie(item.ch),
1571
1578
  onToggleVideoMute: () => handleToggleVideoMute("output", item.ch),
1572
1579
  itemClassName,