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

package/dist/index.d.mts

@@ -262,6 +262,44 @@ interface CrisOfflinePageProps {
 }
 declare function CrisOfflinePage({ processorHost: processorHostProp, hasAuthToken, isDevMode, isVC4, isDeployedOnProcessor, wsPort, showDebugInfo, loginRedirectDelay, loginPath, retryCountdown: retryCountdownInit, className, }: CrisOfflinePageProps): react_jsx_runtime.JSX.Element;
 
+interface CrisTextInputProps {
+    /** Serial join to send text to */
+    join: number;
+    /** Serial join for feedback (defaults to join) */
+    joinFeedback?: number;
+    /** Digital join for enable state */
+    joinEnable?: number;
+    /** Digital join for visibility */
+    joinVisible?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Input type (default: "text") */
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    /** Send value on Enter key (default: true) */
+    submitOnEnter?: boolean;
+    /** Send value on blur/focus loss (default: false) */
+    submitOnBlur?: boolean;
+    /** Send value on every change (default: false) */
+    submitOnChange?: boolean;
+    /** Clear input after submit (default: false) */
+    clearOnSubmit?: boolean;
+    /** Container className */
+    className?: string;
+    /** Container style */
+    style?: CSSProperties;
+    /** Input element className */
+    inputClassName?: string;
+    /** Input element style */
+    inputStyle?: CSSProperties;
+    /** Class when disabled */
+    classDisabled?: string;
+    /** Class when focused */
+    classFocused?: string;
+}
+declare function CrisTextInput({ join, joinFeedback, joinEnable, joinVisible, placeholder, maxLength, type, submitOnEnter, submitOnBlur, submitOnChange, clearOnSubmit, className, style, inputClassName, inputStyle, classDisabled, classFocused: classFocusedProp, }: CrisTextInputProps): react_jsx_runtime.JSX.Element | null;
+
 /** Shape of a single module from the backend */
 interface DebugModule {
     id: string;
@@ -314,6 +352,58 @@ 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;
@@ -441,4 +531,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, CrisTextInput, type CrisTextInputProps, 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

@@ -262,6 +262,44 @@ interface CrisOfflinePageProps {
 }
 declare function CrisOfflinePage({ processorHost: processorHostProp, hasAuthToken, isDevMode, isVC4, isDeployedOnProcessor, wsPort, showDebugInfo, loginRedirectDelay, loginPath, retryCountdown: retryCountdownInit, className, }: CrisOfflinePageProps): react_jsx_runtime.JSX.Element;
 
+interface CrisTextInputProps {
+    /** Serial join to send text to */
+    join: number;
+    /** Serial join for feedback (defaults to join) */
+    joinFeedback?: number;
+    /** Digital join for enable state */
+    joinEnable?: number;
+    /** Digital join for visibility */
+    joinVisible?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Input type (default: "text") */
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    /** Send value on Enter key (default: true) */
+    submitOnEnter?: boolean;
+    /** Send value on blur/focus loss (default: false) */
+    submitOnBlur?: boolean;
+    /** Send value on every change (default: false) */
+    submitOnChange?: boolean;
+    /** Clear input after submit (default: false) */
+    clearOnSubmit?: boolean;
+    /** Container className */
+    className?: string;
+    /** Container style */
+    style?: CSSProperties;
+    /** Input element className */
+    inputClassName?: string;
+    /** Input element style */
+    inputStyle?: CSSProperties;
+    /** Class when disabled */
+    classDisabled?: string;
+    /** Class when focused */
+    classFocused?: string;
+}
+declare function CrisTextInput({ join, joinFeedback, joinEnable, joinVisible, placeholder, maxLength, type, submitOnEnter, submitOnBlur, submitOnChange, clearOnSubmit, className, style, inputClassName, inputStyle, classDisabled, classFocused: classFocusedProp, }: CrisTextInputProps): react_jsx_runtime.JSX.Element | null;
+
 /** Shape of a single module from the backend */
 interface DebugModule {
     id: string;
@@ -314,6 +352,58 @@ 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;
@@ -441,4 +531,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, CrisTextInput, type CrisTextInputProps, type CrisTextProps, type DebugModule, type IconConfig, type ListItem, type ListStatus, type MatrixItem, type MatrixStatus, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };