@kvaser/canking-api 7.1.0-beta.231

package/dist/controls/TableControl.d.ts

@@ -0,0 +1,61 @@
+/**
+ * This module includes a table UI control.
+ *
+ * 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';
+import { TableCellProps } from '@mui/material';
+import { Variant } from '@mui/material/styles/createTypography';
+/**
+ * TableColumn definition.
+ */
+export interface TableColumn<T> {
+    /** A unique key. */
+    key: React.Key;
+    /** Header cell properties. */
+    headProps: Partial<TableCellProps>;
+    /** Header cell content. */
+    headCell: React.ReactNode;
+    /** Data cell properties. */
+    dataProps: Partial<TableCellProps>;
+    /** A callback to get the data cell content for the specified row. */
+    dataCell: (row: T) => React.ReactNode;
+}
+/**
+ * Properties of the TableControl React component.
+ */
+export interface TableControlProps<T> {
+    /** Data rows to be displayed. */
+    data: T[];
+    /** Callback to get a unique data key for the specified row. */
+    dataKey: (row: T) => React.Key;
+    /** The key of the currently selected data row. */
+    selectedKey?: React.Key;
+    /** Callback to inform that a data row has been clicked. */
+    onClickRow?: (row: T) => void;
+    /** Column definitions. */
+    columns: TableColumn<T>[];
+    /** An optional table label. */
+    label?: string;
+    /** An optional Typography variant to be used for the label. */
+    labelVariant?: Variant;
+    /** Optional max height. */
+    maxHeight?: string | number;
+    /** Table size, defaults to 'medium'. */
+    size?: 'small' | 'medium';
+    /** Set the header sticky, defaults to false. */
+    stickyHeader?: boolean;
+    /** If true, the table row will shade on hover, defaults to false. */
+    hover?: boolean;
+}
+/**
+ * Creates a table control.
+ * @param props Component properties.
+ * @returns The TableControl React component.
+ */
+declare function TableControl<T>({ data, dataKey, selectedKey, onClickRow, columns, label, labelVariant, maxHeight, size, stickyHeader, hover, }: TableControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export default TableControl;

package/dist/controls/TabsPanel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A TabsPanel UI control.
+ */
+declare const TabsPanel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default TabsPanel;

package/dist/controls/TextControl.d.ts

@@ -0,0 +1,56 @@
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Properties of the TextControl React component.
+ */
+export interface TextControlProps {
+    /** The component id. */
+    id?: string;
+    /** The label of this input control. */
+    label?: string;
+    /** Any helper text that should be displayed. */
+    helperText?: string;
+    /** The current value. */
+    value: string;
+    /**
+     * Callback that will be called when the value has been changed.
+     * @param value The new value.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback that will be called when the control has lost focus.
+     */
+    onBlur?: () => void;
+    /** Set to true to disable this control. */
+    disabled?: boolean;
+    /** The current error state. */
+    error?: boolean;
+    /** Set to true if this control's value is required. */
+    required?: boolean;
+    /** Margins between controls inside this control. */
+    margin?: 'dense' | 'normal' | 'none';
+    /** The component size. */
+    size?: 'small' | 'medium';
+    /** Set to true to expand this control to use the full widht of its parent. */
+    fullWidth?: boolean;
+    /** Input mode. */
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    /** Regex pattern of the value in this control. */
+    pattern?: string;
+    /** A text to be displayed in front of the value. */
+    startAdornment?: string;
+    /** A text to be displayed after the value. */
+    endAdornment?: string;
+    /** Optional sx properties. */
+    sx?: SxProps<Theme>;
+    /** Optional sx properties for the start adornment. */
+    sxStartAdornment?: SxProps<Theme>;
+    /** Optional sx properties for the end adornment. */
+    sxEndAdornment?: SxProps<Theme>;
+}
+/**
+ * Creates a text control.
+ * @param props Component properties.
+ * @returns The TextControl React component.
+ */
+declare function TextControl({ id, label, helperText, value, onChange, onBlur, disabled, error, required, margin, size, fullWidth, inputMode, pattern, startAdornment, endAdornment, sx, sxStartAdornment, sxEndAdornment, }: TextControlProps): import("react/jsx-runtime").JSX.Element;
+export default TextControl;

package/dist/controls/ToolbarControl.d.ts

@@ -0,0 +1,143 @@
+/**
+ * This module includes a toolbar UI control.
+ *
+ * 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';
+import { Variant } from '@mui/material/styles/createTypography';
+import { DropdownButtonChildrenProps } from './DropdownButton';
+/**
+ * Properties of a Label component displayed by the toolbar.
+ */
+export interface LabelProps {
+    /** The label text. */
+    text: string;
+    /** The label variant. */
+    variant?: Variant;
+}
+/**
+ * Properties of a ToggleButton component displayed by the toolbar.
+ */
+export interface ToggleButtonProps {
+    /** The value represented by this toggle button. */
+    value: string;
+    /** An icon that will be displayed in this button. */
+    icon: React.ReactNode;
+    /** The button size. */
+    size?: 'small' | 'medium' | 'large' | number;
+    /** A tooltip of this button. */
+    tooltip?: string;
+    /** Aria label. */
+    ariaLabel?: string;
+    /** Set to true to disable this button. */
+    disabled?: boolean;
+}
+/**
+ * Properties of a ToggleButtonGroup component displayed by the toolbar.
+ */
+export interface ToggleButtonGroupProps {
+    /** Value of the selected buttons in this group. */
+    value: string[];
+    /**
+     * Callback that will be called when any button in this group has been selected/deselected.
+     * @param value The new value.
+     */
+    onChange: (value: string[]) => void;
+    /** The buttons in this group. */
+    buttons: ToggleButtonProps[];
+    /** Size of the buttons in this group. */
+    size?: 'small' | 'medium' | 'large';
+    /** Set to true if only one of the buttons can be selected at the time. */
+    exclusive?: boolean;
+    /** Aria label. */
+    ariaLabel?: string;
+    /** Orientation of this group. */
+    orientation?: 'vertical' | 'horizontal';
+}
+/**
+ * Properties of a Button component displayed by the toolbar.
+ */
+export interface ButtonProps {
+    /**
+     * Callback that will be called when this button has been clicked.
+     */
+    onClick: () => void;
+    /** Icon to be displayed in this button. */
+    icon?: React.ReactNode;
+    /** Text to be displayed in this button. */
+    text?: string;
+    /** Size of this button. */
+    size?: 'small' | 'medium' | 'large' | number;
+    /** The button variant. */
+    variant?: 'text' | 'contained' | 'outlined';
+    /** The button color. */
+    color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    /** A tooltip of this button. */
+    tooltip?: string;
+    /** Aria label. */
+    ariaLabel?: string;
+    /** Set to true to disable this button. */
+    disabled?: boolean;
+    /** Chidren to be displayed in this button if this button should be a {@link DropdownButton} */
+    children?: React.ReactElement<DropdownButtonChildrenProps>;
+}
+/**
+ * Properties of a ButtonGroup component displayed by the toolbar.
+ */
+export interface ButtonGroupProps {
+    /** The buttons in this group. */
+    buttons: ButtonProps[];
+    /** Size of the buttons in this group. */
+    size?: 'small' | 'medium' | 'large';
+    /** Aria label. */
+    ariaLabel?: string;
+    /** Orientation of this group. */
+    orientation?: 'vertical' | 'horizontal';
+}
+/**
+ * A toolbar item. Could be one of its properties.
+ */
+export interface toolbarItem {
+    /** A label. */
+    label?: LabelProps;
+    /** A toggle button group. */
+    toggleButtonGroup?: ToggleButtonGroupProps;
+    /** A button. */
+    button?: ButtonProps;
+    /** A button group. */
+    buttonGroup?: ButtonGroupProps;
+    /** A custom node. */
+    other?: React.ReactNode;
+}
+/**
+ * Properties of a ToolbarControl component.
+ */
+export interface ToolbarControlProps {
+    /** The toolbar items. */
+    items: toolbarItem[];
+    /** The toolbar height. */
+    height?: number;
+    /** The toolbar width. */
+    width?: number;
+    /** How to justify the items. */
+    justifyContent?: 'left' | 'center' | 'right' | 'space-between';
+    /** The border size. */
+    borderSize?: number;
+    /** The padding. */
+    padding?: number;
+    /** The background color. */
+    backgroundColor?: string;
+    /** The orientation. */
+    orientation?: 'vertical' | 'horizontal';
+}
+/**
+ * Creates a toolbar control.
+ * @param props Component properties.
+ * @returns The ToolbarControl React component.
+ */
+declare function ToolbarControl({ items, height, width, justifyContent, borderSize, padding, backgroundColor, orientation, }: ToolbarControlProps): import("react/jsx-runtime").JSX.Element;
+export default ToolbarControl;

package/dist/controls/ValidateableTextControl.d.ts

@@ -0,0 +1,82 @@
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Properties of the ValidateableTextControl React component.
+ */
+export interface ValidateableTextControlProps {
+    /** The component id. */
+    id?: string;
+    /** The label of this input control. */
+    label?: string;
+    /** Any helper text that should be displayed. */
+    helperText?: string;
+    /** The current value. */
+    value: string;
+    /**
+     * Callback that will be called when the value has been changed.
+     * @param value The new value.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback that will be called when the control has lost focus.
+     * @param value The new value.
+     */
+    onBlur?: (value: string) => void;
+    /** Set to true to disable this control. */
+    disabled?: boolean;
+    /** Set to true if this control's value is required. */
+    required?: boolean;
+    /** Margins between controls inside this control. */
+    margin?: 'dense' | 'normal' | 'none';
+    /** The component size. */
+    size?: 'small' | 'medium';
+    /** Set to true to expand this control to use the full widht of its parent. */
+    fullWidth?: boolean;
+    /** Input mode. */
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    /** Regex pattern of the value in this control. */
+    pattern?: string;
+    /** A text to be displayed in front of the value. */
+    startAdornment?: string;
+    /** A text to be displayed after the value. */
+    endAdornment?: string;
+    /** Optional sx properties. */
+    sx?: SxProps<Theme>;
+    /** Optional sx properties for the start adornment. */
+    sxStartAdornment?: SxProps<Theme>;
+    /** Optional sx properties for the end adornment. */
+    sxEndAdornment?: SxProps<Theme>;
+    /** The current error state. */
+    error?: boolean;
+    /**
+     * Callback that is called when the error state has changed.
+     * @param error The new error state.
+     */
+    onErrorChange?: (error: boolean) => void;
+    /**
+     * Callback that will be called when the value has been changed or the control has lost focus.
+     * This callback is called before onChange and if the returned err value is true then onChange
+     * won't be called.
+     * The implemtation of this callback is allowed to modify the specified text value and return
+     * the modified value in the val property of the returned object.
+     * @param text The new text value.
+     * @param trigger The trigger of this callback, either on 'change' or on 'blur'.
+     * @returns An object with the validated value (val) and an error state (err).
+     */
+    onValidate?: (text: string, trigger: 'change' | 'blur') => {
+        val: string;
+        err: boolean;
+    };
+    /** Number type if the expected value is a number, if left undefined then the value is expected to be a string. */
+    numberType?: 'int' | 'float';
+    /** The min value if numberType is set. */
+    minValue?: number;
+    /** The max value if numberType is set. */
+    maxValue?: number;
+}
+/**
+ * Creates a text control.
+ * @param props Component properties.
+ * @returns The ValidateableTextControl React component.
+ */
+declare function ValidateableTextControl({ id, label, helperText, value, onChange, onBlur, disabled, required, margin, size, fullWidth, inputMode, pattern, startAdornment, endAdornment, sx, sxStartAdornment, sxEndAdornment, error, onErrorChange, onValidate, numberType, minValue, maxValue, }: ValidateableTextControlProps): import("react/jsx-runtime").JSX.Element;
+export default ValidateableTextControl;

package/dist/controls/index.d.ts

@@ -0,0 +1,103 @@
+/**
+ * This module includes UI controls implemented as React components.
+ *
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * import { useSearchParams } from 'react-router-dom';
+ * import { useProjectData } from '@kvaser/canking-api/canking';
+ * import { CanChannelSelectControl, FillBox } from '@kvaser/canking-api/controls';
+ *
+ * // If any data should be stored in the project file then add it to this interface
+ * interface IProjectViewData {
+ *   // This is an example showing how to store the selected channel id to the project file
+ *   channelId: string;
+ * }
+ *
+ * // Define any default values for the project data that will be used when the component is created
+ * const defaultProjectViewData: IProjectViewData = {
+ *   channelId: '',
+ * };
+ *
+ * function WorkspaceView() {
+ *   // Get this view's unique id from search params
+ *   const [searchParams] = useSearchParams();
+ *   const idString = searchParams.get('id');
+ *   const id = idString !== null ? Number.parseInt(idString, 10) : -1;
+ *
+ *   // Use the useProjectData hook to serialize/deserialize your view data to the project
+ *   const [projectData, setProjectData] = useProjectData<IProjectViewData>(id, defaultProjectViewData);
+ *
+ *   // A callback that will get the new selected channel id and save it to the project data
+ *   const onChannelIdentifierChange = (channelId: string) => {
+ *     const data = { ...projectData };
+ *     data.channelId = channelId;
+ *     setProjectData(data);
+ *   };
+ *
+ *   return (
+ *     <FillBox component="form">
+ *       <div>Add your elements here!</div>
+ *       <div>This is an example how to use the CanChannelSelectControl:</div>
+ *       <CanChannelSelectControl
+ *         channelIdentifier={projectData.channelId}
+ *         onChannelIdentifierChange={onChannelIdentifierChange}
+ *         hideSectionControl
+ *       />
+ *     </FillBox>
+ *   );
+ * }
+ *
+ * export default WorkspaceView;
+ * ```
+ *
+ * @packageDocumentation
+ */
+export { type ILocalizedStrings, LocalizedStrings, type StringsMap } from './LocalizedStrings';
+export * from './CheckboxControl';
+export { default as CheckboxControl } from './CheckboxControl';
+export * from './DropdownButton';
+export { default as OneLineButton } from './OneLineButton';
+export * from './OneLineButton';
+export { default as DropdownButton } from './DropdownButton';
+export * from './DropdownPanel';
+export { default as DropdownPanel } from './DropdownPanel';
+export * from './FormControlRow';
+export { default as FormControlRow } from './FormControlRow';
+export * from './InlineEditor';
+export { default as InlineEditor } from './InlineEditor';
+export * from './NumberRangeControl';
+export { default as NumberRangeControl } from './NumberRangeControl';
+export * from './RadioControl';
+export { default as RadioControl } from './RadioControl';
+export * from './RadioGroupControl';
+export { default as RadioGroupControl } from './RadioGroupControl';
+export * from './SectionControl';
+export { default as SectionControl } from './SectionControl';
+export * from './SelectControl';
+export { default as SelectControl } from './SelectControl';
+export * from './SizedBox';
+export { default as SizedBox } from './SizedBox';
+export * from './TableControl';
+export { default as TableControl } from './TableControl';
+export * from './TabsPanel';
+export { default as TabsPanel } from './TabsPanel';
+export * from './TextControl';
+export { default as TextControl } from './TextControl';
+export * from './ToolbarControl';
+export { default as ToolbarControl } from './ToolbarControl';
+export * from './ValidateableTextControl';
+export { default as ValidateableTextControl } from './ValidateableTextControl';
+export * from './ContextMenu';
+export { default as ContextMenu } from './ContextMenu';
+export * from './CanIdentifierControl';
+export { default as CanIdentifierControl } from './CanIdentifierControl';
+export * from './CanChannelSelectControl';
+export { default as CanChannelSelectControl } from './CanChannelSelectControl';
+export * from './FillBox';
+export { default as FillBox } from './FillBox';
+export * from './CanKingDataProvider';
+export { default as CanKingDataProvider } from './CanKingDataProvider';

package/dist/controls.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index.js"),s=require("react/jsx-runtime"),o=require("react"),f=require("@mui/material"),H=require("./icons.js"),Q=require("fast-deep-equal");require("long");const O=require("./measurement_settings.js");function Z({id:e=void 0,label:t,checked:a,onChange:r,disabled:l=!1,size:i="small",sx:u=void 0}){const g=o.useCallback(n=>{if(n.key==="Enter"&&!n.ctrlKey&&!n.altKey&&!n.shiftKey){n.preventDefault();return}},[]);return s.jsx(f.FormControlLabel,{id:e,"aria-label":e,disabled:l,"aria-disabled":l,control:s.jsx(f.Checkbox,{size:i,checked:a,onChange:(n,d)=>r(d),onKeyDown:g}),label:t,slotProps:{typography:{noWrap:!0}},sx:u})}const X=f.styled(f.Button)(()=>({whiteSpace:"nowrap",minWidth:"max-content"}));function le({items:e,onSelect:t,onClose:a=void 0}){const r=o.useCallback(l=>{t(l),a&&a()},[a,t]);return s.jsx(s.Fragment,{children:e.map(l=>s.jsx(f.MenuItem,{onClick:()=>r(l.key),children:l.text},l.key))})}function V({id:e="dropdown-button",startIcon:t=void 0,endIcon:a=void 0,text:r=void 0,variant:l="outlined",color:i=void 0,size:u="medium",disabled:g=!1,children:n}){const[d,C]=o.useState(null),m=!!d,p=o.useCallback(L=>{C(L.currentTarget)},[]),h=o.useCallback(()=>{C(null)},[]),S=o.cloneElement(o.Children.only(n),{onClose:h});return s.jsxs(s.Fragment,{children:[!r&&s.jsx(f.IconButton,{id:e,"data-testid":e,"aria-controls":m?`${e}-popover`:void 0,"aria-haspopup":"true","aria-expanded":m?"true":void 0,onClick:p,size:u,color:i,disabled:g,children:t}),r&&s.jsx(X,{id:e,"data-testid":e,"aria-controls":m?`${e}-popover`:void 0,"aria-haspopup":"true","aria-expanded":m?"true":void 0,variant:l,disableElevation:!0,onClick:p,startIcon:t,endIcon:a??s.jsx(H.LineArrowDownIcon,{}),size:u,color:i,disabled:g,children:r}),s.jsx(f.Popover,{id:`${e}-popover`,"aria-labelledby":e,anchorEl:d,open:m,onClose:h,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:S})]})}const oe=f.styled("div")(({top:e,left:t,width:a,height:r})=>({top:e,left:t,width:a,height:r,position:"absolute",zIndex:1})),ie=f.styled("div")(({top:e,left:t,width:a,height:r,position:l,theme:i})=>({top:e,left:t,width:a,height:r,position:"absolute",zIndex:2,color:i.palette.primary.contrastText,backgroundColor:i.palette.primary.main,display:"flex",flexDirection:l==="left"||l==="right"?"column":"row",borderTopLeftRadius:l==="top"||l==="left"?0:8,borderTopRightRadius:l==="top"||l==="right"?0:8,borderBottomRightRadius:l==="bottom"||l==="right"?0:8,borderBottomLeftRadius:l==="bottom"||l==="left"?0:8})),q=8;function ce({id:e=void 0,position:t,parentWidth:a,parentHeight:r,maxLength:l,dropDownSize:i,autoHideTimeout:u=0,forceShow:g=!1,children:n=null}){const d=o.useMemo(()=>{switch(t){case"left":case"right":return Math.min(l,r);case"top":case"bottom":return Math.min(l,a);default:return l}},[l,r,a,t]),C=o.useMemo(()=>{switch(t){case"left":case"right":return(r-d)/2;case"top":return 0;case"bottom":return r-q;default:return 0}},[d,r,t]),m=o.useMemo(()=>{switch(t){case"left":return 0;case"right":return a-q;case"top":case"bottom":return(a-d)/2;default:return 0}},[d,a,t]),p=o.useMemo(()=>{switch(t){case"left":case"right":return q;case"top":case"bottom":return d;default:return 0}},[d,t]),h=o.useMemo(()=>{switch(t){case"left":case"right":return d;case"top":case"bottom":return q;default:return 0}},[d,t]),S=o.useMemo(()=>{switch(t){case"left":case"right":return(r-d)/2;case"top":return 0;case"bottom":return r-i;default:return 0}},[i,d,r,t]),L=o.useMemo(()=>{switch(t){case"left":return 0;case"right":return a-i;case"top":case"bottom":return(a-d)/2;default:return 0}},[i,d,a,t]),M=o.useMemo(()=>{switch(t){case"left":case"right":return i;case"top":case"bottom":return d;default:return 0}},[i,d,t]),A=o.useMemo(()=>{switch(t){case"left":case"right":return d;case"top":case"bottom":return i;default:return 0}},[i,d,t]),[j,v]=o.useState(!1),c=o.useCallback(F=>{F.buttons===0&&u&&v(!0)},[u]),y=o.useCallback(()=>{v(!1)},[]);return o.useEffect(()=>{let F;return j&&u&&(F=setTimeout(()=>v(!1),u)),()=>{F&&clearTimeout(F)}},[u,j]),s.jsxs(s.Fragment,{children:[s.jsx(oe,{id:e,top:C,left:m,width:p,height:h,"aria-haspopup":"true",onMouseEnter:c}),(j||g===!0)&&s.jsx(ie,{top:S,left:L,width:M,height:A,position:t,onMouseLeave:y,children:n})]})}function z({children:e,fullWidth:t=!0,spacing:a="4px",alignItems:r="center"}){return s.jsx(f.FormControl,{margin:"dense",fullWidth:t,variant:"standard",children:s.jsx(f.Stack,{direction:"row",spacing:a,alignItems:r,children:e})})}const de=f.styled("input")(({variant:e,theme:t})=>({...t.typography[e]})),ue=f.styled("span")(({variant:e,theme:t})=>({...t.typography[e]}));function fe({value:e,onChange:t,ariaLabel:a=void 0,variant:r="body1"}){const l=o.useRef(null),[i,u]=o.useState(e),g=o.useCallback(C=>u(C.target.value),[]),n=o.useCallback(C=>{(C.key==="Enter"||C.key==="Escape")&&(C.key==="Escape"&&(u(e),C.currentTarget.value=e),C.currentTarget.blur())},[e]),d=o.useCallback(C=>{t(C.target.value)},[t]);return o.useEffect(()=>{var C;(C=l.current)==null||C.focus()},[]),s.jsx(de,{ref:l,variant:r??"body1",type:"text","aria-label":a,value:i,onChange:g,onKeyDown:n,onBlur:d})}function ge({editMode:e,value:t,onValueChange:a,ariaLabel:r=void 0,variant:l="body1"}){return s.jsxs(s.Fragment,{children:[e&&s.jsx(fe,{ariaLabel:r,value:t,onChange:a,variant:l}),!e&&s.jsx(ue,{variant:l??"body1",children:t})]})}function ee({id:e=void 0,label:t=void 0,helperText:a="",value:r,onChange:l=void 0,onBlur:i=void 0,disabled:u=!1,error:g=!1,required:n=!1,margin:d="dense",size:C="small",fullWidth:m=!1,inputMode:p=void 0,pattern:h=void 0,startAdornment:S=void 0,endAdornment:L=void 0,sx:M=void 0,sxStartAdornment:A=void 0,sxEndAdornment:j=void 0}){const v=o.useCallback(R=>{l&&l(R.target.value)},[l]),c=o.useCallback(R=>{if(R.key==="Enter"&&!R.ctrlKey&&!R.altKey&&!R.shiftKey){R.preventDefault(),R.stopPropagation(),document.activeElement instanceof HTMLElement&&document.activeElement.blur();return}},[]),y=A??{marginBottom:1},F=j??{marginBottom:1};return s.jsx(f.TextField,{id:e,"aria-label":e,type:"text",label:t,helperText:a,margin:d,size:C,fullWidth:m,variant:"standard",value:r,onChange:v,onBlur:i,disabled:u,"aria-disabled":u,error:g,required:n,slotProps:{input:{startAdornment:S?s.jsx(f.InputAdornment,{position:"start",sx:{...y},children:S}):null,endAdornment:L?s.jsx(f.InputAdornment,{position:"end",sx:{...F},children:L}):null},htmlInput:{inputMode:p,pattern:h}},sx:M,onKeyDown:c})}function W({id:e,label:t=void 0,helperText:a="",value:r,onChange:l=void 0,onBlur:i=void 0,disabled:u=!1,required:g=!1,margin:n="dense",size:d="small",fullWidth:C=!1,inputMode:m=void 0,pattern:p=void 0,startAdornment:h=void 0,endAdornment:S=void 0,sx:L=void 0,sxStartAdornment:M=void 0,sxEndAdornment:A=void 0,error:j=void 0,onErrorChange:v=void 0,onValidate:c=void 0,numberType:y="int",minValue:F=void 0,maxValue:R=void 0}){const[$,_]=o.useState(r),[D,P]=o.useState(j!==void 0?j:!1);o.useEffect(()=>{_(x=>r!==x?r:x)},[r]),o.useEffect(()=>{P(x=>j!==void 0&&j!==x?j:x)},[j]);const U=o.useCallback(x=>{const E=Number.parseInt(x,x.startsWith("0x")?16:10);let T=Number.isNaN(E);return T||(T=F!==void 0&&E<F),T||(T=R!==void 0&&E>R),{val:x,err:T}},[R,F]),k=o.useCallback(x=>{let E=!1;if(x.endsWith(",")||x.endsWith("."))return E=!0,{val:x,err:E};const T=Number.parseFloat(x.replace(",","."));return E=Number.isNaN(T),E||(E=F!==void 0&&T<F),E||(E=R!==void 0&&T>R),{val:T.toString(),err:E}},[R,F]),I=o.useCallback(x=>y==="int"?U(x):k(x),[y,k,U]),B=o.useCallback((x,E)=>{let T=x,K=!1;return!g&&(T===void 0||T==="")?{val:T,err:K}:(y!==void 0&&({val:T,err:K}=I(x)),!K&&c&&({val:T,err:K}=c(T,E)),{val:T,err:K})},[c,I]),b=o.useCallback(x=>{const{val:E,err:T}=B(x,"change");(j===void 0||j===!1)&&P(T),_(T?x:E),!T&&l&&l(E)},[l,B]),N=o.useCallback(()=>{const{val:x,err:E}=B($,"blur");(j===void 0||j===!1)&&P(E),!E&&i&&i(x)},[i,B,$]);return o.useEffect(()=>{v&&v(D)},[D,v]),s.jsx(ee,{id:e,label:t,helperText:a,value:$,onChange:b,onBlur:N,disabled:u,error:D,required:g,margin:n,size:d,fullWidth:C,inputMode:m,pattern:p,startAdornment:h,endAdornment:S,sx:L,sxStartAdornment:M,sxEndAdornment:A})}function xe({minValue:e,maxValue:t,onChange:a=void 0,onBlur:r=void 0,minError:l=void 0,onMinErrorChange:i=void 0,maxError:u=void 0,onMaxErrorChange:g=void 0,onMinValidate:n=void 0,onMaxValidate:d=void 0,minDisabled:C=!1,maxDisabled:m=!1,unit:p=void 0,lowerLimit:h=void 0,upperLimit:S=void 0}){const L=w.useLocalizedStrings(),M=Number.parseInt(e),A=Number.parseInt(t),[j,v]=o.useState(e.toString()),[c,y]=o.useState(t.toString()),[F,R]=o.useState(l===!0||Number.isNaN(M)||M<(h??0)||S&&M>S||!Number.isNaN(A)&&M>=A),[$,_]=o.useState(u===!0||Number.isNaN(A)||A<(h??0)||S&&A>S||!Number.isNaN(M)&&M>=A);o.useEffect(()=>{v(b=>e.toString()!==b?e.toString():b)},[e]),o.useEffect(()=>{R(b=>l!==void 0&&l!==b?l:b)},[l]),o.useEffect(()=>{y(b=>t.toString()!==b?t.toString():b)},[t]),o.useEffect(()=>{_(b=>u!==void 0&&u!==b?u:b)},[u]);const D=o.useCallback(b=>{const N=Number.parseInt(b,b.startsWith("0x")?16:10),x=Number.parseInt(c),E=Number.isNaN(N)||N<(h??0)||S&&N>S||!Number.isNaN(x)&&N>=x;return{val:b,err:E}},[c,h,S]),P=o.useCallback(b=>{const N=Number.parseInt(b,b.startsWith("0x")?16:10),x=Number.parseInt(j),E=Number.isNaN(N)||N<(h??0)||S&&N>S||!Number.isNaN(x)&&x>=N;return{val:b,err:E}},[j,h,S]),U=o.useCallback(b=>{let{val:N,err:x}=D(b);if(!x&&n&&({val:N,err:x}=n(b,"change")),(l===void 0||l===!1)&&R(x),x)a&&a(b,c);else{const E=Number.parseInt(N,N.startsWith("0x")?16:10).toString();v(E),a&&a(E,c)}},[D,n,l,a,c]),k=o.useCallback(b=>{let{val:N,err:x}=D(b);!x&&n&&({val:N,err:x}=n(N,"blur")),R(x),!x&&r&&r(N,c)},[D,n,r,c]),I=o.useCallback(b=>{let{val:N,err:x}=P(b);if(!x&&d&&({val:N,err:x}=d(b,"change")),(u===void 0||u===!1)&&_(x),x)a&&a(j,b);else{const E=Number.parseInt(N,N.startsWith("0x")?16:10).toString();y(E),a&&a(j,E)}},[P,d,u,a,j]),B=o.useCallback(b=>{let{val:N,err:x}=P(b);!x&&d&&({val:N,err:x}=d(N,"blur")),_(x),!x&&r&&r(j,N)},[P,d,r,j]);return o.useEffect(()=>{i&&i(F),g&&g($)},[$,F,g,i]),s.jsxs(s.Fragment,{children:[s.jsx(W,{id:"min-value",disabled:C,inputMode:"numeric",fullWidth:!0,value:j,onChange:U,onBlur:k,startAdornment:L.getString("LabelFrom"),endAdornment:p,numberType:"int",error:F,onErrorChange:R}),s.jsx(W,{id:"max-value",disabled:m,inputMode:"numeric",fullWidth:!0,value:c,onChange:I,onBlur:B,startAdornment:L.getString("LabelTo"),endAdornment:p,numberType:"int",error:$,onErrorChange:_})]})}function G({id:e=void 0,label:t,value:a,disabled:r=!1,size:l="small",sx:i=void 0}){return s.jsx(f.FormControlLabel,{id:e,"aria-label":e,value:a,disabled:r,"aria-disabled":r,control:s.jsx(f.Radio,{size:l}),label:t,componentsProps:{typography:{noWrap:!0}},sx:i})}function te({children:e,id:t=void 0,value:a,onChange:r}){return s.jsx(f.RadioGroup,{id:t,"aria-label":t,value:a,onChange:(l,i)=>r(i),children:e})}const be=f.styled(f.Box,{shouldForwardProp:e=>e!=="collapsed"})(({collapsed:e,theme:t})=>({paddingTop:e?"4px":"8px",paddingLeft:"2px",paddingRight:"2px",paddingBottom:e?"0px":"2px",marginTop:"2px","&:hover, &:focus-within":{background:t.palette.action.hover}})),ne=f.styled("span")(({theme:e})=>({color:e.palette.divider})),he=f.styled(ne)(()=>({"&:hover":{cursor:"pointer"}})),ve=f.styled(f.IconButton)(({theme:e})=>({color:e.palette.divider,padding:"0px"}));function Y({textAlign:e="left",text:t=void 0,summary:a=void 0,children:r=void 0,collapsible:l=!1,collapsed:i=!1,collapsedChange:u=void 0}){const g=w.useLanguage(),n=w.useLocalizedStrings(),[d,C]=o.useState(i);o.useEffect(()=>C(i),[i]);const m=o.useCallback(p=>{u?u(p):C(p)},[u]);return s.jsxs(be,{collapsed:d,children:[t&&s.jsx(f.Divider,{textAlign:e,variant:"fullWidth",children:l?s.jsxs(f.Stack,{direction:"row",spacing:1,alignItems:"center",children:[s.jsxs(he,{onClick:()=>m(!d),children:[t.toLocaleUpperCase(g),d&&a?` (${a})`:""]}),s.jsx(f.Tooltip,{title:d?n==null?void 0:n.getString("TooltipExpandSection",t):n==null?void 0:n.getString("TooltipCollapseSection",t),children:s.jsx(ve,{onClick:()=>m(!d),children:d?s.jsx(H.LineArrowDownIcon,{}):s.jsx(H.LineArrowUpIcon,{})})})]}):s.jsx(ne,{children:t.toLocaleUpperCase(g)})}),!d&&r]})}function J({id:e,label:t,showLabel:a=!1,helperText:r="",options:l,value:i,onChange:u,disabled:g=!1,required:n=!1,margin:d="dense",size:C="small",fullWidth:m=!1,minWidth:p=void 0,prefixTextWithValue:h=!1}){const S=o.useCallback(v=>{typeof v.target.value=="string"?u(""):u(v.target.value)},[u]),L=o.useCallback(v=>v.map(c=>s.jsx(f.MenuItem,{"aria-label":`menu-item-${c.value}`,value:c.value,children:h?`${c.value} - ${c.displayText}`:c.displayText},c.value)),[h]),M=o.useCallback((v,c)=>{const y=[s.jsx(f.ListSubheader,{color:"primary",children:v},v)];return y.push(...L(c)),y},[L]),A=o.useCallback(v=>{const c=[];return v.forEach((y,F)=>{c.push(...M(F,y))}),c},[M]),j=o.useCallback(v=>{let c="";if(l instanceof Map)l.forEach((y,F)=>{if(c===""){const R=y.find($=>$.value===v);R&&(c=h?`${R.value} - ${F} - ${R.displayText}`:`${F} - ${R.displayText}`)}});else{const y=l.find(F=>F.value===v);y&&(c=h?`${y.value} - ${y.displayText}`:y.displayText)}return c===""&&(c=n?`${t} *`:t),c},[t,l,h,n]);return s.jsxs(f.FormControl,{fullWidth:m,variant:"standard",sx:{minWidth:p},margin:d,size:C,children:[a&&s.jsx(f.InputLabel,{id:`${e}-label`,children:n?`${t} *`:t}),s.jsxs(f.Select,{labelId:`${e}-label`,"aria-label":e,id:e,value:i,renderValue:j,onChange:S,displayEmpty:!a,disabled:g,"aria-disabled":g,children:[l instanceof Map&&A(l),l instanceof Array&&L(l)]}),r&&s.jsx(f.FormHelperText,{children:r})]})}const pe=f.styled(f.Box)(({height:e,width:t})=>({height:e,width:t,padding:"4px",overflow:"auto"}));function Ce({label:e,variant:t="h6"}){return s.jsx(f.Toolbar,{children:s.jsx(f.Typography,{sx:{flex:"1 1 100%"},variant:t,id:"tableTitle",component:"div",children:e})})}function me({data:e,dataKey:t,selectedKey:a=void 0,onClickRow:r=void 0,columns:l,label:i=void 0,labelVariant:u="h6",maxHeight:g=void 0,size:n="medium",stickyHeader:d=!1,hover:C=!1}){const m=o.useCallback(p=>{r&&r(p)},[r]);return s.jsxs(f.Box,{children:[i&&s.jsx(Ce,{label:i,variant:u}),s.jsx(f.TableContainer,{children:s.jsxs(f.Table,{"aria-labelledby":"tableTitle",size:n,stickyHeader:d,sx:{maxHeight:g},padding:"none",children:[s.jsx(f.TableHead,{children:s.jsx(f.TableRow,{children:l.map(p=>s.jsx(f.TableCell,{...p.headProps,children:p.headCell},p.key))})}),s.jsx(f.TableBody,{children:e.map(p=>{const h=t(p);return s.jsx(f.TableRow,{hover:C,selected:h===a,onClick:()=>m(p),children:l.map(S=>s.jsx(f.TableCell,{...S.dataProps,children:S.dataCell(p)},`${h}-${S.key}`))},h)})})]})})]})}const Se=f.styled("div")(({theme:e})=>({borderBottom:"1px solid",borderColor:e.palette.divider})),je=f.styled(f.ToggleButtonGroup)(({theme:e})=>({[`& .${f.toggleButtonGroupClasses.grouped}`]:{margin:e.spacing(.5),padding:e.spacing(1.25),minWidth:24,color:e.palette.action.active,border:0,borderRadius:e.shape.borderRadius,[`&.${f.toggleButtonGroupClasses.disabled}`]:{border:0}}})),Fe=f.styled(f.ButtonGroup)(({theme:e})=>({[`& .${f.buttonGroupClasses.grouped}`]:{margin:e.spacing(.5),padding:e.spacing(1.25),minWidth:24,color:e.palette.action.active,border:0,borderRadius:e.shape.borderRadius,[`&.${f.buttonGroupClasses.disabled}`]:{border:0}},[`& .${f.buttonGroupClasses.middleButton},& .${f.buttonGroupClasses.lastButton}`]:{marginLeft:-1,borderLeft:"1px solid transparent"}}));function ae({onClick:e,icon:t=void 0,text:a=void 0,size:r="small",variant:l=void 0,color:i="inherit",tooltip:u=void 0,ariaLabel:g=void 0,children:n=void 0,disabled:d=!1}){return n?s.jsx(V,{size:typeof r=="string"?r:"small",variant:l,color:i,startIcon:t,text:a,disabled:d,children:n}):a?s.jsxs(X,{size:typeof r=="string"?r:"small",variant:l,color:i,"aria-label":g,onClick:e,startIcon:t,disabled:d,children:[u&&s.jsx(f.Tooltip,{placement:"bottom-start",title:u,children:s.jsx("span",{children:a})}),!u&&a]}):s.jsxs(X,{size:typeof r=="string"?r:"small",variant:l,color:i,"aria-label":g,onClick:e,disabled:d,sx:{height:typeof r=="number"?`${r}px`:void 0,width:typeof r=="number"?`${r}px`:void 0},children:[u&&s.jsx(f.Tooltip,{placement:"bottom-start",title:u,children:s.jsx("span",{children:t})}),!u&&t]})}function Ne({buttons:e,size:t="small",ariaLabel:a=void 0,orientation:r="horizontal"}){return s.jsx(Fe,{size:t,"aria-label":a,orientation:r,children:e.map((l,i)=>s.jsx(ae,{onClick:l.onClick,icon:l.icon,text:l.text,size:l.size,variant:l.variant,color:l.color,tooltip:l.tooltip,ariaLabel:l.ariaLabel,disabled:l.disabled,children:l.children},i))})}function Me({value:e,onChange:t,size:a="small",ariaLabel:r=void 0,exclusive:l=void 0,buttons:i,orientation:u="horizontal"}){return s.jsx(je,{size:a,value:e,onChange:(g,n)=>t(n),"aria-label":r,exclusive:l,orientation:u,children:i.map((g,n)=>s.jsxs(f.ToggleButton,{size:typeof a=="string"?a:"small",value:g.value,"aria-label":g.ariaLabel,sx:{height:typeof a=="number"?`${a}px`:void 0,width:typeof a=="number"?`${a}px`:void 0,padding:g.size==="small"||typeof a=="number"?1:void 0,margin:g.size==="small"||typeof a=="number"?0:void 0},disabled:g.disabled,children:[g.tooltip&&s.jsx(f.Tooltip,{placement:"bottom-start",title:g.tooltip,children:s.jsx("span",{children:g.icon})}),!g.tooltip&&g.icon]},n))})}function ke({items:e,height:t=34,width:a=34,justifyContent:r="left",borderSize:l=1,padding:i=1,backgroundColor:u=void 0,orientation:g="horizontal"}){return s.jsx(f.Paper,{elevation:0,sx:{display:"flex",alignItems:"center",justifyContent:r,border:n=>`${l}px solid ${n.palette.divider}`,flexWrap:"wrap",height:g==="horizontal"?`${t}px`:"100%",minHeight:g==="horizontal"?`${t}px`:void 0,width:g==="vertical"?`${a}px`:"100%",minWidth:g==="vertical"?`${a}px`:void 0,paddingLeft:g==="horizontal"?i:0,paddingRight:g==="horizontal"?i:0,paddingTop:g==="vertical"?i:0,paddingBottom:g==="vertical"?i:0,borderRadius:"0px",backgroundColor:u},children:e.map((n,d)=>n.label?s.jsx(f.Typography,{variant:n.label.variant,component:"div",children:n.label.text},d):n.toggleButtonGroup?s.jsx(Me,{value:n.toggleButtonGroup.value,onChange:n.toggleButtonGroup.onChange,ariaLabel:n.toggleButtonGroup.ariaLabel,exclusive:n.toggleButtonGroup.exclusive,buttons:n.toggleButtonGroup.buttons,orientation:g},d):n.button?s.jsx(ae,{onClick:n.button.onClick,icon:n.button.icon,text:n.button.text,variant:n.button.variant,color:n.button.color,tooltip:n.button.tooltip,ariaLabel:n.button.ariaLabel,disabled:n.button.disabled},d):n.buttonGroup?s.jsx(Ne,{ariaLabel:n.buttonGroup.ariaLabel,buttons:n.buttonGroup.buttons,orientation:g},d):n.other)})}function Ie({options:e,onSelect:t,children:a=void 0}){const[r,l]=o.useState(null),i=o.useCallback(n=>{e.length!==0&&(n.preventDefault(),l(r===null?{mouseX:n.clientX+2,mouseY:n.clientY-6}:null))},[r,e.length]),u=o.useCallback(()=>{l(null)},[]),g=o.useCallback(n=>{t(n),u()},[u,t]);return s.jsxs("div",{onContextMenu:i,style:{cursor:"context-menu"},children:[a,s.jsx(f.Menu,{open:r!==null,onClose:u,anchorReference:"anchorPosition",anchorPosition:r!==null?{top:r.mouseY,left:r.mouseX}:void 0,children:e.map(n=>s.jsxs(f.MenuItem,{onClick:()=>g(n.value),children:[n.icon&&s.jsx(f.ListItemIcon,{children:n.icon}),s.jsx(f.ListItemText,{children:n.displayText}),n.shortcut&&s.jsx(f.ListItemText,{sx:{pl:2,textAlign:"right"},children:n.shortcut})]},n.value))})]})}function re({canIdentifier:e,canIdentifierType:t,onCanIdentifierChange:a,onErrorsChange:r=void 0,hideSection:l=!1,disabled:i=!1,collapsible:u=!1,collapsed:g=!1,collapsedChange:n=void 0}){const d=w.useLocalizedStrings(),C=w.useNumericRadix(),[m,p]=o.useState(!1);o.useEffect(()=>{r&&r(m)},[m,r]);const[h,S]=o.useState(t);o.useEffect(()=>{S(t)},[t]);const L=o.useCallback(v=>{S(v?"extended":"standard")},[]),M=o.useCallback(v=>{let c=v,y=!1;if(c.length>2&&c.toLowerCase().startsWith("0x")&&(c=c.substring(2),y=!0),c=c.toUpperCase(),h==="extended"){const F=parseInt(c,y?16:C);if(Number.isNaN(F)||F<0||F>536870911)return a(v,h),{val:v,err:!0};c=`${F.toString(C).toUpperCase()}`}else if(h==="standard"){const F=parseInt(c,y?16:C);if(Number.isNaN(F)||F<0||F>2047)return a(v,h),{val:v,err:!0};c=`${F.toString(C).toUpperCase()}`}return a(c,h),{val:v,err:!1}},[h,C,a]),A=o.useCallback(v=>{if(v!==h){let c=!1,y=e;if(v==="standard"){const F=parseInt(y,C);(Number.isNaN(F)||F<0||F>2047)&&(c=!0)}else if(v==="extended"){const F=parseInt(y,C);(Number.isNaN(F)||F<0||F>536870911)&&(c=!0)}a(y,v),p(c)}},[h,e,a,C]),j=o.useMemo(()=>s.jsxs(z,{spacing:4,children:[s.jsx(W,{id:"constant-id",fullWidth:!0,value:e,onBlur:M,error:m,onErrorChange:p,disabled:i}),s.jsx(Z,{id:"id-type",label:d.getString("LabelUseExtendedIdentifier"),checked:h==="extended",onChange:v=>{L(v),A(v?"extended":"standard")},disabled:i})]}),[e,h,i,m,d,A,M]);return l?j:s.jsx(Y,{text:d.getString("LabelCanIdentifier"),summary:e,collapsible:u,collapsed:g,collapsedChange:n,children:j})}function ye({frame:e,onFrameChange:t,onErrorsChange:a=void 0,collapsible:r=!1,collapsed:l=!1,collapsedChange:i=void 0}){var C;const u=w.useNumericRadix(),g=o.useMemo(()=>{var m,p;return((p=(m=e.canFrameFlags)==null?void 0:m.flags)==null?void 0:p.includes(O.CanFrameFlag.CAN_FRAME_FLAG_EXT))===!0?"extended":"standard"},[(C=e.canFrameFlags)==null?void 0:C.flags]),n=o.useMemo(()=>`${(e.id??0).toString(u).toUpperCase()}`,[g,e.id,u]),d=o.useCallback((m,p)=>{var A;let h=e.id??0;h=parseInt(m,u);const S=(A=e.canFrameFlags)!=null&&A.flags?{flags:[...e.canFrameFlags.flags]}:{flags:[]},L=S.flags.indexOf(O.CanFrameFlag.CAN_FRAME_FLAG_STD);L!==-1&&S.flags.splice(L,1);const M=S.flags.indexOf(O.CanFrameFlag.CAN_FRAME_FLAG_EXT);if(M!==-1&&S.flags.splice(M,1),p==="extended"?S.flags.push(O.CanFrameFlag.CAN_FRAME_FLAG_EXT):p==="standard"&&S.flags.push(O.CanFrameFlag.CAN_FRAME_FLAG_STD),h!==e.id||!Q(S,e.canFrameFlags)){const j={...e};j.id=h,j.canFrameFlags=S,t(j)}},[e,u,t]);return s.jsx(re,{canIdentifier:n,canIdentifierType:g,onCanIdentifierChange:d,onErrorsChange:a,collapsible:r,collapsed:l,collapsedChange:i})}function se({canIdentifier:e,identifierGeneratorType:t,minCanIdentifier:a,maxCanIdentifier:r,canIdentifierType:l,onChange:i,onErrorsChange:u=void 0,canIdentifierGeneratorSettingsError:g=void 0,disabled:n=!1,collapsible:d=!1,collapsed:C=!1,collapsedChange:m=void 0}){const p=w.useLocalizedStrings(),h=w.useNumericRadix(),[S,L]=o.useState(!1),[M,A]=o.useState(!1),[j,v]=o.useState(!1),[c,y]=o.useState(l);o.useEffect(()=>{y(l)},[l]);const F=o.useCallback(k=>{y(k?"extended":"standard")},[]),R=o.useCallback(k=>{let I=k,B=!1;if(I.length>2&&I.toLowerCase().startsWith("0x")&&(I=I.substring(2),B=!0),I=I.toUpperCase(),c==="extended"){const b=parseInt(I,B?16:h);if(Number.isNaN(b)||b<0||b>536870911)return i(k,t,a,r,c),{val:k,err:!0};I=`${b.toString(h).toUpperCase()}`}else if(c==="standard"){const b=parseInt(I,B?16:h);if(Number.isNaN(b)||b<0||b>2047)return i(k,t,a,r,c),{val:k,err:!0};I=`${b.toString(h).toUpperCase()}`}return i(I,t,a,r,c),{val:k,err:!1}},[c,t,r,a,h,i]),$=o.useCallback((k,I,B)=>{let b=k,N=-1,x=!1;if(b.length>2&&b.toLowerCase().startsWith("0x")&&(b=b.substring(2),x=!0),b=b.toUpperCase(),I==="extended"){if(N=parseInt(b,x?16:h),Number.isNaN(N)||N<0||N>536870911)return B(k),{val:k,err:!0,id:N};b=`${N.toString(h).toUpperCase()}`}else if(I==="standard"){if(N=parseInt(b,x?16:h),Number.isNaN(N)||N<0||N>2047)return B(k),{val:k,err:!0,id:N};b=`${N.toString(h).toUpperCase()}`}return B(b),{val:b,err:!1,id:N}},[h]),_=o.useCallback(k=>{const I=$(k,c,b=>i(e,t,b,r,c)),B=$(r,c,()=>{});return!I.err&&!B.err&&(I.id>=B.id?(I.err=!0,A(!0)):A(!1)),{val:I.val,err:I.err}},[e,c,t,r,i,$]),D=o.useCallback(k=>{const I=$(k,c,b=>i(e,t,a,b,c)),B=$(a,c,()=>{});return!B.err&&!I.err&&(B.id>=I.id?(I.err=!0,v(!0)):v(!1)),{val:I.val,err:I.err}},[e,c,t,a,i,$]),P=o.useCallback(k=>{if(k!==c){let I=e;const B=$(a,k,()=>{}),b=$(r,k,()=>{});i(I,t,B.val,b.val,k)}},[c,e,$,a,r,i,t,h]),U=o.useCallback(k=>{let I=e;const B=$(a,c,()=>{}),b=$(r,c,()=>{});i(I,k,B.val,b.val,c)},[c,e,$,a,r,i,t,h]);return o.useEffect(()=>{u&&u(t==="constant"&&S||(t==="random"||t==="scan")&&(M||j)),g&&(g.current=t==="constant"&&S||(t==="random"||t==="scan")&&(M||j))},[S,g,t,j,M,u]),s.jsx(Y,{text:p.getString("LabelCanIdentifier"),summary:t==="constant"?e:t==="random"?`${p.getString("LabelRandom")} ${a}-${r}`:`${p.getString("LabelScan")} ${a}-${r}`,collapsible:d,collapsed:C,collapsedChange:m,children:s.jsxs(te,{id:"identifier-radio-group",value:t,onChange:k=>{U(k)},children:[s.jsxs(z,{spacing:4,children:[s.jsx(G,{id:"constant-id-radio",value:"constant",label:p.getString("LabelConstantIdentifier"),sx:{marginLeft:"-11px !important"},disabled:n}),s.jsx(W,{id:"constant-id",fullWidth:!0,value:e,error:S,onErrorChange:L,disabled:n||t!=="constant",required:t==="constant",onBlur:R}),s.jsx(Z,{id:"id-type",label:p.getString("LabelUseExtendedIdentifier"),checked:c==="extended",onChange:k=>{F(k),P(k?"extended":"standard")},disabled:n})]}),s.jsxs(z,{spacing:4,children:[s.jsx(G,{id:"random-identifier-radio",value:"random",label:p.getString("LabelRandomIdentifier"),sx:{marginLeft:"-11px !important"},disabled:n}),s.jsx(G,{id:"scan-identifier-radio",value:"scan",label:p.getString("LabelScanIdentifier"),disabled:n}),s.jsx(W,{id:"identifier-min",disabled:n||t!=="random"&&t!=="scan",required:t==="random"||t==="scan",fullWidth:!0,value:a??"",error:M,onErrorChange:A,startAdornment:p.getString("LabelFrom"),onBlur:_,sxStartAdornment:{marginBottom:.8}}),s.jsx(W,{id:"identifier-max",disabled:n||t!=="random"&&t!=="scan",required:t==="random"||t==="scan",fullWidth:!0,value:r??"",error:j,onErrorChange:v,startAdornment:p.getString("LabelTo"),onBlur:D,sxStartAdornment:{marginBottom:.8}})]})]})})}function Le({settings:e,onSettingsChange:t,onErrorsChange:a=void 0,canIdentifierGeneratorSettingsError:r=void 0,disabled:l=!1,collapsible:i=!1,collapsed:u=!1,collapsedChange:g=void 0}){var L,M,A;const n=w.useNumericRadix(),d=o.useMemo(()=>{var j,v,c;return((c=(v=(j=e.frame)==null?void 0:j.canFrameFlags)==null?void 0:v.flags)==null?void 0:c.includes(O.CanFrameFlag.CAN_FRAME_FLAG_EXT))===!0?"extended":"standard"},[(M=(L=e.frame)==null?void 0:L.canFrameFlags)==null?void 0:M.flags]),C=o.useMemo(()=>{var v;return`${(((v=e.frame)==null?void 0:v.id)??0).toString(n).toUpperCase()}`},[n,(A=e.frame)==null?void 0:A.id]),m=o.useMemo(()=>`${(e.identifierMin??0).toString(n).toUpperCase()}`,[n,e.identifierMin]),p=o.useMemo(()=>`${(e.identifierMax??0).toString(n).toUpperCase()}`,[n,e.identifierMax]),h=o.useMemo(()=>e.randomIdentifier===!0?"random":e.scanIdentifier===!0?"scan":"constant",[e.randomIdentifier,e.scanIdentifier]),S=o.useCallback((j,v,c,y,F)=>{var I,B,b,N;const R=F,$=parseInt(j,n),_=(B=(I=e.frame)==null?void 0:I.canFrameFlags)!=null&&B.flags?{flags:[...e.frame.canFrameFlags.flags]}:{flags:[]},D=_.flags.indexOf(O.CanFrameFlag.CAN_FRAME_FLAG_STD),P=parseInt(c,n),U=parseInt(y,n),k=_.flags.indexOf(O.CanFrameFlag.CAN_FRAME_FLAG_EXT);if(D!==-1&&_.flags.splice(D,1),k!==-1&&_.flags.splice(k,1),R==="extended"?_.flags.push(O.CanFrameFlag.CAN_FRAME_FLAG_EXT):R==="standard"&&_.flags.push(O.CanFrameFlag.CAN_FRAME_FLAG_STD),$!==((b=e.frame)==null?void 0:b.id)||!Q(_,(N=e.frame)==null?void 0:N.canFrameFlags)||v!==h||P!==e.identifierMin||U!==e.identifierMax){const x={...e};x.frame=e.frame?{...e.frame}:O.WriteFrame.fromPartial({id:0,canFrameFlags:{flags:[O.CanFrameFlag.CAN_FRAME_FLAG_STD]},data:Array.from({length:8},()=>0)}),x.frame.id=$,x.frame.canFrameFlags=_,v==="constant"?(x.randomIdentifier=!1,x.scanIdentifier=!1):v==="random"?(x.randomIdentifier=!0,x.scanIdentifier=!1):v==="scan"&&(x.randomIdentifier=!1,x.scanIdentifier=!0),x.identifierMin=P,x.identifierMax=U,t(x)}},[h,n,t,e]);return s.jsx(se,{canIdentifier:C,identifierGeneratorType:h,minCanIdentifier:m,maxCanIdentifier:p,canIdentifierType:d,onChange:S,onErrorsChange:a,canIdentifierGeneratorSettingsError:r,disabled:l,collapsible:i,collapsed:u,collapsedChange:g})}function Re(e,t,a,r){const[l,i]=o.useState(""),[u,g]=o.useState([]);return o.useEffect(()=>{g(n=>{var C;const d=(C=a==null?void 0:a.sources)==null?void 0:C.filter(m=>{var h,S;const p=(S=(h=r==null?void 0:r.find(L=>{var M;return L.nodeId===((M=m.baseNode)==null?void 0:M.identifier)}))==null?void 0:h.errorStatus)==null?void 0:S.errors;return p===void 0||p===""?m.baseNode&&m.channelSettings&&m.channelSettings.canConfiguration&&(!t||m.channelSettings.canConfiguration.silentMode!==!0):!1}).map(m=>({value:m.channelSettings.channelNumber,displayText:m.baseNode.name,canFdMode:m.channelSettings.canConfiguration.canMode>0,identifier:m.baseNode.identifier}));return!d||Q(n,d)?n:d})},[t,a==null?void 0:a.sources,r]),o.useEffect(()=>{const n=u.find(d=>d.identifier===e);i(n?d=>n.value===d?d:n.value:"")},[e,u]),{channelOptions:u,selectedChannelOption:l}}function Ae({channelIdentifier:e,onChannelIdentifierChange:t,hideSilentChannels:a=!1,hideSectionControl:r=!1,disabled:l=!1,collapsible:i=!1,collapsed:u=!1,collapsedChange:g=void 0}){var S;const n=w.useMeasurementSetup(),d=w.useMeasurementStatus(),C=w.useLocalizedStrings(),{channelOptions:m,selectedChannelOption:p}=Re(e,a===!0,n,d),h=o.useCallback(L=>{const M=m.find(v=>v.value===L),A=(M==null?void 0:M.identifier)??"",j=(M==null?void 0:M.canFdMode)===!0;t(A,j)},[m,t]);return r===!0?s.jsx(J,{id:"channel",label:C.getString("LabelChannel"),fullWidth:!0,value:p,onChange:h,options:m,required:!0,disabled:l}):s.jsx(Y,{text:C.getString("LabelChannel"),summary:p===""||(S=m.find(L=>L.value===p))==null?void 0:S.displayText,collapsible:i,collapsed:u,collapsedChange:g,children:s.jsx(J,{id:"channel",label:C.getString("LabelChannel"),fullWidth:!0,value:p,onChange:h,options:m,required:!0,disabled:l})})}const Ee=f.styled(f.Box)(()=>({height:"100%",width:"100%",padding:"4px",overflow:"auto"}));exports.CanKingDataProvider=w.CanKingDataProvider;exports.DevicesContext=w.DevicesContext;exports.LocalizedStrings=w.LocalizedStrings;exports.LogMessagesContext=w.LogMessagesContext;exports.MeasurementSetupContext=w.MeasurementSetupContext;exports.MeasurementStatusContext=w.MeasurementStatusContext;exports.OnlineStatusContext=w.OnlineStatusContext;exports.RunningPeriodicTransmissionsContext=w.RunningPeriodicTransmissionsContext;exports.UserSettingsContext=w.UserSettingsContext;exports.WorkspacePanesContext=w.WorkspacePanesContext;exports.addEventListener=w.addEventListener;exports.removeEventListener=w.removeEventListener;exports.CanChannelSelectControl=Ae;exports.CanIdentifierControl=re;exports.CanIdentifierFrameControl=ye;exports.CanIdentifierGeneratorControl=se;exports.CanIdentifierGeneratorSettingsControl=Le;exports.CheckboxControl=Z;exports.ContextMenu=Ie;exports.DropdownButton=V;exports.DropdownButtonTextItems=le;exports.DropdownPanel=ce;exports.FillBox=Ee;exports.FormControlRow=z;exports.InlineEditor=ge;exports.NumberRangeControl=xe;exports.OneLineButton=X;exports.RadioControl=G;exports.RadioGroupControl=te;exports.SectionControl=Y;exports.SelectControl=J;exports.SizedBox=pe;exports.TableControl=me;exports.TabsPanel=Se;exports.TextControl=ee;exports.ToolbarControl=ke;exports.ValidateableTextControl=W;