@itwin/appui-react 3.0.2 → 3.0.3

package/CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log - @itwin/appui-react
 
-This log was last generated on Thu, 10 Mar 2022 21:18:13 GMT and should not be manually modified.
+This log was last generated on Fri, 25 Mar 2022 15:10:01 GMT and should not be manually modified.
+
+## 3.0.3
+Fri, 25 Mar 2022 15:10:01 GMT
+
+_Version update only_
 
 ## 3.0.2
 Thu, 10 Mar 2022 21:18:13 GMT

package/lib/cjs/appui-react/accudraw/AccuDrawInputField.js

@@ -23,7 +23,7 @@ const ForwardRefAccuDrawInput = React.forwardRef(function ForwardRefAccuDrawInpu
     const [needValueChanged, setNeedValueChanged] = React.useState(false);
     const [needSelection, setNeedSelection] = React.useState(false);
     const [isFocusField, setIsFocusField] = React.useState(false);
-    const inputElementRef = React.useRef();
+    const inputElementRef = React.useRef(null);
     const refs = (0, core_react_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 formattedValue = FrameworkAccuDraw_1.FrameworkAccuDraw.getFieldDisplayValue(field);

package/lib/cjs/appui-react/accudraw/AccuDrawInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.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 AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawInputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ItemField } from \"@itwin/core-frontend\";\r\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\r\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\n\r\n/** Properties for [[AccuDrawInputField]] component\r\n * @beta\r\n */\r\nexport interface AccuDrawInputFieldProps extends CommonProps {\r\n  /** Which AccuDraw field this represents */\r\n  field: ItemField;\r\n  /** id for the input element */\r\n  id: string;\r\n  /** Indicates whether field is locked */\r\n  isLocked?: boolean;\r\n  /** label for the input element */\r\n  label?: string;\r\n  /** icon for the input element */\r\n  iconSpec?: IconSpec;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n  /** Center justified label */\r\n  labelCentered?: boolean;\r\n  /** Triggered when the content is changed */\r\n  onValueChanged: (stringValue: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\r\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\r\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\r\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\r\n    const [stringValue, setStringValue] = React.useState(\"\");\r\n    const timeoutId = React.useRef(0);\r\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\r\n    const [needSelection, setNeedSelection] = React.useState(false);\r\n    const [isFocusField, setIsFocusField] = React.useState(false);\r\n    const inputElementRef = React.useRef<HTMLInputElement>();\r\n    const refs = useRefs(inputElementRef, 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      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\r\n      setStringValue(formattedValue);\r\n    }, [field]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\r\n      const value = event.currentTarget.value;\r\n\r\n      // istanbul ignore next\r\n      if (value === undefined)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (stringValue !== value) {\r\n        setStringValue(value);\r\n        setNeedValueChanged(true);\r\n      }\r\n    }, [stringValue]);\r\n\r\n    const unsetTimeout = (): void => {\r\n      // istanbul ignore else\r\n      if (timeoutId) {\r\n        window.clearTimeout(timeoutId.current);\r\n        timeoutId.current = 0;\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      // After setStringValue & re-render\r\n      // istanbul ignore else\r\n      if (needValueChanged) {\r\n        if (valueChangedDelay) {\r\n          unsetTimeout();\r\n          timeoutId.current = window.setTimeout(() => {\r\n            onValueChanged(stringValue);\r\n          }, valueChangedDelay);\r\n        } else {\r\n          onValueChanged(stringValue);\r\n        }\r\n        setNeedValueChanged(false);\r\n      }\r\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\r\n\r\n    React.useEffect(() => {\r\n      // On unmount\r\n      return () => unsetTimeout();\r\n    }, []);\r\n\r\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\r\n      switch (e.key) {\r\n        case SpecialKey.Escape:\r\n          onEscPressed && onEscPressed();\r\n          return;\r\n        case SpecialKey.Enter:\r\n          onEnterPressed && onEnterPressed();\r\n          return;\r\n      }\r\n\r\n      if (isLetter(e.key)) {\r\n        e.preventDefault();\r\n        KeyboardShortcutManager.processKey(e.key);\r\n        return;\r\n      }\r\n    }, [onEscPressed, onEnterPressed]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\r\n        if (args.field === field && stringValue !== args.formattedValue) {\r\n          setStringValue(args.formattedValue);\r\n          // istanbul ignore else\r\n          if (isFocusField)\r\n            setNeedSelection(true);\r\n        }\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\r\n    }, [field, isFocusField, stringValue]);\r\n\r\n    React.useEffect(() => {\r\n      if (needSelection) {\r\n        // istanbul ignore else\r\n        if (inputElementRef.current)\r\n          inputElementRef.current.select();\r\n        setNeedSelection(false);\r\n      }\r\n    }, [needSelection]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n        setIsFocusField(args.field === field);\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n    }, [field]);\r\n\r\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\r\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\r\n      labelCentered && \"uifw-label-centered\",\r\n      labelClassName\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\r\n          {label}\r\n          {iconSpec && <Icon iconSpec={iconSpec} />}\r\n        </label>\r\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\r\n          className={inputClassNames} style={style} autoComplete=\"off\"\r\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\r\n        <span className=\"uifw-accudraw-lock\" >\r\n          {isLocked && <Icon iconSpec=\"icon-lock\" />}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\n/** Input field for AccuDraw Ui\r\n * @beta\r\n */\r\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\r\n"]}
+{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.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 AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawInputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ItemField } from \"@itwin/core-frontend\";\r\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\r\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\n\r\n/** Properties for [[AccuDrawInputField]] component\r\n * @beta\r\n */\r\nexport interface AccuDrawInputFieldProps extends CommonProps {\r\n  /** Which AccuDraw field this represents */\r\n  field: ItemField;\r\n  /** id for the input element */\r\n  id: string;\r\n  /** Indicates whether field is locked */\r\n  isLocked?: boolean;\r\n  /** label for the input element */\r\n  label?: string;\r\n  /** icon for the input element */\r\n  iconSpec?: IconSpec;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n  /** Center justified label */\r\n  labelCentered?: boolean;\r\n  /** Triggered when the content is changed */\r\n  onValueChanged: (stringValue: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\r\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\r\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\r\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\r\n    const [stringValue, setStringValue] = React.useState(\"\");\r\n    const timeoutId = React.useRef(0);\r\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\r\n    const [needSelection, setNeedSelection] = React.useState(false);\r\n    const [isFocusField, setIsFocusField] = React.useState(false);\r\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElementRef, 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      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\r\n      setStringValue(formattedValue);\r\n    }, [field]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\r\n      const value = event.currentTarget.value;\r\n\r\n      // istanbul ignore next\r\n      if (value === undefined)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (stringValue !== value) {\r\n        setStringValue(value);\r\n        setNeedValueChanged(true);\r\n      }\r\n    }, [stringValue]);\r\n\r\n    const unsetTimeout = (): void => {\r\n      // istanbul ignore else\r\n      if (timeoutId) {\r\n        window.clearTimeout(timeoutId.current);\r\n        timeoutId.current = 0;\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      // After setStringValue & re-render\r\n      // istanbul ignore else\r\n      if (needValueChanged) {\r\n        if (valueChangedDelay) {\r\n          unsetTimeout();\r\n          timeoutId.current = window.setTimeout(() => {\r\n            onValueChanged(stringValue);\r\n          }, valueChangedDelay);\r\n        } else {\r\n          onValueChanged(stringValue);\r\n        }\r\n        setNeedValueChanged(false);\r\n      }\r\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\r\n\r\n    React.useEffect(() => {\r\n      // On unmount\r\n      return () => unsetTimeout();\r\n    }, []);\r\n\r\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\r\n      switch (e.key) {\r\n        case SpecialKey.Escape:\r\n          onEscPressed && onEscPressed();\r\n          return;\r\n        case SpecialKey.Enter:\r\n          onEnterPressed && onEnterPressed();\r\n          return;\r\n      }\r\n\r\n      if (isLetter(e.key)) {\r\n        e.preventDefault();\r\n        KeyboardShortcutManager.processKey(e.key);\r\n        return;\r\n      }\r\n    }, [onEscPressed, onEnterPressed]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\r\n        if (args.field === field && stringValue !== args.formattedValue) {\r\n          setStringValue(args.formattedValue);\r\n          // istanbul ignore else\r\n          if (isFocusField)\r\n            setNeedSelection(true);\r\n        }\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\r\n    }, [field, isFocusField, stringValue]);\r\n\r\n    React.useEffect(() => {\r\n      if (needSelection) {\r\n        // istanbul ignore else\r\n        if (inputElementRef.current)\r\n          inputElementRef.current.select();\r\n        setNeedSelection(false);\r\n      }\r\n    }, [needSelection]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n        setIsFocusField(args.field === field);\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n    }, [field]);\r\n\r\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\r\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\r\n      labelCentered && \"uifw-label-centered\",\r\n      labelClassName\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\r\n          {label}\r\n          {iconSpec && <Icon iconSpec={iconSpec} />}\r\n        </label>\r\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\r\n          className={inputClassNames} style={style} autoComplete=\"off\"\r\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\r\n        <span className=\"uifw-accudraw-lock\" >\r\n          {isLocked && <Icon iconSpec=\"icon-lock\" />}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\n/** Input field for AccuDraw Ui\r\n * @beta\r\n */\r\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\r\n"]}

package/lib/esm/appui-react/accudraw/AccuDrawInputField.js

@@ -20,7 +20,7 @@ const ForwardRefAccuDrawInput = React.forwardRef(function ForwardRefAccuDrawInpu
     const [needValueChanged, setNeedValueChanged] = React.useState(false);
     const [needSelection, setNeedSelection] = React.useState(false);
     const [isFocusField, setIsFocusField] = React.useState(false);
-    const inputElementRef = React.useRef();
+    const inputElementRef = React.useRef(null);
     const refs = useRefs(inputElementRef, ref); // combine ref needed for target with the forwardRef needed by the Parent when parent is a Type Editor.
     React.useEffect(() => {
         const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);

package/lib/esm/appui-react/accudraw/AccuDrawInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.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 AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawInputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ItemField } from \"@itwin/core-frontend\";\r\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\r\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\n\r\n/** Properties for [[AccuDrawInputField]] component\r\n * @beta\r\n */\r\nexport interface AccuDrawInputFieldProps extends CommonProps {\r\n  /** Which AccuDraw field this represents */\r\n  field: ItemField;\r\n  /** id for the input element */\r\n  id: string;\r\n  /** Indicates whether field is locked */\r\n  isLocked?: boolean;\r\n  /** label for the input element */\r\n  label?: string;\r\n  /** icon for the input element */\r\n  iconSpec?: IconSpec;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n  /** Center justified label */\r\n  labelCentered?: boolean;\r\n  /** Triggered when the content is changed */\r\n  onValueChanged: (stringValue: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\r\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\r\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\r\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\r\n    const [stringValue, setStringValue] = React.useState(\"\");\r\n    const timeoutId = React.useRef(0);\r\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\r\n    const [needSelection, setNeedSelection] = React.useState(false);\r\n    const [isFocusField, setIsFocusField] = React.useState(false);\r\n    const inputElementRef = React.useRef<HTMLInputElement>();\r\n    const refs = useRefs(inputElementRef, 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      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\r\n      setStringValue(formattedValue);\r\n    }, [field]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\r\n      const value = event.currentTarget.value;\r\n\r\n      // istanbul ignore next\r\n      if (value === undefined)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (stringValue !== value) {\r\n        setStringValue(value);\r\n        setNeedValueChanged(true);\r\n      }\r\n    }, [stringValue]);\r\n\r\n    const unsetTimeout = (): void => {\r\n      // istanbul ignore else\r\n      if (timeoutId) {\r\n        window.clearTimeout(timeoutId.current);\r\n        timeoutId.current = 0;\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      // After setStringValue & re-render\r\n      // istanbul ignore else\r\n      if (needValueChanged) {\r\n        if (valueChangedDelay) {\r\n          unsetTimeout();\r\n          timeoutId.current = window.setTimeout(() => {\r\n            onValueChanged(stringValue);\r\n          }, valueChangedDelay);\r\n        } else {\r\n          onValueChanged(stringValue);\r\n        }\r\n        setNeedValueChanged(false);\r\n      }\r\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\r\n\r\n    React.useEffect(() => {\r\n      // On unmount\r\n      return () => unsetTimeout();\r\n    }, []);\r\n\r\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\r\n      switch (e.key) {\r\n        case SpecialKey.Escape:\r\n          onEscPressed && onEscPressed();\r\n          return;\r\n        case SpecialKey.Enter:\r\n          onEnterPressed && onEnterPressed();\r\n          return;\r\n      }\r\n\r\n      if (isLetter(e.key)) {\r\n        e.preventDefault();\r\n        KeyboardShortcutManager.processKey(e.key);\r\n        return;\r\n      }\r\n    }, [onEscPressed, onEnterPressed]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\r\n        if (args.field === field && stringValue !== args.formattedValue) {\r\n          setStringValue(args.formattedValue);\r\n          // istanbul ignore else\r\n          if (isFocusField)\r\n            setNeedSelection(true);\r\n        }\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\r\n    }, [field, isFocusField, stringValue]);\r\n\r\n    React.useEffect(() => {\r\n      if (needSelection) {\r\n        // istanbul ignore else\r\n        if (inputElementRef.current)\r\n          inputElementRef.current.select();\r\n        setNeedSelection(false);\r\n      }\r\n    }, [needSelection]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n        setIsFocusField(args.field === field);\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n    }, [field]);\r\n\r\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\r\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\r\n      labelCentered && \"uifw-label-centered\",\r\n      labelClassName\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\r\n          {label}\r\n          {iconSpec && <Icon iconSpec={iconSpec} />}\r\n        </label>\r\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\r\n          className={inputClassNames} style={style} autoComplete=\"off\"\r\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\r\n        <span className=\"uifw-accudraw-lock\" >\r\n          {isLocked && <Icon iconSpec=\"icon-lock\" />}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\n/** Input field for AccuDraw Ui\r\n * @beta\r\n */\r\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\r\n"]}
+{"version":3,"file":"AccuDrawInputField.js","sourceRoot":"","sources":["../../../../src/appui-react/accudraw/AccuDrawInputField.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 AccuDraw\r\n */\r\n\r\nimport \"./AccuDrawInputField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { ItemField } from \"@itwin/core-frontend\";\r\nimport { CommonProps, Icon, IconSpec, useRefs } from \"@itwin/core-react\";\r\nimport { isLetter, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { KeyboardShortcutManager } from \"../keyboardshortcut/KeyboardShortcut\";\r\nimport { AccuDrawSetFieldFocusEventArgs, AccuDrawSetFieldValueToUiEventArgs, FrameworkAccuDraw } from \"./FrameworkAccuDraw\";\r\n\r\n/** Properties for [[AccuDrawInputField]] component\r\n * @beta\r\n */\r\nexport interface AccuDrawInputFieldProps extends CommonProps {\r\n  /** Which AccuDraw field this represents */\r\n  field: ItemField;\r\n  /** id for the input element */\r\n  id: string;\r\n  /** Indicates whether field is locked */\r\n  isLocked?: boolean;\r\n  /** label for the input element */\r\n  label?: string;\r\n  /** icon for the input element */\r\n  iconSpec?: IconSpec;\r\n  /** Custom CSS class name for the label */\r\n  labelClassName?: string;\r\n  /** Custom CSS Style for the label */\r\n  labelStyle?: React.CSSProperties;\r\n  /** Center justified label */\r\n  labelCentered?: boolean;\r\n  /** Triggered when the content is changed */\r\n  onValueChanged: (stringValue: string) => void;\r\n  /** Frequency to poll for changes in value, in milliseconds */\r\n  valueChangedDelay?: number;\r\n  /** Listens for <Enter> keypress */\r\n  onEnterPressed?: () => void;\r\n  /** Listens for <Esc> keypress */\r\n  onEscPressed?: () => void;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefAccuDrawInput = React.forwardRef<HTMLInputElement, AccuDrawInputFieldProps>(\r\n  function ForwardRefAccuDrawInputField(props: AccuDrawInputFieldProps, ref) {\r\n    const { className, style, id, label, iconSpec, labelClassName, labelStyle, labelCentered, field, isLocked,\r\n      onValueChanged, valueChangedDelay, onEnterPressed, onEscPressed, ...inputProps } = props;\r\n    const [stringValue, setStringValue] = React.useState(\"\");\r\n    const timeoutId = React.useRef(0);\r\n    const [needValueChanged, setNeedValueChanged] = React.useState(false);\r\n    const [needSelection, setNeedSelection] = React.useState(false);\r\n    const [isFocusField, setIsFocusField] = React.useState(false);\r\n    const inputElementRef = React.useRef<HTMLInputElement>(null);\r\n    const refs = useRefs(inputElementRef, 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      const formattedValue = FrameworkAccuDraw.getFieldDisplayValue(field);\r\n      setStringValue(formattedValue);\r\n    }, [field]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>): void => {\r\n      const value = event.currentTarget.value;\r\n\r\n      // istanbul ignore next\r\n      if (value === undefined)\r\n        return;\r\n\r\n      // istanbul ignore else\r\n      if (stringValue !== value) {\r\n        setStringValue(value);\r\n        setNeedValueChanged(true);\r\n      }\r\n    }, [stringValue]);\r\n\r\n    const unsetTimeout = (): void => {\r\n      // istanbul ignore else\r\n      if (timeoutId) {\r\n        window.clearTimeout(timeoutId.current);\r\n        timeoutId.current = 0;\r\n      }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n      // After setStringValue & re-render\r\n      // istanbul ignore else\r\n      if (needValueChanged) {\r\n        if (valueChangedDelay) {\r\n          unsetTimeout();\r\n          timeoutId.current = window.setTimeout(() => {\r\n            onValueChanged(stringValue);\r\n          }, valueChangedDelay);\r\n        } else {\r\n          onValueChanged(stringValue);\r\n        }\r\n        setNeedValueChanged(false);\r\n      }\r\n    }, [onValueChanged, valueChangedDelay, stringValue, needValueChanged]);\r\n\r\n    React.useEffect(() => {\r\n      // On unmount\r\n      return () => unsetTimeout();\r\n    }, []);\r\n\r\n    const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\r\n      switch (e.key) {\r\n        case SpecialKey.Escape:\r\n          onEscPressed && onEscPressed();\r\n          return;\r\n        case SpecialKey.Enter:\r\n          onEnterPressed && onEnterPressed();\r\n          return;\r\n      }\r\n\r\n      if (isLetter(e.key)) {\r\n        e.preventDefault();\r\n        KeyboardShortcutManager.processKey(e.key);\r\n        return;\r\n      }\r\n    }, [onEscPressed, onEnterPressed]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldValueToUi = (args: AccuDrawSetFieldValueToUiEventArgs) => {\r\n        if (args.field === field && stringValue !== args.formattedValue) {\r\n          setStringValue(args.formattedValue);\r\n          // istanbul ignore else\r\n          if (isFocusField)\r\n            setNeedSelection(true);\r\n        }\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldValueToUiEvent.addListener(handleSetFieldValueToUi);\r\n    }, [field, isFocusField, stringValue]);\r\n\r\n    React.useEffect(() => {\r\n      if (needSelection) {\r\n        // istanbul ignore else\r\n        if (inputElementRef.current)\r\n          inputElementRef.current.select();\r\n        setNeedSelection(false);\r\n      }\r\n    }, [needSelection]);\r\n\r\n    React.useEffect(() => {\r\n      const handleSetFieldFocus = (args: AccuDrawSetFieldFocusEventArgs) => {\r\n        setIsFocusField(args.field === field);\r\n      };\r\n      return FrameworkAccuDraw.onAccuDrawSetFieldFocusEvent.addListener(handleSetFieldFocus);\r\n    }, [field]);\r\n\r\n    const inputClassNames = classnames(\"uifw-accudraw-input-field\", className);\r\n    const labelClassNames = classnames(\"uifw-accudraw-input-label\",\r\n      labelCentered && \"uifw-label-centered\",\r\n      labelClassName\r\n    );\r\n\r\n    return (\r\n      <>\r\n        <label htmlFor={id} className={labelClassNames} style={labelStyle}>\r\n          {label}\r\n          {iconSpec && <Icon iconSpec={iconSpec} />}\r\n        </label>\r\n        <Input {...inputProps} ref={refs} id={id} value={stringValue}\r\n          className={inputClassNames} style={style} autoComplete=\"off\"\r\n          onChange={handleChange} onKeyDown={handleKeyDown} size=\"small\" />\r\n        <span className=\"uifw-accudraw-lock\" >\r\n          {isLocked && <Icon iconSpec=\"icon-lock\" />}\r\n        </span>\r\n      </>\r\n    );\r\n  }\r\n);\r\n\r\n/** Input field for AccuDraw Ui\r\n * @beta\r\n */\r\nexport const AccuDrawInputField: (props: AccuDrawInputFieldProps) => JSX.Element | null = ForwardRefAccuDrawInput;\r\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/appui-react",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "UI framework",
   "main": "lib/cjs/appui-react.js",
   "module": "lib/esm/appui-react.js",
@@ -21,19 +21,19 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.0.2",
-    "@itwin/appui-layout-react": "^3.0.2",
-    "@itwin/components-react": "^3.0.2",
-    "@itwin/core-bentley": "^3.0.2",
-    "@itwin/core-common": "^3.0.2",
-    "@itwin/core-frontend": "^3.0.2",
-    "@itwin/core-geometry": "^3.0.2",
-    "@itwin/core-markup": "^3.0.2",
-    "@itwin/core-quantity": "^3.0.2",
-    "@itwin/core-react": "^3.0.2",
-    "@itwin/imodel-components-react": "^3.0.2",
-    "@itwin/presentation-common": "^3.0.2",
-    "@itwin/presentation-frontend": "^3.0.2",
+    "@itwin/appui-abstract": "^3.0.3",
+    "@itwin/appui-layout-react": "^3.0.3",
+    "@itwin/components-react": "^3.0.3",
+    "@itwin/core-bentley": "^3.0.3",
+    "@itwin/core-common": "^3.0.3",
+    "@itwin/core-frontend": "^3.0.3",
+    "@itwin/core-geometry": "^3.0.3",
+    "@itwin/core-markup": "^3.0.3",
+    "@itwin/core-quantity": "^3.0.3",
+    "@itwin/core-react": "^3.0.3",
+    "@itwin/imodel-components-react": "^3.0.3",
+    "@itwin/presentation-common": "^3.0.3",
+    "@itwin/presentation-frontend": "^3.0.3",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-redux": "^7.2.2",
@@ -44,22 +44,22 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "3.0.2",
-    "@itwin/appui-layout-react": "3.0.2",
-    "@itwin/build-tools": "3.0.2",
-    "@itwin/components-react": "3.0.2",
-    "@itwin/core-bentley": "3.0.2",
-    "@itwin/core-common": "3.0.2",
-    "@itwin/core-frontend": "3.0.2",
-    "@itwin/core-geometry": "3.0.2",
-    "@itwin/core-markup": "3.0.2",
-    "@itwin/core-quantity": "3.0.2",
-    "@itwin/core-react": "3.0.2",
-    "@itwin/eslint-plugin": "3.0.2",
-    "@itwin/imodel-components-react": "3.0.2",
-    "@itwin/presentation-common": "3.0.2",
-    "@itwin/presentation-frontend": "3.0.2",
-    "@itwin/presentation-testing": "3.0.2",
+    "@itwin/appui-abstract": "3.0.3",
+    "@itwin/appui-layout-react": "3.0.3",
+    "@itwin/build-tools": "3.0.3",
+    "@itwin/components-react": "3.0.3",
+    "@itwin/core-bentley": "3.0.3",
+    "@itwin/core-common": "3.0.3",
+    "@itwin/core-frontend": "3.0.3",
+    "@itwin/core-geometry": "3.0.3",
+    "@itwin/core-markup": "3.0.3",
+    "@itwin/core-quantity": "3.0.3",
+    "@itwin/core-react": "3.0.3",
+    "@itwin/eslint-plugin": "3.0.3",
+    "@itwin/imodel-components-react": "3.0.3",
+    "@itwin/presentation-common": "3.0.3",
+    "@itwin/presentation-frontend": "3.0.3",
+    "@itwin/presentation-testing": "3.0.3",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/chai": "^4.1.4",
@@ -114,8 +114,8 @@
   "dependencies": {
     "@bentley/icons-generic": "^1.0.15",
     "@bentley/icons-generic-webfont": "^1.0.15",
-    "@itwin/core-telemetry": "3.0.2",
-    "@itwin/presentation-components": "3.0.2",
+    "@itwin/core-telemetry": "3.0.3",
+    "@itwin/presentation-components": "3.0.3",
     "@itwin/itwinui-css": "^0.37.0",
     "@itwin/itwinui-react": "~1.28.0",
     "classnames": "^2.3.1",