@itwin/imodel-components-react 4.10.0 → 4.11.0

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

@@ -32,72 +32,73 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DecimalPrecisionSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to set Decimal Precision
  * the unit label.
  * @internal
  */
 function DecimalPrecisionSelector(props) {
     const { precision, onChange, ...otherProps } = props;
-    const options = React.useRef([
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const options = [
         {
             value: 0,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.zero"),
+            label: translate("QuantityFormat.decimal_precision.zero"),
         },
         {
             value: 1,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.one"),
+            label: translate("QuantityFormat.decimal_precision.one"),
         },
         {
             value: 2,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.two"),
+            label: translate("QuantityFormat.decimal_precision.two"),
         },
         {
             value: 3,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.three"),
+            label: translate("QuantityFormat.decimal_precision.three"),
         },
         {
             value: 4,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.four"),
+            label: translate("QuantityFormat.decimal_precision.four"),
         },
         {
             value: 5,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.five"),
+            label: translate("QuantityFormat.decimal_precision.five"),
         },
         {
             value: 6,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.six"),
+            label: translate("QuantityFormat.decimal_precision.six"),
         },
         {
             value: 7,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.seven"),
+            label: translate("QuantityFormat.decimal_precision.seven"),
         },
         {
             value: 8,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.eight"),
+            label: translate("QuantityFormat.decimal_precision.eight"),
         },
         {
             value: 9,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.nine"),
+            label: translate("QuantityFormat.decimal_precision.nine"),
         },
         {
             value: 10,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.ten"),
+            label: translate("QuantityFormat.decimal_precision.ten"),
         },
         {
             value: 11,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.eleven"),
+            label: translate("QuantityFormat.decimal_precision.eleven"),
         },
         {
             value: 12,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_precision.twelve"),
+            label: translate("QuantityFormat.decimal_precision.twelve"),
         },
-    ]);
+    ];
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: options.current, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(itwinui_react_1.Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.DecimalPrecisionSelector = DecimalPrecisionSelector;
 //# sourceMappingURL=DecimalPrecision.js.map

package/lib/cjs/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;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAE9D,wDAA8C;AAU9C;;;GAGG;AACH,SAAgB,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;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,uCAAuC,CACxC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,sCAAsC,CACvC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,sCAAsC,CACvC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,uCAAuC,CACxC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,uCAAuC,CACxC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,sCAAsC,CACvC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,uCAAuC,CACxC;SACF;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,sCAAsC,CACvC;SACF;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,yCAAyC,CAC1C;SACF;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,yCAAyC,CAC1C;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AAnGD,4DAmGC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } 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    {\n      value: 0,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.zero\"\n      ),\n    },\n    {\n      value: 1,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.one\"\n      ),\n    },\n    {\n      value: 2,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.two\"\n      ),\n    },\n    {\n      value: 3,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.three\"\n      ),\n    },\n    {\n      value: 4,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.four\"\n      ),\n    },\n    {\n      value: 5,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.five\"\n      ),\n    },\n    {\n      value: 6,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.six\"\n      ),\n    },\n    {\n      value: 7,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.seven\"\n      ),\n    },\n    {\n      value: 8,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.eight\"\n      ),\n    },\n    {\n      value: 9,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.nine\"\n      ),\n    },\n    {\n      value: 10,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.ten\"\n      ),\n    },\n    {\n      value: 11,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.eleven\"\n      ),\n    },\n    {\n      value: 12,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_precision.twelve\"\n      ),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options.current}\n      value={precision}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"DecimalPrecision.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalPrecision.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAUtD;;;GAGG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAA2B;QACtC;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;SAC5D;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;SAC5D;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA1ED,4DA0EC","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 type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\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 { translate } = useTranslation();\n  const options: SelectOption<number>[] = [\n    {\n      value: 0,\n      label: translate(\"QuantityFormat.decimal_precision.zero\"),\n    },\n    {\n      value: 1,\n      label: translate(\"QuantityFormat.decimal_precision.one\"),\n    },\n    {\n      value: 2,\n      label: translate(\"QuantityFormat.decimal_precision.two\"),\n    },\n    {\n      value: 3,\n      label: translate(\"QuantityFormat.decimal_precision.three\"),\n    },\n    {\n      value: 4,\n      label: translate(\"QuantityFormat.decimal_precision.four\"),\n    },\n    {\n      value: 5,\n      label: translate(\"QuantityFormat.decimal_precision.five\"),\n    },\n    {\n      value: 6,\n      label: translate(\"QuantityFormat.decimal_precision.six\"),\n    },\n    {\n      value: 7,\n      label: translate(\"QuantityFormat.decimal_precision.seven\"),\n    },\n    {\n      value: 8,\n      label: translate(\"QuantityFormat.decimal_precision.eight\"),\n    },\n    {\n      value: 9,\n      label: translate(\"QuantityFormat.decimal_precision.nine\"),\n    },\n    {\n      value: 10,\n      label: translate(\"QuantityFormat.decimal_precision.ten\"),\n    },\n    {\n      value: 11,\n      label: translate(\"QuantityFormat.decimal_precision.eleven\"),\n    },\n    {\n      value: 12,\n      label: translate(\"QuantityFormat.decimal_precision.twelve\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options}\n      value={precision}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DecimalSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAiC5E"}
+{"version":3,"file":"DecimalSeparator.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA8B5E"}

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

@@ -32,27 +32,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DecimalSeparatorSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to set Decimal Separator
  * @internal
  */
 function DecimalSeparatorSelector(props) {
     const { separator, onChange, ...otherProps } = props;
-    const options = React.useRef([
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const options = [
         {
             value: ".",
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_separator.point"),
+            label: translate("QuantityFormat.decimal_separator.point"),
         },
         {
             value: ",",
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.decimal_separator.comma"),
+            label: translate("QuantityFormat.decimal_separator.comma"),
         },
-    ]);
+    ];
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: options.current, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(itwinui_react_1.Select, { options: options, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.DecimalSeparatorSelector = DecimalSeparatorSelector;
 //# sourceMappingURL=DecimalSeparator.js.map

package/lib/cjs/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;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAE9D,wDAA8C;AAW9C;;GAEG;AACH,SAAgB,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;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AAjCD,4DAiCC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } 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    {\n      value: \".\",\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_separator.point\"\n      ),\n    },\n    {\n      value: \",\",\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.decimal_separator.comma\"\n      ),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options.current}\n      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"DecimalSeparator.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAWtD;;GAEG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAA2B;QACtC;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA9BD,4DA8BC","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 type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\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 { translate } = useTranslation();\n  const options: SelectOption<string>[] = [\n    {\n      value: \".\",\n      label: translate(\"QuantityFormat.decimal_separator.point\"),\n    },\n    {\n      value: \",\",\n      label: translate(\"QuantityFormat.decimal_separator.comma\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options}\n      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FractionPrecision.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/FractionPrecision.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,8BAA+B,SAAQ,WAAW;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBA4EtC"}
+{"version":3,"file":"FractionPrecision.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/FractionPrecision.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,8BAA+B,SAAQ,WAAW;IACjE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,qBA2DtC"}

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

@@ -32,55 +32,56 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FractionPrecisionSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to set Fraction precision
  * @internal
  */
 function FractionPrecisionSelector(props) {
     const { precision, onChange, ...otherProps } = props;
-    const options = React.useRef([
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const options = [
         {
             value: 1,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.whole"),
+            label: translate("QuantityFormat.fraction_precision.whole"),
         },
         {
             value: 2,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.half"),
+            label: translate("QuantityFormat.fraction_precision.half"),
         },
         {
             value: 4,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.quarter"),
+            label: translate("QuantityFormat.fraction_precision.quarter"),
         },
         {
             value: 8,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.eighth"),
+            label: translate("QuantityFormat.fraction_precision.eighth"),
         },
         {
             value: 16,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.sixteenth"),
+            label: translate("QuantityFormat.fraction_precision.sixteenth"),
         },
         {
             value: 32,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.over32"),
+            label: translate("QuantityFormat.fraction_precision.over32"),
         },
         {
             value: 64,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.over64"),
+            label: translate("QuantityFormat.fraction_precision.over64"),
         },
         {
             value: 128,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.over128"),
+            label: translate("QuantityFormat.fraction_precision.over128"),
         },
         {
             value: 256,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.fraction_precision.over256"),
+            label: translate("QuantityFormat.fraction_precision.over256"),
         },
-    ]);
+    ];
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: options.current, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(itwinui_react_1.Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.FractionPrecisionSelector = FractionPrecisionSelector;
 //# sourceMappingURL=FractionPrecision.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FractionPrecision.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/FractionPrecision.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAE9D,wDAA8C;AAU9C;;GAEG;AACH,SAAgB,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAyB;QACnD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,yCAAyC,CAC1C;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,2CAA2C,CAC5C;SACF;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,0CAA0C,CAC3C;SACF;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,6CAA6C,CAC9C;SACF;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,0CAA0C,CAC3C;SACF;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,0CAA0C,CAC3C;SACF;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,2CAA2C,CAC5C;SACF;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,2CAA2C,CAC5C;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA7ED,8DA6EC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Properties of [[FractionPrecisionSelector]] component.\n * @internal\n */\nexport interface FractionPrecisionSelectorProps extends CommonProps {\n  precision: number;\n  onChange: (value: number) => void;\n}\n\n/** Component use to set Fraction precision\n * @internal\n */\nexport function FractionPrecisionSelector(\n  props: FractionPrecisionSelectorProps\n) {\n  const { precision, onChange, ...otherProps } = props;\n  const options = React.useRef<SelectOption<number>[]>([\n    {\n      value: 1,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.whole\"\n      ),\n    },\n    {\n      value: 2,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.half\"\n      ),\n    },\n    {\n      value: 4,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.quarter\"\n      ),\n    },\n    {\n      value: 8,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.eighth\"\n      ),\n    },\n    {\n      value: 16,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.sixteenth\"\n      ),\n    },\n    {\n      value: 32,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.over32\"\n      ),\n    },\n    {\n      value: 64,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.over64\"\n      ),\n    },\n    {\n      value: 128,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.over128\"\n      ),\n    },\n    {\n      value: 256,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.fraction_precision.over256\"\n      ),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options.current}\n      value={precision}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"FractionPrecision.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/FractionPrecision.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAUtD;;GAEG;AACH,SAAgB,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAA2B;QACtC;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;SAC5D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,2CAA2C,CAAC;SAC9D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,0CAA0C,CAAC;SAC7D;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,6CAA6C,CAAC;SAChE;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,0CAA0C,CAAC;SAC7D;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,0CAA0C,CAAC;SAC7D;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,2CAA2C,CAAC;SAC9D;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,2CAA2C,CAAC;SAC9D;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA5DD,8DA4DC","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 type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[FractionPrecisionSelector]] component.\n * @internal\n */\nexport interface FractionPrecisionSelectorProps extends CommonProps {\n  precision: number;\n  onChange: (value: number) => void;\n}\n\n/** Component use to set Fraction precision\n * @internal\n */\nexport function FractionPrecisionSelector(\n  props: FractionPrecisionSelectorProps\n) {\n  const { precision, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const options: SelectOption<number>[] = [\n    {\n      value: 1,\n      label: translate(\"QuantityFormat.fraction_precision.whole\"),\n    },\n    {\n      value: 2,\n      label: translate(\"QuantityFormat.fraction_precision.half\"),\n    },\n    {\n      value: 4,\n      label: translate(\"QuantityFormat.fraction_precision.quarter\"),\n    },\n    {\n      value: 8,\n      label: translate(\"QuantityFormat.fraction_precision.eighth\"),\n    },\n    {\n      value: 16,\n      label: translate(\"QuantityFormat.fraction_precision.sixteenth\"),\n    },\n    {\n      value: 32,\n      label: translate(\"QuantityFormat.fraction_precision.over32\"),\n    },\n    {\n      value: 64,\n      label: translate(\"QuantityFormat.fraction_precision.over64\"),\n    },\n    {\n      value: 128,\n      label: translate(\"QuantityFormat.fraction_precision.over128\"),\n    },\n    {\n      value: 256,\n      label: translate(\"QuantityFormat.fraction_precision.over256\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options}\n      value={precision}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ScientificType.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ScientificType.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAItD;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAiCxE"}
+{"version":3,"file":"ScientificType.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ScientificType.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKtD;;GAEG;AACH,MAAM,WAAW,2BAA4B,SAAQ,WAAW;IAC9D,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBA8BxE"}

package/lib/cjs/imodel-components-react/quantityformat/misc/ScientificType.js

@@ -32,28 +32,29 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScientificTypeSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const core_quantity_1 = require("@itwin/core-quantity");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to set Scientific type.
  * @internal
  */
 function ScientificTypeSelector(props) {
     const { type, onChange, ...otherProps } = props;
-    const formatOptions = React.useRef([
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const formatOptions = [
         {
             value: core_quantity_1.ScientificType.Normalized,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.scientific-type.normalized"),
+            label: translate("QuantityFormat.scientific-type.normalized"),
         },
         {
             value: core_quantity_1.ScientificType.ZeroNormalized,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.scientific-type.zero-normalized"),
+            label: translate("QuantityFormat.scientific-type.zero-normalized"),
         },
-    ]);
+    ];
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: formatOptions.current, value: type, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(itwinui_react_1.Select, { options: formatOptions, value: type, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.ScientificTypeSelector = ScientificTypeSelector;
 //# sourceMappingURL=ScientificType.js.map

package/lib/cjs/imodel-components-react/quantityformat/misc/ScientificType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScientificType.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ScientificType.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAC9D,wDAAsD;AAEtD,wDAA8C;AAW9C;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAiC;QACjE;YACE,KAAK,EAAE,8BAAc,CAAC,UAAU;YAChC,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,2CAA2C,CAC5C;SACF;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,cAAc;YACpC,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,gDAAgD,CACjD;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAwB,EAAE,EAAE;QAC3B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,aAAa,CAAC,OAAO,EAC9B,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AAjCD,wDAiCC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport { ScientificType } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Properties of [[ScientificTypeSelector]] component.\n * @internal\n */\nexport interface ScientificTypeSelectorProps extends CommonProps {\n  type: ScientificType;\n  onChange: (value: ScientificType) => void;\n  disabled?: boolean;\n}\n\n/** Component use to set Scientific type.\n * @internal\n */\nexport function ScientificTypeSelector(props: ScientificTypeSelectorProps) {\n  const { type, onChange, ...otherProps } = props;\n  const formatOptions = React.useRef<SelectOption<ScientificType>[]>([\n    {\n      value: ScientificType.Normalized,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.scientific-type.normalized\"\n      ),\n    },\n    {\n      value: ScientificType.ZeroNormalized,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.scientific-type.zero-normalized\"\n      ),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: ScientificType) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={formatOptions.current}\n      value={type}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"ScientificType.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ScientificType.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAsD;AAEtD,wDAA8C;AAC9C,yDAAsD;AAWtD;;GAEG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,aAAa,GAAmC;QACpD;YACE,KAAK,EAAE,8BAAc,CAAC,UAAU;YAChC,KAAK,EAAE,SAAS,CAAC,2CAA2C,CAAC;SAC9D;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,cAAc;YACpC,KAAK,EAAE,SAAS,CAAC,gDAAgD,CAAC;SACnE;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAwB,EAAE,EAAE;QAC3B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA9BD,wDA8BC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { ScientificType } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[ScientificTypeSelector]] component.\n * @internal\n */\nexport interface ScientificTypeSelectorProps extends CommonProps {\n  type: ScientificType;\n  onChange: (value: ScientificType) => void;\n  disabled?: boolean;\n}\n\n/** Component use to set Scientific type.\n * @internal\n */\nexport function ScientificTypeSelector(props: ScientificTypeSelectorProps) {\n  const { type, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const formatOptions: SelectOption<ScientificType>[] = [\n    {\n      value: ScientificType.Normalized,\n      label: translate(\"QuantityFormat.scientific-type.normalized\"),\n    },\n    {\n      value: ScientificType.ZeroNormalized,\n      label: translate(\"QuantityFormat.scientific-type.zero-normalized\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: ScientificType) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={formatOptions}\n      value={type}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

package/lib/cjs/imodel-components-react/quantityformat/misc/SignOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignOption.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/SignOption.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAItD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA2ChE"}
+{"version":3,"file":"SignOption.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/SignOption.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKtD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW;IAC1D,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAsChE"}

package/lib/cjs/imodel-components-react/quantityformat/misc/SignOption.js

@@ -32,36 +32,37 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SignOptionSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const core_quantity_1 = require("@itwin/core-quantity");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to set Sign option.
  * @internal
  */
 function SignOptionSelector(props) {
     const { signOption, onChange, ...otherProps } = props;
-    const options = React.useRef([
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const options = [
         {
             value: core_quantity_1.ShowSignOption.NoSign,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.sign_option.noSign"),
+            label: translate("QuantityFormat.sign_option.noSign"),
         },
         {
             value: core_quantity_1.ShowSignOption.OnlyNegative,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.sign_option.onlyNegative"),
+            label: translate("QuantityFormat.sign_option.onlyNegative"),
         },
         {
             value: core_quantity_1.ShowSignOption.SignAlways,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.sign_option.signAlways"),
+            label: translate("QuantityFormat.sign_option.signAlways"),
         },
         {
             value: core_quantity_1.ShowSignOption.NegativeParentheses,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.sign_option.negativeParentheses"),
+            label: translate("QuantityFormat.sign_option.negativeParentheses"),
         },
-    ]);
+    ];
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: options.current, value: signOption, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(itwinui_react_1.Select, { options: options, value: signOption, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.SignOptionSelector = SignOptionSelector;
 //# sourceMappingURL=SignOption.js.map

package/lib/cjs/imodel-components-react/quantityformat/misc/SignOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignOption.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/SignOption.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAC9D,wDAAsD;AAEtD,wDAA8C;AAU9C;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiC;QAC3D;YACE,KAAK,EAAE,8BAAc,CAAC,MAAM;YAC5B,KAAK,EAAE,uCAAkB,CAAC,SAAS,CAAC,mCAAmC,CAAC;SACzE;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,YAAY;YAClC,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,yCAAyC,CAC1C;SACF;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,UAAU;YAChC,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,uCAAuC,CACxC;SACF;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,mBAAmB;YACzC,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,gDAAgD,CACjD;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAwB,EAAE,EAAE;QAC3B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA3CD,gDA2CC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport { ShowSignOption } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Properties of [[SignOptionSelector]] component.\n * @internal\n */\nexport interface SignOptionSelectorProps extends CommonProps {\n  signOption: ShowSignOption;\n  onChange: (value: ShowSignOption) => void;\n}\n\n/** Component use to set Sign option.\n * @internal\n */\nexport function SignOptionSelector(props: SignOptionSelectorProps) {\n  const { signOption, onChange, ...otherProps } = props;\n  const options = React.useRef<SelectOption<ShowSignOption>[]>([\n    {\n      value: ShowSignOption.NoSign,\n      label: UiIModelComponents.translate(\"QuantityFormat.sign_option.noSign\"),\n    },\n    {\n      value: ShowSignOption.OnlyNegative,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.sign_option.onlyNegative\"\n      ),\n    },\n    {\n      value: ShowSignOption.SignAlways,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.sign_option.signAlways\"\n      ),\n    },\n    {\n      value: ShowSignOption.NegativeParentheses,\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.sign_option.negativeParentheses\"\n      ),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: ShowSignOption) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options.current}\n      value={signOption}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"SignOption.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/SignOption.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,wDAAsD;AAEtD,wDAA8C;AAC9C,yDAAsD;AAUtD;;GAEG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAAmC;QAC9C;YACE,KAAK,EAAE,8BAAc,CAAC,MAAM;YAC5B,KAAK,EAAE,SAAS,CAAC,mCAAmC,CAAC;SACtD;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,YAAY;YAClC,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;SAC5D;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,UAAU;YAChC,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,8BAAc,CAAC,mBAAmB;YACzC,KAAK,EAAE,SAAS,CAAC,gDAAgD,CAAC;SACnE;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAwB,EAAE,EAAE;QAC3B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AAtCD,gDAsCC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { ShowSignOption } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[SignOptionSelector]] component.\n * @internal\n */\nexport interface SignOptionSelectorProps extends CommonProps {\n  signOption: ShowSignOption;\n  onChange: (value: ShowSignOption) => void;\n}\n\n/** Component use to set Sign option.\n * @internal\n */\nexport function SignOptionSelector(props: SignOptionSelectorProps) {\n  const { signOption, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const options: SelectOption<ShowSignOption>[] = [\n    {\n      value: ShowSignOption.NoSign,\n      label: translate(\"QuantityFormat.sign_option.noSign\"),\n    },\n    {\n      value: ShowSignOption.OnlyNegative,\n      label: translate(\"QuantityFormat.sign_option.onlyNegative\"),\n    },\n    {\n      value: ShowSignOption.SignAlways,\n      label: translate(\"QuantityFormat.sign_option.signAlways\"),\n    },\n    {\n      value: ShowSignOption.NegativeParentheses,\n      label: translate(\"QuantityFormat.sign_option.negativeParentheses\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: ShowSignOption) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options}\n      value={signOption}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

package/lib/cjs/imodel-components-react/quantityformat/misc/StationSeparatorSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StationSeparatorSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSeparatorSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBA2D5E"}
+{"version":3,"file":"StationSeparatorSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSeparatorSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,6BAA8B,SAAQ,WAAW;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,qBAoD5E"}

package/lib/cjs/imodel-components-react/quantityformat/misc/StationSeparatorSelector.js

@@ -32,44 +32,45 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StationSeparatorSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to setStation separator.
  * @internal
  */
 function StationSeparatorSelector(props) {
     const { separator, disabled, onChange, ...otherProps } = props;
-    const uomDefaultEntries = React.useRef([
-        {
-            value: "+",
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.station_separator.plus"),
-        },
-        {
-            value: "-",
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.station_separator.minus"),
-        },
-        {
-            value: " ",
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.station_separator.blank"),
-        },
-        {
-            value: "^",
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.station_separator.caret"),
-        },
-    ]);
+    const { translate } = (0, useTranslation_1.useTranslation)();
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
     const separatorOptions = React.useMemo(() => {
+        const uomDefaultEntries = [
+            {
+                value: "+",
+                label: translate("QuantityFormat.station_separator.plus"),
+            },
+            {
+                value: "-",
+                label: translate("QuantityFormat.station_separator.minus"),
+            },
+            {
+                value: " ",
+                label: translate("QuantityFormat.station_separator.blank"),
+            },
+            {
+                value: "^",
+                label: translate("QuantityFormat.station_separator.caret"),
+            },
+        ];
         const completeListOfEntries = [];
         // istanbul ignore next (only used if format already has a character that does not match standard options)
         if (undefined ===
-            uomDefaultEntries.current.find((option) => option.value === separator)) {
+            uomDefaultEntries.find((option) => option.value === separator)) {
             completeListOfEntries.push({ value: separator, label: separator });
         }
-        completeListOfEntries.push(...uomDefaultEntries.current);
+        completeListOfEntries.push(...uomDefaultEntries);
         return completeListOfEntries;
-    }, [separator]);
+    }, [separator, translate]);
     return (React.createElement(itwinui_react_1.Select, { options: separatorOptions, disabled: disabled, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.StationSeparatorSelector = StationSeparatorSelector;

package/lib/cjs/imodel-components-react/quantityformat/misc/StationSeparatorSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"StationSeparatorSelector.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSeparatorSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAE9D,wDAA8C;AAW9C;;GAEG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAyB;QAC7D;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,uCAAuC,CACxC;SACF;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,uCAAkB,CAAC,SAAS,CACjC,wCAAwC,CACzC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,qBAAqB,GAA2B,EAAE,CAAC;QACzD,0GAA0G;QAC1G,IACE,SAAS;YACT,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,EACtE;YACA,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SACpE;QACD,qBAAqB,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACzD,OAAO,qBAAqB,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA3DD,4DA2DC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Properties of [[StationSeparatorSelector]] component.\n * @internal\n */\nexport interface StationSeparatorSelectorProps extends CommonProps {\n  separator: string;\n  disabled: boolean;\n  onChange: (value: string) => void;\n}\n\n/** Component use to setStation separator.\n * @internal\n */\nexport function StationSeparatorSelector(props: StationSeparatorSelectorProps) {\n  const { separator, disabled, onChange, ...otherProps } = props;\n  const uomDefaultEntries = React.useRef<SelectOption<string>[]>([\n    {\n      value: \"+\",\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.station_separator.plus\"\n      ),\n    },\n    {\n      value: \"-\",\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.station_separator.minus\"\n      ),\n    },\n    {\n      value: \" \",\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.station_separator.blank\"\n      ),\n    },\n    {\n      value: \"^\",\n      label: UiIModelComponents.translate(\n        \"QuantityFormat.station_separator.caret\"\n      ),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  const separatorOptions = React.useMemo(() => {\n    const completeListOfEntries: SelectOption<string>[] = [];\n    // istanbul ignore next (only used if format already has a character that does not match standard options)\n    if (\n      undefined ===\n      uomDefaultEntries.current.find((option) => option.value === separator)\n    ) {\n      completeListOfEntries.push({ value: separator, label: separator });\n    }\n    completeListOfEntries.push(...uomDefaultEntries.current);\n    return completeListOfEntries;\n  }, [separator]);\n\n  return (\n    <Select\n      options={separatorOptions}\n      disabled={disabled}\n      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"StationSeparatorSelector.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSeparatorSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAWtD;;GAEG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEvC,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,iBAAiB,GAA2B;YAChD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;aAC1D;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;aAC3D;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;aAC3D;YACD;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;aAC3D;SACF,CAAC;QACF,MAAM,qBAAqB,GAA2B,EAAE,CAAC;QACzD,0GAA0G;QAC1G,IACE,SAAS;YACT,iBAAiB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,EAC9D;YACA,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SACpE;QACD,qBAAqB,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,CAAC;QACjD,OAAO,qBAAqB,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AApDD,4DAoDC","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 type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[StationSeparatorSelector]] component.\n * @internal\n */\nexport interface StationSeparatorSelectorProps extends CommonProps {\n  separator: string;\n  disabled: boolean;\n  onChange: (value: string) => void;\n}\n\n/** Component use to setStation separator.\n * @internal\n */\nexport function StationSeparatorSelector(props: StationSeparatorSelectorProps) {\n  const { separator, disabled, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  const separatorOptions = React.useMemo(() => {\n    const uomDefaultEntries: SelectOption<string>[] = [\n      {\n        value: \"+\",\n        label: translate(\"QuantityFormat.station_separator.plus\"),\n      },\n      {\n        value: \"-\",\n        label: translate(\"QuantityFormat.station_separator.minus\"),\n      },\n      {\n        value: \" \",\n        label: translate(\"QuantityFormat.station_separator.blank\"),\n      },\n      {\n        value: \"^\",\n        label: translate(\"QuantityFormat.station_separator.caret\"),\n      },\n    ];\n    const completeListOfEntries: SelectOption<string>[] = [];\n    // istanbul ignore next (only used if format already has a character that does not match standard options)\n    if (\n      undefined ===\n      uomDefaultEntries.find((option) => option.value === separator)\n    ) {\n      completeListOfEntries.push({ value: separator, label: separator });\n    }\n    completeListOfEntries.push(...uomDefaultEntries);\n    return completeListOfEntries;\n  }, [separator, translate]);\n\n  return (\n    <Select\n      options={separatorOptions}\n      disabled={disabled}\n      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

package/lib/cjs/imodel-components-react/quantityformat/misc/StationSizeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StationSizeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSizeSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA8BlE"}
+{"version":3,"file":"StationSizeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSizeSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA+BlE"}

package/lib/cjs/imodel-components-react/quantityformat/misc/StationSizeSelector.js

@@ -32,27 +32,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StationSizeSelector = void 0;
 const React = __importStar(require("react"));
-const UiIModelComponents_1 = require("../../UiIModelComponents");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const useTranslation_1 = require("../../useTranslation");
 /** Component use to set Station size (number of digits from right until '+').
  * @internal
  */
 function StationSizeSelector(props) {
     const { value, disabled, onChange, ...otherProps } = props;
-    const separatorOptions = React.useRef([
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const separatorOptions = [
         {
             value: 2,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.station_size.two"),
+            label: translate("QuantityFormat.station_size.two"),
         },
         {
             value: 3,
-            label: UiIModelComponents_1.UiIModelComponents.translate("QuantityFormat.station_size.three"),
+            label: translate("QuantityFormat.station_size.three"),
         },
-    ]);
+    ];
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: separatorOptions.current, disabled: disabled, value: value, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(itwinui_react_1.Select, { options: separatorOptions, disabled: disabled, value: value, onChange: handleOnChange, size: "small", ...otherProps }));
 }
 exports.StationSizeSelector = StationSizeSelector;
 //# sourceMappingURL=StationSizeSelector.js.map

package/lib/cjs/imodel-components-react/quantityformat/misc/StationSizeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"StationSizeSelector.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSizeSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAE/B,iEAA8D;AAE9D,wDAA8C;AAW9C;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAyB;QAC5D;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CAAC,iCAAiC,CAAC;SACvE;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,uCAAkB,CAAC,SAAS,CAAC,mCAAmC,CAAC;SACzE;KACF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,gBAAgB,CAAC,OAAO,EACjC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA9BD,kDA8BC","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 type { CommonProps } from \"@itwin/core-react\";\nimport { UiIModelComponents } from \"../../UiIModelComponents\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\n\n/** Properties of [[StationSizeSelector]] component.\n * @internal\n */\nexport interface StationSizeSelectorProps extends CommonProps {\n  value: number;\n  disabled: boolean;\n  onChange: (value: number) => void;\n}\n\n/** Component use to set Station size (number of digits from right until '+').\n * @internal\n */\nexport function StationSizeSelector(props: StationSizeSelectorProps) {\n  const { value, disabled, onChange, ...otherProps } = props;\n  const separatorOptions = React.useRef<SelectOption<number>[]>([\n    {\n      value: 2,\n      label: UiIModelComponents.translate(\"QuantityFormat.station_size.two\"),\n    },\n    {\n      value: 3,\n      label: UiIModelComponents.translate(\"QuantityFormat.station_size.three\"),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={separatorOptions.current}\n      disabled={disabled}\n      value={value}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"StationSizeSelector.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/StationSizeSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAWtD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,gBAAgB,GAA2B;QAC/C;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,iCAAiC,CAAC;SACpD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,mCAAmC,CAAC;SACtD;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA/BD,kDA+BC","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 type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[StationSizeSelector]] component.\n * @internal\n */\nexport interface StationSizeSelectorProps extends CommonProps {\n  value: number;\n  disabled: boolean;\n  onChange: (value: number) => void;\n}\n\n/** Component use to set Station size (number of digits from right until '+').\n * @internal\n */\nexport function StationSizeSelector(props: StationSizeSelectorProps) {\n  const { value, disabled, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const separatorOptions: SelectOption<number>[] = [\n    {\n      value: 2,\n      label: translate(\"QuantityFormat.station_size.two\"),\n    },\n    {\n      value: 3,\n      label: translate(\"QuantityFormat.station_size.three\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={separatorOptions}\n      disabled={disabled}\n      value={value}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

package/lib/cjs/imodel-components-react/quantityformat/misc/ThousandsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThousandsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ThousandsSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAsC9D"}
+{"version":3,"file":"ThousandsSelector.d.ts","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/ThousandsSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAmC9D"}