@imperosoft/cris-webui-components 1.1.2-beta.1 → 1.1.2-beta.3
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 +130 -3
- package/dist/index.d.ts +130 -3
- package/dist/index.js +456 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +454 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
3
3
|
|
|
4
4
|
interface CrisButtonProps {
|
|
5
5
|
/** Digital join for press action */
|
|
@@ -36,12 +36,18 @@ interface CrisButtonProps {
|
|
|
36
36
|
iconClassActive?: string;
|
|
37
37
|
/** Icon inline style when active (merged with iconStyle when button is active) */
|
|
38
38
|
iconStyleActive?: React.CSSProperties;
|
|
39
|
+
/** External selected/active state (for controlled mode without joins) */
|
|
40
|
+
selected?: boolean;
|
|
39
41
|
/** Show controller feedback styling */
|
|
40
42
|
showControlFeedback?: boolean;
|
|
41
43
|
/** Show local press feedback styling */
|
|
42
44
|
showLocalFeedback?: boolean;
|
|
43
45
|
/** Suppress click actions (display only) */
|
|
44
46
|
suppressKeyClicks?: boolean;
|
|
47
|
+
/** External visible state (for controlled mode without joinVisible) */
|
|
48
|
+
visible?: boolean;
|
|
49
|
+
/** External enabled state (for controlled mode without joinEnable) */
|
|
50
|
+
enabled?: boolean;
|
|
45
51
|
/** Smart object ID (for smarts instead of joins) */
|
|
46
52
|
smartId?: number;
|
|
47
53
|
/** Custom class names */
|
|
@@ -61,7 +67,7 @@ interface CrisButtonProps {
|
|
|
61
67
|
/** Enable debug logging for this button */
|
|
62
68
|
debug?: boolean;
|
|
63
69
|
}
|
|
64
|
-
declare function CrisButton({ join, joinFeedback, joinEnable, joinVisible, text, textPressed, textSelected, icon, iconName, iconClass, iconSize, iconContainerSize, iconStyle, iconPosition, iconNameActive, iconClassActive, iconStyleActive, showControlFeedback, showLocalFeedback, suppressKeyClicks, smartId, className, classActive, classPressed, classDisabled, children, onPress, onRelease, debug, }: CrisButtonProps): react_jsx_runtime.JSX.Element | null;
|
|
70
|
+
declare function CrisButton({ join, joinFeedback, joinEnable, joinVisible, text, textPressed, textSelected, icon, iconName, iconClass, iconSize, iconContainerSize, iconStyle, iconPosition, iconNameActive, iconClassActive, iconStyleActive, selected, showControlFeedback, showLocalFeedback, suppressKeyClicks, visible, enabled, smartId, className, classActive, classPressed, classDisabled, children, onPress, onRelease, debug, }: CrisButtonProps): react_jsx_runtime.JSX.Element | null;
|
|
65
71
|
|
|
66
72
|
interface CrisTextProps {
|
|
67
73
|
/** Serial join for indirect text */
|
|
@@ -256,6 +262,127 @@ interface CrisOfflinePageProps {
|
|
|
256
262
|
}
|
|
257
263
|
declare function CrisOfflinePage({ processorHost: processorHostProp, hasAuthToken, isDevMode, isVC4, isDeployedOnProcessor, wsPort, showDebugInfo, loginRedirectDelay, loginPath, retryCountdown: retryCountdownInit, className, }: CrisOfflinePageProps): react_jsx_runtime.JSX.Element;
|
|
258
264
|
|
|
265
|
+
/** Shape of a single module from the backend */
|
|
266
|
+
interface DebugModule {
|
|
267
|
+
id: string;
|
|
268
|
+
lb: string;
|
|
269
|
+
tp: string;
|
|
270
|
+
md: {
|
|
271
|
+
vs: boolean;
|
|
272
|
+
on: boolean;
|
|
273
|
+
};
|
|
274
|
+
cm: {
|
|
275
|
+
vs: boolean;
|
|
276
|
+
on: boolean;
|
|
277
|
+
};
|
|
278
|
+
et: {
|
|
279
|
+
vs: boolean;
|
|
280
|
+
on: boolean;
|
|
281
|
+
};
|
|
282
|
+
rs: {
|
|
283
|
+
vs: boolean;
|
|
284
|
+
on: boolean;
|
|
285
|
+
};
|
|
286
|
+
vs: boolean;
|
|
287
|
+
en: boolean;
|
|
288
|
+
}
|
|
289
|
+
interface CrisCoDebugProps {
|
|
290
|
+
/** Custom object ID (default: "__DBG__") */
|
|
291
|
+
oid?: string;
|
|
292
|
+
/** Optional title */
|
|
293
|
+
title?: string;
|
|
294
|
+
/** Container className */
|
|
295
|
+
className?: string;
|
|
296
|
+
/** Container style */
|
|
297
|
+
style?: CSSProperties;
|
|
298
|
+
/** Item className */
|
|
299
|
+
itemClassName?: string;
|
|
300
|
+
/** Item style */
|
|
301
|
+
itemStyle?: CSSProperties;
|
|
302
|
+
/** Button className for Mod/Com buttons */
|
|
303
|
+
buttonClassName?: string;
|
|
304
|
+
/** Button active className for Mod/Com buttons */
|
|
305
|
+
buttonActiveClassName?: string;
|
|
306
|
+
/** Custom icon for Ethernet connected */
|
|
307
|
+
iconEthOn?: ReactNode;
|
|
308
|
+
/** Custom icon for Ethernet disconnected */
|
|
309
|
+
iconEthOff?: ReactNode;
|
|
310
|
+
/** Custom icon for RS232 connected */
|
|
311
|
+
iconRs232On?: ReactNode;
|
|
312
|
+
/** Custom icon for RS232 disconnected */
|
|
313
|
+
iconRs232Off?: ReactNode;
|
|
314
|
+
}
|
|
315
|
+
declare function CrisCoDebug({ oid, title, className, style, itemClassName, itemStyle, buttonClassName, buttonActiveClassName, iconEthOn, iconEthOff, iconRs232On, iconRs232Off, }: CrisCoDebugProps): react_jsx_runtime.JSX.Element | null;
|
|
316
|
+
|
|
317
|
+
/** Shape of an input or output item from the backend */
|
|
318
|
+
interface MatrixItem {
|
|
319
|
+
ch: number;
|
|
320
|
+
lb: string;
|
|
321
|
+
gp: number;
|
|
322
|
+
sl: {
|
|
323
|
+
on: boolean;
|
|
324
|
+
en: boolean;
|
|
325
|
+
vs: boolean;
|
|
326
|
+
};
|
|
327
|
+
io: {
|
|
328
|
+
on: boolean;
|
|
329
|
+
vs: boolean;
|
|
330
|
+
};
|
|
331
|
+
sg: {
|
|
332
|
+
on: boolean;
|
|
333
|
+
vs: boolean;
|
|
334
|
+
};
|
|
335
|
+
vm: {
|
|
336
|
+
on: boolean;
|
|
337
|
+
en: boolean;
|
|
338
|
+
vs: boolean;
|
|
339
|
+
};
|
|
340
|
+
}
|
|
341
|
+
/** Shape of the matrix status from the backend */
|
|
342
|
+
interface MatrixStatus {
|
|
343
|
+
ip: MatrixItem[];
|
|
344
|
+
op: MatrixItem[];
|
|
345
|
+
}
|
|
346
|
+
interface CrisCoMatrixListsTieProps {
|
|
347
|
+
/** Custom object ID (e.g., "MTX1_VID") */
|
|
348
|
+
oid: string;
|
|
349
|
+
/** Input list title */
|
|
350
|
+
inputTitle?: string;
|
|
351
|
+
/** Output list title */
|
|
352
|
+
outputTitle?: string;
|
|
353
|
+
/** Container className */
|
|
354
|
+
className?: string;
|
|
355
|
+
/** Container style */
|
|
356
|
+
style?: CSSProperties;
|
|
357
|
+
/** List column className */
|
|
358
|
+
listClassName?: string;
|
|
359
|
+
/** List column style */
|
|
360
|
+
listStyle?: CSSProperties;
|
|
361
|
+
/** List header className */
|
|
362
|
+
headerClassName?: string;
|
|
363
|
+
/** List header style */
|
|
364
|
+
headerStyle?: CSSProperties;
|
|
365
|
+
/** Item className */
|
|
366
|
+
itemClassName?: string;
|
|
367
|
+
/** Item style */
|
|
368
|
+
itemStyle?: CSSProperties;
|
|
369
|
+
/** Item active (selected/tied) className */
|
|
370
|
+
itemActiveClassName?: string;
|
|
371
|
+
/** Item active style */
|
|
372
|
+
itemActiveStyle?: CSSProperties;
|
|
373
|
+
/** Item disabled className */
|
|
374
|
+
itemDisabledClassName?: string;
|
|
375
|
+
/** Video mute button className */
|
|
376
|
+
vmButtonClassName?: string;
|
|
377
|
+
/** Video mute button active className */
|
|
378
|
+
vmButtonActiveClassName?: string;
|
|
379
|
+
/** Custom render for I/O online indicator */
|
|
380
|
+
renderIoIndicator?: (on: boolean) => ReactNode;
|
|
381
|
+
/** Custom render for signal indicator */
|
|
382
|
+
renderSignalIndicator?: (on: boolean) => ReactNode;
|
|
383
|
+
}
|
|
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;
|
|
385
|
+
|
|
259
386
|
/**
|
|
260
387
|
* Icon configuration and utilities for CRIS components
|
|
261
388
|
*
|
|
@@ -306,4 +433,4 @@ declare function getIconUrl(name: string): string;
|
|
|
306
433
|
*/
|
|
307
434
|
declare function getIconFilter(active: boolean): string | undefined;
|
|
308
435
|
|
|
309
|
-
export { CrisButton, type CrisButtonProps, CrisGauge, type CrisGaugeProps, CrisOfflinePage, type CrisOfflinePageProps, CrisSlider, type CrisSliderProps, CrisSpinner, type CrisSpinnerProps, CrisText, type CrisTextProps, type IconConfig, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };
|
|
436
|
+
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
3
3
|
|
|
4
4
|
interface CrisButtonProps {
|
|
5
5
|
/** Digital join for press action */
|
|
@@ -36,12 +36,18 @@ interface CrisButtonProps {
|
|
|
36
36
|
iconClassActive?: string;
|
|
37
37
|
/** Icon inline style when active (merged with iconStyle when button is active) */
|
|
38
38
|
iconStyleActive?: React.CSSProperties;
|
|
39
|
+
/** External selected/active state (for controlled mode without joins) */
|
|
40
|
+
selected?: boolean;
|
|
39
41
|
/** Show controller feedback styling */
|
|
40
42
|
showControlFeedback?: boolean;
|
|
41
43
|
/** Show local press feedback styling */
|
|
42
44
|
showLocalFeedback?: boolean;
|
|
43
45
|
/** Suppress click actions (display only) */
|
|
44
46
|
suppressKeyClicks?: boolean;
|
|
47
|
+
/** External visible state (for controlled mode without joinVisible) */
|
|
48
|
+
visible?: boolean;
|
|
49
|
+
/** External enabled state (for controlled mode without joinEnable) */
|
|
50
|
+
enabled?: boolean;
|
|
45
51
|
/** Smart object ID (for smarts instead of joins) */
|
|
46
52
|
smartId?: number;
|
|
47
53
|
/** Custom class names */
|
|
@@ -61,7 +67,7 @@ interface CrisButtonProps {
|
|
|
61
67
|
/** Enable debug logging for this button */
|
|
62
68
|
debug?: boolean;
|
|
63
69
|
}
|
|
64
|
-
declare function CrisButton({ join, joinFeedback, joinEnable, joinVisible, text, textPressed, textSelected, icon, iconName, iconClass, iconSize, iconContainerSize, iconStyle, iconPosition, iconNameActive, iconClassActive, iconStyleActive, showControlFeedback, showLocalFeedback, suppressKeyClicks, smartId, className, classActive, classPressed, classDisabled, children, onPress, onRelease, debug, }: CrisButtonProps): react_jsx_runtime.JSX.Element | null;
|
|
70
|
+
declare function CrisButton({ join, joinFeedback, joinEnable, joinVisible, text, textPressed, textSelected, icon, iconName, iconClass, iconSize, iconContainerSize, iconStyle, iconPosition, iconNameActive, iconClassActive, iconStyleActive, selected, showControlFeedback, showLocalFeedback, suppressKeyClicks, visible, enabled, smartId, className, classActive, classPressed, classDisabled, children, onPress, onRelease, debug, }: CrisButtonProps): react_jsx_runtime.JSX.Element | null;
|
|
65
71
|
|
|
66
72
|
interface CrisTextProps {
|
|
67
73
|
/** Serial join for indirect text */
|
|
@@ -256,6 +262,127 @@ interface CrisOfflinePageProps {
|
|
|
256
262
|
}
|
|
257
263
|
declare function CrisOfflinePage({ processorHost: processorHostProp, hasAuthToken, isDevMode, isVC4, isDeployedOnProcessor, wsPort, showDebugInfo, loginRedirectDelay, loginPath, retryCountdown: retryCountdownInit, className, }: CrisOfflinePageProps): react_jsx_runtime.JSX.Element;
|
|
258
264
|
|
|
265
|
+
/** Shape of a single module from the backend */
|
|
266
|
+
interface DebugModule {
|
|
267
|
+
id: string;
|
|
268
|
+
lb: string;
|
|
269
|
+
tp: string;
|
|
270
|
+
md: {
|
|
271
|
+
vs: boolean;
|
|
272
|
+
on: boolean;
|
|
273
|
+
};
|
|
274
|
+
cm: {
|
|
275
|
+
vs: boolean;
|
|
276
|
+
on: boolean;
|
|
277
|
+
};
|
|
278
|
+
et: {
|
|
279
|
+
vs: boolean;
|
|
280
|
+
on: boolean;
|
|
281
|
+
};
|
|
282
|
+
rs: {
|
|
283
|
+
vs: boolean;
|
|
284
|
+
on: boolean;
|
|
285
|
+
};
|
|
286
|
+
vs: boolean;
|
|
287
|
+
en: boolean;
|
|
288
|
+
}
|
|
289
|
+
interface CrisCoDebugProps {
|
|
290
|
+
/** Custom object ID (default: "__DBG__") */
|
|
291
|
+
oid?: string;
|
|
292
|
+
/** Optional title */
|
|
293
|
+
title?: string;
|
|
294
|
+
/** Container className */
|
|
295
|
+
className?: string;
|
|
296
|
+
/** Container style */
|
|
297
|
+
style?: CSSProperties;
|
|
298
|
+
/** Item className */
|
|
299
|
+
itemClassName?: string;
|
|
300
|
+
/** Item style */
|
|
301
|
+
itemStyle?: CSSProperties;
|
|
302
|
+
/** Button className for Mod/Com buttons */
|
|
303
|
+
buttonClassName?: string;
|
|
304
|
+
/** Button active className for Mod/Com buttons */
|
|
305
|
+
buttonActiveClassName?: string;
|
|
306
|
+
/** Custom icon for Ethernet connected */
|
|
307
|
+
iconEthOn?: ReactNode;
|
|
308
|
+
/** Custom icon for Ethernet disconnected */
|
|
309
|
+
iconEthOff?: ReactNode;
|
|
310
|
+
/** Custom icon for RS232 connected */
|
|
311
|
+
iconRs232On?: ReactNode;
|
|
312
|
+
/** Custom icon for RS232 disconnected */
|
|
313
|
+
iconRs232Off?: ReactNode;
|
|
314
|
+
}
|
|
315
|
+
declare function CrisCoDebug({ oid, title, className, style, itemClassName, itemStyle, buttonClassName, buttonActiveClassName, iconEthOn, iconEthOff, iconRs232On, iconRs232Off, }: CrisCoDebugProps): react_jsx_runtime.JSX.Element | null;
|
|
316
|
+
|
|
317
|
+
/** Shape of an input or output item from the backend */
|
|
318
|
+
interface MatrixItem {
|
|
319
|
+
ch: number;
|
|
320
|
+
lb: string;
|
|
321
|
+
gp: number;
|
|
322
|
+
sl: {
|
|
323
|
+
on: boolean;
|
|
324
|
+
en: boolean;
|
|
325
|
+
vs: boolean;
|
|
326
|
+
};
|
|
327
|
+
io: {
|
|
328
|
+
on: boolean;
|
|
329
|
+
vs: boolean;
|
|
330
|
+
};
|
|
331
|
+
sg: {
|
|
332
|
+
on: boolean;
|
|
333
|
+
vs: boolean;
|
|
334
|
+
};
|
|
335
|
+
vm: {
|
|
336
|
+
on: boolean;
|
|
337
|
+
en: boolean;
|
|
338
|
+
vs: boolean;
|
|
339
|
+
};
|
|
340
|
+
}
|
|
341
|
+
/** Shape of the matrix status from the backend */
|
|
342
|
+
interface MatrixStatus {
|
|
343
|
+
ip: MatrixItem[];
|
|
344
|
+
op: MatrixItem[];
|
|
345
|
+
}
|
|
346
|
+
interface CrisCoMatrixListsTieProps {
|
|
347
|
+
/** Custom object ID (e.g., "MTX1_VID") */
|
|
348
|
+
oid: string;
|
|
349
|
+
/** Input list title */
|
|
350
|
+
inputTitle?: string;
|
|
351
|
+
/** Output list title */
|
|
352
|
+
outputTitle?: string;
|
|
353
|
+
/** Container className */
|
|
354
|
+
className?: string;
|
|
355
|
+
/** Container style */
|
|
356
|
+
style?: CSSProperties;
|
|
357
|
+
/** List column className */
|
|
358
|
+
listClassName?: string;
|
|
359
|
+
/** List column style */
|
|
360
|
+
listStyle?: CSSProperties;
|
|
361
|
+
/** List header className */
|
|
362
|
+
headerClassName?: string;
|
|
363
|
+
/** List header style */
|
|
364
|
+
headerStyle?: CSSProperties;
|
|
365
|
+
/** Item className */
|
|
366
|
+
itemClassName?: string;
|
|
367
|
+
/** Item style */
|
|
368
|
+
itemStyle?: CSSProperties;
|
|
369
|
+
/** Item active (selected/tied) className */
|
|
370
|
+
itemActiveClassName?: string;
|
|
371
|
+
/** Item active style */
|
|
372
|
+
itemActiveStyle?: CSSProperties;
|
|
373
|
+
/** Item disabled className */
|
|
374
|
+
itemDisabledClassName?: string;
|
|
375
|
+
/** Video mute button className */
|
|
376
|
+
vmButtonClassName?: string;
|
|
377
|
+
/** Video mute button active className */
|
|
378
|
+
vmButtonActiveClassName?: string;
|
|
379
|
+
/** Custom render for I/O online indicator */
|
|
380
|
+
renderIoIndicator?: (on: boolean) => ReactNode;
|
|
381
|
+
/** Custom render for signal indicator */
|
|
382
|
+
renderSignalIndicator?: (on: boolean) => ReactNode;
|
|
383
|
+
}
|
|
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;
|
|
385
|
+
|
|
259
386
|
/**
|
|
260
387
|
* Icon configuration and utilities for CRIS components
|
|
261
388
|
*
|
|
@@ -306,4 +433,4 @@ declare function getIconUrl(name: string): string;
|
|
|
306
433
|
*/
|
|
307
434
|
declare function getIconFilter(active: boolean): string | undefined;
|
|
308
435
|
|
|
309
|
-
export { CrisButton, type CrisButtonProps, CrisGauge, type CrisGaugeProps, CrisOfflinePage, type CrisOfflinePageProps, CrisSlider, type CrisSliderProps, CrisSpinner, type CrisSpinnerProps, CrisText, type CrisTextProps, type IconConfig, type SpinnerSpeed, configureIcons, getIconConfig, getIconFilter, getIconUrl };
|
|
436
|
+
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 };
|