@itwin/imodel-components-react 4.17.6 → 5.0.0-dev.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormatType.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport {\n  DecimalPrecision,\n  FormatType,\n  formatTypeToString,\n  FractionalPrecision,\n  parseFormatType,\n  ScientificType,\n  scientificTypeToString,\n} from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation\";\n\n/** Properties of [[FormatTypeSelector]] component.\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\ninterface FormatTypeSelectorProps extends CommonProps {\n  type: FormatType;\n  onChange: (value: FormatType) => void;\n}\n\n/** Component to select the format type.\n * @alpha\n */\nfunction FormatTypeSelector(props: FormatTypeSelectorProps) {\n  const { type, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n  const formatOptions = React.useRef<SelectOption<FormatType>[]>([\n    {\n      value: FormatType.Decimal,\n      label: translate(\"QuantityFormat.decimal\"),\n    },\n    {\n      value: FormatType.Scientific,\n      label: translate(\"QuantityFormat.scientific\"),\n    },\n    {\n      value: FormatType.Station,\n      label: translate(\"QuantityFormat.station\"),\n    },\n    {\n      value: FormatType.Fractional,\n      label: translate(\"QuantityFormat.fractional\"),\n    },\n  ]);\n\n  const handleOnChange = React.useCallback(\n    (newValue: FormatType) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  return (\n    <Select\n      options={formatOptions.current}\n      value={type}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n\n/** Properties of [[FormatTypeOption]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatTypeOption>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface FormatTypeOptionProps extends CommonProps {\n  formatProps: FormatProps;\n  onChange?: (format: FormatProps) => void;\n}\n\n/** Component to set the Quantity Format type.\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function FormatTypeOption(props: FormatTypeOptionProps) {\n  const { formatProps, onChange } = props;\n  const { translate } = useTranslation();\n  const handleFormatTypeChange = React.useCallback(\n    (newType: FormatType) => {\n      const type = formatTypeToString(newType);\n      let precision: number | undefined;\n      let stationOffsetSize: number | undefined;\n      let scientificType: string | undefined;\n      switch (\n        newType // type must be decimal, fractional, scientific, or station\n      ) {\n        case FormatType.Scientific:\n          precision = DecimalPrecision.Six;\n          scientificType = scientificTypeToString(ScientificType.Normalized);\n          break;\n        case FormatType.Decimal:\n          precision = DecimalPrecision.Four;\n          break;\n        case FormatType.Station:\n          precision = DecimalPrecision.Two;\n          stationOffsetSize = formatProps.composite?.units[0].name\n            .toLocaleLowerCase()\n            .endsWith(\"m\")\n            ? 3\n            : 2;\n          break;\n        case FormatType.Fractional:\n          precision = FractionalPrecision.Eight;\n          break;\n      }\n      const newFormatProps = {\n        ...formatProps,\n        type,\n        precision,\n        scientificType,\n        stationOffsetSize,\n      };\n      onChange && onChange(newFormatProps);\n    },\n    [formatProps, onChange]\n  );\n\n  const formatType = parseFormatType(formatProps.type, \"format\");\n  return (\n    <>\n      <span className={\"uicore-label.current\"}>\n        {translate(\"QuantityFormat.labels.type\")}\n      </span>\n      <FormatTypeSelector\n        data-testid=\"format-type-selector\"\n        type={formatType}\n        onChange={handleFormatTypeChange}\n      />\n    </>\n  );\n}\n"]}

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

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

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

@@ -1,117 +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.FormatUnitLabel = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const core_quantity_1 = require("@itwin/core-quantity");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const useTranslation_1 = require("../useTranslation");
-function UomSeparatorSelector(props) {
-    const { separator, onChange, ...otherProps } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    const separatorOptions = React.useMemo(() => {
-        const uomDefaultEntries = [
-            { value: "", label: translate("QuantityFormat.none") },
-            { value: " ", label: translate("QuantityFormat.space") },
-            { value: "-", label: translate("QuantityFormat.dash") },
-        ];
-        const completeListOfEntries = [];
-        if (undefined ===
-            uomDefaultEntries.find((option) => option.value === separator)) {
-            completeListOfEntries.push({ value: separator, label: separator });
-        }
-        completeListOfEntries.push(...uomDefaultEntries);
-        return completeListOfEntries;
-    }, [separator, translate]);
-    return (React.createElement(itwinui_react_1.Select, { options: separatorOptions, value: separator, onChange: handleOnChange, size: "small", ...otherProps }));
-}
-/** Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.
- * @alpha
- */
-// eslint-disable-next-line deprecation/deprecation
-function FormatUnitLabel(props) {
-    const { formatProps, onUnitLabelChange } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const handleSetFormatProps = React.useCallback((newProps) => {
-        onUnitLabelChange && onUnitLabelChange(newProps);
-    }, [onUnitLabelChange]);
-    const isFormatTraitSet = React.useCallback((trait) => {
-        return core_quantity_1.Format.isFormatTraitSetInProps(formatProps, trait);
-    }, [formatProps]);
-    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 handleUomSeparatorChange = React.useCallback((newSeparator) => {
-        const newFormatProps = { ...formatProps, uomSeparator: newSeparator };
-        handleSetFormatProps(newFormatProps);
-    }, [formatProps, handleSetFormatProps]);
-    const handleShowUnitLabelChange = React.useCallback((e) => {
-        setFormatTrait(core_quantity_1.FormatTraits.ShowUnitLabel, e.target.checked);
-    }, [setFormatTrait]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "uicore-label" }, translate("QuantityFormat.labels.appendUnitLabel")),
-        React.createElement(itwinui_react_1.Checkbox, { "data-testid": "show-unit-label-checkbox", checked: isFormatTraitSet(core_quantity_1.FormatTraits.ShowUnitLabel), onChange: handleShowUnitLabelChange }),
-        React.createElement("span", { className: (0, classnames_1.default)("uicore-label", !isFormatTraitSet(core_quantity_1.FormatTraits.ShowUnitLabel) && "uicore-disabled") }, translate("QuantityFormat.labels.labelSeparator")),
-        React.createElement(UomSeparatorSelector, { "data-testid": "uom-separator-select", separator: formatProps.uomSeparator ?? "", onChange: handleUomSeparatorChange, disabled: !isFormatTraitSet(core_quantity_1.FormatTraits.ShowUnitLabel) })));
-}
-exports.FormatUnitLabel = FormatUnitLabel;
-//# sourceMappingURL=FormatUnitLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormatUnitLabel.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { FormatProps } from \"@itwin/core-quantity\";\nimport { Format, FormatTraits, getTraitString } from \"@itwin/core-quantity\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Checkbox, Select } from \"@itwin/itwinui-react\";\nimport { useTranslation } from \"../useTranslation\";\n\n// eslint-disable-next-line deprecation/deprecation\ninterface UomSeparatorSelectorProps extends CommonProps {\n  separator: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}\n\nfunction UomSeparatorSelector(props: UomSeparatorSelectorProps) {\n  const { separator, onChange, ...otherProps } = props;\n  const { translate } = useTranslation();\n\n  const handleOnChange = React.useCallback(\n    (newValue: string) => {\n      onChange && onChange(newValue);\n    },\n    [onChange]\n  );\n\n  const separatorOptions = React.useMemo(() => {\n    const uomDefaultEntries: SelectOption<string>[] = [\n      { value: \"\", label: translate(\"QuantityFormat.none\") },\n      { value: \" \", label: translate(\"QuantityFormat.space\") },\n      { value: \"-\", label: translate(\"QuantityFormat.dash\") },\n    ];\n    const completeListOfEntries: SelectOption<string>[] = [];\n\n    if (\n      undefined ===\n      uomDefaultEntries.find((option) => option.value === separator)\n    ) {\n      completeListOfEntries.push({ value: separator, label: separator });\n    }\n    completeListOfEntries.push(...uomDefaultEntries);\n    return completeListOfEntries;\n  }, [separator, translate]);\n\n  return (\n    <Select\n      options={separatorOptions}\n      value={separator}\n      onChange={handleOnChange}\n      size=\"small\"\n      {...otherProps}\n    />\n  );\n}\n\n/** Properties of [[FormatUnitLabel]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatUnitLabel>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface FormatUnitLabelProps extends CommonProps {\n  formatProps: FormatProps;\n  onUnitLabelChange?: (format: FormatProps) => void;\n}\n\n/** Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function FormatUnitLabel(props: FormatUnitLabelProps) {\n  const { formatProps, onUnitLabelChange } = props;\n  const { translate } = useTranslation();\n\n  const handleSetFormatProps = React.useCallback(\n    (newProps: FormatProps) => {\n      onUnitLabelChange && onUnitLabelChange(newProps);\n    },\n    [onUnitLabelChange]\n  );\n\n  const isFormatTraitSet = React.useCallback(\n    (trait: FormatTraits) => {\n      return Format.isFormatTraitSetInProps(formatProps, trait);\n    },\n    [formatProps]\n  );\n\n  const setFormatTrait = React.useCallback(\n    (trait: FormatTraits, setActive: boolean) => {\n      const traitStr = getTraitString(trait);\n      let formatTraits: string[] = [traitStr];\n      if (setActive) {\n        // setting trait\n        if (formatProps.formatTraits) {\n          const traits = Array.isArray(formatProps.formatTraits)\n            ? formatProps.formatTraits\n            : formatProps.formatTraits.split(/,|;|\\|/);\n          if (!traits.find((traitEntry) => traitStr === traitEntry)) {\n            formatTraits = [...traits, traitStr];\n          }\n        }\n      } else {\n        // clearing trait\n        if (!formatProps.formatTraits) return;\n        const traits = Array.isArray(formatProps.formatTraits)\n          ? formatProps.formatTraits\n          : formatProps.formatTraits.split(/,|;|\\|/);\n        formatTraits = traits.filter((traitEntry) => traitEntry !== traitStr);\n      }\n      const newFormatProps = { ...formatProps, formatTraits };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleUomSeparatorChange = React.useCallback(\n    (newSeparator: string) => {\n      const newFormatProps = { ...formatProps, uomSeparator: newSeparator };\n      handleSetFormatProps(newFormatProps);\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleShowUnitLabelChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFormatTrait(FormatTraits.ShowUnitLabel, e.target.checked);\n    },\n    [setFormatTrait]\n  );\n\n  return (\n    <>\n      <span className={\"uicore-label\"}>\n        {translate(\"QuantityFormat.labels.appendUnitLabel\")}\n      </span>\n      <Checkbox\n        data-testid=\"show-unit-label-checkbox\"\n        checked={isFormatTraitSet(FormatTraits.ShowUnitLabel)}\n        onChange={handleShowUnitLabelChange}\n      />\n      <span\n        className={classnames(\n          \"uicore-label\",\n          !isFormatTraitSet(FormatTraits.ShowUnitLabel) && \"uicore-disabled\"\n        )}\n      >\n        {translate(\"QuantityFormat.labels.labelSeparator\")}\n      </span>\n      <UomSeparatorSelector\n        data-testid=\"uom-separator-select\"\n        separator={formatProps.uomSeparator ?? \"\"}\n        onChange={handleUomSeparatorChange}\n        disabled={!isFormatTraitSet(FormatTraits.ShowUnitLabel)}\n      />\n    </>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormatUnits.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnits.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACd,MAAM,sBAAsB,CAAC;AAK9B;;;GAGG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,aAAa,EAAE,WAAW,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC/C;AAED;;GAEG;AAEH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAuJlD"}

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

@@ -1,137 +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.FormatUnits = void 0;
-const React = __importStar(require("react"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const UnitDescr_1 = require("./misc/UnitDescr");
-const useTranslation_1 = require("../useTranslation");
-/** Component to show/edit Units used for Quantity Formatting.
- * @alpha
- */
-// eslint-disable-next-line deprecation/deprecation
-function FormatUnits(props) {
-    const { initialFormat, persistenceUnit, unitsProvider, onUnitsChange } = props;
-    const { translate } = (0, useTranslation_1.useTranslation)();
-    const initialFormatRef = React.useRef(initialFormat);
-    const [formatProps, setFormatProps] = React.useState(initialFormat);
-    React.useEffect(() => {
-        if (initialFormatRef.current !== initialFormat) {
-            initialFormatRef.current = initialFormat;
-            setFormatProps(initialFormat);
-        }
-    }, [initialFormat]);
-    const handleSetFormatProps = React.useCallback((newProps) => {
-        setFormatProps(newProps);
-        onUnitsChange && onUnitsChange(newProps);
-    }, [onUnitsChange]);
-    const handleUnitLabelChange = React.useCallback((newLabel, index) => {
-        if (formatProps.composite &&
-            formatProps.composite.units.length > index &&
-            index >= 0) {
-            const units = formatProps.composite.units.map((entry, ndx) => {
-                if (index === ndx)
-                    return { name: entry.name, label: newLabel };
-                else
-                    return entry;
-            });
-            const composite = { ...formatProps.composite, units };
-            const newFormatProps = { ...formatProps, composite };
-            handleSetFormatProps(newFormatProps);
-        }
-    }, [formatProps, handleSetFormatProps]);
-    const handleUnitChange = React.useCallback((newUnit, index) => {
-        const unitParts = newUnit.split(/:/);
-        if (unitParts[0] === "REMOVEUNIT") {
-            if (formatProps.composite && formatProps.composite.units.length > 1) {
-                const units = [...formatProps.composite.units];
-                units.pop();
-                const composite = { ...formatProps.composite, units };
-                const newFormatProps = { ...formatProps, composite };
-                handleSetFormatProps(newFormatProps);
-            }
-        }
-        else if (unitParts[0] === "ADDSUBUNIT") {
-            const units = formatProps.composite && formatProps.composite.units.length
-                ? [
-                    ...formatProps.composite.units,
-                    { name: unitParts[1], label: unitParts[2] },
-                ]
-                : [{ name: unitParts[1], label: unitParts[2] }];
-            const composite = { ...formatProps.composite, units };
-            const newFormatProps = { ...formatProps, composite };
-            handleSetFormatProps(newFormatProps);
-        }
-        else {
-            if (formatProps.composite &&
-                formatProps.composite.units.length > index &&
-                index >= 0) {
-                const units = formatProps.composite.units.map((entry, ndx) => {
-                    if (index === ndx)
-                        return { name: unitParts[0], label: unitParts[1] };
-                    else
-                        return entry;
-                });
-                const composite = { ...formatProps.composite, units };
-                const newFormatProps = { ...formatProps, composite };
-                handleSetFormatProps(newFormatProps);
-            }
-            else if (!formatProps.composite) {
-                const composite = {
-                    units: [{ name: unitParts[0], label: unitParts[1] }],
-                };
-                const newFormatProps = { ...formatProps, composite };
-                handleSetFormatProps(newFormatProps);
-            }
-        }
-    }, [formatProps, handleSetFormatProps]);
-    const handleOnSpacerChange = React.useCallback((e) => {
-        if (formatProps.composite) {
-            const spacerValue = e.target.value.length ? e.target.value[0] : ""; // spacer can only be empty or a single character
-            const composite = { ...formatProps.composite, spacer: spacerValue };
-            const newFormatProps = { ...formatProps, composite };
-            handleSetFormatProps(newFormatProps);
-        }
-    }, [formatProps, handleSetFormatProps]);
-    return (React.createElement(React.Fragment, null,
-        formatProps.composite?.units
-            ? formatProps.composite.units.map((value, index) => (React.createElement(UnitDescr_1.UnitDescr, { key: value.name, name: value.name, label: value.label ?? "", parentUnitName: index > 0
-                    ? formatProps.composite.units[index - 1].name
-                    : undefined, unitsProvider: unitsProvider, index: index, onUnitChange: handleUnitChange, onLabelChange: handleUnitLabelChange, readonly: index < formatProps.composite.units.length - 1 })))
-            : persistenceUnit && (React.createElement(UnitDescr_1.UnitDescr, { key: persistenceUnit.name, name: persistenceUnit.name, label: persistenceUnit.label, unitsProvider: unitsProvider, index: 0, onUnitChange: handleUnitChange, onLabelChange: handleUnitLabelChange })),
-        formatProps.composite?.units &&
-            formatProps.composite.units.length > 1 && (React.createElement(React.Fragment, null,
-            React.createElement("span", { key: "composite-spacer-label", className: "uicore-label" }, translate("QuantityFormat.labels.compositeSpacer")),
-            React.createElement(itwinui_react_1.Input, { key: "composite-spacer", "data-testid": "composite-spacer", value: formatProps.composite.spacer ?? "", onChange: handleOnSpacerChange, size: "small" })))));
-}
-exports.FormatUnits = FormatUnits;
-//# sourceMappingURL=FormatUnits.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormatUnits.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnits.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module QuantityFormat\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type {\n  FormatProps,\n  UnitProps,\n  UnitsProvider,\n} from \"@itwin/core-quantity\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { UnitDescr } from \"./misc/UnitDescr\";\nimport { useTranslation } from \"../useTranslation\";\n\n/** Properties of [[FormatUnits]] component.\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof FormatUnits>`\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface FormatUnitsProps extends CommonProps {\n  initialFormat: FormatProps;\n  persistenceUnit?: UnitProps;\n  unitsProvider: UnitsProvider;\n  onUnitsChange?: (format: FormatProps) => void;\n}\n\n/** Component to show/edit Units used for Quantity Formatting.\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function FormatUnits(props: FormatUnitsProps) {\n  const { initialFormat, persistenceUnit, unitsProvider, onUnitsChange } =\n    props;\n  const { translate } = useTranslation();\n  const initialFormatRef = React.useRef<FormatProps>(initialFormat);\n  const [formatProps, setFormatProps] = React.useState(initialFormat);\n\n  React.useEffect(() => {\n    if (initialFormatRef.current !== initialFormat) {\n      initialFormatRef.current = initialFormat;\n      setFormatProps(initialFormat);\n    }\n  }, [initialFormat]);\n\n  const handleSetFormatProps = React.useCallback(\n    (newProps: FormatProps) => {\n      setFormatProps(newProps);\n      onUnitsChange && onUnitsChange(newProps);\n    },\n    [onUnitsChange]\n  );\n\n  const handleUnitLabelChange = React.useCallback(\n    (newLabel: string, index: number) => {\n      if (\n        formatProps.composite &&\n        formatProps.composite.units.length > index &&\n        index >= 0\n      ) {\n        const units = formatProps.composite.units.map((entry, ndx) => {\n          if (index === ndx) return { name: entry.name, label: newLabel };\n          else return entry;\n        });\n\n        const composite = { ...formatProps.composite, units };\n        const newFormatProps = { ...formatProps, composite };\n        handleSetFormatProps(newFormatProps);\n      }\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleUnitChange = React.useCallback(\n    (newUnit: string, index: number) => {\n      const unitParts = newUnit.split(/:/);\n      if (unitParts[0] === \"REMOVEUNIT\") {\n        if (formatProps.composite && formatProps.composite.units.length > 1) {\n          const units = [...formatProps.composite.units];\n          units.pop();\n          const composite = { ...formatProps.composite, units };\n          const newFormatProps = { ...formatProps, composite };\n          handleSetFormatProps(newFormatProps);\n        }\n      } else if (unitParts[0] === \"ADDSUBUNIT\") {\n        const units =\n          formatProps.composite && formatProps.composite.units.length\n            ? [\n                ...formatProps.composite.units,\n                { name: unitParts[1], label: unitParts[2] },\n              ]\n            : [{ name: unitParts[1], label: unitParts[2] }];\n        const composite = { ...formatProps.composite, units };\n        const newFormatProps = { ...formatProps, composite };\n        handleSetFormatProps(newFormatProps);\n      } else {\n        if (\n          formatProps.composite &&\n          formatProps.composite.units.length > index &&\n          index >= 0\n        ) {\n          const units = formatProps.composite.units.map((entry, ndx) => {\n            if (index === ndx)\n              return { name: unitParts[0], label: unitParts[1] };\n            else return entry;\n          });\n          const composite = { ...formatProps.composite, units };\n          const newFormatProps = { ...formatProps, composite };\n          handleSetFormatProps(newFormatProps);\n        } else if (!formatProps.composite) {\n          const composite = {\n            units: [{ name: unitParts[0], label: unitParts[1] }],\n          };\n          const newFormatProps = { ...formatProps, composite };\n          handleSetFormatProps(newFormatProps);\n        }\n      }\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  const handleOnSpacerChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (formatProps.composite) {\n        const spacerValue = e.target.value.length ? e.target.value[0] : \"\"; // spacer can only be empty or a single character\n        const composite = { ...formatProps.composite, spacer: spacerValue };\n        const newFormatProps = { ...formatProps, composite };\n        handleSetFormatProps(newFormatProps);\n      }\n    },\n    [formatProps, handleSetFormatProps]\n  );\n\n  return (\n    <>\n      {formatProps.composite?.units\n        ? formatProps.composite.units.map((value, index) => (\n            <UnitDescr\n              key={value.name}\n              name={value.name}\n              label={value.label ?? \"\"}\n              parentUnitName={\n                index > 0\n                  ? formatProps.composite!.units[index - 1].name\n                  : undefined\n              }\n              unitsProvider={unitsProvider}\n              index={index}\n              onUnitChange={handleUnitChange}\n              onLabelChange={handleUnitLabelChange}\n              readonly={index < formatProps.composite!.units.length - 1}\n            />\n          ))\n        : persistenceUnit && (\n            <UnitDescr\n              key={persistenceUnit.name}\n              name={persistenceUnit.name}\n              label={persistenceUnit.label}\n              unitsProvider={unitsProvider}\n              index={0}\n              onUnitChange={handleUnitChange}\n              onLabelChange={handleUnitLabelChange}\n            />\n          )}\n\n      {formatProps.composite?.units &&\n        formatProps.composite.units.length > 1 && (\n          <>\n            <span key={\"composite-spacer-label\"} className={\"uicore-label\"}>\n              {translate(\"QuantityFormat.labels.compositeSpacer\")}\n            </span>\n            <Input\n              key={\"composite-spacer\"}\n              data-testid=\"composite-spacer\"\n              value={formatProps.composite.spacer ?? \"\"}\n              onChange={handleOnSpacerChange}\n              size=\"small\"\n            />\n          </>\n        )}\n    </>\n  );\n}\n"]}

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

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

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"}