@itwin/imodel-components-react 5.11.2 → 5.12.0

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

@@ -8,8 +8,8 @@
 import classnames from "classnames";
 import * as React from "react";
 import { Key } from "ts-key-enum";
-import { Checkbox } from "@itwin/itwinui-react";
-import { Format, FormatTraits, FormatType, getTraitString, parseFormatType, parseScientificType, parseShowSignOption, ScientificType, scientificTypeToString, showSignOptionToString, } from "@itwin/core-quantity";
+import { Checkbox, IconButton, Label } from "@itwin/itwinui-react";
+import { Format, FormatTraits, FormatType, getTraitString, parseFormatType, parseRatioType, parseScientificType, parseShowSignOption, RatioType, ScientificType, } from "@itwin/core-quantity";
 import { SignOptionSelector } from "./misc/SignOption.js";
 import { ThousandsSeparator } from "./misc/ThousandsSeparator.js";
 import { DecimalSeparatorSelector } from "./misc/DecimalSeparator.js";
@@ -17,6 +17,9 @@ import { ScientificTypeSelector } from "./misc/ScientificType.js";
 import { StationSeparatorSelector } from "./misc/StationSeparatorSelector.js";
 import { StationSizeSelector } from "./misc/StationSizeSelector.js";
 import { useTranslation } from "../useTranslation.js";
+import { RatioTypeSelector } from "./misc/RatioType.js";
+import { SvgHelpCircularHollow } from "@itwin/itwinui-icons-react";
+import { AzimuthOptions } from "./misc/AzimuthOptions.js";
 /** Component use to set miscellaneous properties is a Formatted Quantity.
  * @alpha
  */
@@ -24,6 +27,17 @@ import { useTranslation } from "../useTranslation.js";
 export function MiscFormatOptions(props) {
     const { formatProps, onChange, showOptions, onShowHideOptions, enableMinimumProperties, } = props;
     const { translate } = useTranslation();
+    const signOptionSelectorId = React.useId();
+    const stationSizeSelectorId = React.useId();
+    const stationSeparatorSelectorId = React.useId();
+    const decimalSeparatorSelectorId = React.useId();
+    const showTrailZerosId = React.useId();
+    const keepDecimalPointId = React.useId();
+    const keepSingleZeroId = React.useId();
+    const keepZeroEmptyId = React.useId();
+    const fractionDashId = React.useId();
+    const scientificTypeSelectorId = React.useId();
+    const ratioTypeSelectorId = React.useId();
     const handleSetFormatProps = React.useCallback((newFormatProps) => {
         onChange && onChange(newFormatProps);
     }, [onChange]);
@@ -31,8 +45,7 @@ export function MiscFormatOptions(props) {
         return Format.isFormatTraitSetInProps(formatProps, trait);
     }, [formatProps]);
     const handleShowSignChange = React.useCallback((option) => {
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        const newShowSignOption = showSignOptionToString(option);
+        const newShowSignOption = option;
         const newFormatProps = {
             ...formatProps,
             showSignOption: newShowSignOption,
@@ -103,8 +116,14 @@ export function MiscFormatOptions(props) {
     const handleScientificTypeChange = React.useCallback((type) => {
         const newFormatProps = {
             ...formatProps,
-            // eslint-disable-next-line @typescript-eslint/no-deprecated
-            scientificType: scientificTypeToString(type),
+            scientificType: type,
+        };
+        handleSetFormatProps(newFormatProps);
+    }, [formatProps, handleSetFormatProps]);
+    const handleRatioTypeChange = React.useCallback((type) => {
+        const newFormatProps = {
+            ...formatProps,
+            ratioType: parseRatioType(type, "format"),
         };
         handleSetFormatProps(newFormatProps);
     }, [formatProps, handleSetFormatProps]);
@@ -133,32 +152,40 @@ export function MiscFormatOptions(props) {
     return (React.createElement(React.Fragment, null,
         enableMinimumProperties && !showOptions && (React.createElement("a", { onClick: handleToggleButtonClick, onKeyUp: handleKeyUpOnLink, className: "components-quantityFormat-more-less", role: "link", tabIndex: 0 }, translate("QuantityFormat.labels.moreLabel"))),
         (!enableMinimumProperties || showOptions) && (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.signOptionLabel")),
-            React.createElement(SignOptionSelector, { "data-testid": "sign-option-selector", signOption: showSignOption, onChange: handleShowSignChange }),
-            React.createElement("span", { className: classnames("uicore-label", formatType !== FormatType.Station && "uicore-disabled") }, translate("QuantityFormat.labels.stationOffsetLabel")),
-            React.createElement(StationSizeSelector, { "data-testid": "station-size-selector", value: formatProps.stationOffsetSize ?? 2, disabled: formatType !== FormatType.Station, onChange: handleStationOffsetChange }),
-            React.createElement("span", { className: classnames("uicore-label", formatType !== FormatType.Station && "uicore-disabled") }, translate("QuantityFormat.labels.stationSeparatorLabel")),
-            React.createElement(StationSeparatorSelector, { "data-testid": "station-separator-selector", separator: undefined !== formatProps.stationSeparator
+            React.createElement(Label, { className: "uicore-label", id: signOptionSelectorId, as: "div", displayStyle: "inline" }, translate("QuantityFormat.labels.signOptionLabel")),
+            React.createElement(SignOptionSelector, { "aria-labelledby": signOptionSelectorId, signOption: showSignOption, onChange: handleShowSignChange }),
+            React.createElement(Label, { className: classnames("uicore-label", formatType !== FormatType.Station && "uicore-disabled"), as: "div", displayStyle: "inline", id: stationSizeSelectorId }, translate("QuantityFormat.labels.stationOffsetLabel")),
+            React.createElement(StationSizeSelector, { "aria-labelledby": stationSizeSelectorId, value: formatProps.stationOffsetSize ?? 2, disabled: formatType !== FormatType.Station, onChange: handleStationOffsetChange }),
+            React.createElement(Label, { className: classnames("uicore-label", formatType !== FormatType.Station && "uicore-disabled"), as: "div", displayStyle: "inline", id: stationSeparatorSelectorId }, translate("QuantityFormat.labels.stationSeparatorLabel")),
+            React.createElement(StationSeparatorSelector, { "aria-labelledby": stationSeparatorSelectorId, separator: undefined !== formatProps.stationSeparator
                     ? formatProps.stationSeparator
                     : "+", disabled: formatType !== FormatType.Station, onChange: handleStationSeparatorChange }),
             React.createElement(ThousandsSeparator, { formatProps: formatProps, onChange: handleFormatChange }),
-            React.createElement("span", { className: classnames("uicore-label", formatType === FormatType.Fractional && "uicore-disabled") }, translate("QuantityFormat.labels.decimalSeparatorLabel")),
-            React.createElement(DecimalSeparatorSelector, { "data-testid": "decimal-separator-selector", separator: formatProps.decimalSeparator ?? ".", onChange: handleDecimalSeparatorChange, disabled: formatType === FormatType.Fractional }),
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.showTrailZerosLabel")),
-            React.createElement(Checkbox, { "data-testid": "show-trail-zeros", checked: isFormatTraitSet(FormatTraits.TrailZeroes), onChange: handleShowTrailingZeroesChange }),
-            React.createElement("span", { className: classnames("uicore-label", formatType === FormatType.Fractional && "uicore-disabled") }, translate("QuantityFormat.labels.keepDecimalPointLabel")),
-            React.createElement(Checkbox, { "data-testid": "keep-decimal-point", checked: isFormatTraitSet(FormatTraits.KeepDecimalPoint), onChange: handleKeepDecimalPointChange }),
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.keepSingleZeroLabel")),
-            React.createElement(Checkbox, { "data-testid": "keep-single-zero", checked: isFormatTraitSet(FormatTraits.KeepSingleZero), onChange: handleKeepSingleZeroChange }),
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.zeroEmptyLabel")),
-            React.createElement(Checkbox, { "data-testid": "zero-empty", checked: isFormatTraitSet(FormatTraits.ZeroEmpty), onChange: handleZeroEmptyChange }),
-            React.createElement("span", { className: classnames("uicore-label", formatType !== FormatType.Fractional && "uicore-disabled") }, translate("QuantityFormat.labels.fractionDashLabel")),
-            React.createElement(Checkbox, { "data-testid": "fraction-dash", checked: isFormatTraitSet(FormatTraits.FractionDash), onChange: handleUseFractionDashChange, disabled: formatType !== FormatType.Fractional }),
-            React.createElement("span", { className: classnames("uicore-label", formatType !== FormatType.Scientific && "uicore-disabled") }, translate("QuantityFormat.labels.scientificTypeLabel")),
-            React.createElement(ScientificTypeSelector, { "data-testid": "scientific-type-selector", type: formatProps.scientificType &&
+            React.createElement(Label, { className: classnames("uicore-label", formatType === FormatType.Fractional && "uicore-disabled"), as: "div", displayStyle: "inline", id: decimalSeparatorSelectorId }, translate("QuantityFormat.labels.decimalSeparatorLabel")),
+            React.createElement(DecimalSeparatorSelector, { "aria-labelledby": decimalSeparatorSelectorId, separator: formatProps.decimalSeparator ?? ".", onChange: handleDecimalSeparatorChange, disabled: formatType === FormatType.Fractional }),
+            React.createElement(Label, { className: "uicore-label", as: "div", displayStyle: "inline", id: showTrailZerosId }, translate("QuantityFormat.labels.showTrailZerosLabel")),
+            React.createElement(Checkbox, { "aria-labelledby": showTrailZerosId, checked: isFormatTraitSet(FormatTraits.TrailZeroes), onChange: handleShowTrailingZeroesChange }),
+            React.createElement(Label, { className: classnames("uicore-label", formatType === FormatType.Fractional && "uicore-disabled"), as: "div", displayStyle: "inline", id: keepDecimalPointId }, translate("QuantityFormat.labels.keepDecimalPointLabel")),
+            React.createElement(Checkbox, { "aria-labelledby": keepDecimalPointId, checked: isFormatTraitSet(FormatTraits.KeepDecimalPoint), onChange: handleKeepDecimalPointChange }),
+            React.createElement(Label, { className: "uicore-label", as: "div", displayStyle: "inline", id: keepSingleZeroId }, translate("QuantityFormat.labels.keepSingleZeroLabel")),
+            React.createElement(Checkbox, { "aria-labelledby": keepSingleZeroId, checked: isFormatTraitSet(FormatTraits.KeepSingleZero), onChange: handleKeepSingleZeroChange }),
+            React.createElement(Label, { className: "uicore-label", as: "div", displayStyle: "inline", id: keepZeroEmptyId }, translate("QuantityFormat.labels.zeroEmptyLabel")),
+            React.createElement(Checkbox, { "aria-labelledby": keepZeroEmptyId, checked: isFormatTraitSet(FormatTraits.ZeroEmpty), onChange: handleZeroEmptyChange }),
+            React.createElement(Label, { className: classnames("uicore-label", formatType !== FormatType.Fractional && "uicore-disabled"), as: "div", displayStyle: "inline", id: fractionDashId }, translate("QuantityFormat.labels.fractionDashLabel")),
+            React.createElement(Checkbox, { "aria-labelledby": fractionDashId, checked: isFormatTraitSet(FormatTraits.FractionDash), onChange: handleUseFractionDashChange, disabled: formatType !== FormatType.Fractional }),
+            React.createElement(Label, { className: classnames("uicore-label", formatType !== FormatType.Scientific && "uicore-disabled"), as: "div", displayStyle: "inline", id: scientificTypeSelectorId }, translate("QuantityFormat.labels.scientificTypeLabel")),
+            React.createElement(ScientificTypeSelector, { type: formatProps.scientificType &&
                     formatProps.scientificType.length > 0
                     ? parseScientificType(formatProps.scientificType, "custom")
-                    : ScientificType.Normalized, disabled: formatType !== FormatType.Scientific, onChange: handleScientificTypeChange }),
+                    : ScientificType.Normalized, "aria-labelledby": scientificTypeSelectorId, disabled: formatType !== FormatType.Scientific, onChange: handleScientificTypeChange }),
+            React.createElement(Label, { className: classnames("uicore-label", formatType !== FormatType.Ratio && "uicore-disabled"), id: ratioTypeSelectorId },
+                translate("QuantityFormat.labels.ratioTypeLabel"),
+                React.createElement(IconButton, { size: "small", styleType: "borderless", label: translate("QuantityFormat.ratio-type.default.description") },
+                    React.createElement(SvgHelpCircularHollow, null))),
+            React.createElement(RatioTypeSelector, { type: formatProps.ratioType && formatProps.ratioType.length > 0
+                    ? parseRatioType(formatProps.ratioType, "custom")
+                    : RatioType.NToOne, disabled: formatType !== FormatType.Ratio, onChange: handleRatioTypeChange, "aria-labelledby": ratioTypeSelectorId }),
+            React.createElement(AzimuthOptions, { formatProps: formatProps, onChange: handleFormatChange, disabled: formatType !== FormatType.Azimuth }),
             props.children,
             enableMinimumProperties && showOptions && (React.createElement("a", { onClick: handleToggleButtonClick, onKeyUp: handleKeyUpOnLink, className: "components-quantityFormat-more-less", role: "link", tabIndex: 0 }, translate("QuantityFormat.labels.lessLabel")))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MiscFormatOptions.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/MiscFormatOptions.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 { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport type { FormatProps, ShowSignOption } from \"@itwin/core-quantity\";\nimport {\n  Format,\n  FormatTraits,\n  FormatType,\n  getTraitString,\n  parseFormatType,\n  parseScientificType,\n  parseShowSignOption,\n  ScientificType,\n  scientificTypeToString,\n  showSignOptionToString,\n} from \"@itwin/core-quantity\";\nimport { SignOptionSelector } from \"./misc/SignOption.js\";\nimport { ThousandsSeparator } from \"./misc/ThousandsSeparator.js\";\nimport { DecimalSeparatorSelector } from \"./misc/DecimalSeparator.js\";\nimport { ScientificTypeSelector } from \"./misc/ScientificType.js\";\nimport { StationSeparatorSelector } from \"./misc/StationSeparatorSelector.js\";\nimport { StationSizeSelector } from \"./misc/StationSizeSelector.js\";\nimport { useTranslation } from \"../useTranslation.js\";\n\n/** Properties of [[MiscFormatOptions]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof MiscFormatOptions>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface MiscFormatOptionsProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n  enableMinimumProperties?: boolean;\n  showOptions: boolean;\n  onShowHideOptions: (show: boolean) => void;\n  children?: React.ReactNode;\n}\n\n/** Component use to set miscellaneous properties is a Formatted Quantity.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function MiscFormatOptions(props: MiscFormatOptionsProps) {\n  const {\n    formatProps,\n    onChange,\n    showOptions,\n    onShowHideOptions,\n    enableMinimumProperties,\n  } = props;\n  const { translate } = useTranslation();\n\n  const handleSetFormatProps = React.useCallback(\n    (newFormatProps: FormatProps) => {\n      onChange && onChange(newFormatProps);\n    },\n    [onChange]\n  );\n\n  const isFormatTraitSet = React.useCallback(\n    (trait: FormatTraits) => {\n      return Format.isFormatTraitSetInProps(formatProps, trait);\n    },\n    [formatProps]\n  );\n\n  const handleShowSignChange = React.useCallback(\n    (option: ShowSignOption) => {\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      const newShowSignOption = showSignOptionToString(option);\n      const newFormatProps = {\n        ...formatProps,\n        showSignOption: newShowSignOption,\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\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 handleShowTrailingZeroesChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.TrailZeroes, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleKeepDecimalPointChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.KeepDecimalPoint, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleKeepSingleZeroChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.KeepSingleZero, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleZeroEmptyChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.ZeroEmpty, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleUseFractionDashChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.FractionDash, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleDecimalSeparatorChange = React.useCallback(\n    (decimalSeparator: string) => {\n      let thousandSeparator = formatProps.thousandSeparator;\n      // make sure 1000 and decimal separator do not match\n      if (isFormatTraitSet(FormatTraits.Use1000Separator)) {\n        switch (decimalSeparator) {\n          case \".\":\n            thousandSeparator = \",\";\n            break;\n          case \",\":\n            thousandSeparator = \".\";\n            break;\n        }\n      }\n      const newFormatProps = {\n        ...formatProps,\n        thousandSeparator,\n        decimalSeparator,\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, isFormatTraitSet, handleSetFormatProps]\n  );\n\n  const handleScientificTypeChange = React.useCallback(\n    (type: ScientificType) => {\n      const newFormatProps = {\n        ...formatProps,\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        scientificType: scientificTypeToString(type),\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleFormatChange = React.useCallback(\n    (newFormatProps: FormatProps) => {\n      handleSetFormatProps(newFormatProps);\n    },\n    [handleSetFormatProps]\n  );\n\n  const formatType = React.useMemo(\n    () => parseFormatType(formatProps.type, \"format\"),\n    [formatProps.type]\n  );\n  const showSignOption = React.useMemo(\n    () =>\n      parseShowSignOption(\n        formatProps.showSignOption ?? \"onlyNegative\",\n        \"format\"\n      ),\n    [formatProps.showSignOption]\n  );\n\n  const handleToggleButtonClick = React.useCallback(() => {\n    onShowHideOptions(!showOptions);\n  }, [onShowHideOptions, showOptions]);\n\n  const handleKeyUpOnLink = React.useCallback(\n    (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.key === Key.Enter.valueOf() || e.key === \" \") {\n        onShowHideOptions(!showOptions);\n        e.preventDefault();\n      }\n    },\n    [onShowHideOptions, showOptions]\n  );\n\n  const handleStationSeparatorChange = React.useCallback(\n    (value: string) => {\n      const newFormatProps = { ...formatProps, stationSeparator: value };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleStationOffsetChange = React.useCallback(\n    (value: number) => {\n      const newFormatProps = { ...formatProps, stationOffsetSize: value };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  return (\n    <>\n      {enableMinimumProperties && !showOptions && (\n        <a // eslint-disable-line jsx-a11y/anchor-is-valid\n          onClick={handleToggleButtonClick}\n          onKeyUp={handleKeyUpOnLink}\n          className={\"components-quantityFormat-more-less\"}\n          role=\"link\"\n          tabIndex={0}\n        >\n          {translate(\"QuantityFormat.labels.moreLabel\")}\n        </a>\n      )}\n      {(!enableMinimumProperties || showOptions) && (\n        <>\n          <span className={\"uicore-label\"}>\n            {translate(\"QuantityFormat.labels.signOptionLabel\")}\n          </span>\n          <SignOptionSelector\n            data-testid=\"sign-option-selector\"\n            signOption={showSignOption}\n            onChange={handleShowSignChange}\n          />\n\n          <span\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Station && \"uicore-disabled\"\n            )}\n          >\n            {translate(\"QuantityFormat.labels.stationOffsetLabel\")}\n          </span>\n          <StationSizeSelector\n            data-testid=\"station-size-selector\"\n            value={formatProps.stationOffsetSize ?? 2}\n            disabled={formatType !== FormatType.Station}\n            onChange={handleStationOffsetChange}\n          />\n\n          <span\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Station && \"uicore-disabled\"\n            )}\n          >\n            {translate(\"QuantityFormat.labels.stationSeparatorLabel\")}\n          </span>\n          <StationSeparatorSelector\n            data-testid=\"station-separator-selector\"\n            separator={\n              undefined !== formatProps.stationSeparator\n                ? formatProps.stationSeparator\n                : \"+\"\n            }\n            disabled={formatType !== FormatType.Station}\n            onChange={handleStationSeparatorChange}\n          />\n\n          <ThousandsSeparator\n            formatProps={formatProps}\n            onChange={handleFormatChange}\n          />\n\n          <span\n            className={classnames(\n              \"uicore-label\",\n              formatType === FormatType.Fractional && \"uicore-disabled\"\n            )}\n          >\n            {translate(\"QuantityFormat.labels.decimalSeparatorLabel\")}\n          </span>\n          <DecimalSeparatorSelector\n            data-testid=\"decimal-separator-selector\"\n            separator={formatProps.decimalSeparator ?? \".\"}\n            onChange={handleDecimalSeparatorChange}\n            disabled={formatType === FormatType.Fractional}\n          />\n\n          <span className={\"uicore-label\"}>\n            {translate(\"QuantityFormat.labels.showTrailZerosLabel\")}\n          </span>\n          <Checkbox\n            data-testid=\"show-trail-zeros\"\n            checked={isFormatTraitSet(FormatTraits.TrailZeroes)}\n            onChange={handleShowTrailingZeroesChange}\n          />\n\n          <span\n            className={classnames(\n              \"uicore-label\",\n              formatType === FormatType.Fractional && \"uicore-disabled\"\n            )}\n          >\n            {translate(\"QuantityFormat.labels.keepDecimalPointLabel\")}\n          </span>\n          <Checkbox\n            data-testid=\"keep-decimal-point\"\n            checked={isFormatTraitSet(FormatTraits.KeepDecimalPoint)}\n            onChange={handleKeepDecimalPointChange}\n          />\n\n          <span className={\"uicore-label\"}>\n            {translate(\"QuantityFormat.labels.keepSingleZeroLabel\")}\n          </span>\n          <Checkbox\n            data-testid=\"keep-single-zero\"\n            checked={isFormatTraitSet(FormatTraits.KeepSingleZero)}\n            onChange={handleKeepSingleZeroChange}\n          />\n\n          <span className={\"uicore-label\"}>\n            {translate(\"QuantityFormat.labels.zeroEmptyLabel\")}\n          </span>\n          <Checkbox\n            data-testid=\"zero-empty\"\n            checked={isFormatTraitSet(FormatTraits.ZeroEmpty)}\n            onChange={handleZeroEmptyChange}\n          />\n\n          <span\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Fractional && \"uicore-disabled\"\n            )}\n          >\n            {translate(\"QuantityFormat.labels.fractionDashLabel\")}\n          </span>\n          <Checkbox\n            data-testid=\"fraction-dash\"\n            checked={isFormatTraitSet(FormatTraits.FractionDash)}\n            onChange={handleUseFractionDashChange}\n            disabled={formatType !== FormatType.Fractional}\n          />\n\n          <span\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Scientific && \"uicore-disabled\"\n            )}\n          >\n            {translate(\"QuantityFormat.labels.scientificTypeLabel\")}\n          </span>\n          <ScientificTypeSelector\n            data-testid=\"scientific-type-selector\"\n            type={\n              formatProps.scientificType &&\n              formatProps.scientificType.length > 0\n                ? parseScientificType(formatProps.scientificType, \"custom\")\n                : ScientificType.Normalized\n            }\n            disabled={formatType !== FormatType.Scientific}\n            onChange={handleScientificTypeChange}\n          />\n\n          {props.children}\n\n          {enableMinimumProperties && showOptions && (\n            <a // eslint-disable-line jsx-a11y/anchor-is-valid\n              onClick={handleToggleButtonClick}\n              onKeyUp={handleKeyUpOnLink}\n              className={\"components-quantityFormat-more-less\"}\n              role=\"link\"\n              tabIndex={0}\n            >\n              {translate(\"QuantityFormat.labels.lessLabel\")}\n            </a>\n          )}\n        </>\n      )}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"MiscFormatOptions.js","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/MiscFormatOptions.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 { Key } from \"ts-key-enum\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Checkbox, IconButton, Label } from \"@itwin/itwinui-react\";\nimport type { FormatProps, ShowSignOption } from \"@itwin/core-quantity\";\nimport {\n  Format,\n  FormatTraits,\n  FormatType,\n  getTraitString,\n  parseFormatType,\n  parseRatioType,\n  parseScientificType,\n  parseShowSignOption,\n  RatioType,\n  ScientificType,\n} from \"@itwin/core-quantity\";\nimport { SignOptionSelector } from \"./misc/SignOption.js\";\nimport { ThousandsSeparator } from \"./misc/ThousandsSeparator.js\";\nimport { DecimalSeparatorSelector } from \"./misc/DecimalSeparator.js\";\nimport { ScientificTypeSelector } from \"./misc/ScientificType.js\";\nimport { StationSeparatorSelector } from \"./misc/StationSeparatorSelector.js\";\nimport { StationSizeSelector } from \"./misc/StationSizeSelector.js\";\nimport { useTranslation } from \"../useTranslation.js\";\nimport { RatioTypeSelector } from \"./misc/RatioType.js\";\nimport { SvgHelpCircularHollow } from \"@itwin/itwinui-icons-react\";\nimport { AzimuthOptions } from \"./misc/AzimuthOptions.js\";\n\n/** Properties of [[MiscFormatOptions]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof MiscFormatOptions>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface MiscFormatOptionsProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n  enableMinimumProperties?: boolean;\n  showOptions: boolean;\n  onShowHideOptions: (show: boolean) => void;\n  children?: React.ReactNode;\n}\n\n/** Component use to set miscellaneous properties is a Formatted Quantity.\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function MiscFormatOptions(props: MiscFormatOptionsProps) {\n  const {\n    formatProps,\n    onChange,\n    showOptions,\n    onShowHideOptions,\n    enableMinimumProperties,\n  } = props;\n  const { translate } = useTranslation();\n\n  const signOptionSelectorId = React.useId();\n  const stationSizeSelectorId = React.useId();\n  const stationSeparatorSelectorId = React.useId();\n  const decimalSeparatorSelectorId = React.useId();\n  const showTrailZerosId = React.useId();\n  const keepDecimalPointId = React.useId();\n  const keepSingleZeroId = React.useId();\n  const keepZeroEmptyId = React.useId();\n  const fractionDashId = React.useId();\n  const scientificTypeSelectorId = React.useId();\n  const ratioTypeSelectorId = React.useId();\n\n  const handleSetFormatProps = React.useCallback(\n    (newFormatProps: FormatProps) => {\n      onChange && onChange(newFormatProps);\n    },\n    [onChange]\n  );\n\n  const isFormatTraitSet = React.useCallback(\n    (trait: FormatTraits) => {\n      return Format.isFormatTraitSetInProps(formatProps, trait);\n    },\n    [formatProps]\n  );\n\n  const handleShowSignChange = React.useCallback(\n    (option: ShowSignOption) => {\n      const newShowSignOption = option;\n      const newFormatProps = {\n        ...formatProps,\n        showSignOption: newShowSignOption,\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\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 handleShowTrailingZeroesChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.TrailZeroes, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleKeepDecimalPointChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.KeepDecimalPoint, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleKeepSingleZeroChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.KeepSingleZero, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleZeroEmptyChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.ZeroEmpty, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleUseFractionDashChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.FractionDash, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  const handleDecimalSeparatorChange = React.useCallback(\n    (decimalSeparator: string) => {\n      let thousandSeparator = formatProps.thousandSeparator;\n      // make sure 1000 and decimal separator do not match\n      if (isFormatTraitSet(FormatTraits.Use1000Separator)) {\n        switch (decimalSeparator) {\n          case \".\":\n            thousandSeparator = \",\";\n            break;\n          case \",\":\n            thousandSeparator = \".\";\n            break;\n        }\n      }\n      const newFormatProps = {\n        ...formatProps,\n        thousandSeparator,\n        decimalSeparator,\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, isFormatTraitSet, handleSetFormatProps]\n  );\n\n  const handleScientificTypeChange = React.useCallback(\n    (type: ScientificType) => {\n      const newFormatProps = {\n        ...formatProps,\n        scientificType: type,\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleRatioTypeChange = React.useCallback(\n    (type: RatioType) => {\n      const newFormatProps = {\n        ...formatProps,\n        ratioType: parseRatioType(type, \"format\"),\n      };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleFormatChange = React.useCallback(\n    (newFormatProps: FormatProps) => {\n      handleSetFormatProps(newFormatProps);\n    },\n    [handleSetFormatProps]\n  );\n\n  const formatType = React.useMemo(\n    () => parseFormatType(formatProps.type, \"format\"),\n    [formatProps.type]\n  );\n  const showSignOption = React.useMemo(\n    () =>\n      parseShowSignOption(\n        formatProps.showSignOption ?? \"onlyNegative\",\n        \"format\"\n      ),\n    [formatProps.showSignOption]\n  );\n\n  const handleToggleButtonClick = React.useCallback(() => {\n    onShowHideOptions(!showOptions);\n  }, [onShowHideOptions, showOptions]);\n\n  const handleKeyUpOnLink = React.useCallback(\n    (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n      if (e.key === Key.Enter.valueOf() || e.key === \" \") {\n        onShowHideOptions(!showOptions);\n        e.preventDefault();\n      }\n    },\n    [onShowHideOptions, showOptions]\n  );\n\n  const handleStationSeparatorChange = React.useCallback(\n    (value: string) => {\n      const newFormatProps = { ...formatProps, stationSeparator: value };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleStationOffsetChange = React.useCallback(\n    (value: number) => {\n      const newFormatProps = { ...formatProps, stationOffsetSize: value };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  return (\n    <>\n      {enableMinimumProperties && !showOptions && (\n        <a // eslint-disable-line jsx-a11y/anchor-is-valid\n          onClick={handleToggleButtonClick}\n          onKeyUp={handleKeyUpOnLink}\n          className={\"components-quantityFormat-more-less\"}\n          role=\"link\"\n          tabIndex={0}\n        >\n          {translate(\"QuantityFormat.labels.moreLabel\")}\n        </a>\n      )}\n      {(!enableMinimumProperties || showOptions) && (\n        <>\n          <Label\n            className={\"uicore-label\"}\n            id={signOptionSelectorId}\n            as=\"div\"\n            displayStyle=\"inline\"\n          >\n            {translate(\"QuantityFormat.labels.signOptionLabel\")}\n          </Label>\n          <SignOptionSelector\n            aria-labelledby={signOptionSelectorId}\n            signOption={showSignOption}\n            onChange={handleShowSignChange}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Station && \"uicore-disabled\"\n            )}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={stationSizeSelectorId}\n          >\n            {translate(\"QuantityFormat.labels.stationOffsetLabel\")}\n          </Label>\n          <StationSizeSelector\n            aria-labelledby={stationSizeSelectorId}\n            value={formatProps.stationOffsetSize ?? 2}\n            disabled={formatType !== FormatType.Station}\n            onChange={handleStationOffsetChange}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Station && \"uicore-disabled\"\n            )}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={stationSeparatorSelectorId}\n          >\n            {translate(\"QuantityFormat.labels.stationSeparatorLabel\")}\n          </Label>\n          <StationSeparatorSelector\n            aria-labelledby={stationSeparatorSelectorId}\n            separator={\n              undefined !== formatProps.stationSeparator\n                ? formatProps.stationSeparator\n                : \"+\"\n            }\n            disabled={formatType !== FormatType.Station}\n            onChange={handleStationSeparatorChange}\n          />\n\n          <ThousandsSeparator\n            formatProps={formatProps}\n            onChange={handleFormatChange}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType === FormatType.Fractional && \"uicore-disabled\"\n            )}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={decimalSeparatorSelectorId}\n          >\n            {translate(\"QuantityFormat.labels.decimalSeparatorLabel\")}\n          </Label>\n          <DecimalSeparatorSelector\n            aria-labelledby={decimalSeparatorSelectorId}\n            separator={formatProps.decimalSeparator ?? \".\"}\n            onChange={handleDecimalSeparatorChange}\n            disabled={formatType === FormatType.Fractional}\n          />\n\n          <Label\n            className={\"uicore-label\"}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={showTrailZerosId}\n          >\n            {translate(\"QuantityFormat.labels.showTrailZerosLabel\")}\n          </Label>\n          <Checkbox\n            aria-labelledby={showTrailZerosId}\n            checked={isFormatTraitSet(FormatTraits.TrailZeroes)}\n            onChange={handleShowTrailingZeroesChange}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType === FormatType.Fractional && \"uicore-disabled\"\n            )}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={keepDecimalPointId}\n          >\n            {translate(\"QuantityFormat.labels.keepDecimalPointLabel\")}\n          </Label>\n          <Checkbox\n            aria-labelledby={keepDecimalPointId}\n            checked={isFormatTraitSet(FormatTraits.KeepDecimalPoint)}\n            onChange={handleKeepDecimalPointChange}\n          />\n\n          <Label\n            className={\"uicore-label\"}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={keepSingleZeroId}\n          >\n            {translate(\"QuantityFormat.labels.keepSingleZeroLabel\")}\n          </Label>\n          <Checkbox\n            aria-labelledby={keepSingleZeroId}\n            checked={isFormatTraitSet(FormatTraits.KeepSingleZero)}\n            onChange={handleKeepSingleZeroChange}\n          />\n\n          <Label\n            className={\"uicore-label\"}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={keepZeroEmptyId}\n          >\n            {translate(\"QuantityFormat.labels.zeroEmptyLabel\")}\n          </Label>\n          <Checkbox\n            aria-labelledby={keepZeroEmptyId}\n            checked={isFormatTraitSet(FormatTraits.ZeroEmpty)}\n            onChange={handleZeroEmptyChange}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Fractional && \"uicore-disabled\"\n            )}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={fractionDashId}\n          >\n            {translate(\"QuantityFormat.labels.fractionDashLabel\")}\n          </Label>\n          <Checkbox\n            aria-labelledby={fractionDashId}\n            checked={isFormatTraitSet(FormatTraits.FractionDash)}\n            onChange={handleUseFractionDashChange}\n            disabled={formatType !== FormatType.Fractional}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Scientific && \"uicore-disabled\"\n            )}\n            as=\"div\"\n            displayStyle=\"inline\"\n            id={scientificTypeSelectorId}\n          >\n            {translate(\"QuantityFormat.labels.scientificTypeLabel\")}\n          </Label>\n          <ScientificTypeSelector\n            type={\n              formatProps.scientificType &&\n              formatProps.scientificType.length > 0\n                ? parseScientificType(formatProps.scientificType, \"custom\")\n                : ScientificType.Normalized\n            }\n            aria-labelledby={scientificTypeSelectorId}\n            disabled={formatType !== FormatType.Scientific}\n            onChange={handleScientificTypeChange}\n          />\n\n          <Label\n            className={classnames(\n              \"uicore-label\",\n              formatType !== FormatType.Ratio && \"uicore-disabled\"\n            )}\n            id={ratioTypeSelectorId}\n          >\n            {translate(\"QuantityFormat.labels.ratioTypeLabel\")}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              label={translate(\"QuantityFormat.ratio-type.default.description\")}\n            >\n              <SvgHelpCircularHollow />\n            </IconButton>\n          </Label>\n          <RatioTypeSelector\n            type={\n              formatProps.ratioType && formatProps.ratioType.length > 0\n                ? parseRatioType(formatProps.ratioType, \"custom\")\n                : RatioType.NToOne\n            }\n            disabled={formatType !== FormatType.Ratio}\n            onChange={handleRatioTypeChange}\n            aria-labelledby={ratioTypeSelectorId}\n          />\n\n          <AzimuthOptions\n            formatProps={formatProps}\n            onChange={handleFormatChange}\n            disabled={formatType !== FormatType.Azimuth}\n          />\n\n          {props.children}\n\n          {enableMinimumProperties && showOptions && (\n            <a // eslint-disable-line jsx-a11y/anchor-is-valid\n              onClick={handleToggleButtonClick}\n              onKeyUp={handleKeyUpOnLink}\n              className={\"components-quantityFormat-more-less\"}\n              role=\"link\"\n              tabIndex={0}\n            >\n              {translate(\"QuantityFormat.labels.lessLabel\")}\n            </a>\n          )}\n        </>\n      )}\n    </>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"QuantityFormatPanel.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/QuantityFormatPanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8FrD;;;GAGG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,YAAY,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAsKlE"}
+{"version":3,"file":"QuantityFormatPanel.d.ts","sourceRoot":"","sources":["../../../src/imodel-components-react/quantityformat/QuantityFormatPanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8FrD;;;GAGG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,YAAY,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAgLlE"}

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

@@ -46,7 +46,7 @@ function formatAreEqual(obj1, obj2) {
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export function QuantityFormatPanel(props) {
-    const { quantityType, onFormatChange, ...otherProps } = props;
+    const { quantityType, onFormatChange, showSample, initialMagnitude, enableMinimumProperties, ...rest } = props;
     const [formatProps, setFormatProps] = React.useState();
     const initialFormatProps = React.useRef();
     const [persistenceUnit, setPersistenceUnit] = React.useState();
@@ -113,6 +113,6 @@ export function QuantityFormatPanel(props) {
     const provideFormatSpec = React.useCallback(async (inProps, _persistenceUnit, _unitsProvider) => {
         return IModelApp.quantityFormatter.generateFormatterSpecByType(quantityType, inProps);
     }, [quantityType]);
-    return (React.createElement("div", { className: "components-quantityFormat-quantityPanel" }, persistenceUnit && formatProps && (React.createElement(FormatPanel, { onFormatChange: handleOnFormatChanged, ...otherProps, initialFormat: formatProps, unitsProvider: IModelApp.quantityFormatter.unitsProvider, persistenceUnit: persistenceUnit, providePrimaryChildren: providePrimaryChildren, provideSecondaryChildren: provideSecondaryChildren, provideFormatSpec: provideFormatSpec }))));
+    return (React.createElement("div", { className: "components-quantityFormat-quantityPanel" }, persistenceUnit && formatProps && (React.createElement(FormatPanel, { ...rest, onFormatChange: handleOnFormatChanged, showSample: showSample, initialMagnitude: initialMagnitude, enableMinimumProperties: enableMinimumProperties, initialFormat: formatProps, unitsProvider: IModelApp.quantityFormatter.unitsProvider, persistenceUnit: persistenceUnit, providePrimaryChildren: providePrimaryChildren, provideSecondaryChildren: provideSecondaryChildren, provideFormatSpec: provideFormatSpec }))));
 }
 //# sourceMappingURL=QuantityFormatPanel.js.map

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

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

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

@@ -0,0 +1,15 @@
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+import type { FormatProps } from "@itwin/core-quantity";
+import React from "react";
+/**
+ * Component used to customize Azimuth options of a Format.
+ * @alpha
+ */
+export declare function AzimuthOptions(props: {
+    formatProps: FormatProps;
+    onChange?: (format: FormatProps) => void;
+    disabled: boolean;
+}): React.JSX.Element;
+//# sourceMappingURL=AzimuthOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AzimuthOptions.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/misc/AzimuthOptions.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;CACnB,qBA+FA"}

package/lib/imodel-components-react/quantityformat/misc/AzimuthOptions.js

@@ -0,0 +1,53 @@
+import React from "react";
+import classnames from "classnames";
+import { useTranslation } from "../../useTranslation.js";
+import { SvgHelpCircularHollow } from "@itwin/itwinui-icons-react";
+import { Checkbox, IconButton, Input, Label } from "@itwin/itwinui-react";
+/**
+ * Component used to customize Azimuth options of a Format.
+ * @alpha
+ */
+export function AzimuthOptions(props) {
+    const { formatProps, onChange, disabled } = props;
+    const { translate } = useTranslation();
+    const baseInputId = React.useId();
+    const ccwCheckboxId = React.useId();
+    const handleAzimuthBaseChange = React.useCallback((value) => {
+        const newFormatProps = { ...formatProps, azimuthBase: value };
+        onChange && onChange(newFormatProps);
+    }, [formatProps, onChange]);
+    const handleAzimuthCCWChange = React.useCallback((event) => {
+        const newFormatProps = {
+            ...formatProps,
+            azimuthCounterClockwise: event.target.checked,
+        };
+        onChange && onChange(newFormatProps);
+    }, [formatProps, onChange]);
+    /** Disable commas and letters */
+    const onKeyDown = (event) => {
+        const isLetter = /^[a-zA-Z]$/.test(event.key);
+        if (event.key === "," || isLetter) {
+            event.preventDefault();
+        }
+    };
+    const handleInputChange = React.useCallback((e) => {
+        const numValue = Number(e.target.value);
+        if (isNaN(numValue)) {
+            e.preventDefault();
+            return;
+        }
+        handleAzimuthBaseChange(numValue);
+    }, [handleAzimuthBaseChange]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Label, { className: classnames("uicore-label", disabled && "uicore-disabled"), id: ccwCheckboxId, as: "div", displayStyle: "inline" },
+            translate("QuantityFormat.labels.azimuthCounterClockwise"),
+            React.createElement(IconButton, { size: "small", styleType: "borderless", label: translate("QuantityFormat.azimuthType.ccwFlagTooltip") },
+                React.createElement(SvgHelpCircularHollow, null))),
+        React.createElement(Checkbox, { "aria-labelledby": ccwCheckboxId, checked: formatProps.azimuthCounterClockwise ?? false, onChange: handleAzimuthCCWChange, disabled: disabled }),
+        React.createElement(Label, { id: baseInputId, className: classnames("uicore-label", disabled && "uicore-disabled"), as: "div", displayStyle: "inline" },
+            translate("QuantityFormat.labels.azimuthBase"),
+            React.createElement(IconButton, { size: "small", styleType: "borderless", label: translate("QuantityFormat.azimuthType.baseTooltip") },
+                React.createElement(SvgHelpCircularHollow, null))),
+        React.createElement(Input, { "aria-labelledby": baseInputId, type: "number", value: formatProps.azimuthBase?.toString() ?? "0", onKeyDown: onKeyDown, onChange: handleInputChange, size: "small", disabled: disabled })));
+}
+//# sourceMappingURL=AzimuthOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AzimuthOptions.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/misc/AzimuthOptions.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 */\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport React from \"react\";\nimport classnames from \"classnames\";\nimport { useTranslation } from \"../../useTranslation.js\";\nimport { SvgHelpCircularHollow } from \"@itwin/itwinui-icons-react\";\nimport { Checkbox, IconButton, Input, Label } from \"@itwin/itwinui-react\";\n\n/**\n * Component used to customize Azimuth options of a Format.\n * @alpha\n */\nexport function AzimuthOptions(props: {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n  disabled: boolean;\n}) {\n  const { formatProps, onChange, disabled } = props;\n  const { translate } = useTranslation();\n\n  const baseInputId = React.useId();\n  const ccwCheckboxId = React.useId();\n  const handleAzimuthBaseChange = React.useCallback(\n    (value: number) => {\n      const newFormatProps = { ...formatProps, azimuthBase: value };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  const handleAzimuthCCWChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newFormatProps = {\n        ...formatProps,\n        azimuthCounterClockwise: event.target.checked,\n      };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  /** Disable commas and letters */\n  const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const isLetter = /^[a-zA-Z]$/.test(event.key);\n    if (event.key === \",\" || isLetter) {\n      event.preventDefault();\n    }\n  };\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const numValue = Number(e.target.value);\n      if (isNaN(numValue)) {\n        e.preventDefault();\n        return;\n      }\n      handleAzimuthBaseChange(numValue);\n    },\n    [handleAzimuthBaseChange]\n  );\n\n  return (\n    <>\n      <Label\n        className={classnames(\"uicore-label\", disabled && \"uicore-disabled\")}\n        id={ccwCheckboxId}\n        as=\"div\"\n        displayStyle=\"inline\"\n      >\n        {translate(\"QuantityFormat.labels.azimuthCounterClockwise\")}\n        <IconButton\n          size=\"small\"\n          styleType=\"borderless\"\n          label={translate(\"QuantityFormat.azimuthType.ccwFlagTooltip\")}\n        >\n          <SvgHelpCircularHollow />\n        </IconButton>\n      </Label>\n      <Checkbox\n        aria-labelledby={ccwCheckboxId}\n        checked={formatProps.azimuthCounterClockwise ?? false}\n        onChange={handleAzimuthCCWChange}\n        disabled={disabled}\n      />\n\n      <Label\n        id={baseInputId}\n        className={classnames(\"uicore-label\", disabled && \"uicore-disabled\")}\n        as=\"div\"\n        displayStyle=\"inline\"\n      >\n        {translate(\"QuantityFormat.labels.azimuthBase\")}\n        <IconButton\n          size=\"small\"\n          styleType=\"borderless\"\n          label={translate(\"QuantityFormat.azimuthType.baseTooltip\")}\n        >\n          <SvgHelpCircularHollow />\n        </IconButton>\n      </Label>\n      <Input\n        aria-labelledby={baseInputId}\n        type=\"number\"\n        value={formatProps.azimuthBase?.toString() ?? \"0\"}\n        onKeyDown={onKeyDown}\n        onChange={handleInputChange}\n        size=\"small\"\n        disabled={disabled}\n      />\n    </>\n  );\n}\n"]}

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

@@ -13,7 +13,7 @@ import { useTranslation } from "../../useTranslation.js";
  * @internal
  */
 export function DecimalPrecisionSelector(props) {
-    const { precision, onChange, ...otherProps } = props;
+    const { precision, onChange, ...rest } = props;
     const { translate } = useTranslation();
     const options = [
         {
@@ -72,6 +72,6 @@ export function DecimalPrecisionSelector(props) {
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...rest }));
 }
 //# sourceMappingURL=DecimalPrecision.js.map

package/lib/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,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,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation.js\";\n\n/** Properties of [[DecimalPrecisionSelector]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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"]}
+{"version":3,"file":"DecimalPrecision.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/misc/DecimalPrecision.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD;;;GAGG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,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,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,IAAI,GACR,CACH,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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation.js\";\n\n/** Properties of [[DecimalPrecisionSelector]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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, ...rest } = 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      {...rest}\n    />\n  );\n}\n"]}

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

@@ -12,7 +12,7 @@ import { useTranslation } from "../../useTranslation.js";
  * @internal
  */
 export function DecimalSeparatorSelector(props) {
-    const { separator, onChange, ...otherProps } = props;
+    const { separator, onChange, ...rest } = props;
     const { translate } = useTranslation();
     const options = [
         {
@@ -27,6 +27,6 @@ export function DecimalSeparatorSelector(props) {
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(Select, { options: options, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(Select, { options: options, value: separator, onChange: handleOnChange, size: "small", ...rest }));
 }
 //# sourceMappingURL=DecimalSeparator.js.map

package/lib/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAYzD;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,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,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation.js\";\n\n/** Properties of [[DecimalSeparatorSelector]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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"]}
+{"version":3,"file":"DecimalSeparator.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAYzD;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,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,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,IAAI,GACR,CACH,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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation.js\";\n\n/** Properties of [[DecimalSeparatorSelector]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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, ...rest } = 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      {...rest}\n    />\n  );\n}\n"]}

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

@@ -12,7 +12,7 @@ import { useTranslation } from "../../useTranslation.js";
  * @internal
  */
 export function FractionPrecisionSelector(props) {
-    const { precision, onChange, ...otherProps } = props;
+    const { precision, onChange, ...rest } = props;
     const { translate } = useTranslation();
     const options = [
         {
@@ -55,6 +55,6 @@ export function FractionPrecisionSelector(props) {
     const handleOnChange = React.useCallback((newValue) => {
         onChange && onChange(newValue);
     }, [onChange]);
-    return (React.createElement(Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
+    return (React.createElement(Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...rest }));
 }
 //# sourceMappingURL=FractionPrecision.js.map

package/lib/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,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,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation.js\";\n\n/** Properties of [[FractionPrecisionSelector]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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"]}
+{"version":3,"file":"FractionPrecision.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/misc/FractionPrecision.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,KAAqC;IAErC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,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,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,IAAI,GACR,CACH,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 { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation.js\";\n\n/** Properties of [[FractionPrecisionSelector]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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, ...rest } = 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      {...rest}\n    />\n  );\n}\n"]}