@oracle/oraclejet 13.1.16 → 13.1.18

package/dist/js/libs/oraclejet-preact/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-7951c6eb","./index-b0689b71","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-ff07a256","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./TextFieldInput-5bbcd693","./tslib.es6-a698dedd","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-aa75769e","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-6159c6a4","./utils/UNSAFE_interpolations/text","./keys-d57af09c","./_curry1-1476548d","./_has-f21781f7","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-987e6288","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_ComponentMessage","./ComponentMessage-5e80f48f","./UNSAFE_HiddenAccessible","./HiddenAccessible-b34a218b","./UNSAFE_Message","./MessageCloseButton-6a052046","./MessageDetail-220b7e5b","./MessageFormattingUtils-3bec650f","./utils/UNSAFE_getLocale","./Message.types-8e0a1077","./MessageStartIcon-c1a88335","./MessageSummary-5175c441","./MessageTimestamp-545335d6","./MessageUtils-920c1858","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-43385c23","./UNSAFE_TransitionGroup","./UNSAFE_Icon","./Icon-77031094","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useTheme","./ComponentMessageContainer-db3115a2","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-b44cd6da"],(function(e,s,i,o,l,n,t,a,u,r,c,d,F,b,p,A,x,U,S,g,E,_,h,N,m,v,f,C,y,j,k,I,T,R,P,M,L,w,V,D,H,O,B,q,W,z,G,J,K,Q,X,Y,Z,$,ee,se,ie,oe,le,ne,te,ae,ue,re,ce,de,Fe,be,pe,Ae,xe,Ue,Se,ge,Ee,_e,he,Ne,me){"use strict";const ve="_jpd5g";function fe({isRevealed:e,onPress:i}){const{pressProps:o}=p.usePress(i),l=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":l,role:"switch","aria-checked":!e,class:ve,tabIndex:0},o,{children:e?s.jsx(x.SvgIcoViewHide,{}):s.jsx(x.SvgIcoView,{})}))}const Ce=i.forwardRef((({assistiveText:e,autoComplete:i="off",autoFocus:F=!1,hasClearIcon:b,hasRevealToggle:p="always",helpSourceLink:A,helpSourceText:x,id:N,isDisabled:m,isReadonly:v,isRequired:f=!1,isRequiredShown:C,label:y,labelEdge:j,messages:k,placeholder:I,textAlign:T,userAssistanceDensity:R,value:P,onInput:M,onCommit:L},w)=>{const{currentCommitValue:V,dispatch:D}=_.useCurrentValueReducer({value:P}),H=o.useCallback((e=>{D({type:"input",payload:e.value}),null==M||M(e)}),[M]),O=o.useCallback((e=>{D({type:"commit",payload:e.value}),null==L||L(e)}),[L]),{isDisabled:B,isReadonly:q,labelEdge:W,textAlign:z,userAssistanceDensity:G}=n.useFormContext(),J=null!=m?m:B,K=null!=v?v:q,Q=null!=j?j:W,X=null!=T?T:z,Y=null!=R?R:G,{bool:Z,setFalse:$,setTrue:ee}=E.useToggle(!1),{enabledElementRef:se,focusProps:ie,isFocused:oe,readonlyElementRef:le}=l.useFocusableTextField({isDisabled:J,isReadonly:K,ref:w,onBlurWithin:$}),{hoverProps:ne,isHover:te}=u.useHover({isDisabled:K||J||!1}),{formFieldContext:ae,inputProps:ue,labelProps:re,textFieldProps:ce,userAssistanceProps:de}=a.useTextField({id:N,isDisabled:J,isFocused:oe,isReadonly:K,labelEdge:Q,messages:k,value:P}),Fe=o.useCallback((()=>{Z?$():ee()}),[Z]),be=J||"always"!==p?null:s.jsx(fe,{onPress:Fe,isRevealed:Z}),pe=o.useCallback((()=>{var e;null===(e=se.current)||void 0===e||e.focus(),null==H||H({previousValue:P,value:""})}),[M,P]),Ae=U.useClearIcon({clearIcon:s.jsx(g.ClearIcon,{onClick:pe}),display:b,hasValue:ae.hasValue,isFocused:oe,isEnabled:!K&&!J,isHover:te}),xe=S.beforeVNode(be,Ae),Ue="none"!==Q?s.jsx(r.Label,Object.assign({},re,{children:y})):void 0,Se={label:"none"!==Q?Ue:void 0,labelEdge:"none"!==Q?Q:void 0},ge="none"===Q?y:void 0,Ee=J||K?"efficient"!==Y?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:Y},de)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:e,helpSourceLink:A,helpSourceText:x,messages:k,isRequiredShown:C,userAssistanceDensity:Y},de));if(K)return s.jsx(t.FormFieldContext.Provider,Object.assign({value:ae},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ee},Se,{children:s.jsx(c.ReadonlyTextFieldInput,{ariaLabel:ge,ariaLabelledby:re.id,as:"input",autoFocus:F,elementRef:le,id:N,textAlign:X,type:"password",value:P,hasInsideLabel:void 0!==y&&"inside"===Q})}))}));const _e=s.jsx(h.TextFieldInput,Object.assign({ariaLabel:ge,autoComplete:i,autoFocus:F,currentCommitValue:V,hasInsideLabel:void 0!==Ue&&"inside"===Q,inputRef:se,isRequired:f,onInput:H,onCommit:O,placeholder:I,textAlign:X,value:P,type:Z?"text":"password"},ue));return s.jsx(t.FormFieldContext.Provider,Object.assign({value:ae},{children:s.jsx(c.TextField,Object.assign({endContent:xe,inlineUserAssistance:Ee,mainContent:_e,onBlur:ie.onfocusout,onFocus:ie.onfocusin},ce,Se,ne))}))}));e.InputPassword=Ce,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-2b8f2b13","./index-45e20b6f","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-ed323184","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./TextFieldInput-9c5312c3","./tslib.es6-3ed94d24","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-814ecae3","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-6646dbed","./utils/UNSAFE_interpolations/text","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_ComponentMessage","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./hooks/UNSAFE_useTheme","./ComponentMessageContainer-808667fc","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959"],(function(e,s,i,o,l,n,t,a,u,r,c,d,F,p,b,A,x,U,S,E,g,_,h,N,m,f,v,C,y,j,k,I,T,R,P,M,L,w,V,D,H,O,B,q,W,z,G,J,K,Q,X,Y,Z,$,ee,se,ie,oe,le,ne,te,ae,ue,re,ce,de,Fe,pe,be,Ae,xe,Ue,Se,Ee,ge,_e,he,Ne,me){"use strict";const fe="_18h56p";function ve({isRevealed:e,onPress:i}){const{pressProps:o}=b.usePress(i),l=p.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":l,role:"switch","aria-checked":!e,class:fe,tabIndex:0},o,{children:e?s.jsx(x.SvgIcoViewHide,{}):s.jsx(x.SvgIcoView,{})}))}const Ce=i.forwardRef((({assistiveText:e,autoComplete:i="off",autoFocus:F=!1,hasClearIcon:p,hasRevealToggle:b="always",helpSourceLink:A,helpSourceText:x,id:N,isDisabled:m,isReadonly:f,isRequired:v=!1,isRequiredShown:C,label:y,labelEdge:j,messages:k,placeholder:I,textAlign:T,userAssistanceDensity:R,value:P,onInput:M,onCommit:L},w)=>{const{currentCommitValue:V,dispatch:D}=_.useCurrentValueReducer({value:P}),H=o.useCallback((e=>{D({type:"input",payload:e.value}),null==M||M(e)}),[M]),O=o.useCallback((e=>{D({type:"commit",payload:e.value}),null==L||L(e)}),[L]),{isDisabled:B,isReadonly:q,labelEdge:W,textAlign:z,userAssistanceDensity:G}=n.useFormContext(),J=null!=m?m:B,K=null!=f?f:q,Q=null!=j?j:W,X=null!=T?T:z,Y=null!=R?R:G,{bool:Z,setFalse:$,setTrue:ee}=g.useToggle(!1),{enabledElementRef:se,focusProps:ie,isFocused:oe,readonlyElementRef:le}=l.useFocusableTextField({isDisabled:J,isReadonly:K,ref:w,onBlurWithin:$}),{hoverProps:ne,isHover:te}=u.useHover({isDisabled:K||J||!1}),{formFieldContext:ae,inputProps:ue,labelProps:re,textFieldProps:ce,userAssistanceProps:de}=a.useTextField({id:N,isDisabled:J,isFocused:oe,isReadonly:K,labelEdge:Q,messages:k,value:P}),Fe=o.useCallback((()=>{Z?$():ee()}),[Z]),pe=J||"always"!==b?null:s.jsx(ve,{onPress:Fe,isRevealed:Z}),be=o.useCallback((()=>{var e;null===(e=se.current)||void 0===e||e.focus(),null==H||H({previousValue:P,value:""})}),[M,P]),Ae=U.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:be}),display:p,hasValue:ae.hasValue,isFocused:oe,isEnabled:!K&&!J,isHover:te}),xe=S.beforeVNode(pe,Ae),Ue="none"!==Q?s.jsx(r.Label,Object.assign({},re,{children:y})):void 0,Se={label:"none"!==Q?Ue:void 0,labelEdge:"none"!==Q?Q:void 0},Ee="none"===Q?y:void 0,ge=J||K?"efficient"!==Y?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:Y},de)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:e,helpSourceLink:A,helpSourceText:x,messages:k,isRequiredShown:C,userAssistanceDensity:Y},de));if(K)return s.jsx(t.FormFieldContext.Provider,Object.assign({value:ae},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ge},Se,{children:s.jsx(c.ReadonlyTextFieldInput,{ariaLabel:Ee,ariaLabelledby:re.id,as:"input",autoFocus:F,elementRef:le,id:N,textAlign:X,type:"password",value:P,hasInsideLabel:void 0!==y&&"inside"===Q})}))}));const _e=s.jsx(h.TextFieldInput,Object.assign({ariaLabel:Ee,autoComplete:i,autoFocus:F,currentCommitValue:V,hasInsideLabel:void 0!==Ue&&"inside"===Q,inputRef:se,isRequired:v,onInput:H,onCommit:O,placeholder:I,textAlign:X,value:P,type:Z?"text":"password"},ue));return s.jsx(t.FormFieldContext.Provider,Object.assign({value:ae},{children:s.jsx(c.TextField,Object.assign({endContent:xe,inlineUserAssistance:ge,mainContent:_e,onBlur:ie.onfocusout,onFocus:ie.onfocusin},ce,Se,ne))}))}));e.InputPassword=Ce,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

package/dist/js/libs/oraclejet-preact/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 PickedPropsFromTextField = Pick<ComponentProps<typeof TextField>, 'id'>;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'placeholder'\n  | 'isRequired'\n  | 'textAlign'\n  | 'value'\n  | 'onInput'\n  | 'onCommit'\n>;\n\ntype PickedPropsFromInlineUserAssistance = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isRequiredShown'\n  | 'messages'\n  | 'userAssistanceDensity'\n>;\n\ntype Props = PickedPropsFromTextField &\n  PickedPropsFromTextFieldInput &\n  PickedPropsFromInlineUserAssistance & {\n    hasClearIcon?: 'always' | 'conditionally' | 'never';\n    hasRevealToggle?: 'always' | 'never';\n    isDisabled?: boolean;\n    isReadonly?: boolean;\n    label: string;\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n    labelStartWidth?: Size;\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      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      id,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\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]\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]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\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 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        id,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\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    };\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              ariaLabel={ariaLabel}\n              ariaLabelledby={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              id={id}\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","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","id","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","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","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 PickedPropsFromTextField = Pick<ComponentProps<typeof TextField>, 'id'>;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'placeholder'\n  | 'isRequired'\n  | 'textAlign'\n  | 'value'\n  | 'onInput'\n  | 'onCommit'\n>;\n\ntype PickedPropsFromInlineUserAssistance = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isRequiredShown'\n  | 'messages'\n  | 'userAssistanceDensity'\n>;\n\ntype Props = PickedPropsFromTextField &\n  PickedPropsFromTextFieldInput &\n  PickedPropsFromInlineUserAssistance & {\n    hasClearIcon?: 'always' | 'conditionally' | 'never';\n    hasRevealToggle?: 'always' | 'never';\n    isDisabled?: boolean;\n    isReadonly?: boolean;\n    label: string;\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n    labelStartWidth?: Size;\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      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      hasRevealToggle = 'always',\n      helpSourceLink,\n      helpSourceText,\n      id,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      messages,\n      placeholder,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\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]\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]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\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 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        id,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\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    };\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              ariaLabel={ariaLabel}\n              ariaLabelledby={labelProps.id}\n              as=\"input\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              id={id}\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","assistiveText","autoComplete","autoFocus","hasClearIcon","hasRevealToggle","helpSourceLink","helpSourceText","id","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","messages","placeholder","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formTextAlign","formUserAssistanceDensity","useFormContext","bool","setFalse","setRevealedFalse","setTrue","setRevealedTrue","useToggle","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","onBlurWithin","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","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","as","elementRef","hasInsideLabel","mainContent","TextFieldInput","inputRef","TextField","endContent","onBlur","onfocusout","onFocus","onfocusin"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputText.css

@@ -1 +1 @@
-.jrm8z0{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;}.jrm8z0: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;}
+._inv742{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;}._inv742: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/dist/js/libs/oraclejet-preact/amd/UNSAFE_InputText.js

@@ -1,2 +1,2 @@
-define(["exports","./InputText-45fa920c","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-a698dedd","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-aa75769e","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6159c6a4",'css!./UNSAFE_InputText.css',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-d57af09c","./_curry1-1476548d","./_has-f21781f7","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./TextFieldInput-5bbcd693","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-b44cd6da","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-987e6288","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-5e80f48f","./UNSAFE_HiddenAccessible","./HiddenAccessible-b34a218b","./UNSAFE_Message","./MessageCloseButton-6a052046","./MessageDetail-220b7e5b","./MessageFormattingUtils-3bec650f","./utils/UNSAFE_getLocale","./Message.types-8e0a1077","./MessageStartIcon-c1a88335","./index-7951c6eb","./UNSAFE_Icon","./Icon-77031094","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-b0689b71","./MessageSummary-5175c441","./MessageTimestamp-545335d6","./MessageUtils-920c1858","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-43385c23","./UNSAFE_TransitionGroup","./ComponentMessageContainer-db3115a2","./utils/UNSAFE_componentUtils","./ClearIcon-ff07a256","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,o,i,n,a,l,F,u,U,_,r,A,E,N,S,c,d,g,b,p,h,x,m,k,f,M,T,I,C,y,L,H,v,P,R,V,j,B,D,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,ae,le,Fe,ue,Ue,_e,re,Ae,Ee,Ne,Se,ce,de,ge,be,pe,he,xe,me,ke,fe,Me){"use strict";e.InputText=s.InputText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./InputText-81b8e0ac","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-3ed94d24","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-814ecae3","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6646dbed",'css!./UNSAFE_InputText.css',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-598d5f15","./_curry1-99c4475f","./_has-341d00f2","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./TextFieldInput-9c5312c3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-6d037959","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-c3d1d8d2","./UNSAFE_HiddenAccessible","./HiddenAccessible-5a7a90e9","./UNSAFE_Message","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./utils/UNSAFE_getLocale","./Message.types-6aa5b5ff","./MessageStartIcon-56bc0833","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-45e20b6f","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-3daccdd0","./UNSAFE_TransitionGroup","./ComponentMessageContainer-808667fc","./utils/UNSAFE_componentUtils","./ClearIcon-ed323184","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,o,i,n,l,a,F,u,U,_,r,A,E,N,S,c,d,g,p,h,x,b,m,f,k,M,T,I,C,y,L,H,v,P,R,V,j,B,D,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ne,le,ae,Fe,ue,Ue,_e,re,Ae,Ee,Ne,Se,ce,de,ge,pe,he,xe,be,me,fe,ke,Me){"use strict";e.InputText=s.InputText,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Label.css

@@ -1,13 +1,13 @@
-.z0c3tk{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;}
-.mc1712{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%;}
-.nrdvoc{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-.ns1xmn{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%;}
-._jl7odr{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;}
-._ldt7tt{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);}
-._gah0a{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;}
-._gpbok4{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);}
-._ijcu7n{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._pdmxrn{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._3gqdc{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._8zpj0h{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._lg4fiq{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._r9ix5{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;}
+.q2ahj3{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%;}
+.yy2s8f{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+.weeqd3{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%;}
+.z63hbj{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;}
+._vd0k7s{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);}
+._b3ktk{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;}
+._3w5shm{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);}
+._gfzaqi{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+._1gwam2{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._w1pxnb{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._fj1lzm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._55qprk{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Label.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-a698dedd","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-6159c6a4","preact","preact/hooks"],(function(e,s,a,n,i,d,o,r,t,l){"use strict";const c={base:"z0c3tk",startBase:"mc1712",topBase:"nrdvoc",insideBase:"ns1xmn",insideReadonlyInEnabledForm:"_jl7odr",insideReadonlyNotInEnabledForm:"_ldt7tt",insideNonReadonly:"_gah0a",insideNonReadonlyHasValue:"_gpbok4",insideDisabled:"_ijcu7n",insideFocused:"_pdmxrn",insideError:"_3gqdc",insideWarning:"_8zpj0h",noWrap:"_lg4fiq"},u=e=>{var{hasValue:n,readonly:i,disabled:d,isFocused:t,variant:l="inside"}=e,u=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:m}=o.useFormContext(),_="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([c.base,c.insideBase,i&&(b&&!F?c.insideReadonlyInEnabledForm:c.insideReadonlyNotInEnabledForm),!i&&c.insideNonReadonly,!i&&(n||t)&&c.insideNonReadonlyHasValue,!i&&t&&c.insideFocused,d&&c.insideDisabled,!d&&!i&&("insideError"===l||"insideWarning"===l)&&c[l]]):"start"===l?r.classNames([c.base,c.startBase,"truncate"===m&&c.noWrap]):"top"===l?r.classNames([c.base,c.topBase,"truncate"===m&&c.noWrap]):void 0;return a.jsx("label",Object.assign({},u,{class:_}))};e.Label=e=>{var{forId:i}=e,d=s.__rest(e,["forId"]);const{hasValue:o,isDisabled:r,isFocused:t,isReadonly:l}=n.useFormFieldContext();return a.jsx(u,Object.assign({for:i,hasValue:o,disabled:r,isFocused:t,readonly:l},d))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-3ed94d24","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-6646dbed","preact","preact/hooks"],(function(e,s,a,i,n,d,o,r,l,t){"use strict";const u={base:"_r9ix5",startBase:"q2ahj3",topBase:"yy2s8f",insideBase:"weeqd3",insideReadonlyInEnabledForm:"z63hbj",insideReadonlyNotInEnabledForm:"_vd0k7s",insideNonReadonly:"_b3ktk",insideNonReadonlyHasValue:"_3w5shm",insideDisabled:"_gfzaqi",insideFocused:"_1gwam2",insideError:"_w1pxnb",insideWarning:"_fj1lzm",noWrap:"_55qprk"},b=e=>{var{hasValue:i,readonly:n,disabled:d,isFocused:l,variant:t="inside"}=e,b=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:c,isReadonly:F,labelWrapping:m}=o.useFormContext(),_="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([u.base,u.insideBase,n&&(c&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||l)&&u.insideNonReadonlyHasValue,!n&&l&&u.insideFocused,d&&u.insideDisabled,!d&&!n&&("insideError"===t||"insideWarning"===t)&&u[t]]):"start"===t?r.classNames([u.base,u.startBase,"truncate"===m&&u.noWrap]):"top"===t?r.classNames([u.base,u.topBase,"truncate"===m&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},b,{class:_}))};e.Label=e=>{var{forId:n}=e,d=s.__rest(e,["forId"]);const{hasValue:o,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(b,Object.assign({for:n,hasValue:o,disabled:r,isFocused:l,readonly:t},d))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Label.js.map

package/dist/js/libs/oraclejet-preact/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":"sQAMA,MAAAA,EAAA,MAAA,mBAAA,iBAAA,oBAAA,qCAAA,yCAAA,4BAAA,mCAAA,yBAAA,wBAAA,sBAAA,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"}
+{"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":"sQAMA,MAAAA,EAAA,MAAA,mBAAA,iBAAA,oBAAA,qCAAA,wCAAA,4BAAA,mCAAA,yBAAA,wBAAA,sBAAA,wBAAA,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/dist/js/libs/oraclejet-preact/amd/UNSAFE_LabelValueLayout.css

@@ -1,9 +1,9 @@
-.i9p3sr{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._sbj5x3{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-.u7pzbj{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);}
-.d9sore{padding-block-end:0;}
-._qrmva{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%;}
-._6jk1sj{display:inline-flex;align-items:center;}
-._vnni1{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-.p2w48o{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.gjxvjo{flex:1 1 100%;width:100%;max-width:100%;}
+.bap00r{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._o2j7y0{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._f4imxe{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);}
+._xrio0t{padding-block-end:0;}
+._hyy9t{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%;}
+._x1phfb{display:inline-flex;align-items:center;}
+._5oqmy{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.nudvdq{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._73p5h{flex:1 1 100%;width:100%;max-width:100%;}

package/dist/js/libs/oraclejet-preact/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-6159c6a4","./Flex-987e6288","./tslib.es6-a698dedd","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-1476548d","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./_has-f21781f7","./utils/UNSAFE_interpolations/boxalignment","./keys-d57af09c","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","preact","preact/hooks"],(function(s,e,t,i,a,l,r,n,o,c,d,u,x,F,_,b,p,m,j,N,S,U,h,f,E,g,A){"use strict";const y="i9p3sr",v="_sbj5x3",k="u7pzbj",w="d9sore",C="_qrmva",O="_6jk1sj",W="_vnni1",z="p2w48o";s.LabelValueLayout=({label:s,labelEdge:t,children:i,labelStartWidth:a="33%"})=>{const d=n.sizeToCSS(a),u=`calc(100% - ${d})`,x="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},F="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:_,isReadonly:b,labelWrapping:p}=l.useFormContext(),{isReadonly:m}=r.useFormFieldContext(),j=_&&b||!_&&m,N=o.classNames([y,"start"===t&&v,"top"===t&&k,"top"===t&&j&&w]),S=o.classNames([C,"start"===t&&O,"start"===t&&!j&&W,"truncate"===p&&z]);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:S},{children:s}))})),e.jsx("div",Object.assign({class:"gjxvjo",style:F},{children:i}))]}))},Object.defineProperty(s,"__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-6646dbed","./Flex-4355ec04","./tslib.es6-3ed94d24","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-99c4475f","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./_has-341d00f2","./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","preact","preact/hooks"],(function(s,t,e,i,l,a,r,o,n,c,d,x,u,_,F,m,p,b,h,N,f,y,S,U,E,A,g){"use strict";const j="bap00r",v="_o2j7y0",C="_f4imxe",O="_xrio0t",k="_hyy9t",w="_x1phfb",W="_5oqmy",L="nudvdq";s.LabelValueLayout=({label:s,labelEdge:e,children:i,labelStartWidth:l="33%"})=>{const d=o.sizeToCSS(l),x=`calc(100% - ${d})`,u="start"===e?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===e?{flexBasis:x,width:x,maxWidth:x}:{},{isFormLayout:F,isReadonly:m,labelWrapping:p}=a.useFormContext(),{isReadonly:b}=r.useFormFieldContext(),h=F&&m||!F&&b,N=n.classNames([j,"start"===e&&v,"top"===e&&C,"top"===e&&h&&O]),f=n.classNames([k,"start"===e&&w,"start"===e&&!h&&W,"truncate"===p&&L]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:N,style:u},{children:t.jsx("div",Object.assign({class:f},{children:s}))})),t.jsx("div",Object.assign({class:"_73p5h",style:_},{children:i}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/dist/js/libs/oraclejet-preact/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":"yvBAQA,MAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,WAuBAC,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,8BAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAAF,eAAAA,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,SAwDEE,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":"yvBAQA,MAAAA,EAAA,SAAAA,EAAA,UAAAA,EAAA,UAAAA,YAuBAC,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,8BAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAAF,eAAAA,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,SAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Link.css

@@ -1,5 +1,5 @@
-._zcy2u{display:inline-block;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);}._zcy2u:visited{color:--oj-c-link-text-color-visited;}._zcy2u:active{color:--oj-c-link-text-color-active;}._zcy2u:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._v9fwfv{--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);}
-.w6aqka{--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);}
-.ve0e0n{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.ve0e0n:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.ve0e0n:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-.q8xo9l{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.q8xo9l:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.q8xo9l:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+.gfvmu0{display:inline-block;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);}.gfvmu0:visited{color:--oj-c-link-text-color-visited;}.gfvmu0:active{color:--oj-c-link-text-color-active;}.gfvmu0:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._okxved{--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);}
+.j4ab2l{--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);}
+._gbv7e{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._gbv7e:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._gbv7e:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.o87j9h{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.o87j9h:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.o87j9h:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Link.js

@@ -1,2 +1,2 @@
-define(["exports","./Link-59d20aa0","preact/jsx-runtime",'css!./UNSAFE_Link.css',"./utils/UNSAFE_classNames","./classNames-6159c6a4","./hooks/UNSAFE_usePress","preact/hooks"],(function(e,s,a,i,t,n,r,c){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Link-7933d4a4","preact/jsx-runtime",'css!./UNSAFE_Link.css',"./utils/UNSAFE_classNames","./classNames-6646dbed","./hooks/UNSAFE_usePress","preact/hooks"],(function(e,s,i,a,t,n,r,o){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Link.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ListView.css

@@ -1,15 +1,15 @@
-._k6l4cn{height:100%;user-select:none;overflow-y:inherit;}._k6l4cn:focus{outline-style:none;}
-.tt4n40{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-._ebovj{position:relative;}
+._ue833r{height:100%;user-select:none;overflow-y:inherit;}._ue833r:focus{outline-style:none;}
+.os072s{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+._lzlno2{position:relative;}
 
-.i4hbhm{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
-._crg03{background-size:100% 1px;}
-.jwwevg:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.i9umze{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.hmnra3{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-._x2g5sp{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-._297vgx{flex-grow:1;}._297vgx:focus{outline-style:none;}
-._d8sha6{display:flex;}
-._ltgdw{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._jkbpuf{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
+.k3nwlb{background-size:100% 1px;}
+.esv0na:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._8cc07l{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.s62r1u{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+.s5cjcy{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+._3u3vq{flex-grow:1;}._3u3vq:focus{outline-style:none;}
+._b8mjqx{display:flex;}
+._7djqx{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
 
-.sjgyoo{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._2avrv{height:100%;overflow-x:hidden;overflow-y:hidden;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ListView.js

@@ -1,2 +1,2 @@
-define(["exports","./ListView-ae4912e4","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-6159c6a4","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-be1dd0d2","./UNSAFE_Collection","./Collection-ff9e6268","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-7951c6eb","./UNSAFE_Icon","./Icon-77031094","./tslib.es6-a698dedd","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-b0689b71","./UNSAFE_Flex","./Flex-987e6288","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./_curry1-1476548d","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./_has-f21781f7","./utils/UNSAFE_interpolations/boxalignment","./keys-d57af09c","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-08fbe8e5","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,_,a,u,E,S,U,c,A,F,N,d,p,b,f,k,x,m,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./ListView-15e5d3dc","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-6646dbed","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-76ab087c","./UNSAFE_Collection","./Collection-47202b3c","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./tslib.es6-3ed94d24","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-45e20b6f","./UNSAFE_Flex","./Flex-4355ec04","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./_has-341d00f2","./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-7ddcacf4","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,_,u,a,c,E,S,U,A,F,N,d,f,p,b,k,x,m,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ListView.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-._tq4pug{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;}
+._pa0q5{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;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LiveRegion.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_LiveRegion.css',"preact/hooks"],(function(e,t,i,a){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback((()=>n(e)),[e]),c=a.useCallback((()=>setTimeout(s,t)),[s,t]);return a.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"_tq4pug"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_LiveRegion.css',"preact/hooks"],(function(e,t,i,a){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback((()=>n(e)),[e]),c=a.useCallback((()=>setTimeout(s,t)),[s,t]);return a.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"_pa0q5"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LiveRegion.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_LiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["atomic","children","timeout","type","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText","_jsx","Object","assign","class","ariaLiveText"],"mappings":"8GA8CA,UAAAA,OAAAA,EAAA,QAAAC,SAAAA,EAAA,GAAAC,QAAAA,EAAA,IAAAC,KAAAA,EAAA,mBAiBA,SAAAC,EAAAF,2BAEEG,EAAAC,EAAAA,aAAA,IAAAC,EAAAH,IAAA,CAAAA,iDASA,yBALE,MAAAI,EAAAC,IAEA,MAAA,IAAAC,aAAAF,KACF,CAAAC,IAEAE,QAzBA,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAA,YAAAX,EAAA,cAAAH,EAAAe,MA9CF,WA8CE,CAAAd,SAAAe"}
+{"version":3,"file":"UNSAFE_LiveRegion.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\n\nconst offScreenStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype Props = {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({ atomic = 'false', children = '', timeout = 100, type = 'polite' }: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState<string>();\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["atomic","children","timeout","type","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText","_jsx","Object","assign","class","ariaLiveText"],"mappings":"8GA8CA,UAAAA,OAAAA,EAAA,QAAAC,SAAAA,EAAA,GAAAC,QAAAA,EAAA,IAAAC,KAAAA,EAAA,mBAiBA,SAAAC,EAAAF,2BAEEG,EAAAC,EAAAA,aAAA,IAAAC,EAAAH,IAAA,CAAAA,iDASA,yBALE,MAAAI,EAAAC,IAEA,MAAA,IAAAC,aAAAF,KACF,CAAAC,IAEAE,QAzBA,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAA,YAAAX,EAAA,cAAAH,EAAAe,MA9CF,UA8CE,CAAAd,SAAAe"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message.css

@@ -1,19 +1,19 @@
-.zen47i{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+.fsb8ua{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
 
-._xa15ya{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}._xa15ya:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.f3mtuc{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
-.ubned9{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){.ubned9{flex-direction:column;}}
-._q7pf6{box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+._ua9umn{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
+._jr3mau{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
 
-._xlv1ho{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
-.l5wdwr{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._wo1u9y{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}._wo1u9y:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._3craj{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+._wlgsa7{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){._wlgsa7{flex-direction:column;}}
+.dwru49{box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-._z0rt8p{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.teobea{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-.utgtxl{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+._9oifcc{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.olvan8{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._s5uqet{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
 
-._uge2o{flex:1;overflow-wrap:anywhere;}
-.xlvnkd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
-._t4wrfg{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+._5mru6{flex:1;overflow-wrap:anywhere;}
+._fg5gij{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+._b1vu1z{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
 
-._0yn8d{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.m0dhio{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Message.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-6a052046","./MessageDetail-220b7e5b","./MessageFormattingUtils-3bec650f","./MessageStartIcon-c1a88335","./MessageSummary-5175c441","./MessageTimestamp-545335d6","./MessageUtils-920c1858","./classNames-6159c6a4","./Flex-987e6288","./MessagesManager-43385c23","./Message.types-8e0a1077","./tslib.es6-a698dedd","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./_curry1-1476548d","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./_has-f21781f7","./utils/UNSAFE_interpolations/boxalignment","./keys-d57af09c","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","preact","./utils/UNSAFE_getLocale","./index-7951c6eb","./UNSAFE_Icon","./Icon-77031094","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-b0689b71","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,g,m,p,S,M,x,b,f,v,y,F,U,_,N,E,A,j,h,V,C,I,T,k,B,O,P,R,D,w,L,q,z,G,H,K){"use strict";function $(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_xa15ya",Q="f3mtuc",W="ubned9",X="_q7pf6";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=g.getRenderer,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesContext=S.MessagesContext,e.MessagesManager=S.MessagesManager,e.severities=M.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:S,messageRef:M=(()=>{}),translations:x,type:b}){const{closeAffordance:f="on",severity:v="error",sound:y,summary:F,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(M,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==S||S(n)}),[n,S]),A=r.useCallback((e=>{"Escape"===e.key&&"on"===f&&(null==S||S(n))}),[f,n,S]);r.useEffect((()=>{l.isValidValueForProp(y)&&g.playSound(y)}),[]);const j=m.classNames([J,_,"section"===b&&Q]);return s.jsx("div",Object.assign({ref:N,class:j,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:A},{children:s.jsxs("div",Object.assign({class:X},{children:[$(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:x}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:F}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===f&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==x?void 0:x.close,variant:"banner",onAction:E})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-9bc0931e","./MessageDetail-30253c08","./MessageFormattingUtils-4e38e6b9","./MessageStartIcon-56bc0833","./MessageSummary-45069515","./MessageTimestamp-05ec0a72","./MessageUtils-0e4fb0a0","./classNames-6646dbed","./Flex-4355ec04","./MessagesManager-3daccdd0","./Message.types-6aa5b5ff","./tslib.es6-3ed94d24","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-62064267","./_curry1-99c4475f","./utils/UNSAFE_mergeInterpolations","./_curry2-ad906095","./_has-341d00f2","./utils/UNSAFE_interpolations/boxalignment","./keys-598d5f15","./utils/UNSAFE_interpolations/flexbox","./flexbox-8a72624f","./utils/UNSAFE_interpolations/flexitem","./flexitem-c57018b3","preact","./utils/UNSAFE_getLocale","./index-2b8f2b13","./UNSAFE_Icon","./Icon-fdf31279","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-45e20b6f","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,g,m,p,f,S,M,b,x,v,y,F,U,_,N,E,A,j,h,V,C,I,T,k,B,O,P,R,w,D,L,z,G,H,K,$){"use strict";function q(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_wo1u9y",Q="_3craj",W="_wlgsa7",X="dwru49";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=g.getRenderer,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesContext=f.MessagesContext,e.MessagesManager=f.MessagesManager,e.severities=S.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:f,messageRef:S=(()=>{}),translations:M,type:b}){const{closeAffordance:x="on",severity:v="error",sound:y,summary:F,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(S,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==f||f(n)}),[n,f]),A=r.useCallback((e=>{"Escape"===e.key&&"on"===x&&(null==f||f(n))}),[x,n,f]);r.useEffect((()=>{l.isValidValueForProp(y)&&g.playSound(y)}),[]);const j=m.classNames([J,_,"section"===b&&Q]);return s.jsx("div",Object.assign({ref:N,class:j,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:A},{children:s.jsxs("div",Object.assign({class:X},{children:[q(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:M}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:F}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===x&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==M?void 0:M.close,variant:"banner",onAction:E})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Message.js.map