@itwin/imodel-components-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/imodel-components-react/quantityformat/QuantityFormatPanel.js

@@ -1,123 +1,123 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-import * as React from "react";
-import { getQuantityTypeKey, IModelApp, isCheckboxFormatPropEditorSpec, isCustomQuantityTypeDefinition, isTextInputFormatPropEditorSpec, isTextSelectFormatPropEditorSpec, } from "@itwin/core-frontend";
-import { Checkbox, Input, Select } from "@itwin/itwinui-react";
-import { FormatPanel } from "./FormatPanel";
-import { DeepCompare } from "@itwin/core-geometry";
-function createTextInputFormatPropEditor(key, label, inProps, getString, setString, fireFormatChange) {
-    const value = getString(inProps);
-    return (React.createElement(React.Fragment, { key: `${key}` },
-        React.createElement("span", { key: `${key}-label`, className: "uicore-label" }, label),
-        React.createElement(Input, { "data-testid": `${key}-editor`, key: `${key}-editor`, value: value, size: "small", onChange: (e) => {
-                const newProps = setString(inProps, e.currentTarget.value);
-                fireFormatChange(newProps);
-            } })));
-}
-function createSelectFormatPropEditor(key, label, options, inProps, getString, setString, fireFormatChange) {
-    const value = getString(inProps);
-    return (React.createElement(React.Fragment, { key: `${key}` },
-        React.createElement("span", { key: `${key}-label`, className: "uicore-label" }, label),
-        React.createElement(Select, { "data-testid": `${key}-editor`, key: `${key}-editor`, value: value, options: options, size: "small", onChange: (newValue) => {
-                const newProps = setString(inProps, newValue);
-                fireFormatChange(newProps);
-            } })));
-}
-function createCheckboxFormatPropEditor(key, label, inProps, getBool, setBool, fireFormatChange) {
-    const isChecked = getBool(inProps);
-    return (React.createElement(React.Fragment, { key: `${key}` },
-        React.createElement("span", { key: `${key}-label`, className: "uicore-label" }, label),
-        React.createElement(Checkbox, { "data-testid": `${key}-editor`, key: `${key}-editor`, checked: isChecked, onChange: (e) => {
-                const newProps = setBool(inProps, e.target.checked);
-                fireFormatChange(newProps);
-            } })));
-}
-function formatAreEqual(obj1, obj2) {
-    const compare = new DeepCompare();
-    return compare.compare(obj1, obj2);
-}
-/** Component to set properties that control Quantity Formatting.
- * @alpha
- */
-export function QuantityFormatPanel(props) {
-    const { quantityType, onFormatChange, ...otherProps } = props;
-    const [formatProps, setFormatProps] = React.useState();
-    const initialFormatProps = React.useRef();
-    const [persistenceUnit, setPersistenceUnit] = React.useState();
-    React.useEffect(() => {
-        const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);
-        // istanbul ignore else
-        if (!initialFormatProps.current)
-            initialFormatProps.current = newFormatProps;
-        setFormatProps(newFormatProps);
-        const quantityTypeKey = getQuantityTypeKey(quantityType);
-        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
-        // istanbul ignore else
-        if (quantityTypeDefinition)
-            setPersistenceUnit(quantityTypeDefinition.persistenceUnit);
-        else
-            throw Error(`Unable to locate a quantity type with type ${quantityType}`);
-    }, [quantityType]); // no dependencies defined as we want this to run on every render
-    // handle case where quantityType does not change but the formatProps for that quantity type has (ie after a Set or Clear)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    React.useEffect(() => {
-        const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);
-        // istanbul ignore else
-        if (initialFormatProps.current && newFormatProps) {
-            if (!formatAreEqual(newFormatProps, initialFormatProps.current)) {
-                initialFormatProps.current = newFormatProps;
-                setFormatProps(newFormatProps);
-            }
-        }
-    }); // no dependencies defined as we want this to run on every render
-    const handleOnFormatChanged = React.useCallback(async (newProps) => {
-        setFormatProps(newProps);
-        onFormatChange && onFormatChange(newProps);
-    }, [onFormatChange]);
-    const createCustomPropEditors = React.useCallback((specs, inProps, fireFormatChange) => {
-        return specs.map((spec, index) => {
-            if (isCheckboxFormatPropEditorSpec(spec))
-                return createCheckboxFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getBool, spec.setBool, fireFormatChange);
-            if (isTextSelectFormatPropEditorSpec(spec))
-                return createSelectFormatPropEditor(`${spec.editorType}-${index}`, spec.label, spec.selectOptions, inProps, spec.getString, spec.setString, fireFormatChange);
-            /* istanbul ignore else */
-            if (isTextInputFormatPropEditorSpec(spec))
-                return createTextInputFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getString, spec.setString, fireFormatChange);
-            /* istanbul ignore next */
-            return React.createElement("div", { key: index });
-        });
-    }, []);
-    const providePrimaryChildren = React.useCallback((inProps, fireFormatChange) => {
-        const quantityTypeKey = getQuantityTypeKey(quantityType);
-        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
-        if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&
-            quantityTypeDefinition.isCompatibleFormatProps(inProps)) {
-            // istanbul ignore else
-            if (quantityTypeDefinition.primaryPropEditorSpecs)
-                return createCustomPropEditors(quantityTypeDefinition.primaryPropEditorSpecs, inProps, fireFormatChange);
-        }
-        return null;
-    }, [createCustomPropEditors, quantityType]);
-    const provideSecondaryChildren = React.useCallback((inProps, fireFormatChange) => {
-        const quantityTypeKey = getQuantityTypeKey(quantityType);
-        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
-        if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&
-            quantityTypeDefinition.isCompatibleFormatProps(inProps)) {
-            // istanbul ignore else
-            if (quantityTypeDefinition.secondaryPropEditorSpecs)
-                return createCustomPropEditors(quantityTypeDefinition.secondaryPropEditorSpecs, inProps, fireFormatChange);
-        }
-        return null;
-    }, [createCustomPropEditors, quantityType]);
-    const provideFormatSpec = React.useCallback(async (inProps, _persistenceUnit, _unitsProvider) => {
-        return IModelApp.quantityFormatter.generateFormatterSpecByType(quantityType, inProps);
-    }, [quantityType]);
-    return (React.createElement("div", { className: "components-quantityFormat-quantityPanel" }, persistenceUnit && formatProps &&
-        React.createElement(FormatPanel, { onFormatChange: handleOnFormatChanged, ...otherProps, initialFormat: formatProps, unitsProvider: IModelApp.quantityFormatter.unitsProvider, persistenceUnit: persistenceUnit, providePrimaryChildren: providePrimaryChildren, provideSecondaryChildren: provideSecondaryChildren, provideFormatSpec: provideFormatSpec })));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+import * as React from "react";
+import { getQuantityTypeKey, IModelApp, isCheckboxFormatPropEditorSpec, isCustomQuantityTypeDefinition, isTextInputFormatPropEditorSpec, isTextSelectFormatPropEditorSpec, } from "@itwin/core-frontend";
+import { Checkbox, Input, Select } from "@itwin/itwinui-react";
+import { FormatPanel } from "./FormatPanel";
+import { DeepCompare } from "@itwin/core-geometry";
+function createTextInputFormatPropEditor(key, label, inProps, getString, setString, fireFormatChange) {
+    const value = getString(inProps);
+    return (React.createElement(React.Fragment, { key: `${key}` },
+        React.createElement("span", { key: `${key}-label`, className: "uicore-label" }, label),
+        React.createElement(Input, { "data-testid": `${key}-editor`, key: `${key}-editor`, value: value, size: "small", onChange: (e) => {
+                const newProps = setString(inProps, e.currentTarget.value);
+                fireFormatChange(newProps);
+            } })));
+}
+function createSelectFormatPropEditor(key, label, options, inProps, getString, setString, fireFormatChange) {
+    const value = getString(inProps);
+    return (React.createElement(React.Fragment, { key: `${key}` },
+        React.createElement("span", { key: `${key}-label`, className: "uicore-label" }, label),
+        React.createElement(Select, { "data-testid": `${key}-editor`, key: `${key}-editor`, value: value, options: options, size: "small", onChange: (newValue) => {
+                const newProps = setString(inProps, newValue);
+                fireFormatChange(newProps);
+            } })));
+}
+function createCheckboxFormatPropEditor(key, label, inProps, getBool, setBool, fireFormatChange) {
+    const isChecked = getBool(inProps);
+    return (React.createElement(React.Fragment, { key: `${key}` },
+        React.createElement("span", { key: `${key}-label`, className: "uicore-label" }, label),
+        React.createElement(Checkbox, { "data-testid": `${key}-editor`, key: `${key}-editor`, checked: isChecked, onChange: (e) => {
+                const newProps = setBool(inProps, e.target.checked);
+                fireFormatChange(newProps);
+            } })));
+}
+function formatAreEqual(obj1, obj2) {
+    const compare = new DeepCompare();
+    return compare.compare(obj1, obj2);
+}
+/** Component to set properties that control Quantity Formatting.
+ * @alpha
+ */
+export function QuantityFormatPanel(props) {
+    const { quantityType, onFormatChange, ...otherProps } = props;
+    const [formatProps, setFormatProps] = React.useState();
+    const initialFormatProps = React.useRef();
+    const [persistenceUnit, setPersistenceUnit] = React.useState();
+    React.useEffect(() => {
+        const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);
+        // istanbul ignore else
+        if (!initialFormatProps.current)
+            initialFormatProps.current = newFormatProps;
+        setFormatProps(newFormatProps);
+        const quantityTypeKey = getQuantityTypeKey(quantityType);
+        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
+        // istanbul ignore else
+        if (quantityTypeDefinition)
+            setPersistenceUnit(quantityTypeDefinition.persistenceUnit);
+        else
+            throw Error(`Unable to locate a quantity type with type ${quantityType}`);
+    }, [quantityType]); // no dependencies defined as we want this to run on every render
+    // handle case where quantityType does not change but the formatProps for that quantity type has (ie after a Set or Clear)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    React.useEffect(() => {
+        const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);
+        // istanbul ignore else
+        if (initialFormatProps.current && newFormatProps) {
+            if (!formatAreEqual(newFormatProps, initialFormatProps.current)) {
+                initialFormatProps.current = newFormatProps;
+                setFormatProps(newFormatProps);
+            }
+        }
+    }); // no dependencies defined as we want this to run on every render
+    const handleOnFormatChanged = React.useCallback(async (newProps) => {
+        setFormatProps(newProps);
+        onFormatChange && onFormatChange(newProps);
+    }, [onFormatChange]);
+    const createCustomPropEditors = React.useCallback((specs, inProps, fireFormatChange) => {
+        return specs.map((spec, index) => {
+            if (isCheckboxFormatPropEditorSpec(spec))
+                return createCheckboxFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getBool, spec.setBool, fireFormatChange);
+            if (isTextSelectFormatPropEditorSpec(spec))
+                return createSelectFormatPropEditor(`${spec.editorType}-${index}`, spec.label, spec.selectOptions, inProps, spec.getString, spec.setString, fireFormatChange);
+            /* istanbul ignore else */
+            if (isTextInputFormatPropEditorSpec(spec))
+                return createTextInputFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getString, spec.setString, fireFormatChange);
+            /* istanbul ignore next */
+            return React.createElement("div", { key: index });
+        });
+    }, []);
+    const providePrimaryChildren = React.useCallback((inProps, fireFormatChange) => {
+        const quantityTypeKey = getQuantityTypeKey(quantityType);
+        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
+        if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&
+            quantityTypeDefinition.isCompatibleFormatProps(inProps)) {
+            // istanbul ignore else
+            if (quantityTypeDefinition.primaryPropEditorSpecs)
+                return createCustomPropEditors(quantityTypeDefinition.primaryPropEditorSpecs, inProps, fireFormatChange);
+        }
+        return null;
+    }, [createCustomPropEditors, quantityType]);
+    const provideSecondaryChildren = React.useCallback((inProps, fireFormatChange) => {
+        const quantityTypeKey = getQuantityTypeKey(quantityType);
+        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
+        if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&
+            quantityTypeDefinition.isCompatibleFormatProps(inProps)) {
+            // istanbul ignore else
+            if (quantityTypeDefinition.secondaryPropEditorSpecs)
+                return createCustomPropEditors(quantityTypeDefinition.secondaryPropEditorSpecs, inProps, fireFormatChange);
+        }
+        return null;
+    }, [createCustomPropEditors, quantityType]);
+    const provideFormatSpec = React.useCallback(async (inProps, _persistenceUnit, _unitsProvider) => {
+        return IModelApp.quantityFormatter.generateFormatterSpecByType(quantityType, inProps);
+    }, [quantityType]);
+    return (React.createElement("div", { className: "components-quantityFormat-quantityPanel" }, persistenceUnit && formatProps &&
+        React.createElement(FormatPanel, { onFormatChange: handleOnFormatChanged, ...otherProps, initialFormat: formatProps, unitsProvider: IModelApp.quantityFormatter.unitsProvider, persistenceUnit: persistenceUnit, providePrimaryChildren: providePrimaryChildren, provideSecondaryChildren: provideSecondaryChildren, provideFormatSpec: provideFormatSpec })));
+}
 //# sourceMappingURL=QuantityFormatPanel.js.map

package/lib/esm/imodel-components-react/quantityformat/misc/DecimalPrecision.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module QuantityFormat
- */
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[DecimalPrecisionSelector]] component.
- * @internal
- */
-export interface DecimalPrecisionSelectorProps extends CommonProps {
-    precision: number;
-    onChange: (value: number) => void;
-}
-/** Component use to set Decimal Precision
- * the unit label.
- * @internal
- */
-export declare function DecimalPrecisionSelector(props: DecimalPrecisionSelectorProps): JSX.Element;
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[DecimalPrecisionSelector]] component.
+ * @internal
+ */
+export interface DecimalPrecisionSelectorProps extends CommonProps {
+    precision: number;
+    onChange: (value: number) => void;
+}
+/** Component use to set Decimal Precision
+ * the unit label.
+ * @internal
+ */
+export declare function DecimalPrecisionSelector(props: DecimalPrecisionSelectorProps): JSX.Element;
 //# sourceMappingURL=DecimalPrecision.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/DecimalPrecision.js

@@ -1,37 +1,37 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-import * as React from "react";
-import { UiIModelComponents } from "../../UiIModelComponents";
-import { Select } from "@itwin/itwinui-react";
-/** Component use to set Decimal Precision
- * the unit label.
- * @internal
- */
-export function DecimalPrecisionSelector(props) {
-    const { precision, onChange, ...otherProps } = props;
-    const options = React.useRef([
-        { value: 0, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.zero") },
-        { value: 1, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.one") },
-        { value: 2, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.two") },
-        { value: 3, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.three") },
-        { value: 4, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.four") },
-        { value: 5, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.five") },
-        { value: 6, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.six") },
-        { value: 7, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.seven") },
-        { value: 8, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.eight") },
-        { value: 9, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.nine") },
-        { value: 10, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.ten") },
-        { value: 11, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.eleven") },
-        { value: 12, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.twelve") },
-    ]);
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    return (React.createElement(Select, { options: options.current, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+import * as React from "react";
+import { UiIModelComponents } from "../../UiIModelComponents";
+import { Select } from "@itwin/itwinui-react";
+/** Component use to set Decimal Precision
+ * the unit label.
+ * @internal
+ */
+export function DecimalPrecisionSelector(props) {
+    const { precision, onChange, ...otherProps } = props;
+    const options = React.useRef([
+        { value: 0, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.zero") },
+        { value: 1, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.one") },
+        { value: 2, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.two") },
+        { value: 3, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.three") },
+        { value: 4, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.four") },
+        { value: 5, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.five") },
+        { value: 6, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.six") },
+        { value: 7, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.seven") },
+        { value: 8, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.eight") },
+        { value: 9, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.nine") },
+        { value: 10, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.ten") },
+        { value: 11, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.eleven") },
+        { value: 12, label: UiIModelComponents.translate("QuantityFormat.decimal_precision.twelve") },
+    ]);
+    const handleOnChange = React.useCallback((newValue) => {
+        onChange && onChange(newValue);
+    }, [onChange]);
+    return (React.createElement(Select, { options: options.current, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
+}
 //# sourceMappingURL=DecimalPrecision.js.map

package/lib/esm/imodel-components-react/quantityformat/misc/DecimalSeparator.d.ts

@@ -1,18 +1,18 @@
-/** @packageDocumentation
- * @module QuantityFormat
- */
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[DecimalSeparatorSelector]] component.
- * @internal
- */
-export interface DecimalSeparatorSelectorProps extends CommonProps {
-    separator: string;
-    disabled?: boolean;
-    onChange: (value: string) => void;
-}
-/** Component use to set Decimal Separator
- * @internal
- */
-export declare function DecimalSeparatorSelector(props: DecimalSeparatorSelectorProps): JSX.Element;
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[DecimalSeparatorSelector]] component.
+ * @internal
+ */
+export interface DecimalSeparatorSelectorProps extends CommonProps {
+    separator: string;
+    disabled?: boolean;
+    onChange: (value: string) => void;
+}
+/** Component use to set Decimal Separator
+ * @internal
+ */
+export declare function DecimalSeparatorSelector(props: DecimalSeparatorSelectorProps): JSX.Element;
 //# sourceMappingURL=DecimalSeparator.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/DecimalSeparator.js

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-import * as React from "react";
-import { UiIModelComponents } from "../../UiIModelComponents";
-import { Select } from "@itwin/itwinui-react";
-/** Component use to set Decimal Separator
- * @internal
- */
-export function DecimalSeparatorSelector(props) {
-    const { separator, onChange, ...otherProps } = props;
-    const options = React.useRef([
-        { value: ".", label: UiIModelComponents.translate("QuantityFormat.decimal_separator.point") },
-        { value: ",", label: UiIModelComponents.translate("QuantityFormat.decimal_separator.comma") },
-    ]);
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    return (React.createElement(Select, { options: options.current, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+import * as React from "react";
+import { UiIModelComponents } from "../../UiIModelComponents";
+import { Select } from "@itwin/itwinui-react";
+/** Component use to set Decimal Separator
+ * @internal
+ */
+export function DecimalSeparatorSelector(props) {
+    const { separator, onChange, ...otherProps } = props;
+    const options = React.useRef([
+        { value: ".", label: UiIModelComponents.translate("QuantityFormat.decimal_separator.point") },
+        { value: ",", label: UiIModelComponents.translate("QuantityFormat.decimal_separator.comma") },
+    ]);
+    const handleOnChange = React.useCallback((newValue) => {
+        onChange && onChange(newValue);
+    }, [onChange]);
+    return (React.createElement(Select, { options: options.current, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
+}
 //# sourceMappingURL=DecimalSeparator.js.map

package/lib/esm/imodel-components-react/quantityformat/misc/FractionPrecision.d.ts

@@ -1,17 +1,17 @@
-/** @packageDocumentation
- * @module QuantityFormat
- */
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[FractionPrecisionSelector]] component.
- * @internal
- */
-export interface FractionPrecisionSelectorProps extends CommonProps {
-    precision: number;
-    onChange: (value: number) => void;
-}
-/** Component use to set Fraction precision
- * @internal
- */
-export declare function FractionPrecisionSelector(props: FractionPrecisionSelectorProps): JSX.Element;
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[FractionPrecisionSelector]] component.
+ * @internal
+ */
+export interface FractionPrecisionSelectorProps extends CommonProps {
+    precision: number;
+    onChange: (value: number) => void;
+}
+/** Component use to set Fraction precision
+ * @internal
+ */
+export declare function FractionPrecisionSelector(props: FractionPrecisionSelectorProps): JSX.Element;
 //# sourceMappingURL=FractionPrecision.d.ts.map

package/lib/esm/imodel-components-react/quantityformat/misc/FractionPrecision.js

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-import * as React from "react";
-import { UiIModelComponents } from "../../UiIModelComponents";
-import { Select } from "@itwin/itwinui-react";
-/** Component use to set Fraction precision
- * @internal
- */
-export function FractionPrecisionSelector(props) {
-    const { precision, onChange, ...otherProps } = props;
-    const options = React.useRef([
-        { value: 1, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.whole") },
-        { value: 2, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.half") },
-        { value: 4, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.quarter") },
-        { value: 8, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.eighth") },
-        { value: 16, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.sixteenth") },
-        { value: 32, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over32") },
-        { value: 64, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over64") },
-        { value: 128, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over128") },
-        { value: 256, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over256") },
-    ]);
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    return (React.createElement(Select, { options: options.current, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+import * as React from "react";
+import { UiIModelComponents } from "../../UiIModelComponents";
+import { Select } from "@itwin/itwinui-react";
+/** Component use to set Fraction precision
+ * @internal
+ */
+export function FractionPrecisionSelector(props) {
+    const { precision, onChange, ...otherProps } = props;
+    const options = React.useRef([
+        { value: 1, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.whole") },
+        { value: 2, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.half") },
+        { value: 4, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.quarter") },
+        { value: 8, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.eighth") },
+        { value: 16, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.sixteenth") },
+        { value: 32, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over32") },
+        { value: 64, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over64") },
+        { value: 128, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over128") },
+        { value: 256, label: UiIModelComponents.translate("QuantityFormat.fraction_precision.over256") },
+    ]);
+    const handleOnChange = React.useCallback((newValue) => {
+        onChange && onChange(newValue);
+    }, [onChange]);
+    return (React.createElement(Select, { options: options.current, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
+}
 //# sourceMappingURL=FractionPrecision.js.map

package/lib/esm/imodel-components-react/quantityformat/misc/ScientificType.d.ts

@@ -1,19 +1,19 @@
-/** @packageDocumentation
- * @module QuantityFormat
- */
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-import { ScientificType } from "@itwin/core-quantity";
-/** Properties of [[ScientificTypeSelector]] component.
- * @internal
- */
-export interface ScientificTypeSelectorProps extends CommonProps {
-    type: ScientificType;
-    onChange: (value: ScientificType) => void;
-    disabled?: boolean;
-}
-/** Component use to set Scientific type.
- * @internal
- */
-export declare function ScientificTypeSelector(props: ScientificTypeSelectorProps): JSX.Element;
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+import { ScientificType } from "@itwin/core-quantity";
+/** Properties of [[ScientificTypeSelector]] component.
+ * @internal
+ */
+export interface ScientificTypeSelectorProps extends CommonProps {
+    type: ScientificType;
+    onChange: (value: ScientificType) => void;
+    disabled?: boolean;
+}
+/** Component use to set Scientific type.
+ * @internal
+ */
+export declare function ScientificTypeSelector(props: ScientificTypeSelectorProps): JSX.Element;
 //# sourceMappingURL=ScientificType.d.ts.map