npm - @itwin/imodel-components-react - Versions diffs - 3.1.0-dev.26 → 3.1.0-dev.31 - Mend

@itwin/imodel-components-react 3.1.0-dev.26 → 3.1.0-dev.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/lib/cjs/imodel-components-react/timeline/TimelineComponent.js CHANGED Viewed

@@ -34,13 +34,13 @@ require("./TimelineComponent.scss");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
 const components_react_1 = require("@itwin/components-react");
 const UiIModelComponents_1 = require("../UiIModelComponents");
 const InlineEdit_1 = require("./InlineEdit");
 const interfaces_1 = require("./interfaces");
 const PlayerButton_1 = require("./PlayerButton");
 const Scrubber_1 = require("./Scrubber");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 // cspell:ignore millisec
 const slowSpeed = 60 * 1000;
 const mediumSpeed = 20 * 1000;
@@ -55,7 +55,6 @@ class TimelineComponent extends React.Component {
         this._timeLastCycle = 0;
         this._requestFrame = 0;
         this._unmounted = false;
-        this._settings = null;
         this._standardTimelineMenuItems = [
             { label: UiIModelComponents_1.UiIModelComponents.translate("timeline.slow"), timelineDuration: slowSpeed },
             { label: UiIModelComponents_1.UiIModelComponents.translate("timeline.medium"), timelineDuration: mediumSpeed },
@@ -180,16 +179,10 @@ class TimelineComponent extends React.Component {
             const milliseconds = this._getMilliseconds(value);
             this._onSetTotalDuration(milliseconds);
         };
-        this._onSettingsClick = () => {
-            this.setState((prevState) => ({ isSettingsOpen: !prevState.isSettingsOpen }));
-        };
-        this._onCloseSettings = () => {
-            this.setState({ isSettingsOpen: false });
-        };
         this._changeRepeatSetting = (newValue) => {
             // istanbul ignore else
             if (newValue !== undefined) {
-                this.setState(() => ({ repeat: newValue, isSettingsOpen: false }), () => {
+                this.setState(() => ({ repeat: newValue }), () => {
                     // istanbul ignore else
                     if (this.props.onSettingsChange) {
                         this.props.onSettingsChange({ loop: this.state.repeat });
@@ -198,7 +191,7 @@ class TimelineComponent extends React.Component {
             }
         };
         this._onRepeatChanged = () => {
-            this.setState((prevState) => ({ repeat: !prevState.repeat, isSettingsOpen: false }), () => {
+            this.setState((prevState) => ({ repeat: !prevState.repeat }), () => {
                 // istanbul ignore else
                 if (this.props.onSettingsChange) {
                     this.props.onSettingsChange({ loop: this.state.repeat });
@@ -214,7 +207,7 @@ class TimelineComponent extends React.Component {
             return new Date();
         };
         this._onSetTotalDuration = (milliseconds) => {
-            this.setState({ totalDuration: milliseconds, isSettingsOpen: false }, () => {
+            this.setState({ totalDuration: milliseconds }, () => {
                 // istanbul ignore else
                 if (this.props.onSettingsChange) {
                     this.props.onSettingsChange({ duration: milliseconds });
@@ -222,31 +215,40 @@ class TimelineComponent extends React.Component {
             });
         };
         this._renderSettings = () => {
-            const { totalDuration } = this.state;
-            let contextMenuItems = [];
-            if (!this.props.appMenuItems) {
-                contextMenuItems = this._standardTimelineMenuItems;
-            }
-            else {
-                if (this.props.appMenuItemOption === "append") {
-                    contextMenuItems = this._standardTimelineMenuItems.concat(this.props.appMenuItems);
-                }
-                else if (this.props.appMenuItemOption === "prefix") {
-                    contextMenuItems = this.props.appMenuItems.concat(this._standardTimelineMenuItems);
+            const createMenuItemNodes = (close) => {
+                const { totalDuration } = this.state;
+                let contextMenuItems = [];
+                if (!this.props.appMenuItems) {
+                    contextMenuItems = this._standardTimelineMenuItems;
                 }
                 else {
-                    contextMenuItems = this.props.appMenuItems;
+                    if (this.props.appMenuItemOption === "append") {
+                        contextMenuItems = this._standardTimelineMenuItems.concat(this.props.appMenuItems);
+                    }
+                    else if (this.props.appMenuItemOption === "prefix") {
+                        contextMenuItems = this.props.appMenuItems.concat(this._standardTimelineMenuItems);
+                    }
+                    else {
+                        contextMenuItems = this.props.appMenuItems;
+                    }
                 }
-            }
-            return (React.createElement(React.Fragment, null,
-                React.createElement("span", { "data-testid": "timeline-settings", className: "timeline-settings icon icon-more-vertical-2", ref: (element) => this._settings = element, onClick: this._onSettingsClick, role: "button", tabIndex: -1, title: components_react_1.UiComponents.translate("button.label.settings") }),
-                React.createElement(core_react_1.ContextMenu, { opened: this.state.isSettingsOpen, onOutsideClick: this._onCloseSettings, direction: core_react_1.ContextMenuDirection.BottomRight, "data-testid": "timeline-contextmenu-div" },
-                    this.state.includeRepeat && React.createElement(core_react_1.ContextMenuItem, { icon: this.state.repeat && "icon icon-checkmark", onSelect: this._onRepeatChanged }, this._repeatLabel),
-                    this.state.includeRepeat && React.createElement("div", { className: "separator", role: "separator" }),
-                    this._createMenuItemNodes(contextMenuItems, totalDuration))));
+                const itemNodes = [];
+                let keyIndex = 0;
+                if (this.state.includeRepeat) {
+                    const checked = this.state.repeat;
+                    const icon = checked ? React.createElement("span", { className: "icon icon-checkmark" }) : React.createElement("span", null);
+                    itemNodes.push(React.createElement(itwinui_react_1.MenuItem, { key: ++keyIndex, onClick: () => { this._onRepeatChanged(); close(); }, icon: icon }, this._repeatLabel));
+                    itemNodes.push(React.createElement(itwinui_react_1.MenuDivider, { key: ++keyIndex }));
+                }
+                contextMenuItems.forEach((item, index) => {
+                    itemNodes.push(this._createMenuItemNode(item, index + keyIndex + 1, totalDuration, close));
+                });
+                return itemNodes;
+            };
+            return (React.createElement(itwinui_react_1.DropdownMenu, { menuItems: createMenuItemNodes },
+                React.createElement("span", { "data-testid": "timeline-settings", className: "timeline-settings icon icon-more-vertical-2", role: "button", tabIndex: -1, title: components_react_1.UiComponents.translate("button.label.settings") })));
         };
         this.state = {
-            isSettingsOpen: false,
             isPlaying: false,
             minimized: true,
             currentDuration: props.initialDuration ? props.initialDuration : /* istanbul ignore next */ 0,
@@ -318,22 +320,11 @@ class TimelineComponent extends React.Component {
             return Number(time) * 1000;
         }
     }
-    _createMenuItemNodes(itemList, currentTimelineDuration) {
-        const itemNodes = [];
-        itemList.forEach((item, index) => {
-            const reactItem = this._createMenuItemNode(item, index, currentTimelineDuration);
-            // istanbul ignore else
-            if (reactItem)
-                itemNodes.push(reactItem);
-        });
-        return itemNodes;
-    }
-    _createMenuItemNode(item, index, currentTimelineDuration) {
-        let node = null;
+    _createMenuItemNode(item, index, currentTimelineDuration, close) {
         const label = item.label;
-        const iconSpec = currentTimelineDuration === item.timelineDuration ? "icon icon-checkmark" : undefined;
-        node = (React.createElement(core_react_1.ContextMenuItem, { key: index, onSelect: () => this._onSetTotalDuration(item.timelineDuration), icon: iconSpec }, label));
-        return node;
+        const checked = currentTimelineDuration === item.timelineDuration;
+        const icon = checked ? React.createElement("span", { className: "icon icon-checkmark" }) : React.createElement("span", null);
+        return (React.createElement(itwinui_react_1.MenuItem, { key: index, icon: icon, onClick: () => { this._onSetTotalDuration(item.timelineDuration); close(); } }, label));
     }
     render() {
         const { startDate, endDate, showDuration, timeZoneOffset } = this.props;

package/lib/cjs/imodel-components-react/timeline/TimelineComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimelineComponent.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/TimelineComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Timeline\r\n /\r\n\r\nimport \"./TimelineComponent.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { GenericUiEventArgs, UiAdmin } from \"@itwin/appui-abstract\";\r\nimport { ContextMenu, ContextMenuDirection, ContextMenuItem } from \"@itwin/core-react\";\r\nimport { toDateString, toTimeString, UiComponents } from \"@itwin/components-react\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\nimport { InlineEdit } from \"./InlineEdit\";\r\nimport { PlaybackSettings, TimelinePausePlayAction, TimelinePausePlayArgs } from \"./interfaces\";\r\nimport { PlayButton, PlayerButton } from \"./PlayerButton\";\r\nimport { Scrubber } from \"./Scrubber\";\r\n\r\n// cspell:ignore millisec\r\n\r\nconst slowSpeed = 60 * 1000;\r\nconst mediumSpeed = 20 * 1000;\r\nconst fastSpeed = 10 * 1000;\r\n/*\r\n [[TimelineMenuItemOption]]: specifies how the app wants the timeline speeds to be installed on the TimelineComponent's ContextMenu\r\n * \"replace\" : use the app-supplied items in place of the standard items\r\n * \"append\" : add the app-supplied items following the standard items\r\n * \"prefix\" : add the app-supplied items before the standard items\r\n \r\n @public\r\n /\r\nexport type TimelineMenuItemOption = \"replace\" \| \"append\" \| \"prefix\";\r\n/\r\n [[TimelineMenuItemProps]] specifies playback speed entries in the Timeline's ContextMenu\r\n * @public\r\n /\r\nexport interface TimelineMenuItemProps {\r\n /* localized label for menu item /\r\n label: string;\r\n\r\n /* duration for the entire timeline to play /\r\n timelineDuration: number;\r\n}\r\n/* TimelineDateMarkerProps: Mark a date on the timeline with an indicator\r\n * @public\r\n /\r\nexport interface TimelineDateMarkerProps {\r\n /* Date to mark. If undefined, today's date will be used. /\r\n date?: Date;\r\n /* ReactNode to use as the marker on the timeline. If undefined, a short vertical bar will mark the date. /\r\n dateMarker?: React.ReactNode;\r\n}\r\n/\r\n [[TimelineComponentProps]] configure the timeline\r\n * @public\r\n /\r\nexport interface TimelineComponentProps {\r\n /* Start date: beginning of the date range of a date-based timeline. /\r\n startDate?: Date;\r\n /* End date: end of the date range of a date-based timeline. /\r\n endDate?: Date;\r\n /* Total duration: range of the timeline in milliseconds. /\r\n totalDuration: number;\r\n /* Initial value for the current duration (the location of the thumb) in milliseconds /\r\n initialDuration?: number;\r\n /* Show in minimized mode (For future use. This prop will always be treated as true.) /\r\n minimized?: boolean;\r\n /* When playing, repeat indefinitely /\r\n repeat?: boolean;\r\n /* Show duration instead of time /\r\n showDuration?: boolean;\r\n /* Callback with current duration value (as a fraction) /\r\n onChange?: (duration: number) => void;\r\n /* Callback triggered when play/pause button is pressed /\r\n onPlayPause?: (playing: boolean) => void;\r\n /* Callback triggered when backward/forward buttons are pressed /\r\n onJump?: (forward: boolean) => void;\r\n /* Callback triggered when a setting is changed /\r\n onSettingsChange?: (arg: PlaybackSettings) => void;\r\n /* Always display in miniMode with no expand menu (For future use. This prop will always be treated as true) /\r\n alwaysMinimized?: boolean;\r\n /* ComponentId -- must be set to use TimelineComponentEvents /\r\n componentId?: string;\r\n /* Include the repeat option on the Timeline Context Menu /\r\n includeRepeat?: boolean;\r\n /* App-supplied speed entries in the Timeline Context Menu /\r\n appMenuItems?: TimelineMenuItemProps[];\r\n /* How to include the supplied app menu items in the Timeline Context Menu (prefix, append, replace)/\r\n appMenuItemOption?: TimelineMenuItemOption;\r\n /* Display date and time offset by the number of minutes specified. When undefined - local timezone will be used /\r\n timeZoneOffset?: number;\r\n /* Display a marker on the timeline rail to indicate current date - will only work if starDate and endDate are defined /\r\n markDate?: TimelineDateMarkerProps;\r\n\r\n}\r\n/* @internal /\r\ninterface TimelineComponentState {\r\n /* Settings popup is opened or closed /\r\n isSettingsOpen: boolean;\r\n /* True if timeline is currently playing, false if paused /\r\n isPlaying: boolean;\r\n /* Minimized mode (For future use. This will always be true) /\r\n minimized?: boolean;\r\n /* Current duration in milliseconds /\r\n currentDuration: number;\r\n /* Total duration in milliseconds /\r\n totalDuration: number;\r\n /* If true, automatically restart when the timeline is finished playing /\r\n repeat: boolean;\r\n /* If true, include the repeat option in the timeline context menu /\r\n includeRepeat: boolean;\r\n}\r\n\r\n/\r\n [[TimelineComponent]] is used to playback timeline data\r\n * @public\r\n /\r\nexport class TimelineComponent extends React.Component<TimelineComponentProps, TimelineComponentState> {\r\n private _timeLastCycle = 0;\r\n private _requestFrame = 0;\r\n private _unmounted = false;\r\n private _settings: HTMLElement \| null = null;\r\n private _repeatLabel: string;\r\n private _removeListener?: () => void;\r\n private _standardTimelineMenuItems: TimelineMenuItemProps[] = [\r\n { label: UiIModelComponents.translate(\"timeline.slow\"), timelineDuration: slowSpeed },\r\n { label: UiIModelComponents.translate(\"timeline.medium\"), timelineDuration: mediumSpeed },\r\n { label: UiIModelComponents.translate(\"timeline.fast\"), timelineDuration: fastSpeed },\r\n ];\r\n\r\n constructor(props: TimelineComponentProps) {\r\n super(props);\r\n\r\n this.state = {\r\n isSettingsOpen: false,\r\n isPlaying: false,\r\n minimized: true,\r\n currentDuration: props.initialDuration ? props.initialDuration : / istanbul ignore next / 0,\r\n totalDuration: this.props.totalDuration,\r\n repeat: this.props.repeat ? true : false,\r\n includeRepeat: this.props.includeRepeat \|\| this.props.includeRepeat === undefined ? true : false,\r\n };\r\n\r\n this._repeatLabel = UiIModelComponents.translate(\"timeline.repeat\");\r\n // istanbul ignore else\r\n if (this.props.componentId) { // can't handle an event if we have no id\r\n this._removeListener = UiAdmin.onGenericUiEvent.addListener(this._handleTimelinePausePlayEvent);\r\n }\r\n }\r\n\r\n public override componentWillUnmount() {\r\n if (this._removeListener)\r\n this._removeListener();\r\n window.cancelAnimationFrame(this._requestFrame);\r\n this._unmounted = true;\r\n }\r\n\r\n public override shouldComponentUpdate(nextProps: TimelineComponentProps, nextState: TimelineComponentState) {\r\n let result = false;\r\n\r\n // istanbul ignore next\r\n if (nextState !== this.state \|\| nextProps !== this.props \|\|\r\n nextProps.startDate !== this.props.startDate \|\|\r\n nextProps.endDate !== this.props.endDate \|\|\r\n nextProps.initialDuration !== this.props.initialDuration \|\|\r\n nextProps.repeat !== this.props.repeat\r\n )\r\n result = true;\r\n\r\n return result;\r\n }\r\n\r\n public override componentDidUpdate(prevProps: TimelineComponentProps) {\r\n // istanbul ignore else\r\n if (this.props.initialDuration !== prevProps.initialDuration) {\r\n this._setDuration(this.props.initialDuration ? this.props.initialDuration : / istanbul ignore next / 0);\r\n }\r\n\r\n // istanbul ignore else\r\n if (this.props.repeat !== prevProps.repeat) {\r\n this._changeRepeatSetting(this.props.repeat);\r\n }\r\n\r\n // istanbul ignore else\r\n if (this.props.totalDuration !== prevProps.totalDuration) {\r\n this._onSetTotalDuration(this.props.totalDuration);\r\n }\r\n }\r\n private _handleTimelinePausePlayEvent = (args: GenericUiEventArgs): void => {\r\n const timelineArgs = args as TimelinePausePlayArgs;\r\n // istanbul ignore else\r\n if (!timelineArgs \|\| this.props.componentId !== timelineArgs.uiComponentId \|\| timelineArgs.timelineAction === undefined)\r\n return;\r\n\r\n let startPlaying: boolean;\r\n switch (timelineArgs.timelineAction) {\r\n case TimelinePausePlayAction.Play:\r\n startPlaying = true;\r\n break;\r\n case TimelinePausePlayAction.Pause:\r\n startPlaying = false;\r\n break;\r\n case TimelinePausePlayAction.Toggle:\r\n startPlaying = !this.state.isPlaying;\r\n break;\r\n // istanbul ignore next\r\n default:\r\n return; // throw error?\r\n }\r\n if (startPlaying)\r\n this._onPlay();\r\n else\r\n this._onPause();\r\n };\r\n\r\n // user clicked backward button\r\n private _onBackward = () => {\r\n // istanbul ignore else\r\n if (this.props.onJump)\r\n this.props.onJump(false);\r\n };\r\n\r\n // user clicked forward button\r\n private _onForward = () => {\r\n // istanbul ignore else\r\n if (this.props.onJump)\r\n this.props.onJump(true);\r\n };\r\n\r\n // user clicked play button\r\n private _onPlay = () => {\r\n // istanbul ignore if\r\n if (this.state.isPlaying)\r\n return;\r\n\r\n // timeline was complete, restart from the beginning\r\n if (this.state.currentDuration >= this.state.totalDuration) {\r\n this._replay();\r\n } else\r\n this._play();\r\n\r\n // istanbul ignore else\r\n if (this.props.onPlayPause)\r\n this.props.onPlayPause(true);\r\n };\r\n\r\n // user clicked pause button\r\n private _onPause = () => {\r\n // istanbul ignore if\r\n if (!this.state.isPlaying)\r\n return;\r\n\r\n // stop requesting frames\r\n window.cancelAnimationFrame(this._requestFrame);\r\n\r\n // stop playing\r\n this.setState({ isPlaying: false });\r\n\r\n // istanbul ignore else\r\n if (this.props.onPlayPause)\r\n this.props.onPlayPause(false);\r\n };\r\n\r\n // user clicked on timeline rail or dragged scrubber handle\r\n private _onTimelineChange = (values: ReadonlyArray<number>) => {\r\n const currentDuration = values[0];\r\n this._setDuration(currentDuration);\r\n };\r\n\r\n // set the current duration, which will call the OnChange callback\r\n private _setDuration = (currentDuration: number) => {\r\n this._timeLastCycle = new Date().getTime();\r\n // istanbul ignore else\r\n if (!this._unmounted)\r\n this.setState({ currentDuration });\r\n // istanbul ignore else\r\n if (this.props.onChange) {\r\n const fraction = currentDuration / this.state.totalDuration;\r\n this.props.onChange(fraction);\r\n }\r\n };\r\n\r\n // recursively update the animation until we hit the end or the pause button is clicked\r\n private _updateAnimation = (_timestamp: number) => {\r\n // istanbul ignore else\r\n if (!this.state.isPlaying && !this._unmounted) {\r\n return;\r\n }\r\n\r\n // update duration\r\n const currentTime = new Date().getTime();\r\n const millisecondsElapsed = currentTime - this._timeLastCycle;\r\n const duration = this.state.currentDuration + millisecondsElapsed;\r\n this._setDuration(duration);\r\n\r\n // stop the animation!\r\n if (duration >= this.state.totalDuration) {\r\n window.cancelAnimationFrame(this._requestFrame);\r\n this.setState({ isPlaying: false });\r\n if (this.state.repeat)\r\n this._replay();\r\n else {\r\n // istanbul ignore else\r\n if (this.props.onPlayPause)\r\n this.props.onPlayPause(false);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // continue the animation - request the next frame\r\n this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\r\n };\r\n\r\n private _play() {\r\n // start playing\r\n this.setState({ isPlaying: true }, () => {\r\n // request the next frame\r\n this._timeLastCycle = new Date().getTime();\r\n this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\r\n });\r\n }\r\n\r\n private _replay = () => {\r\n // timeline was complete, restart from the beginning\r\n this.setState({ currentDuration: 0 }, (() => this._play()));\r\n };\r\n\r\n private _displayTime(millisec: number) {\r\n const addZero = (i: number) => {\r\n return (i < 10) ? `0${i}` : i;\r\n };\r\n\r\n const date = new Date(millisec);\r\n // const hours = date.getUTCHours();\r\n const minutes = date.getUTCMinutes();\r\n const seconds = date.getUTCSeconds();\r\n return `${addZero(minutes)}:${addZero(seconds)}`;\r\n }\r\n\r\n private _getMilliseconds(time: string) {\r\n // istanbul ignore else - WIP\r\n if (time.indexOf(\":\") !== -1) {\r\n return (Number(time.split(\":\")[0]) 60 + Number(time.split(\":\")[1])) * 1000;\r\n } else {\r\n return Number(time) * 1000;\r\n }\r\n }\r\n\r\n // user changed the total duration\r\n private _onTotalDurationChange = (value: string) => {\r\n // NOTE: we should reset the current duration to 0\r\n const milliseconds = this._getMilliseconds(value);\r\n this._onSetTotalDuration(milliseconds);\r\n };\r\n\r\n private _onSettingsClick = () => {\r\n this.setState((prevState) => ({ isSettingsOpen: !prevState.isSettingsOpen }));\r\n };\r\n\r\n private _onCloseSettings = () => {\r\n this.setState({ isSettingsOpen: false });\r\n };\r\n\r\n private _changeRepeatSetting = (newValue?: boolean) => {\r\n // istanbul ignore else\r\n if (newValue !== undefined) {\r\n this.setState(\r\n () => ({ repeat: newValue, isSettingsOpen: false }),\r\n () => {\r\n // istanbul ignore else\r\n if (this.props.onSettingsChange) {\r\n this.props.onSettingsChange({ loop: this.state.repeat });\r\n }\r\n });\r\n }\r\n };\r\n\r\n private _onRepeatChanged = () => {\r\n this.setState(\r\n (prevState) => ({ repeat: !prevState.repeat, isSettingsOpen: false }),\r\n () => {\r\n // istanbul ignore else\r\n if (this.props.onSettingsChange) {\r\n this.props.onSettingsChange({ loop: this.state.repeat });\r\n }\r\n });\r\n };\r\n\r\n private _currentDate = (): Date => {\r\n const fraction = this.state.currentDuration / this.state.totalDuration;\r\n if (this.props.endDate && this.props.startDate) {\r\n const timeElapsed = (this.props.endDate.getTime() - this.props.startDate.getTime()) * fraction;\r\n return new Date(this.props.startDate.getTime() + timeElapsed);\r\n }\r\n return new Date();\r\n };\r\n\r\n private _onSetTotalDuration = (milliseconds: number) => {\r\n this.setState(\r\n { totalDuration: milliseconds, isSettingsOpen: false },\r\n () => {\r\n // istanbul ignore else\r\n if (this.props.onSettingsChange) {\r\n this.props.onSettingsChange({ duration: milliseconds });\r\n }\r\n });\r\n };\r\n private _createMenuItemNodes(itemList: TimelineMenuItemProps[], currentTimelineDuration: number): React.ReactNode[] {\r\n const itemNodes: React.ReactNode[] = [];\r\n\r\n itemList.forEach((item: TimelineMenuItemProps, index: number) => {\r\n const reactItem = this._createMenuItemNode(item, index, currentTimelineDuration);\r\n // istanbul ignore else\r\n if (reactItem)\r\n itemNodes.push(reactItem);\r\n });\r\n\r\n return itemNodes;\r\n }\r\n\r\n private _createMenuItemNode(item: TimelineMenuItemProps, index: number, currentTimelineDuration: number): React.ReactNode {\r\n let node: React.ReactNode = null;\r\n const label = item.label;\r\n const iconSpec = currentTimelineDuration === item.timelineDuration ? \"icon icon-checkmark\" : undefined;\r\n\r\n node = (\r\n <ContextMenuItem key={index} onSelect={() => this._onSetTotalDuration(item.timelineDuration)} icon={iconSpec} >\r\n {label}\r\n </ContextMenuItem>\r\n );\r\n return node;\r\n }\r\n\r\n private _renderSettings = () => {\r\n const { totalDuration } = this.state;\r\n let contextMenuItems: Array<TimelineMenuItemProps> = [];\r\n\r\n if (!this.props.appMenuItems) {\r\n contextMenuItems = this._standardTimelineMenuItems;\r\n } else {\r\n if (this.props.appMenuItemOption === \"append\") {\r\n contextMenuItems = this._standardTimelineMenuItems.concat(this.props.appMenuItems);\r\n } else if (this.props.appMenuItemOption === \"prefix\") {\r\n contextMenuItems = this.props.appMenuItems.concat(this._standardTimelineMenuItems);\r\n } else {\r\n contextMenuItems = this.props.appMenuItems;\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n <span data-testid=\"timeline-settings\" className=\"timeline-settings icon icon-more-vertical-2\" ref={(element) => this._settings = element} onClick={this._onSettingsClick}\r\n role=\"button\" tabIndex={-1} title={UiComponents.translate(\"button.label.settings\")}\r\n ></span>\r\n <ContextMenu opened={this.state.isSettingsOpen} onOutsideClick={this._onCloseSettings} direction={ContextMenuDirection.BottomRight} data-testid=\"timeline-contextmenu-div\">\r\n {this.state.includeRepeat && <ContextMenuItem icon={this.state.repeat && \"icon icon-checkmark\"} onSelect={this._onRepeatChanged}>{this._repeatLabel}</ContextMenuItem>}\r\n {this.state.includeRepeat && <div className=\"separator\" role=\"separator\" />}\r\n {this._createMenuItemNodes(contextMenuItems, totalDuration)}\r\n </ContextMenu>\r\n </>\r\n );\r\n };\r\n\r\n public override render() {\r\n const { startDate, endDate, showDuration, timeZoneOffset } = this.props;\r\n const { currentDuration, totalDuration, minimized } = this.state;\r\n const currentDate = this._currentDate();\r\n const durationString = this._displayTime(currentDuration);\r\n const totalDurationString = this._displayTime(totalDuration);\r\n const hasDates = !!startDate && !!endDate;\r\n\r\n return (\r\n <div data-testid=\"timeline-component\" className={classnames(\"timeline-component\", !!minimized && \"minimized\", hasDates && \"has-dates\")} >\r\n <div className=\"header\">\r\n <PlayButton className=\"play-button\" isPlaying={this.state.isPlaying} onPlay={this._onPlay} onPause={this._onPause} data-testid=\"timeline-play\" />\r\n <PlayerButton className=\"play-backward\" icon=\"icon-caret-left\" onClick={this._onBackward}\r\n title={UiIModelComponents.translate(\"timeline.backward\")} />\r\n <PlayerButton className=\"play-button-step\" icon=\"icon-media-controls-circular-play\"\r\n isPlaying={this.state.isPlaying} onPlay={this._onPlay} onPause={this._onPause}\r\n title={UiIModelComponents.translate(\"timeline.step\")} />\r\n <PlayerButton className=\"play-forward\" icon=\"icon-caret-right\" onClick={this._onForward}\r\n title={UiIModelComponents.translate(\"timeline.backward\")} />\r\n <span className=\"current-date\">{toDateString(currentDate, timeZoneOffset)}</span>\r\n </div>\r\n <div className=\"scrubber\">\r\n <PlayButton className=\"play-button\" isPlaying={this.state.isPlaying} onPlay={this._onPlay} onPause={this._onPause} />\r\n <div className=\"start-time-container\">\r\n {hasDates && <span data-testid=\"test-start-date\" className=\"start-date\">{toDateString(startDate, timeZoneOffset)}</span>}\r\n {hasDates && !showDuration && <span data-testid=\"test-start-time\" className=\"start-time\">{toTimeString(startDate, timeZoneOffset)}</span>}\r\n {showDuration && <span className=\"duration-start-time\">{durationString}</span>}\r\n </div>\r\n <Scrubber\r\n className=\"slider\"\r\n currentDuration={this.state.currentDuration}\r\n totalDuration={totalDuration}\r\n startDate={startDate}\r\n endDate={endDate}\r\n isPlaying={this.state.isPlaying}\r\n inMiniMode={!!minimized}\r\n showTime={!showDuration}\r\n onChange={this._onTimelineChange}\r\n onUpdate={this._onTimelineChange}\r\n timeZoneOffset={this.props.timeZoneOffset}\r\n markDate={this.props.markDate}\r\n />\r\n <div className=\"end-time-container\">\r\n {hasDates && <span className=\"end-date\">{toDateString(endDate, timeZoneOffset)}</span>}\r\n {hasDates && !showDuration && <span className=\"end-time\">{toTimeString(endDate, timeZoneOffset)}</span>}\r\n {showDuration && <InlineEdit className=\"duration-end-time\" defaultValue={totalDurationString} onChange={this._onTotalDurationChange} />}\r\n </div>\r\n {minimized && this._renderSettings()}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"TimelineComponent.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/TimelineComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module Timeline\r\n /\r\n\r\nimport \"./TimelineComponent.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { GenericUiEventArgs, UiAdmin } from \"@itwin/appui-abstract\";\r\nimport { toDateString, toTimeString, UiComponents } from \"@itwin/components-react\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\nimport { InlineEdit } from \"./InlineEdit\";\r\nimport { PlaybackSettings, TimelinePausePlayAction, TimelinePausePlayArgs } from \"./interfaces\";\r\nimport { PlayButton, PlayerButton } from \"./PlayerButton\";\r\nimport { Scrubber } from \"./Scrubber\";\r\nimport { DropdownMenu, MenuDivider, MenuItem } from \"@itwin/itwinui-react\";\r\n\r\n// cspell:ignore millisec\r\n\r\nconst slowSpeed = 60 * 1000;\r\nconst mediumSpeed = 20 * 1000;\r\nconst fastSpeed = 10 * 1000;\r\n/*\r\n [[TimelineMenuItemOption]]: specifies how the app wants the timeline speeds to be installed on the TimelineComponent's ContextMenu\r\n * \"replace\" : use the app-supplied items in place of the standard items\r\n * \"append\" : add the app-supplied items following the standard items\r\n * \"prefix\" : add the app-supplied items before the standard items\r\n \r\n @public\r\n /\r\nexport type TimelineMenuItemOption = \"replace\" \| \"append\" \| \"prefix\";\r\n/\r\n [[TimelineMenuItemProps]] specifies playback speed entries in the Timeline's ContextMenu\r\n * @public\r\n /\r\nexport interface TimelineMenuItemProps {\r\n /* localized label for menu item /\r\n label: string;\r\n\r\n /* duration for the entire timeline to play /\r\n timelineDuration: number;\r\n}\r\n/* TimelineDateMarkerProps: Mark a date on the timeline with an indicator\r\n * @public\r\n /\r\nexport interface TimelineDateMarkerProps {\r\n /* Date to mark. If undefined, today's date will be used. /\r\n date?: Date;\r\n /* ReactNode to use as the marker on the timeline. If undefined, a short vertical bar will mark the date. /\r\n dateMarker?: React.ReactNode;\r\n}\r\n/\r\n [[TimelineComponentProps]] configure the timeline\r\n * @public\r\n /\r\nexport interface TimelineComponentProps {\r\n /* Start date: beginning of the date range of a date-based timeline. /\r\n startDate?: Date;\r\n /* End date: end of the date range of a date-based timeline. /\r\n endDate?: Date;\r\n /* Total duration: range of the timeline in milliseconds. /\r\n totalDuration: number;\r\n /* Initial value for the current duration (the location of the thumb) in milliseconds /\r\n initialDuration?: number;\r\n /* Show in minimized mode (For future use. This prop will always be treated as true.) /\r\n minimized?: boolean;\r\n /* When playing, repeat indefinitely /\r\n repeat?: boolean;\r\n /* Show duration instead of time /\r\n showDuration?: boolean;\r\n /* Callback with current duration value (as a fraction) /\r\n onChange?: (duration: number) => void;\r\n /* Callback triggered when play/pause button is pressed /\r\n onPlayPause?: (playing: boolean) => void;\r\n /* Callback triggered when backward/forward buttons are pressed /\r\n onJump?: (forward: boolean) => void;\r\n /* Callback triggered when a setting is changed /\r\n onSettingsChange?: (arg: PlaybackSettings) => void;\r\n /* Always display in miniMode with no expand menu (For future use. This prop will always be treated as true) /\r\n alwaysMinimized?: boolean;\r\n /* ComponentId -- must be set to use TimelineComponentEvents /\r\n componentId?: string;\r\n /* Include the repeat option on the Timeline Context Menu /\r\n includeRepeat?: boolean;\r\n /* App-supplied speed entries in the Timeline Context Menu /\r\n appMenuItems?: TimelineMenuItemProps[];\r\n /* How to include the supplied app menu items in the Timeline Context Menu (prefix, append, replace)/\r\n appMenuItemOption?: TimelineMenuItemOption;\r\n /* Display date and time offset by the number of minutes specified. When undefined - local timezone will be used /\r\n timeZoneOffset?: number;\r\n /* Display a marker on the timeline rail to indicate current date - will only work if starDate and endDate are defined /\r\n markDate?: TimelineDateMarkerProps;\r\n\r\n}\r\n/* @internal /\r\ninterface TimelineComponentState {\r\n /* True if timeline is currently playing, false if paused /\r\n isPlaying: boolean;\r\n /* Minimized mode (For future use. This will always be true) /\r\n minimized?: boolean;\r\n /* Current duration in milliseconds /\r\n currentDuration: number;\r\n /* Total duration in milliseconds /\r\n totalDuration: number;\r\n /* If true, automatically restart when the timeline is finished playing /\r\n repeat: boolean;\r\n /* If true, include the repeat option in the timeline context menu /\r\n includeRepeat: boolean;\r\n}\r\n\r\n/\r\n [[TimelineComponent]] is used to playback timeline data\r\n * @public\r\n /\r\nexport class TimelineComponent extends React.Component<TimelineComponentProps, TimelineComponentState> {\r\n private _timeLastCycle = 0;\r\n private _requestFrame = 0;\r\n private _unmounted = false;\r\n private _repeatLabel: string;\r\n private _removeListener?: () => void;\r\n private _standardTimelineMenuItems: TimelineMenuItemProps[] = [\r\n { label: UiIModelComponents.translate(\"timeline.slow\"), timelineDuration: slowSpeed },\r\n { label: UiIModelComponents.translate(\"timeline.medium\"), timelineDuration: mediumSpeed },\r\n { label: UiIModelComponents.translate(\"timeline.fast\"), timelineDuration: fastSpeed },\r\n ];\r\n\r\n constructor(props: TimelineComponentProps) {\r\n super(props);\r\n\r\n this.state = {\r\n isPlaying: false,\r\n minimized: true,\r\n currentDuration: props.initialDuration ? props.initialDuration : / istanbul ignore next / 0,\r\n totalDuration: this.props.totalDuration,\r\n repeat: this.props.repeat ? true : false,\r\n includeRepeat: this.props.includeRepeat \|\| this.props.includeRepeat === undefined ? true : false,\r\n };\r\n\r\n this._repeatLabel = UiIModelComponents.translate(\"timeline.repeat\");\r\n // istanbul ignore else\r\n if (this.props.componentId) { // can't handle an event if we have no id\r\n this._removeListener = UiAdmin.onGenericUiEvent.addListener(this._handleTimelinePausePlayEvent);\r\n }\r\n }\r\n\r\n public override componentWillUnmount() {\r\n if (this._removeListener)\r\n this._removeListener();\r\n window.cancelAnimationFrame(this._requestFrame);\r\n this._unmounted = true;\r\n }\r\n\r\n public override shouldComponentUpdate(nextProps: TimelineComponentProps, nextState: TimelineComponentState) {\r\n let result = false;\r\n\r\n // istanbul ignore next\r\n if (nextState !== this.state \|\| nextProps !== this.props \|\|\r\n nextProps.startDate !== this.props.startDate \|\|\r\n nextProps.endDate !== this.props.endDate \|\|\r\n nextProps.initialDuration !== this.props.initialDuration \|\|\r\n nextProps.repeat !== this.props.repeat\r\n )\r\n result = true;\r\n\r\n return result;\r\n }\r\n\r\n public override componentDidUpdate(prevProps: TimelineComponentProps) {\r\n // istanbul ignore else\r\n if (this.props.initialDuration !== prevProps.initialDuration) {\r\n this._setDuration(this.props.initialDuration ? this.props.initialDuration : / istanbul ignore next / 0);\r\n }\r\n\r\n // istanbul ignore else\r\n if (this.props.repeat !== prevProps.repeat) {\r\n this._changeRepeatSetting(this.props.repeat);\r\n }\r\n\r\n // istanbul ignore else\r\n if (this.props.totalDuration !== prevProps.totalDuration) {\r\n this._onSetTotalDuration(this.props.totalDuration);\r\n }\r\n }\r\n private _handleTimelinePausePlayEvent = (args: GenericUiEventArgs): void => {\r\n const timelineArgs = args as TimelinePausePlayArgs;\r\n // istanbul ignore else\r\n if (!timelineArgs \|\| this.props.componentId !== timelineArgs.uiComponentId \|\| timelineArgs.timelineAction === undefined)\r\n return;\r\n\r\n let startPlaying: boolean;\r\n switch (timelineArgs.timelineAction) {\r\n case TimelinePausePlayAction.Play:\r\n startPlaying = true;\r\n break;\r\n case TimelinePausePlayAction.Pause:\r\n startPlaying = false;\r\n break;\r\n case TimelinePausePlayAction.Toggle:\r\n startPlaying = !this.state.isPlaying;\r\n break;\r\n // istanbul ignore next\r\n default:\r\n return; // throw error?\r\n }\r\n if (startPlaying)\r\n this._onPlay();\r\n else\r\n this._onPause();\r\n };\r\n\r\n // user clicked backward button\r\n private _onBackward = () => {\r\n // istanbul ignore else\r\n if (this.props.onJump)\r\n this.props.onJump(false);\r\n };\r\n\r\n // user clicked forward button\r\n private _onForward = () => {\r\n // istanbul ignore else\r\n if (this.props.onJump)\r\n this.props.onJump(true);\r\n };\r\n\r\n // user clicked play button\r\n private _onPlay = () => {\r\n // istanbul ignore if\r\n if (this.state.isPlaying)\r\n return;\r\n\r\n // timeline was complete, restart from the beginning\r\n if (this.state.currentDuration >= this.state.totalDuration) {\r\n this._replay();\r\n } else\r\n this._play();\r\n\r\n // istanbul ignore else\r\n if (this.props.onPlayPause)\r\n this.props.onPlayPause(true);\r\n };\r\n\r\n // user clicked pause button\r\n private _onPause = () => {\r\n // istanbul ignore if\r\n if (!this.state.isPlaying)\r\n return;\r\n\r\n // stop requesting frames\r\n window.cancelAnimationFrame(this._requestFrame);\r\n\r\n // stop playing\r\n this.setState({ isPlaying: false });\r\n\r\n // istanbul ignore else\r\n if (this.props.onPlayPause)\r\n this.props.onPlayPause(false);\r\n };\r\n\r\n // user clicked on timeline rail or dragged scrubber handle\r\n private _onTimelineChange = (values: ReadonlyArray<number>) => {\r\n const currentDuration = values[0];\r\n this._setDuration(currentDuration);\r\n };\r\n\r\n // set the current duration, which will call the OnChange callback\r\n private _setDuration = (currentDuration: number) => {\r\n this._timeLastCycle = new Date().getTime();\r\n // istanbul ignore else\r\n if (!this._unmounted)\r\n this.setState({ currentDuration });\r\n // istanbul ignore else\r\n if (this.props.onChange) {\r\n const fraction = currentDuration / this.state.totalDuration;\r\n this.props.onChange(fraction);\r\n }\r\n };\r\n\r\n // recursively update the animation until we hit the end or the pause button is clicked\r\n private _updateAnimation = (_timestamp: number) => {\r\n // istanbul ignore else\r\n if (!this.state.isPlaying && !this._unmounted) {\r\n return;\r\n }\r\n\r\n // update duration\r\n const currentTime = new Date().getTime();\r\n const millisecondsElapsed = currentTime - this._timeLastCycle;\r\n const duration = this.state.currentDuration + millisecondsElapsed;\r\n this._setDuration(duration);\r\n\r\n // stop the animation!\r\n if (duration >= this.state.totalDuration) {\r\n window.cancelAnimationFrame(this._requestFrame);\r\n this.setState({ isPlaying: false });\r\n if (this.state.repeat)\r\n this._replay();\r\n else {\r\n // istanbul ignore else\r\n if (this.props.onPlayPause)\r\n this.props.onPlayPause(false);\r\n }\r\n\r\n return;\r\n }\r\n\r\n // continue the animation - request the next frame\r\n this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\r\n };\r\n\r\n private _play() {\r\n // start playing\r\n this.setState({ isPlaying: true }, () => {\r\n // request the next frame\r\n this._timeLastCycle = new Date().getTime();\r\n this._requestFrame = window.requestAnimationFrame(this._updateAnimation);\r\n });\r\n }\r\n\r\n private _replay = () => {\r\n // timeline was complete, restart from the beginning\r\n this.setState({ currentDuration: 0 }, (() => this._play()));\r\n };\r\n\r\n private _displayTime(millisec: number) {\r\n const addZero = (i: number) => {\r\n return (i < 10) ? `0${i}` : i;\r\n };\r\n\r\n const date = new Date(millisec);\r\n // const hours = date.getUTCHours();\r\n const minutes = date.getUTCMinutes();\r\n const seconds = date.getUTCSeconds();\r\n return `${addZero(minutes)}:${addZero(seconds)}`;\r\n }\r\n\r\n private _getMilliseconds(time: string) {\r\n // istanbul ignore else - WIP\r\n if (time.indexOf(\":\") !== -1) {\r\n return (Number(time.split(\":\")[0]) 60 + Number(time.split(\":\")[1])) * 1000;\r\n } else {\r\n return Number(time) * 1000;\r\n }\r\n }\r\n\r\n // user changed the total duration\r\n private _onTotalDurationChange = (value: string) => {\r\n // NOTE: we should reset the current duration to 0\r\n const milliseconds = this._getMilliseconds(value);\r\n this._onSetTotalDuration(milliseconds);\r\n };\r\n\r\n private _changeRepeatSetting = (newValue?: boolean) => {\r\n // istanbul ignore else\r\n if (newValue !== undefined) {\r\n this.setState(\r\n () => ({ repeat: newValue}),\r\n () => {\r\n // istanbul ignore else\r\n if (this.props.onSettingsChange) {\r\n this.props.onSettingsChange({ loop: this.state.repeat });\r\n }\r\n });\r\n }\r\n };\r\n\r\n private _onRepeatChanged = () => {\r\n this.setState(\r\n (prevState) => ({ repeat: !prevState.repeat}),\r\n () => {\r\n // istanbul ignore else\r\n if (this.props.onSettingsChange) {\r\n this.props.onSettingsChange({ loop: this.state.repeat });\r\n }\r\n });\r\n };\r\n\r\n private _currentDate = (): Date => {\r\n const fraction = this.state.currentDuration / this.state.totalDuration;\r\n if (this.props.endDate && this.props.startDate) {\r\n const timeElapsed = (this.props.endDate.getTime() - this.props.startDate.getTime()) * fraction;\r\n return new Date(this.props.startDate.getTime() + timeElapsed);\r\n }\r\n return new Date();\r\n };\r\n\r\n private _onSetTotalDuration = (milliseconds: number) => {\r\n this.setState(\r\n { totalDuration: milliseconds},\r\n () => {\r\n // istanbul ignore else\r\n if (this.props.onSettingsChange) {\r\n this.props.onSettingsChange({ duration: milliseconds });\r\n }\r\n });\r\n };\r\n\r\n private _createMenuItemNode(item: TimelineMenuItemProps, index: number, currentTimelineDuration: number, close: () => void): JSX.Element {\r\n const label = item.label;\r\n const checked = currentTimelineDuration === item.timelineDuration;\r\n const icon = checked ? <span className=\"icon icon-checkmark\" />:<span />;\r\n return (\r\n <MenuItem key={index} icon={icon}\r\n onClick={() => {this._onSetTotalDuration(item.timelineDuration); close();}} >\r\n {label}\r\n </MenuItem>\r\n );\r\n }\r\n\r\n private _renderSettings = () => {\r\n const createMenuItemNodes = (close: () => void): JSX.Element[] => {\r\n\r\n const { totalDuration } = this.state;\r\n let contextMenuItems: Array<TimelineMenuItemProps> = [];\r\n\r\n if (!this.props.appMenuItems) {\r\n contextMenuItems = this._standardTimelineMenuItems;\r\n } else {\r\n if (this.props.appMenuItemOption === \"append\") {\r\n contextMenuItems = this._standardTimelineMenuItems.concat(this.props.appMenuItems);\r\n } else if (this.props.appMenuItemOption === \"prefix\") {\r\n contextMenuItems = this.props.appMenuItems.concat(this._standardTimelineMenuItems);\r\n } else {\r\n contextMenuItems = this.props.appMenuItems;\r\n }\r\n }\r\n\r\n const itemNodes: JSX.Element[] = [];\r\n let keyIndex = 0;\r\n if (this.state.includeRepeat) {\r\n const checked = this.state.repeat;\r\n const icon = checked ? <span className=\"icon icon-checkmark\" />:<span />;\r\n itemNodes.push (<MenuItem key={++keyIndex} onClick={()=>{this._onRepeatChanged(); close();}} icon={icon}>\r\n {this._repeatLabel}\r\n </MenuItem>);\r\n itemNodes.push (<MenuDivider key={++keyIndex} />);\r\n }\r\n\r\n contextMenuItems.forEach((item: TimelineMenuItemProps, index: number) => {\r\n itemNodes.push(this._createMenuItemNode(item, index+keyIndex+1, totalDuration, close));\r\n });\r\n\r\n return itemNodes;\r\n };\r\n\r\n return (\r\n <DropdownMenu menuItems={createMenuItemNodes}>\r\n <span data-testid=\"timeline-settings\" className=\"timeline-settings icon icon-more-vertical-2\"\r\n role=\"button\" tabIndex={-1} title={UiComponents.translate(\"button.label.settings\")}\r\n ></span>\r\n </DropdownMenu>\r\n );\r\n };\r\n\r\n public override render() {\r\n const { startDate, endDate, showDuration, timeZoneOffset } = this.props;\r\n const { currentDuration, totalDuration, minimized } = this.state;\r\n const currentDate = this._currentDate();\r\n const durationString = this._displayTime(currentDuration);\r\n const totalDurationString = this._displayTime(totalDuration);\r\n const hasDates = !!startDate && !!endDate;\r\n\r\n return (\r\n <div data-testid=\"timeline-component\" className={classnames(\"timeline-component\", !!minimized && \"minimized\", hasDates && \"has-dates\")} >\r\n <div className=\"header\">\r\n <PlayButton className=\"play-button\" isPlaying={this.state.isPlaying} onPlay={this._onPlay} onPause={this._onPause} data-testid=\"timeline-play\" />\r\n <PlayerButton className=\"play-backward\" icon=\"icon-caret-left\" onClick={this._onBackward}\r\n title={UiIModelComponents.translate(\"timeline.backward\")} />\r\n <PlayerButton className=\"play-button-step\" icon=\"icon-media-controls-circular-play\"\r\n isPlaying={this.state.isPlaying} onPlay={this._onPlay} onPause={this._onPause}\r\n title={UiIModelComponents.translate(\"timeline.step\")} />\r\n <PlayerButton className=\"play-forward\" icon=\"icon-caret-right\" onClick={this._onForward}\r\n title={UiIModelComponents.translate(\"timeline.backward\")} />\r\n <span className=\"current-date\">{toDateString(currentDate, timeZoneOffset)}</span>\r\n </div>\r\n <div className=\"scrubber\">\r\n <PlayButton className=\"play-button\" isPlaying={this.state.isPlaying} onPlay={this._onPlay} onPause={this._onPause} />\r\n <div className=\"start-time-container\">\r\n {hasDates && <span data-testid=\"test-start-date\" className=\"start-date\">{toDateString(startDate, timeZoneOffset)}</span>}\r\n {hasDates && !showDuration && <span data-testid=\"test-start-time\" className=\"start-time\">{toTimeString(startDate, timeZoneOffset)}</span>}\r\n {showDuration && <span className=\"duration-start-time\">{durationString}</span>}\r\n </div>\r\n <Scrubber\r\n className=\"slider\"\r\n currentDuration={this.state.currentDuration}\r\n totalDuration={totalDuration}\r\n startDate={startDate}\r\n endDate={endDate}\r\n isPlaying={this.state.isPlaying}\r\n inMiniMode={!!minimized}\r\n showTime={!showDuration}\r\n onChange={this._onTimelineChange}\r\n onUpdate={this._onTimelineChange}\r\n timeZoneOffset={this.props.timeZoneOffset}\r\n markDate={this.props.markDate}\r\n />\r\n <div className=\"end-time-container\">\r\n {hasDates && <span className=\"end-date\">{toDateString(endDate, timeZoneOffset)}</span>}\r\n {hasDates && !showDuration && <span className=\"end-time\">{toTimeString(endDate, timeZoneOffset)}</span>}\r\n {showDuration && <InlineEdit className=\"duration-end-time\" defaultValue={totalDurationString} onChange={this._onTotalDurationChange} />}\r\n </div>\r\n {minimized && this._renderSettings()}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/lib/cjs/imodel-components-react.d.ts CHANGED Viewed

@@ -27,7 +27,6 @@ export * from "./imodel-components-react/quantityformat/MiscFormatOptions";
 export * from "./imodel-components-react/quantityformat/QuantityFormatPanel";
 export * from "./imodel-components-react/timeline/interfaces";
 export * from "./imodel-components-react/timeline/BaseTimelineDataProvider";
-export * from "./imodel-components-react/timeline/ContextMenu";
 export * from "./imodel-components-react/timeline/InlineEdit";
 export * from "./imodel-components-react/timeline/PlayerButton";
 export * from "./imodel-components-react/timeline/Scrubber";

package/lib/cjs/imodel-components-react.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"imodel-components-react.d.ts","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AAEvD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AAErE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AAExE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,+DAA+D,CAAC;AAE9E,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8DAA8D,CAAC;AAE7E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6DAA6D,CAAC;AAC5E,cAAc~~,gDAAgD,CAAC;AAC/D,cAAc~~,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,0DAA0D,CAAC;AAEzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAE3E;;;;GAIG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG"}
1	+ {"version":3,"file":"imodel-components-react.d.ts","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AAEvD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AAErE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AAExE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,+DAA+D,CAAC;AAE9E,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8DAA8D,CAAC;AAE7E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,0DAA0D,CAAC;AAEzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAE3E;;;;GAIG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG"}

package/lib/cjs/imodel-components-react.js CHANGED Viewed

@@ -46,7 +46,6 @@ __exportStar(require("./imodel-components-react/quantityformat/MiscFormatOptions
 __exportStar(require("./imodel-components-react/quantityformat/QuantityFormatPanel"), exports);
 __exportStar(require("./imodel-components-react/timeline/interfaces"), exports);
 __exportStar(require("./imodel-components-react/timeline/BaseTimelineDataProvider"), exports);
-__exportStar(require("./imodel-components-react/timeline/ContextMenu"), exports);
 __exportStar(require("./imodel-components-react/timeline/InlineEdit"), exports);
 __exportStar(require("./imodel-components-react/timeline/PlayerButton"), exports);
 __exportStar(require("./imodel-components-react/timeline/Scrubber"), exports);

package/lib/cjs/imodel-components-react.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;;;;;;;;;;;AAE/F,qEAAqE;AAErE,mFAAkF;AAAzE,wHAAA,kBAAkB,OAAA;AAE3B,8EAA4D;AAC5D,oFAAkE;AAClE,oFAAkE;AAClE,mFAAiE;AACjE,mFAAiE;AACjE,qFAAmE;AACnE,4EAA0D;AAC1D,mFAAiE;AACjE,yEAAuD;AAEvD,gFAA8D;AAC9D,iFAA+D;AAE/D,iFAA+D;AAC/D,uFAAqE;AAErE,8EAA4D;AAC5D,0FAAwE;AAExE,gFAA8D;AAC9D,6FAA2E;AAC3E,gGAA8E;AAE9E,uFAAqE;AACrE,2FAAyE;AACzE,wFAAsE;AACtE,sFAAoE;AACpE,2FAAyE;AACzE,uFAAqE;AACrE,6FAA2E;AAC3E,+FAA6E;AAE7E,gFAA8D;AAC9D,8FAA4E;AAC5E,~~iFAA+D;AAC/D,~~gFAA8D;AAC9D,kFAAgE;AAChE,8EAA4D;AAC5D,uFAAqE;AACrE,mFAAiE;AACjE,2FAAyE;AAEzE,uFAAqE;AACrE,6FAA2E;AAE3E;;;;GAIG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n\r\n// cSpell:ignore iconpicker lineweight hocs datepicker quantityformat\r\n\r\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents\";\r\n\r\nexport * from \"./imodel-components-react/color/AlphaSlider\";\r\nexport * from \"./imodel-components-react/color/ColorPickerButton\";\r\nexport * from \"./imodel-components-react/color/ColorPickerDialog\";\r\nexport * from \"./imodel-components-react/color/ColorPickerPanel\";\r\nexport * from \"./imodel-components-react/color/ColorPickerPopup\";\r\nexport * from \"./imodel-components-react/color/getCSSColorFromDef\";\r\nexport * from \"./imodel-components-react/color/HueSlider\";\r\nexport * from \"./imodel-components-react/color/SaturationPicker\";\r\nexport * from \"./imodel-components-react/color/Swatch\";\r\n\r\nexport * from \"./imodel-components-react/editors/ColorEditor\";\r\nexport * from \"./imodel-components-react/editors/WeightEditor\";\r\n\r\nexport * from \"./imodel-components-react/inputs/QuantityInput\";\r\nexport * from \"./imodel-components-react/inputs/QuantityNumberInput\";\r\n\r\nexport * from \"./imodel-components-react/lineweight/Swatch\";\r\nexport * from \"./imodel-components-react/lineweight/WeightPickerButton\";\r\n\r\nexport * from \"./imodel-components-react/navigationaids/Cube\";\r\nexport * from \"./imodel-components-react/navigationaids/CubeNavigationAid\";\r\nexport * from \"./imodel-components-react/navigationaids/DrawingNavigationAid\";\r\n\r\nexport * from \"./imodel-components-react/quantityformat/FormatPanel\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatPrecision\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatSample\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatType\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatUnitLabel\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatUnits\";\r\nexport * from \"./imodel-components-react/quantityformat/MiscFormatOptions\";\r\nexport * from \"./imodel-components-react/quantityformat/QuantityFormatPanel\";\r\n\r\nexport * from \"./imodel-components-react/timeline/interfaces\";\r\nexport * from \"./imodel-components-react/timeline/BaseTimelineDataProvider\";\r\nexport * from \"./imodel-components-react/timeline/~~ContextMenu\";\r\nexport * from \"./imodel-components-react/timeline/~~InlineEdit\";\r\nexport * from \"./imodel-components-react/timeline/PlayerButton\";\r\nexport * from \"./imodel-components-react/timeline/Scrubber\";\r\nexport * from \"./imodel-components-react/timeline/TimelineComponent\";\r\nexport * from \"./imodel-components-react/timeline/SolarTimeline\";\r\nexport * from \"./imodel-components-react/timeline/BaseSolarDataProvider\";\r\n\r\nexport * from \"./imodel-components-react/viewport/ViewportComponent\";\r\nexport * from \"./imodel-components-react/viewport/ViewportComponentEvents\";\r\n\r\n/** @docs-package-description\r\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\r\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\r\n * For more information, see [learning about imodel-components-react]($docs/learning/ui/imodel-components/index.md).\r\n /\r\n/\r\n @docs-group-description Color\r\n * Classes and components for working with and picking a Color.\r\n /\r\n/\r\n @docs-group-description Common\r\n * Common classes used across various UI components.\r\n /\r\n/\r\n @docs-group-description Cube\r\n * Component for 3D Cube.\r\n /\r\n/\r\n @docs-group-description Inputs\r\n * Input Components that format and parse input for IModelApps.\r\n /\r\n/\r\n @docs-group-description LineWeight\r\n * Classes and components for working with and picking a Line Weight.\r\n /\r\n/\r\n @docs-group-description NavigationAids\r\n * Classes and components for working with Navigation Aids.\r\n /\r\n/\r\n @docs-group-description PropertyEditors\r\n * Classes and components for working with Property Editors.\r\n /\r\n/\r\n @docs-group-description QuantityFormat\r\n * Classes and components for working with a Quantity Formats.\r\n /\r\n/\r\n @docs-group-description Timeline\r\n * Classes and components that provide a timeline\r\n /\r\n/\r\n @docs-group-description Viewport\r\n * Classes and components for working with a Viewport.\r\n */\r\n"]}
1	+ {"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;;;;;;;;;;;AAE/F,qEAAqE;AAErE,mFAAkF;AAAzE,wHAAA,kBAAkB,OAAA;AAE3B,8EAA4D;AAC5D,oFAAkE;AAClE,oFAAkE;AAClE,mFAAiE;AACjE,mFAAiE;AACjE,qFAAmE;AACnE,4EAA0D;AAC1D,mFAAiE;AACjE,yEAAuD;AAEvD,gFAA8D;AAC9D,iFAA+D;AAE/D,iFAA+D;AAC/D,uFAAqE;AAErE,8EAA4D;AAC5D,0FAAwE;AAExE,gFAA8D;AAC9D,6FAA2E;AAC3E,gGAA8E;AAE9E,uFAAqE;AACrE,2FAAyE;AACzE,wFAAsE;AACtE,sFAAoE;AACpE,2FAAyE;AACzE,uFAAqE;AACrE,6FAA2E;AAC3E,+FAA6E;AAE7E,gFAA8D;AAC9D,8FAA4E;AAC5E,gFAA8D;AAC9D,kFAAgE;AAChE,8EAA4D;AAC5D,uFAAqE;AACrE,mFAAiE;AACjE,2FAAyE;AAEzE,uFAAqE;AACrE,6FAA2E;AAE3E;;;;GAIG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n\r\n// cSpell:ignore iconpicker lineweight hocs datepicker quantityformat\r\n\r\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents\";\r\n\r\nexport * from \"./imodel-components-react/color/AlphaSlider\";\r\nexport * from \"./imodel-components-react/color/ColorPickerButton\";\r\nexport * from \"./imodel-components-react/color/ColorPickerDialog\";\r\nexport * from \"./imodel-components-react/color/ColorPickerPanel\";\r\nexport * from \"./imodel-components-react/color/ColorPickerPopup\";\r\nexport * from \"./imodel-components-react/color/getCSSColorFromDef\";\r\nexport * from \"./imodel-components-react/color/HueSlider\";\r\nexport * from \"./imodel-components-react/color/SaturationPicker\";\r\nexport * from \"./imodel-components-react/color/Swatch\";\r\n\r\nexport * from \"./imodel-components-react/editors/ColorEditor\";\r\nexport * from \"./imodel-components-react/editors/WeightEditor\";\r\n\r\nexport * from \"./imodel-components-react/inputs/QuantityInput\";\r\nexport * from \"./imodel-components-react/inputs/QuantityNumberInput\";\r\n\r\nexport * from \"./imodel-components-react/lineweight/Swatch\";\r\nexport * from \"./imodel-components-react/lineweight/WeightPickerButton\";\r\n\r\nexport * from \"./imodel-components-react/navigationaids/Cube\";\r\nexport * from \"./imodel-components-react/navigationaids/CubeNavigationAid\";\r\nexport * from \"./imodel-components-react/navigationaids/DrawingNavigationAid\";\r\n\r\nexport * from \"./imodel-components-react/quantityformat/FormatPanel\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatPrecision\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatSample\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatType\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatUnitLabel\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatUnits\";\r\nexport * from \"./imodel-components-react/quantityformat/MiscFormatOptions\";\r\nexport * from \"./imodel-components-react/quantityformat/QuantityFormatPanel\";\r\n\r\nexport * from \"./imodel-components-react/timeline/interfaces\";\r\nexport * from \"./imodel-components-react/timeline/BaseTimelineDataProvider\";\r\nexport * from \"./imodel-components-react/timeline/InlineEdit\";\r\nexport * from \"./imodel-components-react/timeline/PlayerButton\";\r\nexport * from \"./imodel-components-react/timeline/Scrubber\";\r\nexport * from \"./imodel-components-react/timeline/TimelineComponent\";\r\nexport * from \"./imodel-components-react/timeline/SolarTimeline\";\r\nexport * from \"./imodel-components-react/timeline/BaseSolarDataProvider\";\r\n\r\nexport * from \"./imodel-components-react/viewport/ViewportComponent\";\r\nexport * from \"./imodel-components-react/viewport/ViewportComponentEvents\";\r\n\r\n/** @docs-package-description\r\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\r\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\r\n * For more information, see [learning about imodel-components-react]($docs/learning/ui/imodel-components/index.md).\r\n /\r\n/\r\n @docs-group-description Color\r\n * Classes and components for working with and picking a Color.\r\n /\r\n/\r\n @docs-group-description Common\r\n * Common classes used across various UI components.\r\n /\r\n/\r\n @docs-group-description Cube\r\n * Component for 3D Cube.\r\n /\r\n/\r\n @docs-group-description Inputs\r\n * Input Components that format and parse input for IModelApps.\r\n /\r\n/\r\n @docs-group-description LineWeight\r\n * Classes and components for working with and picking a Line Weight.\r\n /\r\n/\r\n @docs-group-description NavigationAids\r\n * Classes and components for working with Navigation Aids.\r\n /\r\n/\r\n @docs-group-description PropertyEditors\r\n * Classes and components for working with Property Editors.\r\n /\r\n/\r\n @docs-group-description QuantityFormat\r\n * Classes and components for working with a Quantity Formats.\r\n /\r\n/\r\n @docs-group-description Timeline\r\n * Classes and components that provide a timeline\r\n /\r\n/\r\n @docs-group-description Viewport\r\n * Classes and components for working with a Viewport.\r\n */\r\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormatPrecision.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,~~EAAU~~,WAAW,~~EAAc~~,MAAM,sBAAsB,CAAC;~~AAKvE~~;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoB1D"}
1	+ {"version":3,"file":"FormatPrecision.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAA+B,MAAM,sBAAsB,CAAC;AAKhF;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoB1D"}

package/lib/esm/imodel-components-react/quantityformat/FormatPrecision.js CHANGED Viewed

@@ -6,7 +6,7 @@
  * @module QuantityFormat
  */
 import * as React from "react";
-import { Format, FormatType } from "@itwin/core-quantity";
+import { FormatType, parseFormatType } from "@itwin/core-quantity";
 import { DecimalPrecisionSelector } from "./misc/DecimalPrecision";
 import { FractionPrecisionSelector } from "./misc/FractionPrecision";
 import { UiIModelComponents } from "../UiIModelComponents";
@@ -20,7 +20,7 @@ export function FormatPrecision(props) {
         const newFormatProps = { ...formatProps, precision };
         onChange && onChange(newFormatProps);
     }, [formatProps, onChange]);
-    const formatType = Format.parseFormatType(formatProps.type, "format");
+    const formatType = parseFormatType(formatProps.type, "format");
     const label = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.precision"));
     return (React.createElement(React.Fragment, null,
         React.createElement("span", { className: "uicore-label" }, label.current),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormatPrecision.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,~~EAAE,MAAM,~~EAAe,UAAU,EAAE,MAAM,sBAAsB,CAAC;~~AACvE~~,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAU3D;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;;IACzD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACpE,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,CAAC;QACrD,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,~~MAAM,CAAC,~~eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;~~IAEtE~~,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC5F,OAAO,CACL;QACE,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAC,OAAO,CAAQ;QACtD,UAAU,KAAK,UAAU,CAAC,UAAU,CAAC,CAAC;YACrC,oBAAC,yBAAyB,mBAAa,6BAA6B,EAAC,SAAS,EAAE,MAAA,WAAW,CAAC,SAAS,mCAAI,CAAC,EAAE,QAAQ,EAAE,qBAAqB,GAAI,CAAC,CAAC;YACjJ,oBAAC,wBAAwB,mBAAa,4BAA4B,EAAC,SAAS,EAAE,MAAA,WAAW,CAAC,SAAS,mCAAI,CAAC,EAAE,QAAQ,EAAE,qBAAqB,GAAI,CAE9I,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ~~Format,~~ FormatProps, FormatType } from \"@itwin/core-quantity\";\r\nimport { DecimalPrecisionSelector } from \"./misc/DecimalPrecision\";\r\nimport { FractionPrecisionSelector } from \"./misc/FractionPrecision\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\n\r\n/** Properties of [[FormatPrecision]] component.\r\n * @alpha\r\n /\r\nexport interface FormatPrecisionProps extends CommonProps {\r\n formatProps: FormatProps;\r\n onChange?: (format: FormatProps) => void;\r\n}\r\n\r\n/* Component to show/edit Quantity Format Precision.\r\n * @alpha\r\n */\r\nexport function FormatPrecision(props: FormatPrecisionProps) {\r\n const { formatProps, onChange } = props;\r\n\r\n const handlePrecisionChange = React.useCallback((precision: number) => {\r\n const newFormatProps = { ...formatProps, precision };\r\n onChange && onChange(newFormatProps);\r\n }, [formatProps, onChange]);\r\n\r\n const formatType = ~~Format.~~parseFormatType(formatProps.type, \"format\");\r\n\r\n const label = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.precision\"));\r\n return (\r\n <>\r\n <span className={\"uicore-label\"}>{label.current}</span>\r\n {formatType === FormatType.Fractional ?\r\n <FractionPrecisionSelector data-testid=\"fraction-precision-selector\" precision={formatProps.precision ?? 0} onChange={handlePrecisionChange} /> :\r\n <DecimalPrecisionSelector data-testid=\"decimal-precision-selector\" precision={formatProps.precision ?? 0} onChange={handlePrecisionChange} />\r\n }\r\n </>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"FormatPrecision.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatPrecision.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAU3D;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;;IACzD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACpE,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,CAAC;QACrD,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC5F,OAAO,CACL;QACE,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAC,OAAO,CAAQ;QACtD,UAAU,KAAK,UAAU,CAAC,UAAU,CAAC,CAAC;YACrC,oBAAC,yBAAyB,mBAAa,6BAA6B,EAAC,SAAS,EAAE,MAAA,WAAW,CAAC,SAAS,mCAAI,CAAC,EAAE,QAAQ,EAAE,qBAAqB,GAAI,CAAC,CAAC;YACjJ,oBAAC,wBAAwB,mBAAa,4BAA4B,EAAC,SAAS,EAAE,MAAA,WAAW,CAAC,SAAS,mCAAI,CAAC,EAAE,QAAQ,EAAE,qBAAqB,GAAI,CAE9I,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { FormatProps, FormatType, parseFormatType } from \"@itwin/core-quantity\";\r\nimport { DecimalPrecisionSelector } from \"./misc/DecimalPrecision\";\r\nimport { FractionPrecisionSelector } from \"./misc/FractionPrecision\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\n\r\n/** Properties of [[FormatPrecision]] component.\r\n * @alpha\r\n /\r\nexport interface FormatPrecisionProps extends CommonProps {\r\n formatProps: FormatProps;\r\n onChange?: (format: FormatProps) => void;\r\n}\r\n\r\n/* Component to show/edit Quantity Format Precision.\r\n * @alpha\r\n */\r\nexport function FormatPrecision(props: FormatPrecisionProps) {\r\n const { formatProps, onChange } = props;\r\n\r\n const handlePrecisionChange = React.useCallback((precision: number) => {\r\n const newFormatProps = { ...formatProps, precision };\r\n onChange && onChange(newFormatProps);\r\n }, [formatProps, onChange]);\r\n\r\n const formatType = parseFormatType(formatProps.type, \"format\");\r\n\r\n const label = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.precision\"));\r\n return (\r\n <>\r\n <span className={\"uicore-label\"}>{label.current}</span>\r\n {formatType === FormatType.Fractional ?\r\n <FractionPrecisionSelector data-testid=\"fraction-precision-selector\" precision={formatProps.precision ?? 0} onChange={handlePrecisionChange} /> :\r\n <DecimalPrecisionSelector data-testid=\"decimal-precision-selector\" precision={formatProps.precision ?? 0} onChange={handlePrecisionChange} />\r\n }\r\n </>\r\n );\r\n}\r\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormatType.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,~~EAA4B~~,WAAW,~~EAAmD~~,MAAM,sBAAsB,CAAC;~~AAgC9H~~;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAoC5D"}
1	+ {"version":3,"file":"FormatType.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAoB,WAAW,EAErC,MAAM,sBAAsB,CAAC;AAgC9B;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAoC5D"}

package/lib/esm/imodel-components-react/quantityformat/FormatType.js CHANGED Viewed

@@ -7,7 +7,7 @@
  */
 import * as React from "react";
 import { UiIModelComponents } from "../UiIModelComponents";
-import { DecimalPrecision, Format, FormatType, FractionalPrecision, ScientificType } from "@itwin/core-quantity";
+import { DecimalPrecision, FormatType, formatTypeToString, FractionalPrecision, parseFormatType, ScientificType, scientificTypeToString, } from "@itwin/core-quantity";
 import { Select } from "@itwin/itwinui-react";
 /** Component to select the format type.
  * @alpha
@@ -32,14 +32,14 @@ export function FormatTypeOption(props) {
     const { formatProps, onChange } = props;
     const handleFormatTypeChange = React.useCallback((newType) => {
         var _a;
-        const type = Format.formatTypeToString(newType);
+        const type = formatTypeToString(newType);
         let precision;
         let stationOffsetSize;
         let scientificType;
         switch (newType) { // type must be decimal, fractional, scientific, or station
             case FormatType.Scientific:
                 precision = DecimalPrecision.Six;
-                scientificType = Format.scientificTypeToString(ScientificType.Normalized);
+                scientificType = scientificTypeToString(ScientificType.Normalized);
                 break;
             case FormatType.Decimal:
                 precision = DecimalPrecision.Four;
@@ -55,7 +55,7 @@ export function FormatTypeOption(props) {
         const newFormatProps = { ...formatProps, type, precision, scientificType, stationOffsetSize };
         onChange && onChange(newFormatProps);
     }, [formatProps, onChange]);
-    const formatType = Format.parseFormatType(formatProps.type, "format");
+    const formatType = parseFormatType(formatProps.type, "format");
     const label = React.useRef(UiIModelComponents.translate("QuantityFormat.labels.type"));
     return (React.createElement(React.Fragment, null,
         React.createElement("span", { className: "uicore-label.current" }, label.current),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormatType.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,~~EAAE,MAAM,~~EAAe,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;~~AAC9H~~,OAAO,EAAE,MAAM,EAAgB,MAAM,sBAAsB,CAAC;AAU5D;;GAEG;AACH,SAAS,kBAAkB,CAAC,KAA8B;IACxD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA6B;QAC7D,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE;QAC5F,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,2BAA2B,CAAC,EAAE;QAClG,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,wBAAwB,CAAC,EAAE;QAC5F,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,2BAA2B,CAAC,EAAE;KACnG,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAoB,EAAE,EAAE;QAChE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,KAAK,UAAU,GAAI,CAC/G,CAAC;AACJ,CAAC;AAUD;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAmB,EAAE,EAAE;;QACvE,MAAM,IAAI,GAAG,~~MAAM,CAAC,~~kBAAkB,CAAC,OAAO,CAAC,CAAC;~~QAChD~~,IAAI,SAA6B,CAAC;QAClC,IAAI,iBAAqC,CAAC;QAC1C,IAAI,cAAkC,CAAC;QACvC,QAAQ,OAAO,EAAE,EAAE,2DAA2D;YAC5E,KAAK,UAAU,CAAC,UAAU;gBACxB,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC;gBACjC,cAAc,GAAG,~~MAAM,CAAC,~~sBAAsB,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;~~gBAC1E~~,MAAM;YACR,KAAK,UAAU,CAAC,OAAO;gBACrB,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC;gBAClC,MAAM;YACR,KAAK,UAAU,CAAC,OAAO;gBACrB,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC;gBACjC,iBAAiB,GAAG,CAAA,MAAA,WAAW,CAAC,SAAS,0CAAE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnG,MAAM;YACR,KAAK,UAAU,CAAC,UAAU;gBACxB,SAAS,GAAG,mBAAmB,CAAC,KAAK,CAAC;gBACtC,MAAM;SACT;QACD,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC;QAC9F,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,~~MAAM,CAAC,~~eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;~~IACtE~~,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC;IAEvF,OAAO,CACL;QACE,8BAAM,SAAS,EAAE,sBAAsB,IAAG,KAAK,CAAC,OAAO,CAAQ;QAC/D,oBAAC,kBAAkB,mBAAa,sBAAsB,EAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,sBAAsB,GAAI,CAC5G,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\nimport { DecimalPrecision, ~~Format,~~ FormatProps, FormatType, FractionalPrecision, ScientificType } from \"@itwin/core-quantity\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties of [[FormatTypeSelector]] component.\r\n * @alpha\r\n /\r\ninterface FormatTypeSelectorProps extends CommonProps {\r\n type: FormatType;\r\n onChange: (value: FormatType) => void;\r\n}\r\n\r\n/* Component to select the format type.\r\n * @alpha\r\n /\r\nfunction FormatTypeSelector(props: FormatTypeSelectorProps) {\r\n const { type, onChange, ...otherProps } = props;\r\n const formatOptions = React.useRef<SelectOption<FormatType>[]>([\r\n { value: FormatType.Decimal, label: UiIModelComponents.translate(\"QuantityFormat.decimal\") },\r\n { value: FormatType.Scientific, label: UiIModelComponents.translate(\"QuantityFormat.scientific\") },\r\n { value: FormatType.Station, label: UiIModelComponents.translate(\"QuantityFormat.station\") },\r\n { value: FormatType.Fractional, label: UiIModelComponents.translate(\"QuantityFormat.fractional\") },\r\n ]);\r\n\r\n const handleOnChange = React.useCallback((newValue: FormatType) => {\r\n onChange && onChange(newValue);\r\n }, [onChange]);\r\n\r\n return (\r\n <Select options={formatOptions.current} value={type} onChange={handleOnChange} size=\"small\" {...otherProps} />\r\n );\r\n}\r\n\r\n/* Properties of [[FormatTypeOptionProps]] component.\r\n * @alpha\r\n /\r\nexport interface FormatTypeOptionProps extends CommonProps {\r\n formatProps: FormatProps;\r\n onChange?: (format: FormatProps) => void;\r\n}\r\n\r\n/* Component to set the Quantity Format type.\r\n * @alpha\r\n */\r\nexport function FormatTypeOption(props: FormatTypeOptionProps) {\r\n const { formatProps, onChange } = props;\r\n const handleFormatTypeChange = React.useCallback((newType: FormatType) => {\r\n const type = ~~Format.~~formatTypeToString(newType);\r\n let precision: number \| undefined;\r\n let stationOffsetSize: number \| undefined;\r\n let scientificType: string \| undefined;\r\n switch (newType) { // type must be decimal, fractional, scientific, or station\r\n case FormatType.Scientific:\r\n precision = DecimalPrecision.Six;\r\n scientificType = ~~Format.~~scientificTypeToString(ScientificType.Normalized);\r\n break;\r\n case FormatType.Decimal:\r\n precision = DecimalPrecision.Four;\r\n break;\r\n case FormatType.Station:\r\n precision = DecimalPrecision.Two;\r\n stationOffsetSize = formatProps.composite?.units[0].name.toLocaleLowerCase().endsWith(\"m\") ? 3 : 2;\r\n break;\r\n case FormatType.Fractional:\r\n precision = FractionalPrecision.Eight;\r\n break;\r\n }\r\n const newFormatProps = { ...formatProps, type, precision, scientificType, stationOffsetSize };\r\n onChange && onChange(newFormatProps);\r\n }, [formatProps, onChange]);\r\n\r\n const formatType = ~~Format.~~parseFormatType(formatProps.type, \"format\");\r\n const label = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.type\"));\r\n\r\n return (\r\n <>\r\n <span className={\"uicore-label.current\"}>{label.current}</span>\r\n <FormatTypeSelector data-testid=\"format-type-selector\" type={formatType} onChange={handleFormatTypeChange} />\r\n </>\r\n );\r\n}\r\n\r\n"]}
1	+ {"version":3,"file":"FormatType.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatType.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n /\r\n\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\nimport { DecimalPrecision, FormatProps, FormatType, formatTypeToString, FractionalPrecision, parseFormatType,\r\n ScientificType, scientificTypeToString,\r\n} from \"@itwin/core-quantity\";\r\nimport { Select, SelectOption } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties of [[FormatTypeSelector]] component.\r\n * @alpha\r\n /\r\ninterface FormatTypeSelectorProps extends CommonProps {\r\n type: FormatType;\r\n onChange: (value: FormatType) => void;\r\n}\r\n\r\n/* Component to select the format type.\r\n * @alpha\r\n /\r\nfunction FormatTypeSelector(props: FormatTypeSelectorProps) {\r\n const { type, onChange, ...otherProps } = props;\r\n const formatOptions = React.useRef<SelectOption<FormatType>[]>([\r\n { value: FormatType.Decimal, label: UiIModelComponents.translate(\"QuantityFormat.decimal\") },\r\n { value: FormatType.Scientific, label: UiIModelComponents.translate(\"QuantityFormat.scientific\") },\r\n { value: FormatType.Station, label: UiIModelComponents.translate(\"QuantityFormat.station\") },\r\n { value: FormatType.Fractional, label: UiIModelComponents.translate(\"QuantityFormat.fractional\") },\r\n ]);\r\n\r\n const handleOnChange = React.useCallback((newValue: FormatType) => {\r\n onChange && onChange(newValue);\r\n }, [onChange]);\r\n\r\n return (\r\n <Select options={formatOptions.current} value={type} onChange={handleOnChange} size=\"small\" {...otherProps} />\r\n );\r\n}\r\n\r\n/* Properties of [[FormatTypeOptionProps]] component.\r\n * @alpha\r\n /\r\nexport interface FormatTypeOptionProps extends CommonProps {\r\n formatProps: FormatProps;\r\n onChange?: (format: FormatProps) => void;\r\n}\r\n\r\n/* Component to set the Quantity Format type.\r\n * @alpha\r\n */\r\nexport function FormatTypeOption(props: FormatTypeOptionProps) {\r\n const { formatProps, onChange } = props;\r\n const handleFormatTypeChange = React.useCallback((newType: FormatType) => {\r\n const type = formatTypeToString(newType);\r\n let precision: number \| undefined;\r\n let stationOffsetSize: number \| undefined;\r\n let scientificType: string \| undefined;\r\n switch (newType) { // type must be decimal, fractional, scientific, or station\r\n case FormatType.Scientific:\r\n precision = DecimalPrecision.Six;\r\n scientificType = scientificTypeToString(ScientificType.Normalized);\r\n break;\r\n case FormatType.Decimal:\r\n precision = DecimalPrecision.Four;\r\n break;\r\n case FormatType.Station:\r\n precision = DecimalPrecision.Two;\r\n stationOffsetSize = formatProps.composite?.units[0].name.toLocaleLowerCase().endsWith(\"m\") ? 3 : 2;\r\n break;\r\n case FormatType.Fractional:\r\n precision = FractionalPrecision.Eight;\r\n break;\r\n }\r\n const newFormatProps = { ...formatProps, type, precision, scientificType, stationOffsetSize };\r\n onChange && onChange(newFormatProps);\r\n }, [formatProps, onChange]);\r\n\r\n const formatType = parseFormatType(formatProps.type, \"format\");\r\n const label = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.type\"));\r\n\r\n return (\r\n <>\r\n <span className={\"uicore-label.current\"}>{label.current}</span>\r\n <FormatTypeSelector data-testid=\"format-type-selector\" type={formatType} onChange={handleFormatTypeChange} />\r\n </>\r\n );\r\n}\r\n\r\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormatUnitLabel.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAU,WAAW,~~EAAgB~~,MAAM,sBAAsB,CAAC;~~AAqCzE~~;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAsD1D"}
1	+ {"version":3,"file":"FormatUnitLabel.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAU,WAAW,EAAgC,MAAM,sBAAsB,CAAC;AAqCzF;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAsD1D"}

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

@@ -7,7 +7,7 @@
  */
 import classnames from "classnames";
 import * as React from "react";
-import { Format, FormatTraits } from "@itwin/core-quantity";
+import { Format, FormatTraits, getTraitString } from "@itwin/core-quantity";
 import { Checkbox, Select } from "@itwin/itwinui-react";
 import { UiIModelComponents } from "../UiIModelComponents";
 function UomSeparatorSelector(props) {
@@ -44,7 +44,7 @@ export function FormatUnitLabel(props) {
         return Format.isFormatTraitSetInProps(formatProps, trait);
     }, [formatProps]);
     const setFormatTrait = React.useCallback((trait, setActive) => {
-        const traitStr = Format.getTraitString(trait);
+        const traitStr = getTraitString(trait);
         let formatTraits = [traitStr];
         if (setActive) { // setting trait
             // istanbul ignore else

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormatUnitLabel.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAC;~~AACzE~~,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAgB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAyB;QAC7D,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE;QACzE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,sBAAsB,CAAC,EAAE;QAC3E,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,kBAAkB,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE;KAC3E,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC5D,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,qBAAqB,GAA2B,EAAE,CAAC;QACzD,0GAA0G;QAC1G,IAAI,SAAS,KAAK,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,EAAE;YACxF,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;SACpE;QACD,qBAAqB,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACzD,OAAO,qBAAqB,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,KAAK,UAAU,GAAI,CAC/G,CAAC;AACJ,CAAC;AAUD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;;IACzD,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAqB,EAAE,EAAE;QACvE,iBAAiB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAmB,EAAE,EAAE;QACjE,OAAO,MAAM,CAAC,uBAAuB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAmB,EAAE,SAAkB,EAAE,EAAE;QACnF,MAAM,QAAQ,GAAG,~~MAAM,CAAC,~~cAAc,CAAC,KAAK,CAAC,CAAC;~~QAC9C~~,IAAI,YAAY,GAAa,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAI,SAAS,EAAE,EAAC,gBAAgB;YAC9B,uBAAuB;YACvB,IAAI,WAAW,CAAC,YAAY,EAAE;gBAC5B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACxJ,uBAAuB;gBACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,QAAQ,KAAK,UAAU,CAAC,EAAE;oBACzD,YAAY,GAAG,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,CAAC;iBACtC;aACF;SACF;aAAM,EAAC,iBAAiB;YACvB,uBAAuB;YACvB,IAAI,CAAC,WAAW,CAAC,YAAY;gBAC3B,OAAO;YACT,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACxJ,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;SACvE;QACD,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,YAAY,EAAE,CAAC;QACxD,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAExC,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,YAAoB,EAAE,EAAE;QAC1E,MAAM,cAAc,GAAG,EAAE,GAAG,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;QACtE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAExC,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC7F,cAAc,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAC5G,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,sCAAsC,CAAC,CAAC,CAAC;IAE1G,OAAO,CACL;QACE,8BAAM,SAAS,EAAE,cAAc,IAAG,eAAe,CAAC,OAAO,CAAQ;QACjE,oBAAC,QAAQ,mBAAa,0BAA0B,EAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,yBAAyB,GAAI;QAC/I,8BAAM,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,IAAG,cAAc,CAAC,OAAO,CAAQ;QAChJ,oBAAC,oBAAoB,mBAAa,sBAAsB,EAAC,SAAS,EAAE,MAAA,WAAW,CAAC,YAAY,mCAAI,EAAE,EAAE,QAAQ,EAAE,wBAAwB,EAAE,QAAQ,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,aAAa,CAAC,GAAI,CAClM,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n /\r\n\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Format, FormatProps, FormatTraits } from \"@itwin/core-quantity\";\r\nimport { Checkbox, Select, SelectOption } from \"@itwin/itwinui-react\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\n\r\ninterface UomSeparatorSelectorProps extends CommonProps {\r\n separator: string;\r\n disabled?: boolean;\r\n onChange: (value: string) => void;\r\n}\r\n\r\nfunction UomSeparatorSelector(props: UomSeparatorSelectorProps) {\r\n const { separator, onChange, ...otherProps } = props;\r\n const uomDefaultEntries = React.useRef<SelectOption<string>[]>([\r\n { value: \"\", label: UiIModelComponents.translate(\"QuantityFormat.none\") },\r\n { value: \" \", label: UiIModelComponents.translate(\"QuantityFormat.space\") },\r\n { value: \"-\", label: UiIModelComponents.translate(\"QuantityFormat.dash\") },\r\n ]);\r\n\r\n const handleOnChange = React.useCallback((newValue: string) => {\r\n onChange && onChange(newValue);\r\n }, [onChange]);\r\n\r\n const separatorOptions = React.useMemo(() => {\r\n const completeListOfEntries: SelectOption<string>[] = [];\r\n // istanbul ignore next (only used if format already has a character that does not match standard options)\r\n if (undefined === uomDefaultEntries.current.find((option) => option.value === separator)) {\r\n completeListOfEntries.push({ value: separator, label: separator });\r\n }\r\n completeListOfEntries.push(...uomDefaultEntries.current);\r\n return completeListOfEntries;\r\n }, [separator]);\r\n\r\n return (\r\n <Select options={separatorOptions} value={separator} onChange={handleOnChange} size=\"small\" {...otherProps} />\r\n );\r\n}\r\n\r\n/** Properties of [[FormatUnitLabel]] component.\r\n * @alpha\r\n /\r\nexport interface FormatUnitLabelProps extends CommonProps {\r\n formatProps: FormatProps;\r\n onUnitLabelChange?: (format: FormatProps) => void;\r\n}\r\n\r\n/* Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.\r\n * @alpha\r\n /\r\nexport function FormatUnitLabel(props: FormatUnitLabelProps) {\r\n const { formatProps, onUnitLabelChange } = props;\r\n\r\n const handleSetFormatProps = React.useCallback((newProps: FormatProps) => {\r\n onUnitLabelChange && onUnitLabelChange(newProps);\r\n }, [onUnitLabelChange]);\r\n\r\n const isFormatTraitSet = React.useCallback((trait: FormatTraits) => {\r\n return Format.isFormatTraitSetInProps(formatProps, trait);\r\n }, [formatProps]);\r\n\r\n const setFormatTrait = React.useCallback((trait: FormatTraits, setActive: boolean) => {\r\n const traitStr = ~~Format.~~getTraitString(trait);\r\n let formatTraits: string[] = [traitStr];\r\n if (setActive) {// setting trait\r\n // istanbul ignore else\r\n if (formatProps.formatTraits) {\r\n const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : / istanbul ignore next / formatProps.formatTraits.split(/,\|;\|\\\|/);\r\n // istanbul ignore else\r\n if (!traits.find((traitEntry) => traitStr === traitEntry)) {\r\n formatTraits = [...traits, traitStr];\r\n }\r\n }\r\n } else {// clearing trait\r\n // istanbul ignore next\r\n if (!formatProps.formatTraits)\r\n return;\r\n const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : / istanbul ignore next */ formatProps.formatTraits.split(/,\|;\|\\\|/);\r\n formatTraits = traits.filter((traitEntry) => traitEntry !== traitStr);\r\n }\r\n const newFormatProps = { ...formatProps, formatTraits };\r\n handleSetFormatProps(newFormatProps);\r\n }, [formatProps, handleSetFormatProps]);\r\n\r\n const handleUomSeparatorChange = React.useCallback((newSeparator: string) => {\r\n const newFormatProps = { ...formatProps, uomSeparator: newSeparator };\r\n handleSetFormatProps(newFormatProps);\r\n }, [formatProps, handleSetFormatProps]);\r\n\r\n const handleShowUnitLabelChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setFormatTrait(FormatTraits.ShowUnitLabel, e.target.checked);\r\n }, [setFormatTrait]);\r\n\r\n const appendUnitLabel = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.appendUnitLabel\"));\r\n const labelSeparator = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.labelSeparator\"));\r\n\r\n return (\r\n <>\r\n <span className={\"uicore-label\"}>{appendUnitLabel.current}</span>\r\n <Checkbox data-testid=\"show-unit-label-checkbox\" checked={isFormatTraitSet(FormatTraits.ShowUnitLabel)} onChange={handleShowUnitLabelChange} />\r\n <span className={classnames(\"uicore-label\", !isFormatTraitSet(FormatTraits.ShowUnitLabel) && \"uicore-disabled\")}>{labelSeparator.current}</span>\r\n <UomSeparatorSelector data-testid=\"uom-separator-select\" separator={formatProps.uomSeparator ?? \"\"} onChange={handleUomSeparatorChange} disabled={!isFormatTraitSet(FormatTraits.ShowUnitLabel)} />\r\n </>\r\n );\r\n}\r\n"]}
1	+ {"version":3,"file":"FormatUnitLabel.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/FormatUnitLabel.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\r\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n--------------------------------------------------------------------------------------------/\r\n/** @packageDocumentation\r\n * @module QuantityFormat\r\n /\r\n\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Format, FormatProps, FormatTraits, getTraitString } from \"@itwin/core-quantity\";\r\nimport { Checkbox, Select, SelectOption } from \"@itwin/itwinui-react\";\r\nimport { UiIModelComponents } from \"../UiIModelComponents\";\r\n\r\ninterface UomSeparatorSelectorProps extends CommonProps {\r\n separator: string;\r\n disabled?: boolean;\r\n onChange: (value: string) => void;\r\n}\r\n\r\nfunction UomSeparatorSelector(props: UomSeparatorSelectorProps) {\r\n const { separator, onChange, ...otherProps } = props;\r\n const uomDefaultEntries = React.useRef<SelectOption<string>[]>([\r\n { value: \"\", label: UiIModelComponents.translate(\"QuantityFormat.none\") },\r\n { value: \" \", label: UiIModelComponents.translate(\"QuantityFormat.space\") },\r\n { value: \"-\", label: UiIModelComponents.translate(\"QuantityFormat.dash\") },\r\n ]);\r\n\r\n const handleOnChange = React.useCallback((newValue: string) => {\r\n onChange && onChange(newValue);\r\n }, [onChange]);\r\n\r\n const separatorOptions = React.useMemo(() => {\r\n const completeListOfEntries: SelectOption<string>[] = [];\r\n // istanbul ignore next (only used if format already has a character that does not match standard options)\r\n if (undefined === uomDefaultEntries.current.find((option) => option.value === separator)) {\r\n completeListOfEntries.push({ value: separator, label: separator });\r\n }\r\n completeListOfEntries.push(...uomDefaultEntries.current);\r\n return completeListOfEntries;\r\n }, [separator]);\r\n\r\n return (\r\n <Select options={separatorOptions} value={separator} onChange={handleOnChange} size=\"small\" {...otherProps} />\r\n );\r\n}\r\n\r\n/** Properties of [[FormatUnitLabel]] component.\r\n * @alpha\r\n /\r\nexport interface FormatUnitLabelProps extends CommonProps {\r\n formatProps: FormatProps;\r\n onUnitLabelChange?: (format: FormatProps) => void;\r\n}\r\n\r\n/* Component to set the label separator definition in a Quantity Format and if it the label is to be displayed.\r\n * @alpha\r\n /\r\nexport function FormatUnitLabel(props: FormatUnitLabelProps) {\r\n const { formatProps, onUnitLabelChange } = props;\r\n\r\n const handleSetFormatProps = React.useCallback((newProps: FormatProps) => {\r\n onUnitLabelChange && onUnitLabelChange(newProps);\r\n }, [onUnitLabelChange]);\r\n\r\n const isFormatTraitSet = React.useCallback((trait: FormatTraits) => {\r\n return Format.isFormatTraitSetInProps(formatProps, trait);\r\n }, [formatProps]);\r\n\r\n const setFormatTrait = React.useCallback((trait: FormatTraits, setActive: boolean) => {\r\n const traitStr = getTraitString(trait);\r\n let formatTraits: string[] = [traitStr];\r\n if (setActive) {// setting trait\r\n // istanbul ignore else\r\n if (formatProps.formatTraits) {\r\n const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : / istanbul ignore next / formatProps.formatTraits.split(/,\|;\|\\\|/);\r\n // istanbul ignore else\r\n if (!traits.find((traitEntry) => traitStr === traitEntry)) {\r\n formatTraits = [...traits, traitStr];\r\n }\r\n }\r\n } else {// clearing trait\r\n // istanbul ignore next\r\n if (!formatProps.formatTraits)\r\n return;\r\n const traits = Array.isArray(formatProps.formatTraits) ? formatProps.formatTraits : / istanbul ignore next */ formatProps.formatTraits.split(/,\|;\|\\\|/);\r\n formatTraits = traits.filter((traitEntry) => traitEntry !== traitStr);\r\n }\r\n const newFormatProps = { ...formatProps, formatTraits };\r\n handleSetFormatProps(newFormatProps);\r\n }, [formatProps, handleSetFormatProps]);\r\n\r\n const handleUomSeparatorChange = React.useCallback((newSeparator: string) => {\r\n const newFormatProps = { ...formatProps, uomSeparator: newSeparator };\r\n handleSetFormatProps(newFormatProps);\r\n }, [formatProps, handleSetFormatProps]);\r\n\r\n const handleShowUnitLabelChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setFormatTrait(FormatTraits.ShowUnitLabel, e.target.checked);\r\n }, [setFormatTrait]);\r\n\r\n const appendUnitLabel = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.appendUnitLabel\"));\r\n const labelSeparator = React.useRef(UiIModelComponents.translate(\"QuantityFormat.labels.labelSeparator\"));\r\n\r\n return (\r\n <>\r\n <span className={\"uicore-label\"}>{appendUnitLabel.current}</span>\r\n <Checkbox data-testid=\"show-unit-label-checkbox\" checked={isFormatTraitSet(FormatTraits.ShowUnitLabel)} onChange={handleShowUnitLabelChange} />\r\n <span className={classnames(\"uicore-label\", !isFormatTraitSet(FormatTraits.ShowUnitLabel) && \"uicore-disabled\")}>{labelSeparator.current}</span>\r\n <UomSeparatorSelector data-testid=\"uom-separator-select\" separator={formatProps.uomSeparator ?? \"\"} onChange={handleUomSeparatorChange} disabled={!isFormatTraitSet(FormatTraits.ShowUnitLabel)} />\r\n </>\r\n );\r\n}\r\n"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MiscFormatOptions.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/MiscFormatOptions.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAU,WAAW,~~EAA4D~~,MAAM,sBAAsB,CAAC;~~AASrH~~;;GAEG;AACH,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;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAiL9D"}
1	+ {"version":3,"file":"MiscFormatOptions.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/quantityformat/MiscFormatOptions.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAU,WAAW,EAE3B,MAAM,sBAAsB,CAAC;AAS9B;;GAEG;AACH,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;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAiL9D"}