@itwin/imodel-components-react 3.7.12 → 3.7.13

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

@@ -1,132 +1,132 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { Select } from "@itwin/core-react";
-import { Checkbox, Input } 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, onChange: (e) => {
-                const newProps = setString(inProps, e.currentTarget.value);
-                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(() => {
-        const quantityTypeKey = getQuantityTypeKey(quantityType);
-        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
-        // istanbul ignore else
-        if (quantityTypeDefinition)
-            return quantityTypeDefinition.persistenceUnit;
-        else
-            throw Error(`Unable to locate a quantity type with type ${quantityType}`);
-    });
-    React.useEffect(() => {
-        const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);
-        // istanbul ignore else
-        if (!initialFormatProps.current)
-            initialFormatProps.current = newFormatProps;
-        setFormatProps(newFormatProps);
-    }, [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
-    React.useEffect(() => {
-        const quantityTypeKey = getQuantityTypeKey(quantityType);
-        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
-        // istanbul ignore else
-        if (quantityTypeDefinition)
-            setPersistenceUnit(quantityTypeDefinition.persistenceUnit);
-    }, [quantityType]);
-    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 { Select } from "@itwin/core-react";
+import { Checkbox, Input } 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, onChange: (e) => {
+                const newProps = setString(inProps, e.currentTarget.value);
+                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(() => {
+        const quantityTypeKey = getQuantityTypeKey(quantityType);
+        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
+        // istanbul ignore else
+        if (quantityTypeDefinition)
+            return quantityTypeDefinition.persistenceUnit;
+        else
+            throw Error(`Unable to locate a quantity type with type ${quantityType}`);
+    });
+    React.useEffect(() => {
+        const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);
+        // istanbul ignore else
+        if (!initialFormatProps.current)
+            initialFormatProps.current = newFormatProps;
+        setFormatProps(newFormatProps);
+    }, [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
+    React.useEffect(() => {
+        const quantityTypeKey = getQuantityTypeKey(quantityType);
+        const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);
+        // istanbul ignore else
+        if (quantityTypeDefinition)
+            setPersistenceUnit(quantityTypeDefinition.persistenceUnit);
+    }, [quantityType]);
+    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/QuantityFormatPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityFormatPanel.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/QuantityFormatPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport {\n  CustomFormatPropEditorSpec, getQuantityTypeKey, IModelApp, isCheckboxFormatPropEditorSpec, isCustomQuantityTypeDefinition,\n  isTextInputFormatPropEditorSpec, isTextSelectFormatPropEditorSpec, QuantityTypeArg,\n} from \"@itwin/core-frontend\";\nimport { FormatProps, UnitProps, UnitsProvider } from \"@itwin/core-quantity\";\nimport { CommonProps, Select } from \"@itwin/core-react\";\nimport { Checkbox, Input } from \"@itwin/itwinui-react\";\nimport { FormatPanel } from \"./FormatPanel\";\nimport { DeepCompare } from \"@itwin/core-geometry\";\n\nfunction createTextInputFormatPropEditor(key: string, label: string, inProps: FormatProps,\n  getString: (props: FormatProps) => string, setString: (props: FormatProps, value: string) => FormatProps, fireFormatChange: (newProps: FormatProps) => void) {\n  const value = getString(inProps);\n  return (\n    <React.Fragment key={`${key}`}>\n      <span key={`${key}-label`} className={\"uicore-label\"}>{label}</span>\n      <Input data-testid={`${key}-editor`} key={`${key}-editor`}\n        value={value}\n        size=\"small\"\n        onChange={(e) => {\n          const newProps = setString(inProps, e.currentTarget.value);\n          fireFormatChange(newProps);\n        }}\n      />\n    </React.Fragment>\n  );\n}\n\nfunction createSelectFormatPropEditor(key: string, label: string, options: { label: string, value: string }[], inProps: FormatProps,\n  getString: (props: FormatProps) => string, setString: (props: FormatProps, value: string) => FormatProps, fireFormatChange: (newProps: FormatProps) => void) {\n  const value = getString(inProps);\n  return (\n    <React.Fragment key={`${key}`}>\n      <span key={`${key}-label`} className={\"uicore-label\"}>{label}</span>\n      {/* NEEDSWORK - unable to migrate this Select to iTwinUI because no menu items were found */}\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      <Select data-testid={`${key}-editor`} key={`${key}-editor`}\n        value={value}\n        options={options}\n        onChange={(e) => {\n          const newProps = setString(inProps, e.currentTarget.value);\n          fireFormatChange(newProps);\n        }}\n      />\n    </React.Fragment>\n  );\n}\n\nfunction createCheckboxFormatPropEditor(key: string, label: string, inProps: FormatProps,\n  getBool: (props: FormatProps) => boolean, setBool: (props: FormatProps, isChecked: boolean) => FormatProps, fireFormatChange: (newProps: FormatProps) => void) {\n  const isChecked = getBool(inProps);\n  return (\n    <React.Fragment key={`${key}`}>\n      <span key={`${key}-label`} className={\"uicore-label\"}>{label}</span>\n      <Checkbox data-testid={`${key}-editor`} key={`${key}-editor`}\n        checked={isChecked}\n        onChange={(e) => {\n          const newProps = setBool(inProps, e.target.checked);\n          fireFormatChange(newProps);\n        }} />\n    </React.Fragment>\n  );\n}\n\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\n  const compare = new DeepCompare();\n  return compare.compare(obj1, obj2);\n}\n\n/** Properties of [[QuantityFormatPanel]] component.\n * @alpha\n */\nexport interface QuantityFormatPanelProps extends CommonProps {\n  quantityType: QuantityTypeArg;\n  onFormatChange?: (format: FormatProps) => void;\n  /** props below are to be passed on to FormatPanel */\n  showSample?: boolean;\n  initialMagnitude?: number;\n  enableMinimumProperties?: boolean;\n}\n\n/** Component to set properties that control Quantity Formatting.\n * @alpha\n */\nexport function QuantityFormatPanel(props: QuantityFormatPanelProps) {\n  const { quantityType, onFormatChange, ...otherProps } = props;\n  const [formatProps, setFormatProps] = React.useState<FormatProps>();\n  const initialFormatProps = React.useRef<FormatProps>();\n\n  const [persistenceUnit, setPersistenceUnit] = React.useState(() => {\n    const quantityTypeKey = getQuantityTypeKey(quantityType);\n    const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\n    // istanbul ignore else\n    if (quantityTypeDefinition)\n      return quantityTypeDefinition.persistenceUnit;\n    else\n      throw Error(`Unable to locate a quantity type with type ${quantityType}`);\n  });\n\n  React.useEffect(() => {\n    const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);\n    // istanbul ignore else\n    if (!initialFormatProps.current)\n      initialFormatProps.current = newFormatProps;\n    setFormatProps(newFormatProps);\n  }, [quantityType]); // no dependencies defined as we want this to run on every render\n\n  // handle case where quantityType does not change but the formatProps for that quantity type has (ie after a Set or Clear)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  React.useEffect(() => {\n    const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);\n    // istanbul ignore else\n    if (initialFormatProps.current && newFormatProps) {\n      if (!formatAreEqual(newFormatProps, initialFormatProps.current)) {\n        initialFormatProps.current = newFormatProps;\n        setFormatProps(newFormatProps);\n      }\n    }\n  }); // no dependencies defined as we want this to run on every render\n\n  React.useEffect(() => {\n    const quantityTypeKey = getQuantityTypeKey(quantityType);\n    const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\n    // istanbul ignore else\n    if (quantityTypeDefinition)\n      setPersistenceUnit(quantityTypeDefinition.persistenceUnit);\n  }, [quantityType]);\n\n  const handleOnFormatChanged = React.useCallback(async (newProps: FormatProps) => {\n    setFormatProps(newProps);\n    onFormatChange && onFormatChange(newProps);\n  }, [onFormatChange]);\n\n  const createCustomPropEditors = React.useCallback((specs: CustomFormatPropEditorSpec[], inProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => {\n    return specs.map((spec, index) => {\n      if (isCheckboxFormatPropEditorSpec(spec))\n        return createCheckboxFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getBool, spec.setBool, fireFormatChange);\n      if (isTextSelectFormatPropEditorSpec(spec))\n        return createSelectFormatPropEditor(`${spec.editorType}-${index}`, spec.label, spec.selectOptions, inProps, spec.getString, spec.setString, fireFormatChange);\n      /* istanbul ignore else */\n      if (isTextInputFormatPropEditorSpec(spec))\n        return createTextInputFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getString, spec.setString, fireFormatChange);\n      /* istanbul ignore next */\n      return <div key={index} />;\n    });\n  }, []);\n\n  const providePrimaryChildren = React.useCallback(\n    (inProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => {\n      const quantityTypeKey = getQuantityTypeKey(quantityType);\n      const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\n      if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&\n        quantityTypeDefinition.isCompatibleFormatProps(inProps)) {\n        // istanbul ignore else\n        if (quantityTypeDefinition.primaryPropEditorSpecs)\n          return createCustomPropEditors(quantityTypeDefinition.primaryPropEditorSpecs, inProps, fireFormatChange);\n      }\n      return null;\n    }, [createCustomPropEditors, quantityType]);\n\n  const provideSecondaryChildren = React.useCallback(\n    (inProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => {\n      const quantityTypeKey = getQuantityTypeKey(quantityType);\n      const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\n      if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&\n        quantityTypeDefinition.isCompatibleFormatProps(inProps)) {\n        // istanbul ignore else\n        if (quantityTypeDefinition.secondaryPropEditorSpecs)\n          return createCustomPropEditors(quantityTypeDefinition.secondaryPropEditorSpecs, inProps, fireFormatChange);\n      }\n      return null;\n    }, [createCustomPropEditors, quantityType]);\n\n  const provideFormatSpec = React.useCallback(\n    async (inProps: FormatProps, _persistenceUnit: UnitProps, _unitsProvider: UnitsProvider) => {\n      return IModelApp.quantityFormatter.generateFormatterSpecByType(quantityType, inProps);\n    }, [quantityType]);\n\n  return (\n    <div className=\"components-quantityFormat-quantityPanel\">\n      {persistenceUnit && formatProps &&\n        <FormatPanel onFormatChange={handleOnFormatChanged} {...otherProps}\n          initialFormat={formatProps}\n          unitsProvider={IModelApp.quantityFormatter.unitsProvider}\n          persistenceUnit={persistenceUnit}\n          providePrimaryChildren={providePrimaryChildren}\n          provideSecondaryChildren={provideSecondaryChildren}\n          provideFormatSpec={provideFormatSpec}\n        />}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"QuantityFormatPanel.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/QuantityFormatPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport {\r\n  CustomFormatPropEditorSpec, getQuantityTypeKey, IModelApp, isCheckboxFormatPropEditorSpec, isCustomQuantityTypeDefinition,\r\n  isTextInputFormatPropEditorSpec, isTextSelectFormatPropEditorSpec, QuantityTypeArg,\r\n} from \"@itwin/core-frontend\";\r\nimport { FormatProps, UnitProps, UnitsProvider } from \"@itwin/core-quantity\";\r\nimport { CommonProps, Select } from \"@itwin/core-react\";\r\nimport { Checkbox, Input } from \"@itwin/itwinui-react\";\r\nimport { FormatPanel } from \"./FormatPanel\";\r\nimport { DeepCompare } from \"@itwin/core-geometry\";\r\n\r\nfunction createTextInputFormatPropEditor(key: string, label: string, inProps: FormatProps,\r\n  getString: (props: FormatProps) => string, setString: (props: FormatProps, value: string) => FormatProps, fireFormatChange: (newProps: FormatProps) => void) {\r\n  const value = getString(inProps);\r\n  return (\r\n    <React.Fragment key={`${key}`}>\r\n      <span key={`${key}-label`} className={\"uicore-label\"}>{label}</span>\r\n      <Input data-testid={`${key}-editor`} key={`${key}-editor`}\r\n        value={value}\r\n        size=\"small\"\r\n        onChange={(e) => {\r\n          const newProps = setString(inProps, e.currentTarget.value);\r\n          fireFormatChange(newProps);\r\n        }}\r\n      />\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nfunction createSelectFormatPropEditor(key: string, label: string, options: { label: string, value: string }[], inProps: FormatProps,\r\n  getString: (props: FormatProps) => string, setString: (props: FormatProps, value: string) => FormatProps, fireFormatChange: (newProps: FormatProps) => void) {\r\n  const value = getString(inProps);\r\n  return (\r\n    <React.Fragment key={`${key}`}>\r\n      <span key={`${key}-label`} className={\"uicore-label\"}>{label}</span>\r\n      {/* NEEDSWORK - unable to migrate this Select to iTwinUI because no menu items were found */}\r\n      {/* eslint-disable-next-line deprecation/deprecation */}\r\n      <Select data-testid={`${key}-editor`} key={`${key}-editor`}\r\n        value={value}\r\n        options={options}\r\n        onChange={(e) => {\r\n          const newProps = setString(inProps, e.currentTarget.value);\r\n          fireFormatChange(newProps);\r\n        }}\r\n      />\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nfunction createCheckboxFormatPropEditor(key: string, label: string, inProps: FormatProps,\r\n  getBool: (props: FormatProps) => boolean, setBool: (props: FormatProps, isChecked: boolean) => FormatProps, fireFormatChange: (newProps: FormatProps) => void) {\r\n  const isChecked = getBool(inProps);\r\n  return (\r\n    <React.Fragment key={`${key}`}>\r\n      <span key={`${key}-label`} className={\"uicore-label\"}>{label}</span>\r\n      <Checkbox data-testid={`${key}-editor`} key={`${key}-editor`}\r\n        checked={isChecked}\r\n        onChange={(e) => {\r\n          const newProps = setBool(inProps, e.target.checked);\r\n          fireFormatChange(newProps);\r\n        }} />\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nfunction formatAreEqual(obj1: FormatProps, obj2: FormatProps) {\r\n  const compare = new DeepCompare();\r\n  return compare.compare(obj1, obj2);\r\n}\r\n\r\n/** Properties of [[QuantityFormatPanel]] component.\r\n * @alpha\r\n */\r\nexport interface QuantityFormatPanelProps extends CommonProps {\r\n  quantityType: QuantityTypeArg;\r\n  onFormatChange?: (format: FormatProps) => void;\r\n  /** props below are to be passed on to FormatPanel */\r\n  showSample?: boolean;\r\n  initialMagnitude?: number;\r\n  enableMinimumProperties?: boolean;\r\n}\r\n\r\n/** Component to set properties that control Quantity Formatting.\r\n * @alpha\r\n */\r\nexport function QuantityFormatPanel(props: QuantityFormatPanelProps) {\r\n  const { quantityType, onFormatChange, ...otherProps } = props;\r\n  const [formatProps, setFormatProps] = React.useState<FormatProps>();\r\n  const initialFormatProps = React.useRef<FormatProps>();\r\n\r\n  const [persistenceUnit, setPersistenceUnit] = React.useState(() => {\r\n    const quantityTypeKey = getQuantityTypeKey(quantityType);\r\n    const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\r\n    // istanbul ignore else\r\n    if (quantityTypeDefinition)\r\n      return quantityTypeDefinition.persistenceUnit;\r\n    else\r\n      throw Error(`Unable to locate a quantity type with type ${quantityType}`);\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);\r\n    // istanbul ignore else\r\n    if (!initialFormatProps.current)\r\n      initialFormatProps.current = newFormatProps;\r\n    setFormatProps(newFormatProps);\r\n  }, [quantityType]); // no dependencies defined as we want this to run on every render\r\n\r\n  // handle case where quantityType does not change but the formatProps for that quantity type has (ie after a Set or Clear)\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  React.useEffect(() => {\r\n    const newFormatProps = IModelApp.quantityFormatter.getFormatPropsByQuantityType(quantityType);\r\n    // istanbul ignore else\r\n    if (initialFormatProps.current && newFormatProps) {\r\n      if (!formatAreEqual(newFormatProps, initialFormatProps.current)) {\r\n        initialFormatProps.current = newFormatProps;\r\n        setFormatProps(newFormatProps);\r\n      }\r\n    }\r\n  }); // no dependencies defined as we want this to run on every render\r\n\r\n  React.useEffect(() => {\r\n    const quantityTypeKey = getQuantityTypeKey(quantityType);\r\n    const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\r\n    // istanbul ignore else\r\n    if (quantityTypeDefinition)\r\n      setPersistenceUnit(quantityTypeDefinition.persistenceUnit);\r\n  }, [quantityType]);\r\n\r\n  const handleOnFormatChanged = React.useCallback(async (newProps: FormatProps) => {\r\n    setFormatProps(newProps);\r\n    onFormatChange && onFormatChange(newProps);\r\n  }, [onFormatChange]);\r\n\r\n  const createCustomPropEditors = React.useCallback((specs: CustomFormatPropEditorSpec[], inProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => {\r\n    return specs.map((spec, index) => {\r\n      if (isCheckboxFormatPropEditorSpec(spec))\r\n        return createCheckboxFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getBool, spec.setBool, fireFormatChange);\r\n      if (isTextSelectFormatPropEditorSpec(spec))\r\n        return createSelectFormatPropEditor(`${spec.editorType}-${index}`, spec.label, spec.selectOptions, inProps, spec.getString, spec.setString, fireFormatChange);\r\n      /* istanbul ignore else */\r\n      if (isTextInputFormatPropEditorSpec(spec))\r\n        return createTextInputFormatPropEditor(`${spec.editorType}-${index}`, spec.label, inProps, spec.getString, spec.setString, fireFormatChange);\r\n      /* istanbul ignore next */\r\n      return <div key={index} />;\r\n    });\r\n  }, []);\r\n\r\n  const providePrimaryChildren = React.useCallback(\r\n    (inProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => {\r\n      const quantityTypeKey = getQuantityTypeKey(quantityType);\r\n      const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\r\n      if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&\r\n        quantityTypeDefinition.isCompatibleFormatProps(inProps)) {\r\n        // istanbul ignore else\r\n        if (quantityTypeDefinition.primaryPropEditorSpecs)\r\n          return createCustomPropEditors(quantityTypeDefinition.primaryPropEditorSpecs, inProps, fireFormatChange);\r\n      }\r\n      return null;\r\n    }, [createCustomPropEditors, quantityType]);\r\n\r\n  const provideSecondaryChildren = React.useCallback(\r\n    (inProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => {\r\n      const quantityTypeKey = getQuantityTypeKey(quantityType);\r\n      const quantityTypeDefinition = IModelApp.quantityFormatter.quantityTypesRegistry.get(quantityTypeKey);\r\n      if (quantityTypeDefinition && isCustomQuantityTypeDefinition(quantityTypeDefinition) &&\r\n        quantityTypeDefinition.isCompatibleFormatProps(inProps)) {\r\n        // istanbul ignore else\r\n        if (quantityTypeDefinition.secondaryPropEditorSpecs)\r\n          return createCustomPropEditors(quantityTypeDefinition.secondaryPropEditorSpecs, inProps, fireFormatChange);\r\n      }\r\n      return null;\r\n    }, [createCustomPropEditors, quantityType]);\r\n\r\n  const provideFormatSpec = React.useCallback(\r\n    async (inProps: FormatProps, _persistenceUnit: UnitProps, _unitsProvider: UnitsProvider) => {\r\n      return IModelApp.quantityFormatter.generateFormatterSpecByType(quantityType, inProps);\r\n    }, [quantityType]);\r\n\r\n  return (\r\n    <div className=\"components-quantityFormat-quantityPanel\">\r\n      {persistenceUnit && formatProps &&\r\n        <FormatPanel onFormatChange={handleOnFormatChanged} {...otherProps}\r\n          initialFormat={formatProps}\r\n          unitsProvider={IModelApp.quantityFormatter.unitsProvider}\r\n          persistenceUnit={persistenceUnit}\r\n          providePrimaryChildren={providePrimaryChildren}\r\n          provideSecondaryChildren={provideSecondaryChildren}\r\n          provideFormatSpec={provideFormatSpec}\r\n        />}\r\n    </div>\r\n  );\r\n}\r\n"]}

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/DecimalPrecision.js.map

@@ -1 +1 @@
-{"version":3,"file":"DecimalPrecision.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalPrecision.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAgB,MAAM,sBAAsB,CAAC;AAU5D;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAyB;QACnD,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QACzF,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QACzF,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC3F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QACzF,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC3F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC3F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,yCAAyC,CAAC,EAAE;QAC7F,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,yCAAyC,CAAC,EAAE;KAC9F,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC5D,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,KAAK,UAAU,GAAI,CAC9G,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\n\n/** Properties of [[DecimalPrecisionSelector]] component.\n * @internal\n */\nexport interface DecimalPrecisionSelectorProps extends CommonProps {\n  precision: number;\n  onChange: (value: number) => void;\n}\n\n/** Component use to set Decimal Precision\n * the unit label.\n * @internal\n */\nexport function DecimalPrecisionSelector(props: DecimalPrecisionSelectorProps) {\n  const { precision, onChange, ...otherProps } = props;\n  const options = React.useRef<SelectOption<number>[]>([\n    { value: 0, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.zero\") },\n    { value: 1, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.one\") },\n    { value: 2, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.two\") },\n    { value: 3, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.three\") },\n    { value: 4, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.four\") },\n    { value: 5, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.five\") },\n    { value: 6, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.six\") },\n    { value: 7, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.seven\") },\n    { value: 8, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.eight\") },\n    { value: 9, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.nine\") },\n    { value: 10, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.ten\") },\n    { value: 11, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.eleven\") },\n    { value: 12, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.twelve\") },\n  ]);\n\n  const handleOnChange = React.useCallback((newValue: number) => {\n    onChange && onChange(newValue);\n  }, [onChange]);\n\n  return (\n    <Select options={options.current} value={precision} onChange={handleOnChange} size=\"small\" {...otherProps} />\n  );\n}\n"]}
+{"version":3,"file":"DecimalPrecision.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalPrecision.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAgB,MAAM,sBAAsB,CAAC;AAU5D;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAyB;QACnD,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QACzF,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QACzF,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC3F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QACzF,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC3F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC3F,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,EAAE;QAC1F,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,yCAAyC,CAAC,EAAE;QAC7F,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,yCAAyC,CAAC,EAAE;KAC9F,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC5D,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,KAAK,UAAU,GAAI,CAC9G,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties of [[DecimalPrecisionSelector]] component.\r\n * @internal\r\n */\r\nexport interface DecimalPrecisionSelectorProps extends CommonProps {\r\n  precision: number;\r\n  onChange: (value: number) => void;\r\n}\r\n\r\n/** Component use to set Decimal Precision\r\n * the unit label.\r\n * @internal\r\n */\r\nexport function DecimalPrecisionSelector(props: DecimalPrecisionSelectorProps) {\r\n  const { precision, onChange, ...otherProps } = props;\r\n  const options = React.useRef<SelectOption<number>[]>([\r\n    { value: 0, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.zero\") },\r\n    { value: 1, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.one\") },\r\n    { value: 2, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.two\") },\r\n    { value: 3, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.three\") },\r\n    { value: 4, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.four\") },\r\n    { value: 5, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.five\") },\r\n    { value: 6, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.six\") },\r\n    { value: 7, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.seven\") },\r\n    { value: 8, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.eight\") },\r\n    { value: 9, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.nine\") },\r\n    { value: 10, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.ten\") },\r\n    { value: 11, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.eleven\") },\r\n    { value: 12, label: UiIModelComponents.translate(\"QuantityFormat.decimal_precision.twelve\") },\r\n  ]);\r\n\r\n  const handleOnChange = React.useCallback((newValue: number) => {\r\n    onChange && onChange(newValue);\r\n  }, [onChange]);\r\n\r\n  return (\r\n    <Select options={options.current} value={precision} onChange={handleOnChange} size=\"small\" {...otherProps} />\r\n  );\r\n}\r\n"]}

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/DecimalSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DecimalSeparator.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAgB,MAAM,sBAAsB,CAAC;AAW5D;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAyB;QACnD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC7F,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;KAC9F,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC5D,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,KAAK,UAAU,GAAI,CAC9G,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\n\n/** Properties of [[DecimalSeparatorSelector]] component.\n * @internal\n */\nexport interface DecimalSeparatorSelectorProps extends CommonProps {\n  separator: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}\n\n/** Component use to set Decimal Separator\n * @internal\n */\nexport function DecimalSeparatorSelector(props: DecimalSeparatorSelectorProps) {\n  const { separator, onChange, ...otherProps } = props;\n  const options = React.useRef<SelectOption<string>[]>([\n    { value: \".\", label: UiIModelComponents.translate(\"QuantityFormat.decimal_separator.point\") },\n    { value: \",\", label: UiIModelComponents.translate(\"QuantityFormat.decimal_separator.comma\") },\n  ]);\n\n  const handleOnChange = React.useCallback((newValue: string) => {\n    onChange && onChange(newValue);\n  }, [onChange]);\n\n  return (\n    <Select options={options.current} value={separator} onChange={handleOnChange} size=\"small\" {...otherProps} />\n  );\n}\n"]}
+{"version":3,"file":"DecimalSeparator.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAgB,MAAM,sBAAsB,CAAC;AAW5D;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAyB;QACnD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;QAC7F,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wCAAwC,CAAC,EAAE;KAC9F,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC5D,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,KAAK,UAAU,GAAI,CAC9G,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties of [[DecimalSeparatorSelector]] component.\r\n * @internal\r\n */\r\nexport interface DecimalSeparatorSelectorProps extends CommonProps {\r\n  separator: string;\r\n  disabled?: boolean;\r\n  onChange: (value: string) => void;\r\n}\r\n\r\n/** Component use to set Decimal Separator\r\n * @internal\r\n */\r\nexport function DecimalSeparatorSelector(props: DecimalSeparatorSelectorProps) {\r\n  const { separator, onChange, ...otherProps } = props;\r\n  const options = React.useRef<SelectOption<string>[]>([\r\n    { value: \".\", label: UiIModelComponents.translate(\"QuantityFormat.decimal_separator.point\") },\r\n    { value: \",\", label: UiIModelComponents.translate(\"QuantityFormat.decimal_separator.comma\") },\r\n  ]);\r\n\r\n  const handleOnChange = React.useCallback((newValue: string) => {\r\n    onChange && onChange(newValue);\r\n  }, [onChange]);\r\n\r\n  return (\r\n    <Select options={options.current} value={separator} onChange={handleOnChange} size=\"small\" {...otherProps} />\r\n  );\r\n}\r\n"]}