@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

package/lib/cjs/core-react/radialmenu/Annulus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Annulus.d.ts","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/Annulus.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC;;;GAGG;AACH,qBAAa,IAAI;IACR,EAAE,EAAE,KAAK,CAAC;IACV,EAAE,EAAE,KAAK,CAAC;gBAEL,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK;IAKlC,0EAA0E;IACnE,MAAM,SAAU,IAAI,aAAwD;CACpF;AAED;;GAEG;AACH,qBAAa,MAAM;IACV,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;gBACV,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM;CAI5C;AAED;;GAEG;AACH,qBAAa,OAAO;IACX,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;gBAET,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;CAMvE;AAED;;GAEG;AACH,qBAAa,aAAa;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,MAAM,CAAC;IAEb,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC;IAChB,GAAG,EAAE,IAAI,CAAC;IAEjB;;;;;OAKG;gBACS,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAgClE"}

package/lib/cjs/core-react/radialmenu/Annulus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Annulus.js","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/Annulus.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module RadialMenu\n */\n\nimport { Point } from \"../utils/Point\";\n\n/**\n * 2D Line consisting of a start point, and an end point\n * @internal\n */\nexport class Line {\n  public p1: Point;\n  public p2: Point;\n\n  constructor(p1?: Point, p2?: Point) {\n    this.p1 = p1 || new Point();\n    this.p2 = p2 || new Point();\n  }\n\n  /** checks for equality with the components of this, and line parameter */\n  public equals = (line: Line) => this.p1.equals(line.p1) && this.p2.equals(line.p2);\n}\n\n/** @internal\n * 2D Circle\n */\nexport class Circle {\n  public center: Point;\n  public radius: number;\n  constructor(center?: Point, radius?: number) {\n    this.center = center || new Point();\n    this.radius = radius || 0;\n  }\n}\n\n/** @internal\n * 2D Annulus (2D doughnut shape/flattened torus) defined by an inner and outer circle with a shared center point.\n */\nexport class Annulus {\n  public center: Point;\n  public inner: Circle;\n  public outer: Circle;\n\n  constructor(center?: Point, innerRadius?: number, outerRadius?: number) {\n    this.center = center || new Point();\n\n    this.inner = new Circle(center, innerRadius);\n    this.outer = new Circle(center, outerRadius);\n  }\n}\n\n/** @internal\n * 2D Sector of an Annulus, defined by both a parent annulus, a startAngle, and an endAngle.\n */\nexport class AnnularSector {\n  public parent: Annulus;\n  public startAngle: number;\n  public endAngle: number;\n\n  public path: string;\n\n  public innerStart: Point;\n  public outerStart: Point;\n  public start: Line;\n  public innerEnd: Point;\n  public outerEnd: Point;\n  public end: Line;\n\n  /**\n   * initialize AnnularSector on parent annulus, and generate SVG Path to store in this.path\n   * @param parent parent annulus to initialize sector on.\n   * @param startAngle angle to begin the annular sector on.\n   * @param endAngle angle to end the annular sector on.\n   */\n  constructor(parent: Annulus, startAngle: number, endAngle: number) {\n    this.parent = parent;\n    this.startAngle = startAngle;\n    this.endAngle = endAngle;\n\n    // adapted from https://gist.github.com/buschtoens/4190516\n    const { x: cx, y: cy } = parent.center;\n    const inner = parent.inner.radius;\n    const outer = parent.outer.radius;\n\n    this.innerStart = new Point(cx + inner * Math.cos(startAngle), cy + inner * Math.sin(startAngle));\n    this.outerStart = new Point(cx + outer * Math.cos(startAngle), cy + outer * Math.sin(startAngle));\n    this.start = new Line(this.innerStart, this.outerStart);\n\n    this.outerEnd = new Point(cx + outer * Math.cos(endAngle), cy + outer * Math.sin(endAngle));\n    this.innerEnd = new Point(cx + inner * Math.cos(endAngle), cy + inner * Math.sin(endAngle));\n    this.end = new Line(this.outerEnd, this.innerEnd);\n\n    const angleDiff = endAngle - startAngle;\n    const largeArc = (angleDiff % (Math.PI * 2)) > Math.PI ? /* istanbul ignore next */ 1 : 0;\n\n    const sectorCommands = [];\n\n    sectorCommands.push(`M${this.innerStart.x},${this.innerStart.y}`); // moveTo\n    sectorCommands.push(`L${this.outerStart.x},${this.outerStart.y}`); // lineTo\n    sectorCommands.push(`A${outer},${outer} 0 ${largeArc} 1 ${this.outerEnd.x},${this.outerEnd.y}`); // arcTo\n    sectorCommands.push(`L${this.innerEnd.x},${this.innerEnd.y}`); // lineTo\n    sectorCommands.push(`A${inner},${inner} 0 ${largeArc} 0 ${this.innerStart.x},${this.innerStart.y}`); // arcTo\n    sectorCommands.push(`z`); // closePath\n\n    this.path = sectorCommands.join(\" \");\n  }\n}\n"]}

package/lib/cjs/core-react/radialmenu/RadialMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/RadialMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAW,MAAM,WAAW,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CAC7B;AAED,gBAAgB;AAChB,UAAU,eAAe;IACvB,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,eAAe,CAA6B;IACpD,OAAc,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,CAGlD;IAEF,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAEvD;gBAEU,KAAK,EAAE,eAAe;IAIlB,MAAM,IAAI,GAAG,CAAC,OAAO;IAqDrB,iBAAiB;IASjB,oBAAoB;IAKpB,kBAAkB,CAAC,SAAS,EAAE,eAAe;IAM7D,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,oDAAoD;IAC7C,MAAM,aAIX;IAEF,OAAO,CAAC,uBAAuB,CAa7B;CACH;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gBAAgB;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wGAAwG;IACxG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAErF,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAA2C;gBAE1F,KAAK,EAAE,iBAAiB;IAIpB,MAAM,IAAI,GAAG,CAAC,OAAO;IAwDrC,wCAAwC;IACjC,MAAM,aAIX;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,eAAe,CAErB;CACH"}

package/lib/cjs/core-react/radialmenu/RadialMenu.js

@@ -0,0 +1,180 @@
+"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 RadialMenu
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadialButton = exports.RadialMenu = void 0;
+require("./RadialMenu.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const IconComponent_1 = require("../icons/IconComponent");
+const Point_1 = require("../utils/Point");
+const Annulus_1 = require("./Annulus");
+/**
+ * A context menu arranged in a radial layout.
+ * @public
+ */
+class RadialMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this._root = null;
+        this._selectedButton = null;
+        /** @internal */
+        this.state = {
+            sectors: [],
+        };
+        this._handleKeyUp = (event) => {
+            if (event.key === appui_abstract_1.SpecialKey.Escape && this.props.onEsc)
+                this.props.onEsc(event);
+        };
+        this._handleClick = (event) => {
+            if (event.target instanceof HTMLElement && this._root && !event.target.contains(this._root) && this.props.onBlur)
+                this.props.onBlur(event);
+        };
+        /** Manually call onSelect of highlighted button. */
+        this.select = () => {
+            // istanbul ignore else
+            if (this._selectedButton)
+                this._selectedButton.select();
+        };
+        this._generateAnnularSectors = () => {
+            const n = React.Children.count(this.props.children);
+            const angle = 2 * Math.PI / n;
+            const outer = this.props.outerRadius;
+            const inner = this.props.innerRadius;
+            const offset = -Math.PI / 8;
+            const annulus = new Annulus_1.Annulus(new Point_1.Point(outer + 1, outer + 1), inner + 1, outer - 1);
+            const sectors = [];
+            for (let i = 0; i < n; i++) {
+                sectors.push(new Annulus_1.AnnularSector(annulus, angle * i + offset, angle * (i + 1) + offset));
+            }
+            this.setState({ sectors });
+        };
+    }
+    render() {
+        const width = 2 * (this.props.outerRadius + 1);
+        let x = this.props.left, y = this.props.top;
+        if (this.props.left && this.props.top && typeof this.props.left === "number" && typeof this.props.top === "number") {
+            x = this.props.left;
+            y = this.props.top;
+            if (x < 0)
+                x = 0;
+            if (x > window.innerWidth - width)
+                x = window.innerWidth - width;
+            if (y < 0)
+                y = 0;
+            if (y > window.innerHeight - width)
+                y = window.innerHeight - width;
+        }
+        const divStyle = { left: x, top: y, ...this.props.style };
+        return (React.createElement("div", { ref: (el) => { this._root = el; }, className: (0, classnames_1.default)("core-radial-menu", { opened: this.props.opened }, this.props.className), style: divStyle, "data-testid": "core-radial-menu" },
+            React.createElement("svg", { xmlns: "http://w3.org/2000/svg", version: "1.1", width: width, height: width, className: "core-radial-menu-container" }, React.Children.map(this.props.children, (child, index) => {
+                // istanbul ignore next
+                if (!child || typeof child !== "object" || !("props" in child))
+                    return child;
+                const childElement = child;
+                return React.cloneElement(childElement, {
+                    key: index,
+                    ref: (el) => {
+                        if (this.props.selected === index)
+                            this._selectedButton = el;
+                    },
+                    selected: index === this.props.selected,
+                    labelRotate: childElement.props.labelRotate || this.props.labelRotate,
+                    annularSector: this.state.sectors[index],
+                });
+            }))));
+    }
+    componentDidMount() {
+        this._generateAnnularSectors();
+        setTimeout(() => {
+            window.addEventListener("keyup", this._handleKeyUp);
+            window.addEventListener("mouseup", this._handleClick);
+        });
+    }
+    componentWillUnmount() {
+        window.removeEventListener("keyup", this._handleKeyUp);
+        window.removeEventListener("mouseup", this._handleClick);
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.innerRadius !== this.props.innerRadius || prevProps.outerRadius !== this.props.outerRadius) {
+            this._generateAnnularSectors();
+        }
+    }
+}
+exports.RadialMenu = RadialMenu;
+RadialMenu.defaultProps = {
+    labelRotate: false,
+    selected: -1,
+};
+/**
+ * Button for use within a [[RadialMenu]]
+ * @public
+ */
+class RadialButton extends React.Component {
+    constructor(props) {
+        super(props);
+        /** @internal */
+        this.state = { hover: this.props.selected || false };
+        /** Manually call this.props.onSelect */
+        this.select = () => {
+            // istanbul ignore else
+            if (this.props.onSelect)
+                this.props.onSelect(undefined);
+        };
+        this._handleClick = (event) => {
+            // istanbul ignore else
+            if (this.props.onSelect)
+                this.props.onSelect(event);
+        };
+        this._handleMouseOver = (_event) => {
+            this.setState({ hover: true });
+        };
+        this._handleMouseOut = (_event) => {
+            this.setState({ hover: false });
+        };
+    }
+    render() {
+        const sector = this.props.annularSector;
+        let p = new Point_1.Point();
+        let size = 0;
+        let t = "";
+        let path = "";
+        if (sector) {
+            size = sector.start.p1.getDistanceTo(sector.end.p2) * 2;
+            path = sector.path;
+            const parent = sector.parent;
+            const { x: cx, y: cy } = parent.center;
+            const r = (parent.inner.radius + parent.outer.radius) / 2;
+            const angle = (sector.startAngle + sector.endAngle) / 2;
+            p = new Point_1.Point(cx + r * Math.cos(angle), cy + r * Math.sin(angle));
+            if (this.props.labelRotate) {
+                let a = angle * 180 / Math.PI + 90;
+                while (a > 180)
+                    a -= 360;
+                while (a < -180)
+                    /* istanbul ignore next */
+                    a += 360;
+                if (a > 90)
+                    a -= 180;
+                if (a < -90)
+                    a += 180;
+                t = `rotate(${a} ${p.x}, ${p.y})`;
+            }
+        }
+        return (React.createElement("g", { onMouseOver: this._handleMouseOver, onMouseOut: this._handleMouseOut, onClick: this._handleClick },
+            React.createElement("path", { className: (0, classnames_1.default)("core-radial-menu-sector", { selected: this.state.hover }, this.props.className), style: this.props.style, d: path }),
+            React.createElement("foreignObject", { transform: t, x: p.x - size / 2, y: p.y - 16, width: size, height: size, className: "core-radial-menu-button-svg" },
+                React.createElement("div", { ...{ xmlns: "http://www.w3.org/1999/xhtml" }, className: "core-radial-menu-button-container" },
+                    React.createElement("div", { className: "core-radial-menu-button-icon" },
+                        React.createElement(IconComponent_1.Icon, { iconSpec: this.props.icon })),
+                    React.createElement("div", { className: "core-radial-menu-button-content" }, this.props.children)))));
+    }
+}
+exports.RadialButton = RadialButton;
+//# sourceMappingURL=RadialMenu.js.map

package/lib/cjs/core-react/radialmenu/RadialMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialMenu.js","sourceRoot":"","sources":["../../../../src/core-react/radialmenu/RadialMenu.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,6BAA2B;AAC3B,2CAAoC;AACpC,+BAA+B;AAC/B,0DAAmD;AACnD,0DAAwD;AACxD,0CAAuC;AAEvC,uCAAmD;AAiCnD;;;GAGG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAa/E,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAbP,UAAK,GAA0B,IAAI,CAAC;QACpC,oBAAe,GAAwB,IAAI,CAAC;QAMpD,gBAAgB;QACS,UAAK,GAA8B;YAC1D,OAAO,EAAE,EAAE;SACZ,CAAC;QA+EM,iBAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC9C,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;gBACrD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;gBAC9G,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,oDAAoD;QAC7C,WAAM,GAAG,GAAG,EAAE;YACnB,uBAAuB;YACvB,IAAI,IAAI,CAAC,eAAe;gBACtB,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;QAClC,CAAC,CAAC;QAEM,4BAAuB,GAAG,GAAG,EAAE;YACrC,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACpD,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;YACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;YAErC,MAAM,MAAM,GAAG,CAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YAC7B,MAAM,OAAO,GAAG,IAAI,iBAAO,CAAC,IAAI,aAAK,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;YACnF,MAAM,OAAO,GAAoB,EAAE,CAAC;YACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC1B,OAAO,CAAC,IAAI,CAAC,IAAI,uBAAa,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;aACxF;YACD,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC7B,CAAC,CAAC;IAzGF,CAAC;IAEe,MAAM;QACpB,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QAC/C,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAE5C,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAClH,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACpB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAEnB,IAAI,CAAC,GAAG,CAAC;gBACP,CAAC,GAAG,CAAC,CAAC;YACR,IAAI,CAAC,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;gBAC/B,CAAC,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,GAAG,CAAC;gBACP,CAAC,GAAG,CAAC,CAAC;YACR,IAAI,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,KAAK;gBAChC,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;SAClC;QAED,MAAM,QAAQ,GAAwB,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAE/E,OAAO,CACL,6BACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,EACjC,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAC9F,KAAK,EAAE,QAAQ,iBACH,kBAAkB;YAE9B,6BACE,KAAK,EAAC,wBAAwB,EAAC,OAAO,EAAC,KAAK,EAC5C,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAC3B,SAAS,EAAE,4BAA4B,IACtC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACxD,uBAAuB;gBACvB,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC;oBAC5D,OAAO,KAAK,CAAC;gBAEf,MAAM,YAAY,GAAI,KAAiC,CAAC;gBACxD,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE;oBACtC,GAAG,EAAE,KAAK;oBACV,GAAG,EAAE,CAAC,EAAO,EAAE,EAAE;wBACf,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK;4BAC/B,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;oBAC9B,CAAC;oBACD,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACvC,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;oBACrE,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;iBACzC,CAAC,CAAC;YACL,CAAC,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE/B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACpD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC;IAEe,oBAAoB;QAClC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACvD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC3D,CAAC;IAEe,kBAAkB,CAAC,SAA0B;QAC3D,IAAI,SAAS,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACxG,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;IACH,CAAC;;AAxFH,gCAyHC;AAtHe,uBAAY,GAA6B;IACrD,WAAW,EAAE,KAAK;IAClB,QAAQ,EAAE,CAAC,CAAC;CACb,CAAC;AA0IJ;;;GAGG;AACH,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA+C;IAKrF,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QAJf,gBAAgB;QACS,UAAK,GAAgC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;QA8DtG,wCAAwC;QACjC,WAAM,GAAG,GAAG,EAAE;YACnB,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAAmC,EAAE,EAAE;YAC7D,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,MAAoC,EAAE,EAAE;YAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,MAAoC,EAAE,EAAE;YACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;IA7EF,CAAC;IAEe,MAAM;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QACxC,IAAI,CAAC,GAAG,IAAI,aAAK,EAAE,CAAC;QACpB,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,IAAI,CAAC,GAAG,EAAE,CAAC;QACX,IAAI,IAAI,GAAG,EAAE,CAAC;QAEd,IAAI,MAAM,EAAE;YACV,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;YACxD,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;YAEnB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;YAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC;YACvC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC1D,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACxD,CAAC,GAAG,IAAI,aAAK,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;YAElE,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;gBAC1B,IAAI,CAAC,GAAG,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;gBACnC,OAAO,CAAC,GAAG,GAAG;oBACZ,CAAC,IAAI,GAAG,CAAC;gBACX,OAAO,CAAC,GAAG,CAAC,GAAG;oBACb,0BAA0B;oBAC1B,CAAC,IAAI,GAAG,CAAC;gBACX,IAAI,CAAC,GAAG,EAAE;oBACR,CAAC,IAAI,GAAG,CAAC;gBACX,IAAI,CAAC,GAAG,CAAC,EAAE;oBACT,CAAC,IAAI,GAAG,CAAC;gBACX,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;aACnC;SACF;QAED,OAAO,CACL,2BACE,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,UAAU,EAAE,IAAI,CAAC,eAAe,EAChC,OAAO,EAAE,IAAI,CAAC,YAAY;YAC1B,8BACE,SAAS,EAAE,IAAA,oBAAU,EAAC,yBAAyB,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACtG,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,CAAC,EAAE,IAAI,GACF;YACP,uCAAe,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,6BAA6B;gBAC9H,gCAAS,EAAE,KAAK,EAAE,8BAA8B,EAAE,EAAE,SAAS,EAAE,mCAAmC;oBAChG,6BAAK,SAAS,EAAC,8BAA8B;wBAC3C,oBAAC,oBAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,CAC/B;oBACN,6BAAK,SAAS,EAAE,iCAAiC,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACF,CACQ,CACd,CACL,CAAC;IACJ,CAAC;CAsBF;AArFD,oCAqFC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module RadialMenu\n */\n\nimport \"./RadialMenu.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\nimport { Point } from \"../utils/Point\";\nimport { CommonProps } from \"../utils/Props\";\nimport { AnnularSector, Annulus } from \"./Annulus\";\n\n/** Properties for [[RadialMenu]]\n * @public\n */\nexport interface RadialMenuProps extends CommonProps {\n  /** Whether to show RadialMenu */\n  opened: boolean;\n  /** Radius of inner portion of RadialMenu */\n  innerRadius: number;\n  /** Radius of outer portion of RadialMenu */\n  outerRadius: number;\n  /** Optional parameter to specify left position in viewport. */\n  left?: number | string;\n  /** Optional parameter to specify top position in viewport. */\n  top?: number | string;\n  /** Whether to rotate labels according to location on the RadialMenu, or to keep labels upright.\n   * Default: false\n   */\n  labelRotate?: boolean;\n  /** Which child RadialButton to highlight */\n  selected?: number;\n  /** triggered in case of onClick events anywhere other than radial menu */\n  onBlur?: (event: any) => any;\n  /** triggered onKeyUp for <Esc> key */\n  onEsc?: (event: any) => any;\n}\n\n/** @internal */\ninterface RadialMenuState {\n  sectors: AnnularSector[];\n}\n\n/**\n * A context menu arranged in a radial layout.\n * @public\n */\nexport class RadialMenu extends React.Component<RadialMenuProps, RadialMenuState> {\n  private _root: HTMLDivElement | null = null;\n  private _selectedButton: RadialButton | null = null;\n  public static defaultProps: Partial<RadialMenuProps> = {\n    labelRotate: false,\n    selected: -1,\n  };\n\n  /** @internal */\n  public override readonly state: Readonly<RadialMenuState> = {\n    sectors: [],\n  };\n\n  constructor(props: RadialMenuProps) {\n    super(props);\n  }\n\n  public override render(): JSX.Element {\n    const width = 2 * (this.props.outerRadius + 1);\n    let x = this.props.left, y = this.props.top;\n\n    if (this.props.left && this.props.top && typeof this.props.left === \"number\" && typeof this.props.top === \"number\") {\n      x = this.props.left;\n      y = this.props.top;\n\n      if (x < 0)\n        x = 0;\n      if (x > window.innerWidth - width)\n        x = window.innerWidth - width;\n      if (y < 0)\n        y = 0;\n      if (y > window.innerHeight - width)\n        y = window.innerHeight - width;\n    }\n\n    const divStyle: React.CSSProperties = { left: x, top: y, ...this.props.style };\n\n    return (\n      <div\n        ref={(el) => { this._root = el; }}\n        className={classnames(\"core-radial-menu\", { opened: this.props.opened }, this.props.className)}\n        style={divStyle}\n        data-testid=\"core-radial-menu\"\n      >\n        <svg\n          xmlns=\"http://w3.org/2000/svg\" version=\"1.1\"\n          width={width} height={width}\n          className={\"core-radial-menu-container\"}>\n          {React.Children.map(this.props.children, (child, index) => {\n            // istanbul ignore next\n            if (!child || typeof child !== \"object\" || !(\"props\" in child))\n              return child;\n\n            const childElement = (child as React.ReactElement<any>);\n            return React.cloneElement(childElement, {\n              key: index,\n              ref: (el: any) => {\n                if (this.props.selected === index)\n                  this._selectedButton = el;\n              },\n              selected: index === this.props.selected,\n              labelRotate: childElement.props.labelRotate || this.props.labelRotate,\n              annularSector: this.state.sectors[index],\n            });\n          })}\n        </svg>\n      </div>\n    );\n  }\n\n  public override componentDidMount() {\n    this._generateAnnularSectors();\n\n    setTimeout(() => {\n      window.addEventListener(\"keyup\", this._handleKeyUp);\n      window.addEventListener(\"mouseup\", this._handleClick);\n    });\n  }\n\n  public override componentWillUnmount() {\n    window.removeEventListener(\"keyup\", this._handleKeyUp);\n    window.removeEventListener(\"mouseup\", this._handleClick);\n  }\n\n  public override componentDidUpdate(prevProps: RadialMenuProps) {\n    if (prevProps.innerRadius !== this.props.innerRadius || prevProps.outerRadius !== this.props.outerRadius) {\n      this._generateAnnularSectors();\n    }\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (event.key === SpecialKey.Escape && this.props.onEsc)\n      this.props.onEsc(event);\n  };\n\n  private _handleClick = (event: MouseEvent) => {\n    if (event.target instanceof HTMLElement && this._root && !event.target.contains(this._root) && this.props.onBlur)\n      this.props.onBlur(event);\n  };\n\n  /** Manually call onSelect of highlighted button. */\n  public select = () => {\n    // istanbul ignore else\n    if (this._selectedButton)\n      this._selectedButton.select();\n  };\n\n  private _generateAnnularSectors = () => {\n    const n = React.Children.count(this.props.children);\n    const angle = 2 * Math.PI / n;\n    const outer = this.props.outerRadius;\n    const inner = this.props.innerRadius;\n\n    const offset = - Math.PI / 8;\n    const annulus = new Annulus(new Point(outer + 1, outer + 1), inner + 1, outer - 1);\n    const sectors: AnnularSector[] = [];\n    for (let i = 0; i < n; i++) {\n      sectors.push(new AnnularSector(annulus, angle * i + offset, angle * (i + 1) + offset));\n    }\n    this.setState({ sectors });\n  };\n}\n\n/** Properties for [[RadialButton]] component\n * @public\n */\nexport interface RadialButtonProps extends CommonProps {\n  /** Whether label is rotated to radial menu. Default: Inherit */\n  labelRotate?: boolean;\n  /** which icon to display in on the menu button */\n  icon?: IconSpec;\n  /** @internal */\n  annularSector?: AnnularSector;\n  /** listens to any onClick event, or any select event, which can be triggered by the select() method. */\n  onSelect?: (e: any) => any;\n  /** Whether item is highlighted */\n  selected?: boolean;\n}\n\n/** @internal */\ninterface RadialButtonState {\n  hover: boolean;\n}\n\n/**\n * Button for use within a [[RadialMenu]]\n * @public\n */\nexport class RadialButton extends React.Component<RadialButtonProps, RadialButtonState> {\n\n  /** @internal */\n  public override readonly state: Readonly<RadialButtonState> = { hover: this.props.selected || false };\n\n  constructor(props: RadialButtonProps) {\n    super(props);\n  }\n\n  public override render(): JSX.Element {\n    const sector = this.props.annularSector;\n    let p = new Point();\n    let size = 0;\n    let t = \"\";\n    let path = \"\";\n\n    if (sector) {\n      size = sector.start.p1.getDistanceTo(sector.end.p2) * 2;\n      path = sector.path;\n\n      const parent = sector.parent;\n      const { x: cx, y: cy } = parent.center;\n      const r = (parent.inner.radius + parent.outer.radius) / 2;\n      const angle = (sector.startAngle + sector.endAngle) / 2;\n      p = new Point(cx + r * Math.cos(angle), cy + r * Math.sin(angle));\n\n      if (this.props.labelRotate) {\n        let a = angle * 180 / Math.PI + 90;\n        while (a > 180)\n          a -= 360;\n        while (a < -180)\n          /* istanbul ignore next */\n          a += 360;\n        if (a > 90)\n          a -= 180;\n        if (a < -90)\n          a += 180;\n        t = `rotate(${a} ${p.x}, ${p.y})`;\n      }\n    }\n\n    return (\n      <g\n        onMouseOver={this._handleMouseOver}\n        onMouseOut={this._handleMouseOut}\n        onClick={this._handleClick}>\n        <path\n          className={classnames(\"core-radial-menu-sector\", { selected: this.state.hover }, this.props.className)}\n          style={this.props.style}\n          d={path}>\n        </path>\n        <foreignObject transform={t} x={p.x - size / 2} y={p.y - 16} width={size} height={size} className={\"core-radial-menu-button-svg\"}>\n          <div {...{ xmlns: \"http://www.w3.org/1999/xhtml\" }} className={\"core-radial-menu-button-container\"}>\n            <div className=\"core-radial-menu-button-icon\">\n              <Icon iconSpec={this.props.icon} />\n            </div>\n            <div className={\"core-radial-menu-button-content\"}>\n              {this.props.children}\n            </div>\n          </div>\n        </foreignObject>\n      </g>\n    );\n  }\n\n  /** Manually call this.props.onSelect */\n  public select = () => {\n    // istanbul ignore else\n    if (this.props.onSelect)\n      this.props.onSelect(undefined);\n  };\n\n  private _handleClick = (event: React.MouseEvent<SVGElement>) => {\n    // istanbul ignore else\n    if (this.props.onSelect)\n      this.props.onSelect(event);\n  };\n\n  private _handleMouseOver = (_event: React.MouseEvent<SVGElement>) => {\n    this.setState({ hover: true });\n  };\n\n  private _handleMouseOut = (_event: React.MouseEvent<SVGElement>) => {\n    this.setState({ hover: false });\n  };\n}\n"]}

package/lib/cjs/core-react/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/core-react/radio/Radio.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,EAAE,qBAAqB;CAAI;AAEvH;;;GAGG;AACH,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,OAAO;CAkBtC"}

package/lib/cjs/core-react/radio/Radio.js

@@ -0,0 +1,28 @@
+"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 Radio
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Radio = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+/** Basic radio input component is a wrapper for the `<input type="radio">` HTML element.
+ * @public
+ * @deprecated Use Radio in itwinui-react instead
+ */
+class Radio extends React.PureComponent {
+    render() {
+        const { label, disabled, status, className, style, inputStyle, inputClassName, type, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-radio", disabled && "core-disabled", status, className) },
+            label &&
+                React.createElement("span", null, label),
+            React.createElement("input", { type: "radio", className: inputClassName, style: inputStyle, disabled: disabled, ...props }),
+            React.createElement("span", { className: "core-radio-checkmark" })));
+    }
+}
+exports.Radio = Radio;
+//# sourceMappingURL=Radio.js.map

package/lib/cjs/core-react/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/core-react/radio/Radio.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAU/B;;;GAGG;AACH,MAAa,KAAM,SAAQ,KAAK,CAAC,aAAyB;IACxC,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAEtK,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,qBAAqB,EACrB,QAAQ,IAAI,eAAe,EAC3B,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,kCAAO,KAAK,CAAQ;YAEtB,+BAAO,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI;YACrG,8BAAM,SAAS,EAAC,sBAAsB,GAAQ,CACxC,CACT,CAAC;IACJ,CAAC;CACF;AAnBD,sBAmBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Radio\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps } from \"../inputs/LabeledComponentProps\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[Radio]] component\n * @public\n * @deprecated Use RadioProps in itwinui-react instead\n */\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps, LabeledComponentProps { }\n\n/** Basic radio input component is a wrapper for the `<input type=\"radio\">` HTML element.\n * @public\n * @deprecated Use Radio in itwinui-react instead\n */\nexport class Radio extends React.PureComponent<RadioProps> {  // eslint-disable-line deprecation/deprecation\n  public override render(): JSX.Element {\n    const { label, disabled, status, className, style, inputStyle, inputClassName, type, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    return (\n      <label style={style} className={classnames(\n        \"uicore-inputs-radio\",\n        disabled && \"core-disabled\",\n        status,\n        className,\n      )}>\n        {label &&\n          <span>{label}</span>\n        }\n        <input type={\"radio\"} className={inputClassName} style={inputStyle} disabled={disabled} {...props} />\n        <span className=\"core-radio-checkmark\"></span>\n      </label>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/searchbox/SearchBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,UAAU,CAAa;IAE/B,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAA4C;gBAExF,KAAK,EAAE,cAAc;IAIjC,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;IAiCzC,6HAA6H;IAC7H,OAAO,CAAC,eAAe,CAUrB;IACF,OAAO,CAAC,YAAY,CAclB;IAEF,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,gBAAgB,CAWtB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEc,oBAAoB;IAI7B,KAAK;CAKb"}

package/lib/cjs/core-react/searchbox/SearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../src/core-react/searchbox/SearchBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module SearchBox\n */\n\nimport \"./SearchBox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiCore } from \"../UiCore\";\nimport { CommonProps } from \"../utils/Props\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\n\n/** Properties for [[SearchBox]] component\n * @public\n */\nexport interface SearchBoxProps extends CommonProps {\n  /** Value to set SearchBox to initially */\n  initialValue?: string;\n  /** Placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** Triggered when the content of SearchBox is changed */\n  onValueChanged: (value: string) => void;\n  /** Frequency to poll for changes in value, in milliseconds */\n  valueChangedDelay?: number;\n  /** Listens for <Enter> keypress */\n  onEnterPressed?: () => void;\n  /** Listens for <Esc> keypress */\n  onEscPressed?: () => void;\n  /** Listens for onClick event for Clear (x) icon */\n  onClear?: () => void;\n}\n\n/** @internal */\ninterface SearchBoxState {\n  value: string;\n}\n\n/**\n * Input box for entering text to search for.\n * The SearchBox has an icon right-justified and bounded by the box and shows a Search or Clear icon.\n * @public\n */\nexport class SearchBox extends React.Component<SearchBoxProps, SearchBoxState> {\n  private _inputElement: HTMLInputElement | null = null;\n  private _timeoutId: number = 0;\n\n  /** @internal */\n  public override readonly state: Readonly<SearchBoxState> = { value: this.props.initialValue || \"\" };\n\n  constructor(props: SearchBoxProps) {\n    super(props);\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const searchClassName = classnames(\"core-searchbox\", this.props.className);\n    const emptyString = this.state.value === \"\";\n    const iconClassName = classnames(\n      \"core-searchbox-icon\",\n      \"icon\",\n      {\n        \"icon-search\": emptyString,\n        \"icon-close\": !emptyString,\n      },\n    );\n    const buttonTitle = UiCore.translate(emptyString ? \"general.search\" : \"general.clear\");\n    return (\n      <div className={searchClassName} style={this.props.style} data-testid=\"core-searchbox-instance\">\n        <input\n          defaultValue={this.props.initialValue}\n          ref={(el) => { this._inputElement = el; }}\n          onChange={this._trackChange}\n          onKeyDown={this._handleKeyDown}\n          onPaste={this._trackChange}\n          onCut={this._trackChange}\n          placeholder={this.props.placeholder ? this.props.placeholder : UiCore.translate(\"general.search\")}\n          role=\"searchbox\"\n          data-testid=\"core-searchbox-input\"\n        ></input>\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div className=\"core-searchbox-button\" onClick={this._handleIconClick} role=\"button\" tabIndex={-1} title={buttonTitle}>\n          <span className={iconClassName} />\n        </div>\n      </div>\n    );\n  }\n\n  /** Wrapper for onValueChanged to make sure we don't call search unless the new value is different from the previous value */\n  private _onValueChanged = (value: string, previousValue: string) => {\n    // istanbul ignore else\n    if (value === previousValue)\n      return;\n\n    this.setState((_prevState) => {\n      return {\n        value,\n      };\n    }, () => { this.props.onValueChanged(this.state.value); });\n  };\n  private _trackChange = (_event?: any): void => {\n    let value = \"\";\n    const previousValue = this.state.value;\n\n    // istanbul ignore else\n    if (this._inputElement)\n      value = this._inputElement.value;\n\n    if (this.props.valueChangedDelay) {\n      this._unsetTimeout();\n      this._timeoutId = window.setTimeout(() => { this._onValueChanged(value, previousValue); }, this.props.valueChangedDelay);\n    } else {\n      this._onValueChanged(value, previousValue);\n    }\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case SpecialKey.Escape:\n        // istanbul ignore else\n        if (this.props.onEscPressed)\n          this.props.onEscPressed();\n        break;\n      case SpecialKey.Enter:\n        // istanbul ignore else\n        if (this.props.onEnterPressed)\n          this.props.onEnterPressed();\n        break;\n    }\n  };\n\n  private _handleIconClick = (_event: React.MouseEvent<HTMLElement>): void => {\n    // istanbul ignore else\n    if (this._inputElement) {\n      const clear = this.state.value !== \"\";\n      this._inputElement.value = \"\";\n      // istanbul ignore else\n      if (clear && this.props.onClear)\n        this.props.onClear();\n      this._inputElement.focus();\n    }\n    this._trackChange();\n  };\n\n  private _unsetTimeout = (): void => {\n    if (this._timeoutId) {\n      window.clearTimeout(this._timeoutId);\n      this._timeoutId = 0;\n    }\n  };\n\n  public override componentWillUnmount() {\n    this._unsetTimeout();\n  }\n\n  public focus() {\n    // istanbul ignore else\n    if (this._inputElement)\n      this._inputElement.focus();\n  }\n}\n"]}

package/lib/cjs/core-react/select/LabeledSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAE1G;;;GAGG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;IACxD,MAAM,IAAI,GAAG,CAAC,OAAO;CAwBtC"}

package/lib/cjs/core-react/select/LabeledSelect.js

@@ -0,0 +1,34 @@
+"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 Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledSelect = void 0;
+/* eslint-disable deprecation/deprecation */
+const classnames_1 = require("classnames");
+const React = require("react");
+const Select_1 = require("./Select");
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @public
+ * @deprecated Use LabeledSelect in itwinui-react instead
+ */
+class LabeledSelect extends React.PureComponent {
+    render() {
+        const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...props } = this.props;
+        return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-select", this.props.disabled && "uicore-disabled", status, className) },
+            label &&
+                React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                    " ",
+                    label,
+                    " "),
+            React.createElement(Select_1.Select, { disabled: this.props.disabled, className: inputClassName, style: inputStyle, ...props }),
+            message &&
+                React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+    }
+}
+exports.LabeledSelect = LabeledSelect;
+//# sourceMappingURL=LabeledSelect.js.map

package/lib/cjs/core-react/select/LabeledSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,4CAA4C;AAE5C,2CAAoC;AACpC,+BAA+B;AAE/B,qCAA+C;AAQ/C;;;GAGG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,aAAiC;IACxD,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,8BAA8B,EAC9B,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,iBAAiB,EACxC,MAAM,EACN,SAAS,CACV;YACE,KAAK;gBACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;oBAAI,KAAK;wBAAQ;YAEhG,oBAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,KAAK,GAAI;YACjG,OAAO;gBACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;IACJ,CAAC;CACF;AAzBD,sCAyBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Select\n */\n\n/* eslint-disable deprecation/deprecation */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\nimport { Select, SelectProps } from \"./Select\";\n\n/** Properties for [[LabeledSelect]] components\n * @public\n * @deprecated Use LabeledSelectProps in itwinui-react instead\n */\nexport interface LabeledSelectProps extends SelectProps, LabeledComponentProps, MessagedComponentProps { }\n\n/** Dropdown wrapper that allows for additional styling and labelling\n * @public\n * @deprecated Use LabeledSelect in itwinui-react instead\n */\nexport class LabeledSelect extends React.PureComponent<LabeledSelectProps> {\n  public override render(): JSX.Element {\n    const { label, status, className, style,\n      inputClassName, inputStyle,\n      labelClassName, labelStyle,\n      message, messageClassName, messageStyle,\n      ...props } = this.props;\n\n    return (\n      <label style={style} className={classnames(\n        \"uicore-inputs-labeled-select\",\n        this.props.disabled && \"uicore-disabled\",\n        status,\n        className,\n      )}>\n        {label &&\n          <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n        }\n        <Select disabled={this.props.disabled} className={inputClassName} style={inputStyle} {...props} />\n        {message &&\n          <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n        }\n      </label>\n    );\n  }\n}\n"]}

package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledThemedSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":"AAKA;;GAEG;;AAIH,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAEtH;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAuBlE"}

package/lib/cjs/core-react/select/LabeledThemedSelect.js

@@ -0,0 +1,31 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
+/** @packageDocumentation
+ * @module Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledThemedSelect = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const ThemedSelect_1 = require("./ThemedSelect");
+/** Dropdown wrapper that allows for additional styling and labelling
+ * @beta @deprecated
+ */
+function LabeledThemedSelect(props) {
+    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
+    return (React.createElement("label", { style: style, className: (0, classnames_1.default)("uicore-inputs-labeled-themed-select", props.isDisabled && "uicore-disabled", status, className) },
+        label &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-label", labelClassName), style: labelStyle },
+                " ",
+                label,
+                " "),
+        React.createElement(ThemedSelect_1.ThemedSelect, { isDisabled: props.isDisabled, className: inputClassName, styles: inputStyle, ...otherProps }),
+        message &&
+            React.createElement("div", { className: (0, classnames_1.default)("uicore-message", messageClassName), style: messageStyle }, message)));
+}
+exports.LabeledThemedSelect = LabeledThemedSelect;
+//# sourceMappingURL=LabeledThemedSelect.js.map

package/lib/cjs/core-react/select/LabeledThemedSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledThemedSelect.js","sourceRoot":"","sources":["../../../../src/core-react/select/LabeledThemedSelect.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,iDAAiE;AAOjE;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAY,CAAC;IAEjC,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EACxC,qCAAqC,EACrC,KAAK,CAAC,UAAU,IAAI,iBAAiB,EACrC,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,2BAAY,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAM,UAAU,GAAI;QAC5G,OAAO;YACN,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC;AAvBD,kDAuBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/* eslint-disable deprecation/deprecation */\n/** @packageDocumentation\n * @module Select\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { LabeledComponentProps, MessagedComponentProps } from \"../inputs/LabeledComponentProps\";\nimport { ThemedSelect, ThemedSelectProps } from \"./ThemedSelect\";\n\n/** Properties for [[LabeledThemedSelect]] components\n * @beta @deprecated\n */\nexport interface LabeledThemedSelectProps extends ThemedSelectProps, LabeledComponentProps, MessagedComponentProps { }\n\n/** Dropdown wrapper that allows for additional styling and labelling\n * @beta @deprecated\n */\nexport function LabeledThemedSelect(props: LabeledThemedSelectProps) {\n  const { label, status, className, style,\n    inputClassName, inputStyle,\n    labelClassName, labelStyle,\n    message, messageClassName, messageStyle,\n    ...otherProps } = props as any;\n\n  return (\n    <label style={style} className={classnames(\n      \"uicore-inputs-labeled-themed-select\",\n      props.isDisabled && \"uicore-disabled\",\n      status,\n      className,\n    )}>\n      {label &&\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\n      }\n      <ThemedSelect isDisabled={props.isDisabled} className={inputClassName} styles={inputStyle} {...otherProps} />\n      {message &&\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\n      }\n    </label>\n  );\n}\n"]}

package/lib/cjs/core-react/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/Select.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,sGAAsG;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW;IAC7F;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,YAAY,CAAC,CAAA;KAAE,CAAC;IAChF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC;AAsED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,GAAG,IAAuB,CAAC"}

package/lib/cjs/core-react/select/Select.js

@@ -0,0 +1,60 @@
+"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 Select
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+/* eslint-disable deprecation/deprecation */
+const classnames_1 = require("classnames");
+const React = require("react");
+const useRefs_1 = require("../utils/hooks/useRefs");
+function getCurrentDefaultValue(defaultValue, placeholderValue) {
+    if (defaultValue)
+        return defaultValue;
+    return placeholderValue;
+}
+function getOptionLabel(option) {
+    return (typeof option === "string") ? option : option.label;
+}
+function getOptionValue(option) {
+    return (typeof option === "string") ? option : (undefined !== option.value ? option.value : option.label);
+}
+function getOptionDisabled(option) {
+    return (typeof option === "string") ? undefined : option.disabled;
+}
+const ForwardRefSelect = React.forwardRef(function ForwardRefSelect(props, ref) {
+    const selectElement = React.useRef(null);
+    const placeholderValue = React.useRef("placeholder");
+    const isInitialMount = React.useRef(true);
+    const refs = (0, useRefs_1.useRefs)(selectElement, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
+    React.useEffect(() => {
+        if (props.setFocus && selectElement.current)
+            selectElement.current.focus();
+    }, [props]);
+    React.useEffect(() => {
+        isInitialMount.current = false;
+    }, []);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { value: selectValue, required, options, setFocus, className, defaultValue, ...otherProps } = props; // pluck off values that will be explicitly set below
+    const showPlaceholder = React.useMemo(() => props.placeholder && (undefined === selectValue || selectValue === placeholderValue.current) && !defaultValue, [defaultValue, selectValue, props.placeholder]);
+    const isRequired = React.useMemo(() => showPlaceholder || required, [required, showPlaceholder]);
+    const currentDefaultValue = React.useMemo(() => getCurrentDefaultValue(defaultValue, showPlaceholder ? placeholderValue.current : undefined), [defaultValue, showPlaceholder]);
+    const value = (!isInitialMount.current && undefined === selectValue) ? currentDefaultValue : selectValue;
+    return (React.createElement("select", { ref: refs, ...otherProps, required: isRequired, className: (0, classnames_1.default)("uicore-inputs-select", className), value: value, defaultValue: value === undefined ? currentDefaultValue : undefined },
+        showPlaceholder &&
+            React.createElement("option", { className: "placeholder", disabled: true, key: "", value: placeholderValue.current }, props.placeholder),
+        options instanceof Array ?
+            options.map((option, index) => (React.createElement("option", { key: index, value: getOptionValue(option), disabled: getOptionDisabled(option) }, getOptionLabel(option))))
+            :
+                Object.keys(options).map((key) => (React.createElement("option", { key: key, value: key, disabled: getOptionDisabled(options[key]) }, getOptionLabel(options[key]))))));
+});
+/** Basic select component is a wrapper for the `<select>` HTML element.
+ * @public
+ * @deprecated Use Select in itwinui-react instead
+ */
+exports.Select = ForwardRefSelect;
+//# sourceMappingURL=Select.js.map

package/lib/cjs/core-react/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/core-react/select/Select.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Select\n */\n\n/* eslint-disable deprecation/deprecation */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { useRefs } from \"../utils/hooks/useRefs\";\n\n/** Properties for a Select option\n * @public\n * @deprecated Use SelectOption in itwinui-react instead\n */\nexport interface SelectOption {\n  /** Label of the option. If `value` is not set when using SelectOption[], also serves as the value. */\n  label: string;\n  /** Value of the option when using SelectOption[].  */\n  value?: string | number | readonly string[];\n  /** Indicates whether the option is disabled. */\n  disabled?: boolean;\n}\n\n/** Properties for [[Select]] component\n * @public\n * @deprecated Use SelectProps in itwinui-react instead\n */\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, CommonProps {\n  /** Options for Select dropdown.\n   * @example\n   * // Example of {[key: string]: (string | SelectOption)} usage:\n   * <Select options={{\n   *  option1: \"Option 1\",\n   *  option2: \"Option 2\",\n   *  option3: {label: \"Option 3\", disabled: true},\n   * }} />\n   *\n   * // Example of (string | SelectOption)[] usage:\n   * <Select options={[\n   *  \"Option 1\",\n   *  \"Option 2\",\n   *  {label: \"Option 3\", value: \"option3\", disabled: true},\n   * ]} />\n   * }\n   */\n  options: (string | SelectOption)[] | { [key: string]: (string | SelectOption) };\n  /** Indicates whether to set focus to the select element */\n  setFocus?: boolean;\n  /** Provides ability to return reference to HTMLSelectElement */\n  ref?: React.Ref<HTMLSelectElement>;\n}\n\nfunction getCurrentDefaultValue(defaultValue: string | number | readonly string[] | undefined, placeholderValue: string | undefined) {\n  if (defaultValue)\n    return defaultValue;\n\n  return placeholderValue;\n}\n\nfunction getOptionLabel(option: string | SelectOption): string {\n  return (typeof option === \"string\") ? option : option.label;\n}\n\nfunction getOptionValue(option: string | SelectOption): string | number | readonly string[] {\n  return (typeof option === \"string\") ? option : (undefined !== option.value ? option.value : option.label);\n}\n\nfunction getOptionDisabled(option: string | SelectOption): boolean | undefined {\n  return (typeof option === \"string\") ? undefined : option.disabled;\n}\n\nconst ForwardRefSelect = React.forwardRef<HTMLSelectElement, SelectProps>(\n  function ForwardRefSelect(props, ref) {\n    const selectElement = React.useRef<HTMLSelectElement>(null);\n    const placeholderValue = React.useRef(\"placeholder\");\n    const isInitialMount = React.useRef(true);\n    const refs = useRefs(selectElement, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\n\n    React.useEffect(() => {\n      if (props.setFocus && selectElement.current)\n        selectElement.current.focus();\n    }, [props]);\n\n    React.useEffect(() => {\n      isInitialMount.current = false;\n    }, []);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { value: selectValue, required, options, setFocus, className, defaultValue, ...otherProps } = props; // pluck off values that will be explicitly set below\n    const showPlaceholder = React.useMemo(() => props.placeholder && (undefined === selectValue || selectValue === placeholderValue.current) && !defaultValue, [defaultValue, selectValue, props.placeholder]);\n    const isRequired = React.useMemo(() => showPlaceholder || required, [required, showPlaceholder]);\n    const currentDefaultValue = React.useMemo(() => getCurrentDefaultValue(defaultValue, showPlaceholder ? placeholderValue.current : undefined), [defaultValue, showPlaceholder]);\n    const value = (!isInitialMount.current && undefined === selectValue) ? currentDefaultValue : selectValue;\n    return (\n      <select ref={refs} {...otherProps}\n        required={isRequired}\n        className={classnames(\"uicore-inputs-select\", className)}\n        value={value}\n        defaultValue={value === undefined ? currentDefaultValue : undefined}>\n        {showPlaceholder &&\n          <option className=\"placeholder\" disabled key=\"\" value={placeholderValue.current}>{props.placeholder}</option>\n        }\n        {options instanceof Array ?\n          options.map((option, index) => (\n            <option key={index} value={getOptionValue(option)} disabled={getOptionDisabled(option)} >\n              {getOptionLabel(option)}\n            </option>\n          ))\n          :\n          Object.keys(options).map((key) => (\n            <option key={key} value={key} disabled={getOptionDisabled(options[key])} >\n              {getOptionLabel(options[key])}\n            </option>\n          ))\n        }\n      </select>\n    );\n  }\n);\n\n/** Basic select component is a wrapper for the `<select>` HTML element.\n * @public\n * @deprecated Use Select in itwinui-react instead\n */\nexport const Select: (props: SelectProps) => JSX.Element | null = ForwardRefSelect;\n"]}

package/lib/cjs/core-react/select/ThemedSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedSelect.d.ts","sourceRoot":"","sources":["../../../../src/core-react/select/ThemedSelect.tsx"],"names":[],"mappings":"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"}