@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/cjs/core-react/icons/SvgPath.d.ts

@@ -1,24 +1,24 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./SvgPath.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties of [[SvgPath]] component.
- * @public
- */
-export interface SvgPathProps extends CommonProps {
-    /** Svg graphics paths */
-    paths: string[];
-    /** Svg viewBox width */
-    viewBoxWidth: number;
-    /** Svg viewBox height */
-    viewBoxHeight: number;
-}
-/** Svg element wrapper with specified Svg paths.
- * @public
- */
-export declare class SvgPath extends React.PureComponent<SvgPathProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./SvgPath.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties of [[SvgPath]] component.
+ * @public
+ */
+export interface SvgPathProps extends CommonProps {
+    /** Svg graphics paths */
+    paths: string[];
+    /** Svg viewBox width */
+    viewBoxWidth: number;
+    /** Svg viewBox height */
+    viewBoxHeight: number;
+}
+/** Svg element wrapper with specified Svg paths.
+ * @public
+ */
+export declare class SvgPath extends React.PureComponent<SvgPathProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=SvgPath.d.ts.map

package/lib/cjs/core-react/icons/SvgPath.js

@@ -1,28 +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 Icon
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgPath = void 0;
-require("./SvgPath.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** Svg element wrapper with specified Svg paths.
- * @public
- */
-class SvgPath extends React.PureComponent {
-    render() {
-        const className = (0, classnames_1.default)("core-icons-svgPath", this.props.className);
-        const viewBox = `0 0 ${this.props.viewBoxWidth} ${this.props.viewBoxHeight}`;
-        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%", viewBox: viewBox },
-            React.createElement("g", null, this.props.paths.map((path, index) => {
-                return (React.createElement("path", { d: path, key: index }));
-            }))));
-    }
-}
-exports.SvgPath = SvgPath;
+"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 Icon
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgPath = void 0;
+require("./SvgPath.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/** Svg element wrapper with specified Svg paths.
+ * @public
+ */
+class SvgPath extends React.PureComponent {
+    render() {
+        const className = (0, classnames_1.default)("core-icons-svgPath", this.props.className);
+        const viewBox = `0 0 ${this.props.viewBoxWidth} ${this.props.viewBoxHeight}`;
+        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%", viewBox: viewBox },
+            React.createElement("g", null, this.props.paths.map((path, index) => {
+                return (React.createElement("path", { d: path, key: index }));
+            }))));
+    }
+}
+exports.SvgPath = SvgPath;
 //# sourceMappingURL=SvgPath.js.map

package/lib/cjs/core-react/icons/WebFontIcon.d.ts

@@ -1,26 +1,26 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./WebFontIcon.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[WebFontIcon]] React component
- * @public
- */
-export interface WebFontIconProps extends CommonProps {
-    /** Bentley Web Font icon name */
-    iconName: string;
-    /** Click event handler */
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-    /** Text that will be shown when hovered on the icon. */
-    title?: string;
-    /** Size of the icon */
-    iconSize?: "x-small" | "small" | "medium" | "large" | "x-large";
-    /** Class name of icon used for custom font-family icons */
-    iconClassName?: string;
-}
-/** WebFontIcon React component
- * @public
- */
-export declare function WebFontIcon(props: WebFontIconProps): JSX.Element;
+/** @packageDocumentation
+ * @module Icon
+ */
+import "./WebFontIcon.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[WebFontIcon]] React component
+ * @public
+ */
+export interface WebFontIconProps extends CommonProps {
+    /** Bentley Web Font icon name */
+    iconName: string;
+    /** Click event handler */
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    /** Text that will be shown when hovered on the icon. */
+    title?: string;
+    /** Size of the icon */
+    iconSize?: "x-small" | "small" | "medium" | "large" | "x-large";
+    /** Class name of icon used for custom font-family icons */
+    iconClassName?: string;
+}
+/** WebFontIcon React component
+ * @public
+ */
+export declare function WebFontIcon(props: WebFontIconProps): JSX.Element;
 //# sourceMappingURL=WebFontIcon.d.ts.map

package/lib/cjs/core-react/icons/WebFontIcon.js

@@ -1,22 +1,22 @@
-"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 Icon
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebFontIcon = void 0;
-require("./WebFontIcon.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-/** WebFontIcon React component
- * @public
- */
-function WebFontIcon(props) {
-    const className = (0, classnames_1.default)(props.iconClassName || "bui-webfont-icon", props.iconName, props.iconSize ? `uicore-icons-${props.iconSize}` : undefined, props.className);
-    return (React.createElement("span", { className: className, title: props.title, style: props.style, onClick: props.onClick, role: "presentation" }));
-}
-exports.WebFontIcon = WebFontIcon;
+"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 Icon
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebFontIcon = void 0;
+require("./WebFontIcon.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+/** WebFontIcon React component
+ * @public
+ */
+function WebFontIcon(props) {
+    const className = (0, classnames_1.default)(props.iconClassName || "bui-webfont-icon", props.iconName, props.iconSize ? `uicore-icons-${props.iconSize}` : undefined, props.className);
+    return (React.createElement("span", { className: className, title: props.title, style: props.style, onClick: props.onClick, role: "presentation" }));
+}
+exports.WebFontIcon = WebFontIcon;
 //# sourceMappingURL=WebFontIcon.js.map

package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.d.ts

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module Checkbox
- */
-import "./ImageCheckBox.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[ImageCheckBox]] component
- * @public
- */
-export interface ImageCheckBoxProps extends CommonProps {
-    /** Image for the "checked" state */
-    imageOn: string | React.ReactNode;
-    /** Image for the "unchecked" (default) state */
-    imageOff: string | React.ReactNode;
-    /** Determine if the item is checked or not */
-    checked?: boolean;
-    /** Determine if the item is disabled or not */
-    disabled?: boolean;
-    /** Function called when item is clicked. */
-    onClick?: (checked: boolean) => any;
-    /** Custom CSS class name for the checkbox input element */
-    inputClassName?: string;
-    /** Custom CSS Style for the checkbox input element */
-    inputStyle?: React.CSSProperties;
-    /** Tooltip to be displayed when mouse is hovered over the checkbox */
-    tooltip?: string;
-    /** If true, draw a border around the image checkbox */
-    border?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/**
- * ImageCheckBox React component shows a checked or unchecked image
- * @public
- */
-export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {
-    private _onChange;
-    private _onInputClick;
-    private _onLabelClick;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Checkbox
+ */
+import "./ImageCheckBox.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[ImageCheckBox]] component
+ * @public
+ */
+export interface ImageCheckBoxProps extends CommonProps {
+    /** Image for the "checked" state */
+    imageOn: string | React.ReactNode;
+    /** Image for the "unchecked" (default) state */
+    imageOff: string | React.ReactNode;
+    /** Determine if the item is checked or not */
+    checked?: boolean;
+    /** Determine if the item is disabled or not */
+    disabled?: boolean;
+    /** Function called when item is clicked. */
+    onClick?: (checked: boolean) => any;
+    /** Custom CSS class name for the checkbox input element */
+    inputClassName?: string;
+    /** Custom CSS Style for the checkbox input element */
+    inputStyle?: React.CSSProperties;
+    /** Tooltip to be displayed when mouse is hovered over the checkbox */
+    tooltip?: string;
+    /** If true, draw a border around the image checkbox */
+    border?: boolean;
+    /** Provides ability to return reference to HTMLInputElement */
+    inputRef?: React.Ref<HTMLInputElement>;
+}
+/**
+ * ImageCheckBox React component shows a checked or unchecked image
+ * @public
+ */
+export declare class ImageCheckBox extends React.PureComponent<ImageCheckBoxProps> {
+    private _onChange;
+    private _onInputClick;
+    private _onLabelClick;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ImageCheckBox.d.ts.map

package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.js

@@ -1,57 +1,57 @@
-"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 Checkbox
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageCheckBox = void 0;
-require("./ImageCheckBox.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const IconComponent_1 = require("../icons/IconComponent");
-/**
- * ImageCheckBox React component shows a checked or unchecked image
- * @public
- */
-class ImageCheckBox extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._onChange = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-            // istanbul ignore else
-            if (this.props.onClick) {
-                this.props.onClick(e.target.checked);
-            }
-        };
-        this._onInputClick = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-        this._onLabelClick = (e) => {
-            // istanbul ignore next
-            if (e && e.stopPropagation)
-                e.stopPropagation();
-        };
-    }
-    /** @internal */
-    render() {
-        const checkBoxClass = (0, classnames_1.default)("core-image-checkbox", this.props.className);
-        const imageClass = (0, classnames_1.default)("image", this.props.border && "image-checkbox-border");
-        const iconSpec = this.props.checked ? this.props.imageOn : this.props.imageOff;
-        return (
-        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-        React.createElement("label", { className: checkBoxClass, style: this.props.style, onClick: this._onLabelClick, title: this.props.tooltip },
-            React.createElement("input", { type: "checkbox", className: this.props.inputClassName, style: this.props.inputStyle, checked: this.props.checked, disabled: this.props.disabled, onChange: this._onChange, onClick: this._onInputClick, ref: this.props.inputRef }),
-            React.createElement("span", { className: imageClass },
-                React.createElement(IconComponent_1.Icon, { iconSpec: iconSpec }))));
-    }
-}
-exports.ImageCheckBox = ImageCheckBox;
+"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 Checkbox
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageCheckBox = void 0;
+require("./ImageCheckBox.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const IconComponent_1 = require("../icons/IconComponent");
+/**
+ * ImageCheckBox React component shows a checked or unchecked image
+ * @public
+ */
+class ImageCheckBox extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._onChange = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+            // istanbul ignore else
+            if (this.props.onClick) {
+                this.props.onClick(e.target.checked);
+            }
+        };
+        this._onInputClick = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+        };
+        this._onLabelClick = (e) => {
+            // istanbul ignore next
+            if (e && e.stopPropagation)
+                e.stopPropagation();
+        };
+    }
+    /** @internal */
+    render() {
+        const checkBoxClass = (0, classnames_1.default)("core-image-checkbox", this.props.className);
+        const imageClass = (0, classnames_1.default)("image", this.props.border && "image-checkbox-border");
+        const iconSpec = this.props.checked ? this.props.imageOn : this.props.imageOff;
+        return (
+        /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
+        React.createElement("label", { className: checkBoxClass, style: this.props.style, onClick: this._onLabelClick, title: this.props.tooltip },
+            React.createElement("input", { type: "checkbox", className: this.props.inputClassName, style: this.props.inputStyle, checked: this.props.checked, disabled: this.props.disabled, onChange: this._onChange, onClick: this._onInputClick, ref: this.props.inputRef }),
+            React.createElement("span", { className: imageClass },
+                React.createElement(IconComponent_1.Icon, { iconSpec: iconSpec }))));
+    }
+}
+exports.ImageCheckBox = ImageCheckBox;
 //# sourceMappingURL=ImageCheckBox.js.map

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

@@ -13,8 +13,6 @@
 @import "./_typography";
 
 @import "./base/index";
-@import "./button/index";
-@import "./checkbox/index";
 @import "./expandable/index";
 @import "./icons/index";
 @import "./inputs/index";

package/lib/cjs/core-react/inputs/Input.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[Input]] component
- * @internal
- */
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
-    /** Indicates whether to set focus to the input element */
-    setFocus?: boolean;
-    /** Native keydown event handler */
-    nativeKeyHandler?: (e: KeyboardEvent) => void;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLInputElement>;
-}
-/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
- * @internal
- */
-export declare const Input: (props: InputProps) => JSX.Element | null;
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[Input]] component
+ * @internal
+ */
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, CommonProps {
+    /** Indicates whether to set focus to the input element */
+    setFocus?: boolean;
+    /** Native keydown event handler */
+    nativeKeyHandler?: (e: KeyboardEvent) => void;
+    /** Provides ability to return reference to HTMLInputElement */
+    ref?: React.Ref<HTMLInputElement>;
+}
+/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
+ * @internal
+ */
+export declare const Input: (props: InputProps) => JSX.Element | null;
 //# sourceMappingURL=Input.d.ts.map

package/lib/cjs/core-react/inputs/Input.js

@@ -1,46 +1,46 @@
-"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 Inputs
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const useRefs_1 = require("../utils/hooks/useRefs");
-// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted
-const ForwardRefInput = React.forwardRef(// eslint-disable-line deprecation/deprecation
-function ForwardRefInput(props, ref) {
-    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
-    const inputElementRef = React.useRef(null);
-    const refs = (0, useRefs_1.useRefs)(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
-    React.useEffect(() => {
-        const currentElement = inputElementRef.current;
-        const currentHandler = nativeKeyHandler;
-        if (currentElement && currentHandler) {
-            currentElement.addEventListener("keydown", currentHandler);
-        }
-        return () => {
-            if (currentHandler && currentElement) {
-                currentElement.removeEventListener("keydown", currentHandler);
-            }
-        };
-    }, [nativeKeyHandler]);
-    React.useEffect(() => {
-        if (inputElementRef.current && setFocus)
-            inputElementRef.current.focus();
-    }, [setFocus]);
-    const handleFocus = React.useCallback((event) => {
-        event.currentTarget.select();
-    }, []);
-    return (React.createElement(itwinui_react_1.Input, { ref: refs, type: "text", ...otherProps, onFocus: handleFocus, className: (0, classnames_1.default)("uicore-inputs-input", className), style: style }));
-});
-/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
- * @internal
- */
-exports.Input = ForwardRefInput; // eslint-disable-line deprecation/deprecation
+"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 Inputs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const classnames_1 = require("classnames");
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const useRefs_1 = require("../utils/hooks/useRefs");
+// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted
+const ForwardRefInput = React.forwardRef(// eslint-disable-line deprecation/deprecation
+function ForwardRefInput(props, ref) {
+    const { className, style, setFocus, nativeKeyHandler, size, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
+    const inputElementRef = React.useRef(null);
+    const refs = (0, useRefs_1.useRefs)(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
+    React.useEffect(() => {
+        const currentElement = inputElementRef.current;
+        const currentHandler = nativeKeyHandler;
+        if (currentElement && currentHandler) {
+            currentElement.addEventListener("keydown", currentHandler);
+        }
+        return () => {
+            if (currentHandler && currentElement) {
+                currentElement.removeEventListener("keydown", currentHandler);
+            }
+        };
+    }, [nativeKeyHandler]);
+    React.useEffect(() => {
+        if (inputElementRef.current && setFocus)
+            inputElementRef.current.focus();
+    }, [setFocus]);
+    const handleFocus = React.useCallback((event) => {
+        event.currentTarget.select();
+    }, []);
+    return (React.createElement(itwinui_react_1.Input, { ref: refs, type: "text", ...otherProps, onFocus: handleFocus, className: (0, classnames_1.default)("uicore-inputs-input", className), style: style }));
+});
+/** Basic text input, is a wrapper for the `<input type="text">` HTML element.
+ * @internal
+ */
+exports.Input = ForwardRefInput; // eslint-disable-line deprecation/deprecation
 //# sourceMappingURL=Input.js.map

package/lib/cjs/core-react/inputs/InputLabel.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-/** Properties for [[InputLabel]] components
- * @public
- */
-export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
-    disabled?: boolean;
-    /** Labeled content */
-    children?: React.ReactNode;
-}
-/** Text input wrapper that provides additional styling and labeling
- * @public
- */
-export declare class InputLabel extends React.PureComponent<InputLabelProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Inputs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
+/** Properties for [[InputLabel]] components
+ * @public
+ */
+export interface InputLabelProps extends LabeledComponentProps, MessagedComponentProps, CommonProps {
+    disabled?: boolean;
+    /** Labeled content */
+    children?: React.ReactNode;
+}
+/** Text input wrapper that provides additional styling and labeling
+ * @public
+ */
+export declare class InputLabel extends React.PureComponent<InputLabelProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=InputLabel.d.ts.map