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

package/lib/esm/core-react/form/Form.d.ts

@@ -1,132 +0,0 @@
-/** @packageDocumentation
- * @module Form
- */
-import "./Form.scss";
-import * as React from "react";
-/** The available editors for the fields in a [[Form]].
- * @public @deprecated in 3.0.
- */
-export declare type FieldEditor = "textbox" | "multilinetextbox" | "dropdown" | "checkbox";
-/** Interface used to define each [[Field]] in a [[Form]]
- * @public @deprecated in 3.0.
- */
-export interface FieldDef {
-    label?: string;
-    editor?: FieldEditor;
-    options?: string[] | {
-        [key: string]: string;
-    };
-    value?: any;
-}
-/** Key/value pairs for all the field values with key being the field HTML Id.
- * @public @deprecated in 3.0.
- */
-export interface FieldValues {
-    [key: string]: any;
-}
-/** The state data used by [[Form]] to hold state of each [[Field]] and the result of submit button processing.
- * @public @deprecated in 3.0.
- */
-interface FormState {
-    values: FieldValues;
-    errorMsg: string;
-    submitSuccess?: boolean;
-}
-/**
- * FormContextState combines the Form's state data with the callbacks used to update the value of the state data.
- * @public @deprecate
- */
-export interface FormContextState extends FormState {
-    setValues: (values: FieldValues) => void;
-}
-/** React context used by Form as a Provider and by the Fields as Consumers and updaters.
- * @public @deprecated in 3.0.
- */
-export declare const FormContext: React.Context<FormContextState | undefined>;
-/** Key/value pairs for all the field definitions to be displayed in a [[Form]].
- * @public
- */
-export interface FieldDefinitions {
-    [key: string]: FieldDef;
-}
-/** Properties that define [[Form]] including the callback to be called when the Submit button is pressed.
- * @public
- */
-export interface FormProps {
-    /** Required async callback the processes the Form data and throws and Error if the data cannot be processed.  */
-    handleFormSubmit: (values: FieldValues) => Promise<void>;
-    /** Definition used to create each Field in the Form. */
-    fields: FieldDefinitions;
-    /** Optional label which will override default Submit button label. */
-    submitButtonLabel?: string;
-}
-/** Component used to create a Form using supplied properties to specify the fields of the Form.
- * @example
- * // Example of using a form as contents of a modal dialog.
- * export class ExampleForm extends React.Component {
- *   public static open() {
- *   const form = new ExampleForm({});
- *   ModalDialogManager.openDialog(form.render());
- * }
- *
- * protected async handleSubmit(values: FieldValues): Promise<void> {
- *   await this.processFormSubmission(values);
- *   ModalDialogManager.closeDialog();
- *   const msg = JSON.stringify(values);
- *   IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, "Form Submitted", msg));
- * }
- *
- * protected async processFormSubmission(values: FieldValues): Promise<void> {
- *   // if error occurs during async processing throw an Error and return error message back to form.
- *   throw new Error("Error processing form");
- * }
- *
- * protected handleCancel() {
- *   ModalDialogManager.closeDialog();
- * }
- *
- * public render() {
- *   const fields: FieldDefinitions = {
- *     Name: {
- *       label: this._nameLabel,
- *       editor: "textbox",
- *       value: "John Smith",
- *     },
- *     PickList: {
- *       label: this._pickListLabel,
- *       editor: "dropdown",
- *       value: "one",
- *       options: ["one", "two", "three", "four"],
- *     },
- *   };
- *
- *   return (
- *     <div>
- *       <Dialog title="Example Form"
- *         opened={true}
- *         onClose={() => this.handleCancel()}>
- *         <Form handleFormSubmit={(values: FieldValues) => this.handleSubmit(values)}
- *           fields={fields}
- *         />
- *       </Dialog>
- *     </div >
- *   );
- * }
- * @public @deprecate
- */
-export declare class Form extends React.Component<FormProps, FormState> {
-    private _submitButtonLabel;
-    private _errorPrefix;
-    private _errorSuffix;
-    constructor(props: FormProps);
-    /**
-     * Returns whether there is an errorMsg message in the state/context
-     * @param errorMsg - The form errorMsg
-     */
-    private haveError;
-    private _setValues;
-    private _handleSubmit;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=Form.d.ts.map

package/lib/esm/core-react/form/Form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/core-react/form/Form.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,oBAAY,WAAW,GAAG,SAAS,GAAG,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEnF;;GAEG;AACH,MAAM,WAAW,QAAQ;IAEvB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,WAAW,CAAC;IAGrB,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAG/C,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,SAAS;IAEjB,MAAM,EAAE,WAAW,CAAC;IAGpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,WAAW,6CAA+D,CAAC;AAGxF;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,iHAAiH;IACjH,gBAAgB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,wDAAwD;IACxD,MAAM,EAAE,gBAAgB,CAAC;IACzB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7D,OAAO,CAAC,kBAAkB,CAA8C;IACxE,OAAO,CAAC,YAAY,CAAwC;IAC5D,OAAO,CAAC,YAAY,CAAwC;gBAEhD,KAAK,EAAE,SAAS;IAa5B;;;OAGG;IACH,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CAgBnB;IAEc,MAAM;CA2BvB"}

package/lib/esm/core-react/form/Form.js

@@ -1,128 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* 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 Form
- */
-import "./Form.scss";
-import * as React from "react";
-import { UiCore } from "../UiCore";
-import { Field } from "./Field";
-import { Button } from "@itwin/itwinui-react";
-/** React context used by Form as a Provider and by the Fields as Consumers and updaters.
- * @public @deprecated in 3.0.
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export const FormContext = React.createContext(undefined);
-FormContext.displayName = "core-react:FormContext";
-/** Component used to create a Form using supplied properties to specify the fields of the Form.
- * @example
- * // Example of using a form as contents of a modal dialog.
- * export class ExampleForm extends React.Component {
- *   public static open() {
- *   const form = new ExampleForm({});
- *   ModalDialogManager.openDialog(form.render());
- * }
- *
- * protected async handleSubmit(values: FieldValues): Promise<void> {
- *   await this.processFormSubmission(values);
- *   ModalDialogManager.closeDialog();
- *   const msg = JSON.stringify(values);
- *   IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, "Form Submitted", msg));
- * }
- *
- * protected async processFormSubmission(values: FieldValues): Promise<void> {
- *   // if error occurs during async processing throw an Error and return error message back to form.
- *   throw new Error("Error processing form");
- * }
- *
- * protected handleCancel() {
- *   ModalDialogManager.closeDialog();
- * }
- *
- * public render() {
- *   const fields: FieldDefinitions = {
- *     Name: {
- *       label: this._nameLabel,
- *       editor: "textbox",
- *       value: "John Smith",
- *     },
- *     PickList: {
- *       label: this._pickListLabel,
- *       editor: "dropdown",
- *       value: "one",
- *       options: ["one", "two", "three", "four"],
- *     },
- *   };
- *
- *   return (
- *     <div>
- *       <Dialog title="Example Form"
- *         opened={true}
- *         onClose={() => this.handleCancel()}>
- *         <Form handleFormSubmit={(values: FieldValues) => this.handleSubmit(values)}
- *           fields={fields}
- *         />
- *       </Dialog>
- *     </div >
- *   );
- * }
- * @public @deprecate
- */
-export class Form extends React.Component {
-    constructor(props) {
-        super(props);
-        this._submitButtonLabel = UiCore.translate("form.submitButtonLabel");
-        this._errorPrefix = UiCore.translate("form.errorPrefix");
-        this._errorSuffix = UiCore.translate("form.errorSuffix");
-        this._setValues = (values) => {
-            this.setState((prevState) => ({ values: { ...prevState.values, ...values } }));
-        };
-        this._handleSubmit = (event, values) => {
-            event.preventDefault();
-            // istanbul ignore next
-            if (!this.props.handleFormSubmit || !values || 0 === values.length)
-                throw new Error("A handleFormSubmit function and values must be defined");
-            this.props.handleFormSubmit(values)
-                .then(() => {
-                // Currently we don't need to do anything if successful. Typically the hosting dialog will close when the
-                // submission is successful.
-                // console.log(rtnMsg);
-            })
-                .catch((reason) => {
-                this.setState({ submitSuccess: false, errorMsg: reason.message });
-            });
-        };
-        // set initial values for field values
-        const values = {};
-        Object.keys(props.fields).forEach((key) => values[key] = props.fields[key].value);
-        this.state = {
-            errorMsg: "",
-            values,
-        };
-    }
-    /**
-     * Returns whether there is an errorMsg message in the state/context
-     * @param errorMsg - The form errorMsg
-     */
-    haveError(errorMsg) {
-        return errorMsg && errorMsg.length;
-    }
-    render() {
-        const { submitSuccess, errorMsg } = this.state;
-        const { fields, submitButtonLabel } = this.props;
-        const context = { ...this.state, setValues: this._setValues };
-        return (React.createElement(FormContext.Provider, { value: context },
-            React.createElement("div", { className: "core-form-wrapper" },
-                React.createElement("form", { onSubmit: (event) => this._handleSubmit(event, this.state.values), noValidate: true },
-                    React.createElement("div", { className: "core-form-container" },
-                        Object.keys(fields).map((key) => React.createElement(Field, { key: key, id: key, ...this.props.fields[key] })),
-                        React.createElement("div", { className: "core-form-footer" },
-                            React.createElement("div", { className: "core-form-buttons" },
-                                React.createElement(Button, { type: "submit", styleType: "high-visibility" }, submitButtonLabel ? submitButtonLabel : this._submitButtonLabel)),
-                            submitSuccess === false && this.haveError(errorMsg) && (React.createElement("div", { className: "core-form-alert", role: "alert" }, `${this._errorPrefix}-${errorMsg} ${this._errorSuffix}`))))))));
-    }
-}
-//# sourceMappingURL=Form.js.map

package/lib/esm/core-react/form/Form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/core-react/form/Form.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Form\r\n */\r\n\r\nimport \"./Form.scss\";\r\nimport * as React from \"react\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { Field } from \"./Field\";\r\nimport { Button } from \"@itwin/itwinui-react\";\r\n\r\n// cSpell:ignore multilinetextbox\r\n\r\n/** The available editors for the fields in a [[Form]].\r\n * @public @deprecated in 3.0.\r\n */\r\nexport type FieldEditor = \"textbox\" | \"multilinetextbox\" | \"dropdown\" | \"checkbox\";\r\n\r\n/** Interface used to define each [[Field]] in a [[Form]]\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface FieldDef {\r\n  /* The label text for the field */\r\n  label?: string;\r\n\r\n  /* The editor for the field */\r\n  editor?: FieldEditor;\r\n\r\n  /* The drop down items for the field */\r\n  options?: string[] | { [key: string]: string };\r\n\r\n  /* The initial field value */\r\n  value?: any;\r\n}\r\n\r\n/** Key/value pairs for all the field values with key being the field HTML Id.\r\n * @public @deprecated in 3.0.\r\n */\r\nexport interface FieldValues {\r\n  [key: string]: any;\r\n}\r\n\r\n/** The state data used by [[Form]] to hold state of each [[Field]] and the result of submit button processing.\r\n * @public @deprecated in 3.0.\r\n */\r\ninterface FormState {\r\n  /* The field values */\r\n  values: FieldValues;\r\n\r\n  /* The errorMsg message return in catch of async submit button processing */\r\n  errorMsg: string;\r\n\r\n  /* Whether the form has been successfully submitted */\r\n  submitSuccess?: boolean;\r\n}\r\n\r\n/**\r\n * FormContextState combines the Form's state data with the callbacks used to update the value of the state data.\r\n * @public @deprecate\r\n */\r\nexport interface FormContextState extends FormState {\r\n  setValues: (values: FieldValues) => void;\r\n}\r\n\r\n/** React context used by Form as a Provider and by the Fields as Consumers and updaters.\r\n * @public @deprecated in 3.0.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const FormContext = React.createContext<FormContextState | undefined>(undefined);\r\nFormContext.displayName = \"core-react:FormContext\";\r\n\r\n/** Key/value pairs for all the field definitions to be displayed in a [[Form]].\r\n * @public\r\n */\r\nexport interface FieldDefinitions {\r\n  [key: string]: FieldDef;\r\n}\r\n\r\n/** Properties that define [[Form]] including the callback to be called when the Submit button is pressed.\r\n * @public\r\n */\r\nexport interface FormProps {\r\n  /** Required async callback the processes the Form data and throws and Error if the data cannot be processed.  */\r\n  handleFormSubmit: (values: FieldValues) => Promise<void>;\r\n  /** Definition used to create each Field in the Form. */\r\n  fields: FieldDefinitions;\r\n  /** Optional label which will override default Submit button label. */\r\n  submitButtonLabel?: string;\r\n}\r\n\r\n/** Component used to create a Form using supplied properties to specify the fields of the Form.\r\n * @example\r\n * // Example of using a form as contents of a modal dialog.\r\n * export class ExampleForm extends React.Component {\r\n *   public static open() {\r\n *   const form = new ExampleForm({});\r\n *   ModalDialogManager.openDialog(form.render());\r\n * }\r\n *\r\n * protected async handleSubmit(values: FieldValues): Promise<void> {\r\n *   await this.processFormSubmission(values);\r\n *   ModalDialogManager.closeDialog();\r\n *   const msg = JSON.stringify(values);\r\n *   IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, \"Form Submitted\", msg));\r\n * }\r\n *\r\n * protected async processFormSubmission(values: FieldValues): Promise<void> {\r\n *   // if error occurs during async processing throw an Error and return error message back to form.\r\n *   throw new Error(\"Error processing form\");\r\n * }\r\n *\r\n * protected handleCancel() {\r\n *   ModalDialogManager.closeDialog();\r\n * }\r\n *\r\n * public render() {\r\n *   const fields: FieldDefinitions = {\r\n *     Name: {\r\n *       label: this._nameLabel,\r\n *       editor: \"textbox\",\r\n *       value: \"John Smith\",\r\n *     },\r\n *     PickList: {\r\n *       label: this._pickListLabel,\r\n *       editor: \"dropdown\",\r\n *       value: \"one\",\r\n *       options: [\"one\", \"two\", \"three\", \"four\"],\r\n *     },\r\n *   };\r\n *\r\n *   return (\r\n *     <div>\r\n *       <Dialog title=\"Example Form\"\r\n *         opened={true}\r\n *         onClose={() => this.handleCancel()}>\r\n *         <Form handleFormSubmit={(values: FieldValues) => this.handleSubmit(values)}\r\n *           fields={fields}\r\n *         />\r\n *       </Dialog>\r\n *     </div >\r\n *   );\r\n * }\r\n * @public @deprecate\r\n */\r\nexport class Form extends React.Component<FormProps, FormState> {\r\n  private _submitButtonLabel = UiCore.translate(\"form.submitButtonLabel\");\r\n  private _errorPrefix = UiCore.translate(\"form.errorPrefix\");\r\n  private _errorSuffix = UiCore.translate(\"form.errorSuffix\");\r\n\r\n  constructor(props: FormProps) {\r\n    super(props);\r\n\r\n    // set initial values for field values\r\n    const values: FieldValues = {};\r\n    Object.keys(props.fields).forEach((key) => values[key] = props.fields[key].value);\r\n\r\n    this.state = {\r\n      errorMsg: \"\",\r\n      values,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Returns whether there is an errorMsg message in the state/context\r\n   * @param errorMsg - The form errorMsg\r\n   */\r\n  private haveError(errorMsg: string) {\r\n    return errorMsg && errorMsg.length;\r\n  }\r\n\r\n  private _setValues = (values: FieldValues) => {\r\n    this.setState((prevState) => ({ values: { ...prevState.values, ...values } }));\r\n  };\r\n\r\n  private _handleSubmit = (event: React.FormEvent<HTMLFormElement>, values: FieldValues) => {\r\n    event.preventDefault();\r\n\r\n    // istanbul ignore next\r\n    if (!this.props.handleFormSubmit || !values || 0 === values.length)\r\n      throw new Error(\"A handleFormSubmit function and values must be defined\");\r\n\r\n    this.props.handleFormSubmit(values)\r\n      .then(() => {\r\n        // Currently we don't need to do anything if successful. Typically the hosting dialog will close when the\r\n        // submission is successful.\r\n        // console.log(rtnMsg);\r\n      })\r\n      .catch((reason: Error) => {\r\n        this.setState({ submitSuccess: false, errorMsg: reason.message });\r\n      });\r\n  };\r\n\r\n  public override render() {\r\n    const { submitSuccess, errorMsg } = this.state;\r\n    const { fields, submitButtonLabel } = this.props;\r\n    const context: FormContextState = { ...this.state, setValues: this._setValues };\r\n\r\n    return (\r\n      <FormContext.Provider value={context}>\r\n        <div className=\"core-form-wrapper\">\r\n          <form onSubmit={(event: React.FormEvent<HTMLFormElement>) => this._handleSubmit(event, this.state.values)} noValidate={true}>\r\n            <div className=\"core-form-container\">\r\n              {Object.keys(fields).map((key) => <Field key={key} id={key} {...this.props.fields[key]} />)}\r\n              <div className=\"core-form-footer\">\r\n                <div className=\"core-form-buttons\">\r\n                  <Button type=\"submit\" styleType=\"high-visibility\">\r\n                    {submitButtonLabel ? submitButtonLabel : this._submitButtonLabel}\r\n                  </Button>\r\n                </div>\r\n                {submitSuccess === false && this.haveError(errorMsg) && (\r\n                  <div className=\"core-form-alert\" role=\"alert\">{`${this._errorPrefix}-${errorMsg} ${this._errorSuffix}`}</div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </FormContext.Provider>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/form/Form.scss

@@ -1,78 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-@import "../inputs/variables";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-$text-font-size: $iui-font-size;
-$text-font-color: $buic-text-color;
-$button-font-size: $iui-font-size-leading;
-
-.core-form-wrapper {
-  padding: 8px;
-  padding-bottom: 0;
- }
-
-.core-form-group {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 14px;
-}
-
-.core-form-label {
-  padding:                0;
-  padding-bottom:         4px;
-  margin:                 0;
-  border:                 0 none transparent;
-  display:                block;
-  font-size:              $text-font-size;
-  line-height:            $uicore-inputs-height;
-  text-align:             left;
-  color:                  $buic-text-color;
-}
-
-.core-form-input {
-  line-height:            $uicore-inputs-height;
-}
-
-.core-form-textarea {
-  line-height:             $uicore-inputs-height;
-}
-
-.core-form-select {
-  line-height:            $uicore-inputs-height;
-  height:                 $uicore-inputs-height * 1.27;
-  width:                  fit-content;
-  min-width:              20%;
-}
-
-.core-form-footer {
-  flex-shrink: 0;
-  padding-bottom: 0;
-
-  > .core-form-buttons {
-    display: flex;
-    justify-content: flex-end;
-
-    > * {
-      min-width: 80px;
-      font-size:              $button-font-size;
-
-      &:not(:first-child) {
-        margin-left: $uicore-inputs-margin;
-      }
-    }
-  }
-}
-
-.core-form-alert {
-  padding: 0.75rem;
-  margin-top: .5rem;
-  margin-bottom: .25rem;
-  border: 1px solid transparent;
-  border-radius: 0.25rem;
-  color: $buic-accessory-alert;
-  background-color: $buic-accessory-alert-tint;
-}

package/lib/esm/core-react/icons/SvgSprite.d.ts

@@ -1,21 +0,0 @@
-/** @packageDocumentation
- * @module Icon
- */
-import "./SvgSprite.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties of [[SvgSprite]] component.
- * @public @deprecated in 3.2.
- */
-export interface SvgSpriteProps extends CommonProps {
-    /** Source for the Svg */
-    src: string;
-}
-/** Svg element wrapper.
- * This component is deprecate -- use IconComponent
- * @public @deprecated in 3.2.
- */
-export declare class SvgSprite extends React.PureComponent<SvgSpriteProps> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=SvgSprite.d.ts.map

package/lib/esm/core-react/icons/SvgSprite.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgSprite.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAE1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;IAChD,MAAM;CAYvB"}

package/lib/esm/core-react/icons/SvgSprite.js

@@ -1,23 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* 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 Icon
- */
-import "./SvgSprite.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Svg element wrapper.
- * This component is deprecate -- use IconComponent
- * @public @deprecated in 3.2.
- */
-export class SvgSprite extends React.PureComponent {
-    render() {
-        const className = classnames("core-icons-svgSprite", this.props.className);
-        return (React.createElement("svg", { className: className, style: this.props.style, width: "100%", height: "100%" },
-            React.createElement("use", { xmlnsXlink: "http://www.w3.org/1999/xlink", xlinkHref: this.props.src })));
-    }
-}
-//# sourceMappingURL=SvgSprite.js.map

package/lib/esm/core-react/icons/SvgSprite.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgSprite.js","sourceRoot":"","sources":["../../../../src/core-react/icons/SvgSprite.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,aAA6B;IAChD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAC5E,6BAAK,UAAU,EAAC,8BAA8B,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAI,CACxE,CACP,CAAC;IACJ,CAAC;CACF","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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Icon\r\n */\r\n\r\nimport \"./SvgSprite.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties of [[SvgSprite]] component.\r\n * @public @deprecated in 3.2.\r\n */\r\nexport interface SvgSpriteProps extends CommonProps {\r\n  /** Source for the Svg */\r\n  src: string;\r\n}\r\n\r\n/** Svg element wrapper.\r\n * This component is deprecate -- use IconComponent\r\n * @public @deprecated in 3.2.\r\n */\r\nexport class SvgSprite extends React.PureComponent<SvgSpriteProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-icons-svgSprite\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <svg className={className} style={this.props.style} width=\"100%\" height=\"100%\">\r\n        <use xmlnsXlink=\"http://www.w3.org/1999/xlink\" xlinkHref={this.props.src} />\r\n      </svg>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/core-react/inputs/LabeledInput.d.ts

@@ -1,18 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/// <reference types="react" />
-import { InputProps } from "./Input";
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-/** Properties for [[LabeledInput]] components
- * @public
- * @deprecated in 3.0. Use LabeledInputProps in itwinui-react instead
- */
-export interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps {
-}
-/** Text input wrapper that provides additional styling and labeling
- * @public
- * @deprecated in 3.0. Use LabeledInput in itwinui-react instead
- */
-export declare function LabeledInput(props: LabeledInputProps): JSX.Element;
-//# sourceMappingURL=LabeledInput.d.ts.map

package/lib/esm/core-react/inputs/LabeledInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledInput.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAIxF;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,UAAU,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAExG;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA4BpD"}

package/lib/esm/core-react/inputs/LabeledInput.js

@@ -1,30 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Input } from "./Input";
-/** Text input wrapper that provides additional styling and labeling
- * @public
- * @deprecated in 3.0. Use LabeledInput in itwinui-react instead
- */
-export function LabeledInput(props) {
-    const { label, status, className, style, inputClassName, inputStyle, labelClassName, labelStyle, disabled, message, messageClassName, messageStyle, ...otherProps } = props;
-    return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-input", disabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement("div", { className: classnames("input", { "with-icon": !!status }) },
-            React.createElement(Input, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
-            status &&
-                React.createElement("i", { className: classnames("icon", `icon-status-${status}`) })),
-        message &&
-            React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
-}
-//# sourceMappingURL=LabeledInput.js.map

package/lib/esm/core-react/inputs/LabeledInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledInput.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledInput.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAW5C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EACrC,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAAE,QAAQ,EACpC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,6BAA6B,EAC7B,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;YAC5D,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;YAC1F,MAAM;gBACL,2BAAG,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,eAAe,MAAM,EAAE,CAAC,GAAI,CAE3D;QACL,OAAO;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Input, InputProps } from \"./Input\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for [[LabeledInput]] components\r\n * @public\r\n * @deprecated in 3.0. Use LabeledInputProps in itwinui-react instead\r\n */\r\nexport interface LabeledInputProps extends InputProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\r\n\r\n/** Text input wrapper that provides additional styling and labeling\r\n * @public\r\n * @deprecated in 3.0. Use LabeledInput in itwinui-react instead\r\n */\r\nexport function LabeledInput(props: LabeledInputProps) {    // eslint-disable-line deprecation/deprecation\r\n  const { label, status, className, style,\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle, disabled,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-input\",\r\n      disabled && \"uicore-disabled\",\r\n      status,\r\n      className,\r\n    )}>\r\n      {label &&\r\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n      }\r\n      <div className={classnames(\"input\", { \"with-icon\": !!status })}>\r\n        <Input disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\r\n        {status &&\r\n          <i className={classnames(\"icon\", `icon-status-${status}`)} />\r\n        }\r\n      </div>\r\n      {message &&\r\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\r\n      }\r\n    </label>\r\n  );\r\n}\r\n"]}

package/lib/esm/core-react/inputs/LabeledTextarea.d.ts

@@ -1,18 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-/// <reference types="react" />
-import { LabeledComponentProps, MessagedComponentProps } from "./LabeledComponentProps";
-import { TextareaProps } from "./Textarea";
-/** Properties for [[LabeledTextarea]] component
- * @public
- * @deprecated in 3.0. Use LabeledTextareaProps in itwinui-react instead
- */
-export interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps {
-}
-/** Textarea wrapper that allows for additional styling and labelling
- * @public
- * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
- */
-export declare function LabeledTextarea(props: LabeledTextareaProps): JSX.Element;
-//# sourceMappingURL=LabeledTextarea.d.ts.map

package/lib/esm/core-react/inputs/LabeledTextarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledTextarea.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAIrD;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,qBAAqB,EAAE,sBAAsB;CAAI;AAE9G;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAuB1D"}

package/lib/esm/core-react/inputs/LabeledTextarea.js

@@ -1,28 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Textarea } from "./Textarea";
-/** Textarea wrapper that allows for additional styling and labelling
- * @public
- * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead
- */
-export function LabeledTextarea(props) {
-    const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars
-    inputClassName, inputStyle, labelClassName, labelStyle, message, messageClassName, messageStyle, ...otherProps } = props;
-    return (React.createElement("label", { style: style, className: classnames("uicore-inputs-labeled-textarea", disabled && "uicore-disabled", status, className) },
-        label &&
-            React.createElement("div", { className: classnames("uicore-label", labelClassName), style: labelStyle },
-                " ",
-                label,
-                " "),
-        React.createElement(Textarea, { disabled: disabled, className: inputClassName, style: inputStyle, ...otherProps }),
-        message &&
-            React.createElement("div", { className: classnames("uicore-message", messageClassName), style: messageStyle }, message)));
-}
-//# sourceMappingURL=LabeledTextarea.js.map

package/lib/esm/core-react/inputs/LabeledTextarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabeledTextarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/LabeledTextarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAUrD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,wDAAwD;IACzG,cAAc,EAAE,UAAU,EAC1B,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EACvC,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,+BAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CACxC,gCAAgC,EAChC,QAAQ,IAAI,iBAAiB,EAC7B,MAAM,EACN,SAAS,CACV;QACE,KAAK;YACJ,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU;;gBAAI,KAAK;oBAAQ;QAEhG,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,KAAM,UAAU,GAAI;QAC7F,OAAO;YACN,6BAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,IAAG,OAAO,CAAO,CAEhG,CACT,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { LabeledComponentProps, MessagedComponentProps } from \"./LabeledComponentProps\";\r\nimport { Textarea, TextareaProps } from \"./Textarea\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for [[LabeledTextarea]] component\r\n * @public\r\n * @deprecated in 3.0. Use LabeledTextareaProps in itwinui-react instead\r\n */\r\nexport interface LabeledTextareaProps extends TextareaProps, LabeledComponentProps, MessagedComponentProps { }  // eslint-disable-line deprecation/deprecation\r\n\r\n/** Textarea wrapper that allows for additional styling and labelling\r\n * @public\r\n * @deprecated in 3.0. Use LabeledTextarea in itwinui-react instead\r\n */\r\nexport function LabeledTextarea(props: LabeledTextareaProps) {  // eslint-disable-line deprecation/deprecation\r\n  const { label, status, className, disabled, style, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    inputClassName, inputStyle,\r\n    labelClassName, labelStyle,\r\n    message, messageClassName, messageStyle,\r\n    ...otherProps } = props;\r\n\r\n  return (\r\n    <label style={style} className={classnames(\r\n      \"uicore-inputs-labeled-textarea\",\r\n      disabled && \"uicore-disabled\",\r\n      status,\r\n      className,\r\n    )}>\r\n      {label &&\r\n        <div className={classnames(\"uicore-label\", labelClassName)} style={labelStyle}> {label} </div>\r\n      }\r\n      <Textarea disabled={disabled} className={inputClassName} style={inputStyle} {...otherProps} />\r\n      {message &&\r\n        <div className={classnames(\"uicore-message\", messageClassName)} style={messageStyle}>{message}</div>\r\n      }\r\n    </label>\r\n  );\r\n}\r\n"]}

package/lib/esm/core-react/inputs/Textarea.d.ts

@@ -1,23 +0,0 @@
-/** @packageDocumentation
- * @module Inputs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[Textarea]] component
- * @public
- * @deprecated in 3.0. Use TextareaProps in itwinui-react instead
- */
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {
-    /** Number of textarea rows. Default is 3. */
-    rows?: number;
-    /** Indicates whether to set focus to the textarea element */
-    setFocus?: boolean;
-    /** Provides ability to return reference to HTMLInputElement */
-    ref?: React.Ref<HTMLTextAreaElement>;
-}
-/** Basic textarea component
- * @public
- * @deprecated in 3.0. Use Textarea in itwinui-react instead
- */
-export declare const Textarea: (props: TextareaProps) => JSX.Element | null;
-//# sourceMappingURL=Textarea.d.ts.map

package/lib/esm/core-react/inputs/Textarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/core-react/inputs/Textarea.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,WAAW;IACnG,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACtC;AA6BD;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,GAAG,IAAyB,CAAC"}

package/lib/esm/core-react/inputs/Textarea.js

@@ -1,33 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-import classnames from "classnames";
-import * as React from "react";
-import { Textarea as ITwinUI_Textarea } from "@itwin/itwinui-react";
-import { useRefs } from "../utils/hooks/useRefs";
-// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted
-const ForwardRefTextarea = React.forwardRef(// eslint-disable-line deprecation/deprecation
-function ForwardRefTextarea(props, ref) {
-    const { className, style, rows, setFocus, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
-    const textRows = undefined !== rows ? rows : 3;
-    const textAreaElementRef = React.useRef(null);
-    const refs = useRefs(textAreaElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
-    React.useEffect(() => {
-        if (textAreaElementRef.current && setFocus)
-            textAreaElementRef.current.focus();
-    }, [setFocus]);
-    const handleFocus = React.useCallback((event) => {
-        event.currentTarget.select();
-    }, []);
-    return (React.createElement(ITwinUI_Textarea, { ...otherProps, ref: refs, rows: textRows, onFocus: handleFocus, className: classnames("uicore-inputs-textarea", className), style: style }));
-});
-/** Basic textarea component
- * @public
- * @deprecated in 3.0. Use Textarea in itwinui-react instead
- */
-export const Textarea = ForwardRefTextarea; // eslint-disable-line deprecation/deprecation
-//# sourceMappingURL=Textarea.js.map

package/lib/esm/core-react/inputs/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/core-react/inputs/Textarea.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAgBjD,0GAA0G;AAC1G,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAyC,8CAA8C;AAChI,SAAS,kBAAkB,CAAC,KAAK,EAAE,GAAG;IACpC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,CAAC,wDAAwD;IAC3H,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC,CAAE,uGAAuG;IAEvJ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,kBAAkB,CAAC,OAAO,IAAI,QAAQ;YACxC,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA4C,EAAE,EAAE;QACrF,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,gBAAgB,OAAK,UAAU,EAC9B,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiD,kBAAkB,CAAC,CAAG,8CAA8C","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 Inputs\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Textarea as ITwinUI_Textarea } from \"@itwin/itwinui-react\";\r\nimport { useRefs } from \"../utils/hooks/useRefs\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[Textarea]] component\r\n * @public\r\n * @deprecated in 3.0. Use TextareaProps in itwinui-react instead\r\n */\r\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CommonProps {\r\n  /** Number of textarea rows. Default is 3. */\r\n  rows?: number;\r\n  /** Indicates whether to set focus to the textarea element */\r\n  setFocus?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLTextAreaElement>;\r\n}\r\n\r\n// Defined using following pattern (const Input at bottom) to ensure useful API documentation is extracted\r\nconst ForwardRefTextarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(    // eslint-disable-line deprecation/deprecation\r\n  function ForwardRefTextarea(props, ref) {\r\n    const { className, style, rows, setFocus, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const textRows = undefined !== rows ? rows : 3;\r\n    const textAreaElementRef = React.useRef<HTMLTextAreaElement>(null);\r\n    const refs = useRefs(textAreaElementRef, ref);  // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.\r\n\r\n    React.useEffect(() => {\r\n      if (textAreaElementRef.current && setFocus)\r\n        textAreaElementRef.current.focus();\r\n    }, [setFocus]);\r\n\r\n    const handleFocus = React.useCallback((event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n      event.currentTarget.select();\r\n    }, []);\r\n\r\n    return (\r\n      <ITwinUI_Textarea {...otherProps}\r\n        ref={refs}\r\n        rows={textRows}\r\n        onFocus={handleFocus}\r\n        className={classnames(\"uicore-inputs-textarea\", className)} style={style} />\r\n    );\r\n  }\r\n);\r\n\r\n/** Basic textarea component\r\n * @public\r\n * @deprecated in 3.0. Use Textarea in itwinui-react instead\r\n */\r\nexport const Textarea: (props: TextareaProps) => JSX.Element | null = ForwardRefTextarea;   // eslint-disable-line deprecation/deprecation\r\n"]}