@oracle/oraclejet 13.1.11 → 13.1.12

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_TextArea.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextArea = require('./TextArea-232e9fa0.js');
+var TextArea = require('./TextArea-98c718bc.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/compat');
@@ -11,70 +11,70 @@ require('./hooks/UNSAFE_useFormContext.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./hooks/UNSAFE_useFocusableTextField.js');
-require('./tslib.es6-3659ebc5.js');
+require('./tslib.es6-03328b80.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-cf73e4c7.js');
+require('./useFocusWithin-f4b3d690.js');
 require('./UNSAFE_Label.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-b3f97005.js');
+require('./classNames-a1a4bca8.js');
 
 require('./UNSAFE_TextField.js');
 require('./utils/UNSAFE_interpolations/text.js');
-require('./keys-fb1ade49.js');
-require('./_curry1-912e9a2e.js');
-require('./_has-f34557c6.js');
+require('./keys-0828fec7.js');
+require('./_curry1-e0bfa924.js');
+require('./_has-5808062e.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-063ec008.js');
-require('./TextFieldInput-4d636e8c.js');
+require('./_curry2-ad5d2dfb.js');
+require('./TextFieldInput-6adac30b.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-03831176.js');
+require('./clientHints-65f9613e.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-0012c37e.js');
+require('./Flex-bb27d8ad.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
+require('./stringUtils-e02aced9.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-1ac3cfb1.js');
+require('./flexbox-20b23fc3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d05489ac.js');
+require('./flexitem-a9b567a2.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_LiveRegion.js');
 require('./hooks/UNSAFE_useTextField.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_UserAssistance.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-3ea3b479.js');
+require('./ComponentMessage-60563abe.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-f91ec704.js');
+require('./HiddenAccessible-00e0d36e.js');
 require('./UNSAFE_Message.js');
-require('./MessageCloseButton-38d49212.js');
-require('./MessageDetail-af12cd78.js');
-require('./MessageFormattingUtils-7ee57234.js');
+require('./MessageCloseButton-72a30b89.js');
+require('./MessageDetail-13bf2441.js');
+require('./MessageFormattingUtils-94652849.js');
 require('./utils/UNSAFE_getLocale.js');
-require('./Message.types-bcb7278d.js');
-require('./MessageStartIcon-67d5b355.js');
-require('./index-c892eb63.js');
+require('./Message.types-1530ce4b.js');
+require('./MessageStartIcon-addbbdb3.js');
+require('./index-878d4378.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-6bdc52df.js');
+require('./Icon-ec1ce0c7.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./index-88218b92.js');
-require('./MessageSummary-466f7a33.js');
-require('./MessageTimestamp-edaf1d41.js');
-require('./MessageUtils-759ba0cd.js');
+require('./index-4d9a58d0.js');
+require('./MessageSummary-b4a7582d.js');
+require('./MessageTimestamp-f632a2e0.js');
+require('./MessageUtils-774fe4ce.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-59e5cf91.js');
+require('./MessagesManager-fe72d685.js');
 require('./UNSAFE_TransitionGroup.js');
-require('./ComponentMessageContainer-16e6e2a0.js');
+require('./ComponentMessageContainer-e073abb1.js');
 require('./hooks/UNSAFE_useLengthFilter.js');
 require('./utils/UNSAFE_lengthFilter.js');
 require('./hooks/UNSAFE_useCurrentValueReducer.js');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_TextAreaAutosize.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextAreaAutosize = require('./TextAreaAutosize-79e36abf.js');
+var TextAreaAutosize = require('./TextAreaAutosize-1510cc74.js');
 require('preact/jsx-runtime');
 require('preact');
 require('preact/compat');
@@ -11,70 +11,70 @@ require('./hooks/UNSAFE_useFormContext.js');
 require('preact/hooks');
 require('./hooks/UNSAFE_useFormFieldContext.js');
 require('./hooks/UNSAFE_useFocusableTextField.js');
-require('./tslib.es6-3659ebc5.js');
+require('./tslib.es6-03328b80.js');
 require('./hooks/UNSAFE_useFocusWithin.js');
-require('./useFocusWithin-cf73e4c7.js');
+require('./useFocusWithin-f4b3d690.js');
 require('./UNSAFE_Label.js');
 require('./utils/UNSAFE_classNames.js');
-require('./classNames-b3f97005.js');
+require('./classNames-a1a4bca8.js');
 
 require('./UNSAFE_TextField.js');
 require('./utils/UNSAFE_interpolations/text.js');
-require('./keys-fb1ade49.js');
-require('./_curry1-912e9a2e.js');
-require('./_has-f34557c6.js');
+require('./keys-0828fec7.js');
+require('./_curry1-e0bfa924.js');
+require('./_has-5808062e.js');
 require('./utils/UNSAFE_mergeInterpolations.js');
-require('./_curry2-063ec008.js');
-require('./TextFieldInput-4d636e8c.js');
+require('./_curry2-ad5d2dfb.js');
+require('./TextFieldInput-6adac30b.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-03831176.js');
+require('./clientHints-65f9613e.js');
 require('./hooks/UNSAFE_useTranslationBundle.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('./UNSAFE_LabelValueLayout.js');
 require('./UNSAFE_Flex.js');
-require('./Flex-0012c37e.js');
+require('./Flex-bb27d8ad.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
+require('./stringUtils-e02aced9.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-1ac3cfb1.js');
+require('./flexbox-20b23fc3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d05489ac.js');
+require('./flexitem-a9b567a2.js');
 require('./hooks/UNSAFE_useDebounce.js');
 require('./UNSAFE_LiveRegion.js');
 require('./hooks/UNSAFE_useTextField.js');
 require('./hooks/UNSAFE_useId.js');
 require('./UNSAFE_UserAssistance.js');
 require('./UNSAFE_ComponentMessage.js');
-require('./ComponentMessage-3ea3b479.js');
+require('./ComponentMessage-60563abe.js');
 require('./UNSAFE_HiddenAccessible.js');
-require('./HiddenAccessible-f91ec704.js');
+require('./HiddenAccessible-00e0d36e.js');
 require('./UNSAFE_Message.js');
-require('./MessageCloseButton-38d49212.js');
-require('./MessageDetail-af12cd78.js');
-require('./MessageFormattingUtils-7ee57234.js');
+require('./MessageCloseButton-72a30b89.js');
+require('./MessageDetail-13bf2441.js');
+require('./MessageFormattingUtils-94652849.js');
 require('./utils/UNSAFE_getLocale.js');
-require('./Message.types-bcb7278d.js');
-require('./MessageStartIcon-67d5b355.js');
-require('./index-c892eb63.js');
+require('./Message.types-1530ce4b.js');
+require('./MessageStartIcon-addbbdb3.js');
+require('./index-878d4378.js');
 require('./UNSAFE_Icon.js');
-require('./Icon-6bdc52df.js');
+require('./Icon-ec1ce0c7.js');
 require('./hooks/UNSAFE_useUser.js');
 require('./hooks/UNSAFE_useTheme.js');
-require('./index-88218b92.js');
-require('./MessageSummary-466f7a33.js');
-require('./MessageTimestamp-edaf1d41.js');
-require('./MessageUtils-759ba0cd.js');
+require('./index-4d9a58d0.js');
+require('./MessageSummary-b4a7582d.js');
+require('./MessageTimestamp-f632a2e0.js');
+require('./MessageUtils-774fe4ce.js');
 require('./utils/UNSAFE_logger.js');
 require('./utils/UNSAFE_soundUtils.js');
-require('./MessagesManager-59e5cf91.js');
+require('./MessagesManager-fe72d685.js');
 require('./UNSAFE_TransitionGroup.js');
-require('./ComponentMessageContainer-16e6e2a0.js');
+require('./ComponentMessageContainer-e073abb1.js');
 require('./hooks/UNSAFE_useLengthFilter.js');
 require('./utils/UNSAFE_lengthFilter.js');
 require('./hooks/UNSAFE_useCurrentValueReducer.js');

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_TextField.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.11 */
+/* @oracle/oraclejet-preact: 13.1.12 */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-3659ebc5.js');
+var tslib_es6 = require('./tslib.es6-03328b80.js');
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
 require('identity-obj-proxy');
@@ -11,33 +11,33 @@ require('./utils/UNSAFE_classNames.js');
 var utils_UNSAFE_interpolations_text = require('./utils/UNSAFE_interpolations/text.js');
 var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
 var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
-var TextFieldInput = require('./TextFieldInput-4d636e8c.js');
-var classNames = require('./classNames-b3f97005.js');
+var TextFieldInput = require('./TextFieldInput-6adac30b.js');
+var classNames = require('./classNames-a1a4bca8.js');
 var UNSAFE_LabelValueLayout = require('./UNSAFE_LabelValueLayout.js');
 var preact = require('preact');
 require('./UNSAFE_Flex.js');
-var _curry1$2 = require('./_curry1-912e9a2e.js');
-var _curry2$1 = require('./_curry2-063ec008.js');
-var Flex = require('./Flex-0012c37e.js');
+var _curry1$2 = require('./_curry1-e0bfa924.js');
+var _curry2$1 = require('./_curry2-ad5d2dfb.js');
+var Flex = require('./Flex-bb27d8ad.js');
 var hooks_UNSAFE_useDebounce = require('./hooks/UNSAFE_useDebounce.js');
 var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
 var UNSAFE_LiveRegion = require('./UNSAFE_LiveRegion.js');
 require('preact/hooks');
-require('./keys-fb1ade49.js');
-require('./_has-f34557c6.js');
+require('./keys-0828fec7.js');
+require('./_has-5808062e.js');
 require('./hooks/UNSAFE_useTextFieldInputHandlers.js');
 require('./utils/PRIVATE_clientHints.js');
-require('./clientHints-03831176.js');
+require('./clientHints-65f9613e.js');
 require('./utils/UNSAFE_size.js');
 require('./utils/UNSAFE_stringUtils.js');
-require('./stringUtils-5a0ba5c1.js');
+require('./stringUtils-e02aced9.js');
 require('./utils/UNSAFE_interpolations/dimensions.js');
 require('./utils/UNSAFE_arrayUtils.js');
 require('./utils/UNSAFE_interpolations/boxalignment.js');
 require('./utils/UNSAFE_interpolations/flexbox.js');
-require('./flexbox-1ac3cfb1.js');
+require('./flexbox-20b23fc3.js');
 require('./utils/UNSAFE_interpolations/flexitem.js');
-require('./flexitem-d05489ac.js');
+require('./flexitem-a9b567a2.js');
 require('./UNSAFE_Environment.js');
 require('./UNSAFE_Layer.js');
 require('preact/compat');
@@ -48,15 +48,15 @@ require('preact/compat');
 
 const borderToTextAreaContentMargin = '0.25rem';
 const readOnlyTextFieldStyles = {
-  base: "_upvlst",
-  textareaBase: "_nl8mnx",
-  inEnabledFormBase: "bc9dts",
-  textareaInEnabledFormBase: "_hs996",
-  inEnabledFormLabelInside: "_6xyycr",
-  textareaInEnabledFormLabelInside: "_jla39u",
-  inEnabledFormNoLabelInside: "_lbyw2f",
+  base: "_t41z59",
+  textareaBase: "uo152",
+  inEnabledFormBase: "_17j3e",
+  textareaInEnabledFormBase: "iaemns",
+  inEnabledFormLabelInside: "_18ytfd",
+  textareaInEnabledFormLabelInside: "hn1yaj",
+  inEnabledFormNoLabelInside: "_4ciqo9",
   // don't apply this for textarea
-  inEnabledFormNoStartContent: "_9e3vc0"
+  inEnabledFormNoStartContent: "_tb96x"
 };
 function ReadonlyTextFieldInput(_a) {
   var {
@@ -416,18 +416,18 @@ const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)'; //
 
 const ojButtonSmIconSize = '1.25rem';
 const textFieldContainerStyles = {
-  base: "_qr8ggu",
-  textarea: "_b5md8o",
-  labelInside: "_ipcvko",
-  focused: "uqsfne",
+  base: "sfm8u7",
+  textarea: "_dj7pfn",
+  labelInside: "opq093",
+  focused: "_fnbmj6",
   resize: {
-    both: "p5newj",
-    horizontal: "_5nznk",
-    vertical: "_urzmum"
+    both: "dfrbmq",
+    horizontal: "_kk5kfb",
+    vertical: "l36mfv"
   },
-  disabled: "_k72rcd",
-  error: "_pd5hbi",
-  warning: "_r7d52z"
+  disabled: "v1peld",
+  error: "_45mq0s",
+  warning: "a8l6bf"
 };
 const containerContentVariantStyles = {
   textarea: textFieldContainerStyles.textarea,
@@ -444,13 +444,13 @@ const getStyle = curry_1((styles, variant) => variant && styles[variant]);
 const getContainerContentVariantStyles = getStyle(containerContentVariantStyles);
 const getContainerStatusVariantStyles = getStyle(containerStatusVariantStyles);
 const textFieldStartContentStyles = {
-  base: "_23an5v",
-  labelInside: "sncwsh",
-  disabled: "_if8i0n"
+  base: "_9isga9",
+  labelInside: "_jyii9b",
+  disabled: "jpi7qm"
 };
 const textFieldMiddleStyles = {
-  base: "_3psyjc",
-  textarea: "qoyoy5"
+  base: "_6kbz88",
+  textarea: "_3htdyl"
 };
 const middleContentVariantStyles = {
   textarea: textFieldMiddleStyles.textarea,
@@ -459,8 +459,8 @@ const middleContentVariantStyles = {
 };
 const getMiddleContentVariantStyles = getStyle(middleContentVariantStyles);
 const textFieldEndContentStyles = {
-  base: "_i52ivr",
-  labelInside: "ig1zsl"
+  base: "_pt8k1e",
+  labelInside: "_lauzca"
 }; // Renders the oj-text-field-container dom which includes the
 // start, middle (where the inside label and inputElem goes),
 // and end pieces of the form component.

package/dist/js/libs/oraclejet-preact/cjs/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx","../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../../node_modules/ramda/src/internal/_arity.js","../../../node_modules/ramda/src/internal/_curryN.js","../../../node_modules/ramda/src/curryN.js","../../../node_modules/ramda/src/curry.js","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/TextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/index.ts"],"sourcesContent":["import { ComponentChildren, JSX, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { getLoadingAriaLabel } from './FormControlUtils';\n\ntype AutoFocusProp = JSX.HTMLAttributes<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: JSX.HTMLAttributes<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    ariaLabel?: string;\n    ariaLabelledby?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    id?: string;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaLabel,\n  ariaLabelledby,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  id,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    as !== 'textarea' && // not for textarea element\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledby}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      tabIndex={0}>\n      {value}\n    </div>\n  );\n}\n","import { ComponentChildren, JSX } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype UAProps = {\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","function _arity(n, fn) {\n  /* eslint-disable no-unused-vars */\n  switch (n) {\n    case 0:\n      return function () {\n        return fn.apply(this, arguments);\n      };\n\n    case 1:\n      return function (a0) {\n        return fn.apply(this, arguments);\n      };\n\n    case 2:\n      return function (a0, a1) {\n        return fn.apply(this, arguments);\n      };\n\n    case 3:\n      return function (a0, a1, a2) {\n        return fn.apply(this, arguments);\n      };\n\n    case 4:\n      return function (a0, a1, a2, a3) {\n        return fn.apply(this, arguments);\n      };\n\n    case 5:\n      return function (a0, a1, a2, a3, a4) {\n        return fn.apply(this, arguments);\n      };\n\n    case 6:\n      return function (a0, a1, a2, a3, a4, a5) {\n        return fn.apply(this, arguments);\n      };\n\n    case 7:\n      return function (a0, a1, a2, a3, a4, a5, a6) {\n        return fn.apply(this, arguments);\n      };\n\n    case 8:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n        return fn.apply(this, arguments);\n      };\n\n    case 9:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n        return fn.apply(this, arguments);\n      };\n\n    case 10:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n        return fn.apply(this, arguments);\n      };\n\n    default:\n      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n  }\n}\n\nmodule.exports = _arity;","var _arity =\n/*#__PURE__*/\nrequire(\"./_arity\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder\");\n/**\n * Internal curryN function.\n *\n * @private\n * @category Function\n * @param {Number} length The arity of the curried function.\n * @param {Array} received An array of arguments received thus far.\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curryN(length, received, fn) {\n  return function () {\n    var combined = [];\n    var argsIdx = 0;\n    var left = length;\n    var combinedIdx = 0;\n\n    while (combinedIdx < received.length || argsIdx < arguments.length) {\n      var result;\n\n      if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {\n        result = received[combinedIdx];\n      } else {\n        result = arguments[argsIdx];\n        argsIdx += 1;\n      }\n\n      combined[combinedIdx] = result;\n\n      if (!_isPlaceholder(result)) {\n        left -= 1;\n      }\n\n      combinedIdx += 1;\n    }\n\n    return left <= 0 ? fn.apply(this, combined) : _arity(left, _curryN(length, combined, fn));\n  };\n}\n\nmodule.exports = _curryN;","var _arity =\n/*#__PURE__*/\nrequire(\"./internal/_arity\");\n\nvar _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2\");\n\nvar _curryN =\n/*#__PURE__*/\nrequire(\"./internal/_curryN\");\n/**\n * Returns a curried equivalent of the provided function, with the specified\n * arity. The curried function has two unusual capabilities. First, its\n * arguments needn't be provided one at a time. If `g` is `R.curryN(3, f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.5.0\n * @category Function\n * @sig Number -> (* -> a) -> (* -> a)\n * @param {Number} length The arity for the returned function.\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curry\n * @example\n *\n *      const sumArgs = (...args) => R.sum(args);\n *\n *      const curriedAddFourNumbers = R.curryN(4, sumArgs);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curryN =\n/*#__PURE__*/\n_curry2(function curryN(length, fn) {\n  if (length === 1) {\n    return _curry1(fn);\n  }\n\n  return _arity(length, _curryN(length, [], fn));\n});\n\nmodule.exports = curryN;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar curryN =\n/*#__PURE__*/\nrequire(\"./curryN\");\n/**\n * Returns a curried equivalent of the provided function. The curried function\n * has two unusual capabilities. First, its arguments needn't be provided one\n * at a time. If `f` is a ternary function and `g` is `R.curry(f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Function\n * @sig (* -> a) -> (* -> a)\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curryN, R.partial\n * @example\n *\n *      const addFourNumbers = (a, b, c, d) => a + b + c + d;\n *\n *      const curriedAddFourNumbers = R.curry(addFourNumbers);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curry =\n/*#__PURE__*/\n_curry1(function curry(fn) {\n  return curryN(fn.length, fn);\n});\n\nmodule.exports = curry;","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\nimport curry from 'ramda/src/curry';\n\ntype Props = {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  variant?: 'error' | 'warning' | 'textarea' | 'textareaError' | 'textareaWarning';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\nconst containerContentVariantStyles = {\n  textarea: textFieldContainerStyles.textarea,\n  textareaError: textFieldContainerStyles.textarea,\n  textareaWarning: textFieldContainerStyles.textarea\n};\nconst containerStatusVariantStyles = {\n  error: textFieldContainerStyles.error,\n  textareaError: textFieldContainerStyles.error,\n  warning: textFieldContainerStyles.warning,\n  textareaWarning: textFieldContainerStyles.warning\n};\nconst getStyle = curry(\n  (styles: Record<string, string>, variant: string | undefined) => variant && styles[variant]\n);\nconst getContainerContentVariantStyles = getStyle(containerContentVariantStyles);\nconst getContainerStatusVariantStyles = getStyle(containerStatusVariantStyles);\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px'\n  }}`\n};\nconst middleContentVariantStyles = {\n  textarea: textFieldMiddleStyles.textarea,\n  textareaError: textFieldMiddleStyles.textarea,\n  textareaWarning: textFieldMiddleStyles.textarea\n};\nconst getMiddleContentVariantStyles = getStyle(middleContentVariantStyles);\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  insideLabel,\n  mainContent,\n  startContent,\n  endContent,\n  resize,\n  variant,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  let statusVariant = variant?.toLowerCase().replace('textarea', '');\n  // if statusVariant is the empty string, set to undefined\n  statusVariant = statusVariant ? statusVariant : undefined;\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    insideLabel !== undefined && textFieldContainerStyles.labelInside,\n    resize && textFieldContainerStyles.resize[resize],\n    isFocused && textFieldContainerStyles.focused,\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          getContainerStatusVariantStyles(variant),\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          variant && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles,\n    getContainerContentVariantStyles(variant)\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({ hasInsideLabel = false, ...props }: Props) => {\n  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { ComponentChildren, ComponentProps, Fragment, JSX, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  'startContent' | 'mainContent' | 'endContent' | 'variant' | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<JSX.HTMLAttributes<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  variant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\n          <TextFieldContent\n            startContent={startContent}\n            mainContent={mainContent}\n            endContent={endContent}\n            resize={resize}\n            variant={variant}\n            rootRef={mainFieldRef}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          insideLabel={label}\n          startContent={startContent}\n          mainContent={mainContent}\n          endContent={endContent}\n          resize={resize}\n          variant={variant}\n          rootRef={mainFieldRef}\n        />\n        {inlineUserAssistance}\n      </Fragment>\n    );\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { ReadonlyTextFieldInput } from './ReadonlyTextFieldInput';\nexport { ReadonlyTextField } from './ReadonlyTextField';\nexport { TextField } from './TextField';\nexport { TextFieldInput } from './TextFieldInput';\nexport { getInputId } from './TextFieldUtils';\nexport { MaxLengthLiveRegion } from './MaxLengthLiveRegion';\n"],"names":["borderToTextAreaContentMargin","readOnlyTextFieldStyles","ReadonlyTextFieldInput","_a","ariaLabel","ariaLabelledby","autoFocus","as","elementRef","hasInsideLabel","id","inlineUserAssistance","innerReadonlyField","rows","type","value","props","__rest","isLoading","useFormFieldContext","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","base","textareaBase","isFormLayout","isReadonlyForm","inEnabledFormBase","textareaInEnabledFormBase","inEnabledFormNoLabelInside","textareaInEnabledFormLabelInside","inEnabledFormNoStartContent","ref","_jsx","Object","assign","autofocus","class","readonlyDivClasses","role","tabIndex","children","_jsxs","LabelValueLayout","useFormContext","getFormControlClasses","getTextFieldClasses","getReadonlyClasses","classNames","loadingStyles","_arity","require$$0","require$$1","_curryN","_curry1","require$$2","require$$3","curryN","ojButtonHeight","ojButtonSmHeight","ojButtonIconSize","ojButtonSmIconSize","textFieldContainerStyles","resize","containerContentVariantStyles","containerStatusVariantStyles","getStyle","curry","styles","variant","getContainerContentVariantStyles","getContainerStatusVariantStyles","textFieldStartContentStyles","textFieldMiddleStyles","middleContentVariantStyles","getMiddleContentVariantStyles","textFieldEndContentStyles","TextFieldContent","insideLabel","mainContent","startContent","endContent","rootRef","statusVariant","toLowerCase","replace","undefined","labelInside","rootStyles","startContentStyles","Flex","justify","align","middleStyles","endContentStyles","Fragment","useDebounce","useTranslationBundle","LiveRegion"],"mappings":"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ACbF,QAA4B,CAAC;AAC7B;AACA,IAAIG,SAAO;AACE;AACbF,mBAA6B,CAAC;AAC9B;AACA,IAAI,OAAO;AACE;AACbG,mBAA6B,CAAC;AAC9B;AACA,IAAI,OAAO;AACE;AACbC,SAA6B,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,QAAM;AACV;AACA,OAAO,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE;AACpC,EAAE,IAAI,MAAM,KAAK,CAAC,EAAE;AACpB,IAAI,OAAOH,SAAO,CAAC,EAAE,CAAC,CAAC;AACvB,GAAG;AACH;AACA,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC,CAAC;AACH;AACA,IAAA,QAAc,GAAGG,QAAM;;ACrEvB,IAAI,OAAO;AACE;AACbN,mBAA6B,CAAC;AAC9B;AACA,IAAI,MAAM;AACG;AACbC,QAAmB,CAAC;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,KAAK;AACT;AACA,OAAO,CAAC,SAAS,KAAK,CAAC,EAAE,EAAE;AAC3B,EAAE,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC;AACH;AACA,IAAA,OAAc,GAAG,KAAK;;ACrCtB,MAAAM,cAAA,GAAA,SAAA;;AAEA,MAAAC,gBAAA,GAAA,SAAA;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"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx","../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../../node_modules/ramda/src/internal/_arity.js","../../../node_modules/ramda/src/internal/_curryN.js","../../../node_modules/ramda/src/curryN.js","../../../node_modules/ramda/src/curry.js","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/TextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/index.ts"],"sourcesContent":["import { ComponentChildren, JSX, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { getLoadingAriaLabel } from './FormControlUtils';\n\ntype AutoFocusProp = JSX.HTMLAttributes<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: JSX.HTMLAttributes<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    ariaLabel?: string;\n    ariaLabelledby?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    id?: string;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaLabel,\n  ariaLabelledby,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  id,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    as === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    as !== 'textarea' && // not for textarea element\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledby}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        id={id}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledby}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      tabIndex={0}>\n      {value}\n    </div>\n  );\n}\n","import { ComponentChildren, JSX } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement>;\ntype UAProps = {\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","function _arity(n, fn) {\n  /* eslint-disable no-unused-vars */\n  switch (n) {\n    case 0:\n      return function () {\n        return fn.apply(this, arguments);\n      };\n\n    case 1:\n      return function (a0) {\n        return fn.apply(this, arguments);\n      };\n\n    case 2:\n      return function (a0, a1) {\n        return fn.apply(this, arguments);\n      };\n\n    case 3:\n      return function (a0, a1, a2) {\n        return fn.apply(this, arguments);\n      };\n\n    case 4:\n      return function (a0, a1, a2, a3) {\n        return fn.apply(this, arguments);\n      };\n\n    case 5:\n      return function (a0, a1, a2, a3, a4) {\n        return fn.apply(this, arguments);\n      };\n\n    case 6:\n      return function (a0, a1, a2, a3, a4, a5) {\n        return fn.apply(this, arguments);\n      };\n\n    case 7:\n      return function (a0, a1, a2, a3, a4, a5, a6) {\n        return fn.apply(this, arguments);\n      };\n\n    case 8:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n        return fn.apply(this, arguments);\n      };\n\n    case 9:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n        return fn.apply(this, arguments);\n      };\n\n    case 10:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n        return fn.apply(this, arguments);\n      };\n\n    default:\n      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n  }\n}\n\nmodule.exports = _arity;","var _arity =\n/*#__PURE__*/\nrequire(\"./_arity\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder\");\n/**\n * Internal curryN function.\n *\n * @private\n * @category Function\n * @param {Number} length The arity of the curried function.\n * @param {Array} received An array of arguments received thus far.\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curryN(length, received, fn) {\n  return function () {\n    var combined = [];\n    var argsIdx = 0;\n    var left = length;\n    var combinedIdx = 0;\n\n    while (combinedIdx < received.length || argsIdx < arguments.length) {\n      var result;\n\n      if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {\n        result = received[combinedIdx];\n      } else {\n        result = arguments[argsIdx];\n        argsIdx += 1;\n      }\n\n      combined[combinedIdx] = result;\n\n      if (!_isPlaceholder(result)) {\n        left -= 1;\n      }\n\n      combinedIdx += 1;\n    }\n\n    return left <= 0 ? fn.apply(this, combined) : _arity(left, _curryN(length, combined, fn));\n  };\n}\n\nmodule.exports = _curryN;","var _arity =\n/*#__PURE__*/\nrequire(\"./internal/_arity\");\n\nvar _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar _curry2 =\n/*#__PURE__*/\nrequire(\"./internal/_curry2\");\n\nvar _curryN =\n/*#__PURE__*/\nrequire(\"./internal/_curryN\");\n/**\n * Returns a curried equivalent of the provided function, with the specified\n * arity. The curried function has two unusual capabilities. First, its\n * arguments needn't be provided one at a time. If `g` is `R.curryN(3, f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.5.0\n * @category Function\n * @sig Number -> (* -> a) -> (* -> a)\n * @param {Number} length The arity for the returned function.\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curry\n * @example\n *\n *      const sumArgs = (...args) => R.sum(args);\n *\n *      const curriedAddFourNumbers = R.curryN(4, sumArgs);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curryN =\n/*#__PURE__*/\n_curry2(function curryN(length, fn) {\n  if (length === 1) {\n    return _curry1(fn);\n  }\n\n  return _arity(length, _curryN(length, [], fn));\n});\n\nmodule.exports = curryN;","var _curry1 =\n/*#__PURE__*/\nrequire(\"./internal/_curry1\");\n\nvar curryN =\n/*#__PURE__*/\nrequire(\"./curryN\");\n/**\n * Returns a curried equivalent of the provided function. The curried function\n * has two unusual capabilities. First, its arguments needn't be provided one\n * at a time. If `f` is a ternary function and `g` is `R.curry(f)`, the\n * following are equivalent:\n *\n *   - `g(1)(2)(3)`\n *   - `g(1)(2, 3)`\n *   - `g(1, 2)(3)`\n *   - `g(1, 2, 3)`\n *\n * Secondly, the special placeholder value [`R.__`](#__) may be used to specify\n * \"gaps\", allowing partial application of any combination of arguments,\n * regardless of their positions. If `g` is as above and `_` is [`R.__`](#__),\n * the following are equivalent:\n *\n *   - `g(1, 2, 3)`\n *   - `g(_, 2, 3)(1)`\n *   - `g(_, _, 3)(1)(2)`\n *   - `g(_, _, 3)(1, 2)`\n *   - `g(_, 2)(1)(3)`\n *   - `g(_, 2)(1, 3)`\n *   - `g(_, 2)(_, 3)(1)`\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Function\n * @sig (* -> a) -> (* -> a)\n * @param {Function} fn The function to curry.\n * @return {Function} A new, curried function.\n * @see R.curryN, R.partial\n * @example\n *\n *      const addFourNumbers = (a, b, c, d) => a + b + c + d;\n *\n *      const curriedAddFourNumbers = R.curry(addFourNumbers);\n *      const f = curriedAddFourNumbers(1, 2);\n *      const g = f(3);\n *      g(4); //=> 10\n */\n\n\nvar curry =\n/*#__PURE__*/\n_curry1(function curry(fn) {\n  return curryN(fn.length, fn);\n});\n\nmodule.exports = curry;","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\nimport curry from 'ramda/src/curry';\n\ntype Props = {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  variant?: 'error' | 'warning' | 'textarea' | 'textareaError' | 'textareaWarning';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\nconst containerContentVariantStyles = {\n  textarea: textFieldContainerStyles.textarea,\n  textareaError: textFieldContainerStyles.textarea,\n  textareaWarning: textFieldContainerStyles.textarea\n};\nconst containerStatusVariantStyles = {\n  error: textFieldContainerStyles.error,\n  textareaError: textFieldContainerStyles.error,\n  warning: textFieldContainerStyles.warning,\n  textareaWarning: textFieldContainerStyles.warning\n};\nconst getStyle = curry(\n  (styles: Record<string, string>, variant: string | undefined) => variant && styles[variant]\n);\nconst getContainerContentVariantStyles = getStyle(containerContentVariantStyles);\nconst getContainerStatusVariantStyles = getStyle(containerStatusVariantStyles);\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px'\n  }}`\n};\nconst middleContentVariantStyles = {\n  textarea: textFieldMiddleStyles.textarea,\n  textareaError: textFieldMiddleStyles.textarea,\n  textareaWarning: textFieldMiddleStyles.textarea\n};\nconst getMiddleContentVariantStyles = getStyle(middleContentVariantStyles);\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  insideLabel,\n  mainContent,\n  startContent,\n  endContent,\n  resize,\n  variant,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  let statusVariant = variant?.toLowerCase().replace('textarea', '');\n  // if statusVariant is the empty string, set to undefined\n  statusVariant = statusVariant ? statusVariant : undefined;\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    insideLabel !== undefined && textFieldContainerStyles.labelInside,\n    resize && textFieldContainerStyles.resize[resize],\n    isFocused && textFieldContainerStyles.focused,\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          getContainerStatusVariantStyles(variant),\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          variant && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles,\n    getContainerContentVariantStyles(variant)\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\">\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({ hasInsideLabel = false, ...props }: Props) => {\n  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { ComponentChildren, ComponentProps, Fragment, JSX, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  'startContent' | 'mainContent' | 'endContent' | 'variant' | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<JSX.HTMLAttributes<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  variant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\n          <TextFieldContent\n            startContent={startContent}\n            mainContent={mainContent}\n            endContent={endContent}\n            resize={resize}\n            variant={variant}\n            rootRef={mainFieldRef}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          insideLabel={label}\n          startContent={startContent}\n          mainContent={mainContent}\n          endContent={endContent}\n          resize={resize}\n          variant={variant}\n          rootRef={mainFieldRef}\n        />\n        {inlineUserAssistance}\n      </Fragment>\n    );\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { ReadonlyTextFieldInput } from './ReadonlyTextFieldInput';\nexport { ReadonlyTextField } from './ReadonlyTextField';\nexport { TextField } from './TextField';\nexport { TextFieldInput } from './TextFieldInput';\nexport { getInputId } from './TextFieldUtils';\nexport { MaxLengthLiveRegion } from './MaxLengthLiveRegion';\n"],"names":["borderToTextAreaContentMargin","readOnlyTextFieldStyles","ReadonlyTextFieldInput","_a","ariaLabel","ariaLabelledby","autoFocus","as","elementRef","hasInsideLabel","id","inlineUserAssistance","innerReadonlyField","rows","type","value","props","__rest","isLoading","useFormFieldContext","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","base","textareaBase","isFormLayout","isReadonlyForm","inEnabledFormBase","textareaInEnabledFormBase","inEnabledFormNoLabelInside","textareaInEnabledFormLabelInside","inEnabledFormNoStartContent","ref","_jsx","Object","assign","autofocus","class","readonlyDivClasses","role","tabIndex","children","_jsxs","LabelValueLayout","useFormContext","getFormControlClasses","getTextFieldClasses","getReadonlyClasses","classNames","loadingStyles","_arity","require$$0","require$$1","_curryN","_curry1","require$$2","require$$3","curryN","ojButtonHeight","ojButtonSmHeight","ojButtonIconSize","ojButtonSmIconSize","textFieldContainerStyles","resize","containerContentVariantStyles","containerStatusVariantStyles","getStyle","curry","styles","variant","getContainerContentVariantStyles","getContainerStatusVariantStyles","textFieldStartContentStyles","textFieldMiddleStyles","middleContentVariantStyles","getMiddleContentVariantStyles","textFieldEndContentStyles","TextFieldContent","insideLabel","mainContent","startContent","endContent","rootRef","statusVariant","toLowerCase","replace","undefined","labelInside","rootStyles","startContentStyles","Flex","justify","align","middleStyles","endContentStyles","Fragment","useDebounce","useTranslationBundle","LiveRegion"],"mappings":"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ACbF,QAA4B,CAAC;AAC7B;AACA,IAAIG,SAAO;AACE;AACbF,mBAA6B,CAAC;AAC9B;AACA,IAAI,OAAO;AACE;AACbG,mBAA6B,CAAC;AAC9B;AACA,IAAI,OAAO;AACE;AACbC,SAA6B,CAAC;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIC,QAAM;AACV;AACA,OAAO,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,EAAE,EAAE;AACpC,EAAE,IAAI,MAAM,KAAK,CAAC,EAAE;AACpB,IAAI,OAAOH,SAAO,CAAC,EAAE,CAAC,CAAC;AACvB,GAAG;AACH;AACA,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AACjD,CAAC,CAAC,CAAC;AACH;AACA,IAAA,QAAc,GAAGG,QAAM;;ACrEvB,IAAI,OAAO;AACE;AACbN,mBAA6B,CAAC;AAC9B;AACA,IAAI,MAAM;AACG;AACbC,QAAmB,CAAC;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,KAAK;AACT;AACA,OAAO,CAAC,SAAS,KAAK,CAAC,EAAE,EAAE;AAC3B,EAAE,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC;AACH;AACA,IAAA,OAAc,GAAG,KAAK;;ACrCtB,MAAAM,cAAA,GAAA,SAAA;;AAEA,MAAAC,gBAAA,GAAA,SAAA;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"}