@oracle/oraclejet-preact 14.1.6 → 14.1.7

package/amd/UNSAFE_InputPassword.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance","css!./UNSAFE_InputPassword.css","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-c858cea4","./index-6430a462","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-761aea9c","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-f86c3c42","./TextFieldInput-12ff173d","./tslib.es6-db9b6ac2","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f503b34e","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-e7b3a8a5","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-da4d9aef","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-0511449d","./utils/UNSAFE_mergeInterpolations","./_curry3-2a7dcff9","./_curry2-e2b86cd0","./_has-a3099a21","./utils/UNSAFE_interpolations/boxalignment","./keys-e12ae309","./utils/UNSAFE_interpolations/flexbox","./flexbox-9553d7e5","./utils/UNSAFE_interpolations/flexitem","./flexitem-1beee224","./FormControlUtils-ac9e8cbd","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./InlineHelpSource-232e0c3c","./hooks/UNSAFE_useTabbableMode","./UNSAFE_ComponentMessage","./ComponentMessage-ce4b6b66","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-7f96b21f","./UNSAFE_Button","./Button-0729d51a","./UNSAFE_BaseButton","./BaseButton-678fe506","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-f0b540bd","./utils/UNSAFE_mergeProps","./MessageDetail-6be4d1f0","./MessageFormattingUtils-4d3117dc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-d0680e4b","./Message.types-68b4b3c2","./MessageStartIcon-39d799c2","./MessageSummary-8be73e60","./MessageTimestamp-0508a27a","./MessageUtils-e5b4c4eb","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-a039ddb3","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useAnimation","./useAnimation-032c3574","./hooks/UNSAFE_useMessagesContext","./UNSAFE_Icon","./Icon-3eb9bdeb","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-eefb778f","./index-aca0a20d","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useTheme","./UNSAFE_HiddenAccessible","./HiddenAccessible-ff276cd9","./ComponentMessageContainer-54b9670b","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers"],function(e,s,o,t,i,a,l,n,u,r,d,c,F,b,A,U,E,S,_,p,x,h,g,N,m,f,v,y,k,C,T,I,R,j,P,V,M,B,D,L,w,H,O,W,q,z,G,J,K,Q,X,Y,Z,$,ee,se,oe,te,ie,ae,le,ne,ue,re,de,ce,Fe,be,Ae,Ue,Ee,Se,_e,pe,xe,he,ge,Ne,me,fe,ve,ye,ke,Ce,Te,Ie,Re,je,Pe,Ve,Me,Be,De,Le,we,He,Oe,We,qe,ze,Ge,Je,Ke){"use strict";const Qe="_1ddxb9v";function Xe({isRevealed:e,onPress:o}){const{pressProps:t}=A.usePress(o),i=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":i,role:"switch","aria-checked":!e,class:Qe,tabIndex:0},t,{children:e?s.jsx(E.SvgIcoViewHide,{}):s.jsx(E.SvgIcoView,{})}))}const Ye=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,autoComplete:F="off",autoFocus:b=!1,hasClearIcon:A,hasRevealToggle:U="always",helpSourceLink:E,helpSourceText:m,isDisabled:f,isReadonly:v,isRequired:y=!1,isRequiredShown:k,label:C,labelEdge:T,labelStartWidth:I,messages:R,placeholder:j,textAlign:P,userAssistanceDensity:V,value:M,variant:B="default",onInput:D,onCommit:L},w)=>{const{currentCommitValue:H,dispatch:O}=h.useCurrentValueReducer({value:M}),W=t.useCallback(e=>{O({type:"input",payload:e.value}),null==D||D(e)},[D,O]),q=t.useCallback(e=>{O({type:"commit",payload:e.value}),null==L||L(e)},[L,O]),{isDisabled:z,isReadonly:G,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=a.useFormContext(),Y=null!=f?f:z,Z=null!=v?v:G,$=null!=T?T:J,ee=null!=I?I:K,se=null!=P?P:Q,oe=null!=V?V:X,{bool:te,setFalse:ie,setTrue:ae}=x.useToggle(!1),{enabledElementRef:le,focusProps:ne,isFocused:ue,readonlyElementRef:re}=i.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:w,onBlurWithin:ie}),{hoverProps:de,isHover:ce}=u.useHover({isDisabled:Z||Y||!1}),{formFieldContext:Fe,inputProps:be,labelProps:Ae,textFieldProps:Ue,userAssistanceProps:Ee}=n.useTextField({ariaDescribedBy:e,isDisabled:Y,isFocused:ue,isReadonly:Z,labelEdge:$,messages:R,styleVariant:B,value:M}),Se=t.useCallback(()=>{te?ie():ae()},[te]),_e=Y||"always"!==U?null:s.jsx(Xe,{onPress:Se,isRevealed:te}),pe=t.useCallback(()=>{var e;null===(e=le.current)||void 0===e||e.focus(),null==W||W({previousValue:M,value:""})},[D,M]),xe=S.useClearIcon({clearIcon:s.jsx(p.ClearIcon,{onClick:pe}),display:A,hasValue:Fe.hasValue,isFocused:ue,isEnabled:!Z&&!Y,isHover:ce}),he=_.beforeVNode(_e,xe),ge="none"!==$?s.jsx(r.Label,Object.assign({},Ae,{children:C})):void 0,Ne={label:"none"!==$?ge:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},me="none"===$?C:void 0,fe=Y||Z?"efficient"!==oe?void 0:s.jsx(c.InlineUserAssistance,Object.assign({userAssistanceDensity:oe},Ee)):s.jsx(c.InlineUserAssistance,Object.assign({assistiveText:o,helpSourceLink:E,helpSourceText:m,messages:R,isRequiredShown:k,userAssistanceDensity:oe},Ee));if(Z)return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(d.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:fe},Ne,{children:s.jsx(g.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:me,ariaLabelledBy:Ae.id,as:"input",autoFocus:b,elementRef:re,textAlign:se,type:"password",value:M,hasInsideLabel:void 0!==C&&"inside"===$})}))}));const ve=s.jsx(N.TextFieldInput,Object.assign({ariaLabel:me,autoComplete:F,autoFocus:b,currentCommitValue:H,hasInsideLabel:void 0!==ge&&"inside"===$,inputRef:le,isRequired:y,onInput:W,onCommit:q,placeholder:j,textAlign:se,value:M,type:te?"text":"password"},be));return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(d.TextField,Object.assign({endContent:he,inlineUserAssistance:fe,mainContent:ve,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ue,Ne,de))}))});e.InputPassword=Ye,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance","css!./UNSAFE_InputPassword.css","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-d117de08","./index-4dd59b80","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-c09f5eb6","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-b0bda1a7","./TextFieldInput-f254d839","./tslib.es6-de389af1","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-7564dfdd","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-f7aa427b","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-f9400d0c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./FormControlUtils-82ceb95a","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./InlineHelpSource-c4b0c7d8","./hooks/UNSAFE_useTabbableMode","./UNSAFE_ComponentMessage","./ComponentMessage-fb11610e","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c1dbc30b","./UNSAFE_Button","./Button-8aa00bbd","./UNSAFE_BaseButton","./BaseButton-4b95e724","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-0061da83","./utils/UNSAFE_mergeProps","./MessageDetail-42f44dd3","./MessageFormattingUtils-a991ff36","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b89cb03c","./Message.types-e1e686f9","./MessageStartIcon-1256ab5f","./MessageSummary-2bdadf22","./MessageTimestamp-1a077b86","./MessageUtils-43b228f0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-7022e7d9","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useAnimation","./useAnimation-af110ad3","./hooks/UNSAFE_useMessagesContext","./UNSAFE_Icon","./Icon-4b1331cd","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-930f80d0","./index-9be81def","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useTheme","./UNSAFE_HiddenAccessible","./HiddenAccessible-be5f2a1d","./ComponentMessageContainer-adda2d86","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers"],function(e,s,o,t,i,a,l,n,u,r,d,c,F,b,A,U,E,S,_,p,x,h,g,N,m,f,v,y,k,C,T,I,R,j,P,V,M,B,D,L,w,H,O,W,q,z,G,J,K,Q,X,Y,Z,$,ee,se,oe,te,ie,ae,le,ne,ue,re,de,ce,Fe,be,Ae,Ue,Ee,Se,_e,pe,xe,he,ge,Ne,me,fe,ve,ye,ke,Ce,Te,Ie,Re,je,Pe,Ve,Me,Be,De,Le,we,He,Oe,We,qe,ze,Ge,Je,Ke){"use strict";const Qe="_4usjly";function Xe({isRevealed:e,onPress:o}){const{pressProps:t}=A.usePress(o),i=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":i,role:"switch","aria-checked":!e,class:Qe,tabIndex:0},t,{children:e?s.jsx(E.SvgIcoViewHide,{}):s.jsx(E.SvgIcoView,{})}))}const Ye=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,autoComplete:F="off",autoFocus:b=!1,hasClearIcon:A,hasRevealToggle:U="always",helpSourceLink:E,helpSourceText:m,isDisabled:f,isReadonly:v,isRequired:y=!1,isRequiredShown:k,label:C,labelEdge:T,labelStartWidth:I,messages:R,placeholder:j,textAlign:P,userAssistanceDensity:V,value:M,variant:B="default",onInput:D,onCommit:L},w)=>{const{currentCommitValue:H,dispatch:O}=h.useCurrentValueReducer({value:M}),W=t.useCallback(e=>{O({type:"input",payload:e.value}),null==D||D(e)},[D,O]),q=t.useCallback(e=>{O({type:"commit",payload:e.value}),null==L||L(e)},[L,O]),{isDisabled:z,isReadonly:G,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=a.useFormContext(),Y=null!=f?f:z,Z=null!=v?v:G,$=null!=T?T:J,ee=null!=I?I:K,se=null!=P?P:Q,oe=null!=V?V:X,{bool:te,setFalse:ie,setTrue:ae}=x.useToggle(!1),{enabledElementRef:le,focusProps:ne,isFocused:ue,readonlyElementRef:re}=i.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:w,onBlurWithin:ie}),{hoverProps:de,isHover:ce}=u.useHover({isDisabled:Z||Y||!1}),{formFieldContext:Fe,inputProps:be,labelProps:Ae,textFieldProps:Ue,userAssistanceProps:Ee}=n.useTextField({ariaDescribedBy:e,isDisabled:Y,isFocused:ue,isReadonly:Z,labelEdge:$,messages:R,styleVariant:B,value:M}),Se=t.useCallback(()=>{te?ie():ae()},[te]),_e=Y||"always"!==U?null:s.jsx(Xe,{onPress:Se,isRevealed:te}),pe=t.useCallback(()=>{var e;null===(e=le.current)||void 0===e||e.focus(),null==W||W({previousValue:M,value:""})},[D,M]),xe=S.useClearIcon({clearIcon:s.jsx(p.ClearIcon,{onClick:pe}),display:A,hasValue:Fe.hasValue,isFocused:ue,isEnabled:!Z&&!Y,isHover:ce}),he=_.beforeVNode(_e,xe),ge="none"!==$?s.jsx(r.Label,Object.assign({},Ae,{children:C})):void 0,Ne={label:"none"!==$?ge:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},me="none"===$?C:void 0,fe=Y||Z?"efficient"!==oe?void 0:s.jsx(c.InlineUserAssistance,Object.assign({userAssistanceDensity:oe},Ee)):s.jsx(c.InlineUserAssistance,Object.assign({assistiveText:o,helpSourceLink:E,helpSourceText:m,messages:R,isRequiredShown:k,userAssistanceDensity:oe},Ee));if(Z)return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(d.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:fe},Ne,{children:s.jsx(g.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:me,ariaLabelledBy:Ae.id,as:"input",autoFocus:b,elementRef:re,textAlign:se,type:"password",value:M,hasInsideLabel:void 0!==C&&"inside"===$})}))}));const ve=s.jsx(N.TextFieldInput,Object.assign({ariaLabel:me,autoComplete:F,autoFocus:b,currentCommitValue:H,hasInsideLabel:void 0!==ge&&"inside"===$,inputRef:le,isRequired:y,onInput:W,onCommit:q,placeholder:j,textAlign:se,value:M,type:te?"text":"password"},be));return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(d.TextField,Object.assign({endContent:he,inlineUserAssistance:fe,mainContent:ve,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ue,Ne,de))}))});e.InputPassword=Ye,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

package/amd/UNSAFE_InputPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\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\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","passwordMaskedStr","useTranslationBundle","inputPassword_hidden","InputPassword","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconPress","revealToggleIcon","_jsx","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","role","ReadonlyTextFieldInput","ariaLabelledBy","id","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_InputPassword.js","sources":["../../src/UNSAFE_InputPassword/RevealToggleIcon.tsx","../../src/UNSAFE_InputPassword/InputPassword.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { ViewHideIcon, ViewIcon } from '../UNSAFE_ThemedIcons';\n\ntype RevealToogleIconProps = {\n  onPress: (event: Event) => void;\n  isRevealed?: boolean;\n};\n\n// TODO: This was copied from ClearIcon. When we have a preact <Button> component we\n// will need to refactor to use that.\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n// TODO: replace this with var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n\nconst revealToggleIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n    fontSize: ojButtonIconSize,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}`\n};\n\nexport function RevealToggleIcon({ isRevealed, onPress }: RevealToogleIconProps) {\n  const { pressProps } = usePress(onPress);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  // title attribute. We removed these because title is taking precedence over aria-label and this\n  // is messing up the screen readers. To be accessible we are removing title and will implement\n  // this as a <Tooltip> component when we have one.\n  // TODO JET-51517 implement reveal icon title as a Tooltip\n  // const hidePasswordStr = translations.inputPassword_hide();\n  // const showPasswordStr = translations.inputPassword_show();\n  const passwordMaskedStr = translations.inputPassword_hidden();\n  // TODO: Use toggle <Button> when that is available, JET-49207\n  return (\n    <button\n      aria-label={passwordMaskedStr}\n      role=\"switch\"\n      aria-checked={isRevealed ? false : true}\n      class={revealToggleIconStyles.base}\n      tabIndex={0}\n      {...pressProps}>\n      {isRevealed ? <ViewHideIcon /> : <ViewIcon />}\n    </button>\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\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { RevealToggleIcon } from './RevealToggleIcon';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from '../UNSAFE_InputText/ClearIcon';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  ariaDescribedBy?: TextFieldInputProps['ariaDescribedBy'];\n\n  /**\n   * Text to provide guidance to help the user understand what to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component; it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n  /**\n   * Specifies whether the clear icon should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The clear icon is always visible.</li>\n   * <li><code>'conditionally'</code>: The clear icon is visible under the following conditions:\n   * if the component has a non-empty value, and it either has focus or the mouse is over the field.</li>\n   * <li><code>'never'</code>: The clear icon is never visible.</li>\n   * </ul>\n   */\n  hasClearIcon?: 'always' | 'conditionally' | 'never';\n  /**\n   * Specifies whether the reveal toggle should be shown.\n   * <ul>\n   * <li><code>'always'</code>: The reveal toggle is always visible and the user can click on it to reveal the password in plain text.\n   * When the user leaves the field, the password is automatically masked.</li>\n   * <li><code>'never'</code>: The reveal toggle is never visible and the user can never reveal the password in plain text.</li>\n   * </ul>\n   */\n  hasRevealToggle?: 'always' | 'never';\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user.  Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field. If the labelEdge is 'none',\n   * the labelHint is hidden from the user but is still accessible.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: InlineUserAssistanceProps['userAssistanceDensity'];\n  /**\n   * The current display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   *\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\n// One way InputPassword differs from InputText is InputPassword's readonly\n// is implemented with an <input> and not a <div>.\nexport const InputPassword = forwardRef(\n  (\n    {\n      ariaDescribedBy,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    const {\n      bool: isRevealed,\n      setFalse: setRevealedFalse,\n      setTrue: setRevealedTrue\n    } = useToggle(false);\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLInputElement\n    >({ isDisabled, isReadonly, ref, onBlurWithin: setRevealedFalse });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        ariaDescribedBy,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        styleVariant: variant,\n        value\n      });\n\n    // Callback on the RevealToggleButton.\n    // When the user clicks on the reveal buttton,\n    // toggle revealing/masking password\n    const onRevealIconPress = useCallback(() => {\n      isRevealed ? setRevealedFalse() : setRevealedTrue();\n    }, [isRevealed]);\n\n    const revealToggleIcon =\n      !isDisabled && hasRevealToggle === 'always' ? (\n        <RevealToggleIcon onPress={onRevealIconPress} isRevealed={isRevealed} />\n      ) : null;\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInput, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(revealToggleIcon, maybeClearIcon);\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaDescribedBy={ariaDescribedBy}\n              ariaLabel={ariaLabel}\n              ariaLabelledBy={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              type=\"password\"\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <TextFieldInput\n        ariaLabel={ariaLabel}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        currentCommitValue={currentCommitValue}\n        hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n        inputRef={enabledElementRef}\n        isRequired={isRequired}\n        onInput={onInputAndDispatch}\n        onCommit={onCommitAndDispatch}\n        placeholder={placeholder}\n        textAlign={textAlign}\n        value={value}\n        type={isRevealed ? 'text' : 'password'}\n        {...inputProps}\n      />\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}></TextField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["revealToggleIconStyles","RevealToggleIcon","isRevealed","onPress","passwordMaskedStr","useTranslationBundle","inputPassword_hidden","InputPassword","forwardRef","ariaDescribedBy","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","variant","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","onRevealIconPress","revealToggleIcon","_jsx","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","FormFieldContext","Provider","children","ReadonlyTextField","role","ReadonlyTextFieldInput","ariaLabelledBy","id","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}

package/amd/UNSAFE_InputText.css

@@ -1 +1 @@
-._1t2isk3{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}._1t2isk3:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._19lilr4{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);width:2.75rem;height:2.75rem;line-height:2.75rem;}._19lilr4:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/amd/UNSAFE_InputText.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-761aea9c","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-f86c3c42","./TextFieldInput-12ff173d","./clientHints-f0b540bd","./hooks/UNSAFE_useToggle","./tslib.es6-db9b6ac2","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f503b34e","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-e7b3a8a5","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-da4d9aef","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-0511449d","./utils/UNSAFE_mergeInterpolations","./_curry3-2a7dcff9","./_curry2-e2b86cd0","./_has-a3099a21","./utils/UNSAFE_interpolations/boxalignment","./keys-e12ae309","./utils/UNSAFE_interpolations/flexbox","./flexbox-9553d7e5","./utils/UNSAFE_interpolations/flexitem","./flexitem-1beee224","./FormControlUtils-ac9e8cbd","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-232e0c3c","./UNSAFE_ComponentMessage","./ComponentMessage-ce4b6b66","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-7f96b21f","./UNSAFE_Button","./Button-0729d51a","./UNSAFE_BaseButton","./BaseButton-678fe506","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-c858cea4","./index-6430a462","./UNSAFE_Icon","./Icon-3eb9bdeb","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-eefb778f","./index-aca0a20d","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-032c3574","./hooks/UNSAFE_useTheme","./MessageDetail-6be4d1f0","./MessageFormattingUtils-4d3117dc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-d0680e4b","./Message.types-68b4b3c2","./MessageStartIcon-39d799c2","./MessageSummary-8be73e60","./MessageTimestamp-0508a27a","./MessageUtils-e5b4c4eb","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-a039ddb3","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-ff276cd9","./ComponentMessageContainer-54b9670b"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,b,A,x,h,S,E,U,f,_,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,be,Ae,xe,he,Se,Ee,Ue,fe,_e,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=U.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:be,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:Se}=r.useHover({isDisabled:le||ae||!1}),{baseId:Ee,formFieldContext:Ue,inputProps:fe,labelProps:_e,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:Ne}),display:p,hasValue:Ue.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:Se}),ve=S.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=b.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ue.hasValue,isDisabled:ae,isFocused:Ae,labelId:_e.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},_e,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:be.onfocusout,onFocus:be.onfocusin},Pe,{children:s.jsx(f.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:_e.id,as:"div",autoFocus:g,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(_.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},fe)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:be.onfocusout,onFocus:be.onfocusin,startContent:H},ge,Pe,he))}))});function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-c09f5eb6","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-b0bda1a7","./TextFieldInput-f254d839","./clientHints-0061da83","./hooks/UNSAFE_useToggle","./tslib.es6-de389af1","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-7564dfdd","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-f7aa427b","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-f9400d0c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./FormControlUtils-82ceb95a","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-c4b0c7d8","./UNSAFE_ComponentMessage","./ComponentMessage-fb11610e","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c1dbc30b","./UNSAFE_Button","./Button-8aa00bbd","./UNSAFE_BaseButton","./BaseButton-4b95e724","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-d117de08","./index-4dd59b80","./UNSAFE_Icon","./Icon-4b1331cd","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-930f80d0","./index-9be81def","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-af110ad3","./hooks/UNSAFE_useTheme","./MessageDetail-42f44dd3","./MessageFormattingUtils-a991ff36","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b89cb03c","./Message.types-e1e686f9","./MessageStartIcon-1256ab5f","./MessageSummary-2bdadf22","./MessageTimestamp-1a077b86","./MessageUtils-43b228f0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-7022e7d9","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-be5f2a1d","./ComponentMessageContainer-adda2d86"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,b,A,x,h,S,E,U,f,_,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,be,Ae,xe,he,Se,Ee,Ue,fe,_e,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=U.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:be,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:Se}=r.useHover({isDisabled:le||ae||!1}),{baseId:Ee,formFieldContext:Ue,inputProps:fe,labelProps:_e,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:Ne}),display:p,hasValue:Ue.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:Se}),ve=S.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=b.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ue.hasValue,isDisabled:ae,isFocused:Ae,labelId:_e.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},_e,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:be.onfocusout,onFocus:be.onfocusin},Pe,{children:s.jsx(f.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:_e.id,as:"div",autoFocus:g,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(_.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},fe)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:be.onfocusout,onFocus:be.onfocusin,startContent:H},ge,Pe,he))}))});function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/amd/UNSAFE_Label.css

@@ -1,13 +1,13 @@
-.pa5xis{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-.q0t6c5{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-.hsmrli{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._7zzz50{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.vo7i7j{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._8ttbu9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-._17de8b{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._1rwe8c0{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-._19btos9{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._1s4s4u9{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._1xztlyg{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._1er6y0f{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1wzih8s{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1pn024g{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+._1yy37zi{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+.e94lla{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._1x1sbow{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+._1443q93{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.lsig4q{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+._1yx1wvy{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1dohba{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+._1a0gs8h{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.aeuu9e{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+.k94bzy{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._159h41b{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.goee5d{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/amd/UNSAFE_Label.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-db9b6ac2","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-e7b3a8a5","preact","preact/hooks"],function(e,s,a,i,n,o,d,r,t,l){"use strict";const u={base:"pa5xis",startBase:"q0t6c5",topBase:"hsmrli",insideBase:"_7zzz50",insideReadonlyInEnabledForm:"vo7i7j",insideReadonlyNotInEnabledForm:"_8ttbu9",insideNonReadonly:"_17de8b",insideNonReadonlyHasValue:"_1rwe8c0",insideDisabled:"_19btos9",insideFocused:"_1s4s4u9",insideError:"_1xztlyg",insideWarning:"_1er6y0f",noWrap:"_1wzih8s"},c=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:t,variant:l="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:_}=d.useFormContext(),y="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([u.base,u.insideBase,n&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||t)&&u.insideNonReadonlyHasValue,!n&&t&&u.insideFocused,o&&u.insideDisabled,!o&&!n&&("insideError"===l||"insideWarning"===l)&&u[l]]):"start"===l?r.classNames([u.base,u.startBase,"truncate"===_&&u.noWrap]):"top"===l?r.classNames([u.base,u.topBase,"truncate"===_&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:y}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=i.useFormFieldContext();return a.jsx(c,Object.assign({for:n,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-de389af1","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-f7aa427b","preact","preact/hooks"],function(e,s,a,i,n,o,d,r,l,t){"use strict";const u={base:"_1pn024g",startBase:"_1yy37zi",topBase:"e94lla",insideBase:"_1x1sbow",insideReadonlyInEnabledForm:"_1443q93",insideReadonlyNotInEnabledForm:"lsig4q",insideNonReadonly:"_1yx1wvy",insideNonReadonlyHasValue:"_1dohba",insideDisabled:"_1a0gs8h",insideFocused:"aeuu9e",insideError:"k94bzy",insideWarning:"_159h41b",noWrap:"goee5d"},b=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:l,variant:t="inside"}=e,b=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:c,isReadonly:y,labelWrapping:F}=d.useFormContext(),_="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([u.base,u.insideBase,n&&(c&&!y?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||l)&&u.insideNonReadonlyHasValue,!n&&l&&u.insideFocused,o&&u.insideDisabled,!o&&!n&&("insideError"===t||"insideWarning"===t)&&u[t]]):"start"===t?r.classNames([u.base,u.startBase,"truncate"===F&&u.noWrap]):"top"===t?r.classNames([u.base,u.topBase,"truncate"===F&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},b,{class:_}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(b,Object.assign({for:n,hasValue:d,disabled:r,isFocused:l,readonly:t},o))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Label.js.map

package/amd/UNSAFE_Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","forId","isDisabled","useFormFieldContext"],"mappings":"qQAMA,MAAAA,EAAA,MAAA,mBAAA,iBAAA,oBAAA,sCAAA,wCAAA,4BAAA,oCAAA,0BAAA,yBAAA,uBAAA,yBAAA,8BAmGAC,EAAAC,IAAqB,IAAAC,SAAAA,EAAAC,SAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAA,UAAAL,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,WAAA,WAAA,WAAA,YAAA,YAQnB,MAAAQ,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,iBAEAC,EAAA,WAAAR,GAAA,gBAAAA,GAAA,kBAAAA,gBAGQP,EAAAgB,KACAhB,EAAAiB,mDAIIjB,EAAAkB,iCACJd,GAAAJ,EAAAmB,2DAEAf,GAAAE,GAAAN,EAAAoB,mCAEAf,IACED,IACA,gBAAAG,GAAA,kBAAAA,qCAKFP,EAAAgB,KACAhB,EAAAqB,UACA,aAAAR,GAAAb,EAAAsB,iCAIAtB,EAAAgB,KACAhB,EAAAuB,QACA,aAAAV,GAAAb,EAAAsB,gBAKR,OAAAE,EAAAA,IAAA,QAAAC,OAAAC,OAAA,GAAAlB,EAAA,CAAAmB,MAAAZ,cAsBFb,IAAsB,IAAA0B,MAAAA,GAAA1B,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,UACpB,MAAAC,SAAAA,EAAA0B,WAAAA,EAAAvB,UAAAA,EAAAK,WAAAA,GAAAmB,EAAAA"}
+{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n    wordBreak: 'break-word'\n  }}`,\n  startBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    // TODO: Reevaluate which component should handle the text align\n    textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n    width: '100%'\n  }}`,\n  topBase: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n  }}`,\n  insideBase: cssProps`${{\n    display: 'block',\n    boxSizing: 'border-box',\n    // TODO: Reevaluate which component should handle the padding\n    paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n    maxWidth: '100%'\n  }}`,\n  insideReadonlyInEnabledForm: cssProps`${{\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transitionProperty: 'none',\n    transform: 'none',\n    backgroundColor: 'transparent',\n    position: 'absolute',\n    marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideReadonlyNotInEnabledForm: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n  }}`,\n  insideNonReadonly: cssProps`${{\n    position: 'absolute',\n    insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n    transform: 'translateY(-50%)',\n    transitionProperty: 'all',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`,\n  insideNonReadonlyHasValue: cssProps`${{\n    transitionProperty: 'top, font-weight, font-size, transform',\n    transitionDuration: '.25s',\n    transitionTimingFunction: 'ease',\n    transitionDelay: '.1s',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n    transform: 'none',\n    top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n  }}`,\n  insideDisabled: cssProps`${{\n    transitionProperty: 'none',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n  }}`,\n  insideFocused: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n  }}`,\n  insideError: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  insideWarning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  variant = 'inside',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const cssClassNames =\n    variant === 'inside' || variant === 'insideError' || variant === 'insideWarning'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.insideBase,\n          readonly &&\n            (isFormLayout && !isReadonlyForm\n              ? labelStyles.insideReadonlyInEnabledForm\n              : labelStyles.insideReadonlyNotInEnabledForm),\n          !readonly && labelStyles.insideNonReadonly,\n          !readonly && (hasValue || isFocused) && labelStyles.insideNonReadonlyHasValue,\n          !readonly && isFocused && labelStyles.insideFocused,\n          disabled && labelStyles.insideDisabled,\n          !disabled &&\n            !readonly &&\n            (variant === 'insideError' || variant === 'insideWarning') &&\n            labelStyles[variant]\n        ])\n      : variant === 'start'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.startBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : variant === 'top'\n      ? classNames([\n          labelStyles.base,\n          labelStyles.topBase,\n          labelWrapping === 'truncate' && labelStyles.noWrap\n        ])\n      : undefined;\n  // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll\n  // run into issues destructuring style interpolations, for example having to concatenate both.\n  return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n  /**\n   * The text to be used for the label\n   */\n  children?: string;\n  /**\n   * The id to set on the label\n   */\n  id?: string;\n  /**\n   * The id of the form control for which this label will be used\n   */\n  forId?: string;\n  /**\n   * Determines how the label is going to be styled\n   */\n  variant?: 'inside' | 'start' | 'top' | 'insideError' | 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n  const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n  return (\n    <StyledLabel\n      for={forId}\n      hasValue={hasValue}\n      disabled={isDisabled}\n      isFocused={isFocused}\n      readonly={isReadonly}\n      {...props}\n    />\n  );\n};\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","forId","isDisabled","useFormFieldContext"],"mappings":"qQAMA,MAAAA,EAAA,MAAA,qBAAA,mBAAA,oBAAA,uCAAA,0CAAA,2BAAA,qCAAA,yBAAA,yBAAA,qBAAA,uBAAA,4BAmGAC,EAAAC,IAAqB,IAAAC,SAAAA,EAAAC,SAAAA,EAAAC,SAAAA,EAAAC,UAAAA,EAAAC,QAAAA,EAAA,UAAAL,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,WAAA,WAAA,WAAA,YAAA,YAQnB,MAAAQ,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,iBAEAC,EAAA,WAAAR,GAAA,gBAAAA,GAAA,kBAAAA,gBAGQP,EAAAgB,KACAhB,EAAAiB,mDAIIjB,EAAAkB,iCACJd,GAAAJ,EAAAmB,2DAEAf,GAAAE,GAAAN,EAAAoB,mCAEAf,IACED,IACA,gBAAAG,GAAA,kBAAAA,qCAKFP,EAAAgB,KACAhB,EAAAqB,UACA,aAAAR,GAAAb,EAAAsB,iCAIAtB,EAAAgB,KACAhB,EAAAuB,QACA,aAAAV,GAAAb,EAAAsB,gBAKR,OAAAE,EAAAA,IAAA,QAAAC,OAAAC,OAAA,GAAAlB,EAAA,CAAAmB,MAAAZ,cAsBFb,IAAsB,IAAA0B,MAAAA,GAAA1B,EAAAM,EAAAC,EAAAA,OAAAP,EAAA,CAAA,UACpB,MAAAC,SAAAA,EAAA0B,WAAAA,EAAAvB,UAAAA,EAAAK,WAAAA,GAAAmB,EAAAA"}

package/amd/UNSAFE_LabelValueLayout.css

@@ -1,9 +1,9 @@
-._1ddzos5{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._1olewh{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._1kj2j07{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
-.im0r4n{padding-block-end:0;}
-._1my3xyr{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
-._1a1p5c7{display:inline-flex;align-items:center;}
-._1l4ddv2{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._48x8fh{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._8a02ra{flex:1 1 100%;width:100%;max-width:100%;}
+._1pkjat8{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._1m0n8lg{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._3isgpr{flex-basis:100%;width:100%;max-width:100%;padding-block-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);}
+._1ywltz{padding-block-end:0;}
+._17ziq9t{display:block;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);width:100%;}
+._1dlopfi{display:inline-flex;align-items:center;}
+.z12jnb{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.qmbpxu{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1ifxfqc{flex:1 1 100%;width:100%;max-width:100%;}

package/amd/UNSAFE_LabelValueLayout.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_LabelValueLayout.css","./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-e7b3a8a5","./Flex-da4d9aef","./tslib.es6-db9b6ac2","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-0511449d","./utils/UNSAFE_mergeInterpolations","./_curry3-2a7dcff9","./_curry2-e2b86cd0","./_has-a3099a21","./utils/UNSAFE_interpolations/boxalignment","./keys-e12ae309","./utils/UNSAFE_interpolations/flexbox","./flexbox-9553d7e5","./utils/UNSAFE_interpolations/flexitem","./flexitem-1beee224","preact","preact/hooks"],function(e,s,t,a,i,l,r,o,n,c,d,x,u,_,F,b,m,p,h,N,y,S,f,j,E,U){"use strict";const A="_1ddzos5",g="_1olewh",k="_1kj2j07",v="im0r4n",w="_1my3xyr",C="_1a1p5c7",O="_1l4ddv2",W="_48x8fh";e.LabelValueLayout=({label:e,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const d=o.sizeToCSS(i),x=`calc(100% - ${d})`,u="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===t?{flexBasis:x,width:x,maxWidth:x}:{},{isFormLayout:F,isReadonly:b,labelWrapping:m}=l.useFormContext(),{isReadonly:p}=r.useFormFieldContext(),h=F&&b||!F&&p,N=n.classNames([A,"start"===t&&g,"top"===t&&k,"top"===t&&h&&v]),y=n.classNames([w,"start"===t&&C,"start"===t&&!h&&O,"truncate"===m&&W]);return s.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[s.jsx("div",Object.assign({class:N,style:u},{children:s.jsx("div",Object.assign({class:y},{children:e}))})),s.jsx("div",Object.assign({class:"_8a02ra",style:_},{children:a}))]}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_LabelValueLayout.css","./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-f7aa427b","./Flex-f9400d0c","./tslib.es6-de389af1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-a9b2d356","./utils/UNSAFE_mergeInterpolations","./_curry3-aa9c5bd1","./_curry2-4587c862","./_has-264770bc","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","preact","preact/hooks"],function(s,e,t,a,i,l,r,n,o,c,d,u,x,_,b,F,p,m,f,N,h,S,y,j,E,U){"use strict";const g="_1pkjat8",A="_1m0n8lg",k="_3isgpr",w="_1ywltz",z="_17ziq9t",C="_1dlopfi",O="z12jnb",v="qmbpxu";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const d=n.sizeToCSS(i),u=`calc(100% - ${d})`,x="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:b,isReadonly:F,labelWrapping:p}=l.useFormContext(),{isReadonly:m}=r.useFormFieldContext(),f=b&&F||!b&&m,N=o.classNames([g,"start"===t&&A,"top"===t&&k,"top"===t&&f&&w]),h=o.classNames([z,"start"===t&&C,"start"===t&&!f&&O,"truncate"===p&&v]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:N,style:x},{children:e.jsx("div",Object.assign({class:h},{children:s}))})),e.jsx("div",Object.assign({class:"_1ifxfqc",style:_},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/amd/UNSAFE_LabelValueLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["labelSlotStyles","labelInnerStyles","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","_jsxs","Flex","Object","assign","wrap","align","_jsx","jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":"qtBAQA,MAAAA,EAAA,WAAAA,EAAA,UAAAA,EAAA,WAAAA,WAuBAC,EAAA,WAAAA,EAAA,WAAAA,EAAA,WAAAA,+BAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAA,eAAAF,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,UAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}
+{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\n\nconst labelSlotStyles = {\n  base: cssProps`${{\n    display: 'block',\n    flexGrow: '0',\n    flexShrink: '1',\n    boxSizing: 'border-box'\n  }}`,\n  start: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding)'\n  }}`,\n\n  top: cssProps`${{\n    flexBasis: '100%',\n    width: '100%',\n    maxWidth: '100%',\n    paddingBlockEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)'\n  }}`,\n\n  topPureReadonly: cssProps`${{\n    paddingBlockEnd: 0\n  }}`\n};\n\nconst labelInnerStyles = {\n  // base is labelEdge 'top'\n  base: cssProps`${{\n    display: 'block',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n    width: '100%'\n  }}`,\n  start: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center'\n  }}`,\n  startNotPureReadonly: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  // TODO: Use Text Component instead of CSS\n  noWrap: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis'\n  }}`\n};\n\nconst valueSlotStyles = cssProps`${{\n  flex: '1 1 100%',\n  width: '100%',\n  maxWidth: '100%'\n}}`;\n\ntype Props = {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines how the label is going to be positioned\n   */\n  labelEdge?: 'start' | 'top';\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%'\n}: Props) => {\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n  const labelStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: width, width: width, maxWidth: width } : {};\n  const valueStyles: JSX.CSSProperties =\n    labelEdge === 'start' ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth } : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n  const labelStyleClasses = classNames([\n    labelSlotStyles.base,\n    labelEdge === 'start' && labelSlotStyles.start,\n    // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,\n    // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,\n    labelEdge === 'top' && labelSlotStyles.top,\n    labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n  const labelInnerClasses = classNames([\n    labelInnerStyles.base,\n    labelEdge === 'start' && labelInnerStyles.start,\n    labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <Flex wrap=\"wrap\" align=\"start\">\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["labelSlotStyles","labelInnerStyles","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","_jsxs","Flex","Object","assign","wrap","align","_jsx","jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":"qtBAQA,MAAAA,EAAA,WAAAA,EAAA,WAAAA,EAAA,UAAAA,YAuBAC,EAAA,WAAAA,EAAA,WAAAA,EAAA,SAAAA,8BAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAA,eAAAF,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,WAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}

package/amd/UNSAFE_Link/__tests__/Link.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact","@testing-library/preact","chai","../../Link-53d21d46","@testing-library/user-event","css!./../../UNSAFE_Link.css","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../hooks/UNSAFE_usePress","preact/hooks"],function(e,a,i,t,n,s,l,r,c,d,b){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=u(s);describe("Test Link component",()=>{it("render",()=>{const a=i.render(e.jsx(n.Link,Object.assign({href:"#"},{children:"Link"}))).queryByText("Link",{exact:!1});t.expect(a).not.null}),it("applies default CSS classes",async function(){const a=i.render(e.jsx(n.Link,Object.assign({href:"#"},{children:"Link"}))).container.firstElementChild.classList;t.expect(a.length).equals(2)}),it("variant selected",async function(){const a=i.render(e.jsx(n.Link,Object.assign({href:"#",variant:"primary"},{children:"Link"}))).container.firstElementChild.classList;t.expect(a.length).equals(3)}),it("event",async function(){let a=0;const s=i.render(e.jsx(n.Link,Object.assign({href:"#",onClick:()=>a++},{children:"Link"}))),l=await s.findByText("Link");t.expect(l).not.null,L.default.click(l),t.expect(a).equals(1)}),it("has single label id as aria-labelledby attribute value",async()=>{const s="sampleLabelId",l=i.render(e.jsxs(a.Fragment,{children:[e.jsx("p",{id:s}),e.jsx(n.Link,Object.assign({href:"#",ariaLabelledBy:s},{children:"Link"}))]})),r=(await l.findByText("Link")).getAttribute("aria-labelledBy");t.expect(r).to.equal(s)}),it("has multiple label ids as aria-labelledby attribute value",async()=>{const s="sampleLabelId1",l="sampleLabelId2",r=i.render(e.jsxs(a.Fragment,{children:[e.jsx("p",{id:s}),e.jsx("p",{id:l}),e.jsx(n.Link,Object.assign({href:"#",ariaLabelledBy:`${s} ${l}`},{children:"Link"}))]})),c=(await r.findByText("Link")).getAttribute("aria-labelledBy");t.expect(c).to.equal(`${s} ${l}`)}),it("has accessible aria-label and aria-describedby values",async()=>{var s;const l="TEST-ACCESSIBLE-LABEL",r=i.render(e.jsx(a.Fragment,{children:e.jsx(n.Link,Object.assign({href:"#",accessibleLabel:l,ariaDescribedBy:"TEST ARIA-DESCRIBED-BY"},{children:"Link"}))})),c=await r.findByText("Link");t.expect(c.getAttribute("aria-label")).equals(l);const d=null===(s=c.getAttribute("aria-describedby"))||void 0===s?void 0:s.split(" ");d&&d.length>0&&(t.expect(d[0]).equals("TEST"),t.expect(d[1]).equals("ARIA-DESCRIBED-BY"))})})});
+define(["preact/jsx-runtime","preact","@testing-library/preact","chai","../../Link-c6ca1754","@testing-library/user-event","css!./../../UNSAFE_Link.css","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../hooks/UNSAFE_usePress","preact/hooks"],function(e,a,i,t,n,s,l,r,c,d,b){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=u(s);describe("Test Link component",()=>{it("render",()=>{const a=i.render(e.jsx(n.Link,Object.assign({href:"#"},{children:"Link"}))).queryByText("Link",{exact:!1});t.expect(a).not.null}),it("applies default CSS classes",async function(){const a=i.render(e.jsx(n.Link,Object.assign({href:"#"},{children:"Link"}))).container.firstElementChild.classList;t.expect(a.length).equals(2)}),it("variant selected",async function(){const a=i.render(e.jsx(n.Link,Object.assign({href:"#",variant:"primary"},{children:"Link"}))).container.firstElementChild.classList;t.expect(a.length).equals(3)}),it("event",async function(){let a=0;const s=i.render(e.jsx(n.Link,Object.assign({href:"#",onClick:()=>a++},{children:"Link"}))),l=await s.findByText("Link");t.expect(l).not.null,L.default.click(l),t.expect(a).equals(1)}),it("has single label id as aria-labelledby attribute value",async()=>{const s="sampleLabelId",l=i.render(e.jsxs(a.Fragment,{children:[e.jsx("p",{id:s}),e.jsx(n.Link,Object.assign({href:"#",ariaLabelledBy:s},{children:"Link"}))]})),r=(await l.findByText("Link")).getAttribute("aria-labelledBy");t.expect(r).to.equal(s)}),it("has multiple label ids as aria-labelledby attribute value",async()=>{const s="sampleLabelId1",l="sampleLabelId2",r=i.render(e.jsxs(a.Fragment,{children:[e.jsx("p",{id:s}),e.jsx("p",{id:l}),e.jsx(n.Link,Object.assign({href:"#",ariaLabelledBy:`${s} ${l}`},{children:"Link"}))]})),c=(await r.findByText("Link")).getAttribute("aria-labelledBy");t.expect(c).to.equal(`${s} ${l}`)}),it("has accessible aria-label and aria-describedby values",async()=>{var s;const l="TEST-ACCESSIBLE-LABEL",r=i.render(e.jsx(a.Fragment,{children:e.jsx(n.Link,Object.assign({href:"#",accessibleLabel:l,ariaDescribedBy:"TEST ARIA-DESCRIBED-BY"},{children:"Link"}))})),c=await r.findByText("Link");t.expect(c.getAttribute("aria-label")).equals(l);const d=null===(s=c.getAttribute("aria-describedby"))||void 0===s?void 0:s.split(" ");d&&d.length>0&&(t.expect(d[0]).equals("TEST"),t.expect(d[1]).equals("ARIA-DESCRIBED-BY"))})})});
 //# sourceMappingURL=Link.spec.js.map

package/amd/UNSAFE_Link.css

@@ -1,5 +1,5 @@
-.ztpp3h{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.ztpp3h:visited{color:--oj-c-link-text-color-visited;}.ztpp3h:active{color:--oj-c-link-text-color-active;}.ztpp3h:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.wvygf7{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.xsvt05{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._1sqdiw8{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._1sqdiw8:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._1sqdiw8:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-.o6jvot{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.o6jvot:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.o6jvot:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._1qc0um6{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1qc0um6:visited{color:--oj-c-link-text-color-visited;}._1qc0um6:active{color:--oj-c-link-text-color-active;}._1qc0um6:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._1dsr37z{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._1mhrude{--oj-c-link-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-visited:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);--oj-c-link-text-color-active:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._10dzml5{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._10dzml5:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._10dzml5:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+._1brs5cq{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._1brs5cq:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._1brs5cq:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/amd/UNSAFE_Link.js

@@ -1,2 +1,2 @@
-define(["exports","./Link-53d21d46","preact/jsx-runtime","css!./UNSAFE_Link.css","./utils/UNSAFE_classNames","./classNames-e7b3a8a5","./hooks/UNSAFE_usePress","preact/hooks"],function(e,s,a,i,t,n,r,o){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Link-c6ca1754","preact/jsx-runtime","css!./UNSAFE_Link.css","./utils/UNSAFE_classNames","./classNames-f7aa427b","./hooks/UNSAFE_usePress","preact/hooks"],function(e,s,a,i,t,c,n,r){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Link.js.map

package/amd/UNSAFE_ListItemLayout/__tests__/ListItemLayout.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../ListItemTextLayout-448a117b","../../hooks/UNSAFE_useTabbableMode","css!./../../UNSAFE_ListItemLayout.css","../../UNSAFE_Grid","../../tslib.es6-db9b6ac2","../../utils/UNSAFE_interpolations/grid","../../utils/UNSAFE_interpolations/boxalignment","../../keys-e12ae309","../../_curry1-0511449d","../../_has-a3099a21","../../utils/UNSAFE_size","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../_curry3-2a7dcff9","../../_curry2-e2b86cd0","../../UNSAFE_Text","../../Text-f364af8c","preact","preact/hooks"],function(t,e,a,i,s,n,r,o,c,l,u,b,x,m,d,y,L,T,p,I,S,f,_,j){"use strict";afterEach(e.cleanup),describe("Test ListItemLayout component",()=>{it("render ListItemLayout",async function(){const s=e.render(t.jsx(i.ListItemLayout,{primary:"Simple Text"})),n=await s.findByText("Simple Text");a.expect(n).not.to.be.null}),it("render ListItemText",async function(){const s=e.render(t.jsx(i.ListItemLayout,{primary:t.jsx(i.ListItemText,Object.assign({variant:"primary"},{children:"ListItemText Sample"}))})),n=await s.findByText("ListItemText Sample");a.expect(n).not.to.be.null}),it("render ListItemTextLayout",async function(){const s=e.render(t.jsx(i.ListItemLayout,{children:t.jsx(i.ListItemTextLayout,{primary:"ListItemTextLayout Sample"})})),n=await s.findByText("ListItemTextLayout Sample");a.expect(n).not.to.be.null}),it("ListItemText, TabbableModeContext isTabbable=true",async()=>{const{container:n}=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(i.ListItemText,Object.assign({variant:"secondary"},{children:"Tabbing with mode"}))}))),r=n.querySelector("div");a.expect(r).not.to.be.null;const o=null==r?void 0:r.getAttribute("tabindex");a.expect(o).to.equal("0")})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../ListItemTextLayout-fdb38e7c","../../hooks/UNSAFE_useTabbableMode","css!./../../UNSAFE_ListItemLayout.css","../../UNSAFE_Grid","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/grid","../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../_curry1-a9b2d356","../../_has-264770bc","../../utils/UNSAFE_size","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../UNSAFE_Text","../../Text-fc9678a9","preact","preact/hooks"],function(t,e,a,i,s,n,r,o,c,l,u,b,x,m,d,y,L,T,p,I,S,f,_,j){"use strict";afterEach(e.cleanup),describe("Test ListItemLayout component",()=>{it("render ListItemLayout",async function(){const s=e.render(t.jsx(i.ListItemLayout,{primary:"Simple Text"})),n=await s.findByText("Simple Text");a.expect(n).not.to.be.null}),it("render ListItemText",async function(){const s=e.render(t.jsx(i.ListItemLayout,{primary:t.jsx(i.ListItemText,Object.assign({variant:"primary"},{children:"ListItemText Sample"}))})),n=await s.findByText("ListItemText Sample");a.expect(n).not.to.be.null}),it("render ListItemTextLayout",async function(){const s=e.render(t.jsx(i.ListItemLayout,{children:t.jsx(i.ListItemTextLayout,{primary:"ListItemTextLayout Sample"})})),n=await s.findByText("ListItemTextLayout Sample");a.expect(n).not.to.be.null}),it("ListItemText, TabbableModeContext isTabbable=true",async()=>{const{container:n}=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(i.ListItemText,Object.assign({variant:"secondary"},{children:"Tabbing with mode"}))}))),r=n.querySelector("div");a.expect(r).not.to.be.null;const o=null==r?void 0:r.getAttribute("tabindex");a.expect(o).to.equal("0")})})});
 //# sourceMappingURL=ListItemLayout.spec.js.map

package/amd/UNSAFE_ListItemLayout.css

@@ -1,10 +1,10 @@
-.e6288i > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._120noxi{align-self:center;margin:-0.875rem -0.875rem;}
-.g2ke7c{align-self:center;min-width:0;}
-._1y9b2mv{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-._8iwsxt{display:flex;flex-direction:column;}
-._10jj3fl{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-.e2sqty{display:flex;flex-direction:row;justify-content:right;}
-._1w7o6pe{align-self:end;}
+._1u0hxxt > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1wuue9s{align-self:center;margin:-0.875rem -0.875rem;}
+._1fclf2e{align-self:center;min-width:0;}
+.x1jzqv{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._1hr1akm{display:flex;flex-direction:column;}
+._1w2bi5{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+._1yrp5wq{display:flex;flex-direction:row;justify-content:right;}
+._1j3tpyn{align-self:end;}
 
-.y1ugrf{display:flex;flex-direction:column;}
+._1mebnjz{display:flex;flex-direction:column;}

package/amd/UNSAFE_ListItemLayout.js

@@ -1,2 +1,2 @@
-define(["exports","./ListItemTextLayout-448a117b","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-db9b6ac2","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-e12ae309","./_curry1-0511449d","./_has-a3099a21","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-e7b3a8a5","./_curry3-2a7dcff9","./_curry2-e2b86cd0","./UNSAFE_Text","./Text-f364af8c","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,a,i,r,o,u,l,c,_,n,m,L,b,y,N,d,x,U,A,E,F){"use strict";t.ListItemLayout=e.ListItemLayout,t.ListItemText=e.ListItemText,t.ListItemTextLayout=e.ListItemTextLayout,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./ListItemTextLayout-fdb38e7c","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-de389af1","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./_curry1-a9b2d356","./_has-264770bc","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-f7aa427b","./_curry3-aa9c5bd1","./_curry2-4587c862","./UNSAFE_Text","./Text-fc9678a9","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,a,i,r,o,u,l,c,_,n,m,L,b,d,y,N,x,U,A,E,F){"use strict";t.ListItemLayout=e.ListItemLayout,t.ListItemText=e.ListItemText,t.ListItemTextLayout=e.ListItemTextLayout,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ListItemLayout.js.map

package/amd/UNSAFE_ListView/__tests__/ListView.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_ListView","../../listViewTestFixtures-d2fbd366","../../listViewSelectionTests-0b3a3716","../../ListView-a834813a","../../Flex-da4d9aef","../../tslib.es6-db9b6ac2","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-0511449d","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../_curry3-2a7dcff9","../../_curry2-e2b86cd0","../../_has-a3099a21",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-e12ae309","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-9553d7e5","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-1beee224","../../PRIVATE_List","../../List-00100b50","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-031c2ca2","../../PRIVATE_Collection","../../Collection-f1ddb5d8","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-36b73f80","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-95e35ab9","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-2b604636","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-c858cea4","../../index-6430a462","../../UNSAFE_Icon","../../Icon-3eb9bdeb","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-eefb778f","../../index-aca0a20d","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-032c3574","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-2d4f142f"],function(e,t,s,i,o,n,a,l,c,r,u,d,A,E,S,_,b,F,U,N,h,T,f,g,I,k,m,V,p,x,v,R,y,P,C,O,j,w,L,K,M,z,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,ae,le,ce,re,ue,de,Ae,Ee,Se,_e,be,Fe,Ue,Ne,he,Te,fe,ge,Ie){"use strict";function ke({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:c,selectedKeys:r,selectionMode:u,onClick:d}){const A=t.useRef(null),[E,S]=t.useState(o),[_,b]=t.useState(r),[F,U]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:A,onClick:()=>{d&&d()}},{children:e.jsx(a.ListView,Object.assign({accessibleSummary:"Basic list",data:F,currentKey:E,selectedKeys:_,selectionMode:u,viewportConfig:{scroller:()=>A.current},onCurrentKeyChange:e=>S(e.value),onSelectionChange:e=>b(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},F),{offset:t,data:i.slice(t,s)});U(o)},gridlines:n,onItemAction:c,currentItemVariant:s},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test ListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(ke),n.testAria.bind(void 0)(ke),n.testKeys.bind(void 0)(ke),n.testGridlines.bind(void 0)(ke),n.testItemAction.bind(void 0)(ke),n.testSelection.bind(void 0)(ke)})});
+define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_ListView","../../listViewTestFixtures-6a8c2119","../../listViewSelectionTests-9aebca75","../../ListView-790383d5","../../Flex-f9400d0c","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-e416347d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22","../../PRIVATE_List","../../List-44693a3f","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-9d8c593e","../../PRIVATE_Collection","../../Collection-0182f161","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-bf80ad01","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-3f6a714b","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-465c0d6e","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-d117de08","../../index-4dd59b80","../../UNSAFE_Icon","../../Icon-4b1331cd","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-930f80d0","../../index-9be81def","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-af110ad3","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-e980dfea"],function(e,t,s,i,o,n,a,l,c,r,u,d,A,E,S,_,F,U,b,N,h,f,T,g,I,k,m,V,p,x,v,R,y,P,C,O,j,w,L,K,M,z,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,ae,le,ce,re,ue,de,Ae,Ee,Se,_e,Fe,Ue,be,Ne,he,fe,Te,ge,Ie){"use strict";function ke({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:c,selectedKeys:r,selectionMode:u,onClick:d}){const A=t.useRef(null),[E,S]=t.useState(o),[_,F]=t.useState(r),[U,b]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:A,onClick:()=>{d&&d()}},{children:e.jsx(a.ListView,Object.assign({accessibleSummary:"Basic list",data:U,currentKey:E,selectedKeys:_,selectionMode:u,viewportConfig:{scroller:()=>A.current},onCurrentKeyChange:e=>S(e.value),onSelectionChange:e=>F(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},U),{offset:t,data:i.slice(t,s)});b(o)},gridlines:n,onItemAction:c,currentItemVariant:s},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test ListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(ke),n.testAria.bind(void 0)(ke),n.testKeys.bind(void 0)(ke),n.testGridlines.bind(void 0)(ke),n.testItemAction.bind(void 0)(ke),n.testSelection.bind(void 0)(ke)})});
 //# sourceMappingURL=ListView.spec.js.map

package/amd/UNSAFE_ListView/__tests__/ListViewTabbableMode.spec.js

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../ListView-a834813a","../../listViewTestFixtures-d2fbd366","../../listViewTabbableModeTests-c4d3faea","../../Flex-da4d9aef","preact","../../tslib.es6-db9b6ac2","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-0511449d","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-e7b3a8a5","../../_curry3-2a7dcff9","../../_curry2-e2b86cd0","../../_has-a3099a21",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-e12ae309","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-9553d7e5","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-1beee224","../../PRIVATE_List","../../List-00100b50","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-031c2ca2","../../PRIVATE_Collection","../../Collection-f1ddb5d8","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-36b73f80","../../UNSAFE_FocusTrap","../../FocusTrap-95e35ab9","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-2b604636","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-c858cea4","../../index-6430a462","../../UNSAFE_Icon","../../Icon-3eb9bdeb","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-eefb778f","../../index-aca0a20d","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-032c3574","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-2d4f142f"],function(e,t,s,o,i,a,n,l,r,c,u,d,b,_,A,E,F,S,h,U,N,x,f,p,g,T,k,I,m,j,V,P,y,R,v,w,C,O,M,L,z,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ae,ne,le,re,ce,ue,de,be,_e,Ae,Ee,Fe,Se,he,Ue,Ne,xe,fe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[a,n]=t.useState(void 0),[r,c]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.ListView,Object.assign({accessibleSummary:"Basic list",data:r,currentKey:a,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>n(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},r),{offset:t,data:s.slice(t,o)});c(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test ListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||a.setupIntersectionObserverMock()}),n.testTabbableMode.bind(void 0)(ke)})});
+define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../ListView-790383d5","../../listViewTestFixtures-6a8c2119","../../listViewTabbableModeTests-61b6c49d","../../Flex-f9400d0c","preact","../../tslib.es6-de389af1","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-a9b2d356","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-f7aa427b","../../_curry3-aa9c5bd1","../../_curry2-4587c862","../../_has-264770bc",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-a3d0c6e0","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-e416347d","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-7c6baa22","../../PRIVATE_List","../../List-44693a3f","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-9d8c593e","../../PRIVATE_Collection","../../Collection-0182f161","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-bf80ad01","../../UNSAFE_FocusTrap","../../FocusTrap-3f6a714b","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-465c0d6e","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-d117de08","../../index-4dd59b80","../../UNSAFE_Icon","../../Icon-4b1331cd","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-930f80d0","../../index-9be81def","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-af110ad3","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-e980dfea"],function(e,t,s,o,i,n,a,l,r,c,u,d,b,_,A,E,F,S,h,U,N,x,f,p,g,T,k,I,m,j,V,P,y,R,v,w,C,O,M,L,z,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ne,ae,le,re,ce,ue,de,be,_e,Ae,Ee,Fe,Se,he,Ue,Ne,xe,fe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[n,a]=t.useState(void 0),[r,c]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.ListView,Object.assign({accessibleSummary:"Basic list",data:r,currentKey:n,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>a(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},r),{offset:t,data:s.slice(t,o)});c(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test ListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||n.setupIntersectionObserverMock()}),a.testTabbableMode.bind(void 0)(ke)})});
 //# sourceMappingURL=ListViewTabbableMode.spec.js.map

package/amd/UNSAFE_ListView.js

@@ -1,2 +1,2 @@
-define(["exports","./ListView-a834813a","preact/jsx-runtime","./PRIVATE_List","./List-00100b50","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-e7b3a8a5","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-031c2ca2","./PRIVATE_Collection","./Collection-f1ddb5d8","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-36b73f80","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-95e35ab9","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-0511449d","./_curry2-e2b86cd0","./_curry3-2a7dcff9","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-2b604636","./tslib.es6-db9b6ac2","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-a3099a21","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-da4d9aef","./utils/UNSAFE_interpolations/boxalignment","./keys-e12ae309","./utils/UNSAFE_interpolations/flexbox","./flexbox-9553d7e5","./utils/UNSAFE_interpolations/flexitem","./flexitem-1beee224","./UNSAFE_Selector","./index-c858cea4","./index-6430a462","./UNSAFE_Icon","./Icon-3eb9bdeb","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-eefb778f","./index-aca0a20d","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-032c3574","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,a,n,u,_,A,r,E,c,F,U,S,N,b,d,k,h,T,p,I,V,f,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ae,ne,ue,_e,Ae,re,Ee,ce,Fe,Ue,Se,Ne,be){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ListView-790383d5","preact/jsx-runtime","./PRIVATE_List","./List-44693a3f","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-f7aa427b","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-9d8c593e","./PRIVATE_Collection","./Collection-0182f161","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-bf80ad01","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-3f6a714b","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-a9b2d356","./_curry2-4587c862","./_curry3-aa9c5bd1","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-465c0d6e","./tslib.es6-de389af1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-264770bc","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-f9400d0c","./utils/UNSAFE_interpolations/boxalignment","./keys-a3d0c6e0","./utils/UNSAFE_interpolations/flexbox","./flexbox-e416347d","./utils/UNSAFE_interpolations/flexitem","./flexitem-7c6baa22","./UNSAFE_Selector","./index-d117de08","./index-4dd59b80","./UNSAFE_Icon","./Icon-4b1331cd","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-930f80d0","./index-9be81def","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-af110ad3","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,a,n,u,_,A,r,E,c,F,U,S,d,N,b,k,h,T,f,p,I,V,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ae,ne,ue,_e,Ae,re,Ee,ce,Fe,Ue,Se,de,Ne){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ListView.js.map

package/amd/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-.ailwtr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+._1ihxiul{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}