@kvaser/canking-api 7.1.0-beta.241 → 7.2.0

package/README.md

@@ -4,49 +4,61 @@
 
 The purpose with this package is to help developers to create user interface extensions for the Kvaser CanKing bus analysis tool.
 
-Kvaser CanKing is a free of charge, general-purpose CAN and LIN bus analysis software that is compatible with all Kvaser CAN and LIN interfaces and the Kvaser virtual CAN bus. It's available on Windows (x64) and Linux (x64 and ARM).
+Kvaser CanKing is a free of charge, general-purpose CAN and LIN bus analysis software that is compatible with all Kvaser CAN
+and LIN interfaces and the Kvaser virtual CAN bus. It's available on Windows (x64) and Linux (x64 and ARM).
 
-There are a lot of functionality already included in the base version of CanKing, but it is also possible to extend the functionality and the user interface by creating extensions.
+There are a lot of functionality already included in the base version of CanKing, but it is also possible to extend the
+functionality and the user interface by creating extensions.
 
-An extension is developed as a stand-alone [React](<https://react.dev/>) web application. The web application will be hosted by an express web server inside CanKing and it will be mounted into the CanKing user interface using a webview element.
+An extension is developed as a stand-alone [React](<https://react.dev/>) web application. The web application will be hosted
+by an express web server inside CanKing and it will be mounted into the CanKing user interface using a webview element.
 
-When an extension is mounted into CanKing, then a preload script will run to inject inter-process communication (IPC) functions. These functions will make it possible for the extension to communicate with CanKing to get information and to interact with the CAN/LIN bus.
+When an extension is mounted into CanKing, then a preload script will run to inject inter-process communication (IPC)
+functions. These functions will make it possible for the extension to communicate with CanKing to get information and to
+interact with the CAN/LIN bus.
 
 The IPC functions are accessible by importing different modules from the @kvaser/canking-api package.
 
 To get or subscribe on CanKing data there are different React hooks to be used. All these can be found in the hooks module.
 
-    import { useUserSetting, useMeasurementSetup } from '@kvaser/canking-api/hooks';
-    
-    ...
+```tsx
+import { useUserSetting, useMeasurementSetup } from '@kvaser/canking-api/hooks';
 
-    const userSettings = useUserSettings();
-    const measurementSetup = useMeasurementSetup();
+...
+
+const userSettings = useUserSettings();
+const measurementSetup = useMeasurementSetup();
+```
 
 To interact with CanKing there are different functions that can be imported from the ipc module.
 
-    import { sendCanMessage } from '@kvaser/canking-api/ipc';
+```tsx
+import { sendCanMessage } from '@kvaser/canking-api/ipc';
+
+...
 
-    ...
+sendCanMessage(channelId, frameId, data, flags);
+```
 
-    sendCanMessage(channelId, frameId, data, flags);
+The @kvaser/canking-api package also includes some React components that you can use, e.g. there is a component for selecting
+channel.
 
-The @kvaser/canking-api package also includes some React components that you can use, e.g. there is a component for selecting channel.
+```tsx
+import { CanChannelSelectControl } from '@kvaser/canking-api/controls';
 
-    import { CanChannelSelectControl } from '@kvaser/canking-api/controls';
-    
-    ...
+...
 
-    function WorkspaceView() {
-      const [channelId, setChannelId] = useState('');
-      return (
-        <CanChannelSelectControl
-          channelIdentifier={channelId}
-          onChannelIdentifierChange={setChannelId}
-          hideSectionControl
-        />
-      );
-    }
+function WorkspaceView() {
+  const [channelId, setChannelId] = useState('');
+  return (
+    <CanChannelSelectControl
+      channelIdentifier={channelId}
+      onChannelIdentifierChange={setChannelId}
+      hideSectionControl
+    />
+  );
+}
+```
 
 ## Prerequisites
 
@@ -56,59 +68,71 @@ Before creating a new CanKing Extension the following softwares need to be insta
 - Kvaser CanKing: <https://kvaser.com/canking/>
 - Kvaser Drivers: <https://resources.kvaser.com/7330130980013/latest/kvaser_drivers_setup.exe>
 
-You will also need an IDE (Integrated Development Environment) to edit and debug your code. We recommende that you're using [Visual Studio Code](https://code.visualstudio.com/).
+You will also need an IDE (Integrated Development Environment) to edit and debug your code. We recommend that you're using
+[Visual Studio Code](https://code.visualstudio.com/).
 
 With Visual Studio Code you might also want to install these extensions to help you with code formatting and code analysing:
 
-- ESLint (dbaeumer.vscode-eslint)
-- Prettier - Code formatter (esbenp.prettier-vscode)
-- EditorConfig for VS Code (editorconfig.editorconfig)
+- [ESLint (dbaeumer.vscode-eslint)](<https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint>)
+- [Prettier - Code formatter (esbenp.prettier-vscode)](<https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode>)
+- [EditorConfig for VS Code (editorconfig.editorconfig)](<https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig>)
 
 ## Generate a new CanKing Extension project
 
-The simplest way to create a new CanKing Extension project is to use the script that is included in the [@kvaser/create-canking-extension](<https://www.npmjs.com/package/@kvaser/create-canking-extension>) package. The script is used like this:
+The simplest way to create a new CanKing Extension project is to use the script that is included in the
+[@kvaser/create-canking-extension](<https://www.npmjs.com/package/@kvaser/create-canking-extension>) package. The script is
+used like this:
 
-    npm create @kvaser/canking-extension@latest
+```bash
+npm create @kvaser/canking-extension@latest
+```
 
 Then follow the prompts.
 
-You can also directly specify a project name via a command line argument.
+You can also specify a project name via a command line argument.
 
-    npm create @kvaser/canking-extension@latest my-ck-extension
+```bash
+npm create @kvaser/canking-extension@latest my-ck-extension
+```
 
-This command will create a new project in a new folder with the same name as the specified project name.
+This command will create a new project in a new folder with the same name as the specified project name (my-ck-extension).
 You can use `.` for the project name to scaffold your project in the current directory.
 
 The command above will create a folder structure like this:
 
-    my-ck-extension
-    │   .gitignore
-    │   .prettierrc
-    │   eslint.config.mjs
-    │   index.html
-    │   package.json
-    │   tsconfig.app.json
-    │   tsconfig.json
-    │   tsconfig.node.json
-    │   vite.config.ts
+```text
+my-ck-extension
+│   .gitignore
+│   .prettierrc
+│   eslint.config.mjs
+│   index.html
+│   package.json
+│   tsconfig.app.json
+│   tsconfig.json
+│   tsconfig.node.json
+│   vite.config.ts
+│
+├───.vscode
+│       launch.json
+│
+└───src
+    │   App.tsx
+    │   main.tsx
+    │   vite-env.d.ts
     │
-    ├───.vscode
-    │       launch.json
+    ├───assets
+    │       icon.png
     │
-    └───src
-        │   App.tsx
-        │   main.tsx
-        │   vite-env.d.ts
-        │
-        ├───assets
-        │       icon.png
-        │
-        └───WorkspaceView
-                index.tsx
+    └───WorkspaceView
+            index.tsx
+```
 
-The project follows a similar file structure as the one that is created for a [Vite](<https://vite.dev/>) project created using the react-ts template. There are some extra information added to the package.json file that are needed for CanKing and the src files are modified to be used inside CanKing.
+The project follows a similar file structure as the one that is created for a [Vite](<https://vite.dev/>) project created
+using the react-ts template. There are some extra information added to the package.json file that are needed for CanKing and
+the src files are modified to be used inside CanKing.
 
-The my-ck-extension/src/WorkspaceView/index.tsx file is the file that includes the React component that will be mounted into CanKing, so this is the file you should implement to create your extension.
+The my-ck-extension/src/WorkspaceView/index.tsx file is the file that includes the React component that will be mounted into
+CanKing, so this is the file you should implement to create your extension.
 
 ## Develop a CanKing Extension
 
@@ -120,7 +144,9 @@ so this is the component that should be implemented to implement the extension.
 
 To run the extension from command line enter:
 
-    npm run start
+```bash
+npm run start
+```
 
 To run the extension using Visual Studio Code debugger:
 
@@ -130,11 +156,15 @@ To run the extension using Visual Studio Code debugger:
 
 To run a production build of the extension you can enter this command:
 
-    npm run startpreview
+```bash
+npm run startpreview
+```
 
 If you need more information and help about how to interact with CanKing then you can run this command:
 
-    npx @kvaser/canking-api --help
+```bash
+npx @kvaser/canking-api --help
+```
 
 This will open up a help file in your web browser.
 
@@ -142,10 +172,14 @@ This will open up a help file in your web browser.
 
 To package your extension for distribution you should run this command from the command line:
 
-    npm pack
+```bash
+npm pack
+```
 
 This command will create a tarball file in the root folder of your project called:
 
-    <project-name>-<version>.tgz
+```text
+<project-name>-<version>.tgz
+```
 
 This tarball can then be installed in CanKing using the head menu 'More'->'Extensions'->'Install'.

package/REDISTRIBUTABLES.txt

@@ -1,5 +1,91 @@
 Redistributable files in Kvaser CanKing GUI Extensions SDK
 ===================================================================================================
 
-All files in the dist folder and in its sub-folders may be redistributed with your application,
-provided they are only used together with genuine Kvaser hardware.
+The following files in the dist folder and in its sub-folders may be redistributed with your
+application, provided they are only used together with genuine Kvaser hardware.
+
+dist
+│   controls.js
+│   controls.mjs
+│   ElectronAPIFake.js
+│   ElectronAPIFake.mjs
+│   grpc.js
+│   grpc.mjs
+│   hooks.js
+│   hooks.mjs
+│   icons.js
+│   icons.mjs
+│   index.d.ts
+│   index.js
+│   index.mjs
+│   ipc.js
+│   ipc.mjs
+│   measurement_settings.js
+│   measurement_settings.mjs
+│   models.js
+│   models.mjs
+│   status_params.js
+│   status_params.mjs
+│
+├───controls
+│       CanChannelSelectControl.d.ts
+│       CanIdentifierControl.d.ts
+│       CanKingDataProvider.d.ts
+│       CheckboxControl.d.ts
+│       ContextMenu.d.ts
+│       DropdownButton.d.ts
+│       DropdownPanel.d.ts
+│       FillBox.d.ts
+│       FormControlRow.d.ts
+│       index.d.ts
+│       InlineEditor.d.ts
+│       LinChannelSelectControl.d.ts
+│       LinIdentifierControl.d.ts
+│       LocalizedStrings.d.ts
+│       NumberRangeControl.d.ts
+│       OneLineButton.d.ts
+│       RadioControl.d.ts
+│       RadioGroupControl.d.ts
+│       SectionControl.d.ts
+│       SelectControl.d.ts
+│       SizedBox.d.ts
+│       TableControl.d.ts
+│       TabsPanel.d.ts
+│       TextControl.d.ts
+│       ToolbarControl.d.ts
+│       ValidateableTextControl.d.ts
+│
+├───grpc
+│       index.d.ts
+│
+├───hooks
+│       index.d.ts
+│
+├───icons
+│       index.d.ts
+│
+├───ipc
+│       index.d.ts
+│
+├───models
+│       DataBuffer.d.ts
+│       ElectronAPIFake.d.ts
+│       index.d.ts
+│       Point.d.ts
+│
+└───protos
+    │   app_params.d.ts
+    │   app_service.d.ts
+    │   common_params.d.ts
+    │   device_params.d.ts
+    │   device_service.d.ts
+    │   frame_params.d.ts
+    │   measurement_params.d.ts
+    │   measurement_service.d.ts
+    │   measurement_settings.d.ts
+    │   signal_params.d.ts
+    │   status_params.d.ts
+    │
+    └───google
+        └───protobuf
+                empty.d.ts

package/dist/ElectronAPIFake.js

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var g=(r,e,s)=>e in r?p(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var t=(r,e,s)=>g(r,typeof e!="symbol"?e+"":e,s);require("long");const v=require("./measurement_settings.js");class d{constructor(e){t(this,"userSettings");this.userSettings=e}on(e,s){return()=>{}}once(e,s){return()=>{}}removeAllListeners(e){}removeListener(e,s){return this}send(e,...s){}invoke(e,...s){switch(e){case"rpc-get-devices":const n=[];return Promise.resolve(n);case"app-get-session-data":return Promise.resolve(null);case"app-get-user-settings":return Promise.resolve(this.userSettings);case"rpc-get-online-status":const o={isOnline:!1};return Promise.resolve(o);case"rpc-get-node-statuses":const c=[];return Promise.resolve(c);case"prj-get-meas-setup":return Promise.resolve(v.MeasurementSetup.create());case"prj-get-workspaces":const i=[];return Promise.resolve(i);case"prj-get-workspace-panes":const l=[];return Promise.resolve(l);case"app-get-workspace-view-session-data":case"rpc-start-periodic-transmission":return Promise.resolve("");case"rpc-get-message-log-file-formats":const u=[];return Promise.resolve(u);case"rpc-get-frame-definitions":const m=[];return Promise.resolve(m);case"mm-get-measurement-data-buffer":case"mm-get-latest-measurement-data":return Promise.resolve(frames);default:return Promise.resolve()}}postMessage(e,s,n){}sendSync(e,...s){}sendTo(e,s,...n){}sendToHost(e,...s){}}class P{insertCSS(e){return""}setZoomFactor(e){}setZoomLevel(e){}}class F{constructor(){t(this,"platform");t(this,"versions");t(this,"env")}}const a=r=>{const e={version:"1.0.0",theme:"light",language:"en",strings:{},showToolsPanel:!0,useHexNumericBase:!0,maxDataBytes:16,defaultProjectFolder:"",currentProjectFile:"",currentProjectFileName:"",recentProjectFiles:[],closeAppServiceAction:"prompt"};return{ipcRenderer:new d(r??e),webFrame:new P,process:new F}},f=a();exports.createElectronApiFake=a;exports.electronApiFake=f;
+"use strict";var p=Object.defineProperty;var d=(r,e,s)=>e in r?p(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s;var t=(r,e,s)=>d(r,typeof e!="symbol"?e+"":e,s);require("long");const v=require("./measurement_settings.js");class F{constructor(e){t(this,"userSettings");this.userSettings=e}on(e,s){return()=>{}}once(e,s){return()=>{}}removeAllListeners(e){}removeListener(e,s){return this}send(e,...s){}invoke(e,...s){switch(e){case"rpc-get-devices":const n=[];return Promise.resolve(n);case"app-get-session-data":return Promise.resolve(null);case"app-get-user-settings":return Promise.resolve(this.userSettings);case"rpc-get-online-status":const o={isOnline:!1};return Promise.resolve(o);case"rpc-get-node-statuses":const c=[];return Promise.resolve(c);case"prj-get-meas-setup":return Promise.resolve(v.MeasurementSetup.create());case"prj-get-workspaces":const i=[];return Promise.resolve(i);case"prj-get-workspace-panes":const l=[];return Promise.resolve(l);case"app-get-workspace-view-session-data":case"rpc-start-periodic-transmission":return Promise.resolve("");case"rpc-get-message-log-file-formats":const u=[];return Promise.resolve(u);case"rpc-get-signal-log-file-formats":const m=[];return Promise.resolve(m);case"rpc-get-frame-definitions":const g=[];return Promise.resolve(g);case"mm-get-measurement-data-buffer":case"mm-get-latest-measurement-data":return Promise.resolve(frames);default:return Promise.resolve()}}postMessage(e,s,n){}sendSync(e,...s){}sendTo(e,s,...n){}sendToHost(e,...s){}}class f{insertCSS(e){return""}setZoomFactor(e){}setZoomLevel(e){}}class P{constructor(){t(this,"platform");t(this,"versions");t(this,"env")}}const a=r=>{const e={version:"1.0.0",theme:"light",language:"en",strings:{},showToolsPanel:!0,useHexNumericBase:!0,maxDataBytes:16,defaultProjectFolder:"",defaultLogFilesFolder:"",defaultCANDatabasesFolder:"",defaultLINDatabasesFolder:"",currentProjectFile:"",currentProjectFileName:"",recentProjectFiles:[],closeAppServiceAction:"prompt"};return{ipcRenderer:new F(r??e),webFrame:new f,process:new P}},h=a();exports.createElectronApiFake=a;exports.electronApiFake=h;

package/dist/ElectronAPIFake.mjs

@@ -1,8 +1,8 @@
-var u = Object.defineProperty;
-var p = (r, e, s) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s;
-var t = (r, e, s) => p(r, typeof e != "symbol" ? e + "" : e, s);
+var p = Object.defineProperty;
+var g = (r, e, s) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s;
+var t = (r, e, s) => g(r, typeof e != "symbol" ? e + "" : e, s);
 import "long";
-import { ab as g } from "./measurement_settings.mjs";
+import { aI as d } from "./measurement_settings.mjs";
 class v {
   /**
    * Creates a new IpcRendererFake.
@@ -110,7 +110,7 @@ class v {
         const o = [];
         return Promise.resolve(o);
       case "prj-get-meas-setup":
-        return Promise.resolve(g.create());
+        return Promise.resolve(d.create());
       case "prj-get-workspaces":
         const c = [];
         return Promise.resolve(c);
@@ -123,9 +123,12 @@ class v {
       case "rpc-get-message-log-file-formats":
         const l = [];
         return Promise.resolve(l);
-      case "rpc-get-frame-definitions":
+      case "rpc-get-signal-log-file-formats":
         const m = [];
         return Promise.resolve(m);
+      case "rpc-get-frame-definitions":
+        const u = [];
+        return Promise.resolve(u);
       case "mm-get-measurement-data-buffer":
       case "mm-get-latest-measurement-data":
         return Promise.resolve(frames);
@@ -190,7 +193,7 @@ class v {
   sendToHost(e, ...s) {
   }
 }
-class d {
+class f {
   /**
    * A key for the inserted CSS that can later be used to remove the CSS via
    * `webFrame.removeInsertedCSS(key)`.
@@ -222,7 +225,7 @@ class d {
   setZoomLevel(e) {
   }
 }
-class P {
+class F {
   constructor() {
     /**
      * The process.platform property returns a string identifying the operating system platform
@@ -239,7 +242,7 @@ class P {
     t(this, "env");
   }
 }
-const f = (r) => {
+const P = (r) => {
   const e = {
     version: "1.0.0",
     theme: "light",
@@ -249,6 +252,9 @@ const f = (r) => {
     useHexNumericBase: !0,
     maxDataBytes: 16,
     defaultProjectFolder: "",
+    defaultLogFilesFolder: "",
+    defaultCANDatabasesFolder: "",
+    defaultLINDatabasesFolder: "",
     currentProjectFile: "",
     currentProjectFileName: "",
     recentProjectFiles: [],
@@ -256,11 +262,11 @@ const f = (r) => {
   };
   return {
     ipcRenderer: new v(r ?? e),
-    webFrame: new d(),
-    process: new P()
+    webFrame: new f(),
+    process: new F()
   };
-}, w = f();
+}, S = P();
 export {
-  f as c,
-  w as e
+  P as c,
+  S as e
 };

package/dist/controls/CanIdentifierControl.d.ts

@@ -12,7 +12,7 @@ import { PeriodicTransmissionSettings, WriteFrame } from '../models';
 /** Possible CAN identifier types, standard (11-bits) or extended (29-bits). */
 export type canIdentifierType = 'standard' | 'extended';
 /** Possible CAN identifier generator types. */
-type identifierGeneratorType = 'constant' | 'random' | 'scan';
+export type canIdentifierGeneratorType = 'constant' | 'random' | 'scan';
 /**
  * Properties of the CanIdentifierControl React component.
  */
@@ -23,7 +23,8 @@ interface CanIdentifierControlProps {
     canIdentifierType: canIdentifierType;
     /**
      * Callback that will be called when the CAN identifier has changed.
-     * @param value The new CAN identifier.
+     * @param identifier The new CAN identifier.
+     * @param idType The new CAN identifier type.
      */
     onCanIdentifierChange: (identifier: string, idType: canIdentifierType) => void;
     /**
@@ -31,10 +32,28 @@ interface CanIdentifierControlProps {
      * @param errors The new errors state.
      */
     onErrorsChange?: (errors: boolean) => void;
-    /** Set to true if this control shouldn't be encapsulated inside a SectionControl. */
-    hideSection?: 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.
+     */
+    showSelectMessageDialogChange?: (value: boolean) => void;
+    /**
+     * Callback that will be called when the select signal dialog has been opened or closed.
+     * @param value The new show select signal dialog state.
+     */
+    showSelectSignalDialogChange?: (value: boolean) => void;
     /** Set to true to disable this control. */
     disabled?: boolean;
+    /** 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. */
+    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, ignored if hideSectionControl is true. */
     collapsible?: boolean;
     /** Current collapse state of the SectionControl. */
@@ -50,7 +69,7 @@ interface CanIdentifierControlProps {
  * @param props Component properties.
  * @returns The CanIdentifierControl React component.
  */
-declare function CanIdentifierControl({ canIdentifier, canIdentifierType, onCanIdentifierChange, onErrorsChange, hideSection, disabled, collapsible, collapsed, collapsedChange, }: CanIdentifierControlProps): import("react/jsx-runtime").JSX.Element;
+declare function CanIdentifierControl({ canIdentifier, canIdentifierType, onCanIdentifierChange, onErrorsChange, showSelectMessageDialogChange, showSelectSignalDialogChange, disabled, disableSelectMessageButton, disableSelectSignalButton, hideSection, hideSelectMessageButton, showSelectSignalButton, collapsible, collapsed, collapsedChange, }: CanIdentifierControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the CanIdentifierFrameControl React component.
  */
@@ -67,8 +86,26 @@ interface CanIdentifierFrameControlProps {
      * @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.
+     */
+    showSelectMessageDialogChange?: (value: boolean) => void;
+    /**
+     * Callback that will be called when the select signal dialog has been opened or closed.
+     * @param value The new show select signal dialog state.
+     */
+    showSelectSignalDialogChange?: (value: boolean) => void;
+    /** 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. */
+    hideSelectMessageButton?: boolean;
+    /** Set to true if the select signal button should be visible. */
+    showSelectSignalButton?: boolean;
     /** Set to true if the SectionControl should be collapsible. */
     collapsible?: boolean;
     /** Current collapse state of the SectionControl. */
@@ -84,7 +121,7 @@ interface CanIdentifierFrameControlProps {
  * @param props Component properties.
  * @returns The CanIdentifierFrameControl React component.
  */
-declare function CanIdentifierFrameControl({ frame, onFrameChange, onErrorsChange, hideSection, collapsible, collapsed, collapsedChange, }: CanIdentifierFrameControlProps): import("react/jsx-runtime").JSX.Element;
+declare function CanIdentifierFrameControl({ frame, onFrameChange, onErrorsChange, showSelectMessageDialogChange, showSelectSignalDialogChange, disableSelectMessageButton, disableSelectSignalButton, hideSection, hideSelectMessageButton, showSelectSignalButton, collapsible, collapsed, collapsedChange, }: CanIdentifierFrameControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the CanIdentifierGeneratorControl React component.
  */
@@ -97,7 +134,7 @@ interface CanIdentifierGeneratorControlProps {
      * 'random': A random CAN identifier between minCanIdentifier and maxCanIdentifier will be used.
      * 'scan': A CAN identifier will be picked from minCanIdentifier to maxCanIdentifier.
      */
-    identifierGeneratorType: identifierGeneratorType;
+    identifierGeneratorType: canIdentifierGeneratorType;
     /** The min CAN identifier that will be used if identifierGeneratorType is 'random' or 'scan'. */
     minCanIdentifier: string;
     /** The max CAN identifier that will be used if identifierGeneratorType is 'random' or 'scan'. */
@@ -111,7 +148,7 @@ interface CanIdentifierGeneratorControlProps {
      * @param newMinCanIdentifier The new min CAN identifier.
      * @param newMaxCanIdentifier The new max CAN identifier.
      */
-    onChange: (newCanIdentifier: string, newIdentifierGeneratorType: identifierGeneratorType, newMinCanIdentifier: string, newMaxCanIdentifier: string, newIdentifierType: canIdentifierType) => void;
+    onChange: (newCanIdentifier: string, newIdentifierGeneratorType: canIdentifierGeneratorType, newMinCanIdentifier: string, newMaxCanIdentifier: string, newIdentifierType: canIdentifierType) => void;
     /**
      * Callback that will be called when the errors state has changed.
      * @param errors The new errors state.

package/dist/controls/ColumnItemControl.d.ts

@@ -9,7 +9,7 @@
  * @packageDocumentation
  */
 import React from 'react';
-interface ColumnItem {
+export interface ColumnItem {
     ref: React.Ref<HTMLDivElement>;
     width?: number;
 }

package/dist/controls/DropdownButton.d.ts

@@ -33,7 +33,7 @@ export interface DropdownButtonTextItemsProps extends DropdownButtonChildrenProp
      * Callback that is called when the user selects one of the drop down items.
      * @param itemKey The key of the selected item.
      */
-    onSelect: (itemKey: string) => void;
+    onSelect: (itemKey: string, itemText?: string) => void;
 }
 /**
  * Creates a drop down control that displays a menu with text strings.

package/dist/controls/LinChannelSelectControl.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Properties of the LinChannelSelectControl React component.
+ */
+export interface LinChannelSelectControlProps {
+    /** Identifier of the selected channel. */
+    channelIdentifier: string;
+    /** If true, master channels will be selected and otherwise slave channels. */
+    selectMasterChannels: boolean;
+    /**
+     * Callback that will be called when a new channel has been selected.
+     * @param identifier The new channel identifier.
+     */
+    onChannelIdentifierChange: (identifier: string) => void;
+    /** Set to true if this control shouldn't be encapsulated inside a SectionControl. */
+    hideSectionControl?: boolean;
+    /** Set to true to disable this control. */
+    disabled?: boolean;
+    /** Set to true if the SectionControl should be collapsible, ignored if hideSectionControl is true. */
+    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.
+     */
+    collapsedChange?: (value: boolean) => void;
+}
+/**
+ * Creates an UI control for selecting a LIN channel from the current measurement setup.
+ * @param props Component properties.
+ * @returns The LinChannelSelectControl React component.
+ */
+declare function LinChannelSelectControl({ channelIdentifier, selectMasterChannels, onChannelIdentifierChange, hideSectionControl, disabled, collapsible, collapsed, collapsedChange, }: LinChannelSelectControlProps): import("react/jsx-runtime").JSX.Element;
+export default LinChannelSelectControl;