@itwin/imodel-components-react 3.1.0-dev.7 → 3.1.1

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