@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/amd/UNSAFE_TextField.js

@@ -1,2 +1,191 @@
-define(["exports","./ReadonlyTextFieldInput-1d4e73e8","./tslib.es6-10853083","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-9cd3baeb","./TextFieldInput-58386f8e","./hooks/UNSAFE_useFormFieldContext","./classNames-14cea078","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-95e67964","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-5d739900","./_curry1-8acb7bd9","./_has-eb5860ac","./utils/UNSAFE_mergeInterpolations","./_curry3-3b4923a5","./_curry2-217feee5","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],function(e,s,t,n,a,l,i,r,o,d,c,u,b,x,g,h,m,F,_,j,N,C,E,f,v,y,p,S,A,L,U,O,R,I,T,V,w,M,z,k,D){"use strict";const B=e=>{var{outerClassNames:s,innerClassNames:a,label:i,labelEdge:r,labelStartWidth:o,inlineUserAssistance:d,children:c}=e,u=t.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},u,{class:s},{children:[n.jsx(l.LabelValueLayout,Object.assign({label:i,labelEdge:r,labelStartWidth:o},{children:n.jsx("div",Object.assign({class:a},{children:c}))})),d]}))},q=e=>{var{outerClassNames:s,innerClassNames:a,inlineUserAssistance:l,children:i}=e,r=t.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},r,{class:s},{children:[n.jsx("div",Object.assign({class:a},{children:i})),l]}))},H={base:"_13qnt2c",defaultStyles:"_1c3p4og",embeddedStyles:"bkf6gy",showBorder:"r6dh25",textarea:"l5io91",labelInside:"_18v795o",focused:"_439x9m",resize:{both:"_1npnf1l",horizontal:"qgbvbg",vertical:"_1b8npbu"},disabled:"hhcjtw",error:"_1axq9gs",warning:"_15h78r0"},W="_1w23qhn",$="r5ftt0",K="_17rzf6a",P="_3b0wj8",Z="_1ore9ze",G="_1t9e30o",X="_6595qx",J=({contentVariant:e="input",insideLabel:s,mainContent:t,startContent:a,statusVariant:l="none",styleVariant:i="default",endContent:r,resize:u,rootRef:b})=>{const{isDisabled:x,isFocused:h,isLoading:m}=d.useFormFieldContext(),F=c.classNames([H.base,"embedded"===i?c.classNames([H.embeddedStyles,"none"!==l&&H.showBorder]):c.classNames([H.defaultStyles,H.showBorder,void 0!==s&&H.labelInside,h&&H.focused,"textarea"===e&&H.textarea]),u&&H.resize[u],x?H.disabled:c.classNames(["error"===l&&H.error,"warning"===l&&H.warning,"none"!==l&&`oj-c-text-field-${l}`]),m&&o.loadingStyles]),_=c.classNames([W,null!=s&&$,x&&K]),j=c.classNames([P,"textarea"===e&&Z]),N=c.classNames([G,null!=s&&X]);return n.jsxs("div",Object.assign({role:"presentation",class:F,ref:b},{children:[a&&n.jsx("span",Object.assign({class:_},{children:n.jsx(g.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:a}))})),n.jsxs("div",Object.assign({class:j},{children:[s,t]})),r&&n.jsx("span",Object.assign({class:N},{children:n.jsx(g.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:r}))}))]}))},Q=e=>{var{hasInsideLabel:s=!1,variant:a="default"}=e,l=t.__rest(e,["hasInsideLabel","variant"]);const{isReadonly:i}=d.useFormFieldContext(),u=r.getFormControlClasses(s),b=o.getTextFieldClasses(i,a),x=c.classNames([u,b]);return n.jsx("div",Object.assign({},l,{class:x}))};e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=o.TextFieldInput,e.getInputId=o.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:t=0}){const a=h.useDebounce(s-t,500),l=m.useTranslationBundle("@oracle/oraclejet-preact"),i=l.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),r=l.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(u.Fragment,{children:[n.jsx(F.LiveRegion,{children:r}),e&&n.jsx(F.LiveRegion,Object.assign({type:"assertive"},{children:i}))]})},e.ReadonlyTextField=e=>{var{label:s,labelEdge:l,children:i,variant:u}=e,b=t.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:x,isReadonly:g}=a.useFormContext(),{isLoading:h}=d.useFormFieldContext(),m=void 0!==s&&"inside"===l,F=r.getFormControlClasses(m),_=o.getTextFieldClasses(!0),j=o.getReadonlyClasses(x&&!g,m,u),N=c.classNames([F,_]),C=c.classNames([j,h&&o.loadingStyles]);return void 0===s||"start"!==l&&"top"!==l?n.jsxs(q,Object.assign({outerClassNames:N,innerClassNames:C},b,{children:[s,i]})):n.jsx(B,Object.assign({outerClassNames:N,innerClassNames:C,label:s,labelEdge:l},b,{children:i}))},e.TextField=({contentVariant:e,id:s,endContent:t,mainContent:a,startContent:i,inlineUserAssistance:r,label:o,labelEdge:d,labelStartWidth:c,mainFieldRef:b,resize:x,statusVariant:g,styleVariant:h,onFocus:m,onBlur:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C})=>{const E=void 0===o||"start"!==d&&"top"!==d?n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,insideLabel:o,mainContent:a,resize:x,rootRef:b,startContent:i,statusVariant:g,styleVariant:h}),r]}):n.jsx(l.LabelValueLayout,Object.assign({label:o,labelEdge:d,labelStartWidth:c},{children:n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,mainContent:a,resize:x,rootRef:b,startContent:i,statusVariant:g,styleVariant:h}),r]})}));return n.jsx(Q,Object.assign({id:s,hasInsideLabel:void 0!==o&&"inside"===d,onfocusin:m,onfocusout:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C,variant:h},{children:E}))},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './ReadonlyTextFieldInput-4583f049', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './hooks/UNSAFE_useFormContext', './UNSAFE_LabelValueLayout', './utils/UNSAFE_classNames', './FormControlUtils-802d298a', './TextFieldInput-312fb211', './hooks/UNSAFE_useFormFieldContext', './classNames-027de734', 'preact', "css!./UNSAFE_TextField.css", './UNSAFE_Flex', './Flex-7762d39c', './hooks/UNSAFE_useDebounce', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_LiveRegion', './hooks/UNSAFE_useTabbableMode', 'preact/hooks', './utils/UNSAFE_interpolations/text', './keys-a09501ab', './_curry1-645b9927', './_has-cce283ad', './utils/UNSAFE_mergeInterpolations', './_curry3-4cc6f6ba', './_curry2-93924f19', './utils/UNSAFE_size', './hooks/UNSAFE_useTextFieldInputHandlers', './utils/PRIVATE_clientHints', './clientHints-361cde40', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './UNSAFE_Environment', './UNSAFE_Layer', 'preact/compat'], (function (exports, ReadonlyTextFieldInput, tslib_es6, jsxRuntime, hooks_UNSAFE_useFormContext, UNSAFE_LabelValueLayout, utils_UNSAFE_classNames, FormControlUtils, TextFieldInput, hooks_UNSAFE_useFormFieldContext, classNames, preact, linaria, UNSAFE_Flex, Flex, hooks_UNSAFE_useDebounce, hooks_UNSAFE_useTranslationBundle, UNSAFE_LiveRegion, hooks_UNSAFE_useTabbableMode, hooks, utils_UNSAFE_interpolations_text, keys, _curry1, _has, utils_UNSAFE_mergeInterpolations, _curry3, _curry2, utils_UNSAFE_size, hooks_UNSAFE_useTextFieldInputHandlers, utils_PRIVATE_clientHints, clientHints, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_arrayUtils, utils_UNSAFE_interpolations_boxalignment, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, UNSAFE_Environment, UNSAFE_Layer, compat) { 'use strict';
+
+    const StartTopLabelReadonlyTextField = (_a) => {
+        var { outerClassNames, innerClassNames, label, labelEdge, labelStartWidth, inlineUserAssistance, children } = _a, props = tslib_es6.__rest(_a, ["outerClassNames", "innerClassNames", "label", "labelEdge", "labelStartWidth", "inlineUserAssistance", "children"]);
+        return (jsxRuntime.jsxs("div", Object.assign({}, props, { class: outerClassNames }, { children: [jsxRuntime.jsx(UNSAFE_LabelValueLayout.LabelValueLayout, Object.assign({ label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth }, { children: jsxRuntime.jsx("div", Object.assign({ class: innerClassNames }, { children: children })) })), inlineUserAssistance] })));
+    };
+    const InsideLabelReadonlyTextField = (_a) => {
+        var { outerClassNames, innerClassNames, inlineUserAssistance, children } = _a, props = tslib_es6.__rest(_a, ["outerClassNames", "innerClassNames", "inlineUserAssistance", "children"]);
+        return (jsxRuntime.jsxs("div", Object.assign({}, props, { class: outerClassNames }, { children: [jsxRuntime.jsx("div", Object.assign({ class: innerClassNames }, { children: children })), inlineUserAssistance] })));
+    };
+    const ReadonlyTextField = (_a) => {
+        var { label, labelEdge, children, variant } = _a, props = tslib_es6.__rest(_a, ["label", "labelEdge", "children", "variant"]);
+        const { isFormLayout, isReadonly: isReadonlyForm } = hooks_UNSAFE_useFormContext.useFormContext();
+        const { isLoading } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+        const hasInsideLabel = label !== undefined && labelEdge === 'inside';
+        // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components
+        const formControlClassNames = FormControlUtils.getFormControlClasses(hasInsideLabel);
+        const textFieldClassNames = TextFieldInput.getTextFieldClasses(true);
+        const readonlyClassNames = TextFieldInput.getReadonlyClasses(isFormLayout && !isReadonlyForm, hasInsideLabel, variant);
+        const outerClassNames = classNames.classNames([formControlClassNames, textFieldClassNames]);
+        const innerClassNames = classNames.classNames([readonlyClassNames, isLoading && TextFieldInput.loadingStyles]);
+        if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {
+            return (jsxRuntime.jsx(StartTopLabelReadonlyTextField, Object.assign({ outerClassNames: outerClassNames, innerClassNames: innerClassNames, label: label, labelEdge: labelEdge }, props, { children: children })));
+        }
+        return (jsxRuntime.jsxs(InsideLabelReadonlyTextField, Object.assign({ outerClassNames: outerClassNames, innerClassNames: innerClassNames }, props, { children: [label, children] })));
+    };
+
+    const ojButtonHeight = '2.75rem'; // TODO: replace this with var(--oj-button-sm-height) once it is available
+
+    const ojButtonSmHeight = '2.25rem'; // TODO: replace this with var(--oj-button-icon-size) once it is available
+
+    const ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)'; // TODO: replace this with var(--oj-button-sm-icon-size) once it is available
+
+    const ojButtonSmIconSize = '1.25rem';
+    const textFieldContainerStyles = {
+      base: "base-51xiqe",
+      defaultStyles: "defaultStyles-1cwzzue",
+      embeddedStyles: "embeddedStyles-9m099d",
+      showBorder: "showBorder-1u7wy3d",
+      textarea: "textarea-4oack",
+      labelInside: "labelInside-1y44s23",
+      focused: "focused-18ohasz",
+      resize: {
+        both: "both-1gq7z3l",
+        horizontal: "horizontal-dnreqp",
+        vertical: "vertical-1sau6f"
+      },
+      disabled: "disabled-q1c1gi",
+      error: "error-1j08016",
+      warning: "warning-1i32hn7"
+    };
+    const textFieldStartContentStyles = {
+      base: "base-3eu2wm",
+      labelInside: "labelInside-1pzhp7k",
+      disabled: "disabled-1d875wh"
+    };
+    const textFieldMiddleStyles = {
+      base: "base-2c5kcb",
+      textarea: "textarea-1qcla8d"
+    };
+    const textFieldEndContentStyles = {
+      base: "base-a6tin1",
+      labelInside: "labelInside-1hqwhw1"
+    }; // 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.
+    // This does not include user assistance because that is rendered outside the
+    // oj-text-field-container; that is rendered in the TextField component.
+
+    const TextFieldContent = ({
+      contentVariant = 'input',
+      insideLabel,
+      mainContent,
+      startContent,
+      statusVariant = 'none',
+      styleVariant = 'default',
+      endContent,
+      resize,
+      rootRef
+    }) => {
+      const {
+        isDisabled,
+        isFocused,
+        isLoading
+      } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+      const rootStyles = classNames.classNames([textFieldContainerStyles.base, styleVariant === 'embedded' ? classNames.classNames([textFieldContainerStyles.embeddedStyles, statusVariant !== 'none' && textFieldContainerStyles.showBorder]) : classNames.classNames([textFieldContainerStyles.defaultStyles, textFieldContainerStyles.showBorder, insideLabel !== undefined && textFieldContainerStyles.labelInside, isFocused && textFieldContainerStyles.focused, contentVariant === 'textarea' && textFieldContainerStyles.textarea]), resize && textFieldContainerStyles.resize[resize], isDisabled ? textFieldContainerStyles.disabled : classNames.classNames([statusVariant === 'error' && textFieldContainerStyles.error, statusVariant === 'warning' && textFieldContainerStyles.warning, // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572
+      statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`]), isLoading && TextFieldInput.loadingStyles]);
+      const startContentStyles = classNames.classNames([textFieldStartContentStyles.base, insideLabel != undefined && textFieldStartContentStyles.labelInside, isDisabled && textFieldStartContentStyles.disabled]);
+      const middleStyles = classNames.classNames([textFieldMiddleStyles.base, contentVariant === 'textarea' && textFieldMiddleStyles.textarea // getMiddleContentVariantStyles(variant)
+      ]);
+      const endContentStyles = classNames.classNames([textFieldEndContentStyles.base, insideLabel != undefined && textFieldEndContentStyles.labelInside]);
+      return jsxRuntime.jsxs("div", Object.assign({
+        role: "presentation",
+        class: rootStyles,
+        ref: rootRef
+      }, {
+        children: [startContent && jsxRuntime.jsx("span", Object.assign({
+          class: startContentStyles
+        }, {
+          children: jsxRuntime.jsx(Flex.Flex, Object.assign({
+            justify: "center",
+            align: "center",
+            hasZeroMargins: true
+          }, {
+            children: startContent
+          }))
+        })), jsxRuntime.jsxs("div", Object.assign({
+          class: middleStyles
+        }, {
+          children: [insideLabel, mainContent]
+        })), endContent && jsxRuntime.jsx("span", Object.assign({
+          class: endContentStyles
+        }, {
+          children: jsxRuntime.jsx(Flex.Flex, Object.assign({
+            justify: "center",
+            align: "center",
+            hasZeroMargins: true
+          }, {
+            children: endContent
+          }))
+        }))]
+      }));
+    };
+
+    const StyledTextField = (_a) => {
+        var { hasInsideLabel = false, variant = 'default' } = _a, props = tslib_es6.__rest(_a, ["hasInsideLabel", "variant"]);
+        const { isReadonly } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+        // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components
+        const formControlClassNames = FormControlUtils.getFormControlClasses(hasInsideLabel);
+        const textFieldClassNames = TextFieldInput.getTextFieldClasses(isReadonly, variant);
+        const cssClassNames = classNames.classNames([formControlClassNames, textFieldClassNames]);
+        return jsxRuntime.jsx("div", Object.assign({}, props, { class: cssClassNames }));
+    };
+
+    // TODO: Do we need named props for start/endContent, or could they just be children that get
+    // wrapped in a flex layout?  (from review on 3/8/22)
+    // TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we
+    // have a separate layout component that lays them out, which could just be passed as a child
+    // to the TextField?  (from review on 3/8/22)
+    const TextField = ({ contentVariant, id, endContent, mainContent, startContent, inlineUserAssistance, label, labelEdge, labelStartWidth, mainFieldRef, resize, statusVariant, styleVariant, onFocus, onBlur, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave }) => {
+        // TODO: What are the implications for interoperability between new preact-based form components
+        // and the existing JET oj-form-layout?  The preact form components create their own start/top
+        // labels, while oj-form-layout expects to create those itself and wire them to the existing form
+        // components through attributes like labelled-by.  (from review on 3/8/22)
+        // TODO: How should a parent form component render component-specific content within TextField,
+        // for example an aria live region?  Instead of a children prop on TextField, could the parent
+        // component pass comp-specific content through other props, like inputElem?   The parent could
+        // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)
+        const styledTextFieldChildren = label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (jsxRuntime.jsx(UNSAFE_LabelValueLayout.LabelValueLayout, Object.assign({ label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth }, { children: jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldContent, { contentVariant: contentVariant, endContent: endContent, mainContent: mainContent, resize: resize, rootRef: mainFieldRef, startContent: startContent, statusVariant: statusVariant, styleVariant: styleVariant }), inlineUserAssistance] }) }))) : (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldContent, { contentVariant: contentVariant, endContent: endContent, insideLabel: label, mainContent: mainContent, resize: resize, rootRef: mainFieldRef, startContent: startContent, statusVariant: statusVariant, styleVariant: styleVariant }), inlineUserAssistance] }));
+        return (jsxRuntime.jsx(StyledTextField, Object.assign({ id: id, hasInsideLabel: label !== undefined && labelEdge === 'inside', onfocusin: onFocus, onfocusout: onBlur, onKeyDown: onKeyDown, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, variant: styleVariant }, { children: styledTextFieldChildren })));
+    };
+
+    const MAX_LENGTH_UPDATE_DELAY = 500;
+    function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }) {
+        // Comment copied from InputBase.js in Big JET:
+        // Only update the aria-live div when the user has paused for more than
+        // 500 milliseconds. That way, we avoid queued up aria-live messages which
+        // would be annoying and not helpful. The 500ms was agreed upon in the
+        // accessibility review meeting.
+        const debouncedRemainingChars = hooks_UNSAFE_useDebounce.useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);
+        const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+        const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({
+            MAX_LENGTH: `${maxLength}`
+        });
+        const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({
+            CHARACTER_COUNT: `${debouncedRemainingChars}`
+        });
+        return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(UNSAFE_LiveRegion.LiveRegion, { children: remainingCharsTranslatedString }), isMaxLengthExceeded && (jsxRuntime.jsx(UNSAFE_LiveRegion.LiveRegion, Object.assign({ type: "assertive" }, { children: maxLengthExceededTranslatedString })))] }));
+    }
+
+    /**
+     * @license
+     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+     * The Universal Permissive License (UPL), Version 1.0
+     * as shown at https://oss.oracle.com/licenses/upl/
+     * @ignore
+     */
+
+    exports.ReadonlyTextFieldInput = ReadonlyTextFieldInput.ReadonlyTextFieldInput;
+    exports.TextFieldInput = TextFieldInput.TextFieldInput;
+    exports.getInputId = TextFieldInput.getInputId;
+    exports.MaxLengthLiveRegion = MaxLengthLiveRegion;
+    exports.ReadonlyTextField = ReadonlyTextField;
+    exports.TextField = TextField;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_TextField.js.map

package/amd/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } 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';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<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","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';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\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    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\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};\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    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\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  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\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    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\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\" hasZeroMargins={true}>\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  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: 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, variant);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\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","import { ComponentChildren, ComponentProps, Fragment, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<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<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<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  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\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            contentVariant={contentVariant}\n            endContent={endContent}\n            mainContent={mainContent}\n            resize={resize}\n            rootRef={mainFieldRef}\n            startContent={startContent}\n            statusVariant={statusVariant}\n            styleVariant={styleVariant}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\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      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"sqCA4BA,MAAMA,EAAkCC,IAAA,IAAAC,gBACtCA,EAAeC,gBACfA,EAAeC,MACfA,EAAKC,UACLA,EAASC,gBACTA,EAAeC,qBACfA,EAAoBC,SACpBA,GAAQP,EACLQ,EAAKC,EAAAA,OAAAT,EAR8B,+GAUtC,OACEU,EAAAC,KAAA,MAAAC,OAAAC,OAAA,GAASL,EAAK,CAAEM,MAAOb,GACrB,CAAAM,SAAA,CAAAQ,EAAAC,IAACC,mBAAiBL,OAAAC,OAAA,CAAAV,MAAOA,EAAOC,UAAWA,EAAWC,gBAAiBA,GACrE,CAAAE,SAAAQ,EAAAA,IAAA,MAAAH,OAAAC,OAAA,CAAKC,MAAOZ,GAAkB,CAAAK,SAAAA,QAE/BD,OAMDY,EAAgClB,IAAA,IAAAC,gBACpCA,EAAeC,gBACfA,EAAeI,qBACfA,EAAoBC,SACpBA,GAAQP,EACLQ,EALiCC,EAAAA,OAAAT,EAAA,CAAA,kBAAA,kBAAA,uBAAA,aAOpC,OACEU,OAAS,MAAAE,OAAAC,OAAA,GAAAL,GAAOM,MAAOb,GACrB,CAAAM,SAAA,CAAAQ,EAAAC,IAAA,MAAAJ,OAAAC,OAAA,CAAKC,MAAOZ,aAAkBK,KAC7BD,OC5BPa,EAAA,MAAA,yBAAA,0BAAA,oBAAA,kBAAA,qBAAA,mBAAA,UAsCEC,OAAA,MAAA,sBAAA,uCAtCF,eAAA,+BA6DAC,EAAA,WAAAA,EAAA,SAAAA,aAaAC,EAAA,UAAAA,aAkBAC,EAAA,WAAAA,YAcAC,EAAA,EAAAC,eAAAA,EAAA,QAAAC,YAAAA,EAAAC,YAAAA,EAAAC,aAAAA,EAAAC,cAAAA,EAAA,OAAAC,aAAAA,EAAA,UAAAC,WAAAA,EAAAX,OAAAA,EAAAY,QAAAA,0FAcIb,EAAAc,KACA,aAAAH,gBAEMX,EAAAe,eACA,SAAAL,GAAAV,EAAAgB,2BAGAhB,EAAAiB,cACAjB,EAAAgB,gBACAE,IAAAX,GAAAP,EAAAmB,yBAEA,aAAAb,GAAAN,EAAAoB,WAENnB,GAAAD,EAAAC,OAAAA,8BAIM,UAAAS,GAAAV,EAAAqB,MACA,YAAAX,GAAAV,EAAAsB,QAEA,SAAAZ,GAAA,mBAAAA,MAENa,GAAAC,kCAGAtB,EACAgB,MAAAX,GAAAL,yBAIAC,EACA,aAAAG,GAAAH,oBAIAC,EACAc,MAAAX,GAAAH,IAGF,OAAAb,OAAA,MAAAE,OAAAC,OAAA,CAAA+B,KAAA,eAAA9B,MAAA+B,EAAAC,IAAAd,GAAA,CAAAzB,SAAA,CAAAqB,GAAAb,EAAAA,IAAA,OAAAH,OAAAC,OAAA,CAAAC,MAAAiC,GAAA,CAAAxC,SAAAQ,EAAAC,IAAAgC,OAAApC,OAAAC,OAAA,CAAAoC,QAAA,SAAAC,MAAA,SAAAC,gBAAA,GAAA,CAAA5C,SAAAqB,QAAAlB,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAsC,GAAA,CAAA7C,SAAA,CAAAmB,EAAAC,MAAAI,GAAAhB,EAAAA,IAAA,OAAAH,OAAAC,OAAA,CAAAC,MAAAuC,GAAA,CAAA9C,SAAAQ,EAAAC,IAAAgC,OAAApC,OAAAC,OAAA,CAAAoC,QAAA,SAAAC,MAAA,SAAAC,gBAAA,GAAA,CAAA5C,SAAAwB,aClLWuB,EAAmBtD,IAAA,IAAAuD,eAC9BA,GAAiB,EAAKC,QACtBA,EAAU,WAASxD,EAChBQ,EAH2BC,EAAAA,OAAAT,EAAA,CAAA,iBAAA,YAK9B,MAAMyD,WAAEA,GAAeC,EAAAA,sBAGjBC,EAAwBC,wBAAsBL,GAC9CM,EAAsBC,EAAAA,oBAAoBL,EAAYD,GACtDO,EAAgBC,EAAUA,WAAC,CAACL,EAAuBE,IACzD,OAAO9C,6BAASP,EAAK,CAAEM,MAAOiD,0ICT1B,UAA8BE,oBAAEA,EAAmBC,UAAEA,EAASC,YAAEA,EAAc,IAMlF,MAAMC,EAA0BC,EAAWA,YAACH,EAAYC,EAR1B,KASxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGR,MAEXS,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACE1D,OAACoE,EAAAA,SACC,CAAAvE,SAAA,CAAAQ,EAAAA,IAACgE,EAAUA,WAAE,CAAAxE,SAAAoE,IACZV,GACClD,EAAAA,IAACgE,EAAUA,WAACnE,OAAAC,OAAA,CAAAmE,KAAK,aAAa,CAAAzE,SAAAiE,6BHuCJxE,IAAA,IAAAG,MAAEA,EAAKC,UAAEA,EAASG,SAAEA,EAAQiD,QAAEA,GAAOxD,EAAKQ,EAA1CC,EAAAA,OAAAT,EAAA,CAAA,QAAA,YAAA,WAAA,YAChC,MAAMiF,aAAEA,EAAcxB,WAAYyB,GAAmBC,EAAcA,kBAC7DzC,UAAEA,GAAcgB,EAAAA,sBAChBH,OAA2BlB,IAAVlC,GAAqC,WAAdC,EAGxCuD,EAAwBC,wBAAsBL,GAC9CM,EAAsBC,uBAAoB,GAC1CsB,EAAqBC,EAAAA,mBACzBJ,IAAiBC,EACjB3B,EACAC,GAEIvD,EAAkB+D,EAAUA,WAAC,CAACL,EAAuBE,IACrD3D,EAAkB8D,EAAAA,WAAW,CAACoB,EAAoB1C,GAAaC,EAAaA,gBAElF,YAAcN,IAAVlC,GAAsC,UAAdC,GAAuC,QAAdA,EAcnDM,EAAAA,KAACQ,iBACCjB,gBAAiBA,EACjBC,gBAAiBA,GACbM,EACH,CAAAD,SAAA,CAAAJ,EACAI,MAjBDQ,EAACC,IAAAjB,EACCa,OAAAC,OAAA,CAAAZ,gBAAiBA,EACjBC,gBAAiBA,EACjBC,MAAOA,EACPC,UAAWA,GACPI,EACH,CAAAD,SAAAA,kBItCgB,EACvBkB,eAAAA,EACA6D,GAAAA,EACAvD,WAAAA,EACAJ,YAAAA,EACAC,aAAAA,EACAtB,qBAAAA,EACAH,MAAAA,EACAC,UAAAA,EACAC,gBAAAA,EACAkF,aAAAA,EACAnE,OAAAA,EACAS,cAAAA,EACAC,aAAAA,EACA0D,QAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,aAAAA,MAYA,MAAMC,OACMzD,IAAVlC,GAAsC,UAAdC,GAAuC,QAAdA,EAiB/CM,EAAAA,KAACoE,EAAQA,SACP,CAAAvE,SAAA,CAAAQ,EAAAA,IAACS,EAAgB,CACfC,eAAgBA,EAChBM,WAAYA,EACZL,YAAavB,EACbwB,YAAaA,EACbP,OAAQA,EACRY,QAASuD,EACT3D,aAAcA,EACdC,cAAeA,EACfC,aAAcA,IAEfxB,KA5BHS,EAAAA,IAACE,EAAAA,iBAAgBL,OAAAC,OAAA,CAACV,MAAOA,EAAOC,UAAWA,EAAWC,gBAAiBA,GAAe,CAAAE,SACpFG,EAACC,KAAAmE,WACC,CAAAvE,SAAA,CAAAQ,EAAAC,IAACQ,EAAgB,CACfC,eAAgBA,EAChBM,WAAYA,EACZJ,YAAaA,EACbP,OAAQA,EACRY,QAASuD,EACT3D,aAAcA,EACdC,cAAeA,EACfC,aAAcA,IAEfxB,QAmBT,OACES,EAAAA,IAACuC,EAAe1C,OAAAC,OAAA,CACdyE,GAAIA,EACJ/B,oBAA0BlB,IAAVlC,GAAqC,WAAdC,EACvC2F,UAAWP,EACXQ,WAAYP,EACZC,UAAWA,EACXC,YAAaA,EACbC,aAAcA,EACdC,aAAcA,EACdrC,QAAS1B,GACR,CAAAvB,SAAAuF"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../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 } 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';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<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","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';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\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    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\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};\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    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\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  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\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    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\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\" hasZeroMargins={true}>\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  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: 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, variant);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { ComponentChildren, ComponentProps, Fragment, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\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  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<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<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<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  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\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            contentVariant={contentVariant}\n            endContent={endContent}\n            mainContent={mainContent}\n            resize={resize}\n            rootRef={mainFieldRef}\n            startContent={startContent}\n            statusVariant={statusVariant}\n            styleVariant={styleVariant}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\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      variant={styleVariant}>\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":["__rest","_jsxs","_jsx","LabelValueLayout","useFormContext","useFormFieldContext","getFormControlClasses","getTextFieldClasses","getReadonlyClasses","classNames","loadingStyles","ojButtonHeight","ojButtonSmHeight","ojButtonIconSize","ojButtonSmIconSize","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","Object","assign","role","class","rootStyles","ref","children","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","Fragment","useDebounce","useTranslationBundle","LiveRegion"],"mappings":"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"}

package/amd/UNSAFE_ThemedIcons.js

@@ -1,2 +1,27 @@
-define(["exports","./index-2155a66c","./index-240ba9ad","preact/jsx-runtime","./UNSAFE_Icon","./Icon-f927c830","./tslib.es6-10853083","preact",'module',"./utils/UNSAFE_classNames","./classNames-14cea078","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-d29f2f68","preact/compat","./index-367c5592","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,i,a,r,I,S,t,l,g,u,U,v,h,E,A,N,_,F,k,p,C,d,f,m,w,x,b,O,T){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', './index-f54bad63', './index-5920700b', 'preact/jsx-runtime', './UNSAFE_Icon', './Icon-a6ef6699', './tslib.es6-71b1ba5b', 'preact', 'module', './utils/UNSAFE_classNames', './classNames-027de734', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-08ac18d2', 'preact/compat', './index-e9199379', './hooks/UNSAFE_useUser', './UNSAFE_Environment', './UNSAFE_Layer', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c', './hooks/UNSAFE_useTheme'], (function (exports, UNSAFE_ThemedIcons, UNSAFE_Icons, jsxRuntime, UNSAFE_Icon, Icon, tslib_es6, preact, linaria, utils_UNSAFE_classNames, classNames, hooks_UNSAFE_useTooltip, hooks, hooks_UNSAFE_useId, UNSAFE_Floating, Floating, compat, hooks_UNSAFE_useFloating, hooks_UNSAFE_useUser, UNSAFE_Environment, UNSAFE_Layer, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, utils_UNSAFE_arrayUtils, hooks_UNSAFE_useHover, hooks_UNSAFE_useToggle, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, utils_UNSAFE_mergeProps, hooks_UNSAFE_useAnimation, useAnimation, hooks_UNSAFE_useTheme) { 'use strict';
+
+
+
+	exports.CollapseIcon = UNSAFE_ThemedIcons.CollapseIcon;
+	exports.CheckIcon = UNSAFE_Icons.SvgIcoCheck;
+	exports.CheckboxOffIcon = UNSAFE_Icons.SvgCheckboxOff;
+	exports.CheckboxOnIcon = UNSAFE_Icons.SvgCheckboxOn;
+	exports.ChevronUpIcon = UNSAFE_Icons.SvgIcoChevronUp;
+	exports.CloseIcon = UNSAFE_Icons.SvgIcoClose;
+	exports.CollapseUpIcon = UNSAFE_Icons.SvgIcoChevronUp;
+	exports.DropdownArrowIcon = UNSAFE_Icons.SvgIcoCaretDown;
+	exports.ExpandIcon = UNSAFE_Icons.SvgIcoChevronDown;
+	exports.MessageConfirmationIcon = UNSAFE_Icons.SvgIcoSuccessS;
+	exports.MessageErrorIcon = UNSAFE_Icons.SvgIcoErrorS;
+	exports.MessageInfoIcon = UNSAFE_Icons.SvgIcoInformationS;
+	exports.MessageWarningIcon = UNSAFE_Icons.SvgIcoWarningS;
+	exports.NavDownIcon = UNSAFE_Icons.SvgIcoNavDown;
+	exports.ViewHideIcon = UNSAFE_Icons.SvgIcoViewHide;
+	exports.ViewIcon = UNSAFE_Icons.SvgIcoView;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_ThemedIcons.js.map

package/amd/UNSAFE_ThemedIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ThemedIcons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"UNSAFE_ThemedIcons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/amd/UNSAFE_UserAssistance.css

@@ -1,11 +1,12 @@
-._168c6ga{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._168c6ga:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._168c6ga:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._168c6ga:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}._168c6ga:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
-
-._1k199op{margin-inline-end:0.25rem;white-space:pre;}
-
-.i9d9jk{padding-inline-end:2px;text-align:start;}
-._194e33f{padding-inline-start:2px;text-align:end;}
-._3qttxy{display:none;}
-
-._1pdvfp2{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
-._1hwepxs:empty{margin-top:0px;}
-.rslirc{min-height:1.333rem;}
+.helpTextStyles-1qpizfh{margin-inline-end:0.25rem;white-space:pre;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Vc2VyQXNzaXN0YW5jZS9JbmxpbmVIZWxwLnRzeCJdLCJuYW1lcyI6WyIuaGVscFRleHRTdHlsZXMtMXFwaXpmaCJdLCJtYXBwaW5ncyI6IkFBR01BIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Vc2VyQXNzaXN0YW5jZS9JbmxpbmVIZWxwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBJbmxpbmVIZWxwU291cmNlIH0gZnJvbSAnLi9JbmxpbmVIZWxwU291cmNlJztcbmNvbnN0IGhlbHBUZXh0U3R5bGVzID0gY3NzIGAke3tcbiAgICBtYXJnaW5JbmxpbmVFbmQ6ICcwLjI1cmVtJyxcbiAgICB3aGl0ZVNwYWNlOiAncHJlJ1xufX1gO1xuZXhwb3J0IGZ1bmN0aW9uIElubGluZUhlbHAoeyBhc3Npc3RpdmVUZXh0LCBzb3VyY2VMaW5rLCBzb3VyY2VUZXh0IH0pIHtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2hpbGRyZW46IFthc3Npc3RpdmVUZXh0ICYmIHNvdXJjZUxpbmsgPyAoX2pzeChcInNwYW5cIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzOiBoZWxwVGV4dFN0eWxlcyB9LCB7IGNoaWxkcmVuOiBhc3Npc3RpdmVUZXh0IH0pKSkgOiAoYXNzaXN0aXZlVGV4dCksIHNvdXJjZUxpbmsgJiYgX2pzeChJbmxpbmVIZWxwU291cmNlLCBPYmplY3QuYXNzaWduKHsgc291cmNlOiBzb3VyY2VMaW5rIH0sIHsgY2hpbGRyZW46IHNvdXJjZVRleHQgfSkpXSB9KSk7XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1JbmxpbmVIZWxwLmpzLm1hcCJdfQ==*/
+.rootStyles-1731wa8{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.rootStyles-1731wa8:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}.rootStyles-1731wa8:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}.rootStyles-1731wa8:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}.rootStyles-1731wa8:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Vc2VyQXNzaXN0YW5jZS9JbmxpbmVIZWxwU291cmNlLnRzeCJdLCJuYW1lcyI6WyIucm9vdFN0eWxlcy0xNzMxd2E4Il0sIm1hcHBpbmdzIjoiQUFJTUEiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX1VzZXJBc3Npc3RhbmNlL0lubGluZUhlbHBTb3VyY2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IHVzZVRhYmJhYmxlTW9kZSB9IGZyb20gJy4uL2hvb2tzL1VOU0FGRV91c2VUYWJiYWJsZU1vZGUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb25CdW5kbGUgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVHJhbnNsYXRpb25CdW5kbGUnO1xuY29uc3Qgcm9vdFN0eWxlcyA9IGNzcyBgJHt7XG4gICAgY29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1saW5rLXRleHQtY29sb3IpJyxcbiAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgdGV4dERlY29yYXRpb25MaW5lOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGluay10ZXh0LWRlY29yYXRpb24tbGluZSknLFxuICAgIGN1cnNvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtY3Vyc29yLWNsaWNrYWJsZSknLFxuICAgICcmOnZpc2l0ZWQnOiB7XG4gICAgICAgIGNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGluay10ZXh0LWNvbG9yLXZpc2l0ZWQpJ1xuICAgIH0sXG4gICAgJyY6YWN0aXZlJzoge1xuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxpbmstdGV4dC1jb2xvci1hY3RpdmUpJ1xuICAgIH0sXG4gICAgJyY6aG92ZXInOiB7XG4gICAgICAgIHRleHREZWNvcmF0aW9uTGluZTogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxpbmstdGV4dC1kZWNvcmF0aW9uLWxpbmUtaG92ZXIpJyxcbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiAndGV4dC1kZWNvcmF0aW9uJyxcbiAgICAgICAgdHJhbnNpdGlvbkR1cmF0aW9uOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYW5pbWF0aW9uLWR1cmF0aW9uLWxvbmcpJ1xuICAgIH0sXG4gICAgLy8gVE9ETzogdXNlIGNyb3NzLWJyb3dzZXIgc3VwcG9ydGVkIGZvY3VzIHN0cmF0ZWd5XG4gICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgb3V0bGluZUNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1mb2N1cy1ib3JkZXItY29sb3IpJyxcbiAgICAgICAgb3V0bGluZVN0eWxlOiAnZG90dGVkJyxcbiAgICAgICAgb3V0bGluZVdpZHRoOiAnMXB4JyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0xcHgnXG4gICAgfVxufX1gO1xuZXhwb3J0IGZ1bmN0aW9uIElubGluZUhlbHBTb3VyY2UoeyBjaGlsZHJlbiwgc291cmNlIH0pIHtcbiAgICBjb25zdCB0cmFuc2xhdGlvbnMgPSB1c2VUcmFuc2xhdGlvbkJ1bmRsZSgnQG9yYWNsZS9vcmFjbGVqZXQtcHJlYWN0Jyk7XG4gICAgY29uc3QgdXNlckFzc2lzdGFuY2VfbGVhcm5Nb3JlU3RyID0gdHJhbnNsYXRpb25zLnVzZXJBc3Npc3RhbmNlX2xlYXJuTW9yZSgpO1xuICAgIGNoaWxkcmVuID0gY2hpbGRyZW4gIT09IG51bGwgJiYgY2hpbGRyZW4gIT09IHZvaWQgMCA/IGNoaWxkcmVuIDogdXNlckFzc2lzdGFuY2VfbGVhcm5Nb3JlU3RyO1xuICAgIC8vIEpFVC01MjkxNCAtIEltcGxlbWVudCBUYWJiYWJsZSBtb2RlIEFQSSBjb250cmFjdCBpbiBJbnB1dFRleHRcbiAgICAvLyBpZiBub3QgdGFiYmFibGUsIHNwcmVhZCB0YWJiYWJsZU1vZGVQcm9wcyBvbiBjb21wb25lbnRcbiAgICBjb25zdCB7IGlzVGFiYmFibGUsIHRhYmJhYmxlTW9kZVByb3BzIH0gPSB1c2VUYWJiYWJsZU1vZGUoKTtcbiAgICAvLyBUT0RPOiBJbXBsZW1lbnQgYW5kIHVzZSBhIHByZWFjdCBMaW5rIGNvbXBvbmVudCBpbnN0ZWFkIG9mIHVzaW5nIGFuIGFuY2hvciB0YWdcbiAgICByZXR1cm4gKF9qc3goXCJhXCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogcm9vdFN0eWxlcywgdGFyZ2V0OiBcIl9ibGFua1wiLCBocmVmOiBzb3VyY2UgfSwgKCFpc1RhYmJhYmxlICYmIHRhYmJhYmxlTW9kZVByb3BzKSwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpKTtcbn1cbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUlubGluZUhlbHBTb3VyY2UuanMubWFwIl19*/
+.start-1c4l943{padding-inline-end:2px;text-align:start;}
+.end-rf3uct{padding-inline-start:2px;text-align:end;}
+.displayHiddenStyles-1ktmkjh{display:none;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Vc2VyQXNzaXN0YW5jZS9JbmxpbmVSZXF1aXJlZC50c3giXSwibmFtZXMiOlsiLnN0YXJ0LTFjNGw5NDMiLCIuZW5kLXJmM3VjdCIsIi5kaXNwbGF5SGlkZGVuU3R5bGVzLTFrdG1ramgiXSwibWFwcGluZ3MiOiJBQUtJQTtBQUlBQztBQUtFQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfVXNlckFzc2lzdGFuY2UvSW5saW5lUmVxdWlyZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbkJ1bmRsZSB9IGZyb20gJy4uL2hvb2tzL1VOU0FGRV91c2VUcmFuc2xhdGlvbkJ1bmRsZSc7XG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICAgIHN0YXJ0OiBjc3MgYCR7e1xuICAgICAgICBwYWRkaW5nSW5saW5lRW5kOiAnMnB4JyxcbiAgICAgICAgdGV4dEFsaWduOiAnc3RhcnQnXG4gICAgfX1gLFxuICAgIGVuZDogY3NzIGAke3tcbiAgICAgICAgcGFkZGluZ0lubGluZVN0YXJ0OiAnMnB4JyxcbiAgICAgICAgdGV4dEFsaWduOiAnZW5kJ1xuICAgIH19YFxufTtcbmNvbnN0IGRpc3BsYXlIaWRkZW5TdHlsZXMgPSBjc3MgYCR7e1xuICAgIGRpc3BsYXk6ICdub25lJ1xufX1gO1xuZXhwb3J0IGZ1bmN0aW9uIElubGluZVJlcXVpcmVkKHsgYWxpZ24gPSAnZW5kJywgaGFzSGVscCA9IGZhbHNlLCBoYXNNZXNzYWdlcyA9IGZhbHNlIH0pIHtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgIHZhcmlhbnRTdHlsZXNbYWxpZ25dLFxuICAgICAgICAoaGFzSGVscCB8fCBoYXNNZXNzYWdlcykgJiYgZGlzcGxheUhpZGRlblN0eWxlc1xuICAgIF0pO1xuICAgIGNvbnN0IHRyYW5zbGF0aW9ucyA9IHVzZVRyYW5zbGF0aW9uQnVuZGxlKCdAb3JhY2xlL29yYWNsZWpldC1wcmVhY3QnKTtcbiAgICBjb25zdCByZXF1aXJlZFN0ciA9IHRyYW5zbGF0aW9ucy51c2VyQXNzaXN0YW5jZV9yZXF1aXJlZCgpO1xuICAgIHJldHVybiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogY2xhc3NlcyB9LCB7IGNoaWxkcmVuOiByZXF1aXJlZFN0ciB9KSk7XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1JbmxpbmVSZXF1aXJlZC5qcy5tYXAiXX0=*/
+.baseStyles-15tvco9{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
+.reflow-1jhntrx:empty{margin-top:0px;}
+.efficient-2rzz3k{min-height:1.333rem;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Vc2VyQXNzaXN0YW5jZS9JbmxpbmVVc2VyQXNzaXN0YW5jZUNvbnRhaW5lci50c3giXSwibmFtZXMiOlsiLmJhc2VTdHlsZXMtMTV0dmNvOSIsIi5yZWZsb3ctMWpobnRyeCIsIi5lZmZpY2llbnQtMnJ6ejNrIl0sIm1hcHBpbmdzIjoiQUFHTUE7QUFTRkM7QUFLQUMiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX1VzZXJBc3Npc3RhbmNlL0lubGluZVVzZXJBc3Npc3RhbmNlQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9jbGFzc05hbWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuY29uc3QgYmFzZVN0eWxlcyA9IGNzcyBgJHt7XG4gICAgbWFyZ2luVG9wOiAnMnB4JyxcbiAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXVzZXItYXNzaXN0YW5jZS1pbmxpbmUtdGV4dC1jb2xvciknLFxuICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtdXNlci1hc3Npc3RhbmNlLWlubGluZS1mb250LXNpemUpJyxcbiAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICBsaW5lSGVpZ2h0OiAxLjMzMyxcbiAgICB3b3JkQnJlYWs6ICdicmVhay13b3JkJ1xufX1gO1xuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgICByZWZsb3c6IGNzcyBgJHt7XG4gICAgICAgICcmOmVtcHR5Jzoge1xuICAgICAgICAgICAgbWFyZ2luVG9wOiAnMHB4J1xuICAgICAgICB9XG4gICAgfX1gLFxuICAgIGVmZmljaWVudDogY3NzIGAke3tcbiAgICAgICAgbWluSGVpZ2h0OiAnMS4zMzNyZW0nXG4gICAgfX1gXG59O1xuLy8gZGVmYXVsdHMgdG8gdHlwZT0ncmVmbG93Jy4gSWYgdGhpcyBpcyB3aXRoaW4gYW4gb2otZm9ybS1sYXlvdXQsIHRoZSBvLWYtbFxuLy8gd2lsbCBwYXNzIGRvd24gaXRzIHR5cGUgd2hpY2ggZGVmYXVsdHMgdG8gJ2VmZmljaWVudCcgKFRPRE8pLlxuZXhwb3J0IGZ1bmN0aW9uIElubGluZVVzZXJBc3Npc3RhbmNlQ29udGFpbmVyKHsgdmFyaWFudCA9ICdyZWZsb3cnLCBjaGlsZHJlbiwgaWQgfSkge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc05hbWVzKFtiYXNlU3R5bGVzLCB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdXSk7XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogY2xhc3NlcywgaWQ6IGlkIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSk7XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1JbmxpbmVVc2VyQXNzaXN0YW5jZUNvbnRhaW5lci5qcy5tYXAiXX0=*/

package/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,86 @@
-define(["exports","preact/jsx-runtime","css!./UNSAFE_UserAssistance.css","./InlineHelpSource-513565b7","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle","./classNames-14cea078","./UNSAFE_ComponentMessage","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./ComponentMessageContainer-b043c5d9","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./ComponentMessage-e718a00c","./PRIVATE_Message","./UNSAFE_Flex","./Flex-95e67964","./tslib.es6-10853083","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./utils/PRIVATE_timer","./MessageCloseButton-970cbd82","./UNSAFE_Button","./Button-d575f4d8","./UNSAFE_BaseButton","./BaseButton-7b3d7ae3","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-4d8618df","./utils/UNSAFE_mergeProps","./index-2155a66c","./index-240ba9ad","./UNSAFE_Icon","./Icon-f927c830","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-d29f2f68","./index-367c5592","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-065d8744","./hooks/UNSAFE_useTheme","./MessageDetail-ddfaa852","./MessageFormattingUtils-fbc95605","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-20539320","./Message.types-c19a2d25","./MessageStartIcon-0470534b","./MessageSummary-71773382","./MessageTimestamp-2f08c777","./MessageUtils-9295af3b","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-4b874934","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-c8f46f15"],function(e,s,i,t,n,o,a,l,r,c,u,d,_,A,F,U,S,E,N,g,f,x,h,p,m,b,k,T,I,M,j,C,v,y,H,B,P,R,L,O,V,q,w,D,z,G,J,K,Q,W,X,Y,Z,$,ee,se,ie,te,ne,oe,ae,le,re,ce,ue,de,_e,Ae,Fe,Ue,Se,Ee,Ne,ge,fe,xe,he,pe,me,be,ke,Te,Ie,Me){"use strict";function je({assistiveText:e,sourceLink:i,sourceText:n}){return s.jsxs("div",{children:[e&&i?s.jsx("span",Object.assign({class:"_1k199op"},{children:e})):e,i&&s.jsx(t.InlineHelpSource,Object.assign({source:i},{children:n}))]})}const Ce={start:"i9d9jk",end:"_194e33f"};function ve({align:e="end",hasHelp:i=!1,hasMessages:t=!1}){const n=a.classNames([Ce[e],(i||t)&&"_3qttxy"]),l=o.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",Object.assign({class:n},{children:l}))}const ye={reflow:"_1hwepxs",efficient:"rslirc"};function He({variant:e="reflow",children:i,id:t}){const n=a.classNames(["_1pdvfp2",ye[e]]);return s.jsx("div",Object.assign({class:n,id:t},{children:i}))}e.InlineHelpSource=t.InlineHelpSource,e.InlineHelp=je,e.InlineRequired=ve,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:i,helpSourceLink:t,helpSourceText:n,id:o,isRequiredShown:a,messages:l=[],userAssistanceDensity:d}){const{isReadonly:_}=r.useFormContext(),A="efficient"===d&&!1===_,{isFocused:F}=c.useFormFieldContext(),U=l.length>0?s.jsx(u.ComponentMessageContainer,{fieldLabel:i,messages:l}):(e||t)&&F?s.jsx(je,{assistiveText:e,sourceLink:t,sourceText:n}):a?s.jsx(ve,{}):null;return U||A?s.jsx(He,Object.assign({id:o,variant:d},{children:U})):null},e.InlineUserAssistanceContainer=He,Object.defineProperty(e,"__esModule",{value:!0})});
+/* @oracle/oraclejet-preact: 14.0.7 */
+define(['exports', 'preact/jsx-runtime', "css!./UNSAFE_UserAssistance.css", './InlineHelpSource-8a22f914', './utils/UNSAFE_classNames', './hooks/UNSAFE_useTranslationBundle', './classNames-027de734', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './ComponentMessageContainer-a00ec42c', './hooks/UNSAFE_useTabbableMode', 'preact', 'preact/hooks', './UNSAFE_Environment', './UNSAFE_Layer', 'preact/compat', './ComponentMessage-5603259e', './PRIVATE_Message', './UNSAFE_Flex', './Flex-7762d39c', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './_curry1-645b9927', './utils/UNSAFE_mergeInterpolations', './_curry3-4cc6f6ba', './_curry2-93924f19', './_has-cce283ad', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './utils/PRIVATE_timer', './MessageCloseButton-51697635', './UNSAFE_Button', './Button-87280b4a', './UNSAFE_BaseButton', './BaseButton-20a653f3', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-361cde40', './utils/UNSAFE_mergeProps', './index-f54bad63', './index-5920700b', './UNSAFE_Icon', './Icon-a6ef6699', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-08ac18d2', './index-e9199379', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c', './hooks/UNSAFE_useTheme', './MessageDetail-dd86fa2b', './MessageFormattingUtils-0ffdac02', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-9311a716', './Message.types-3ff18727', './MessageStartIcon-1b57b659', './MessageSummary-cf0af1b2', './MessageTimestamp-0e995235', './MessageUtils-0bf10cfa', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './MessagesManager-da52103a', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-1dadf91a'], (function (exports, jsxRuntime, linaria, InlineHelpSource, utils_UNSAFE_classNames, hooks_UNSAFE_useTranslationBundle, classNames, UNSAFE_ComponentMessage, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useFormFieldContext, ComponentMessageContainer, hooks_UNSAFE_useTabbableMode, preact, hooks, UNSAFE_Environment, UNSAFE_Layer, compat, ComponentMessage, PRIVATE_Message, UNSAFE_Flex, Flex, tslib_es6, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_arrayUtils, utils_UNSAFE_size, _curry1, utils_UNSAFE_mergeInterpolations, _curry3, _curry2, _has, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, utils_PRIVATE_timer, MessageCloseButton, UNSAFE_Button, Button, UNSAFE_BaseButton, BaseButton, hooks_UNSAFE_usePress, hooks_UNSAFE_useHover, hooks_UNSAFE_useToggle, hooks_UNSAFE_useActive, utils_PRIVATE_clientHints, clientHints, utils_UNSAFE_mergeProps, UNSAFE_ThemedIcons, UNSAFE_Icons, UNSAFE_Icon, Icon, hooks_UNSAFE_useTooltip, hooks_UNSAFE_useId, UNSAFE_Floating, Floating, hooks_UNSAFE_useFloating, hooks_UNSAFE_useUser, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, hooks_UNSAFE_useAnimation, useAnimation, hooks_UNSAFE_useTheme, MessageDetail, MessageFormattingUtils, utils_UNSAFE_getLocale, utils_UNSAFE_stringUtils, stringUtils, Message_types, MessageStartIcon, MessageSummary, MessageTimestamp, MessageUtils, utils_UNSAFE_logger, utils_UNSAFE_soundUtils, MessagesManager, PRIVATE_TransitionGroup, hooks_UNSAFE_useMessagesContext, UNSAFE_HiddenAccessible, HiddenAccessible) { 'use strict';
+
+    const helpTextStyles = "helpTextStyles-1qpizfh";
+    function InlineHelp({
+      assistiveText,
+      sourceLink,
+      sourceText
+    }) {
+      return jsxRuntime.jsxs("div", {
+        children: [assistiveText && sourceLink ? jsxRuntime.jsx("span", Object.assign({
+          class: helpTextStyles
+        }, {
+          children: assistiveText
+        })) : assistiveText, sourceLink && jsxRuntime.jsx(InlineHelpSource.InlineHelpSource, Object.assign({
+          source: sourceLink
+        }, {
+          children: sourceText
+        }))]
+      });
+    }
+
+    const variantStyles$1 = {
+      start: "start-1c4l943",
+      end: "end-rf3uct"
+    };
+    const displayHiddenStyles = "displayHiddenStyles-1ktmkjh";
+    function InlineRequired({
+      align = 'end',
+      hasHelp = false,
+      hasMessages = false
+    }) {
+      const classes = classNames.classNames([variantStyles$1[align], (hasHelp || hasMessages) && displayHiddenStyles]);
+      const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+      const requiredStr = translations.userAssistance_required();
+      return jsxRuntime.jsx("div", Object.assign({
+        class: classes
+      }, {
+        children: requiredStr
+      }));
+    }
+
+    const baseStyles = "baseStyles-15tvco9";
+    const variantStyles = {
+      reflow: "reflow-1jhntrx",
+      efficient: "efficient-2rzz3k"
+    }; // defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l
+    // will pass down its type which defaults to 'efficient' (TODO).
+
+    function InlineUserAssistanceContainer({
+      variant = 'reflow',
+      children,
+      id
+    }) {
+      const classes = classNames.classNames([baseStyles, variantStyles[variant]]);
+      return jsxRuntime.jsx("div", Object.assign({
+        class: classes,
+        id: id
+      }, {
+        children: children
+      }));
+    }
+
+    // This has the precedence rules for the user assistance.
+    function InlineUserAssistance({ assistiveText, fieldLabel, helpSourceLink, helpSourceText, id, isRequiredShown, messages = [], userAssistanceDensity }) {
+        const { isReadonly: isFormReadonly } = hooks_UNSAFE_useFormContext.useFormContext();
+        const needsUserAssistanceIfNoContent = userAssistanceDensity === 'efficient' && isFormReadonly === false;
+        const { isFocused } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+        const uaInlineContent = messages.length > 0 ? (jsxRuntime.jsx(ComponentMessageContainer.ComponentMessageContainer, { fieldLabel: fieldLabel, messages: messages })) : (assistiveText || helpSourceLink) && isFocused ? (jsxRuntime.jsx(InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: helpSourceText })) : isRequiredShown ? (jsxRuntime.jsx(InlineRequired, {})) : null;
+        // when reflow we do not render unless it has content.
+        // when efficient we render regardless of if it has content.
+        // TODO: Get the userAssistanceDensity value from the FormContext
+        return uaInlineContent || needsUserAssistanceIfNoContent ? (jsxRuntime.jsx(InlineUserAssistanceContainer, Object.assign({ id: id, variant: userAssistanceDensity }, { children: uaInlineContent }))) : null;
+    }
+
+    exports.InlineHelpSource = InlineHelpSource.InlineHelpSource;
+    exports.InlineHelp = InlineHelp;
+    exports.InlineRequired = InlineRequired;
+    exports.InlineUserAssistance = InlineUserAssistance;
+    exports.InlineUserAssistanceContainer = InlineUserAssistanceContainer;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

package/amd/UNSAFE_UserAssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { InlineHelpSource } from './InlineHelpSource';\n\nconst helpTextStyles = cssProps`${{\n  marginInlineEnd: '0.25rem',\n  whiteSpace: 'pre'\n}}`;\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst variantStyles = {\n  start: cssProps`${{\n    paddingInlineEnd: '2px',\n    textAlign: 'start'\n  }}`,\n  end: cssProps`${{\n    paddingInlineStart: '2px',\n    textAlign: 'end'\n  }}`\n};\nconst displayHiddenStyles = cssProps`${{\n  display: 'none'\n}}`;\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const classes = classNames([\n    variantStyles[align],\n    (hasHelp || hasMessages) && displayHiddenStyles\n  ]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\n\nconst baseStyles = cssProps`${{\n  marginTop: '2px',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n  fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n  fontWeight: 'normal',\n  lineHeight: 1.333,\n  wordBreak: 'break-word'\n}}`;\nconst variantStyles = {\n  reflow: cssProps`${{\n    '&:empty': {\n      marginTop: '0px'\n    }\n  }}`,\n  efficient: cssProps`${{\n    minHeight: '1.333rem'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  id?: string;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const classes = classNames([baseStyles, variantStyles[variant]]);\n\n  return (\n    <div class={classes} id={id}>\n      {children}\n    </div>\n  );\n}\n","import { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\n// TODO: support 'compact' density type\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","_jsxs","children","_jsx","jsx","Object","assign","class","InlineHelpSource","source","variantStyles","InlineRequired","align","hasHelp","hasMessages","requiredStr","useTranslationBundle","userAssistance_required","classes","InlineUserAssistanceContainer","variant","id","classNames","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer"],"mappings":"61EAcA,SAAAA,IAAAC,cAAAA,EAAAC,WAAAA,EAAAC,WAAAA,IACE,OAAAC,EAAAA,KAAA,MAAA,CAAAC,SAAA,CAAAJ,GAAAC,EAAAI,EAAAC,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAZF,YAYE,CAAAL,SAAAJ,KAAAA,EAAAC,GAAAI,EAAAC,IAAAI,EAAAA,iBAAAH,OAAAC,OAAA,CAAAG,OAAAV,GAAA,CAAAG,SAAAF,QCVF,MAAAU,GAAA,OAAA,yBAoBA,SAAAC,IAAAC,MAAAA,EAAA,MAAAC,QAAAA,GAAA,EAAAC,YAAAA,GAAA,iCAGID,GAAAC,IAbJ,YAiBEC,EADAC,uBAAA,4BACAC,0BAEA,OAAAd,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,GAAA,CAAAhB,SAAAa,KC7BF,MAQAL,GAAA,QAAA,+BAmBA,SAAAS,IAAAC,QAAAA,EAAA,SAAAlB,SAAAA,EAAAmB,GAAAA,IACE,MAAAH,EAAAI,EAAAA,WAAA,CA5BF,WA4BEZ,GAAAU,KAEA,OAAAjB,MAAA,MAAAE,OAAAC,OAAA,CAAAC,MAAAW,EAAAG,GAAAA,GAAA,CAAAnB,SAAAA,sGCbI,UAA+BJ,cACnCA,EAAayB,WACbA,EAAUC,eACVA,EAAcC,eACdA,EAAcJ,GACdA,EAAEK,gBACFA,EAAeC,SACfA,EAAW,GAAEC,sBACbA,IAEA,MAAQC,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChBjC,EAAAA,IAACkC,EAAAA,2BAA0Bd,WAAYA,EAAYI,SAAUA,KAC1D7B,GAAiB0B,IAAmBS,EACvC9B,EAAAA,IAACN,GAAU,CACTC,cAAeA,EACfC,WAAYyB,EACZxB,WAAYyB,IAEZC,EACFvB,EAACC,IAAAO,OACC,KAKN,OAAOwB,GAAmBH,EACxB7B,EAAAC,IAACe,GAA6Bd,OAAAC,OAAA,CAACe,GAAIA,EAAID,QAASQ,GAC7C,CAAA1B,SAAAiC,KAED"}
+{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { InlineHelpSource } from './InlineHelpSource';\n\nconst helpTextStyles = cssProps`${{\n  marginInlineEnd: '0.25rem',\n  whiteSpace: 'pre'\n}}`;\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst variantStyles = {\n  start: cssProps`${{\n    paddingInlineEnd: '2px',\n    textAlign: 'start'\n  }}`,\n  end: cssProps`${{\n    paddingInlineStart: '2px',\n    textAlign: 'end'\n  }}`\n};\nconst displayHiddenStyles = cssProps`${{\n  display: 'none'\n}}`;\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const classes = classNames([\n    variantStyles[align],\n    (hasHelp || hasMessages) && displayHiddenStyles\n  ]);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\n\nconst baseStyles = cssProps`${{\n  marginTop: '2px',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n  fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n  fontWeight: 'normal',\n  lineHeight: 1.333,\n  wordBreak: 'break-word'\n}}`;\nconst variantStyles = {\n  reflow: cssProps`${{\n    '&:empty': {\n      marginTop: '0px'\n    }\n  }}`,\n  efficient: cssProps`${{\n    minHeight: '1.333rem'\n  }}`\n};\n\ntype Props = {\n  children?: ComponentChildren;\n  id?: string;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const classes = classNames([baseStyles, variantStyles[variant]]);\n\n  return (\n    <div class={classes} id={id}>\n      {children}\n    </div>\n  );\n}\n","import { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\n// TODO: support 'compact' density type\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["helpTextStyles","InlineHelp","assistiveText","sourceLink","sourceText","_jsxs","children","_jsx","Object","assign","class","InlineHelpSource","source","variantStyles","displayHiddenStyles","InlineRequired","align","hasHelp","hasMessages","translations","useTranslationBundle","requiredStr","userAssistance_required","classes","baseStyles","InlineUserAssistanceContainer","variant","id","classNames","useFormContext","useFormFieldContext","ComponentMessageContainer"],"mappings":";;;IAGA,MAAAA,cAAA,GAAA,wBAAA,CAAA;IAWA,SAAAC,UAAA,CAAA;MAAAC,aAAA;MAAAC,UAAA;IAAAC,EAAAA,UAAAA;IAAA,CAAA,EAAA;MACE,OAAAC,eAAA,CAAA,KAAA,EAAA;IAAAC,IAAAA,QAAA,EAAA,CAAAJ,aAAA,IAAAC,UAAA,GAAAI,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,MAAAA,KAAA,EAAAV,cAAAA;IAAA,KAAA,EAAA;IAAAM,MAAAA,QAAA,EAAAJ,aAAAA;IAAA,KAAA,CAAA,CAAA,GAAAA,aAAA,EAAAC,UAAA,IAAAI,cAAA,CAAAI,iCAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;IAAAG,MAAAA,MAAA,EAAAT,UAAAA;IAAA,KAAA,EAAA;IAAAG,MAAAA,QAAA,EAAAF,UAAAA;IAAA,KAAA,CAAA,CAAA,CAAA;IAAA,GAAA,CAAA,CAAA;IAUF;;ICpBA,MAAAS,eAAA,GAAA;aAAA,eAAA;;IAAA,CAAA,CAAA;IAUA,MAAAC,mBAAA,GAAA,6BAAA,CAAA;IAUA,SAAAC,cAAA,CAAA;IAAAC,EAAAA,KAAA,GAAA,KAAA;IAAAC,EAAAA,OAAA,GAAA,KAAA;IAAAC,EAAAA,WAAA,GAAA,KAAA;IAAA,CAAA,EAAA;qEAGI,CAAAD,OAAA,IAAAC,WAAA,KAAAJ;IAGF,EAAA,MAAAK,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;IACA,EAAA,MAAAC,WAAA,GAAAF,YAAA,CAAAG,uBAAA,EAAA,CAAA;IAEA,EAAA,OAAAf,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAAa,OAAAA;IAAA,GAAA,EAAA;IAAAjB,IAAAA,QAAA,EAAAe,WAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IACF;;IC9BA,MAAAG,UAAA,GAAA,oBAAA,CAAA;IAQA,MAAAX,aAAA,GAAA;cAAA,gBAAA;;IAAA,CAAA;IAkBA;;IACA,SAAAY,6BAAA,CAAA;IAAAC,EAAAA,OAAA,GAAA,QAAA;MAAApB,QAAA;IAAAqB,EAAAA,EAAAA;IAAA,CAAA,EAAA;IACE,EAAA,MAAAJ,OAAA,GAAAK,qBAAA,CAAA,CAAAJ,UAAA,EAAAX,aAAA,CAAAa,OAAA,CAAA,CAAA,CAAA,CAAA;IAEA,EAAA,OAAAnB,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,KAAA,EAAAa,OAAA;IAAAI,IAAAA,EAAA,EAAAA,EAAAA;IAAA,GAAA,EAAA;IAAArB,IAAAA,QAAA,EAAAA,QAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IAKF;;ICnBA;IACM,SAAU,oBAAoB,CAAC,EACnC,aAAa,EACb,UAAU,EACV,cAAc,EACd,cAAc,EACd,EAAE,EACF,eAAe,EACf,QAAQ,GAAG,EAAE,EACb,qBAAqB,EACf,EAAA;QACN,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAGuB,0CAAc,EAAE,CAAC;QACxD,MAAM,8BAA8B,GAClC,qBAAqB,KAAK,WAAW,IAAI,cAAc,KAAK,KAAK,CAAC;IACpE,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGC,oDAAmB,EAAE,CAAC;IAC5C,IAAA,MAAM,eAAe,GACnB,QAAQ,CAAC,MAAM,GAAG,CAAC,IACjBvB,cAAC,CAAAwB,mDAAyB,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,IACvE,CAAC,aAAa,IAAI,cAAc,KAAK,SAAS,IAChDxB,cAAA,CAAC,UAAU,EAAA,EACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAAA,CAC1B,IACA,eAAe,IACjBA,cAAC,CAAA,cAAc,KAAG,IAChB,IAAI,CAAC;;;;QAKX,OAAO,eAAe,IAAI,8BAA8B,IACtDA,cAAA,CAAC,6BAA6B,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAClE,EAAA,EAAA,QAAA,EAAA,eAAe,EACc,CAAA,CAAA,IAC9B,IAAI,CAAC;IACX;;;;;;;;;;;;;;;;;"}