@itwin/appui-react 3.6.1 → 3.7.0-dev.2

package/lib/cjs/appui-react/feedback/ValidationTextbox.js

@@ -1,115 +1,115 @@
-"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 Notification
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ValidationTextbox = exports.InputStatus = void 0;
-require("./ValidationTextbox.scss");
-const classnames_1 = require("classnames");
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const MessageManager_1 = require("../messages/MessageManager");
-/** Enum for Input Status used in [[ValidationTextbox]]
- * @alpha
- */
-var InputStatus;
-(function (InputStatus) {
-    InputStatus[InputStatus["Valid"] = 0] = "Valid";
-    InputStatus[InputStatus["Invalid"] = 1] = "Invalid";
-})(InputStatus = exports.InputStatus || (exports.InputStatus = {}));
-/**
- * Input box that validates text based on provided criteria. Defaults to checking
- * for empty if no method for onValueChanged is provided.
- * @alpha
- */
-class ValidationTextbox extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        /**
-         * Determines if value is valid and resolves any defined functions.
-         * Also will show or hide error message if defined.
-         * @param event   Button press event that triggers validation
-         */
-        this._validateText = (event) => {
-            this.processValidateText(event.target);
-        };
-        /**
-         * Manages special key codes by calling user defined functions
-         * @param event   Keyup event
-         */
-        this._handleKeyUp = (event) => {
-            this.processValidateText(event.target);
-            switch (event.key) {
-                case appui_abstract_1.SpecialKey.Escape:
-                    // istanbul ignore else
-                    if (this.props.onEscPressed)
-                        this.props.onEscPressed();
-                    break;
-                case appui_abstract_1.SpecialKey.Enter:
-                    // istanbul ignore else
-                    if (this.props.onEnterPressed)
-                        this.props.onEnterPressed();
-                    break;
-            }
-        };
-        this.state = { isValid: true };
-    }
-    /** @internal */
-    render() {
-        const sizeStyle = {
-            width: this.props.size ? `${this.props.size.toString()}em` : "12em",
-        };
-        const divStyle = {
-            ...sizeStyle,
-            ...this.props.style,
-        };
-        const validClassNames = (0, classnames_1.default)("ValidationTextbox-input");
-        const invalidClassNames = (0, classnames_1.default)("ValidationTextbox-input", "ValidationTextbox-invalid");
-        return (React.createElement("div", { className: (0, classnames_1.default)("uifw-ValidationTextbox", this.props.className), style: divStyle },
-            React.createElement("input", { className: this.state.isValid ? validClassNames : invalidClassNames, onChange: this._validateText, onKeyUp: this._handleKeyUp, onPaste: this._validateText, onCut: this._validateText, onBlur: this._validateText, placeholder: this.props.placeholder ? this.props.placeholder : "", style: sizeStyle }),
-            this.props.children));
-    }
-    processValidateText(target) {
-        // istanbul ignore next
-        if (undefined === target)
-            return;
-        const value = target.value;
-        const isValid = this._calculateIsValid(value);
-        this.setState({ isValid }, () => {
-            if (this.state.isValid) {
-                this._hideErrorMessage();
-            }
-            else {
-                // istanbul ignore else
-                if (this.props.errorText && !this.state.isValid)
-                    this._showErrorMessage(target);
-            }
-        });
-    }
-    /**
-     * Determines if value provided is valid by calling user defined
-     * function. If no function is provided, the default criteria for
-     * validity is if the value has been defined.
-     * @param value   The value provided in textbox
-     */
-    _calculateIsValid(value) {
-        if (this.props.onValueChanged)
-            return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;
-        return value.length > 0;
-    }
-    /** Hides error message */
-    _hideErrorMessage() {
-        MessageManager_1.MessageManager.hideInputFieldMessage();
-    }
-    /** Displays error message. */
-    _showErrorMessage(target) {
-        MessageManager_1.MessageManager.displayInputFieldMessage(target, this.props.errorText, this.props.detailedErrorText);
-        return;
-    }
-}
-exports.ValidationTextbox = ValidationTextbox;
+"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 Notification
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValidationTextbox = exports.InputStatus = void 0;
+require("./ValidationTextbox.scss");
+const classnames_1 = require("classnames");
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const MessageManager_1 = require("../messages/MessageManager");
+/** Enum for Input Status used in [[ValidationTextbox]]
+ * @alpha
+ */
+var InputStatus;
+(function (InputStatus) {
+    InputStatus[InputStatus["Valid"] = 0] = "Valid";
+    InputStatus[InputStatus["Invalid"] = 1] = "Invalid";
+})(InputStatus = exports.InputStatus || (exports.InputStatus = {}));
+/**
+ * Input box that validates text based on provided criteria. Defaults to checking
+ * for empty if no method for onValueChanged is provided.
+ * @alpha
+ */
+class ValidationTextbox extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        /**
+         * Determines if value is valid and resolves any defined functions.
+         * Also will show or hide error message if defined.
+         * @param event   Button press event that triggers validation
+         */
+        this._validateText = (event) => {
+            this.processValidateText(event.target);
+        };
+        /**
+         * Manages special key codes by calling user defined functions
+         * @param event   Keyup event
+         */
+        this._handleKeyUp = (event) => {
+            this.processValidateText(event.target);
+            switch (event.key) {
+                case appui_abstract_1.SpecialKey.Escape:
+                    // istanbul ignore else
+                    if (this.props.onEscPressed)
+                        this.props.onEscPressed();
+                    break;
+                case appui_abstract_1.SpecialKey.Enter:
+                    // istanbul ignore else
+                    if (this.props.onEnterPressed)
+                        this.props.onEnterPressed();
+                    break;
+            }
+        };
+        this.state = { isValid: true };
+    }
+    /** @internal */
+    render() {
+        const sizeStyle = {
+            width: this.props.size ? `${this.props.size.toString()}em` : "12em",
+        };
+        const divStyle = {
+            ...sizeStyle,
+            ...this.props.style,
+        };
+        const validClassNames = (0, classnames_1.default)("ValidationTextbox-input");
+        const invalidClassNames = (0, classnames_1.default)("ValidationTextbox-input", "ValidationTextbox-invalid");
+        return (React.createElement("div", { className: (0, classnames_1.default)("uifw-ValidationTextbox", this.props.className), style: divStyle },
+            React.createElement("input", { className: this.state.isValid ? validClassNames : invalidClassNames, onChange: this._validateText, onKeyUp: this._handleKeyUp, onPaste: this._validateText, onCut: this._validateText, onBlur: this._validateText, placeholder: this.props.placeholder ? this.props.placeholder : "", style: sizeStyle }),
+            this.props.children));
+    }
+    processValidateText(target) {
+        // istanbul ignore next
+        if (undefined === target)
+            return;
+        const value = target.value;
+        const isValid = this._calculateIsValid(value);
+        this.setState({ isValid }, () => {
+            if (this.state.isValid) {
+                this._hideErrorMessage();
+            }
+            else {
+                // istanbul ignore else
+                if (this.props.errorText && !this.state.isValid)
+                    this._showErrorMessage(target);
+            }
+        });
+    }
+    /**
+     * Determines if value provided is valid by calling user defined
+     * function. If no function is provided, the default criteria for
+     * validity is if the value has been defined.
+     * @param value   The value provided in textbox
+     */
+    _calculateIsValid(value) {
+        if (this.props.onValueChanged)
+            return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;
+        return value.length > 0;
+    }
+    /** Hides error message */
+    _hideErrorMessage() {
+        MessageManager_1.MessageManager.hideInputFieldMessage();
+    }
+    /** Displays error message. */
+    _showErrorMessage(target) {
+        MessageManager_1.MessageManager.displayInputFieldMessage(target, this.props.errorText, this.props.detailedErrorText);
+        return;
+    }
+}
+exports.ValidationTextbox = ValidationTextbox;
 //# sourceMappingURL=ValidationTextbox.js.map

package/lib/cjs/appui-react/feedback/ValidationTextbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.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 Notification\r\n */\r\n\r\nimport \"./ValidationTextbox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\n\r\n/** Enum for Input Status used in [[ValidationTextbox]]\r\n * @alpha\r\n */\r\nexport enum InputStatus {\r\n  Valid = 0,\r\n  Invalid = 1,\r\n}\r\n\r\n/** Property interface for ValidationTextbox\r\n * @alpha\r\n */\r\ninterface ValidationTextboxProps extends CommonProps {\r\n  /** value to set ValidationTextbox to initially */\r\n  initialValue?: string;\r\n  /** placeholder value to show in gray before anything is entered in */\r\n  placeholder?: string;\r\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\r\n  onValueChanged?: (value: string) => InputStatus;\r\n  /** listens for <Enter> key presses */\r\n  onEnterPressed?: () => void;\r\n  /** listens for <Esc> key presses */\r\n  onEscPressed?: () => void;\r\n  /** width of ValidationTextbox, measured in em */\r\n  size?: number;\r\n  /** Error message to display */\r\n  errorText?: string;\r\n  /** Detailed error message to display */\r\n  detailedErrorText?: string;\r\n}\r\n\r\ninterface ValidationTextboxState {\r\n  isValid: boolean;\r\n}\r\n\r\n/**\r\n * Input box that validates text based on provided criteria. Defaults to checking\r\n * for empty if no method for onValueChanged is provided.\r\n * @alpha\r\n */\r\nexport class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {\r\n  constructor(props: ValidationTextboxProps) {\r\n    super(props);\r\n\r\n    this.state = { isValid: true };\r\n  }\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const sizeStyle: React.CSSProperties = {\r\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\r\n    };\r\n    const divStyle: React.CSSProperties = {\r\n      ...sizeStyle,\r\n      ...this.props.style,\r\n    };\r\n\r\n    const validClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n    );\r\n\r\n    const invalidClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n      \"ValidationTextbox-invalid\",\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\r\n        style={divStyle}>\r\n        <input\r\n          className={this.state.isValid ? validClassNames : invalidClassNames}\r\n          onChange={this._validateText}\r\n          onKeyUp={this._handleKeyUp}\r\n          onPaste={this._validateText}\r\n          onCut={this._validateText}\r\n          onBlur={this._validateText}\r\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\r\n          style={sizeStyle}\r\n        />\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private processValidateText(target: HTMLInputElement | undefined): void {\r\n    // istanbul ignore next\r\n    if (undefined === target)\r\n      return;\r\n\r\n    const value = target.value;\r\n    const isValid = this._calculateIsValid(value);\r\n\r\n    this.setState({ isValid }, () => {\r\n      if (this.state.isValid) {\r\n        this._hideErrorMessage();\r\n      } else {\r\n        // istanbul ignore else\r\n        if (this.props.errorText && !this.state.isValid)\r\n          this._showErrorMessage(target);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Determines if value is valid and resolves any defined functions.\r\n   * Also will show or hide error message if defined.\r\n   * @param event   Button press event that triggers validation\r\n   */\r\n  private _validateText = (event?: any): void => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n  };\r\n\r\n  /**\r\n   * Determines if value provided is valid by calling user defined\r\n   * function. If no function is provided, the default criteria for\r\n   * validity is if the value has been defined.\r\n   * @param value   The value provided in textbox\r\n   */\r\n  private _calculateIsValid(value: string): boolean {\r\n    if (this.props.onValueChanged)\r\n      return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;\r\n    return value.length > 0;\r\n  }\r\n\r\n  /** Hides error message */\r\n  private _hideErrorMessage() {\r\n    MessageManager.hideInputFieldMessage();\r\n  }\r\n\r\n  /** Displays error message. */\r\n  private _showErrorMessage(target: Element) {\r\n    MessageManager.displayInputFieldMessage(target as HTMLElement, this.props.errorText!, this.props.detailedErrorText);\r\n    return;\r\n  }\r\n\r\n  /**\r\n   * Manages special key codes by calling user defined functions\r\n   * @param event   Keyup event\r\n   */\r\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onEscPressed)\r\n          this.props.onEscPressed();\r\n        break;\r\n      case SpecialKey.Enter:\r\n        // istanbul ignore else\r\n        if (this.props.onEnterPressed)\r\n          this.props.onEnterPressed();\r\n        break;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.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 Notification\n */\n\nimport \"./ValidationTextbox.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { MessageManager } from \"../messages/MessageManager\";\n\n/** Enum for Input Status used in [[ValidationTextbox]]\n * @alpha\n */\nexport enum InputStatus {\n  Valid = 0,\n  Invalid = 1,\n}\n\n/** Property interface for ValidationTextbox\n * @alpha\n */\ninterface ValidationTextboxProps extends CommonProps {\n  /** value to set ValidationTextbox 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 ValidationTextbox is changed. Return true if valid */\n  onValueChanged?: (value: string) => InputStatus;\n  /** listens for <Enter> key presses */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> key presses */\n  onEscPressed?: () => void;\n  /** width of ValidationTextbox, measured in em */\n  size?: number;\n  /** Error message to display */\n  errorText?: string;\n  /** Detailed error message to display */\n  detailedErrorText?: string;\n}\n\ninterface ValidationTextboxState {\n  isValid: boolean;\n}\n\n/**\n * Input box that validates text based on provided criteria. Defaults to checking\n * for empty if no method for onValueChanged is provided.\n * @alpha\n */\nexport class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {\n  constructor(props: ValidationTextboxProps) {\n    super(props);\n\n    this.state = { isValid: true };\n  }\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const sizeStyle: React.CSSProperties = {\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\n    };\n    const divStyle: React.CSSProperties = {\n      ...sizeStyle,\n      ...this.props.style,\n    };\n\n    const validClassNames = classnames(\n      \"ValidationTextbox-input\",\n    );\n\n    const invalidClassNames = classnames(\n      \"ValidationTextbox-input\",\n      \"ValidationTextbox-invalid\",\n    );\n\n    return (\n      <div\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\n        style={divStyle}>\n        <input\n          className={this.state.isValid ? validClassNames : invalidClassNames}\n          onChange={this._validateText}\n          onKeyUp={this._handleKeyUp}\n          onPaste={this._validateText}\n          onCut={this._validateText}\n          onBlur={this._validateText}\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\n          style={sizeStyle}\n        />\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private processValidateText(target: HTMLInputElement | undefined): void {\n    // istanbul ignore next\n    if (undefined === target)\n      return;\n\n    const value = target.value;\n    const isValid = this._calculateIsValid(value);\n\n    this.setState({ isValid }, () => {\n      if (this.state.isValid) {\n        this._hideErrorMessage();\n      } else {\n        // istanbul ignore else\n        if (this.props.errorText && !this.state.isValid)\n          this._showErrorMessage(target);\n      }\n    });\n  }\n\n  /**\n   * Determines if value is valid and resolves any defined functions.\n   * Also will show or hide error message if defined.\n   * @param event   Button press event that triggers validation\n   */\n  private _validateText = (event?: any): void => {\n    this.processValidateText(event.target as HTMLInputElement);\n  };\n\n  /**\n   * Determines if value provided is valid by calling user defined\n   * function. If no function is provided, the default criteria for\n   * validity is if the value has been defined.\n   * @param value   The value provided in textbox\n   */\n  private _calculateIsValid(value: string): boolean {\n    if (this.props.onValueChanged)\n      return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;\n    return value.length > 0;\n  }\n\n  /** Hides error message */\n  private _hideErrorMessage() {\n    MessageManager.hideInputFieldMessage();\n  }\n\n  /** Displays error message. */\n  private _showErrorMessage(target: Element) {\n    MessageManager.displayInputFieldMessage(target as HTMLElement, this.props.errorText!, this.props.detailedErrorText);\n    return;\n  }\n\n  /**\n   * Manages special key codes by calling user defined functions\n   * @param event   Keyup event\n   */\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    this.processValidateText(event.target as HTMLInputElement);\n\n    switch (event.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"]}

package/lib/cjs/appui-react/feedback/ValidationTextbox.scss

@@ -1,54 +1,54 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/style/variables";
-@import "~@itwin/itwinui-css/scss/inputs/input";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-.uifw-ValidationTextbox {
-  @include iui-font-family;
-  position: relative;
-  padding: $uicore-unbordered-padding;
-  width: 12em;
-  height: 1em;
-
-  .ValidationTextbox-input {
-    position: absolute;
-    @include iui-input;
-    min-height: $uicore-component-height-normal;
-    padding: $uicore-iui-input-padding;
-    width: 12em;
-    left: 0px;
-    top: 0px;
-  }
-
-  .ValidationTextbox-invalid {
-    border-color: $buic-foreground-alert;
-  }
-
-  .ValidationTextbox-invalid:focus {
-    border-color: $buic-foreground-alert;
-  }
-
-  .ValidationTextbox-icon {
-    position: absolute;
-    padding: $uicore-bordered-padding;
-    width: $uicore-line-height;
-    height: $uicore-line-height;
-    line-height: $uicore-line-height;
-    font-size: $uicore-icons-small;
-    cursor: pointer;
-    top: 0px;
-    right: 0px;
-    text-align: center;
-    color: $buic-icon-color;
-
-    &:hover {
-      color: $buic-foreground-primary;
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/style/variables";
+@import "~@itwin/itwinui-css/scss/inputs/input";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.uifw-ValidationTextbox {
+  @include iui-font-family;
+  position: relative;
+  padding: $uicore-unbordered-padding;
+  width: 12em;
+  height: 1em;
+
+  .ValidationTextbox-input {
+    position: absolute;
+    @include iui-input;
+    min-height: $uicore-component-height-normal;
+    padding: $uicore-iui-input-padding;
+    width: 12em;
+    left: 0px;
+    top: 0px;
+  }
+
+  .ValidationTextbox-invalid {
+    border-color: $buic-foreground-alert;
+  }
+
+  .ValidationTextbox-invalid:focus {
+    border-color: $buic-foreground-alert;
+  }
+
+  .ValidationTextbox-icon {
+    position: absolute;
+    padding: $uicore-bordered-padding;
+    width: $uicore-line-height;
+    height: $uicore-line-height;
+    line-height: $uicore-line-height;
+    font-size: $uicore-icons-small;
+    cursor: pointer;
+    top: 0px;
+    right: 0px;
+    text-align: center;
+    color: $buic-icon-color;
+
+    &:hover {
+      color: $buic-foreground-primary;
+    }
+  }
 }

package/lib/cjs/appui-react/framework/FrameworkBackstage.d.ts

@@ -0,0 +1,44 @@
+/** @packageDocumentation
+ * @module Backstage
+ */
+import { BeEvent } from "@itwin/core-bentley";
+import { IconSpec } from "@itwin/core-react";
+import { CommandItemDef } from "../shared/CommandItemDef";
+/** Arguments of [[Backstage.onToggled]].
+ * @public
+ */
+export interface BackstageToggledArgs {
+    readonly isOpen: boolean;
+}
+/**
+ * [[UiFramework.backstage]] interface.
+ * @public
+ */
+export interface FrameworkBackstage {
+    /**
+     * Event activated when the backstage is toggled.
+     */
+    readonly onToggled: BeEvent<(args: BackstageToggledArgs) => void>;
+    /**
+     * State of the backstage.
+     */
+    readonly isOpen: boolean;
+    /**
+     * Display the backstage.
+     */
+    open(): void;
+    /**
+     * Hides the backstage.
+     */
+    close(): void;
+    /**
+     * Toggle the backstage.
+     */
+    toggle(): void;
+    /**
+     * Creates a CommandItemDef that toggle the backstage.
+     * @param overrideIconSpec Icon to replace the default 'home'.
+     */
+    getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;
+}
+//# sourceMappingURL=FrameworkBackstage.d.ts.map

package/lib/cjs/appui-react/framework/FrameworkBackstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkBackstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,IAAI,IAAI,CAAC;IACb;;OAEG;IACH,KAAK,IAAI,IAAI,CAAC;IACd;;OAEG;IACH,MAAM,IAAI,IAAI,CAAC;IACf;;;OAGG;IACH,yBAAyB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACxE"}

package/lib/cjs/appui-react/framework/FrameworkBackstage.js

@@ -0,0 +1,10 @@
+"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 Backstage
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FrameworkBackstage.js.map

package/lib/cjs/appui-react/framework/FrameworkBackstage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkBackstage.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkBackstage.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Backstage\n */\n\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { IconSpec } from \"@itwin/core-react\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\n\n/** Arguments of [[Backstage.onToggled]].\n * @public\n */\nexport interface BackstageToggledArgs {\n  readonly isOpen: boolean;\n}\n\n/**\n * [[UiFramework.backstage]] interface.\n * @public\n */\nexport interface FrameworkBackstage {\n  /**\n   * Event activated when the backstage is toggled.\n   */\n  readonly onToggled: BeEvent<(args: BackstageToggledArgs) => void>;\n  /**\n   * State of the backstage.\n   */\n  readonly isOpen: boolean;\n  /**\n   * Display the backstage.\n   */\n  open(): void;\n  /**\n   * Hides the backstage.\n   */\n  close(): void;\n  /**\n   * Toggle the backstage.\n   */\n  toggle(): void;\n  /**\n   * Creates a CommandItemDef that toggle the backstage.\n   * @param overrideIconSpec Icon to replace the default 'home'.\n   */\n  getBackstageToggleCommand(overrideIconSpec?: IconSpec): CommandItemDef;\n}\n"]}

package/lib/cjs/appui-react/framework/FrameworkChildWindows.d.ts

@@ -0,0 +1,59 @@
+/** @packageDocumentation
+ * @module ChildWindowManager
+ */
+/// <reference types="react" />
+/** @public */
+export interface OpenChildWindowInfo {
+    childWindowId: string;
+    window: Window;
+    parentWindow: Window;
+}
+/** @public */
+export interface ChildWindowLocationProps {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+}
+/**
+ * [[UiFramework.childWindows]] interface.
+ * @beta
+ */
+export interface FrameworkChildWindows {
+    /**
+     * List of currently open child windows;
+     */
+    readonly openChildWindows: OpenChildWindowInfo[];
+    /**
+     * Returns the OpenChildWindowInfo for the related id.
+     * @param childWindowId Id of the window to retrieve.
+     * @returns undefined if not found.
+     */
+    find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;
+    /**
+     * Return the childWindowId of the provided window.
+     * @param contentWindow Window element to identify
+     * @returns undefined if not found
+     */
+    findId(contentWindow: Window | undefined | null): string | undefined;
+    /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */
+    closeAll(): void;
+    /**
+     * Close a specific child window.
+     * @param childWindowId Id of the window to close
+     * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)
+     * @returns false if the window could not be found.
+     */
+    close(childWindowId: string, processWindowClose?: boolean): boolean;
+    /**
+     * Open a new child window.
+     * @param childWindowId Id to assign to the newly created window.
+     * @param title Title to display on the window.
+     * @param content ReactNode to be rendered in the window.
+     * @param location Position and size information
+     * @param useDefaultPopoutUrl use "/iTwinPopup.html" as the window Url, "" otherwise.
+     * @returns true if the window is opened successfully.
+     */
+    open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;
+}
+//# sourceMappingURL=FrameworkChildWindows.d.ts.map

package/lib/cjs/appui-react/framework/FrameworkChildWindows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkChildWindows.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkChildWindows.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,cAAc;AACd,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,cAAc;AACd,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;IAEjD;;;;OAIG;IACH,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS,CAAC;IAEzE;;;;OAIG;IACH,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAErE,gGAAgG;IAChG,QAAQ,IAAI,IAAI,CAAC;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAEpE;;;;;;;;OAQG;IACH,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAClJ"}

package/lib/cjs/appui-react/framework/FrameworkChildWindows.js

@@ -0,0 +1,10 @@
+"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 ChildWindowManager
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FrameworkChildWindows.js.map

package/lib/cjs/appui-react/framework/FrameworkChildWindows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameworkChildWindows.js","sourceRoot":"","sources":["../../../../src/appui-react/framework/FrameworkChildWindows.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 ChildWindowManager\n */\n\n/** @public */\nexport interface OpenChildWindowInfo {\n  childWindowId: string;\n  window: Window;\n  parentWindow: Window;\n}\n\n/** @public */\nexport interface ChildWindowLocationProps {\n  width: number;\n  height: number;\n  left: number;\n  top: number;\n}\n\n/**\n * [[UiFramework.childWindows]] interface.\n * @beta\n */\nexport interface FrameworkChildWindows {\n  /**\n   * List of currently open child windows;\n   */\n  readonly openChildWindows: OpenChildWindowInfo[];\n\n  /**\n   * Returns the OpenChildWindowInfo for the related id.\n   * @param childWindowId Id of the window to retrieve.\n   * @returns undefined if not found.\n   */\n  find(childWindowId: string | undefined): OpenChildWindowInfo | undefined;\n\n  /**\n   * Return the childWindowId of the provided window.\n   * @param contentWindow Window element to identify\n   * @returns undefined if not found\n   */\n  findId(contentWindow: Window | undefined | null): string | undefined;\n\n  /** Close all child/pop-out windows. This typically is called when the frontstage is changed. */\n  closeAll(): void;\n\n  /**\n   * Close a specific child window.\n   * @param childWindowId Id of the window to close\n   * @param processWindowClose should the `close` method be called on the closing window. (defaults to true)\n   * @returns false if the window could not be found.\n   */\n  close(childWindowId: string, processWindowClose?: boolean): boolean;\n\n  /**\n   * Open a new child window.\n   * @param childWindowId Id to assign to the newly created window.\n   * @param title Title to display on the window.\n   * @param content ReactNode to be rendered in the window.\n   * @param location Position and size information\n   * @param useDefaultPopoutUrl use \"/iTwinPopup.html\" as the window Url, \"\" otherwise.\n   * @returns true if the window is opened successfully.\n   */\n  open(childWindowId: string, title: string, content: React.ReactNode, location: ChildWindowLocationProps, useDefaultPopoutUrl?: boolean): boolean;\n}\n"]}