@kvaser/canking-api 7.2.1 → 7.4.0

package/dist/controls/LinIdentifierControl.d.ts

@@ -8,7 +8,7 @@
  * @packageDocumentation
  */
 import React from 'react';
-import { PeriodicTransmissionSettings, WriteFrame } from '../models';
+import { PeriodicTransmissionSettings, SignalDefinition, WriteFrame } from '../models';
 /** Possible LIN identifier generator types. */
 export type linIdentifierGeneratorType = 'constant' | 'random' | 'scan';
 /**
@@ -19,35 +19,49 @@ interface LinIdentifierControlProps {
     linIdentifier: string;
     /**
      * Callback that will be called when the LIN identifier has changed.
-     * @param identifier The new LIN identifier.
+     * @param identifier - The new LIN identifier.
      */
     onLinIdentifierChange: (identifier: string) => void;
+    /**
+     * Callback that will be called when the settings have changed after selecting a signal.
+     * If this property is set, then the onLinIdentifierChange callback will not be called.
+     * @param identifier - The new LIN identifier.
+     * @param signal - The new signal or undefined if no signal is selected.
+     */
+    onSignalChange?: (identifier: string, signal: SignalDefinition | undefined) => void;
     /**
      * Callback that will be called when the errors state has changed.
-     * @param errors The new errors state.
+     * @param errors - The new errors state.
      */
     onErrorsChange?: (errors: boolean) => void;
+    /** Set to true to disable this control. */
+    disabled?: boolean;
     /**
-     * Callback that will be called when the select message dialog has been opened or closed.
-     * @param value The new show select message dialog state.
+     * Name of a parent dialog, if any, that is used as the parent for the select message and select signal dialogs.
+     * Leave undefined if there is no parent dialog.
      */
-    showSelectMessageDialogChange?: (value: boolean) => void;
+    parentDialogTitle?: string;
+    /** Set to true if the select message and select signal dialogs should be full screen dialogs. */
+    fullScreen?: boolean;
     /**
-     * Callback that will be called when the select signal dialog has been opened or closed.
-     * @param value The new show select signal dialog state.
+     * Identifier of the node that will be used to filter messages and signals in the select dialogs.
+     * Leave undefined if no filtering should be done.
      */
-    showSelectSignalDialogChange?: (value: boolean) => void;
-    /** Set to true to disable this control. */
-    disabled?: boolean;
+    nodeIdentifier?: string;
+    /**
+     * The source identifier that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    sourceIdFilter?: string;
     /** Set to true if the select message button should be disabled. */
     disableSelectMessageButton?: boolean;
     /** Set to true if the select signal button should be disabled. */
     disableSelectSignalButton?: boolean;
     /** Set to true if this control shouldn't be encapsulated inside a SectionControl. */
     hideSection?: boolean;
-    /** Set to true if the select message button shouldn't be visible. */
+    /** Set to true if the select message button should be hidden. */
     hideSelectMessageButton?: boolean;
-    /** Set to true if the select signal button should be visible. */
+    /** Set to true if the select signal button should be visible. If set to true, then the select message button will be hidden. */
     showSelectSignalButton?: boolean;
     /** Set to true if the SectionControl should be collapsible, ignored if hideSectionControl is true. */
     collapsible?: boolean;
@@ -55,16 +69,16 @@ interface LinIdentifierControlProps {
     collapsed?: boolean;
     /**
      * Callback that will be called when collapse state has changed.
-     * @param value The new collapse state.
+     * @param value - The new collapse state.
      */
     collapsedChange?: (value: boolean) => void;
 }
 /**
  * Creates an UI control for editing a LIN identifier.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The LinIdentifierControl React component.
  */
-declare function LinIdentifierControl({ linIdentifier, onLinIdentifierChange, onErrorsChange, showSelectMessageDialogChange, showSelectSignalDialogChange, disabled, disableSelectMessageButton, disableSelectSignalButton, hideSection, hideSelectMessageButton, showSelectSignalButton, collapsible, collapsed, collapsedChange, }: LinIdentifierControlProps): import("react/jsx-runtime").JSX.Element;
+declare function LinIdentifierControl({ linIdentifier, onLinIdentifierChange, onErrorsChange, onSignalChange, disabled, parentDialogTitle, fullScreen, nodeIdentifier, sourceIdFilter, disableSelectMessageButton, disableSelectSignalButton, hideSection, hideSelectMessageButton, showSelectSignalButton, collapsible, collapsed, collapsedChange, }: LinIdentifierControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the LinIdentifierFrameControl React component.
  */
@@ -73,50 +87,53 @@ interface LinIdentifierFrameControlProps {
     frame: WriteFrame;
     /**
      * Callback that will be called when the frame is updated after the LIN identifier has changed.
-     * @param value The new frame object.
+     * @param value - The new frame object.
      */
     onFrameChange: (value: WriteFrame) => void;
     /**
      * Callback that will be called when the errors state has changed.
-     * @param errors The new errors state.
+     * @param errors - The new errors state.
      */
     onErrorsChange?: (errors: boolean) => void;
     /**
-     * Callback that will be called when the select message dialog has been opened or closed.
-     * @param value The new show select message dialog state.
+     * Name of a parent dialog, if any, that is used as the parent for the select message and select signal dialogs.
+     * Leave undefined if there is no parent dialog.
      */
-    showSelectMessageDialogChange?: (value: boolean) => void;
+    parentDialogTitle?: string;
+    /** Set to true if the select message and select signal dialogs should be full screen dialogs. */
+    fullScreen?: boolean;
     /**
-     * Callback that will be called when the select signal dialog has been opened or closed.
-     * @param value The new show select signal dialog state.
+     * Identifier of the node that will be used to filter messages and signals in the select dialogs.
+     * Leave undefined if no filtering should be done.
      */
-    showSelectSignalDialogChange?: (value: boolean) => void;
+    nodeIdentifier?: string;
+    /**
+     * The source identifier that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    sourceIdFilter?: string;
     /** Set to true if the select message button should be disabled. */
     disableSelectMessageButton?: boolean;
-    /** Set to true if the select signal button should be disabled. */
-    disableSelectSignalButton?: boolean;
     /** Set to true if this control shouldn't be encapsulated inside a SectionControl. */
     hideSection?: boolean;
-    /** Set to true if the select message button shouldn't be visible. */
+    /** Set to true if the select message button should be hidden. */
     hideSelectMessageButton?: boolean;
-    /** Set to true if the select signal button shouldn't be visible. */
-    showSelectSignalButton?: boolean;
     /** Set to true if the SectionControl should be collapsible. */
     collapsible?: boolean;
     /** Current collapse state of the SectionControl. */
     collapsed?: boolean;
     /**
      * Callback that will be called when collapse state has changed.
-     * @param value The new collapse state.
+     * @param value - The new collapse state.
      */
     collapsedChange?: (value: boolean) => void;
 }
 /**
  * Creates an UI control for editing a LIN identifier using a Frame as source.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The LinIdentifierFrameControl React component.
  */
-declare function LinIdentifierFrameControl({ frame, onFrameChange, onErrorsChange, showSelectMessageDialogChange, showSelectSignalDialogChange, disableSelectMessageButton, disableSelectSignalButton, hideSection, hideSelectMessageButton, showSelectSignalButton, collapsible, collapsed, collapsedChange, }: LinIdentifierFrameControlProps): import("react/jsx-runtime").JSX.Element;
+declare function LinIdentifierFrameControl({ frame, onFrameChange, onErrorsChange, parentDialogTitle, fullScreen, nodeIdentifier, sourceIdFilter, disableSelectMessageButton, hideSection, hideSelectMessageButton, collapsible, collapsed, collapsedChange, }: LinIdentifierFrameControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the LinIdentifierGeneratorControl React component.
  */
@@ -136,15 +153,15 @@ interface LinIdentifierGeneratorControlProps {
     maxLinIdentifier: string;
     /**
      * Callback that will be called when the LIN identifier(s) has changed.
-     * @param newLinIdentifier The new constant LIN identifier.
-     * @param newIdentifierGeneratorType The new generator type.
-     * @param newMinLinIdentifier The new min LIN identifier.
-     * @param newMaxLinIdentifier The new max LIN identifier.
+     * @param newLinIdentifier - The new constant LIN identifier.
+     * @param newIdentifierGeneratorType - The new generator type.
+     * @param newMinLinIdentifier - The new min LIN identifier.
+     * @param newMaxLinIdentifier - The new max LIN identifier.
      */
     onChange: (newLinIdentifier: string, newIdentifierGeneratorType: linIdentifierGeneratorType, newMinLinIdentifier: string, newMaxLinIdentifier: string) => void;
     /**
      * Callback that will be called when the errors state has changed.
-     * @param errors The new errors state.
+     * @param errors - The new errors state.
      */
     onErrorsChange?: (errors: boolean) => void;
     /** The current error state. */
@@ -157,24 +174,37 @@ interface LinIdentifierGeneratorControlProps {
     collapsed?: boolean;
     /**
      * Callback that will be called when collapse state has changed.
-     * @param value The new collapse state.
+     * @param value - The new collapse state.
      */
     collapsedChange?: (value: boolean) => void;
-    /**
-     * Callback for specifying if the select message dialog should be visible.
-     */
-    showSelectMessageDialogChange: (value: boolean) => void;
     /**
      * Callback for specifying if the signal values table should be visible.
      */
     showSignalValuesTable: (value: boolean) => void;
+    /**
+     * Name of a parent dialog, if any, that is used as the parent for the select message dialog.
+     * Leave undefined if there is no parent dialog.
+     */
+    parentDialogTitle?: string;
+    /** Set to true if the select message dialog should be a full screen dialog. */
+    fullScreen?: boolean;
+    /**
+     * Identifier of the node that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    nodeIdentifier?: string;
+    /**
+     * The source identifier that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    sourceIdFilter?: string;
 }
 /**
  * Creates an UI control for editing LIN identifier(s) used by a message generator.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The LinIdentifierGeneratorControl React component.
  */
-declare function LinIdentifierGeneratorControl({ linIdentifier, identifierGeneratorType, minLinIdentifier, maxLinIdentifier, onChange, onErrorsChange, linIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, showSelectMessageDialogChange, showSignalValuesTable, }: LinIdentifierGeneratorControlProps): import("react/jsx-runtime").JSX.Element;
+declare function LinIdentifierGeneratorControl({ linIdentifier, identifierGeneratorType, minLinIdentifier, maxLinIdentifier, onChange, onErrorsChange, linIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, showSignalValuesTable, parentDialogTitle, fullScreen, nodeIdentifier, sourceIdFilter, }: LinIdentifierGeneratorControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the LinIdentifierGeneratorSettingsControl React component.
  */
@@ -183,12 +213,12 @@ interface LinIdentifierGeneratorSettingsControlProps {
     settings: PeriodicTransmissionSettings;
     /**
      * Callback that will be called when the settings are updated after the LIN identifiers have changed.
-     * @param value The new settings object.
+     * @param value - The new settings object.
      */
     onSettingsChange: (value: PeriodicTransmissionSettings) => void;
     /**
      * Callback that will be called when the errors state has changed.
-     * @param errors The new errors state.
+     * @param errors - The new errors state.
      */
     onErrorsChange?: (errors: boolean) => void;
     /** The current error state. */
@@ -201,24 +231,37 @@ interface LinIdentifierGeneratorSettingsControlProps {
     collapsed?: boolean;
     /**
      * Callback that will be called when collapse state has changed.
-     * @param value The new collapse state.
+     * @param value - The new collapse state.
      */
     collapsedChange?: (value: boolean) => void;
-    /**
-     * Callback for specifying if the select message dialog should be visible.
-     */
-    showSelectMessageDialogChange: (value: boolean) => void;
     /**
      * Callback for specifying if the signal values table should be visible.
      */
     showSignalValuesTable: (value: boolean) => void;
+    /**
+     * Name of a parent dialog, if any, that is used as the parent for the select message dialog.
+     * Leave undefined if there is no parent dialog.
+     */
+    parentDialogTitle?: string;
+    /** Set to true if the select message dialog should be a full screen dialog. */
+    fullScreen?: boolean;
+    /**
+     * Identifier of the node that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    nodeIdentifier?: string;
+    /**
+     * The source identifier that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    sourceIdFilter?: string;
 }
 /**
  * Creates an UI control for editing LIN identifier(s) used by a message generator
  * using a PeriodicTransmissionSettings as source.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The LinIdentifierGeneratorSettingsControl React component.
  */
-declare function LinIdentifierGeneratorSettingsControl({ settings, onSettingsChange, onErrorsChange, linIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, showSelectMessageDialogChange, showSignalValuesTable, }: LinIdentifierGeneratorSettingsControlProps): import("react/jsx-runtime").JSX.Element;
+declare function LinIdentifierGeneratorSettingsControl({ settings, onSettingsChange, onErrorsChange, linIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, showSignalValuesTable, parentDialogTitle, fullScreen, nodeIdentifier, sourceIdFilter, }: LinIdentifierGeneratorSettingsControlProps): import("react/jsx-runtime").JSX.Element;
 export default LinIdentifierControl;
 export { type LinIdentifierControlProps, LinIdentifierControl, type LinIdentifierFrameControlProps, LinIdentifierFrameControl, type LinIdentifierGeneratorControlProps, LinIdentifierGeneratorControl, type LinIdentifierGeneratorSettingsControlProps, LinIdentifierGeneratorSettingsControl, };

package/dist/controls/LocalizedStrings.d.ts

@@ -11,6 +11,7 @@ export type StringsMap = {
     [key: string]: string;
 };
 /**
+ * @internal
  * Default ILocalizedStrings implementation.
  */
 export declare class LocalizedStrings implements ILocalizedStrings {

package/dist/controls/NumberRangeControl.d.ts

@@ -8,28 +8,28 @@ export interface NumberRangeControlProps {
     maxValue: string;
     /**
      * Callback that is called on a change event.
-     * @param newMinValue The new min value.
-     * @param newMaxValue The new max value.
+     * @param newMinValue - The new min value.
+     * @param newMaxValue - The new max value.
      */
     onChange?: (newMinValue: string, newMaxValue: string) => void;
     /**
      * Callback that is called on a blur event.
-     * @param newMinValue The new min value.
-     * @param newMaxValue The new max value.
+     * @param newMinValue - The new min value.
+     * @param newMaxValue - The new max value.
      */
     onBlur?: (newMinValue: string, newMaxValue: string) => void;
     /** The current min error state. */
     minError?: boolean;
     /**
      * Callback that is called when the min errors state has changed.
-     * @param errors The new min errors state.
+     * @param errors - The new min errors state.
      */
     onMinErrorChange?: (errors: boolean) => void;
     /** The current max error state. */
     maxError?: boolean;
     /**
      * Callback that is called when the max errors state has changed.
-     * @param errors The new max errors state.
+     * @param errors - The new max errors state.
      */
     onMaxErrorChange?: (errors: boolean) => void;
     /**
@@ -38,8 +38,8 @@ export interface NumberRangeControlProps {
      * won't be called.
      * The implemtation of this callback is allowed to modify the specified value and return
      * the modified value in the val property of the returned object.
-     * @param value The new text value.
-     * @param trigger The trigger of this callback, either on 'change' or on 'blur'.
+     * @param value - The new text value.
+     * @param trigger - The trigger of this callback, either on 'change' or on 'blur'.
      * @returns An object with the validated text value (val) and an error state (err).
      */
     onMinValidate?: (value: string, trigger: 'change' | 'blur') => {
@@ -52,8 +52,8 @@ export interface NumberRangeControlProps {
      * won't be called.
      * The implemtation of this callback is allowed to modify the specified value and return
      * the modified value in the val property of the returned object.
-     * @param value The new text value.
-     * @param trigger The trigger of this callback, either on 'change' or on 'blur'.
+     * @param value - The new text value.
+     * @param trigger - The trigger of this callback, either on 'change' or on 'blur'.
      * @returns An object with the validated text value (val) and an error state (err).
      */
     onMaxValidate?: (value: string, trigger: 'change' | 'blur') => {
@@ -73,7 +73,7 @@ export interface NumberRangeControlProps {
 }
 /**
  * Creates a number range control.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The NumberRangeControl React component.
  */
 declare function NumberRangeControl({ minValue, maxValue, onChange, onBlur, minError, onMinErrorChange, maxError, onMaxErrorChange, onMinValidate, onMaxValidate, minDisabled, maxDisabled, unit, lowerLimit, upperLimit, }: NumberRangeControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/controls/RadioControl.d.ts

@@ -18,7 +18,7 @@ export interface RadioControlProps {
 }
 /**
  * Creates a radio button control.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The RadioControl React component.
  */
 declare function RadioControl({ id, label, value, disabled, size, sx, }: RadioControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/controls/RadioGroupControl.d.ts

@@ -18,13 +18,13 @@ export interface RadioGroupControlProps {
     value: string;
     /**
      * Callback that is called when a new radio button has been selected.
-     * @param value The new value.
+     * @param value - The new value.
      */
     onChange: (value: string) => void;
 }
 /**
  * Creates a radio button group control.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The RadioGroupControl React component.
  */
 declare function RadioGroupControl({ children, id, value, onChange, }: React.PropsWithChildren<RadioGroupControlProps>): import("react/jsx-runtime").JSX.Element;

package/dist/controls/SectionControl.d.ts

@@ -27,13 +27,13 @@ export interface SectionControlProps {
     collapsed?: boolean;
     /**
      * Callback that will be called when this section has been collpsed or expanded.
-     * @param value The new collapsed state.
+     * @param value - The new collapsed state.
      */
     collapsedChange?: (value: boolean) => void;
 }
 /**
  * Creates a section control.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The SectionControl React component.
  */
 declare function SectionControl({ textAlign, text, summary, children, collapsible, collapsed, collapsedChange, }: SectionControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/controls/SelectControl.d.ts

@@ -25,7 +25,7 @@ export interface SelectControlProps {
     value: number | '';
     /**
      * Callback that will be called when a new option has been selected.
-     * @param value The new selected value.
+     * @param value - The new selected value.
      */
     onChange: (value: number | '') => void;
     /** Set to true to disable this control. */
@@ -48,7 +48,7 @@ export interface SelectControlProps {
 }
 /**
  * Creates a select control.
- * @param props Component properties.
+ * @param props - Component properties.
  * @returns The SelectControl React component.
  */
 declare function SelectControl({ id, label, showLabel, helperText, options, value, onChange, disabled, required, margin, size, fullWidth, minWidth, prefixTextWithValue, }: SelectControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/controls/SelectMessageDialog.d.ts

@@ -4,6 +4,10 @@ import { FrameDefinition } from '../models';
  */
 export interface IMessageDatabase {
     name: string;
+    sources: {
+        identifier: string;
+        name: string;
+    }[];
     messages: FrameDefinition[];
 }
 /**
@@ -14,15 +18,40 @@ export declare const useMessageDatabases: (nodeIdentifier?: string) => IMessageD
  * Properties of the SelectMessageDialog React component.
  */
 export interface SelectMessageDialogProps {
+    /**
+     * Optional title of the parent dialog to be shown in the title bar as a breadcrumb.
+     */
     parentDialogTitle?: string;
-    open: boolean;
-    onSelect: (message: FrameDefinition) => void;
+    /**
+     * Optional node identifier to limit the databases to those available on the specified node.
+     * If not specified, all databases available in the system will be shown.
+     */
     nodeIdentifier?: string;
+    /**
+     * The source identifier that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    sourceIdFilter?: string;
+    /**
+     * If true, the dialog is open.
+     */
+    open: boolean;
+    /**
+     * Callback that is called when a message is selected.
+     * The selected message and source identifier are passed as parameters.
+     */
+    onSelect: (message: FrameDefinition, sourceId: string) => void;
+    /**
+     * Callback that is called when the dialog is closed.
+     */
     onClose: () => void;
+    /**
+     * Whether the dialog should be modal or not. Default is false.
+     */
     modal?: boolean;
 }
 /**
  * A react component to be used for opening a select database message dialog.
  */
-declare function SelectMessageDialog({ parentDialogTitle, open, onSelect, nodeIdentifier, onClose, modal, }: SelectMessageDialogProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectMessageDialog({ parentDialogTitle, open, onSelect, nodeIdentifier, sourceIdFilter, onClose, modal, }: SelectMessageDialogProps): import("react/jsx-runtime").JSX.Element;
 export default SelectMessageDialog;

package/dist/controls/SelectSignalDialog.d.ts

@@ -1,21 +1,123 @@
 import { FrameDefinition, SignalDefinition } from '../models';
+/**
+ * Information about a selected signal.
+ */
+export interface SelectedSignalInfo {
+    /** The source identifier of the selected signal. */
+    sourceId: string;
+    /** The qualified name of the selected signal. */
+    qualifiedName: string;
+}
+/**
+ * Arguments for the SelectedSignalInfo change event.
+ * Includes the message definition containing the signal.
+ */
+export interface SelectedSignalInfoChangeArgs extends SelectedSignalInfo {
+    /** The message definition containing the signal. */
+    message: FrameDefinition;
+}
 /**
  * Properties of the SelectSignalDialog React component.
  */
 export interface SelectSignalDialogProps {
+    /** Optional title of the parent dialog to be shown in the title bar as a breadcrumb. */
     parentDialogTitle?: string;
+    /**
+     * Optional node identifier to limit the databases to those available on the specified node.
+     * If not specified, all databases available in the system will be shown.
+     */
     nodeIdentifier?: string;
+    /**
+     * The source identifier that will be used to filter messages in the select dialog.
+     * Leave undefined if no filtering should be done.
+     */
+    sourceIdFilter?: string;
+    /** Whether the dialog is open. */
     open: boolean;
+    /**
+     * Optional array of initially selected message qualified names.
+     * Only used if multiSelect is true.
+     * If not specified, no messages are initially selected.
+     * If specified, the messages with the specified qualified names will be initially selected.
+     * Signals of the selected messages will also be selected.
+     * @deprecated Use selectedSignalInfos instead.
+     */
     selectedMessages?: string[];
+    /**
+     * Optional array of initially selected signal qualified names.
+     * Only used if multiSelect is true.
+     * If not specified, no signals are initially selected.
+     * If specified, the signals with the specified qualified names will be initially selected.
+     * @deprecated Use selectedSignalInfos instead.
+     */
     selectedSignals?: string[];
+    /**
+     * Optional array of initially selected signal informations.
+     * Only used if multiSelect is true.
+     * If not specified, no signals are initially selected.
+     * If specified, the signals with the specified informations will be initially selected.
+     */
+    selectedSignalInfos?: SelectedSignalInfo[];
+    /**
+     * If true, multiple signals can be selected.
+     * If false, only a single signal can be selected.
+     * Default is false.
+     */
     multiSelect?: boolean;
+    /**
+     * If true, checkboxes are shown for multi selection.
+     * Only used if multiSelect is true.
+     * Default is false.
+     */
     checkboxSelection?: boolean;
+    /**
+     * Callback function that is called when a signal is selected.
+     * Only used if multiSelect is false.
+     * The function receives the selected message and signal as parameters.
+     * If not specified, nothing happens when a signal is selected.
+     * After calling the onSelect callback, the onClose callback is called.
+     * @deprecated Use onSelectSignalInfo instead.
+     */
     onSelect?: (message: FrameDefinition, signal: SignalDefinition) => void;
+    /**
+     * Callback function that is called when a signal is selected.
+     * The function receives the selected signal information as parameter.
+     * Only used if multiSelect is false.
+     * If not specified, nothing happens when a signal is selected.
+     * After calling the onSelectSignalInfo callback, the onClose callback is called.
+     */
+    onSelectSignalInfo?: (args: SelectedSignalInfoChangeArgs) => void;
+    /**
+     * Callback function that is called when signals are selected and the Save button is clicked.
+     * Only used if multiSelect is true.
+     * The function receives the selected messages and signals as parameters.
+     * If not specified, nothing happens when the Save button is clicked.
+     * After calling the onMultiSelect callback, the onClose callback is called.
+     * @deprecated Use onMultiSelectSignalInfos instead.
+     */
     onMultiSelect?: (messages: FrameDefinition[], signals: SignalDefinition[]) => void;
+    /**
+     * Callback function that is called when multiple signals are selected and the Save button is clicked.
+     * Only used if multiSelect is true.
+     * The function receives an array of selected signal informations as parameter.
+     * If not specified, nothing happens when the Save button is clicked.
+     * After calling the onMultiSelectSignalInfos callback, the onClose callback is called.
+     */
+    onMultiSelectSignalInfos?: (args: SelectedSignalInfoChangeArgs[]) => void;
+    /**
+     * Callback function that is called when the dialog should be closed.
+     * Set the open property to false to close the dialog.
+     */
     onClose: () => void;
+    /**
+     * If true, the dialog is shown as a modal dialog.
+     * If false, the dialog is shown as a full screen dialog.
+     * Default is false.
+     */
+    modal?: boolean;
 }
 /**
  * A react component to be used for opening a select database message signal(s) dialog.
  */
-declare function SelectSignalDialog({ parentDialogTitle, nodeIdentifier, open, multiSelect, checkboxSelection, onSelect, onMultiSelect, onClose, selectedMessages, selectedSignals, }: SelectSignalDialogProps): import("react/jsx-runtime").JSX.Element;
+declare function SelectSignalDialog({ parentDialogTitle, nodeIdentifier, sourceIdFilter, open, multiSelect, checkboxSelection, onSelect, onSelectSignalInfo, onMultiSelect, onMultiSelectSignalInfos, onClose, selectedMessages, selectedSignals, selectedSignalInfos, modal, }: SelectSignalDialogProps): import("react/jsx-runtime").JSX.Element;
 export default SelectSignalDialog;

package/dist/controls/SelectSignalsControl.d.ts

@@ -0,0 +1,44 @@
+/**
+ * This module includes a Signal Selection.
+ *
+ * To be able to use these controls the CanKingDataProvider component must be present in the
+ * component tree above your component. Normally the CanKingDataProvider is added
+ * at the root of the component tree.
+ *
+ * @packageDocumentation
+ */
+import { SelectedSignalInfo, SelectedSignalInfoChangeArgs } from '.';
+/**
+ * Properties of the SelectSignalsControl component.
+ */
+export interface SelectSignalsControlProps {
+    /**
+     * Currently selected signals.
+     * @deprecated Use selectedSignalInfos instead.
+     */
+    selectedSignals?: string[];
+    /** Currently selected signal infos. */
+    selectedSignalInfos?: SelectedSignalInfo[];
+    /**
+     * Event fired when selected signals change.
+     * @deprecated Use onSelectedSignalInfosChange instead.
+     */
+    onSelectedSignalsChange?: (selectedSignals: string[]) => void;
+    /** Event fired when selected signal infos change. */
+    onSelectedSignalInfosChange?: (infos: SelectedSignalInfoChangeArgs[]) => void;
+    /** Event fired when there are errors in the selection. */
+    onErrorsChange?: (errors: boolean) => void;
+    /** Ref object that will be updated to indicate if there is an error in the signal filter. */
+    signalFilterError?: React.MutableRefObject<boolean>;
+    /** Title of the parent dialog, if any. */
+    parentDialogTitle?: string;
+    /** Node identifier to use when retrieving messages and signals. */
+    nodeIdentifier?: string;
+    /** Whether the control is disabled. */
+    disabled?: boolean;
+}
+/**
+ * A control for selecting signals from DBC files.
+ */
+declare function SelectSignalsControl({ selectedSignals, selectedSignalInfos, onSelectedSignalsChange, onSelectedSignalInfosChange, onErrorsChange, signalFilterError, parentDialogTitle, nodeIdentifier, disabled, }: SelectSignalsControlProps): import("react/jsx-runtime").JSX.Element;
+export default SelectSignalsControl;

package/dist/controls/SizedBox.d.ts

@@ -7,5 +7,6 @@ declare const SizedBox: import("@emotion/styled").StyledComponent<import("@mui/s
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     height?: number;
     width?: number;
+    padding?: string | number;
 }, {}, {}>;
 export default SizedBox;