@itwin/imodel-components-react 5.11.2 → 5.12.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log - @itwin/imodel-components-react
 
+## 5.12.0
+
+### Minor Changes
+
+- d4db451: Add support for Bearing, Ratio, Azimuth format types for FormatsPanel, including their properties. Drop use of deprecated APIs in quantity formatting related components.
+
+### Patch Changes
+
+- @itwin/components-react@5.12.0
+- @itwin/core-react@5.12.0
+
 ## 5.11.2
 
 ### Patch Changes

package/lib/imodel-components-react/UiIModelComponents.json

@@ -54,6 +54,9 @@
         "scientific": "Scientific",
         "station": "Station",
         "fractional": "Fractional",
+        "bearing": "Bearing",
+        "azimuth": "Azimuth",
+        "ratio": "Ratio",
         "labels": {
             "compositeSpacer": "Composite Spacer",
             "formatted": "Formatted",
@@ -75,7 +78,10 @@
             "scientificTypeLabel": "Scientific Type",
             "useThousandSeparatorLabel": "Use Thousand Separator",
             "thousandSeparatorLabel": "Thousand Separator",
-            "value": "Value"
+            "value": "Value",
+            "ratioTypeLabel": "Ratio Type",
+            "azimuthBase": "Azimuth Base",
+            "azimuthCounterClockwise": "Enable Azimuth Counter-Clockwise"
         },
         "fraction_precision": {
             "whole": "Whole",
@@ -133,6 +139,31 @@
         },
         "popupButton": {
             "setFormat": "Set Format"
+        },
+        "ratio-type": {
+            "n-to-one": {
+                "label": "N:1",
+                "description": "N to 1 ratio (e.g. N:1)"
+            },
+            "one-to-n": {
+                "label": "1:N",
+                "description": "1 to N ratio (e.g. 1:N)"
+            },
+            "use-greatest-common-divisor": {
+                "label": "GCD",
+                "description": "Simplifies ratio using GCD (e.g. 0.3 → 3:10)"
+            },
+            "value-based": {
+                "label": "Value Based",
+                "description": "Scales the smaller value to 1 (e.g. 0.5 → 2:1, 2 → 1:2)"
+            },
+            "default": {
+                "description": "How properties are shown as a ratio."
+            }
+        },
+        "azimuthType": {
+            "baseTooltip": "The starting direction (base) from which azimuth angles are measured.",
+            "ccwFlagTooltip": "If checked, azimuth angles are measured in a counter-clockwise direction from the base."
         }
     },
     "BearingQuantityType": {

package/lib/imodel-components-react/quantityformat/FormatPanel.d.ts

@@ -22,8 +22,10 @@ export interface FormatPanelProps extends CommonProps {
     providePrimaryChildren?: (formatProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => React.ReactNode;
     provideSecondaryChildren?: (formatProps: FormatProps, fireFormatChange: (newProps: FormatProps) => void) => React.ReactNode;
 }
+type FormatPanelPropsWithoutPersistenceUnit = Omit<FormatPanelProps, "persistenceUnit"> & Partial<Pick<FormatPanelProps, "persistenceUnit">>;
 /** Component to show/edit Quantity Format.
  * @alpha
  */
-export declare function FormatPanel(props: FormatPanelProps): React.JSX.Element;
+export declare function FormatPanel(props: FormatPanelPropsWithoutPersistenceUnit): React.JSX.Element;
+export {};
 //# sourceMappingURL=FormatPanel.d.ts.map

package/lib/imodel-components-react/quantityformat/FormatPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormatPanel.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAU,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;;GAGG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,EAAE,WAAW,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,aAAa,KACzB,OAAO,CAAC,aAAa,CAAC,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CACvB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,KAC9C,KAAK,CAAC,SAAS,CAAC;IACrB,wBAAwB,CAAC,EAAE,CACzB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,KAC9C,KAAK,CAAC,SAAS,CAAC;CACtB;AAoBD;;GAEG;AAEH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAkHlD"}
+{"version":3,"file":"FormatPanel.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAU,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAQrD;;;GAGG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,EAAE,WAAW,CAAC;IAC3B,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,aAAa,KACzB,OAAO,CAAC,aAAa,CAAC,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CACvB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,KAC9C,KAAK,CAAC,SAAS,CAAC;IACrB,wBAAwB,CAAC,EAAE,CACzB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,WAAW,KAAK,IAAI,KAC9C,KAAK,CAAC,SAAS,CAAC;CACtB;AAoBD,KAAK,sCAAsC,GAAG,IAAI,CAEhD,gBAAgB,EAChB,iBAAiB,CAClB,GAEC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;AACrD;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,sCAAsC,qBAoHxE"}

package/lib/imodel-components-react/quantityformat/FormatPanel.js

@@ -21,7 +21,6 @@ async function generateFormatSpec(formatProps, persistenceUnit, unitsProvider) {
 /** Component to show/edit Quantity Format.
  * @alpha
  */
-// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function FormatPanel(props) {
     const [formatSpec, setFormatSpec] = React.useState();
     const { initialFormat, showSample, initialMagnitude, unitsProvider, persistenceUnit, onFormatChange, provideFormatSpec, enableMinimumProperties, } = props;
@@ -46,6 +45,8 @@ export function FormatPanel(props) {
     }, []);
     React.useEffect(() => {
         async function fetchFormatSpec() {
+            if (!persistenceUnit)
+                return;
             const pu = await persistenceUnit;
             let newFormatSpec;
             if (provideFormatSpec) {

package/lib/imodel-components-react/quantityformat/FormatPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatPanel.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPanel.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 \"./FormatPanel.scss\";\nimport * as React from \"react\";\nimport type {\n  FormatProps,\n  UnitProps,\n  UnitsProvider,\n} from \"@itwin/core-quantity\";\nimport { Format, FormatterSpec } from \"@itwin/core-quantity\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { FormatPrecision } from \"./FormatPrecision.js\";\nimport { FormatSample } from \"./FormatSample.js\";\nimport { FormatTypeOption } from \"./FormatType.js\";\nimport { FormatUnitLabel } from \"./FormatUnitLabel.js\";\nimport { FormatUnits } from \"./FormatUnits.js\";\nimport { MiscFormatOptions } from \"./MiscFormatOptions.js\";\n\n/** Properties of [[FormatPanel]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatPanel>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatPanelProps extends CommonProps {\n  initialFormat: FormatProps;\n  unitsProvider: UnitsProvider;\n  persistenceUnit: Promise<UnitProps> | UnitProps;\n  showSample?: boolean;\n  initialMagnitude?: number;\n  // if true a only primary format properties are initially displayed and a \"More/Less\" link is added.\n  enableMinimumProperties?: boolean;\n  onFormatChange?: (format: FormatProps) => void;\n  provideFormatSpec?: (\n    formatProps: FormatProps,\n    persistenceUnit: UnitProps,\n    unitsProvider: UnitsProvider\n  ) => Promise<FormatterSpec>;\n  providePrimaryChildren?: (\n    formatProps: FormatProps,\n    fireFormatChange: (newProps: FormatProps) => void\n  ) => React.ReactNode;\n  provideSecondaryChildren?: (\n    formatProps: FormatProps,\n    fireFormatChange: (newProps: FormatProps) => void\n  ) => React.ReactNode;\n}\n\nasync function generateFormatSpec(\n  formatProps: FormatProps,\n  persistenceUnit: UnitProps,\n  unitsProvider: UnitsProvider\n) {\n  const actualFormat = await Format.createFromJSON(\n    \"custom\",\n    unitsProvider,\n    formatProps\n  );\n  return FormatterSpec.create(\n    actualFormat.name,\n    actualFormat,\n    unitsProvider,\n    persistenceUnit\n  );\n}\n\n/** Component to show/edit Quantity Format.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatPanel(props: FormatPanelProps) {\n  const [formatSpec, setFormatSpec] = React.useState<FormatterSpec>();\n  const {\n    initialFormat,\n    showSample,\n    initialMagnitude,\n    unitsProvider,\n    persistenceUnit,\n    onFormatChange,\n    provideFormatSpec,\n    enableMinimumProperties,\n  } = props;\n  const [formatProps, setFormatProps] = React.useState(initialFormat);\n  const [showOptions, setShowOptions] = React.useState(false);\n\n  React.useEffect(() => {\n    setFormatProps(initialFormat);\n    setFormatSpec(undefined); // this will trigger the new spec to be created in the useEffect hook\n  }, [initialFormat]);\n\n  const handleUserFormatChanges = React.useCallback(\n    (newProps: FormatProps) => {\n      setFormatProps(newProps);\n      setFormatSpec(undefined); // this will trigger the new spec to be created in the useEffect hook\n      onFormatChange && onFormatChange(newProps);\n    },\n    [onFormatChange]\n  );\n\n  const isMounted = React.useRef(false);\n\n  // runs returned function only when component is unmounted.\n  React.useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  React.useEffect(() => {\n    async function fetchFormatSpec() {\n      const pu = await persistenceUnit;\n      let newFormatSpec: FormatterSpec;\n      if (provideFormatSpec) {\n        newFormatSpec = await provideFormatSpec(formatProps, pu, unitsProvider);\n      } else {\n        newFormatSpec = await generateFormatSpec(\n          formatProps,\n          pu,\n          unitsProvider\n        );\n      }\n      isMounted.current && setFormatSpec(newFormatSpec);\n    }\n    if (!formatSpec) void fetchFormatSpec();\n  }, [\n    formatProps,\n    formatSpec,\n    persistenceUnit,\n    provideFormatSpec,\n    unitsProvider,\n  ]);\n\n  const handleFormatChange = React.useCallback(\n    (newFormatProps: FormatProps) => {\n      handleUserFormatChanges(newFormatProps);\n    },\n    [handleUserFormatChanges]\n  );\n\n  const handleShowOptions = React.useCallback((show: boolean) => {\n    setShowOptions(show);\n  }, []);\n\n  return (\n    <div className=\"components-quantityFormat-panel\">\n      {showSample && (\n        <FormatSample\n          formatSpec={formatSpec}\n          initialMagnitude={initialMagnitude}\n        />\n      )}\n      <FormatUnits\n        unitsProvider={unitsProvider}\n        persistenceUnit={formatSpec?.persistenceUnit}\n        initialFormat={formatProps}\n        onUnitsChange={handleFormatChange}\n      />\n      <FormatUnitLabel\n        formatProps={formatProps}\n        onUnitLabelChange={handleFormatChange}\n      />\n      <FormatTypeOption\n        formatProps={formatProps}\n        onChange={handleFormatChange}\n      />\n      <FormatPrecision\n        formatProps={formatProps}\n        onChange={handleFormatChange}\n      />\n      {props.providePrimaryChildren &&\n        props.providePrimaryChildren(formatProps, handleFormatChange)}\n      <MiscFormatOptions\n        formatProps={formatProps}\n        onChange={handleFormatChange}\n        enableMinimumProperties={enableMinimumProperties}\n        showOptions={showOptions}\n        onShowHideOptions={handleShowOptions}\n      >\n        {props.provideSecondaryChildren &&\n          props.provideSecondaryChildren(formatProps, handleFormatChange)}\n      </MiscFormatOptions>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"FormatPanel.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPanel.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 \"./FormatPanel.scss\";\nimport * as React from \"react\";\nimport type {\n  FormatProps,\n  UnitProps,\n  UnitsProvider,\n} from \"@itwin/core-quantity\";\nimport { Format, FormatterSpec } from \"@itwin/core-quantity\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { FormatPrecision } from \"./FormatPrecision.js\";\nimport { FormatSample } from \"./FormatSample.js\";\nimport { FormatTypeOption } from \"./FormatType.js\";\nimport { FormatUnitLabel } from \"./FormatUnitLabel.js\";\nimport { FormatUnits } from \"./FormatUnits.js\";\nimport { MiscFormatOptions } from \"./MiscFormatOptions.js\";\n\n/** Properties of [[FormatPanel]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatPanel>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatPanelProps extends CommonProps {\n  initialFormat: FormatProps;\n  unitsProvider: UnitsProvider;\n  persistenceUnit: Promise<UnitProps> | UnitProps;\n  showSample?: boolean;\n  initialMagnitude?: number;\n  // if true a only primary format properties are initially displayed and a \"More/Less\" link is added.\n  enableMinimumProperties?: boolean;\n  onFormatChange?: (format: FormatProps) => void;\n  provideFormatSpec?: (\n    formatProps: FormatProps,\n    persistenceUnit: UnitProps,\n    unitsProvider: UnitsProvider\n  ) => Promise<FormatterSpec>;\n  providePrimaryChildren?: (\n    formatProps: FormatProps,\n    fireFormatChange: (newProps: FormatProps) => void\n  ) => React.ReactNode;\n  provideSecondaryChildren?: (\n    formatProps: FormatProps,\n    fireFormatChange: (newProps: FormatProps) => void\n  ) => React.ReactNode;\n}\n\nasync function generateFormatSpec(\n  formatProps: FormatProps,\n  persistenceUnit: UnitProps,\n  unitsProvider: UnitsProvider\n) {\n  const actualFormat = await Format.createFromJSON(\n    \"custom\",\n    unitsProvider,\n    formatProps\n  );\n  return FormatterSpec.create(\n    actualFormat.name,\n    actualFormat,\n    unitsProvider,\n    persistenceUnit\n  );\n}\n\ntype FormatPanelPropsWithoutPersistenceUnit = Omit<\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FormatPanelProps,\n  \"persistenceUnit\"\n> &\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  Partial<Pick<FormatPanelProps, \"persistenceUnit\">>;\n/** Component to show/edit Quantity Format.\n * @alpha\n */\nexport function FormatPanel(props: FormatPanelPropsWithoutPersistenceUnit) {\n  const [formatSpec, setFormatSpec] = React.useState<FormatterSpec>();\n  const {\n    initialFormat,\n    showSample,\n    initialMagnitude,\n    unitsProvider,\n    persistenceUnit,\n    onFormatChange,\n    provideFormatSpec,\n    enableMinimumProperties,\n  } = props;\n  const [formatProps, setFormatProps] = React.useState(initialFormat);\n  const [showOptions, setShowOptions] = React.useState(false);\n\n  React.useEffect(() => {\n    setFormatProps(initialFormat);\n    setFormatSpec(undefined); // this will trigger the new spec to be created in the useEffect hook\n  }, [initialFormat]);\n\n  const handleUserFormatChanges = React.useCallback(\n    (newProps: FormatProps) => {\n      setFormatProps(newProps);\n      setFormatSpec(undefined); // this will trigger the new spec to be created in the useEffect hook\n      onFormatChange && onFormatChange(newProps);\n    },\n    [onFormatChange]\n  );\n\n  const isMounted = React.useRef(false);\n\n  // runs returned function only when component is unmounted.\n  React.useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  React.useEffect(() => {\n    async function fetchFormatSpec() {\n      if (!persistenceUnit) return;\n\n      const pu = await persistenceUnit;\n      let newFormatSpec: FormatterSpec;\n      if (provideFormatSpec) {\n        newFormatSpec = await provideFormatSpec(formatProps, pu, unitsProvider);\n      } else {\n        newFormatSpec = await generateFormatSpec(\n          formatProps,\n          pu,\n          unitsProvider\n        );\n      }\n      isMounted.current && setFormatSpec(newFormatSpec);\n    }\n    if (!formatSpec) void fetchFormatSpec();\n  }, [\n    formatProps,\n    formatSpec,\n    persistenceUnit,\n    provideFormatSpec,\n    unitsProvider,\n  ]);\n\n  const handleFormatChange = React.useCallback(\n    (newFormatProps: FormatProps) => {\n      handleUserFormatChanges(newFormatProps);\n    },\n    [handleUserFormatChanges]\n  );\n\n  const handleShowOptions = React.useCallback((show: boolean) => {\n    setShowOptions(show);\n  }, []);\n\n  return (\n    <div className=\"components-quantityFormat-panel\">\n      {showSample && (\n        <FormatSample\n          formatSpec={formatSpec}\n          initialMagnitude={initialMagnitude}\n        />\n      )}\n      <FormatUnits\n        unitsProvider={unitsProvider}\n        persistenceUnit={formatSpec?.persistenceUnit}\n        initialFormat={formatProps}\n        onUnitsChange={handleFormatChange}\n      />\n      <FormatUnitLabel\n        formatProps={formatProps}\n        onUnitLabelChange={handleFormatChange}\n      />\n      <FormatTypeOption\n        formatProps={formatProps}\n        onChange={handleFormatChange}\n      />\n      <FormatPrecision\n        formatProps={formatProps}\n        onChange={handleFormatChange}\n      />\n      {props.providePrimaryChildren &&\n        props.providePrimaryChildren(formatProps, handleFormatChange)}\n      <MiscFormatOptions\n        formatProps={formatProps}\n        onChange={handleFormatChange}\n        enableMinimumProperties={enableMinimumProperties}\n        showOptions={showOptions}\n        onShowHideOptions={handleShowOptions}\n      >\n        {props.provideSecondaryChildren &&\n          props.provideSecondaryChildren(formatProps, handleFormatChange)}\n      </MiscFormatOptions>\n    </div>\n  );\n}\n"]}

package/lib/imodel-components-react/quantityformat/FormatPrecision.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormatPrecision.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAkC1D"}
+{"version":3,"file":"FormatPrecision.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAOxD;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAuC1D"}

package/lib/imodel-components-react/quantityformat/FormatPrecision.js

@@ -10,6 +10,7 @@ import { FormatType, parseFormatType } from "@itwin/core-quantity";
 import { DecimalPrecisionSelector } from "./misc/DecimalPrecision.js";
 import { FractionPrecisionSelector } from "./misc/FractionPrecision.js";
 import { useTranslation } from "../useTranslation.js";
+import { Label } from "@itwin/itwinui-react";
 /** Component to show/edit Quantity Format Precision.
  * @alpha
  */
@@ -17,13 +18,14 @@ import { useTranslation } from "../useTranslation.js";
 export function FormatPrecision(props) {
     const { formatProps, onChange } = props;
     const { translate } = useTranslation();
+    const precisionSelectorId = React.useId();
     const handlePrecisionChange = React.useCallback((precision) => {
         const newFormatProps = { ...formatProps, precision };
         onChange && onChange(newFormatProps);
     }, [formatProps, onChange]);
     const formatType = parseFormatType(formatProps.type, "format");
     return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.precision")),
-        formatType === FormatType.Fractional ? (React.createElement(FractionPrecisionSelector, { "data-testid": "fraction-precision-selector", precision: formatProps.precision ?? 0, onChange: handlePrecisionChange })) : (React.createElement(DecimalPrecisionSelector, { "data-testid": "decimal-precision-selector", precision: formatProps.precision ?? 0, onChange: handlePrecisionChange }))));
+        React.createElement(Label, { className: "uicore-label", as: "div", displayStyle: "inline", id: precisionSelectorId }, translate("QuantityFormat.labels.precision")),
+        formatType === FormatType.Fractional ? (React.createElement(FractionPrecisionSelector, { "aria-labelledby": precisionSelectorId, precision: formatProps.precision ?? 0, onChange: handlePrecisionChange })) : (React.createElement(DecimalPrecisionSelector, { "aria-labelledby": precisionSelectorId, precision: formatProps.precision ?? 0, onChange: handlePrecisionChange }))));
 }
 //# sourceMappingURL=FormatPrecision.js.map

package/lib/imodel-components-react/quantityformat/FormatPrecision.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatPrecision.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAYtD;;GAEG;AACH,4DAA4D;AAC5D,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,CAAC,SAAiB,EAAE,EAAE;QACpB,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,CAAC;QACrD,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE/D,OAAO,CACL;QACE,8BAAM,SAAS,EAAE,cAAc,IAC5B,SAAS,CAAC,iCAAiC,CAAC,CACxC;QACN,UAAU,KAAK,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CACtC,oBAAC,yBAAyB,mBACZ,6BAA6B,EACzC,SAAS,EAAE,WAAW,CAAC,SAAS,IAAI,CAAC,EACrC,QAAQ,EAAE,qBAAqB,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAwB,mBACX,4BAA4B,EACxC,SAAS,EAAE,WAAW,CAAC,SAAS,IAAI,CAAC,EACrC,QAAQ,EAAE,qBAAqB,GAC/B,CACH,CACA,CACJ,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 type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport { FormatType, parseFormatType } from \"@itwin/core-quantity\";\nimport { DecimalPrecisionSelector } from \"./misc/DecimalPrecision.js\";\nimport { FractionPrecisionSelector } from \"./misc/FractionPrecision.js\";\nimport { useTranslation } from \"../useTranslation.js\";\n\n/** Properties of [[FormatPrecision]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatPrecision>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatPrecisionProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n}\n\n/** Component to show/edit Quantity Format Precision.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatPrecision(props: FormatPrecisionProps) {\n  const { formatProps, onChange } = props;\n  const { translate } = useTranslation();\n\n  const handlePrecisionChange = React.useCallback(\n    (precision: number) => {\n      const newFormatProps = { ...formatProps, precision };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  const formatType = parseFormatType(formatProps.type, \"format\");\n\n  return (\n    <>\n      <span className={\"uicore-label\"}>\n        {translate(\"QuantityFormat.labels.precision\")}\n      </span>\n      {formatType === FormatType.Fractional ? (\n        <FractionPrecisionSelector\n          data-testid=\"fraction-precision-selector\"\n          precision={formatProps.precision ?? 0}\n          onChange={handlePrecisionChange}\n        />\n      ) : (\n        <DecimalPrecisionSelector\n          data-testid=\"decimal-precision-selector\"\n          precision={formatProps.precision ?? 0}\n          onChange={handlePrecisionChange}\n        />\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"FormatPrecision.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAY7C;;GAEG;AACH,4DAA4D;AAC5D,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,mBAAmB,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC1C,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,CAAC,SAAiB,EAAE,EAAE;QACpB,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,CAAC;QACrD,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE/D,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,SAAS,EAAE,cAAc,EACzB,EAAE,EAAC,KAAK,EACR,YAAY,EAAC,QAAQ,EACrB,EAAE,EAAE,mBAAmB,IAEtB,SAAS,CAAC,iCAAiC,CAAC,CACvC;QACP,UAAU,KAAK,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CACtC,oBAAC,yBAAyB,uBACP,mBAAmB,EACpC,SAAS,EAAE,WAAW,CAAC,SAAS,IAAI,CAAC,EACrC,QAAQ,EAAE,qBAAqB,GAC/B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAwB,uBACN,mBAAmB,EACpC,SAAS,EAAE,WAAW,CAAC,SAAS,IAAI,CAAC,EACrC,QAAQ,EAAE,qBAAqB,GAC/B,CACH,CACA,CACJ,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 type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport { FormatType, parseFormatType } from \"@itwin/core-quantity\";\nimport { DecimalPrecisionSelector } from \"./misc/DecimalPrecision.js\";\nimport { FractionPrecisionSelector } from \"./misc/FractionPrecision.js\";\nimport { useTranslation } from \"../useTranslation.js\";\nimport { Label } from \"@itwin/itwinui-react\";\n\n/** Properties of [[FormatPrecision]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatPrecision>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatPrecisionProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n}\n\n/** Component to show/edit Quantity Format Precision.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatPrecision(props: FormatPrecisionProps) {\n  const { formatProps, onChange } = props;\n  const { translate } = useTranslation();\n  const precisionSelectorId = React.useId();\n  const handlePrecisionChange = React.useCallback(\n    (precision: number) => {\n      const newFormatProps = { ...formatProps, precision };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  const formatType = parseFormatType(formatProps.type, \"format\");\n\n  return (\n    <>\n      <Label\n        className={\"uicore-label\"}\n        as=\"div\"\n        displayStyle=\"inline\"\n        id={precisionSelectorId}\n      >\n        {translate(\"QuantityFormat.labels.precision\")}\n      </Label>\n      {formatType === FormatType.Fractional ? (\n        <FractionPrecisionSelector\n          aria-labelledby={precisionSelectorId}\n          precision={formatProps.precision ?? 0}\n          onChange={handlePrecisionChange}\n        />\n      ) : (\n        <DecimalPrecisionSelector\n          aria-labelledby={precisionSelectorId}\n          precision={formatProps.precision ?? 0}\n          onChange={handlePrecisionChange}\n        />\n      )}\n    </>\n  );\n}\n"]}

package/lib/imodel-components-react/quantityformat/FormatType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormatType.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAkExD;;;GAGG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AAEH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBA0D5D"}
+{"version":3,"file":"FormatType.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA4GxD;;;GAGG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AAEH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBA8E5D"}

package/lib/imodel-components-react/quantityformat/FormatType.js

@@ -6,16 +6,17 @@
  * @module QuantityFormat
  */
 import * as React from "react";
-import { DecimalPrecision, FormatType, formatTypeToString, FractionalPrecision, parseFormatType, ScientificType, scientificTypeToString, } from "@itwin/core-quantity";
-import { Select } from "@itwin/itwinui-react";
+import { DecimalPrecision, FormatType, FractionalPrecision, parseFormatType, RatioType, ScientificType, } from "@itwin/core-quantity";
+import { Label, Select } from "@itwin/itwinui-react";
 import { useTranslation } from "../useTranslation.js";
 /** Component to select the format type.
  * @alpha
  */
 function FormatTypeSelector(props) {
-    const { type, onChange, ...otherProps } = props;
+    const { type, onChange, ...rest } = props;
     const { translate } = useTranslation();
-    const formatOptions = React.useRef([
+    const formatTypeSelectorId = React.useId();
+    const formatOptions = React.useMemo(() => [
         {
             value: FormatType.Decimal,
             label: translate("QuantityFormat.decimal"),
@@ -32,31 +33,53 @@ function FormatTypeSelector(props) {
             value: FormatType.Fractional,
             label: translate("QuantityFormat.fractional"),
         },
-    ]);
+        {
+            value: FormatType.Bearing,
+            label: translate("QuantityFormat.bearing"),
+        },
+        {
+            value: FormatType.Azimuth,
+            label: translate("QuantityFormat.azimuth"),
+        },
+        {
+            value: FormatType.Ratio,
+            label: translate("QuantityFormat.ratio"),
+        },
+    ], [translate]);
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(Select, { options: formatOptions.current, value: type, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Label, { className: "uicore-label", as: "div", displayStyle: "inline", id: formatTypeSelectorId }, translate("QuantityFormat.labels.type")),
+        React.createElement(Select, { options: formatOptions, value: type, "aria-labelledby": formatTypeSelectorId, onChange: handleOnChange, size: "small", ...rest })));
 }
+const handleUnitsWhenFormatTypeChange = (units, type) => {
+    if (type === FormatType.Ratio) {
+        // Only one display unit is allowed for Ratio format.
+        if (units.length > 1) {
+            return [units[0]];
+        }
+    }
+    return units;
+};
 /** Component to set the Quantity Format type.
  * @alpha
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export function FormatTypeOption(props) {
-    const { formatProps, onChange } = props;
-    const { translate } = useTranslation();
-    const handleFormatTypeChange = React.useCallback((newType) => {
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        const type = formatTypeToString(newType);
+    const { formatProps, onChange, ...rest } = props;
+    const handleFormatTypeChange = React.useCallback((type) => {
         let precision;
         let stationOffsetSize;
         let scientificType;
-        switch (newType // type must be decimal, fractional, scientific, or station
-        ) {
+        let azimuthBaseUnit;
+        let azimuthBase;
+        let revolutionUnit;
+        let ratioType;
+        switch (type) {
             case FormatType.Scientific:
                 precision = DecimalPrecision.Six;
-                // eslint-disable-next-line @typescript-eslint/no-deprecated
-                scientificType = scientificTypeToString(ScientificType.Normalized);
+                scientificType = ScientificType.Normalized;
                 break;
             case FormatType.Decimal:
                 precision = DecimalPrecision.Four;
@@ -72,19 +95,39 @@ export function FormatTypeOption(props) {
             case FormatType.Fractional:
                 precision = FractionalPrecision.Eight;
                 break;
+            case FormatType.Bearing:
+                revolutionUnit = "Units.REVOLUTION"; // Warning: By default, BasicUnitsProvider does not contain this unit.
+                break;
+            case FormatType.Azimuth:
+                revolutionUnit = "Units.REVOLUTION"; // Warning: By default, BasicUnitsProvider does not contain this unit.
+                azimuthBaseUnit = "Units.ARC_DEG";
+                azimuthBase = 0.0;
+                break;
+            case FormatType.Ratio:
+                ratioType = RatioType.NToOne; // Default to N:1 ratio
+                break;
         }
         const newFormatProps = {
             ...formatProps,
+            composite: formatProps.composite
+                ? {
+                    ...formatProps.composite,
+                    units: handleUnitsWhenFormatTypeChange(formatProps.composite.units, type),
+                }
+                : undefined,
             type,
             precision,
             scientificType,
             stationOffsetSize,
+            revolutionUnit,
+            azimuthBaseUnit,
+            azimuthBase,
+            ratioType,
         };
         onChange && onChange(newFormatProps);
     }, [formatProps, onChange]);
     const formatType = parseFormatType(formatProps.type, "format");
     return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "uicore-label.current" }, translate("QuantityFormat.labels.type")),
-        React.createElement(FormatTypeSelector, { "data-testid": "format-type-selector", type: formatType, onChange: handleFormatTypeChange })));
+        React.createElement(FormatTypeSelector, { ...rest, type: formatType, onChange: handleFormatTypeChange })));
 }
 //# sourceMappingURL=FormatType.js.map

package/lib/imodel-components-react/quantityformat/FormatType.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatType.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatType.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 type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport {\n  DecimalPrecision,\n  FormatType,\n  formatTypeToString,\n  FractionalPrecision,\n  parseFormatType,\n  ScientificType,\n  scientificTypeToString,\n} from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation.js\";\n\n/** Properties of [[FormatTypeSelector]] component.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface FormatTypeSelectorProps extends CommonProps {\n  type: FormatType;\n  onChange: (value: FormatType) => void;\n}\n\n/** Component to select the format type.\n * @alpha\n */\nfunction FormatTypeSelector(props: FormatTypeSelectorProps) {\n  const { type, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const formatOptions = React.useRef<SelectOption<FormatType>[]>([\n    {\n      value: FormatType.Decimal,\n      label: translate(\"QuantityFormat.decimal\"),\n    },\n    {\n      value: FormatType.Scientific,\n      label: translate(\"QuantityFormat.scientific\"),\n    },\n    {\n      value: FormatType.Station,\n      label: translate(\"QuantityFormat.station\"),\n    },\n    {\n      value: FormatType.Fractional,\n      label: translate(\"QuantityFormat.fractional\"),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: FormatType) => {\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\n/** Properties of [[FormatTypeOption]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatTypeOption>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatTypeOptionProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n}\n\n/** Component to set the Quantity Format type.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatTypeOption(props: FormatTypeOptionProps) {\n  const { formatProps, onChange } = props;\n  const { translate } = useTranslation();\n  const handleFormatTypeChange = React.useCallback(\n    (newType: FormatType) => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      const type = formatTypeToString(newType);\n      let precision: number | undefined;\n      let stationOffsetSize: number | undefined;\n      let scientificType: string | undefined;\n      switch (\n        newType // type must be decimal, fractional, scientific, or station\n      ) {\n        case FormatType.Scientific:\n          precision = DecimalPrecision.Six;\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          scientificType = scientificTypeToString(ScientificType.Normalized);\n          break;\n        case FormatType.Decimal:\n          precision = DecimalPrecision.Four;\n          break;\n        case FormatType.Station:\n          precision = DecimalPrecision.Two;\n          stationOffsetSize = formatProps.composite?.units[0].name\n            .toLocaleLowerCase()\n            .endsWith(\"m\")\n            ? 3\n            : 2;\n          break;\n        case FormatType.Fractional:\n          precision = FractionalPrecision.Eight;\n          break;\n      }\n      const newFormatProps = {\n        ...formatProps,\n        type,\n        precision,\n        scientificType,\n        stationOffsetSize,\n      };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  const formatType = parseFormatType(formatProps.type, \"format\");\n  return (\n    <>\n      <span className={\"uicore-label.current\"}>\n        {translate(\"QuantityFormat.labels.type\")}\n      </span>\n      <FormatTypeSelector\n        data-testid=\"format-type-selector\"\n        type={formatType}\n        onChange={handleFormatTypeChange}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"FormatType.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatType.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 type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport {\n  DecimalPrecision,\n  FormatType,\n  FractionalPrecision,\n  parseFormatType,\n  RatioType,\n  ScientificType,\n} from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Label, Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation.js\";\n\n/** Properties of [[FormatTypeSelector]] component.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface FormatTypeSelectorProps extends CommonProps {\n  type: FormatType;\n  onChange: (value: FormatType) => void;\n}\n\n/** Component to select the format type.\n * @alpha\n */\nfunction FormatTypeSelector(props: FormatTypeSelectorProps) {\n  const { type, onChange, ...rest } = props;\n  const { translate } = useTranslation();\n  const formatTypeSelectorId = React.useId();\n  const formatOptions = React.useMemo<SelectOption<FormatType>[]>(\n    () => [\n      {\n        value: FormatType.Decimal,\n        label: translate(\"QuantityFormat.decimal\"),\n      },\n      {\n        value: FormatType.Scientific,\n        label: translate(\"QuantityFormat.scientific\"),\n      },\n      {\n        value: FormatType.Station,\n        label: translate(\"QuantityFormat.station\"),\n      },\n      {\n        value: FormatType.Fractional,\n        label: translate(\"QuantityFormat.fractional\"),\n      },\n      {\n        value: FormatType.Bearing,\n        label: translate(\"QuantityFormat.bearing\"),\n      },\n      {\n        value: FormatType.Azimuth,\n        label: translate(\"QuantityFormat.azimuth\"),\n      },\n      {\n        value: FormatType.Ratio,\n        label: translate(\"QuantityFormat.ratio\"),\n      },\n    ],\n    [translate]\n  );\n\n  const handleOnChange = React.useCallback(\n    (newValue: FormatType) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <>\n      <Label\n        className=\"uicore-label\"\n        as=\"div\"\n        displayStyle=\"inline\"\n        id={formatTypeSelectorId}\n      >\n        {translate(\"QuantityFormat.labels.type\")}\n      </Label>\n      <Select\n        options={formatOptions}\n        value={type}\n        aria-labelledby={formatTypeSelectorId}\n        onChange={handleOnChange}\n        size=\"small\"\n        {...rest}\n      />\n    </>\n  );\n}\n\nconst handleUnitsWhenFormatTypeChange = (\n  units: Array<{\n    readonly name: string;\n    readonly label?: string;\n  }>,\n  type: FormatType\n) => {\n  if (type === FormatType.Ratio) {\n    // Only one display unit is allowed for Ratio format.\n    if (units.length > 1) {\n      return [units[0]];\n    }\n  }\n  return units;\n};\n\n/** Properties of [[FormatTypeOption]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatTypeOption>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatTypeOptionProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n}\n\n/** Component to set the Quantity Format type.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatTypeOption(props: FormatTypeOptionProps) {\n  const { formatProps, onChange, ...rest } = props;\n\n  const handleFormatTypeChange = React.useCallback(\n    (type: FormatType) => {\n      let precision: number | undefined;\n      let stationOffsetSize: number | undefined;\n      let scientificType: string | undefined;\n      let azimuthBaseUnit: string | undefined;\n      let azimuthBase: number | undefined;\n      let revolutionUnit: string | undefined;\n      let ratioType: string | undefined;\n      switch (type) {\n        case FormatType.Scientific:\n          precision = DecimalPrecision.Six;\n          scientificType = ScientificType.Normalized;\n          break;\n        case FormatType.Decimal:\n          precision = DecimalPrecision.Four;\n          break;\n        case FormatType.Station:\n          precision = DecimalPrecision.Two;\n          stationOffsetSize = formatProps.composite?.units[0].name\n            .toLocaleLowerCase()\n            .endsWith(\"m\")\n            ? 3\n            : 2;\n          break;\n        case FormatType.Fractional:\n          precision = FractionalPrecision.Eight;\n          break;\n        case FormatType.Bearing:\n          revolutionUnit = \"Units.REVOLUTION\"; // Warning: By default, BasicUnitsProvider does not contain this unit.\n          break;\n        case FormatType.Azimuth:\n          revolutionUnit = \"Units.REVOLUTION\"; // Warning: By default, BasicUnitsProvider does not contain this unit.\n          azimuthBaseUnit = \"Units.ARC_DEG\";\n          azimuthBase = 0.0;\n          break;\n        case FormatType.Ratio:\n          ratioType = RatioType.NToOne; // Default to N:1 ratio\n          break;\n      }\n      const newFormatProps: FormatProps = {\n        ...formatProps,\n        composite: formatProps.composite\n          ? {\n              ...formatProps.composite,\n              units: handleUnitsWhenFormatTypeChange(\n                formatProps.composite.units,\n                type\n              ),\n            }\n          : undefined,\n        type,\n        precision,\n        scientificType,\n        stationOffsetSize,\n        revolutionUnit,\n        azimuthBaseUnit,\n        azimuthBase,\n        ratioType,\n      };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  const formatType = parseFormatType(formatProps.type, \"format\");\n  return (\n    <>\n      <FormatTypeSelector\n        {...rest}\n        type={formatType}\n        onChange={handleFormatTypeChange}\n      />\n    </>\n  );\n}\n"]}

package/lib/imodel-components-react/quantityformat/FormatUnitLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormatUnitLabel.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAqDxD;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAuF1D"}
+{"version":3,"file":"FormatUnitLabel.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAsDxD;;;GAGG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA2F1D"}

package/lib/imodel-components-react/quantityformat/FormatUnitLabel.js

@@ -8,10 +8,10 @@
 import classnames from "classnames";
 import * as React from "react";
 import { Format, FormatTraits, getTraitString } from "@itwin/core-quantity";
-import { Checkbox, Select } from "@itwin/itwinui-react";
+import { Checkbox, Label, Select } from "@itwin/itwinui-react";
 import { useTranslation } from "../useTranslation.js";
 function UomSeparatorSelector(props) {
-    const { separator, onChange, ...otherProps } = props;
+    const { separator, onChange, disabled, ...rest } = props;
     const { translate } = useTranslation();
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
@@ -30,7 +30,7 @@ function UomSeparatorSelector(props) {
         completeListOfEntries.push(...uomDefaultEntries);
         return completeListOfEntries;
     }, [separator, translate]);
-    return (React.createElement(Select, { options: separatorOptions, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(Select, { options: separatorOptions, value: separator, onChange: handleOnChange, size: "small", disabled: disabled, ...rest }));
 }
 /** Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.
  * @alpha
@@ -39,6 +39,7 @@ function UomSeparatorSelector(props) {
 export function FormatUnitLabel(props) {
     const { formatProps, onUnitLabelChange } = props;
     const { translate } = useTranslation();
+    const uomSeparatorSelectorId = React.useId();
     const handleSetFormatProps = React.useCallback((newProps) => {
         onUnitLabelChange && onUnitLabelChange(newProps);
     }, [onUnitLabelChange]);
@@ -81,7 +82,7 @@ export function FormatUnitLabel(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.appendUnitLabel")),
         React.createElement(Checkbox, { "data-testid": "show-unit-label-checkbox", checked: isFormatTraitSet(FormatTraits.ShowUnitLabel), onChange: handleShowUnitLabelChange }),
-        React.createElement("span", { className: classnames("uicore-label", !isFormatTraitSet(FormatTraits.ShowUnitLabel) && "uicore-disabled") }, translate("QuantityFormat.labels.labelSeparator")),
-        React.createElement(UomSeparatorSelector, { "data-testid": "uom-separator-select", separator: formatProps.uomSeparator ?? "", onChange: handleUomSeparatorChange, disabled: !isFormatTraitSet(FormatTraits.ShowUnitLabel) })));
+        React.createElement(Label, { as: "div", displayStyle: "inline", id: uomSeparatorSelectorId, className: classnames("uicore-label", !isFormatTraitSet(FormatTraits.ShowUnitLabel) && "uicore-disabled") }, translate("QuantityFormat.labels.labelSeparator")),
+        React.createElement(UomSeparatorSelector, { "aria-labelledby": uomSeparatorSelectorId, separator: formatProps.uomSeparator ?? "", onChange: handleUomSeparatorChange, disabled: !isFormatTraitSet(FormatTraits.ShowUnitLabel) })));
 }
 //# sourceMappingURL=FormatUnitLabel.js.map

package/lib/imodel-components-react/quantityformat/FormatUnitLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatUnitLabel.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatUnitLabel.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 classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport { Format, FormatTraits, getTraitString } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Checkbox, Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface UomSeparatorSelectorProps extends CommonProps {\n  separator: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}\n\nfunction UomSeparatorSelector(props: UomSeparatorSelectorProps) {\n  const { separator, 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      { value: \"\", label: translate(\"QuantityFormat.none\") },\n      { value: \" \", label: translate(\"QuantityFormat.space\") },\n      { value: \"-\", label: translate(\"QuantityFormat.dash\") },\n    ];\n    const completeListOfEntries: SelectOption<string>[] = [];\n\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      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n\n/** Properties of [[FormatUnitLabel]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatUnitLabel>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatUnitLabelProps extends CommonProps {\n  formatProps: FormatProps;\n  onUnitLabelChange?: (format: FormatProps) => void;\n}\n\n/** Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatUnitLabel(props: FormatUnitLabelProps) {\n  const { formatProps, onUnitLabelChange } = props;\n  const { translate } = useTranslation();\n\n  const handleSetFormatProps = React.useCallback(\n    (newProps: FormatProps) => {\n      onUnitLabelChange && onUnitLabelChange(newProps);\n    },\n    [onUnitLabelChange]\n  );\n\n  const isFormatTraitSet = React.useCallback(\n    (trait: FormatTraits) => {\n      return Format.isFormatTraitSetInProps(formatProps, trait);\n    },\n    [formatProps]\n  );\n\n  const setFormatTrait = React.useCallback(\n    (trait: FormatTraits, setActive: boolean) => {\n      const traitStr = getTraitString(trait);\n      let formatTraits: string[] = [traitStr];\n      if (setActive) {\n        // setting trait\n        if (formatProps.formatTraits) {\n          const traits = Array.isArray(formatProps.formatTraits)\n            ? formatProps.formatTraits\n            : formatProps.formatTraits.split(/,|;|\\|/);\n          if (!traits.find((traitEntry) => traitStr === traitEntry)) {\n            formatTraits = [...traits, traitStr];\n          }\n        }\n      } else {\n        // clearing trait\n        if (!formatProps.formatTraits) return;\n        const traits = Array.isArray(formatProps.formatTraits)\n          ? formatProps.formatTraits\n          : formatProps.formatTraits.split(/,|;|\\|/);\n        formatTraits = traits.filter((traitEntry) => traitEntry !== traitStr);\n      }\n      const newFormatProps = { ...formatProps, formatTraits };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleUomSeparatorChange = React.useCallback(\n    (newSeparator: string) => {\n      const newFormatProps = { ...formatProps, uomSeparator: newSeparator };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleShowUnitLabelChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.ShowUnitLabel, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  return (\n    <>\n      <span className={\"uicore-label\"}>\n        {translate(\"QuantityFormat.labels.appendUnitLabel\")}\n      </span>\n      <Checkbox\n        data-testid=\"show-unit-label-checkbox\"\n        checked={isFormatTraitSet(FormatTraits.ShowUnitLabel)}\n        onChange={handleShowUnitLabelChange}\n      />\n      <span\n        className={classnames(\n          \"uicore-label\",\n          !isFormatTraitSet(FormatTraits.ShowUnitLabel) && \"uicore-disabled\"\n        )}\n      >\n        {translate(\"QuantityFormat.labels.labelSeparator\")}\n      </span>\n      <UomSeparatorSelector\n        data-testid=\"uom-separator-select\"\n        separator={formatProps.uomSeparator ?? \"\"}\n        onChange={handleUomSeparatorChange}\n        disabled={!isFormatTraitSet(FormatTraits.ShowUnitLabel)}\n      />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"FormatUnitLabel.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/FormatUnitLabel.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 classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport { Format, FormatTraits, getTraitString } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Checkbox, Label, Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface UomSeparatorSelectorProps extends CommonProps {\n  separator: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}\n\nfunction UomSeparatorSelector(props: UomSeparatorSelectorProps) {\n  const { separator, onChange, disabled, ...rest } = 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      { value: \"\", label: translate(\"QuantityFormat.none\") },\n      { value: \" \", label: translate(\"QuantityFormat.space\") },\n      { value: \"-\", label: translate(\"QuantityFormat.dash\") },\n    ];\n    const completeListOfEntries: SelectOption<string>[] = [];\n\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      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      disabled={disabled}\n      {...rest}\n    />\n  );\n}\n\n/** Properties of [[FormatUnitLabel]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatUnitLabel>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface FormatUnitLabelProps extends CommonProps {\n  formatProps: FormatProps;\n  onUnitLabelChange?: (format: FormatProps) => void;\n}\n\n/** Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function FormatUnitLabel(props: FormatUnitLabelProps) {\n  const { formatProps, onUnitLabelChange } = props;\n  const { translate } = useTranslation();\n\n  const uomSeparatorSelectorId = React.useId();\n  const handleSetFormatProps = React.useCallback(\n    (newProps: FormatProps) => {\n      onUnitLabelChange && onUnitLabelChange(newProps);\n    },\n    [onUnitLabelChange]\n  );\n\n  const isFormatTraitSet = React.useCallback(\n    (trait: FormatTraits) => {\n      return Format.isFormatTraitSetInProps(formatProps, trait);\n    },\n    [formatProps]\n  );\n\n  const setFormatTrait = React.useCallback(\n    (trait: FormatTraits, setActive: boolean) => {\n      const traitStr = getTraitString(trait);\n      let formatTraits: string[] = [traitStr];\n      if (setActive) {\n        // setting trait\n        if (formatProps.formatTraits) {\n          const traits = Array.isArray(formatProps.formatTraits)\n            ? formatProps.formatTraits\n            : formatProps.formatTraits.split(/,|;|\\|/);\n          if (!traits.find((traitEntry) => traitStr === traitEntry)) {\n            formatTraits = [...traits, traitStr];\n          }\n        }\n      } else {\n        // clearing trait\n        if (!formatProps.formatTraits) return;\n        const traits = Array.isArray(formatProps.formatTraits)\n          ? formatProps.formatTraits\n          : formatProps.formatTraits.split(/,|;|\\|/);\n        formatTraits = traits.filter((traitEntry) => traitEntry !== traitStr);\n      }\n      const newFormatProps = { ...formatProps, formatTraits };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleUomSeparatorChange = React.useCallback(\n    (newSeparator: string) => {\n      const newFormatProps = { ...formatProps, uomSeparator: newSeparator };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleShowUnitLabelChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.ShowUnitLabel, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  return (\n    <>\n      <span className={\"uicore-label\"}>\n        {translate(\"QuantityFormat.labels.appendUnitLabel\")}\n      </span>\n      <Checkbox\n        data-testid=\"show-unit-label-checkbox\"\n        checked={isFormatTraitSet(FormatTraits.ShowUnitLabel)}\n        onChange={handleShowUnitLabelChange}\n      />\n      <Label\n        as=\"div\"\n        displayStyle=\"inline\"\n        id={uomSeparatorSelectorId}\n        className={classnames(\n          \"uicore-label\",\n          !isFormatTraitSet(FormatTraits.ShowUnitLabel) && \"uicore-disabled\"\n        )}\n      >\n        {translate(\"QuantityFormat.labels.labelSeparator\")}\n      </Label>\n      <UomSeparatorSelector\n        aria-labelledby={uomSeparatorSelectorId}\n        separator={formatProps.uomSeparator ?? \"\"}\n        onChange={handleUomSeparatorChange}\n        disabled={!isFormatTraitSet(FormatTraits.ShowUnitLabel)}\n      />\n    </>\n  );\n}\n"]}

package/lib/imodel-components-react/quantityformat/MiscFormatOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiscFormatOptions.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/MiscFormatOptions.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAqBxE;;;GAGG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAqW9D"}
+{"version":3,"file":"MiscFormatOptions.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/MiscFormatOptions.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAwBxE;;;GAGG;AAEH,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AAEH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAic9D"}