@itwin/core-react 4.0.0-dev.1 → 4.0.0-dev.11

package/lib/esm/core-react/toggle/Toggle.js

@@ -1,102 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toggle
- */
-import "./Toggle.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { useRefs } from "../utils/hooks/useRefs";
-/** Toggle display types
- * @public
- * @deprecated in 3.0.
- */
-export var ToggleButtonType;
-(function (ToggleButtonType) {
-    /** Primary (green) background */
-    ToggleButtonType[ToggleButtonType["Primary"] = 0] = "Primary";
-    /** Blue background */
-    ToggleButtonType[ToggleButtonType["Blue"] = 1] = "Blue";
-})(ToggleButtonType || (ToggleButtonType = {}));
-const ForwardRefToggle = React.forwardRef(// eslint-disable-line deprecation/deprecation
-function ForwardRefToggle(props, ref) {
-    const inputElement = React.useRef(null);
-    const refs = useRefs(inputElement, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
-    const padding = 2;
-    const defaultHeight = props.large ? 32 : 21;
-    const [height, setHeight] = React.useState(defaultHeight);
-    const [width, setWidth] = React.useState(defaultHeight * 2);
-    const [checked, setChecked] = React.useState(props.isOn ? true : false);
-    const [toggling, setToggling] = React.useState(false);
-    React.useEffect(() => {
-        if (props.setFocus && inputElement.current)
-            inputElement.current.focus();
-    }, [props]);
-    React.useEffect(() => {
-        setChecked(props.isOn ? true : false);
-    }, [props.isOn]);
-    const handleChange = React.useCallback(() => {
-        const newChecked = !checked;
-        setToggling(true);
-        setChecked(newChecked);
-        // istanbul ignore else
-        if (props.onChange)
-            props.onChange(newChecked);
-        setTimeout(() => {
-            // istanbul ignore else
-            if (inputElement.current)
-                setToggling(false);
-        }, 250);
-    }, [props, checked]);
-    const handleBlur = React.useCallback((event) => {
-        // istanbul ignore else
-        if (props.onBlur)
-            props.onBlur(event);
-    }, [props]);
-    const handleCheckboxBlur = React.useCallback((event) => {
-        event.stopPropagation();
-    }, []);
-    const setHeightFromRef = React.useCallback((el) => {
-        if (el !== null) {
-            // istanbul ignore next
-            if (el.clientHeight > 0 && el.clientWidth > 0) {
-                setHeight(el.clientHeight);
-                setWidth(el.clientWidth);
-            }
-        }
-    }, []);
-    const getOffset = () => {
-        return (checked) ? width - height : 0;
-    };
-    /** Default props */
-    const rounded = props.rounded !== undefined ? props.rounded : true;
-    const showCheckmark = props.showCheckmark !== undefined ? props.showCheckmark : false;
-    const buttonType = props.buttonType !== undefined ? props.buttonType : ToggleButtonType.Blue; // eslint-disable-line deprecation/deprecation
-    const halfHeight = height / 2;
-    const checkmarkClassName = classnames("core-toggle-checkmark", "icon", "icon-checkmark", showCheckmark && "core-visible", toggling && "core-toggling");
-    const toggleStyle = { borderRadius: rounded ? halfHeight : 3, fontSize: halfHeight, ...props.style };
-    const toggleClassName = classnames("core-toggle", buttonType === ToggleButtonType.Primary && "core-toggle-primary", // eslint-disable-line deprecation/deprecation
-    props.large && "core-toggle-large", rounded && "core-toggle-rounded", props.disabled && "uicore-disabled", props.className);
-    const toggleHandleStyle = {
-        width: height - (padding * 2),
-        transform: `translateX(${getOffset()}px)`,
-        top: padding,
-        bottom: padding,
-        left: padding,
-    };
-    const handleClassName = classnames("core-toggle-handle", toggling && "core-toggling");
-    return (React.createElement("label", { ref: setHeightFromRef, style: toggleStyle, className: toggleClassName, onBlur: handleBlur },
-        React.createElement("input", { type: "checkbox", ref: refs, className: "core-toggle-input", checked: checked, disabled: props.disabled, onChange: handleChange, onBlur: handleCheckboxBlur, title: props.title }),
-        React.createElement("span", { className: "core-toggle-background" }),
-        React.createElement("span", { className: checkmarkClassName }),
-        React.createElement("span", { className: handleClassName, style: toggleHandleStyle })));
-});
-/**
- * Toggle React component to show an "on" or "off" state
- * @public
- * @deprecated in 3.0. Use ToggleSwitch in itwinui-react instead
- */
-export const Toggle = ForwardRefToggle; // eslint-disable-line deprecation/deprecation
-//# sourceMappingURL=Toggle.js.map

package/lib/esm/core-react/toggle/Toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/core-react/toggle/Toggle.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 Toggle\r\n */\r\n\r\nimport \"./Toggle.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\n\r\n/** Toggle display types\r\n * @public\r\n * @deprecated in 3.0.\r\n */\r\nexport enum ToggleButtonType {\r\n  /** Primary (green) background */\r\n  Primary,\r\n  /** Blue background */\r\n  Blue,\r\n}\r\n\r\n/** Properties for [[Toggle]] component\r\n * @public\r\n * @deprecated in 3.0. Use ToggleSwitchProps in itwinui-react instead\r\n */\r\nexport interface ToggleProps extends CommonProps {\r\n  /** Indicates whether the Toggle is disabled (default is false) */\r\n  disabled?: boolean;\r\n  /** Indicates whether the Toggle is \"on\" or \"off\" (default is false) */\r\n  isOn?: boolean;\r\n  /** Show the toggle rounded or square (rounded is default) */\r\n  rounded?: boolean;\r\n  /** Show a check mark icon when the toggle is \"on\" (false is default) */\r\n  showCheckmark?: boolean;\r\n  /** Button type, either Primary or Blue (Blue is default).\r\n   * @deprecated in 3.0. */\r\n  buttonType?: ToggleButtonType;  // eslint-disable-line deprecation/deprecation\r\n  /** Function called when the toggle state is changed */\r\n  onChange?: (checked: boolean) => any;\r\n  /** Function called when the toggle loses focus  */\r\n  onBlur?: (event: React.FocusEvent) => any;\r\n  /** Use larger size (default is false) */\r\n  large?: boolean;\r\n  /** Indicates whether to set focus to the input element */\r\n  setFocus?: boolean;\r\n  /** Tooltip text */\r\n  title?: string;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefToggle = React.forwardRef<HTMLInputElement, ToggleProps>(   // eslint-disable-line deprecation/deprecation\r\n  function ForwardRefToggle(props, ref) {\r\n    const inputElement = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElement, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\r\n    const padding = 2;\r\n    const defaultHeight = props.large ? 32 : 21;\r\n    const [height, setHeight] = React.useState(defaultHeight);\r\n    const [width, setWidth] = React.useState(defaultHeight * 2);\r\n    const [checked, setChecked] = React.useState(props.isOn ? true : false);\r\n    const [toggling, setToggling] = React.useState(false);\r\n\r\n    React.useEffect(() => {\r\n      if (props.setFocus && inputElement.current)\r\n        inputElement.current.focus();\r\n    }, [props]);\r\n\r\n    React.useEffect(() => {\r\n      setChecked(props.isOn ? true : false);\r\n    }, [props.isOn]);\r\n\r\n    const handleChange = React.useCallback(() => {\r\n      const newChecked = !checked;\r\n\r\n      setToggling(true);\r\n      setChecked(newChecked);\r\n\r\n      // istanbul ignore else\r\n      if (props.onChange)\r\n        props.onChange(newChecked);\r\n\r\n      setTimeout(() => {\r\n        // istanbul ignore else\r\n        if (inputElement.current)\r\n          setToggling(false);\r\n      }, 250);\r\n    }, [props, checked]);\r\n\r\n    const handleBlur = React.useCallback((event: React.FocusEvent) => {\r\n      // istanbul ignore else\r\n      if (props.onBlur)\r\n        props.onBlur(event);\r\n    }, [props]);\r\n\r\n    const handleCheckboxBlur = React.useCallback((event: React.FocusEvent) => {\r\n      event.stopPropagation();\r\n    }, []);\r\n\r\n    const setHeightFromRef = React.useCallback((el: HTMLLabelElement | null) => {\r\n      if (el !== null) {\r\n        // istanbul ignore next\r\n        if (el.clientHeight > 0 && el.clientWidth > 0) {\r\n          setHeight(el.clientHeight);\r\n          setWidth(el.clientWidth);\r\n        }\r\n      }\r\n    }, []);\r\n\r\n    const getOffset = (): number => {\r\n      return (checked) ? width - height : 0;\r\n    };\r\n\r\n    /** Default props */\r\n    const rounded = props.rounded !== undefined ? props.rounded : true;\r\n    const showCheckmark = props.showCheckmark !== undefined ? props.showCheckmark : false;\r\n    const buttonType = props.buttonType !== undefined ? props.buttonType : ToggleButtonType.Blue; // eslint-disable-line deprecation/deprecation\r\n\r\n    const halfHeight = height / 2;\r\n    const checkmarkClassName = classnames(\r\n      \"core-toggle-checkmark\",\r\n      \"icon\", \"icon-checkmark\",\r\n      showCheckmark && \"core-visible\",\r\n      toggling && \"core-toggling\",\r\n    );\r\n    const toggleStyle: React.CSSProperties = { borderRadius: rounded ? halfHeight : 3, fontSize: halfHeight, ...props.style };\r\n    const toggleClassName = classnames(\r\n      \"core-toggle\",\r\n      buttonType === ToggleButtonType.Primary && \"core-toggle-primary\", // eslint-disable-line deprecation/deprecation\r\n      props.large && \"core-toggle-large\",\r\n      rounded && \"core-toggle-rounded\",\r\n      props.disabled && \"uicore-disabled\",\r\n      props.className);\r\n    const toggleHandleStyle: React.CSSProperties = {\r\n      width: height - (padding * 2),\r\n      transform: `translateX(${getOffset()}px)`,\r\n      top: padding,\r\n      bottom: padding,\r\n      left: padding,\r\n    };\r\n    const handleClassName = classnames(\r\n      \"core-toggle-handle\",\r\n      toggling && \"core-toggling\",\r\n    );\r\n\r\n    return (\r\n      <label ref={setHeightFromRef} style={toggleStyle} className={toggleClassName} onBlur={handleBlur}>\r\n        <input type=\"checkbox\" ref={refs} className=\"core-toggle-input\"\r\n          checked={checked} disabled={props.disabled}\r\n          onChange={handleChange} onBlur={handleCheckboxBlur}\r\n          title={props.title} />\r\n        <span className=\"core-toggle-background\" />\r\n        <span className={checkmarkClassName} />\r\n        <span className={handleClassName} style={toggleHandleStyle} />\r\n      </label>\r\n    );\r\n  }\r\n);\r\n\r\n/**\r\n * Toggle React component to show an \"on\" or \"off\" state\r\n * @public\r\n * @deprecated in 3.0. Use ToggleSwitch in itwinui-react instead\r\n */\r\nexport const Toggle: (props: ToggleProps) => JSX.Element | null = ForwardRefToggle;   // eslint-disable-line deprecation/deprecation\r\n"]}

package/lib/esm/core-react/toggle/Toggle.scss

@@ -1,135 +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 "../style/index";
-@import "../button/button";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-$toggle-height-small: $iui-font-size * 1.5;
-$toggle-width-small:  $toggle-height-small * 2;
-$toggle-padding:      2;
-
-$toggle-height-large: 32px;
-$toggle-width-large:  $toggle-height-large * 2;
-
-$toggle-handle-small: $toggle-height-small - ($toggle-padding * 2);
-$toggle-handle-large: $toggle-height-large - ($toggle-padding * 2);
-
-.core-toggle {
-  width:  $toggle-width-small;
-  height: $toggle-height-small;
-  position: relative;
-  display: inline-block;
-  border-radius: 3px;
-  color: $uicore-white;
-  vertical-align: middle;
-  overflow: hidden;
-  font-size: $iui-font-size;
-  cursor: pointer;
-  outline:        none;
-  margin:         2px;
-  box-shadow:     $buic-inputs-boxshadow 0px 1px 1px inset;
-  transition:     all $iui-speed-fast ease-in-out;
-
-  &:active,
-  &:focus-within {
-    @include uicore-buttons-button-focused;
-  }
-}
-
-.core-toggle-large {
-  height:         $toggle-height-large;
-  width:          $toggle-width-large;
-
-  .core-toggle-handle {
-    min-width:    $toggle-handle-large;
-    min-height:   $toggle-handle-large;
-  }
-}
-
-.core-toggle-input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0;
-}
-
-.core-toggle-background {
-  position:       relative;
-  display:        block;
-  height:         inherit;
-  background:     $uicore-gray-6;
-  color:          $uicore-white;
-  border-radius:  inherit;
-  transition:     box-shadow $iui-speed-fast ease-in-out;
-}
-
-/* Blue (default) */
-.core-toggle-input:checked~.core-toggle-background {
-  background: $buic-accessory-primary;
-}
-
-/* Green (primary) */
-.core-toggle-primary> .core-toggle-input:checked~.core-toggle-background {
-  background: $buic-accessory-success;
-}
-
-.core-toggle-handle {
-  position: absolute;
-  background: $buic-accessory-hollow;
-  border-radius: 3px;
-  box-sizing:     border-box;
-  border:         1px solid $buic-accessory-hollow;
-  transition:     border-color $iui-speed-fast ease-in-out;
-
-  min-width:  $toggle-handle-small;
-  min-height: $toggle-handle-small;
-
-  &.core-toggling {
-    transition: transform 0.2s ease-out;
-  }
-}
-
-/* Disabled toggle */
-.core-toggle.uicore-disabled {
-  .core-toggle-input:checked~.core-toggle-background {
-    background: $buic-foreground-disabled;
-  }
-
-  opacity: $uicore-opacity-disabled;
-  cursor: not-allowed;
-}
-
-.core-toggle.core-toggle-rounded .core-toggle-handle {
-  border-radius: 50%;
-}
-
-.core-toggle-checkmark {
-  position: absolute;
-  left: 0px;
-  top: 50%;
-  opacity: 0;
-  transform: translateY(-50%);
-
-  &.core-toggling {
-    transition: left .2s ease-out;
-  }
-}
-
-.core-toggle-input:checked~.core-toggle-checkmark.core-visible {
-  opacity: 1;
-  color: $uicore-white;
-  font-size: inherit;
-  left: 15%;
-}
-
-.core-toggle-input {
-  &:focus, &:active {
-
-    ~.core-toggle-background {
-      box-shadow:     $uicore-button-focus-boxshadow;
-    }
-  }
-}

package/lib/esm/core-react/tooltip/Tooltip.d.ts

@@ -1,34 +0,0 @@
-/** @packageDocumentation
- * @module Tooltip
- */
-import "./Tooltip.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { RelativePosition } from "@itwin/appui-abstract";
-/** Available tooltip placements.
- * @beta
- * @deprecated in 3.0. Use Placement in itwinui-react instead
- */
-export declare type TooltipPlacement = "bottom" | "left" | "right" | "top";
-/** Properties for the [[Tooltip]] component
- * @beta
- * @deprecated in 3.0. Use TooltipProps in itwinui-react instead
- */
-export interface TooltipProps extends CommonProps {
-    /** Tooltip content. */
-    children?: React.ReactNode;
-    /** Target element of a tooltip. */
-    target?: HTMLElement;
-    /** Allows to control tooltip visibility state. */
-    visible?: boolean;
-    /** Preferred tooltip placement. Defaults to `top`. */
-    placement?: TooltipPlacement;
-}
-/** Component that displays tooltip for a specified target element.
- * @beta
- * @deprecated in 3.0. Use Tooltip in itwinui-react instead
- */
-export declare function Tooltip(props: TooltipProps): JSX.Element;
-/** @internal */
-export declare function placementToPosition(placement: TooltipPlacement | undefined): RelativePosition;
-//# sourceMappingURL=Tooltip.d.ts.map

package/lib/esm/core-react/tooltip/Tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD;;;GAGG;AACH,oBAAY,gBAAgB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnE;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mCAAmC;IACnC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eAgC1C;AAED,gBAAgB;AAChB,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,GAAG,SAAS,GAAG,gBAAgB,CAY7F"}

package/lib/esm/core-react/tooltip/Tooltip.js

@@ -1,52 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Tooltip
- */
-/* eslint-disable deprecation/deprecation */
-import "./Tooltip.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Popup } from "../popup/Popup";
-import { RelativePosition } from "@itwin/appui-abstract";
-/** Component that displays tooltip for a specified target element.
- * @beta
- * @deprecated in 3.0. Use Tooltip in itwinui-react instead
- */
-export function Tooltip(props) {
-    const { visible, target, placement } = props;
-    const [open, setOpen] = React.useState(false);
-    React.useEffect(() => {
-        const mouseenter = () => {
-            setOpen(true);
-        };
-        const mouseleave = () => {
-            setOpen(false);
-        };
-        visible === undefined && target && target.addEventListener("mouseenter", mouseenter);
-        visible === undefined && target && target.addEventListener("mouseleave", mouseleave);
-        return () => {
-            visible === undefined && target && target.removeEventListener("mouseenter", mouseenter);
-            visible === undefined && target && target.removeEventListener("mouseleave", mouseleave);
-        };
-    }, [visible, target]);
-    const className = classnames("core-tooltip-tooltip", props.className);
-    return (React.createElement(Popup, { className: className, isOpen: props.visible === undefined ? open : props.visible, position: placementToPosition(placement), showShadow: false, target: target }, props.children));
-}
-/** @internal */
-export function placementToPosition(placement) {
-    switch (placement) {
-        case "bottom":
-            return RelativePosition.Bottom;
-        case "left":
-            return RelativePosition.Left;
-        case "right":
-            return RelativePosition.Right;
-        case undefined:
-        case "top":
-            return RelativePosition.Top;
-    }
-}
-//# sourceMappingURL=Tooltip.js.map

package/lib/esm/core-react/tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/core-react/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAuBzD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,GAAG,EAAE;YACV,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;YACxF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC1F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACtB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1D,QAAQ,EAAE,mBAAmB,CAAC,SAAS,CAAC,EACxC,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,mBAAmB,CAAC,SAAuC;IACzE,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC,MAAM,CAAC;QACjC,KAAK,MAAM;YACT,OAAO,gBAAgB,CAAC,IAAI,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC,KAAK,CAAC;QAChC,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,gBAAgB,CAAC,GAAG,CAAC;KAC/B;AACH,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 Tooltip\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport \"./Tooltip.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Popup } from \"../popup/Popup\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\n\r\n/** Available tooltip placements.\r\n * @beta\r\n * @deprecated in 3.0. Use Placement in itwinui-react instead\r\n */\r\nexport type TooltipPlacement = \"bottom\" | \"left\" | \"right\" | \"top\";\r\n\r\n/** Properties for the [[Tooltip]] component\r\n * @beta\r\n * @deprecated in 3.0. Use TooltipProps in itwinui-react instead\r\n */\r\nexport interface TooltipProps extends CommonProps {\r\n  /** Tooltip content. */\r\n  children?: React.ReactNode;\r\n  /** Target element of a tooltip. */\r\n  target?: HTMLElement;\r\n  /** Allows to control tooltip visibility state. */\r\n  visible?: boolean;\r\n  /** Preferred tooltip placement. Defaults to `top`. */\r\n  placement?: TooltipPlacement;\r\n}\r\n\r\n/** Component that displays tooltip for a specified target element.\r\n * @beta\r\n * @deprecated in 3.0. Use Tooltip in itwinui-react instead\r\n */\r\nexport function Tooltip(props: TooltipProps) {\r\n  const { visible, target, placement } = props;\r\n  const [open, setOpen] = React.useState(false);\r\n  React.useEffect(() => {\r\n    const mouseenter = () => {\r\n      setOpen(true);\r\n    };\r\n    const mouseleave = () => {\r\n      setOpen(false);\r\n    };\r\n    visible === undefined && target && target.addEventListener(\"mouseenter\", mouseenter);\r\n    visible === undefined && target && target.addEventListener(\"mouseleave\", mouseleave);\r\n    return () => {\r\n      visible === undefined && target && target.removeEventListener(\"mouseenter\", mouseenter);\r\n      visible === undefined && target && target.removeEventListener(\"mouseleave\", mouseleave);\r\n    };\r\n  }, [visible, target]);\r\n  const className = classnames(\r\n    \"core-tooltip-tooltip\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <Popup\r\n      className={className}\r\n      isOpen={props.visible === undefined ? open : props.visible}\r\n      position={placementToPosition(placement)}\r\n      showShadow={false}\r\n      target={target}\r\n    >\r\n      {props.children}\r\n    </Popup>\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function placementToPosition(placement: TooltipPlacement | undefined): RelativePosition {\r\n  switch (placement) {\r\n    case \"bottom\":\r\n      return RelativePosition.Bottom;\r\n    case \"left\":\r\n      return RelativePosition.Left;\r\n    case \"right\":\r\n      return RelativePosition.Right;\r\n    case undefined:\r\n    case \"top\":\r\n      return RelativePosition.Top;\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/tooltip/Tooltip.scss

@@ -1,18 +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 "../style/themecolors";
-@import "../z-index";
-
-.core-tooltip-tooltip {
-  animation-name: none !important;
-  max-width: 400px;
-  font-size: 14px;
-  background-color: $buic-background-tooltip;
-  text-align: center;
-  border: 1px solid $buic-foreground-disabled;
-  padding: 2px 6px;
-
-  @include uicore-z-index(tooltip);
-}

package/lib/esm/core-react/utils/PointProps.d.ts

@@ -1,12 +0,0 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Describes 2d points.
- * @public
- * @deprecated in 3.0. Use [PointProps]($appui-abstract) instead
- */
-export interface PointProps {
-    readonly x: number;
-    readonly y: number;
-}
-//# sourceMappingURL=PointProps.d.ts.map

package/lib/esm/core-react/utils/PointProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PointProps.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/PointProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/esm/core-react/utils/PointProps.js

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-export {};
-//# sourceMappingURL=PointProps.js.map

package/lib/esm/core-react/utils/PointProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PointProps.js","sourceRoot":"","sources":["../../../../src/core-react/utils/PointProps.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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 Utilities\r\n */\r\n\r\n/** Describes 2d points.\r\n * @public\r\n * @deprecated in 3.0. Use [PointProps]($appui-abstract) instead\r\n */\r\nexport interface PointProps {\r\n  readonly x: number;\r\n  readonly y: number;\r\n}\r\n"]}

package/lib/esm/core-react/utils/UiEvent.d.ts

@@ -1,10 +0,0 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import { BeUiEvent } from "@itwin/core-bentley";
-/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
- * @public @deprecated in 3.0. Use UiEvent in appui-abstract instead
- */
-export declare class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> {
-}
-//# sourceMappingURL=UiEvent.d.ts.map

package/lib/esm/core-react/utils/UiEvent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiEvent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAO,CAAC,UAAU,CAAE,SAAQ,SAAS,CAAC,UAAU,CAAC;CAAI"}

package/lib/esm/core-react/utils/UiEvent.js

@@ -1,14 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-import { BeUiEvent } from "@itwin/core-bentley";
-/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.
- * @public @deprecated in 3.0. Use UiEvent in appui-abstract instead
- */
-export class UiEvent extends BeUiEvent {
-}
-//# sourceMappingURL=UiEvent.js.map

package/lib/esm/core-react/utils/UiEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiEvent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/UiEvent.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD;;GAEG;AACH,MAAM,OAAO,OAAoB,SAAQ,SAAqB;CAAI","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 Utilities\r\n */\r\n\r\nimport { BeUiEvent } from \"@itwin/core-bentley\";\r\n\r\n/** iTwin.js UI UiEvent class is a subclass of BeEvent with argument type safety.\r\n * @public @deprecated in 3.0. Use UiEvent in appui-abstract instead\r\n */\r\nexport class UiEvent<TEventArgs> extends BeUiEvent<TEventArgs> { }\r\n"]}