@itwin/imodel-components-react 3.1.0-dev.6 → 3.2.0-dev.0

package/lib/esm/imodel-components-react.js.map

@@ -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,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","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"]}
+{"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,qEAAqE;AAErE,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","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "3.1.0-dev.6",
+  "version": "3.2.0-dev.0",
   "description": "iTwin.js UI IModel Components",
   "main": "lib/cjs/imodel-components-react.js",
   "module": "lib/esm/imodel-components-react.js",
@@ -21,14 +21,14 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.1.0-dev.6",
-    "@itwin/components-react": "^3.1.0-dev.6",
-    "@itwin/core-bentley": "^3.1.0-dev.6",
-    "@itwin/core-common": "^3.1.0-dev.6",
-    "@itwin/core-frontend": "^3.1.0-dev.6",
-    "@itwin/core-geometry": "^3.1.0-dev.6",
-    "@itwin/core-quantity": "^3.1.0-dev.6",
-    "@itwin/core-react": "^3.1.0-dev.6",
+    "@itwin/appui-abstract": "^3.2.0-dev.0",
+    "@itwin/components-react": "^3.2.0-dev.0",
+    "@itwin/core-bentley": "^3.2.0-dev.0",
+    "@itwin/core-common": "^3.2.0-dev.0",
+    "@itwin/core-frontend": "^3.2.0-dev.0",
+    "@itwin/core-geometry": "^3.2.0-dev.0",
+    "@itwin/core-quantity": "^3.2.0-dev.0",
+    "@itwin/core-react": "^3.2.0-dev.0",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -37,16 +37,16 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "3.1.0-dev.6",
-    "@itwin/build-tools": "3.1.0-dev.6",
-    "@itwin/components-react": "3.1.0-dev.6",
-    "@itwin/core-bentley": "3.1.0-dev.6",
-    "@itwin/core-common": "3.1.0-dev.6",
-    "@itwin/core-frontend": "3.1.0-dev.6",
-    "@itwin/core-geometry": "3.1.0-dev.6",
-    "@itwin/core-quantity": "3.1.0-dev.6",
-    "@itwin/core-react": "3.1.0-dev.6",
-    "@itwin/eslint-plugin": "3.1.0-dev.6",
+    "@itwin/appui-abstract": "3.2.0-dev.0",
+    "@itwin/build-tools": "3.2.0-dev.0",
+    "@itwin/components-react": "3.2.0-dev.0",
+    "@itwin/core-bentley": "3.2.0-dev.0",
+    "@itwin/core-common": "3.2.0-dev.0",
+    "@itwin/core-frontend": "3.2.0-dev.0",
+    "@itwin/core-geometry": "3.2.0-dev.0",
+    "@itwin/core-quantity": "3.2.0-dev.0",
+    "@itwin/core-react": "3.2.0-dev.0",
+    "@itwin/eslint-plugin": "3.2.0-dev.0",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.2.1",
@@ -97,8 +97,8 @@
   ],
   "dependencies": {
     "@bentley/icons-generic-webfont": "^1.0.15",
-    "@itwin/itwinui-css": "^0.37.0",
-    "@itwin/itwinui-react": "~1.28.0",
+    "@itwin/itwinui-css": "0.44.2",
+    "@itwin/itwinui-react": "^1.32.0",
     "callable-instance2": "1.0.0",
     "classnames": "^2.3.1",
     "eventemitter2": "^5.0.1",

package/lib/cjs/imodel-components-react/timeline/ContextMenu.d.ts

@@ -1,55 +0,0 @@
-import "./ContextMenu.scss";
-import * as React from "react";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for [[ContextMenuItem]] component
- * @internal
- * @deprecated
- */
-export interface MenuItem {
-    /** Name of the context menu item */
-    name?: string;
-    /** Optional icon */
-    icon?: string;
-    /** Disabled */
-    disabled?: boolean;
-    /** Checked or not */
-    checked?: boolean;
-    /** Separator */
-    isSeparator?: boolean;
-    /** Called when the item is clicked */
-    onClick?: () => void;
-}
-/**
- * A context menu item.
- * @internal
- * @deprecated
- */
-export declare class ContextMenuItem extends React.Component<MenuItem> {
-    private _onClick;
-    render(): JSX.Element;
-}
-/** Properties for [[ContextMenu]] component
- * @internal
- * @deprecated
- */
-export interface ContextMenuProps extends CommonProps {
-    /** Show or hide the context menu */
-    isOpened: boolean;
-    /** Position the context menu relative to the parent */
-    position: RelativePosition;
-    /** List of context menu items */
-    items?: MenuItem[];
-    /** Called when the mouse is clicked outside the context menu */
-    onClickOutside?: () => void;
-    /** parent element */
-    parent: HTMLElement | null;
-}
-/** Context menu for timeline component
- * @internal
- * @deprecated
- */
-export declare class ContextMenu extends React.Component<ContextMenuProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=ContextMenu.d.ts.map

package/lib/cjs/imodel-components-react/timeline/ContextMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/ContextMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAIvD;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAGD;;;;GAIG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAE5D,OAAO,CAAC,QAAQ,CAMd;IAGc,MAAM;CAqBvB;AAGD;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB;IACrB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAGD;;;GAGG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAEhD,MAAM;CAgBvB"}

package/lib/cjs/imodel-components-react/timeline/ContextMenu.js

@@ -1,82 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenu = exports.ContextMenuItem = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-require("./ContextMenu.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-/* istanbul ignore next */
-/**
- * A context menu item.
- * @internal
- * @deprecated
- */
-class ContextMenuItem extends React.Component {
-    constructor() {
-        super(...arguments);
-        this._onClick = (event) => {
-            event.stopPropagation();
-            // istanbul ignore else
-            if (!this.props.disabled && !this.props.isSeparator && this.props.onClick) {
-                this.props.onClick();
-            }
-        };
-    }
-    // istanbul ignore next - WIP
-    render() {
-        const menuClassName = (0, classnames_1.default)("contextmenu-item-wip", this.props.disabled && "disabled", this.props.checked && "checked");
-        return (React.createElement(React.Fragment, null,
-            this.props.isSeparator && React.createElement("div", { className: "separator", role: "separator" }),
-            !this.props.isSeparator &&
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                React.createElement("li", { className: menuClassName, onClick: this._onClick, role: "menuitem" },
-                    this.props.checked && React.createElement("span", { className: "icon icon-checkmark" }),
-                    (this.props.icon && !this.props.checked) && React.createElement("span", { className: (0, classnames_1.default)("user-icon icon", this.props.icon) }),
-                    React.createElement("span", null, this.props.name))));
-    }
-}
-exports.ContextMenuItem = ContextMenuItem;
-/* istanbul ignore next */
-/** Context menu for timeline component
- * @internal
- * @deprecated
- */
-class ContextMenu extends React.Component {
-    // istanbul ignore next - WIP
-    render() {
-        const { items, parent, position, isOpened, onClickOutside } = this.props;
-        return (React.createElement(core_react_1.Popup, { isOpen: isOpened, target: parent, position: position, onClose: onClickOutside },
-            React.createElement("div", { "data-testid": "timeline-contextmenu-div", className: "contextmenu-wip" },
-                React.createElement("ul", null,
-                    items && items.map((item, index) => (React.createElement(ContextMenuItem, { key: index, name: item.name, icon: item.icon, disabled: item.disabled, onClick: item.onClick, isSeparator: item.isSeparator }))),
-                    this.props.children))));
-    }
-}
-exports.ContextMenu = ContextMenu;
-//# sourceMappingURL=ContextMenu.js.map

package/lib/cjs/imodel-components-react/timeline/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/ContextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,8BAA4B;AAC5B,4DAAoC;AACpC,6CAA+B;AAE/B,kDAAuD;AAuBvD,0BAA0B;AAC1B;;;;GAIG;AACH,MAAa,eAAgB,SAAQ,KAAK,CAAC,SAAmB;IAA9D;;QAEU,aAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;YAChC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACzE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;IAwBJ,CAAC;IAtBC,6BAA6B;IACb,MAAM;QACpB,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,EACjC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAChC,CAAC;QAEF,OAAO,CACL;YACG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,6BAAK,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG;YACxE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;gBACtB,iEAAiE;gBACjE,4BAAI,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,UAAU;oBAClE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,8BAAM,SAAS,EAAC,qBAAqB,GAAG;oBAC9D,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,8BAAM,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI;oBAC/G,kCAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAQ,CAC3B,CAEN,CACJ,CAAC;IACJ,CAAC;CACF;AAhCD,0CAgCC;AAoBD,0BAA0B;AAC1B;;;GAGG;AACH,MAAa,WAAY,SAAQ,KAAK,CAAC,SAA2B;IAChE,6BAA6B;IACb,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzE,OAAO,CACL,oBAAC,kBAAK,IAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc;YAClF,4CAAiB,0BAA0B,EAAC,SAAS,EAAC,iBAAiB;gBACrE;oBACG,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE,CAAC,CACrD,oBAAC,eAAe,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,CACjJ,CAAC;oBAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACD,CACA,CACT,CAAC;IACJ,CAAC;CACF;AAlBD,kCAkBC","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\nimport \"./ContextMenu.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Popup } from \"@itwin/core-react\";\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/* istanbul ignore next */\r\n/** Properties for [[ContextMenuItem]] component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport interface MenuItem {\r\n  /** Name of the context menu item */\r\n  name?: string;\r\n  /** Optional icon */\r\n  icon?: string;\r\n  /** Disabled */\r\n  disabled?: boolean;\r\n  /** Checked or not */\r\n  checked?: boolean;\r\n  /** Separator */\r\n  isSeparator?: boolean;\r\n  /** Called when the item is clicked */\r\n  onClick?: () => void;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/**\r\n * A context menu item.\r\n * @internal\r\n * @deprecated\r\n */\r\nexport class ContextMenuItem extends React.Component<MenuItem> {\r\n\r\n  private _onClick = (event: any) => {\r\n    event.stopPropagation();\r\n    // istanbul ignore else\r\n    if (!this.props.disabled && !this.props.isSeparator && this.props.onClick) {\r\n      this.props.onClick();\r\n    }\r\n  };\r\n\r\n  // istanbul ignore next - WIP\r\n  public override render() {\r\n    const menuClassName = classnames(\r\n      \"contextmenu-item-wip\",\r\n      this.props.disabled && \"disabled\",\r\n      this.props.checked && \"checked\",\r\n    );\r\n\r\n    return (\r\n      <>\r\n        {this.props.isSeparator && <div className=\"separator\" role=\"separator\" />}\r\n        {!this.props.isSeparator &&\r\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n          <li className={menuClassName} onClick={this._onClick} role=\"menuitem\">\r\n            {this.props.checked && <span className=\"icon icon-checkmark\" />}\r\n            {(this.props.icon && !this.props.checked) && <span className={classnames(\"user-icon icon\", this.props.icon)} />}\r\n            <span>{this.props.name}</span>\r\n          </li>\r\n        }\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** Properties for [[ContextMenu]] component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport interface ContextMenuProps extends CommonProps {\r\n  /** Show or hide the context menu */\r\n  isOpened: boolean;\r\n  /** Position the context menu relative to the parent */\r\n  position: RelativePosition;\r\n  /** List of context menu items */\r\n  items?: MenuItem[];\r\n  /** Called when the mouse is clicked outside the context menu */\r\n  onClickOutside?: () => void;\r\n  /** parent element */\r\n  parent: HTMLElement | null;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** Context menu for timeline component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport class ContextMenu extends React.Component<ContextMenuProps> {\r\n  // istanbul ignore next - WIP\r\n  public override render() {\r\n    const { items, parent, position, isOpened, onClickOutside } = this.props;\r\n    return (\r\n      <Popup isOpen={isOpened} target={parent} position={position} onClose={onClickOutside}>\r\n        <div data-testid=\"timeline-contextmenu-div\" className=\"contextmenu-wip\">\r\n          <ul>\r\n            {items && items.map((item: MenuItem, index: number) => (\r\n              <ContextMenuItem key={index} name={item.name} icon={item.icon} disabled={item.disabled} onClick={item.onClick} isSeparator={item.isSeparator} />\r\n            ))\r\n            }\r\n            {this.props.children}\r\n          </ul>\r\n        </div>\r\n      </Popup>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/imodel-components-react/timeline/ContextMenu.scss

@@ -1,81 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-// cspell:ignore contextmenu
-
-.contextmenu-wip {
-  cursor: default;
-  box-sizing: border-box;
-  @include uicore-z-index(context-menu-z);
-  background: $buic-background-1;
-  border-radius: 3px;
-  max-width: 250px;
-
-  >ul {
-    margin: 0;
-    padding: 6px 0;
-    list-style: none;
-
-    >.separator {
-      padding: .5em 0;
-      position: relative;
-
-      &:before {
-        content: '';
-        position: absolute;
-        top: 50%;
-        left: 32px;
-        right: 4px;
-        width: auto;
-        height: 1px;
-        background: #dce0e3;
-        transform: translateY(-50%);
-      }
-    }
-  }
-}
-
-.contextmenu-item-wip {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  padding: .5em 0;
-  color: $buic-foreground-body;
-  font-size: 14px;
-  position: relative;
-  user-select: none;
-
-  >.user-icon,
-  >.icon-checkmark {
-    position: absolute;
-    left: 10px;
-  }
-
-  // text
-  >span:last-child {
-    padding-left: 32px;
-    padding-right: 1em;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  &:hover:not(.disabled) {
-    background: $buic-row-hover;
-    color: $buic-foreground-activehover;
-    cursor: pointer;
-  }
-
-  &.disabled {
-    color: $buic-foreground-disabled;
-    cursor: default;
-  }
-
-  >.icon-checkmark {
-    color: $buic-foreground-primary;
-  }
-}

package/lib/esm/imodel-components-react/timeline/ContextMenu.d.ts

@@ -1,55 +0,0 @@
-import "./ContextMenu.scss";
-import * as React from "react";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-/** Properties for [[ContextMenuItem]] component
- * @internal
- * @deprecated
- */
-export interface MenuItem {
-    /** Name of the context menu item */
-    name?: string;
-    /** Optional icon */
-    icon?: string;
-    /** Disabled */
-    disabled?: boolean;
-    /** Checked or not */
-    checked?: boolean;
-    /** Separator */
-    isSeparator?: boolean;
-    /** Called when the item is clicked */
-    onClick?: () => void;
-}
-/**
- * A context menu item.
- * @internal
- * @deprecated
- */
-export declare class ContextMenuItem extends React.Component<MenuItem> {
-    private _onClick;
-    render(): JSX.Element;
-}
-/** Properties for [[ContextMenu]] component
- * @internal
- * @deprecated
- */
-export interface ContextMenuProps extends CommonProps {
-    /** Show or hide the context menu */
-    isOpened: boolean;
-    /** Position the context menu relative to the parent */
-    position: RelativePosition;
-    /** List of context menu items */
-    items?: MenuItem[];
-    /** Called when the mouse is clicked outside the context menu */
-    onClickOutside?: () => void;
-    /** parent element */
-    parent: HTMLElement | null;
-}
-/** Context menu for timeline component
- * @internal
- * @deprecated
- */
-export declare class ContextMenu extends React.Component<ContextMenuProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=ContextMenu.d.ts.map

package/lib/esm/imodel-components-react/timeline/ContextMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/ContextMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAIvD;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAGD;;;;GAIG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAE5D,OAAO,CAAC,QAAQ,CAMd;IAGc,MAAM;CAqBvB;AAGD;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB;IACrB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAGD;;;GAGG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAEhD,MAAM;CAgBvB"}

package/lib/esm/imodel-components-react/timeline/ContextMenu.js

@@ -1,55 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import "./ContextMenu.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Popup } from "@itwin/core-react";
-/* istanbul ignore next */
-/**
- * A context menu item.
- * @internal
- * @deprecated
- */
-export class ContextMenuItem extends React.Component {
-    constructor() {
-        super(...arguments);
-        this._onClick = (event) => {
-            event.stopPropagation();
-            // istanbul ignore else
-            if (!this.props.disabled && !this.props.isSeparator && this.props.onClick) {
-                this.props.onClick();
-            }
-        };
-    }
-    // istanbul ignore next - WIP
-    render() {
-        const menuClassName = classnames("contextmenu-item-wip", this.props.disabled && "disabled", this.props.checked && "checked");
-        return (React.createElement(React.Fragment, null,
-            this.props.isSeparator && React.createElement("div", { className: "separator", role: "separator" }),
-            !this.props.isSeparator &&
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-                React.createElement("li", { className: menuClassName, onClick: this._onClick, role: "menuitem" },
-                    this.props.checked && React.createElement("span", { className: "icon icon-checkmark" }),
-                    (this.props.icon && !this.props.checked) && React.createElement("span", { className: classnames("user-icon icon", this.props.icon) }),
-                    React.createElement("span", null, this.props.name))));
-    }
-}
-/* istanbul ignore next */
-/** Context menu for timeline component
- * @internal
- * @deprecated
- */
-export class ContextMenu extends React.Component {
-    // istanbul ignore next - WIP
-    render() {
-        const { items, parent, position, isOpened, onClickOutside } = this.props;
-        return (React.createElement(Popup, { isOpen: isOpened, target: parent, position: position, onClose: onClickOutside },
-            React.createElement("div", { "data-testid": "timeline-contextmenu-div", className: "contextmenu-wip" },
-                React.createElement("ul", null,
-                    items && items.map((item, index) => (React.createElement(ContextMenuItem, { key: index, name: item.name, icon: item.icon, disabled: item.disabled, onClick: item.onClick, isSeparator: item.isSeparator }))),
-                    this.props.children))));
-    }
-}
-//# sourceMappingURL=ContextMenu.js.map

package/lib/esm/imodel-components-react/timeline/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/imodel-components-react/timeline/ContextMenu.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAuBvD,0BAA0B;AAC1B;;;;GAIG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAAmB;IAA9D;;QAEU,aAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;YAChC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACzE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;IAwBJ,CAAC;IAtBC,6BAA6B;IACb,MAAM;QACpB,MAAM,aAAa,GAAG,UAAU,CAC9B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,EACjC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS,CAChC,CAAC;QAEF,OAAO,CACL;YACG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,6BAAK,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG;YACxE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;gBACtB,iEAAiE;gBACjE,4BAAI,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,UAAU;oBAClE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,8BAAM,SAAS,EAAC,qBAAqB,GAAG;oBAC9D,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,8BAAM,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI;oBAC/G,kCAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAQ,CAC3B,CAEN,CACJ,CAAC;IACJ,CAAC;CACF;AAoBD,0BAA0B;AAC1B;;;GAGG;AACH,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA2B;IAChE,6BAA6B;IACb,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzE,OAAO,CACL,oBAAC,KAAK,IAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc;YAClF,4CAAiB,0BAA0B,EAAC,SAAS,EAAC,iBAAiB;gBACrE;oBACG,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,KAAa,EAAE,EAAE,CAAC,CACrD,oBAAC,eAAe,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,CACjJ,CAAC;oBAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACD,CACA,CACT,CAAC;IACJ,CAAC;CACF","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\nimport \"./ContextMenu.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, Popup } from \"@itwin/core-react\";\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/* istanbul ignore next */\r\n/** Properties for [[ContextMenuItem]] component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport interface MenuItem {\r\n  /** Name of the context menu item */\r\n  name?: string;\r\n  /** Optional icon */\r\n  icon?: string;\r\n  /** Disabled */\r\n  disabled?: boolean;\r\n  /** Checked or not */\r\n  checked?: boolean;\r\n  /** Separator */\r\n  isSeparator?: boolean;\r\n  /** Called when the item is clicked */\r\n  onClick?: () => void;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/**\r\n * A context menu item.\r\n * @internal\r\n * @deprecated\r\n */\r\nexport class ContextMenuItem extends React.Component<MenuItem> {\r\n\r\n  private _onClick = (event: any) => {\r\n    event.stopPropagation();\r\n    // istanbul ignore else\r\n    if (!this.props.disabled && !this.props.isSeparator && this.props.onClick) {\r\n      this.props.onClick();\r\n    }\r\n  };\r\n\r\n  // istanbul ignore next - WIP\r\n  public override render() {\r\n    const menuClassName = classnames(\r\n      \"contextmenu-item-wip\",\r\n      this.props.disabled && \"disabled\",\r\n      this.props.checked && \"checked\",\r\n    );\r\n\r\n    return (\r\n      <>\r\n        {this.props.isSeparator && <div className=\"separator\" role=\"separator\" />}\r\n        {!this.props.isSeparator &&\r\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n          <li className={menuClassName} onClick={this._onClick} role=\"menuitem\">\r\n            {this.props.checked && <span className=\"icon icon-checkmark\" />}\r\n            {(this.props.icon && !this.props.checked) && <span className={classnames(\"user-icon icon\", this.props.icon)} />}\r\n            <span>{this.props.name}</span>\r\n          </li>\r\n        }\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** Properties for [[ContextMenu]] component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport interface ContextMenuProps extends CommonProps {\r\n  /** Show or hide the context menu */\r\n  isOpened: boolean;\r\n  /** Position the context menu relative to the parent */\r\n  position: RelativePosition;\r\n  /** List of context menu items */\r\n  items?: MenuItem[];\r\n  /** Called when the mouse is clicked outside the context menu */\r\n  onClickOutside?: () => void;\r\n  /** parent element */\r\n  parent: HTMLElement | null;\r\n}\r\n\r\n/* istanbul ignore next */\r\n/** Context menu for timeline component\r\n * @internal\r\n * @deprecated\r\n */\r\nexport class ContextMenu extends React.Component<ContextMenuProps> {\r\n  // istanbul ignore next - WIP\r\n  public override render() {\r\n    const { items, parent, position, isOpened, onClickOutside } = this.props;\r\n    return (\r\n      <Popup isOpen={isOpened} target={parent} position={position} onClose={onClickOutside}>\r\n        <div data-testid=\"timeline-contextmenu-div\" className=\"contextmenu-wip\">\r\n          <ul>\r\n            {items && items.map((item: MenuItem, index: number) => (\r\n              <ContextMenuItem key={index} name={item.name} icon={item.icon} disabled={item.disabled} onClick={item.onClick} isSeparator={item.isSeparator} />\r\n            ))\r\n            }\r\n            {this.props.children}\r\n          </ul>\r\n        </div>\r\n      </Popup>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/imodel-components-react/timeline/ContextMenu.scss

@@ -1,81 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-
-// cspell:ignore contextmenu
-
-.contextmenu-wip {
-  cursor: default;
-  box-sizing: border-box;
-  @include uicore-z-index(context-menu-z);
-  background: $buic-background-1;
-  border-radius: 3px;
-  max-width: 250px;
-
-  >ul {
-    margin: 0;
-    padding: 6px 0;
-    list-style: none;
-
-    >.separator {
-      padding: .5em 0;
-      position: relative;
-
-      &:before {
-        content: '';
-        position: absolute;
-        top: 50%;
-        left: 32px;
-        right: 4px;
-        width: auto;
-        height: 1px;
-        background: #dce0e3;
-        transform: translateY(-50%);
-      }
-    }
-  }
-}
-
-.contextmenu-item-wip {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  padding: .5em 0;
-  color: $buic-foreground-body;
-  font-size: 14px;
-  position: relative;
-  user-select: none;
-
-  >.user-icon,
-  >.icon-checkmark {
-    position: absolute;
-    left: 10px;
-  }
-
-  // text
-  >span:last-child {
-    padding-left: 32px;
-    padding-right: 1em;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  &:hover:not(.disabled) {
-    background: $buic-row-hover;
-    color: $buic-foreground-activehover;
-    cursor: pointer;
-  }
-
-  &.disabled {
-    color: $buic-foreground-disabled;
-    cursor: default;
-  }
-
-  >.icon-checkmark {
-    color: $buic-foreground-primary;
-  }
-}