@itwin/core-react 4.0.0-dev.8 → 4.0.0

package/lib/cjs/core-react/tiles/MinimalTile.d.ts

@@ -1,11 +0,0 @@
-/** @packageDocumentation
- * @module Tiles
- */
-/// <reference types="react" />
-import { TileProps } from "./Tile";
-/** Minimal [[Tile]] component
- * @beta
- * @deprecated in 3.0. Use Tile in itwinui-react instead
- */
-export declare function MinimalTile(props: TileProps): JSX.Element;
-//# sourceMappingURL=MinimalTile.d.ts.map

package/lib/cjs/core-react/tiles/MinimalTile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinimalTile.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tiles/MinimalTile.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,eAE3C"}

package/lib/cjs/core-react/tiles/MinimalTile.js

@@ -1,21 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Tiles
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MinimalTile = void 0;
-const React = require("react");
-const Tile_1 = require("./Tile");
-/** Minimal [[Tile]] component
- * @beta
- * @deprecated in 3.0. Use Tile in itwinui-react instead
- */
-function MinimalTile(props) {
-    return React.createElement(Tile_1.Tile, { ...props, minimal: true }); // eslint-disable-line deprecation/deprecation
-}
-exports.MinimalTile = MinimalTile;
-//# sourceMappingURL=MinimalTile.js.map

package/lib/cjs/core-react/tiles/MinimalTile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinimalTile.js","sourceRoot":"","sources":["../../../../src/core-react/tiles/MinimalTile.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,iCAAyC;AAEzC;;;GAGG;AACH,SAAgB,WAAW,CAAC,KAAgB;IAC1C,OAAO,oBAAC,WAAI,OAAK,KAAK,EAAE,OAAO,EAAE,IAAI,GAAI,CAAC,CAAE,8CAA8C;AAC5F,CAAC;AAFD,kCAEC","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 Tiles\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Tile, TileProps } from \"./Tile\";\r\n\r\n/** Minimal [[Tile]] component\r\n * @beta\r\n * @deprecated in 3.0. Use Tile in itwinui-react instead\r\n */\r\nexport function MinimalTile(props: TileProps) { // eslint-disable-line deprecation/deprecation\r\n  return <Tile {...props} minimal={true} />;  // eslint-disable-line deprecation/deprecation\r\n}\r\n"]}

package/lib/cjs/core-react/tiles/Tile.d.ts

@@ -1,32 +0,0 @@
-/** @packageDocumentation
- * @module Tiles
- */
-import * as React from "react";
-import { CommonDivProps } from "../utils/Props";
-/** Properties for the [[Tile]] component
- * @beta
- * @deprecated in 3.0. Use TileProps in itwinui-react instead
- */
-export interface TileProps extends CommonDivProps {
-    title: string;
-    icon?: string | React.ReactNode;
-    featured?: boolean;
-    minimal?: boolean;
-    href?: string;
-    onClick?: (e: any) => any;
-    stepNum?: number;
-    stepCount?: number;
-}
-/** @internal */
-export declare type TileDefaultProps = Pick<TileProps, "stepNum">;
-/** The Tile React component is a container for rendering elements that can be grouped together.
- * @beta
- * @deprecated in 3.0. Use Tile in itwinui-react instead
- */
-export declare class Tile extends React.Component<TileProps> {
-    /** @internal */
-    static readonly defaultProps: TileDefaultProps;
-    /** @internal */
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Tile.d.ts.map

package/lib/cjs/core-react/tiles/Tile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tiles/Tile.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gBAAgB;AAChB,oBAAY,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;IAElD,gBAAgB;IAChB,gBAAuB,YAAY,EAAE,gBAAgB,CAEnD;IAEF,gBAAgB;IACA,MAAM,IAAI,GAAG,CAAC,OAAO;CAgCtC"}

package/lib/cjs/core-react/tiles/Tile.js

@@ -1,40 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Tiles
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tile = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const IconComponent_1 = require("../icons/IconComponent");
-/** The Tile React component is a container for rendering elements that can be grouped together.
- * @beta
- * @deprecated in 3.0. Use Tile in itwinui-react instead
- */
-class Tile extends React.Component {
-    /** @internal */
-    render() {
-        const stepType = (this.props.stepCount && this.props.stepCount < 13)
-            ? Math.floor(this.props.stepNum * 12 / (this.props.stepCount - 1))
-            : this.props.stepNum % 16;
-        const stepClass = `uicore-step-${stepType}`;
-        const classNames = (0, classnames_1.default)("uicore-tiles-tile", stepClass, this.props.featured && "uicore-featured", this.props.minimal && "uicore-minimal");
-        const icon = (typeof this.props.icon === "string") ? React.createElement(IconComponent_1.Icon, { iconSpec: this.props.icon }) : this.props.icon;
-        return (React.createElement("div", { className: classNames, style: this.props.style },
-            React.createElement("a", { className: "uicore-link", href: this.props.href, onClick: this.props.onClick },
-                React.createElement("div", { className: "uicore-icon" }, icon),
-                React.createElement("p", { className: "uicore-title" }, this.props.title)),
-            this.props.children && !this.props.minimal &&
-                React.createElement("div", { className: "uicore-children" }, this.props.children)));
-    }
-}
-exports.Tile = Tile;
-/** @internal */
-Tile.defaultProps = {
-    stepNum: 0,
-};
-//# sourceMappingURL=Tile.js.map

package/lib/cjs/core-react/tiles/Tile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/core-react/tiles/Tile.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAC/B,0DAA8C;AAqB9C;;;GAGG;AACH,MAAa,IAAK,SAAQ,KAAK,CAAC,SAAoB;IAOlD,gBAAgB;IACA,MAAM;QACpB,MAAM,QAAQ,GACZ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;YACjD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;YACnE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAQ,GAAG,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,eAAe,QAAQ,EAAE,CAAC;QAE5C,MAAM,UAAU,GAAG,IAAA,oBAAU,EAC3B,mBAAmB,EACnB,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,gBAAgB,CACvC,CAAC;QAEF,MAAM,IAAI,GAAoB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,oBAAC,oBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAE5H,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACjD,2BAAG,SAAS,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;gBAC3E,6BAAK,SAAS,EAAC,aAAa,IACzB,IAAI,CACD;gBACN,2BAAG,SAAS,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAK,CAChD;YACH,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;gBACzC,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CAEJ,CACP,CAAC;IACJ,CAAC;;AAvCH,oBAwCC;AAtCC,gBAAgB;AACO,iBAAY,GAAqB;IACtD,OAAO,EAAE,CAAC;CACX,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 Tiles\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { CommonDivProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[Tile]] component\r\n * @beta\r\n * @deprecated in 3.0. Use TileProps in itwinui-react instead\r\n */\r\nexport interface TileProps extends CommonDivProps {\r\n  title: string;\r\n  icon?: string | React.ReactNode;\r\n  featured?: boolean;\r\n  minimal?: boolean;\r\n  href?: string;\r\n  onClick?: (e: any) => any;\r\n  stepNum?: number;\r\n  stepCount?: number;\r\n}\r\n\r\n/** @internal */\r\nexport type TileDefaultProps = Pick<TileProps, \"stepNum\">;  // eslint-disable-line deprecation/deprecation\r\n\r\n/** The Tile React component is a container for rendering elements that can be grouped together.\r\n * @beta\r\n * @deprecated in 3.0. Use Tile in itwinui-react instead\r\n */\r\nexport class Tile extends React.Component<TileProps> {  // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public static readonly defaultProps: TileDefaultProps = {\r\n    stepNum: 0,\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): JSX.Element {\r\n    const stepType =\r\n      (this.props.stepCount && this.props.stepCount < 13)\r\n        ? Math.floor(this.props.stepNum! * 12 / (this.props.stepCount - 1))\r\n        : this.props.stepNum! % 16;\r\n    const stepClass = `uicore-step-${stepType}`;\r\n\r\n    const classNames = classnames(\r\n      \"uicore-tiles-tile\",\r\n      stepClass,\r\n      this.props.featured && \"uicore-featured\",\r\n      this.props.minimal && \"uicore-minimal\",\r\n    );\r\n\r\n    const icon: React.ReactNode = (typeof this.props.icon === \"string\") ? <Icon iconSpec={this.props.icon} /> : this.props.icon;\r\n\r\n    return (\r\n      <div className={classNames} style={this.props.style}>\r\n        <a className=\"uicore-link\" href={this.props.href} onClick={this.props.onClick}>\r\n          <div className=\"uicore-icon\">\r\n            {icon}\r\n          </div>\r\n          <p className=\"uicore-title\">{this.props.title}</p>\r\n        </a>\r\n        {this.props.children && !this.props.minimal &&\r\n          <div className=\"uicore-children\">\r\n            {this.props.children}\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/tiles/classes.scss

@@ -1,7 +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 "./index";
-
-.uicore-tiles-tile { @include uicore-tiles-tile; }

package/lib/cjs/core-react/tiles/index.scss

@@ -1,5 +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 "./tile";

package/lib/cjs/core-react/tiles/tile.scss

@@ -1,134 +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";
-
-@mixin uicore-tiles-tile {
-
-  min-height:                     $uicore-line-height * 14;
-  padding:                        0 0 $uicore-line-height * 2;
-  margin:                         0 0 $uicore-line-height;
-  text-align:                     center;
-  transition:                     all 0.2s ease-out;
-
-  background-color:               $uicore-gray-b;
-  color:                          $uicore-gray-4;
-
-  > .uicore-link {
-
-    display:                    block;
-    padding:                    $uicore-line-height * 1.5 $uicore-line-height 0;
-    margin:                     0;
-    cursor:                     pointer;
-    color:                      $uicore-gray-4;
-
-    > .uicore-icon {
-
-      width:                  $uicore-line-height * 3;
-      height:                 $uicore-line-height * 3;
-      font-size:              $uicore-line-height * 2.5;
-      padding:                9px;
-      margin:                 0 auto;
-      border-radius:          $uicore-line-height * 3;
-      background-color:       $uicore-green;
-
-      transition:             all 0.2s ease-out;
-    }
-
-    > .uicore-title {
-
-      margin:                 $uicore-line-height * 0.5 auto 0;
-      font-size:              21px;
-      font-weight:            300;
-      line-height:            $uicore-line-height * 1.5;
-    }
-  }
-
-  > .uicore-children {
-
-    padding:                    $uicore-line-height $uicore-line-height 0;
-    font-size:                  13px;
-    line-height:                $uicore-line-height;
-
-    > a {
-
-      display:                block;
-      color:                  $uicore-gray-3;
-    }
-  }
-
-  &.uicore-minimal {
-
-    min-height:                 $uicore-line-height * 9;
-    padding:                    0;
-
-    > .uicore-link {
-
-      padding-bottom:         $uicore-line-height * 3;
-    }
-  }
-
-
-  &.uicore-featured,
-  &:hover {
-
-    background-color:           $uicore-green;
-    color:                      $uicore-white;
-
-    > .uicore-link {
-
-      text-decoration:        none;
-      color:                  $uicore-white;
-
-      > .uicore-icon {
-
-        background-color:   transparent !important;
-      }
-    }
-
-    > .uicore-children > a {
-
-      color:                  $uicore-white;
-    }
-  }
-
-  &.uicore-featured:hover {
-
-    background-color:           darken( $uicore-green, 5% );
-  }
-
-  $step-colors: (
-    uicore-step-0:     $uicore-green,
-    uicore-step-1:     $uicore-teal-1,
-    uicore-step-2:     $uicore-teal-2,
-    uicore-step-3:     $uicore-teal-3,
-    uicore-step-4:     $uicore-teal-4,
-    uicore-step-5:     $uicore-teal-5,
-    uicore-step-6:     $uicore-teal-6,
-    uicore-step-7:     $uicore-teal-7,
-    uicore-step-8:     $uicore-teal-8,
-    uicore-step-9:     $uicore-teal-9,
-    uicore-step-10:    $uicore-teal-a,
-    uicore-step-11:    $uicore-teal-b,
-    uicore-step-12:    $uicore-blue,
-    uicore-step-13:    $uicore-blue-5,
-    uicore-step-14:    $uicore-blue-4,
-    uicore-step-15:    $uicore-blue-3
-  );
-
-  @each $step, $color in $step-colors {
-
-    &.#{$step} > .uicore-link > .uicore-icon,
-    &.#{$step}:hover,
-    &.#{$step}.uicore-featured {
-
-      background-color:       $color;
-    }
-
-    &.#{$step}.uicore-featured:hover {
-
-      background-color:       darken( $color, 5% );
-    }
-  }
-}

package/lib/cjs/core-react/toggle/LabeledToggle.d.ts

@@ -1,26 +0,0 @@
-/** @packageDocumentation
- * @module Toggle
- */
-import "./LabeledToggle.scss";
-import * as React from "react";
-import { ToggleSwitchProps } from "@itwin/itwinui-react";
-/** Properties for [[LabeledToggle]]
- * @public
- * @deprecated in 3.0. Use ToggleSwitchProps from itwinui-react instead
- */
-export interface LabeledToggleProps extends ToggleSwitchProps {
-    /** Text that will be shown next to the Toggle. */
-    label?: string;
-    /** Custom CSS class name for the label */
-    labelClassName?: string;
-    /** Custom CSS Style for the label */
-    labelStyle?: React.CSSProperties;
-}
-/** Toggle component with a Label to the right
- * @public
- * @deprecated in 3.0. Use ToggleSwitch from itwinui-react with `labelPosition="right"` instead
- */
-export declare class LabeledToggle extends React.PureComponent<LabeledToggleProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=LabeledToggle.d.ts.map

package/lib/cjs/core-react/toggle/LabeledToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/toggle/LabeledToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEvE;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAED;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM,IAAI,GAAG,CAAC,OAAO;CAgBtC"}

package/lib/cjs/core-react/toggle/LabeledToggle.js

@@ -1,29 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabeledToggle = void 0;
-require("./LabeledToggle.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/** Toggle component with a Label to the right
- * @public
- * @deprecated in 3.0. Use ToggleSwitch from itwinui-react with `labelPosition="right"` instead
- */
-class LabeledToggle extends React.PureComponent {
-    render() {
-        const { label, labelClassName, className, style, ...props } = this.props;
-        return (React.createElement("label", { style: this.props.style, className: (0, classnames_1.default)("core-inputs-labeled-toggle", this.props.disabled && "uicore-disabled", this.props.className) },
-            React.createElement(itwinui_react_1.ToggleSwitch, { className: className, style: style, ...props }),
-            label &&
-                React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName) }, label)));
-    }
-}
-exports.LabeledToggle = LabeledToggle;
-//# sourceMappingURL=LabeledToggle.js.map

package/lib/cjs/core-react/toggle/LabeledToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledToggle.js","sourceRoot":"","sources":["../../../../src/core-react/toggle/LabeledToggle.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAC/B,wDAAuE;AAevE;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzE,OAAO,CACL,+BAAO,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACnD,4BAA4B,EAC5B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB;YACC,oBAAC,4BAAY,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI;YAC9D,KAAK;gBACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,IAAG,KAAK,CAAO,CAErE,CACT,CAAC;IACJ,CAAC;CACF;AAjBD,sCAiBC","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 \"./LabeledToggle.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ToggleSwitch, ToggleSwitchProps } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties for [[LabeledToggle]]\r\n * @public\r\n * @deprecated in 3.0. Use ToggleSwitchProps from itwinui-react instead\r\n */\r\nexport interface LabeledToggleProps extends ToggleSwitchProps {\r\n  /** Text that will be shown next to the Toggle. */\r\n  label?: string;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n}\r\n\r\n/** Toggle component with a Label to the right\r\n * @public\r\n * @deprecated in 3.0. Use ToggleSwitch from itwinui-react with `labelPosition=\"right\"` instead\r\n */\r\nexport class LabeledToggle extends React.PureComponent<LabeledToggleProps> {  // eslint-disable-line deprecation/deprecation\r\n  public override render(): JSX.Element {\r\n    const { label, labelClassName, className, style, ...props } = this.props;\r\n\r\n    return (\r\n      <label style={this.props.style} className={classnames(\r\n        \"core-inputs-labeled-toggle\",\r\n        this.props.disabled && \"uicore-disabled\",\r\n        this.props.className,\r\n      )}>\r\n        <ToggleSwitch className={className} style={style} {...props} />\r\n        {label &&\r\n          <div className={classnames(\"uicore-label\", labelClassName)}>{label}</div>\r\n        }\r\n      </label>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/toggle/LabeledToggle.scss

@@ -1,21 +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.scss";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-.core-inputs-labeled-toggle {
-  flex:         1;
-  display:      flex;
-  box-sizing:   border-box;
-  align-items:  center;
-
-  >.uicore-label {
-    padding-left: .5em;
-    font-size:    $iui-font-size;
-  }
-
-  &.uicore-disabled > .uicore-label {   color: $buic-text-color-disabled; }
-
-}

package/lib/cjs/core-react/toggle/Toggle.d.ts

@@ -1,52 +0,0 @@
-/** @packageDocumentation
- * @module Toggle
- */
-import "./Toggle.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Toggle display types
- * @public
- * @deprecated in 3.0.
- */
-export declare enum ToggleButtonType {
-    /** Primary (green) background */
-    Primary = 0,
-    /** Blue background */
-    Blue = 1
-}
-/** Properties for [[Toggle]] component
- * @public
- * @deprecated in 3.0. Use ToggleSwitchProps in itwinui-react instead
- */
-export interface ToggleProps extends CommonProps {
-    /** Indicates whether the Toggle is disabled (default is false) */
-    disabled?: boolean;
-    /** Indicates whether the Toggle is "on" or "off" (default is false) */
-    isOn?: boolean;
-    /** Show the toggle rounded or square (rounded is default) */
-    rounded?: boolean;
-    /** Show a check mark icon when the toggle is "on" (false is default) */
-    showCheckmark?: boolean;
-    /** Button type, either Primary or Blue (Blue is default).
-     * @deprecated in 3.0. */
-    buttonType?: ToggleButtonType;
-    /** Function called when the toggle state is changed */
-    onChange?: (checked: boolean) => any;
-    /** Function called when the toggle loses focus  */
-    onBlur?: (event: React.FocusEvent) => any;
-    /** Use larger size (default is false) */
-    large?: boolean;
-    /** Indicates whether to set focus to the input element */
-    setFocus?: boolean;
-    /** Tooltip text */
-    title?: string;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-}
-/**
- * Toggle React component to show an "on" or "off" state
- * @public
- * @deprecated in 3.0. Use ToggleSwitch in itwinui-react instead
- */
-export declare const Toggle: (props: ToggleProps) => JSX.Element | null;
-//# sourceMappingURL=Toggle.d.ts.map

package/lib/cjs/core-react/toggle/Toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/toggle/Toggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,oBAAY,gBAAgB;IAC1B,iCAAiC;IACjC,OAAO,IAAA;IACP,sBAAsB;IACtB,IAAI,IAAA;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;6BACyB;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,GAAG,CAAC;IACrC,mDAAmD;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC;IAC1C,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AA6GD;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,GAAG,IAAuB,CAAC"}

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

@@ -1,105 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toggle = exports.ToggleButtonType = void 0;
-require("./Toggle.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const useRefs_1 = require("../utils/hooks/useRefs");
-/** Toggle display types
- * @public
- * @deprecated in 3.0.
- */
-var ToggleButtonType;
-(function (ToggleButtonType) {
-    /** Primary (green) background */
-    ToggleButtonType[ToggleButtonType["Primary"] = 0] = "Primary";
-    /** Blue background */
-    ToggleButtonType[ToggleButtonType["Blue"] = 1] = "Blue";
-})(ToggleButtonType = exports.ToggleButtonType || (exports.ToggleButtonType = {}));
-const ForwardRefToggle = React.forwardRef(// eslint-disable-line deprecation/deprecation
-function ForwardRefToggle(props, ref) {
-    const inputElement = React.useRef(null);
-    const refs = (0, useRefs_1.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 = (0, classnames_1.default)("core-toggle-checkmark", "icon", "icon-checkmark", showCheckmark && "core-visible", toggling && "core-toggling");
-    const toggleStyle = { borderRadius: rounded ? halfHeight : 3, fontSize: halfHeight, ...props.style };
-    const toggleClassName = (0, classnames_1.default)("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 = (0, classnames_1.default)("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
- */
-exports.Toggle = ForwardRefToggle; // eslint-disable-line deprecation/deprecation
-//# sourceMappingURL=Toggle.js.map

package/lib/cjs/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"]}