@itwin/imodel-components-react 4.17.0 → 5.0.0-dev.2

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

@@ -1,193 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MiscFormatOptions = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const ts_key_enum_1 = require("ts-key-enum");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const core_quantity_1 = require("@itwin/core-quantity");
-const SignOption_1 = require("./misc/SignOption");
-const ThousandsSeparator_1 = require("./misc/ThousandsSeparator");
-const DecimalSeparator_1 = require("./misc/DecimalSeparator");
-const ScientificType_1 = require("./misc/ScientificType");
-const StationSeparatorSelector_1 = require("./misc/StationSeparatorSelector");
-const StationSizeSelector_1 = require("./misc/StationSizeSelector");
-const useTranslation_1 = require("../useTranslation");
-/** Component use to set miscellaneous properties is a Formatted Quantity.
- * @alpha
- */
-// eslint-disable-next-line deprecation/deprecation
-function MiscFormatOptions(props) {
-    const { formatProps, onChange, showOptions, onShowHideOptions, enableMinimumProperties, } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const handleSetFormatProps = React.useCallback((newFormatProps) => {
-        onChange && onChange(newFormatProps);
-    }, [onChange]);
-    const isFormatTraitSet = React.useCallback((trait) => {
-        return core_quantity_1.Format.isFormatTraitSetInProps(formatProps, trait);
-    }, [formatProps]);
-    const handleShowSignChange = React.useCallback((option) => {
-        const newShowSignOption = (0, core_quantity_1.showSignOptionToString)(option);
-        const newFormatProps = {
-            ...formatProps,
-            showSignOption: newShowSignOption,
-        };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, handleSetFormatProps]);
-    const setFormatTrait = React.useCallback((trait, setActive) => {
-        const traitStr = (0, core_quantity_1.getTraitString)(trait);
-        let formatTraits = [traitStr];
-        if (setActive) {
-            // setting trait
-            if (formatProps.formatTraits) {
-                const traits = Array.isArray(formatProps.formatTraits)
-                    ? formatProps.formatTraits
-                    : formatProps.formatTraits.split(/,|;|\|/);
-                if (!traits.find((traitEntry) => traitStr === traitEntry)) {
-                    formatTraits = [...traits, traitStr];
-                }
-            }
-        }
-        else {
-            // clearing trait
-            if (!formatProps.formatTraits)
-                return;
-            const traits = Array.isArray(formatProps.formatTraits)
-                ? formatProps.formatTraits
-                : formatProps.formatTraits.split(/,|;|\|/);
-            formatTraits = traits.filter((traitEntry) => traitEntry !== traitStr);
-        }
-        const newFormatProps = { ...formatProps, formatTraits };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, handleSetFormatProps]);
-    const handleShowTrailingZeroesChange = React.useCallback((e) => {
-        setFormatTrait(core_quantity_1.FormatTraits.TrailZeroes, e.target.checked);
-    }, [setFormatTrait]);
-    const handleKeepDecimalPointChange = React.useCallback((e) => {
-        setFormatTrait(core_quantity_1.FormatTraits.KeepDecimalPoint, e.target.checked);
-    }, [setFormatTrait]);
-    const handleKeepSingleZeroChange = React.useCallback((e) => {
-        setFormatTrait(core_quantity_1.FormatTraits.KeepSingleZero, e.target.checked);
-    }, [setFormatTrait]);
-    const handleZeroEmptyChange = React.useCallback((e) => {
-        setFormatTrait(core_quantity_1.FormatTraits.ZeroEmpty, e.target.checked);
-    }, [setFormatTrait]);
-    const handleUseFractionDashChange = React.useCallback((e) => {
-        setFormatTrait(core_quantity_1.FormatTraits.FractionDash, e.target.checked);
-    }, [setFormatTrait]);
-    const handleDecimalSeparatorChange = React.useCallback((decimalSeparator) => {
-        let thousandSeparator = formatProps.thousandSeparator;
-        // make sure 1000 and decimal separator do not match
-        if (isFormatTraitSet(core_quantity_1.FormatTraits.Use1000Separator)) {
-            switch (decimalSeparator) {
-                case ".":
-                    thousandSeparator = ",";
-                    break;
-                case ",":
-                    thousandSeparator = ".";
-                    break;
-            }
-        }
-        const newFormatProps = {
-            ...formatProps,
-            thousandSeparator,
-            decimalSeparator,
-        };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, isFormatTraitSet, handleSetFormatProps]);
-    const handleScientificTypeChange = React.useCallback((type) => {
-        const newFormatProps = {
-            ...formatProps,
-            scientificType: (0, core_quantity_1.scientificTypeToString)(type),
-        };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, handleSetFormatProps]);
-    const handleFormatChange = React.useCallback((newFormatProps) => {
-        handleSetFormatProps(newFormatProps);
-    }, [handleSetFormatProps]);
-    const formatType = React.useMemo(() => (0, core_quantity_1.parseFormatType)(formatProps.type, "format"), [formatProps.type]);
-    const showSignOption = React.useMemo(() => (0, core_quantity_1.parseShowSignOption)(formatProps.showSignOption ?? "onlyNegative", "format"), [formatProps.showSignOption]);
-    const handleToggleButtonClick = React.useCallback(() => {
-        onShowHideOptions(!showOptions);
-    }, [onShowHideOptions, showOptions]);
-    const handleKeyUpOnLink = React.useCallback((e) => {
-        if (e.key === ts_key_enum_1.Key.Enter.valueOf() || e.key === " ") {
-            onShowHideOptions(!showOptions);
-            e.preventDefault();
-        }
-    }, [onShowHideOptions, showOptions]);
-    const handleStationSeparatorChange = React.useCallback((value) => {
-        const newFormatProps = { ...formatProps, stationSeparator: value };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, handleSetFormatProps]);
-    const handleStationOffsetChange = React.useCallback((value) => {
-        const newFormatProps = { ...formatProps, stationOffsetSize: value };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, handleSetFormatProps]);
-    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(SignOption_1.SignOptionSelector, { "data-testid": "sign-option-selector", signOption: showSignOption, onChange: handleShowSignChange }),
-            React.createElement("span", { className: (0, classnames_1.default)("uicore-label", formatType !== core_quantity_1.FormatType.Station && "uicore-disabled") }, translate("QuantityFormat.labels.stationOffsetLabel")),
-            React.createElement(StationSizeSelector_1.StationSizeSelector, { "data-testid": "station-size-selector", value: formatProps.stationOffsetSize ?? 2, disabled: formatType !== core_quantity_1.FormatType.Station, onChange: handleStationOffsetChange }),
-            React.createElement("span", { className: (0, classnames_1.default)("uicore-label", formatType !== core_quantity_1.FormatType.Station && "uicore-disabled") }, translate("QuantityFormat.labels.stationSeparatorLabel")),
-            React.createElement(StationSeparatorSelector_1.StationSeparatorSelector, { "data-testid": "station-separator-selector", separator: undefined !== formatProps.stationSeparator
-                    ? formatProps.stationSeparator
-                    : "+", disabled: formatType !== core_quantity_1.FormatType.Station, onChange: handleStationSeparatorChange }),
-            React.createElement(ThousandsSeparator_1.ThousandsSeparator, { formatProps: formatProps, onChange: handleFormatChange }),
-            React.createElement("span", { className: (0, classnames_1.default)("uicore-label", formatType === core_quantity_1.FormatType.Fractional && "uicore-disabled") }, translate("QuantityFormat.labels.decimalSeparatorLabel")),
-            React.createElement(DecimalSeparator_1.DecimalSeparatorSelector, { "data-testid": "decimal-separator-selector", separator: formatProps.decimalSeparator ?? ".", onChange: handleDecimalSeparatorChange, disabled: formatType === core_quantity_1.FormatType.Fractional }),
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.showTrailZerosLabel")),
-            React.createElement(itwinui_react_1.Checkbox, { "data-testid": "show-trail-zeros", checked: isFormatTraitSet(core_quantity_1.FormatTraits.TrailZeroes), onChange: handleShowTrailingZeroesChange }),
-            React.createElement("span", { className: (0, classnames_1.default)("uicore-label", formatType === core_quantity_1.FormatType.Fractional && "uicore-disabled") }, translate("QuantityFormat.labels.keepDecimalPointLabel")),
-            React.createElement(itwinui_react_1.Checkbox, { "data-testid": "keep-decimal-point", checked: isFormatTraitSet(core_quantity_1.FormatTraits.KeepDecimalPoint), onChange: handleKeepDecimalPointChange }),
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.keepSingleZeroLabel")),
-            React.createElement(itwinui_react_1.Checkbox, { "data-testid": "keep-single-zero", checked: isFormatTraitSet(core_quantity_1.FormatTraits.KeepSingleZero), onChange: handleKeepSingleZeroChange }),
-            React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.zeroEmptyLabel")),
-            React.createElement(itwinui_react_1.Checkbox, { "data-testid": "zero-empty", checked: isFormatTraitSet(core_quantity_1.FormatTraits.ZeroEmpty), onChange: handleZeroEmptyChange }),
-            React.createElement("span", { className: (0, classnames_1.default)("uicore-label", formatType !== core_quantity_1.FormatType.Fractional && "uicore-disabled") }, translate("QuantityFormat.labels.fractionDashLabel")),
-            React.createElement(itwinui_react_1.Checkbox, { "data-testid": "fraction-dash", checked: isFormatTraitSet(core_quantity_1.FormatTraits.FractionDash), onChange: handleUseFractionDashChange, disabled: formatType !== core_quantity_1.FormatType.Fractional }),
-            React.createElement("span", { className: (0, classnames_1.default)("uicore-label", formatType !== core_quantity_1.FormatType.Scientific && "uicore-disabled") }, translate("QuantityFormat.labels.scientificTypeLabel")),
-            React.createElement(ScientificType_1.ScientificTypeSelector, { "data-testid": "scientific-type-selector", type: formatProps.scientificType &&
-                    formatProps.scientificType.length > 0
-                    ? (0, core_quantity_1.parseScientificType)(formatProps.scientificType, "custom")
-                    : core_quantity_1.ScientificType.Normalized, disabled: formatType !== core_quantity_1.FormatType.Scientific, onChange: handleScientificTypeChange }),
-            props.children,
-            enableMinimumProperties && showOptions && (React.createElement("a", { onClick: handleToggleButtonClick, onKeyUp: handleKeyUpOnLink, className: "components-quantityFormat-more-less", role: "link", tabIndex: 0 }, translate("QuantityFormat.labels.lessLabel")))))));
-}
-exports.MiscFormatOptions = MiscFormatOptions;
-//# sourceMappingURL=MiscFormatOptions.js.map

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

@@ -1 +0,0 @@
-{"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\";\nimport { ThousandsSeparator } from \"./misc/ThousandsSeparator\";\nimport { DecimalSeparatorSelector } from \"./misc/DecimalSeparator\";\nimport { ScientificTypeSelector } from \"./misc/ScientificType\";\nimport { StationSeparatorSelector } from \"./misc/StationSeparatorSelector\";\nimport { StationSizeSelector } from \"./misc/StationSizeSelector\";\nimport { useTranslation } from \"../useTranslation\";\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 deprecation/deprecation\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 deprecation/deprecation\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      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        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"]}

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

@@ -1 +0,0 @@
-{"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"}

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

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

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

@@ -1 +0,0 @@
-{"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\";\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 deprecation/deprecation\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 deprecation/deprecation\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"]}

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

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

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

@@ -1,104 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DecimalPrecisionSelector = void 0;
-const React = __importStar(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const useTranslation_1 = require("../../useTranslation");
-/** Component use to set Decimal Precision
- * the unit label.
- * @internal
- */
-function DecimalPrecisionSelector(props) {
-    const { precision, onChange, ...otherProps } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const options = [
-        {
-            value: 0,
-            label: translate("QuantityFormat.decimal_precision.zero"),
-        },
-        {
-            value: 1,
-            label: translate("QuantityFormat.decimal_precision.one"),
-        },
-        {
-            value: 2,
-            label: translate("QuantityFormat.decimal_precision.two"),
-        },
-        {
-            value: 3,
-            label: translate("QuantityFormat.decimal_precision.three"),
-        },
-        {
-            value: 4,
-            label: translate("QuantityFormat.decimal_precision.four"),
-        },
-        {
-            value: 5,
-            label: translate("QuantityFormat.decimal_precision.five"),
-        },
-        {
-            value: 6,
-            label: translate("QuantityFormat.decimal_precision.six"),
-        },
-        {
-            value: 7,
-            label: translate("QuantityFormat.decimal_precision.seven"),
-        },
-        {
-            value: 8,
-            label: translate("QuantityFormat.decimal_precision.eight"),
-        },
-        {
-            value: 9,
-            label: translate("QuantityFormat.decimal_precision.nine"),
-        },
-        {
-            value: 10,
-            label: translate("QuantityFormat.decimal_precision.ten"),
-        },
-        {
-            value: 11,
-            label: translate("QuantityFormat.decimal_precision.eleven"),
-        },
-        {
-            value: 12,
-            label: translate("QuantityFormat.decimal_precision.twelve"),
-        },
-    ];
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: options, value: precision, onChange: handleOnChange, size: "small", ...otherProps }));
-}
-exports.DecimalPrecisionSelector = DecimalPrecisionSelector;
-//# sourceMappingURL=DecimalPrecision.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DecimalPrecision.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalPrecision.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAWtD;;;GAGG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAA2B;QACtC;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,SAAS,CAAC,uCAAuC,CAAC;SAC1D;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;SACzD;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;SAC5D;QACD;YACE,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,SAAS,CAAC,yCAAyC,CAAC;SAC5D;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA1ED,4DA0EC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[DecimalPrecisionSelector]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface DecimalPrecisionSelectorProps extends CommonProps {\n  precision: number;\n  onChange: (value: number) => void;\n}\n\n/** Component use to set Decimal Precision\n * the unit label.\n * @internal\n */\nexport function DecimalPrecisionSelector(props: DecimalPrecisionSelectorProps) {\n  const { precision, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const options: SelectOption<number>[] = [\n    {\n      value: 0,\n      label: translate(\"QuantityFormat.decimal_precision.zero\"),\n    },\n    {\n      value: 1,\n      label: translate(\"QuantityFormat.decimal_precision.one\"),\n    },\n    {\n      value: 2,\n      label: translate(\"QuantityFormat.decimal_precision.two\"),\n    },\n    {\n      value: 3,\n      label: translate(\"QuantityFormat.decimal_precision.three\"),\n    },\n    {\n      value: 4,\n      label: translate(\"QuantityFormat.decimal_precision.four\"),\n    },\n    {\n      value: 5,\n      label: translate(\"QuantityFormat.decimal_precision.five\"),\n    },\n    {\n      value: 6,\n      label: translate(\"QuantityFormat.decimal_precision.six\"),\n    },\n    {\n      value: 7,\n      label: translate(\"QuantityFormat.decimal_precision.seven\"),\n    },\n    {\n      value: 8,\n      label: translate(\"QuantityFormat.decimal_precision.eight\"),\n    },\n    {\n      value: 9,\n      label: translate(\"QuantityFormat.decimal_precision.nine\"),\n    },\n    {\n      value: 10,\n      label: translate(\"QuantityFormat.decimal_precision.ten\"),\n    },\n    {\n      value: 11,\n      label: translate(\"QuantityFormat.decimal_precision.eleven\"),\n    },\n    {\n      value: 12,\n      label: translate(\"QuantityFormat.decimal_precision.twelve\"),\n    },\n  ];\n\n  const handleOnChange = React.useCallback(\n    (newValue: number) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={options}\n      value={precision}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n"]}

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

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

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

@@ -1,59 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module QuantityFormat
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DecimalSeparatorSelector = void 0;
-const React = __importStar(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const useTranslation_1 = require("../../useTranslation");
-/** Component use to set Decimal Separator
- * @internal
- */
-function DecimalSeparatorSelector(props) {
-    const { separator, onChange, ...otherProps } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const options = [
-        {
-            value: ".",
-            label: translate("QuantityFormat.decimal_separator.point"),
-        },
-        {
-            value: ",",
-            label: translate("QuantityFormat.decimal_separator.comma"),
-        },
-    ];
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    return (React.createElement(itwinui_react_1.Select, { options: options, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
-}
-exports.DecimalSeparatorSelector = DecimalSeparatorSelector;
-//# sourceMappingURL=DecimalSeparator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DecimalSeparator.js","sourceRoot":"","sources":["../../../../../src/imodel-components-react/quantityformat/misc/DecimalSeparator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAG/B,wDAA8C;AAC9C,yDAAsD;AAYtD;;GAEG;AACH,SAAgB,wBAAwB,CAAC,KAAoC;IAC3E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAA2B;QACtC;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,SAAS,CAAC,wCAAwC,CAAC;SAC3D;KACF,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,QAAgB,EAAE,EAAE;QACnB,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAC,OAAO,KACR,UAAU,GACd,CACH,CAAC;AACJ,CAAC;AA9BD,4DA8BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../../useTranslation\";\n\n/** Properties of [[DecimalSeparatorSelector]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\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"]}