@itwin/imodel-components-react 4.0.0-dev.8 → 4.0.0

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

@@ -1,84 +1,84 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Format, FormatTraits, getTraitString } from "@itwin/core-quantity";
-import { Checkbox, Select } from "@itwin/itwinui-react";
-import { UiIModelComponents } from "../UiIModelComponents";
-function UomSeparatorSelector(props) {
-    const { separator, onChange, ...otherProps } = props;
-    const uomDefaultEntries = React.useRef([
-        { value: "", label: UiIModelComponents.translate("QuantityFormat.none") },
-        { value: " ", label: UiIModelComponents.translate("QuantityFormat.space") },
-        { value: "-", label: UiIModelComponents.translate("QuantityFormat.dash") },
-    ]);
-    const handleOnChange = React.useCallback((newValue) => {
-        onChange && onChange(newValue);
-    }, [onChange]);
-    const separatorOptions = React.useMemo(() => {
-        const completeListOfEntries = [];
-        // istanbul ignore next (only used if format already has a character that does not match standard options)
-        if (undefined === uomDefaultEntries.current.find((option) => option.value === separator)) {
-            completeListOfEntries.push({ value: separator, label: separator });
-        }
-        completeListOfEntries.push(...uomDefaultEntries.current);
-        return completeListOfEntries;
-    }, [separator]);
-    return (React.createElement(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
- */
-export function FormatUnitLabel(props) {
-    var _a;
-    const { formatProps, onUnitLabelChange } = props;
-    const handleSetFormatProps = React.useCallback((newProps) => {
-        onUnitLabelChange && onUnitLabelChange(newProps);
-    }, [onUnitLabelChange]);
-    const isFormatTraitSet = React.useCallback((trait) => {
-        return Format.isFormatTraitSetInProps(formatProps, trait);
-    }, [formatProps]);
-    const setFormatTrait = React.useCallback((trait, setActive) => {
-        const traitStr = getTraitString(trait);
-        let formatTraits = [traitStr];
-        if (setActive) { // setting trait
-            // istanbul ignore else
-            if (formatProps.formatTraits) {
-                const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : /* istanbul ignore next */ formatProps.formatTraits.split(/,|;|\|/);
-                // istanbul ignore else
-                if (!traits.find((traitEntry) => traitStr === traitEntry)) {
-                    formatTraits = [...traits, traitStr];
-                }
-            }
-        }
-        else { // clearing trait
-            // istanbul ignore next
-            if (!formatProps.formatTraits)
-                return;
-            const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : /* istanbul ignore next */ 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(FormatTraits.ShowUnitLabel, e.target.checked);
-    }, [setFormatTrait]);
-    const appendUnitLabel = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.appendUnitLabel"));
-    const labelSeparator = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.labelSeparator"));
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "uicore-label" }, appendUnitLabel.current),
-        React.createElement(Checkbox, { "data-testid": "show-unit-label-checkbox", checked: isFormatTraitSet(FormatTraits.ShowUnitLabel), onChange: handleShowUnitLabelChange }),
-        React.createElement("span", { className: classnames("uicore-label", !isFormatTraitSet(FormatTraits.ShowUnitLabel) && "uicore-disabled") }, labelSeparator.current),
-        React.createElement(UomSeparatorSelector, { "data-testid": "uom-separator-select", separator: (_a = formatProps.uomSeparator) !== null && _a !== void 0 ? _a : "", onChange: handleUomSeparatorChange, disabled: !isFormatTraitSet(FormatTraits.ShowUnitLabel) })));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Format, FormatTraits, getTraitString } from "@itwin/core-quantity";
+import { Checkbox, Select } from "@itwin/itwinui-react";
+import { UiIModelComponents } from "../UiIModelComponents";
+function UomSeparatorSelector(props) {
+    const { separator, onChange, ...otherProps } = props;
+    const uomDefaultEntries = React.useRef([
+        { value: "", label: UiIModelComponents.translate("QuantityFormat.none") },
+        { value: " ", label: UiIModelComponents.translate("QuantityFormat.space") },
+        { value: "-", label: UiIModelComponents.translate("QuantityFormat.dash") },
+    ]);
+    const handleOnChange = React.useCallback((newValue) => {
+        onChange && onChange(newValue);
+    }, [onChange]);
+    const separatorOptions = React.useMemo(() => {
+        const completeListOfEntries = [];
+        // istanbul ignore next (only used if format already has a character that does not match standard options)
+        if (undefined === uomDefaultEntries.current.find((option) => option.value === separator)) {
+            completeListOfEntries.push({ value: separator, label: separator });
+        }
+        completeListOfEntries.push(...uomDefaultEntries.current);
+        return completeListOfEntries;
+    }, [separator]);
+    return (React.createElement(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
+ */
+export function FormatUnitLabel(props) {
+    var _a;
+    const { formatProps, onUnitLabelChange } = props;
+    const handleSetFormatProps = React.useCallback((newProps) => {
+        onUnitLabelChange && onUnitLabelChange(newProps);
+    }, [onUnitLabelChange]);
+    const isFormatTraitSet = React.useCallback((trait) => {
+        return Format.isFormatTraitSetInProps(formatProps, trait);
+    }, [formatProps]);
+    const setFormatTrait = React.useCallback((trait, setActive) => {
+        const traitStr = getTraitString(trait);
+        let formatTraits = [traitStr];
+        if (setActive) { // setting trait
+            // istanbul ignore else
+            if (formatProps.formatTraits) {
+                const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : /* istanbul ignore next */ formatProps.formatTraits.split(/,|;|\|/);
+                // istanbul ignore else
+                if (!traits.find((traitEntry) => traitStr === traitEntry)) {
+                    formatTraits = [...traits, traitStr];
+                }
+            }
+        }
+        else { // clearing trait
+            // istanbul ignore next
+            if (!formatProps.formatTraits)
+                return;
+            const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : /* istanbul ignore next */ 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(FormatTraits.ShowUnitLabel, e.target.checked);
+    }, [setFormatTrait]);
+    const appendUnitLabel = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.appendUnitLabel"));
+    const labelSeparator = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.labelSeparator"));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: "uicore-label" }, appendUnitLabel.current),
+        React.createElement(Checkbox, { "data-testid": "show-unit-label-checkbox", checked: isFormatTraitSet(FormatTraits.ShowUnitLabel), onChange: handleShowUnitLabelChange }),
+        React.createElement("span", { className: classnames("uicore-label", !isFormatTraitSet(FormatTraits.ShowUnitLabel) && "uicore-disabled") }, labelSeparator.current),
+        React.createElement(UomSeparatorSelector, { "data-testid": "uom-separator-select", separator: (_a = formatProps.uomSeparator) !== null && _a !== void 0 ? _a : "", onChange: handleUomSeparatorChange, disabled: !isFormatTraitSet(FormatTraits.ShowUnitLabel) })));
+}
 //# sourceMappingURL=FormatUnitLabel.js.map

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module QuantityFormat
- */
-/// <reference types="react" />
-import { CommonProps } from "@itwin/core-react";
-import { FormatProps, UnitProps, UnitsProvider } from "@itwin/core-quantity";
-/** Properties of [[FormatUnits]] component.
- * @alpha
- */
-export interface FormatUnitsProps extends CommonProps {
-    initialFormat: FormatProps;
-    persistenceUnit?: UnitProps;
-    unitsProvider: UnitsProvider;
-    onUnitsChange?: (format: FormatProps) => void;
-}
-/** Component to show/edit Units used for Quantity Formatting.
- * @alpha
- */
-export declare function FormatUnits(props: FormatUnitsProps): JSX.Element;
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+/// <reference types="react" />
+import { CommonProps } from "@itwin/core-react";
+import { FormatProps, UnitProps, UnitsProvider } from "@itwin/core-quantity";
+/** Properties of [[FormatUnits]] component.
+ * @alpha
+ */
+export interface FormatUnitsProps extends CommonProps {
+    initialFormat: FormatProps;
+    persistenceUnit?: UnitProps;
+    unitsProvider: UnitsProvider;
+    onUnitsChange?: (format: FormatProps) => void;
+}
+/** Component to show/edit Units used for Quantity Formatting.
+ * @alpha
+ */
+export declare function FormatUnits(props: FormatUnitsProps): JSX.Element;
 //# sourceMappingURL=FormatUnits.d.ts.map

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

@@ -1,111 +1,111 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import * as React from "react";
-import { Input } from "@itwin/itwinui-react";
-import { UnitDescr } from "./misc/UnitDescr";
-import { UiIModelComponents } from "../UiIModelComponents";
-/** Component to show/edit Units used for Quantity Formatting.
- * @alpha
- */
-export function FormatUnits(props) {
-    var _a, _b, _c;
-    const { initialFormat, persistenceUnit, unitsProvider, onUnitsChange } = props;
-    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) => {
-        // istanbul ignore else
-        if (formatProps.composite && formatProps.composite.units.length > index && index >= 0) {
-            const units = formatProps.composite.units.map((entry, ndx) => {
-                // istanbul ignore else
-                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") {
-            // istanbul ignore else
-            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] }] :
-                /* istanbul ignore next*/ [{ name: unitParts[1], label: unitParts[2] }];
-            const composite = { ...formatProps.composite, units };
-            const newFormatProps = { ...formatProps, composite };
-            handleSetFormatProps(newFormatProps);
-        }
-        else {
-            // istanbul ignore else
-            if (formatProps.composite && formatProps.composite.units.length > index && index >= 0) {
-                const units = formatProps.composite.units.map((entry, ndx) => {
-                    // istanbul ignore else
-                    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) => {
-        // istanbul ignore else
-        if (formatProps.composite) {
-            const spacerValue = e.target.value.length ? e.target.value[0] : /* istanbul ignore next */ ""; // spacer can only be empty or a single character
-            const composite = { ...formatProps.composite, spacer: spacerValue };
-            const newFormatProps = { ...formatProps, composite };
-            handleSetFormatProps(newFormatProps);
-        }
-    }, [formatProps, handleSetFormatProps]);
-    const compositeSpacer = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.compositeSpacer"));
-    return (React.createElement(React.Fragment, null,
-        ((_a = formatProps.composite) === null || _a === void 0 ? void 0 : _a.units)
-            ?
-                formatProps.composite.units.map((value, index) => {
-                    var _a;
-                    return React.createElement(UnitDescr, { key: value.name, name: value.name, label: (_a = value.label) !== null && _a !== void 0 ? _a : "", 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, { key: persistenceUnit.name, name: persistenceUnit.name, label: persistenceUnit.label, unitsProvider: unitsProvider, index: 0, onUnitChange: handleUnitChange, onLabelChange: handleUnitLabelChange }),
-        (((_b = formatProps.composite) === null || _b === void 0 ? void 0 : _b.units) && formatProps.composite.units.length > 1) &&
-            React.createElement(React.Fragment, null,
-                React.createElement("span", { key: "composite-spacer-label", className: "uicore-label" }, compositeSpacer.current),
-                React.createElement(Input, { key: "composite-spacer", "data-testid": "composite-spacer", value: (_c = formatProps.composite.spacer) !== null && _c !== void 0 ? _c : "", onChange: handleOnSpacerChange, size: "small" }))));
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import * as React from "react";
+import { Input } from "@itwin/itwinui-react";
+import { UnitDescr } from "./misc/UnitDescr";
+import { UiIModelComponents } from "../UiIModelComponents";
+/** Component to show/edit Units used for Quantity Formatting.
+ * @alpha
+ */
+export function FormatUnits(props) {
+    var _a, _b, _c;
+    const { initialFormat, persistenceUnit, unitsProvider, onUnitsChange } = props;
+    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) => {
+        // istanbul ignore else
+        if (formatProps.composite && formatProps.composite.units.length > index && index >= 0) {
+            const units = formatProps.composite.units.map((entry, ndx) => {
+                // istanbul ignore else
+                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") {
+            // istanbul ignore else
+            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] }] :
+                /* istanbul ignore next*/ [{ name: unitParts[1], label: unitParts[2] }];
+            const composite = { ...formatProps.composite, units };
+            const newFormatProps = { ...formatProps, composite };
+            handleSetFormatProps(newFormatProps);
+        }
+        else {
+            // istanbul ignore else
+            if (formatProps.composite && formatProps.composite.units.length > index && index >= 0) {
+                const units = formatProps.composite.units.map((entry, ndx) => {
+                    // istanbul ignore else
+                    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) => {
+        // istanbul ignore else
+        if (formatProps.composite) {
+            const spacerValue = e.target.value.length ? e.target.value[0] : /* istanbul ignore next */ ""; // spacer can only be empty or a single character
+            const composite = { ...formatProps.composite, spacer: spacerValue };
+            const newFormatProps = { ...formatProps, composite };
+            handleSetFormatProps(newFormatProps);
+        }
+    }, [formatProps, handleSetFormatProps]);
+    const compositeSpacer = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.compositeSpacer"));
+    return (React.createElement(React.Fragment, null,
+        ((_a = formatProps.composite) === null || _a === void 0 ? void 0 : _a.units)
+            ?
+                formatProps.composite.units.map((value, index) => {
+                    var _a;
+                    return React.createElement(UnitDescr, { key: value.name, name: value.name, label: (_a = value.label) !== null && _a !== void 0 ? _a : "", 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, { key: persistenceUnit.name, name: persistenceUnit.name, label: persistenceUnit.label, unitsProvider: unitsProvider, index: 0, onUnitChange: handleUnitChange, onLabelChange: handleUnitLabelChange }),
+        (((_b = formatProps.composite) === null || _b === void 0 ? void 0 : _b.units) && formatProps.composite.units.length > 1) &&
+            React.createElement(React.Fragment, null,
+                React.createElement("span", { key: "composite-spacer-label", className: "uicore-label" }, compositeSpacer.current),
+                React.createElement(Input, { key: "composite-spacer", "data-testid": "composite-spacer", value: (_c = formatProps.composite.spacer) !== null && _c !== void 0 ? _c : "", onChange: handleOnSpacerChange, size: "small" }))));
+}
 //# sourceMappingURL=FormatUnits.js.map

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

@@ -1,22 +1,22 @@
-/** @packageDocumentation
- * @module QuantityFormat
- */
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-import { FormatProps } from "@itwin/core-quantity";
-/** Properties of [[MiscFormatOptions]] component.
- * @alpha
- */
-export interface MiscFormatOptionsProps extends CommonProps {
-    formatProps: FormatProps;
-    onChange?: (format: FormatProps) => void;
-    enableMinimumProperties?: boolean;
-    showOptions: boolean;
-    onShowHideOptions: (show: boolean) => void;
-    children?: React.ReactNode;
-}
-/** Component use to set miscellaneous properties is a Formatted Quantity.
- * @alpha
- */
-export declare function MiscFormatOptions(props: MiscFormatOptionsProps): JSX.Element;
+/** @packageDocumentation
+ * @module QuantityFormat
+ */
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+import { FormatProps } from "@itwin/core-quantity";
+/** Properties of [[MiscFormatOptions]] component.
+ * @alpha
+ */
+export interface MiscFormatOptionsProps extends CommonProps {
+    formatProps: FormatProps;
+    onChange?: (format: FormatProps) => void;
+    enableMinimumProperties?: boolean;
+    showOptions: boolean;
+    onShowHideOptions: (show: boolean) => void;
+    children?: React.ReactNode;
+}
+/** Component use to set miscellaneous properties is a Formatted Quantity.
+ * @alpha
+ */
+export declare function MiscFormatOptions(props: MiscFormatOptionsProps): JSX.Element;
 //# sourceMappingURL=MiscFormatOptions.d.ts.map