@nordicsemiconductor/pc-nrfconnect-shared 119.0.0 → 121.0.0

package/nrfutil/moduleVersion.ts

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import packageJson from '../src/utils/packageJson';
 import {
     Dependency,
     isIncrementalVersion,
@@ -55,3 +56,27 @@ export const resolveModuleVersion = (
     versions: Dependency[] = []
 ): Dependency | SubDependency | undefined =>
     findTopLevel(module, versions) ?? findInDependencies(module, versions);
+
+const overriddenVersion = (module: string) => {
+    const env = { ...process.env };
+    if (
+        process.env.NODE_ENV !== 'production' ||
+        (process.env.NODE_ENV === 'production' &&
+            !!process.env.NRF_OVERRIDE_NRFUTIL_SETTINGS)
+    ) {
+        return env[`NRF_OVERRIDE_VERSION_${module.toLocaleUpperCase()}`];
+    }
+};
+
+const versionFromPackageJson = (module: string) =>
+    packageJson().nrfConnectForDesktop.nrfutil?.[module][0];
+
+const failToDetermineVersion = (module: string) => {
+    throw new Error(`No version specified for nrfutil-${module}`);
+};
+
+export const versionToInstall = (module: string, version?: string) =>
+    version ??
+    overriddenVersion(module) ??
+    versionFromPackageJson(module) ??
+    failToDetermineVersion(module);

package/nrfutil/sandbox.ts

@@ -10,7 +10,7 @@ import os from 'os';
 import path from 'path';
 
 import describeError from '../src/logging/describeError';
-import packageJson from '../src/utils/packageJson';
+import { versionToInstall } from './moduleVersion';
 import { getNrfutilLogger } from './nrfutilLogger';
 import {
     BackgroundTask,
@@ -492,30 +492,10 @@ export default async (
     version?: string,
     onProgress?: (progress: Progress, task?: Task) => void
 ) => {
-    const env = { ...process.env };
-    let overrideVersion: string | undefined;
-    if (
-        process.env.NODE_ENV !== 'production' ||
-        (process.env.NODE_ENV === 'production' &&
-            !!process.env.NRF_OVERRIDE_NRFUTIL_SETTINGS)
-    ) {
-        overrideVersion =
-            env[`NRF_OVERRIDE_VERSION_${module.toLocaleUpperCase()}`] ??
-            undefined;
-    }
-
-    const moduleVersions = overrideVersion
-        ? [overrideVersion]
-        : packageJson().nrfConnectForDesktop?.nrfutil?.[module];
-
-    if (!version && (!moduleVersions || moduleVersions.length === 0)) {
-        throw new Error(`No version specified for nrfutil-${module}`);
-    }
-
     const sandbox = new NrfutilSandbox(
         baseDir,
         module,
-        version ?? (moduleVersions?.[0] as string)
+        versionToInstall(module, version)
     );
 
     onProgress?.(convertNrfutilProgress({ progressPercentage: 0 }));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nordicsemiconductor/pc-nrfconnect-shared",
-    "version": "119.0.0",
+    "version": "121.0.0",
     "description": "Shared commodities for developing pc-nrfconnect-* packages",
     "repository": {
         "type": "git",

package/src/App/shared.scss

@@ -19,7 +19,6 @@ body,
 body {
     -webkit-user-select: none;
     -webkit-app-region: drag;
-    cursor: default;
 }
 
 .modal-content {

package/src/Device/DeviceSelector/DeviceSelector.test.tsx

@@ -5,12 +5,7 @@
  */
 
 import React from 'react';
-import {
-    fireEvent,
-    screen,
-    waitFor,
-    waitForElementToBeRemoved,
-} from '@testing-library/react';
+import { fireEvent, screen, waitFor } from '@testing-library/react';
 
 import render from '../../../test/testrenderer';
 import { addDevice, Device, removeDevice } from '../deviceSlice';
@@ -337,14 +332,19 @@ describe('DeviceSelector', () => {
 
         fireEvent.click(screen.getByText('Select device'));
         fireEvent.click(screen.getByText(testDevice.serialNumber));
-        await screen.findByText('No');
+
+        await screen.findByText(
+            'Device must be programmed, do you want to proceed?'
+        );
+
         fireEvent.click(screen.getByText('No'));
 
-        await waitForElementToBeRemoved(() =>
+        expect(
             screen.queryByText(
                 'Device must be programmed, do you want to proceed?'
             )
-        );
+        ).toBeNull();
+
         expect(screen.getAllByText(testDevice.serialNumber)).toHaveLength(2);
     });
 });

package/src/Device/DeviceSelector/DeviceSelector.tsx

@@ -59,10 +59,10 @@ export default ({
     const showSelectedDevice = deviceIsSelected || waitingToAutoReconnect;
 
     const doDeselectDevice = useCallback(() => {
-        onDeviceDeselected();
-        dispatch(deselectDevice());
         dispatch(clearWaitForDevice());
         dispatch(setAutoSelectDevice(undefined));
+        onDeviceDeselected();
+        dispatch(deselectDevice());
     }, [dispatch, onDeviceDeselected]);
 
     // Ensure that useCallback is

package/src/Device/deviceLister.ts

@@ -143,17 +143,17 @@ const removeDeviceFromList =
     ): AppThunk =>
     (dispatch, getState) => {
         if (
-            removedDevice.serialNumber ===
+            removedDevice.serialNumber !==
             getState().device.selectedSerialNumber
         ) {
-            onDeviceDeselected();
+            dispatch(removeDevice(removedDevice));
+            onDeviceDisconnected(removedDevice);
+            return;
         }
 
-        if (
-            removedDevice.serialNumber ===
-                getState().device.selectedSerialNumber &&
-            !getState().deviceAutoSelect.waitForDevice
-        ) {
+        onDeviceDeselected();
+
+        if (!getState().deviceAutoSelect.waitForDevice) {
             dispatch(closeDeviceSetupDialog());
         }
 

package/src/Device/deviceSetup.ts

@@ -153,6 +153,7 @@ export const prepareDevice =
         };
 
         const cancelAction = async () => {
+            dispatch(closeDeviceSetupDialog());
             let i = 0;
             do {
                 const deviceSetup = validDeviceSetups[i];

package/src/Dropdown/Dropdown.tsx

@@ -11,9 +11,9 @@ import classNames from '../utils/classNames';
 
 import styles from './Dropdown.module.scss';
 
-export interface DropdownItem {
+export interface DropdownItem<T = string> {
     label: React.ReactNode;
-    value: string;
+    value: T;
 }
 
 export interface DropdownProps {

package/src/InlineInput/InlineInput.tsx

@@ -57,6 +57,9 @@ interface Props {
     onKeyboardIncrementAction?: () => string;
     onKeyboardDecrementAction?: () => string;
     className?: string;
+    textAlignLeft?: boolean;
+    onValidityChanged?: (validity: boolean) => void;
+    preventDefaultInvalidStyle?: boolean;
 }
 
 const InlineInput = React.forwardRef<HTMLInputElement, Props>(
@@ -70,19 +73,28 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
             onKeyboardIncrementAction = () => externalValue,
             onKeyboardDecrementAction = () => externalValue,
             className = '',
+            textAlignLeft = false,
+            onValidityChanged,
+            preventDefaultInvalidStyle,
         },
         ref
     ) => {
         const [internalValue, setInternalValue] = useState(externalValue);
         const [initialValue, setInitialValue] = useState(externalValue);
         useSynchronisationIfChangedFromOutside(externalValue, setInternalValue);
+
         const onChangeIfValid = (newValue: string) => {
             if (disabled) {
                 return;
             }
 
+            const validity = isValid(newValue);
+            if (onValidityChanged != null) {
+                onValidityChanged(validity);
+            }
+
             setInternalValue(newValue);
-            if (isValid(newValue)) {
+            if (validity) {
                 if (externalValue !== newValue) {
                     onChange(newValue);
                 }
@@ -94,7 +106,9 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
                 return;
             }
 
-            if (isValid(internalValue)) {
+            const validity = isValid(internalValue);
+
+            if (validity) {
                 if (initialValue !== internalValue) {
                     setInitialValue(internalValue);
                     onChangeComplete(internalValue);
@@ -102,6 +116,11 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
             } else {
                 setInternalValue(externalValue);
             }
+
+            // Should always end up valid in this case
+            if (onValidityChanged != null) {
+                onValidityChanged(true);
+            }
         };
 
         const onChangeCompleteIfValid = (event: React.KeyboardEvent) => {
@@ -144,8 +163,11 @@ const InlineInput = React.forwardRef<HTMLInputElement, Props>(
                 type="text"
                 className={classNames(
                     'inline-input',
-                    isValid(internalValue) || 'invalid',
+                    preventDefaultInvalidStyle
+                        ? null
+                        : isValid(internalValue) || 'invalid',
                     disabled && 'disabled',
+                    textAlignLeft && 'tw-pl-2 tw-text-left',
                     className
                 )}
                 size={

package/src/InlineInput/NumberInlineInput.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-import React, { FC } from 'react';
+import React from 'react';
 
 import { isFactor } from '../Slider/factor';
 import {
@@ -19,12 +19,16 @@ import InlineInput from './InlineInput';
 
 import './number-inline-input.scss';
 
-export interface Props {
+export interface NumberInlineInput {
     disabled?: boolean;
     value: number;
     range: RangeOrValues;
+    className?: string;
     onChange: (value: number) => void;
     onChangeComplete?: (value: number) => void;
+    textAlignLeft?: boolean;
+    onValidityChanged?: (validity: boolean) => void;
+    preventDefaultInvalidStyle?: boolean;
 }
 
 const isInValues = (value: number, values: Values) => values.includes(value);
@@ -77,21 +81,24 @@ const changeValueStepwise = (
     return nextValue != null ? nextValue : current;
 };
 
-const NumberInlineInput: FC<Props> = ({
+export default ({
     disabled,
     value,
     range,
+    className,
     onChange,
     onChangeComplete = () => {},
-}) => {
+    textAlignLeft,
+    onValidityChanged,
+    preventDefaultInvalidStyle,
+}: NumberInlineInput) => {
     useValidatedRangeOrValues(range);
 
     return (
         <InlineInput
-            className="number-inline-input"
+            className={`${className} number-inline-input`}
             disabled={disabled}
             value={String(value)}
-            isValid={newValue => isValid(Number(newValue), range)}
             onChange={newValue => onChange(Number(newValue))}
             onChangeComplete={newValue => onChangeComplete(Number(newValue))}
             onKeyboardIncrementAction={() =>
@@ -100,8 +107,17 @@ const NumberInlineInput: FC<Props> = ({
             onKeyboardDecrementAction={() =>
                 changeValueStepwise(value, range, -1).toString()
             }
+            textAlignLeft={textAlignLeft}
+            isValid={newValue => {
+                const validity = isValid(Number(newValue), range);
+                if (onValidityChanged != null) {
+                    // Then propagate the validity back to parent
+                    onValidityChanged(validity);
+                }
+                return validity;
+            }}
+            onValidityChanged={onValidityChanged}
+            preventDefaultInvalidStyle={preventDefaultInvalidStyle}
         />
     );
 };
-
-export default NumberInlineInput;

package/src/InlineInput/NumberInputWithDropdown.tsx

@@ -0,0 +1,132 @@
+/*
+ * Copyright (c) 2023 Nordic Semiconductor ASA
+ *
+ * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
+ */
+
+import React, { useState } from 'react';
+import FormLabel from 'react-bootstrap/esm/FormLabel';
+
+import { DropdownItem } from '../Dropdown/Dropdown';
+import { RangeOrValues } from '../Slider/range';
+import classNames from '../utils/classNames';
+import NumberInlineInput from './NumberInlineInput';
+
+import styles from '../Dropdown/Dropdown.module.scss';
+
+export type NumberDropdownItem = DropdownItem<number>;
+
+interface DropdownProps {
+    id?: string;
+    label?: React.ReactNode;
+    items: NumberDropdownItem[];
+    value: number;
+    onChange: (value: number) => void;
+    range: RangeOrValues;
+    numItemsBeforeScroll?: number;
+    className?: string;
+    disabled?: boolean;
+    title?: string;
+}
+
+export default ({
+    id,
+    label,
+    items,
+    value,
+    onChange,
+    range,
+    numItemsBeforeScroll = 0,
+    className = '',
+    disabled = false,
+    title,
+}: DropdownProps) => {
+    const [isActive, setIsActive] = useState(false);
+    const [inlineValue, setInlineValue] = useState(value);
+    const [isValid, setIsValid] = useState(true);
+
+    const setNewValue = (newValue: number) => {
+        setInlineValue(newValue);
+        onChange(newValue);
+        setIsActive(false);
+    };
+    const onClickItem = (item: NumberDropdownItem) => {
+        if (item.value != null && typeof item.value === 'number') {
+            setNewValue(item.value);
+        }
+    };
+
+    return (
+        <div
+            className={`tw-preflight tw-relative tw-w-full ${className}`}
+            onBlur={event => {
+                if (!event.currentTarget.contains(event.relatedTarget)) {
+                    setIsActive(false);
+                }
+            }}
+            title={title}
+        >
+            <FormLabel className="tw-mb-1 tw-text-xs">{label}</FormLabel>
+            <div className="tw-flex tw-h-8 tw-w-full">
+                <NumberInlineInput
+                    value={inlineValue}
+                    range={range}
+                    onChange={val => setInlineValue(val)}
+                    onChangeComplete={val => setNewValue(val)}
+                    className={`tw-x-2 tw-h-full tw-w-full tw-bg-gray-700 tw-text-white tw-underline tw-underline-offset-2 ${
+                        isValid ? 'tw-decoration-white' : 'tw-decoration-red'
+                    }`}
+                    textAlignLeft
+                    onValidityChanged={setIsValid}
+                    preventDefaultInvalidStyle
+                />
+                <button
+                    id={id}
+                    type="button"
+                    className="tw-overflow-hidden tw-border-b tw-border-solid tw-border-b-gray-200 tw-bg-gray-700 tw-px-2 tw-text-white"
+                    onClick={() => setIsActive(!isActive)}
+                    disabled={disabled}
+                >
+                    <span
+                        className={`mdi mdi-chevron-down tw-text-lg ${classNames(
+                            isActive && 'tw-rotate-180'
+                        )}`}
+                    />
+                </button>
+            </div>
+            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- We need an interactive handler as described below */}
+            <div
+                onMouseDown={ev => {
+                    // To prevent the dropdown from closing when users click on the scrollbar of the items
+                    ev.preventDefault();
+                }}
+                style={
+                    numItemsBeforeScroll > 0
+                        ? {
+                              maxHeight: `${numItemsBeforeScroll * 24}px`,
+                          }
+                        : {}
+                }
+                data-height={
+                    numItemsBeforeScroll > 0 &&
+                    items.length > numItemsBeforeScroll
+                }
+                className={`tw-text-while tw-absolute tw-right-0 tw-z-10 tw-w-full tw-bg-gray-700 tw-p-0 ${classNames(
+                    styles.content,
+                    !isActive && 'tw-hidden'
+                )}`}
+            >
+                {items.map(item => (
+                    <button
+                        type="button"
+                        className="tw-bg-transparent tw-clear-both tw-block tw-h-6 tw-w-full tw-whitespace-nowrap tw-border-0 tw-px-2 tw-py-1 tw-text-left tw-font-normal tw-text-white hover:tw-bg-gray-600 focus:tw-bg-gray-600"
+                        key={item.value}
+                        onClick={() => onClickItem(item)}
+                    >
+                        {item.label}
+                    </button>
+                ))}
+            </div>
+        </div>
+    );
+};

package/src/index.ts

@@ -48,6 +48,8 @@ export { Group, CollapsibleGroup } from './SidePanel/Group';
 export { default as InlineInput } from './InlineInput/InlineInput';
 export { default as NumberInlineInput } from './InlineInput/NumberInlineInput';
 export { default as NumberInputSliderWithUnit } from './NumberInputWithSlider/NumberInputSliderWithUnit';
+export { default as NumberInputWithDropdown } from './InlineInput/NumberInputWithDropdown';
+export type { NumberDropdownItem } from './InlineInput/NumberInputWithDropdown';
 
 export { default as Spinner } from './Spinner/Spinner';
 

package/src/utils/packageJson.ts

@@ -21,7 +21,7 @@ const parsedPackageJson = () => {
         cache = parsed.data;
     } else {
         throw new Error(
-            `The env variable PACKAGE_JSON_OF_APP must be defined during bundling (through the bundler settings) with a valid package.json but wasn't. Fix this. Error: ${parsed.error.details}`
+            `The env variable PACKAGE_JSON_OF_APP must be defined during bundling (through the bundler settings) with a valid package.json but wasn't. Fix this. Error: ${parsed.error.message}`
         );
     }
 

package/typings/generated/nrfutil/moduleVersion.d.ts

@@ -2,5 +2,6 @@ import { Dependency, SubDependency } from './sandboxTypes';
 export declare const describeVersion: (version?: SubDependency | string) => string;
 type KnownModule = 'nrfdl' | 'jprog' | 'JlinkARM';
 export declare const resolveModuleVersion: (module: KnownModule, versions?: Dependency[]) => Dependency | SubDependency | undefined;
+export declare const versionToInstall: (module: string, version?: string) => string;
 export {};
 //# sourceMappingURL=moduleVersion.d.ts.map

package/typings/generated/nrfutil/moduleVersion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moduleVersion.d.ts","sourceRoot":"","sources":["../../../nrfutil/moduleVersion.ts"],"names":[],"mappings":"AAMA,OAAO,EACH,UAAU,EAIV,aAAa,EAChB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,eAAe,aAAc,aAAa,GAAG,MAAM,WAc/D,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAsBlD,eAAO,MAAM,oBAAoB,WACrB,WAAW,aACT,UAAU,EAAE,KACvB,UAAU,GAAG,aAAa,GAAG,SAC0C,CAAC"}
+{"version":3,"file":"moduleVersion.d.ts","sourceRoot":"","sources":["../../../nrfutil/moduleVersion.ts"],"names":[],"mappings":"AAOA,OAAO,EACH,UAAU,EAIV,aAAa,EAChB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,eAAe,aAAc,aAAa,GAAG,MAAM,WAc/D,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAsBlD,eAAO,MAAM,oBAAoB,WACrB,WAAW,aACT,UAAU,EAAE,KACvB,UAAU,GAAG,aAAa,GAAG,SAC0C,CAAC;AAoB3E,eAAO,MAAM,gBAAgB,WAAY,MAAM,YAAY,MAAM,WAI/B,CAAC"}

package/typings/generated/nrfutil/sandbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../../../nrfutil/sandbox.ts"],"names":[],"mappings":"AAcA,OAAO,EACH,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EAGb,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACV,MAAM,gBAAgB,CAAC;AAcxB,QAAA,MAAM,UAAU,YAAa,MAAM,UAAU,MAAM,WAAW,MAAM;;;;;;;;;;;CAqBnE,CAAC;AAgDF,qBAAa,cAAc;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CAAC,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC,EAAE,CAAM;IAC1D,QAAQ,EAAE,QAAQ,CAAU;IAC5B,GAAG,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;gBAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;IAQ5D,OAAO,CAAC,kBAAkB,CAOxB;IAEK,gBAAgB,+BAUrB;IAEK,kBAAkB,yBAmBvB;IAEK,cAAc,4BACO,QAAQ,SAAS,IAAI,KAAK,IAAI,gCAsBxD;IAEF,OAAO,CAAC,WAAW,CAqEjB;IAEK,cAAc,oBACR,MAAM,QACT,MAAM,EAAE,2BACU,QAAQ,SAAS,IAAI,KAAK,IAAI,0CAC5B,SAAS,KAAK,IAAI,0DACF,IAAI,4BACjC,eAAe;;;OAS1B;IAEN,OAAO,CAAC,WAAW,CAyEZ;IAEA,wBAAwB,oBAClB,MAAM,QACT,MAAM,EAAE;yBA2CO,MAAM,IAAI;;qCAKE,KAAK,KAAK,IAAI,qBA3Cf,KAAK,KAAK,IAAI;MAkDhD;IAEK,8BAA8B,eACxB,MAAM,2BACS,QAAQ,SAAS,IAAI,KAAK,IAAI,4BACzC,eAAe,SACtB,MAAM,EAAE,sCAahB;IAEK,kCAAkC,sBAC5B,MAAM,2BACS,QAAQ,SAAS,IAAI,KAAK,IAAI,4BACzC,eAAe,SACtB,MAAM,EAAE,4BAehB;IAEK,+BAA+B,sBACzB,MAAM,eACF,eAAe,SACtB,MAAM,EAAE,gBAehB;IAEK,SAAS,sBAAuB,UAAU,KAAK,IAAI,sBAzW5B,UAAU,KAAK,IAAI,IAiX/C;IAEK,WAAW,UAAW,QAAQ,UAEnC;CACL;kCAGY,MAAM,UACP,MAAM,YACJ,MAAM,2BACQ,QAAQ,SAAS,IAAI,KAAK,IAAI;AAJ1D,wBAyCE"}
+{"version":3,"file":"sandbox.d.ts","sourceRoot":"","sources":["../../../nrfutil/sandbox.ts"],"names":[],"mappings":"AAcA,OAAO,EACH,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EAGb,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACV,MAAM,gBAAgB,CAAC;AAcxB,QAAA,MAAM,UAAU,YAAa,MAAM,UAAU,MAAM,WAAW,MAAM;;;;;;;;;;;CAqBnE,CAAC;AAgDF,qBAAa,cAAc;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CAAC,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC,EAAE,CAAM;IAC1D,QAAQ,EAAE,QAAQ,CAAU;IAC5B,GAAG,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;gBAEvB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;IAQ5D,OAAO,CAAC,kBAAkB,CAOxB;IAEK,gBAAgB,+BAUrB;IAEK,kBAAkB,yBAmBvB;IAEK,cAAc,4BACO,QAAQ,SAAS,IAAI,KAAK,IAAI,gCAsBxD;IAEF,OAAO,CAAC,WAAW,CAqEjB;IAEK,cAAc,oBACR,MAAM,QACT,MAAM,EAAE,2BACU,QAAQ,SAAS,IAAI,KAAK,IAAI,0CAC5B,SAAS,KAAK,IAAI,0DACF,IAAI,4BACjC,eAAe;;;OAS1B;IAEN,OAAO,CAAC,WAAW,CAyEZ;IAEA,wBAAwB,oBAClB,MAAM,QACT,MAAM,EAAE;yBA2CO,MAAM,IAAI;;qCAKE,KAAK,KAAK,IAAI,qBA3Cf,KAAK,KAAK,IAAI;MAkDhD;IAEK,8BAA8B,eACxB,MAAM,2BACS,QAAQ,SAAS,IAAI,KAAK,IAAI,4BACzC,eAAe,SACtB,MAAM,EAAE,sCAahB;IAEK,kCAAkC,sBAC5B,MAAM,2BACS,QAAQ,SAAS,IAAI,KAAK,IAAI,4BACzC,eAAe,SACtB,MAAM,EAAE,4BAehB;IAEK,+BAA+B,sBACzB,MAAM,eACF,eAAe,SACtB,MAAM,EAAE,gBAehB;IAEK,SAAS,sBAAuB,UAAU,KAAK,IAAI,sBAzW5B,UAAU,KAAK,IAAI,IAiX/C;IAEK,WAAW,UAAW,QAAQ,UAEnC;CACL;kCAGY,MAAM,UACP,MAAM,YACJ,MAAM,2BACQ,QAAQ,SAAS,IAAI,KAAK,IAAI;AAJ1D,wBAqBE"}

package/typings/generated/src/Device/deviceSetup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deviceSetup.d.ts","sourceRoot":"","sources":["../../../../src/Device/deviceSetup.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,QAAQ;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IACxB,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,EAAE,CACX,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,KACvD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;KAC7C,EAAE,CAAC;IACJ,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAC5C,SAAS,EACT,OAAO,CAAC;QACJ,MAAM,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;KAC1B,CAAC,CACL,CAAC;IACF,4BAA4B,EAAE,CAC1B,MAAM,EAAE,MAAM,KACb,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,WAEV,MAAM,qBACK,iBAAiB,sBAChB,MAAM,KAAK,IAAI,oBACjB,OAAO,KAAK,IAAI,+EAGnC,SAAS,SAAS,EAAE,QAAQ,IAAI,CAAC,CAuJnC,CAAC;AAEN,eAAO,MAAM,WAAW,WAER,MAAM,qBACK,iBAAiB,4BACV,MAAM,KAAK,IAAI,oBACvB,MAAM,IAAI,KAC7B,SAAS,SAAS,CA6BhB,CAAC"}
+{"version":3,"file":"deviceSetup.d.ts","sourceRoot":"","sources":["../../../../src/Device/deviceSetup.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,QAAQ;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IACxB,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IACrD,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK;QACpC,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,EAAE,CACX,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,KACvD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;KAC7C,EAAE,CAAC;IACJ,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAC5C,SAAS,EACT,OAAO,CAAC;QACJ,MAAM,EAAE,MAAM,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;KAC1B,CAAC,CACL,CAAC;IACF,4BAA4B,EAAE,CAC1B,MAAM,EAAE,MAAM,KACb,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,WAEV,MAAM,qBACK,iBAAiB,sBAChB,MAAM,KAAK,IAAI,oBACjB,OAAO,KAAK,IAAI,+EAGnC,SAAS,SAAS,EAAE,QAAQ,IAAI,CAAC,CAwJnC,CAAC;AAEN,eAAO,MAAM,WAAW,WAER,MAAM,qBACK,iBAAiB,4BACV,MAAM,KAAK,IAAI,oBACvB,MAAM,IAAI,KAC7B,SAAS,SAAS,CA6BhB,CAAC"}

package/typings/generated/src/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export interface DropdownItem {
+export interface DropdownItem<T = string> {
     label: React.ReactNode;
-    value: string;
+    value: T;
 }
 export interface DropdownProps {
     id?: string;

package/typings/generated/src/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;mHAWE,aAAa;AAThB,wBAkFE"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACpC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,CAAC,CAAC;CACZ;AAED,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;mHAWE,aAAa;AAThB,wBAkFE"}

package/typings/generated/src/InlineInput/InlineInput.d.ts

@@ -9,6 +9,9 @@ interface Props {
     onKeyboardIncrementAction?: () => string;
     onKeyboardDecrementAction?: () => string;
     className?: string;
+    textAlignLeft?: boolean;
+    onValidityChanged?: (validity: boolean) => void;
+    preventDefaultInvalidStyle?: boolean;
 }
 declare const InlineInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
 export default InlineInput;

package/typings/generated/src/InlineInput/InlineInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/InlineInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,qBAAqB,CAAC;AAwC7B,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,gFA0GhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"InlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/InlineInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,qBAAqB,CAAC;AAwC7B,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,yBAAyB,CAAC,EAAE,MAAM,MAAM,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,QAAA,MAAM,WAAW,gFA6HhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/typings/generated/src/InlineInput/NumberInlineInput.d.ts

@@ -1,13 +1,17 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import { RangeOrValues } from '../Slider/range';
 import './number-inline-input.scss';
-export interface Props {
+export interface NumberInlineInput {
     disabled?: boolean;
     value: number;
     range: RangeOrValues;
+    className?: string;
     onChange: (value: number) => void;
     onChangeComplete?: (value: number) => void;
+    textAlignLeft?: boolean;
+    onValidityChanged?: (validity: boolean) => void;
+    preventDefaultInvalidStyle?: boolean;
 }
-declare const NumberInlineInput: FC<Props>;
-export default NumberInlineInput;
+declare const _default: ({ disabled, value, range, className, onChange, onChangeComplete, textAlignLeft, onValidityChanged, preventDefaultInvalidStyle, }: NumberInlineInput) => JSX.Element;
+export default _default;
 //# sourceMappingURL=NumberInlineInput.d.ts.map

package/typings/generated/src/InlineInput/NumberInlineInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/NumberInlineInput.tsx"],"names":[],"mappings":"AAMA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAIH,aAAa,EAGhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,KAAK;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAoDD,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAyBhC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"NumberInlineInput.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/NumberInlineInput.tsx"],"names":[],"mappings":";AASA,OAAO,EAIH,aAAa,EAGhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACxC;2JA8DE,iBAAiB;AAVpB,wBAuCE"}

package/typings/generated/src/InlineInput/NumberInputWithDropdown.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DropdownItem } from '../Dropdown/Dropdown';
+import { RangeOrValues } from '../Slider/range';
+export type NumberDropdownItem = DropdownItem<number>;
+interface DropdownProps {
+    id?: string;
+    label?: React.ReactNode;
+    items: NumberDropdownItem[];
+    value: number;
+    onChange: (value: number) => void;
+    range: RangeOrValues;
+    numItemsBeforeScroll?: number;
+    className?: string;
+    disabled?: boolean;
+    title?: string;
+}
+declare const _default: ({ id, label, items, value, onChange, range, numItemsBeforeScroll, className, disabled, title, }: DropdownProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=NumberInputWithDropdown.d.ts.map

package/typings/generated/src/InlineInput/NumberInputWithDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputWithDropdown.d.ts","sourceRoot":"","sources":["../../../../src/InlineInput/NumberInputWithDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;AAEtD,UAAU,aAAa;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;0HAaE,aAAa;AAXhB,wBAoGE"}

package/typings/generated/src/index.d.ts

@@ -36,6 +36,8 @@ export { Group, CollapsibleGroup } from './SidePanel/Group';
 export { default as InlineInput } from './InlineInput/InlineInput';
 export { default as NumberInlineInput } from './InlineInput/NumberInlineInput';
 export { default as NumberInputSliderWithUnit } from './NumberInputWithSlider/NumberInputSliderWithUnit';
+export { default as NumberInputWithDropdown } from './InlineInput/NumberInputWithDropdown';
+export type { NumberDropdownItem } from './InlineInput/NumberInputWithDropdown';
 export { default as Spinner } from './Spinner/Spinner';
 export { default as MasonryLayout } from './MasonryLayout/MasonryLayout';
 export { default as sendFeedback } from './Feedback/sendFeedback';