@imperosoft/cris-webui-components 1.1.2-beta.9 → 1.1.3-beta.0

package/dist/index.d.mts

@@ -314,16 +314,70 @@ interface CrisCoDebugProps {
 }
 declare function CrisCoDebug({ oid, title, className, style, itemClassName, itemStyle, buttonClassName, buttonActiveClassName, iconEthOn, iconEthOff, iconRs232On, iconRs232Off, }: CrisCoDebugProps): react_jsx_runtime.JSX.Element | null;
 
+/** Shape of a list item from the backend */
+interface ListItem {
+    id: number;
+    lb: string;
+    /** Enabled state (default: true) */
+    en?: boolean;
+    /** Visible in list (default: true) */
+    vs?: boolean;
+    /** Additional data — available via renderItem */
+    [key: string]: unknown;
+}
+/** Shape of the list status from the backend */
+interface ListStatus {
+    /** Settings (extensible, passed to renderItem via props) */
+    st?: Record<string, unknown>;
+    /** Selected item id */
+    si?: number;
+    /** List items */
+    it: ListItem[];
+}
+interface CrisCoListProps {
+    /** Custom object ID */
+    oid: string;
+    /** List title */
+    title?: string;
+    /** Show item id prefix before label (default: true) */
+    showIds?: boolean;
+    /** Action name sent on selection (default: "select") */
+    selectAction?: string;
+    /** Custom item renderer — receives item and selected state */
+    renderItem?: (item: ListItem, selected: boolean, settings?: Record<string, unknown>) => ReactNode;
+    /** Container className */
+    className?: string;
+    /** Container style */
+    style?: CSSProperties;
+    /** Header className */
+    headerClassName?: string;
+    /** Header style */
+    headerStyle?: CSSProperties;
+    /** Item className */
+    itemClassName?: string;
+    /** Item style */
+    itemStyle?: CSSProperties;
+    /** Item active (selected) className */
+    itemActiveClassName?: string;
+    /** Item active style */
+    itemActiveStyle?: CSSProperties;
+    /** Item disabled className */
+    itemDisabledClassName?: string;
+}
+declare function CrisCoList({ oid, title, showIds, selectAction, renderItem, className, style, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, }: CrisCoListProps): react_jsx_runtime.JSX.Element | null;
+
 /** Shape of an input or output item from the backend */
 interface MatrixItem {
     id: number;
     lb: string;
     gp: number;
+    /** Selection state: en=enabled, vs=visible */
     sl: {
-        on?: boolean;
         en: boolean;
         vs: boolean;
     };
+    /** Tied input id (outputs only) — which input is routed to this output */
+    ti?: number;
     io: {
         on: boolean;
         vs: boolean;
@@ -374,6 +428,8 @@ interface CrisCoMatrixListsTieProps {
     itemActiveStyle?: CSSProperties;
     /** Item disabled className */
     itemDisabledClassName?: string;
+    /** Video mute button text (default: "Mute") */
+    vmText?: string;
     /** Video mute button className */
     vmButtonClassName?: string;
     /** Video mute button active className */
@@ -385,7 +441,7 @@ interface CrisCoMatrixListsTieProps {
     /** Custom render for signal indicator */
     renderSignalIndicator?: (on: boolean) => ReactNode;
 }
-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;
+declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmText, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Icon configuration and utilities for CRIS components
@@ -437,4 +493,4 @@ declare function getIconUrl(name: string): string;
  */
 declare function getIconFilter(active: boolean): string | undefined;
 
-export { CrisButton, type CrisButtonProps, CrisCoDebug, type CrisCoDebugProps, CrisCoMatrixListsTie, type CrisCoMatrixListsTieProps, CrisGauge, type CrisGaugeProps, CrisOfflinePage, type CrisOfflinePageProps, CrisSlider, type CrisSliderProps, CrisSpinner, type CrisSpinnerProps, CrisText, type CrisTextProps, type DebugModule, type IconConfig, type MatrixItem, type MatrixStatus, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };
+export { CrisButton, type CrisButtonProps, CrisCoDebug, type CrisCoDebugProps, CrisCoList, type CrisCoListProps, CrisCoMatrixListsTie, type CrisCoMatrixListsTieProps, CrisGauge, type CrisGaugeProps, CrisOfflinePage, type CrisOfflinePageProps, CrisSlider, type CrisSliderProps, CrisSpinner, type CrisSpinnerProps, CrisText, type CrisTextProps, type DebugModule, type IconConfig, type ListItem, type ListStatus, type MatrixItem, type MatrixStatus, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };

package/dist/index.d.ts

@@ -314,16 +314,70 @@ interface CrisCoDebugProps {
 }
 declare function CrisCoDebug({ oid, title, className, style, itemClassName, itemStyle, buttonClassName, buttonActiveClassName, iconEthOn, iconEthOff, iconRs232On, iconRs232Off, }: CrisCoDebugProps): react_jsx_runtime.JSX.Element | null;
 
+/** Shape of a list item from the backend */
+interface ListItem {
+    id: number;
+    lb: string;
+    /** Enabled state (default: true) */
+    en?: boolean;
+    /** Visible in list (default: true) */
+    vs?: boolean;
+    /** Additional data — available via renderItem */
+    [key: string]: unknown;
+}
+/** Shape of the list status from the backend */
+interface ListStatus {
+    /** Settings (extensible, passed to renderItem via props) */
+    st?: Record<string, unknown>;
+    /** Selected item id */
+    si?: number;
+    /** List items */
+    it: ListItem[];
+}
+interface CrisCoListProps {
+    /** Custom object ID */
+    oid: string;
+    /** List title */
+    title?: string;
+    /** Show item id prefix before label (default: true) */
+    showIds?: boolean;
+    /** Action name sent on selection (default: "select") */
+    selectAction?: string;
+    /** Custom item renderer — receives item and selected state */
+    renderItem?: (item: ListItem, selected: boolean, settings?: Record<string, unknown>) => ReactNode;
+    /** Container className */
+    className?: string;
+    /** Container style */
+    style?: CSSProperties;
+    /** Header className */
+    headerClassName?: string;
+    /** Header style */
+    headerStyle?: CSSProperties;
+    /** Item className */
+    itemClassName?: string;
+    /** Item style */
+    itemStyle?: CSSProperties;
+    /** Item active (selected) className */
+    itemActiveClassName?: string;
+    /** Item active style */
+    itemActiveStyle?: CSSProperties;
+    /** Item disabled className */
+    itemDisabledClassName?: string;
+}
+declare function CrisCoList({ oid, title, showIds, selectAction, renderItem, className, style, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, }: CrisCoListProps): react_jsx_runtime.JSX.Element | null;
+
 /** Shape of an input or output item from the backend */
 interface MatrixItem {
     id: number;
     lb: string;
     gp: number;
+    /** Selection state: en=enabled, vs=visible */
     sl: {
-        on?: boolean;
         en: boolean;
         vs: boolean;
     };
+    /** Tied input id (outputs only) — which input is routed to this output */
+    ti?: number;
     io: {
         on: boolean;
         vs: boolean;
@@ -374,6 +428,8 @@ interface CrisCoMatrixListsTieProps {
     itemActiveStyle?: CSSProperties;
     /** Item disabled className */
     itemDisabledClassName?: string;
+    /** Video mute button text (default: "Mute") */
+    vmText?: string;
     /** Video mute button className */
     vmButtonClassName?: string;
     /** Video mute button active className */
@@ -385,7 +441,7 @@ interface CrisCoMatrixListsTieProps {
     /** Custom render for signal indicator */
     renderSignalIndicator?: (on: boolean) => ReactNode;
 }
-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;
+declare function CrisCoMatrixListsTie({ oid, inputTitle, outputTitle, showChannels, className, style, listClassName, listStyle, headerClassName, headerStyle, itemClassName, itemStyle, itemActiveClassName, itemActiveStyle, itemDisabledClassName, vmText, vmButtonClassName, vmButtonActiveClassName, renderIoIndicator, renderSignalIndicator, }: CrisCoMatrixListsTieProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Icon configuration and utilities for CRIS components
@@ -437,4 +493,4 @@ declare function getIconUrl(name: string): string;
  */
 declare function getIconFilter(active: boolean): string | undefined;
 
-export { CrisButton, type CrisButtonProps, CrisCoDebug, type CrisCoDebugProps, CrisCoMatrixListsTie, type CrisCoMatrixListsTieProps, CrisGauge, type CrisGaugeProps, CrisOfflinePage, type CrisOfflinePageProps, CrisSlider, type CrisSliderProps, CrisSpinner, type CrisSpinnerProps, CrisText, type CrisTextProps, type DebugModule, type IconConfig, type MatrixItem, type MatrixStatus, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };
+export { CrisButton, type CrisButtonProps, CrisCoDebug, type CrisCoDebugProps, CrisCoList, type CrisCoListProps, CrisCoMatrixListsTie, type CrisCoMatrixListsTieProps, CrisGauge, type CrisGaugeProps, CrisOfflinePage, type CrisOfflinePageProps, CrisSlider, type CrisSliderProps, CrisSpinner, type CrisSpinnerProps, CrisText, type CrisTextProps, type DebugModule, type IconConfig, type ListItem, type ListStatus, type MatrixItem, type MatrixStatus, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };