@kvaser/canking-api 7.1.0-beta.231 → 7.1.0

package/README.md

@@ -1,58 +1,140 @@
 # Kvaser CanKing GUI Extensions SDK
 
-## Prerequisites
+## Introduction
 
-Before creating a new CanKing GUI Extension project there are some softwares that need to be installed.
+The purpose with this package is to help developers to create user interface extensions for the Kvaser CanKing bus analysis tool.
 
-### Must have
+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).
 
-- Node.js: <https://nodejs.org/>
-- Kvaser CanKing: <https://kvaser.com/canking/>
-- Kvaser Drivers: <https://resources.kvaser.com/7330130980013/latest/kvaser_drivers_setup.exe>
+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.
+
+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.
+
+```tsx
+import { useUserSetting, useMeasurementSetup } from '@kvaser/canking-api/hooks';
 
-### Preferred
+...
 
-- nvm: <https://github.com/coreybutler/nvm-windows/releases>
-  - download latest version from assets
-  - install and do ```nvm list``` to display node.js versions
-  - install node.js version 22.9: ```nvm install 22.9```
-  - change node.js version to 22.9: ```nvm use 22.9```
-  - **NOTE:**
-    - If nvm keyword can't be found make sure environment path for nvm.exe is set.
-    - CanKing is coded with node version 22.9, so version 22.9 is recommended.
+const userSettings = useUserSettings();
+const measurementSetup = useMeasurementSetup();
+```
 
-## Generate a new CanKing GUI Extension project
+To interact with CanKing there are different functions that can be imported from the ipc module.
 
-To create a new CanKing GUI Extension project the @kvaser/canking-api package is needed. The @kvaser/canking-api
-package is published to <http://artifact.kvaser.se/artifactory/api/npm/libs-npm>.  
+```tsx
+import { sendCanMessage } from '@kvaser/canking-api/ipc';
 
-The @kvaser/canking-api package includes a script that can be used for creating a new CanKing GUI Extension package.
-The script is used like this:
+...
 
-    npx @kvaser/canking-api <project-name> [options]
+sendCanMessage(channelId, frameId, data, flags);
+```
 
-    Arguments:
-      project-name          The project name. A new project folder with this name will be created in the current folder.
+The @kvaser/canking-api package also includes some React components that you can use, e.g. there is a component for selecting
+channel.
 
-    Options:
-      -V, --version         output the version number
-      --view-name <string>  workspace view name (default: "")
-      --desc <string>       project description (default: "A CanKing GUI extension.")
-      --author <string>     project author (default: "")
-      --verbose             print additional logs
-      --force               use installed script even if a newer version exists
-      --show-doc            opens the documentation
-      -h, --help            display help for command
+```tsx
+import { CanChannelSelectControl } from '@kvaser/canking-api/controls';
 
-To create a new CanKing workspace view extension run these commands:
+...
 
-    npm config set '@kvaser:registry' http://artifact.kvaser.se/artifactory/api/npm/libs-npm
-    npx @kvaser/canking-api <project-name> --view-name <view-name> --desc <description> --author <author>
+function WorkspaceView() {
+  const [channelId, setChannelId] = useState('');
+  return (
+    <CanChannelSelectControl
+      channelIdentifier={channelId}
+      onChannelIdentifierChange={setChannelId}
+      hideSectionControl
+    />
+  );
+}
+```
 
-The first command will point out the correct registry to be used for @kvaser packages and the second command will run the
-script to create the project.
+## Prerequisites
+
+Before creating a new CanKing Extension the following softwares need to be installed.
 
-## Develop a CanKing GUI Extension
+- Node.js: <https://nodejs.org/>
+- 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 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)](<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:
+
+```bash
+npm create @kvaser/canking-extension@latest
+```
+
+Then follow the prompts.
+
+You can also specify a project name via a command line argument.
+
+```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 (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:
+
+```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
+    │
+    ├───assets
+    │       icon.png
+    │
+    └───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 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
 
 To match the CanKing look and feel, it's recommended to use Material UI components when applicable,
 <https://mui.com/material-ui/all-components/>.
@@ -62,9 +144,11 @@ 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 VS Code debugger:
+To run the extension using Visual Studio Code debugger:
 
 - Select 'Run and Debug' or press Ctrl+Shift+D
 - Select the configuration named 'Debug'
@@ -72,16 +156,30 @@ To run the extension using VS 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:
+
+```bash
+npx @kvaser/canking-api --help
+```
+
+This will open up a help file in your web browser.
 
-## Package and Install a CanKing GUI Extension
+## Package and Install a CanKing Extension
 
 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,89 @@
 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
+│       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 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 d=require("./measurement_settings.js");class v{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(d.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 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 v(r??e),webFrame:new F,process:new P}},f=a();exports.createElectronApiFake=a;exports.electronApiFake=f;

package/dist/ElectronAPIFake.mjs

@@ -1,9 +1,9 @@
-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 m = Object.defineProperty;
+var p = (r, e, s) => e in r ? m(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);
 import "long";
 import { ab as g } from "./measurement_settings.mjs";
-class v {
+class d {
   /**
    * Creates a new IpcRendererFake.
    */
@@ -124,8 +124,8 @@ class v {
         const l = [];
         return Promise.resolve(l);
       case "rpc-get-frame-definitions":
-        const m = [];
-        return Promise.resolve(m);
+        const u = [];
+        return Promise.resolve(u);
       case "mm-get-measurement-data-buffer":
       case "mm-get-latest-measurement-data":
         return Promise.resolve(frames);
@@ -190,7 +190,7 @@ class v {
   sendToHost(e, ...s) {
   }
 }
-class d {
+class v {
   /**
    * A key for the inserted CSS that can later be used to remove the CSS via
    * `webFrame.removeInsertedCSS(key)`.
@@ -222,7 +222,7 @@ class d {
   setZoomLevel(e) {
   }
 }
-class P {
+class f {
   constructor() {
     /**
      * The process.platform property returns a string identifying the operating system platform
@@ -239,7 +239,7 @@ class P {
     t(this, "env");
   }
 }
-const f = (r) => {
+const F = (r) => {
   const e = {
     version: "1.0.0",
     theme: "light",
@@ -249,18 +249,21 @@ const f = (r) => {
     useHexNumericBase: !0,
     maxDataBytes: 16,
     defaultProjectFolder: "",
+    defaultLogFilesFolder: "",
+    defaultCANDatabasesFolder: "",
+    defaultLINDatabasesFolder: "",
     currentProjectFile: "",
     currentProjectFileName: "",
     recentProjectFiles: [],
     closeAppServiceAction: "prompt"
   };
   return {
-    ipcRenderer: new v(r ?? e),
-    webFrame: new d(),
-    process: new P()
+    ipcRenderer: new d(r ?? e),
+    webFrame: new v(),
+    process: new f()
   };
-}, w = f();
+}, w = F();
 export {
-  f as c,
+  F as c,
   w as e
 };

package/dist/controls/CanIdentifierControl.d.ts

@@ -67,6 +67,8 @@ interface CanIdentifierFrameControlProps {
      * @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;
     /** Set to true if the SectionControl should be collapsible. */
     collapsible?: boolean;
     /** Current collapse state of the SectionControl. */
@@ -82,7 +84,7 @@ interface CanIdentifierFrameControlProps {
  * @param props Component properties.
  * @returns The CanIdentifierFrameControl React component.
  */
-declare function CanIdentifierFrameControl({ frame, onFrameChange, onErrorsChange, collapsible, collapsed, collapsedChange, }: CanIdentifierFrameControlProps): import("react/jsx-runtime").JSX.Element;
+declare function CanIdentifierFrameControl({ frame, onFrameChange, onErrorsChange, hideSection, collapsible, collapsed, collapsedChange, }: CanIdentifierFrameControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the CanIdentifierGeneratorControl React component.
  */
@@ -128,13 +130,21 @@ interface CanIdentifierGeneratorControlProps {
      * @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;
 }
 /**
  * Creates an UI control for editing CAN identifier(s) used by a message generator.
  * @param props Component properties.
  * @returns The CanIdentifierGeneratorControl React component.
  */
-declare function CanIdentifierGeneratorControl({ canIdentifier, identifierGeneratorType, minCanIdentifier, maxCanIdentifier, canIdentifierType, onChange, onErrorsChange, canIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, }: CanIdentifierGeneratorControlProps): import("react/jsx-runtime").JSX.Element;
+declare function CanIdentifierGeneratorControl({ canIdentifier, identifierGeneratorType, minCanIdentifier, maxCanIdentifier, canIdentifierType, onChange, onErrorsChange, canIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, showSelectMessageDialogChange, showSignalValuesTable, }: CanIdentifierGeneratorControlProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Properties of the CanIdentifierGeneratorSettingsControl React component.
  */
@@ -164,6 +174,14 @@ interface CanIdentifierGeneratorSettingsControlProps {
      * @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;
 }
 /**
  * Creates an UI control for editing CAN identifier(s) used by a message generator
@@ -171,6 +189,6 @@ interface CanIdentifierGeneratorSettingsControlProps {
  * @param props Component properties.
  * @returns The CanIdentifierGeneratorSettingsControl React component.
  */
-declare function CanIdentifierGeneratorSettingsControl({ settings, onSettingsChange, onErrorsChange, canIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, }: CanIdentifierGeneratorSettingsControlProps): import("react/jsx-runtime").JSX.Element;
+declare function CanIdentifierGeneratorSettingsControl({ settings, onSettingsChange, onErrorsChange, canIdentifierGeneratorSettingsError, disabled, collapsible, collapsed, collapsedChange, showSelectMessageDialogChange, showSignalValuesTable, }: CanIdentifierGeneratorSettingsControlProps): import("react/jsx-runtime").JSX.Element;
 export default CanIdentifierControl;
 export { type CanIdentifierControlProps, CanIdentifierControl, type CanIdentifierFrameControlProps, CanIdentifierFrameControl, type CanIdentifierGeneratorControlProps, CanIdentifierGeneratorControl, type CanIdentifierGeneratorSettingsControlProps, CanIdentifierGeneratorSettingsControl, };

package/dist/controls/ColumnItemControl.d.ts

@@ -0,0 +1,36 @@
+/**
+ * This module includes a form row UI control, a container component that can be used to
+ * display form controls on one row.
+ *
+ * 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 React from 'react';
+interface ColumnItem {
+    ref: React.Ref<HTMLDivElement>;
+    width?: number;
+}
+/**
+ * Gets a ColumnItem object that can be used in calls to useColumnItems and as props to ColumnItemControl.
+ * @returns A ColumnItem object
+ */
+export declare const useColumnItem: () => ColumnItem;
+/**
+ * Calculate max width from all specified column items as soon as all items have widths values.
+ * @param columnItems All column items to set width for.
+ * @returns The max width, the width to use
+ */
+export declare const useColumnItems: (...columnItems: ColumnItem[]) => number;
+export interface ColumnItemControlProps {
+    columnItem: ColumnItem;
+    width?: number;
+    children?: React.ReactNode;
+}
+/**
+ * A react component to be used when different components should share the same width.
+ */
+declare function ColumnItemControl({ columnItem, width, children }: ColumnItemControlProps): import("react/jsx-runtime").JSX.Element;
+export default ColumnItemControl;

package/dist/controls/OneLineButton.d.ts

@@ -3,7 +3,7 @@
  */
 declare const OneLineButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "variant" | "color" | "style" | "action" | "className" | "children" | "tabIndex" | "disabled" | "size" | "href" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, "variant" | "color" | "loading" | "style" | "action" | "className" | "children" | "tabIndex" | "disabled" | "size" | "href" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: React.ElementType;
 }, {}, {}>;
 export default OneLineButton;

package/dist/controls/index.d.ts

@@ -59,6 +59,8 @@
 export { type ILocalizedStrings, LocalizedStrings, type StringsMap } from './LocalizedStrings';
 export * from './CheckboxControl';
 export { default as CheckboxControl } from './CheckboxControl';
+export * from './ColumnItemControl';
+export { default as ColumnItemControl } from './ColumnItemControl';
 export * from './DropdownButton';
 export { default as OneLineButton } from './OneLineButton';
 export * from './OneLineButton';