npm - @oracle/oraclejet-preact - Versions diffs - 14.1.9 → 14.1.11 - Mend

@oracle/oraclejet-preact 14.1.9 → 14.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1225) hide show

package/amd/UNSAFE_InputPassword.js CHANGED Viewed

@@ -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-359cad62","./index-8aa44d16","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-b7d8b7e2","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-5d75bcc4","./TextFieldInput-89b3ad37","./tslib.es6-0026d2ad","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-4141423e","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-62e37972","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-56ca361c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./FormControlUtils-fb5ac7a9","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./InlineHelpSource-f4277abb","./hooks/UNSAFE_useTabbableMode","./UNSAFE_ComponentMessage","./ComponentMessage-955a6a54","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c0436a6d","./UNSAFE_Button","./Button-0d9421fc","./UNSAFE_BaseButton","./BaseButton-7d5eb39d","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-2e828dd3","./utils/UNSAFE_mergeProps","./MessageDetail-3e492e42","./MessageFormattingUtils-36ba3a21","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-91d77e3d","./Message.types-cdf49a64","./MessageStartIcon-c7c14eb3","./MessageSummary-2e35809c","./MessageTimestamp-5a7d95b4","./MessageUtils-f508120a","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-2c73161c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./hooks/UNSAFE_useMessagesContext","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-e8dc5fb7","./index-f9c35a81","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useTheme","./UNSAFE_HiddenAccessible","./HiddenAccessible-5ecb1534","./ComponentMessageContainer-6bd115d9","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers"],function(e,s,o,t,i,a,l,n,u,r,c,d,F,b,A,U,E,S,_,p,x,h,g,N,m,f,v,y,k,C,T,I,R,j,P,V,M,B,D,L,w,H,O,W,q,z,G,J,K,Q,X,Y,Z,$,ee,se,oe,te,ie,ae,le,ne,ue,re,ce,de,Fe,be,Ae,Ue,Ee,Se,_e,pe,xe,he,ge,Ne,me,fe,ve,ye,ke,Ce,Te,Ie,Re,je,Pe,Ve,Me,Be,De,Le,we,He,Oe,We,qe,ze,Ge,Je,Ke){"use strict";const Qe="_1nxwqnd";function Xe({isRevealed:e,onPress:o}){const{pressProps:t}=A.usePress(o),i=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":i,role:"switch","aria-checked":!e,class:Qe,tabIndex:0},t,{children:e?s.jsx(E.SvgIcoViewHide,{}):s.jsx(E.SvgIcoView,{})}))}const Ye=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,autoComplete:F="off",autoFocus:b=!1,hasClearIcon:A,hasRevealToggle:U="always",helpSourceLink:E,helpSourceText:m,isDisabled:f,isReadonly:v,isRequired:y=!1,isRequiredShown:k,label:C,labelEdge:T,labelStartWidth:I,messages:R,placeholder:j,textAlign:P,userAssistanceDensity:V,value:M,variant:B="default",onInput:D,onCommit:L},w)=>{const{currentCommitValue:H,dispatch:O}=h.useCurrentValueReducer({value:M}),W=t.useCallback(e=>{O({type:"input",payload:e.value}),null==D||D(e)},[D,O]),q=t.useCallback(e=>{O({type:"commit",payload:e.value}),null==L||L(e)},[L,O]),{isDisabled:z,isReadonly:G,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=a.useFormContext(),Y=null!=f?f:z,Z=null!=v?v:G,$=null!=T?T:J,ee=null!=I?I:K,se=null!=P?P:Q,oe=null!=V?V:X,{bool:te,setFalse:ie,setTrue:ae}=x.useToggle(!1),{enabledElementRef:le,focusProps:ne,isFocused:ue,readonlyElementRef:re}=i.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:w,onBlurWithin:ie}),{hoverProps:ce,isHover:de}=u.useHover({isDisabled:Z||Y||!1}),{formFieldContext:Fe,inputProps:be,labelProps:Ae,textFieldProps:Ue,userAssistanceProps:Ee}=n.useTextField({ariaDescribedBy:e,isDisabled:Y,isFocused:ue,isReadonly:Z,labelEdge:$,messages:R,styleVariant:B,value:M}),Se=t.useCallback(()=>{te?ie():ae()},[te]),_e=Y||"always"!==U?null:s.jsx(Xe,{onPress:Se,isRevealed:te}),pe=t.useCallback(()=>{var e;null===(e=le.current)||void 0===e||e.focus(),null==W||W({previousValue:M,value:""})},[D,M]),xe=S.useClearIcon({clearIcon:s.jsx(p.ClearIcon,{onClick:pe}),display:A,hasValue:Fe.hasValue,isFocused:ue,isEnabled:!Z&&!Y,isHover:de}),he=_.beforeVNode(_e,xe),ge="none"!==$?s.jsx(r.Label,Object.assign({},Ae,{children:C})):void 0,Ne={label:"none"!==$?ge:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},me="none"===$?C:void 0,fe=Y||Z?"efficient"!==oe?void 0:s.jsx(d.InlineUserAssistance,Object.assign({userAssistanceDensity:oe},Ee)):s.jsx(d.InlineUserAssistance,Object.assign({assistiveText:o,helpSourceLink:E,helpSourceText:m,messages:R,isRequiredShown:k,userAssistanceDensity:oe},Ee));if(Z)return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(c.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:fe},Ne,{children:s.jsx(g.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:me,ariaLabelledBy:Ae.id,as:"input",autoFocus:b,elementRef:re,textAlign:se,type:"password",value:M,hasInsideLabel:void 0!==C&&"inside"===$})}))}));const ve=s.jsx(N.TextFieldInput,Object.assign({ariaLabel:me,autoComplete:F,autoFocus:b,currentCommitValue:H,hasInsideLabel:void 0!==ge&&"inside"===$,inputRef:le,isRequired:y,onInput:W,onCommit:q,placeholder:j,textAlign:se,value:M,type:te?"text":"password"},be));return s.jsx(l.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(c.TextField,Object.assign({endContent:he,inlineUserAssistance:fe,mainContent:ve,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ue,Ne,ce))}))});e.InputPassword=Ye,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact/compat","preact/hooks","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useHover","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance","css!./UNSAFE_InputPassword.css","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_usePress","./index-3c763990","./index-f98775f6","./hooks/UNSAFE_useClearIcon","./utils/UNSAFE_componentUtils","./ClearIcon-5bb5b0bc","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-745b0d92","./TextFieldInput-ead5bb20","./tslib.es6-1f40628c","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-b0df8a7d","preact","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-cbd28834","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-d69d5143","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8db40d07","./utils/UNSAFE_mergeInterpolations","./_curry3-4f75464d","./_curry2-cd63f2e8","./_has-de432e95","./utils/UNSAFE_interpolations/boxalignment","./keys-06a9557b","./utils/UNSAFE_interpolations/flexbox","./flexbox-5392cdab","./utils/UNSAFE_interpolations/flexitem","./flexitem-666af748","./FormControlUtils-37cdc68e","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./InlineHelpSource-62724071","./hooks/UNSAFE_useTabbableMode","./UNSAFE_ComponentMessage","./ComponentMessage-5d0215b0","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-be433526","./UNSAFE_Button","./Button-58691145","./UNSAFE_BaseButton","./BaseButton-66791a44","./hooks/UNSAFE_useActive","./utils/PRIVATE_clientHints","./clientHints-fd549a03","./utils/UNSAFE_mergeProps","./MessageDetail-5875cf97","./MessageFormattingUtils-c8700622","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-3710bb60","./Message.types-a06c10b7","./MessageStartIcon-ae539709","./MessageSummary-069bc6d8","./MessageTimestamp-5ac8675d","./MessageUtils-3e15c456","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-8a75ac98","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useAnimation","./useAnimation-e954368d","./hooks/UNSAFE_useMessagesContext","./UNSAFE_Icon","./Icon-1e1b346a","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-370df48b","./index-10802134","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useTheme","./UNSAFE_HiddenAccessible","./HiddenAccessible-b5a8bea7","./ComponentMessageContainer-92d583aa","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers"],function(e,s,o,t,i,l,a,n,u,r,d,c,F,b,A,U,p,E,S,_,x,h,g,N,m,v,f,y,k,C,T,I,R,j,P,V,M,B,D,L,w,H,O,W,q,z,G,J,K,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ae,ne,ue,re,de,ce,Fe,be,Ae,Ue,pe,Ee,Se,_e,xe,he,ge,Ne,me,ve,fe,ye,ke,Ce,Te,Ie,Re,je,Pe,Ve,Me,Be,De,Le,we,He,Oe,We,qe,ze,Ge,Je,Ke){"use strict";const Qe="uxupp";function Xe({isRevealed:e,onPress:o}){const{pressProps:t}=A.usePress(o),i=b.useTranslationBundle("@oracle/oraclejet-preact").inputPassword_hidden();return s.jsx("button",Object.assign({"aria-label":i,role:"switch","aria-checked":!e,class:Qe,tabIndex:0},t,{children:e?s.jsx(p.SvgIcoViewHide,{}):s.jsx(p.SvgIcoView,{})}))}const Ye=o.forwardRef(({ariaDescribedBy:e,assistiveText:o,autoComplete:F="off",autoFocus:b=!1,hasClearIcon:A,hasRevealToggle:U="always",helpSourceLink:p,helpSourceText:m,isDisabled:v,isReadonly:f,isRequired:y=!1,isRequiredShown:k,label:C,labelEdge:T,labelStartWidth:I,messages:R,placeholder:j,textAlign:P,userAssistanceDensity:V,value:M,variant:B="default",onInput:D,onCommit:L},w)=>{const{currentCommitValue:H,dispatch:O}=h.useCurrentValueReducer({value:M}),W=t.useCallback(e=>{O({type:"input",payload:e.value}),null==D||D(e)},[D,O]),q=t.useCallback(e=>{O({type:"commit",payload:e.value}),null==L||L(e)},[L,O]),{isDisabled:z,isReadonly:G,labelEdge:J,labelStartWidth:K,textAlign:Q,userAssistanceDensity:X}=l.useFormContext(),Y=null!=v?v:z,Z=null!=f?f:G,$=null!=T?T:J,ee=null!=I?I:K,se=null!=P?P:Q,oe=null!=V?V:X,{bool:te,setFalse:ie,setTrue:le}=x.useToggle(!1),{enabledElementRef:ae,focusProps:ne,isFocused:ue,readonlyElementRef:re}=i.useFocusableTextField({isDisabled:Y,isReadonly:Z,ref:w,onBlurWithin:ie}),{hoverProps:de,isHover:ce}=u.useHover({isDisabled:Z||Y||!1}),{formFieldContext:Fe,inputProps:be,labelProps:Ae,textFieldProps:Ue,userAssistanceProps:pe}=n.useTextField({ariaDescribedBy:e,isDisabled:Y,isFocused:ue,isReadonly:Z,labelEdge:$,messages:R,styleVariant:B,value:M}),Ee=t.useCallback(()=>{te?ie():le()},[te]),Se=Y||"always"!==U?null:s.jsx(Xe,{onPress:Ee,isRevealed:te}),_e=t.useCallback(()=>{var e;null===(e=ae.current)||void 0===e||e.focus(),null==W||W({previousValue:M,value:""})},[D,M]),xe=E.useClearIcon({clearIcon:s.jsx(_.ClearIcon,{onClick:_e}),display:A,hasValue:Fe.hasValue,isFocused:ue,isEnabled:!Z&&!Y,isHover:ce}),he=S.beforeVNode(Se,xe),ge="none"!==$?s.jsx(r.Label,Object.assign({},Ae,{children:C})):void 0,Ne={label:"none"!==$?ge:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?ee:void 0},me="none"===$?C:void 0,ve=Y||Z?"efficient"!==oe?void 0:s.jsx(c.InlineUserAssistance,Object.assign({userAssistanceDensity:oe},pe)):s.jsx(c.InlineUserAssistance,Object.assign({assistiveText:o,helpSourceLink:p,helpSourceText:m,messages:R,isRequiredShown:k,userAssistanceDensity:oe},pe));if(Z)return s.jsx(a.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(d.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:ve},Ne,{children:s.jsx(g.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:me,ariaLabelledBy:Ae.id,as:"input",autoFocus:b,elementRef:re,textAlign:se,type:"password",value:M,hasInsideLabel:void 0!==C&&"inside"===$})}))}));const fe=s.jsx(N.TextFieldInput,Object.assign({ariaLabel:me,autoComplete:F,autoFocus:b,currentCommitValue:H,hasInsideLabel:void 0!==ge&&"inside"===$,inputRef:ae,isRequired:y,onInput:W,onCommit:q,placeholder:j,textAlign:se,value:M,type:te?"text":"password"},be));return s.jsx(a.FormFieldContext.Provider,Object.assign({value:Fe},{children:s.jsx(d.TextField,Object.assign({endContent:he,inlineUserAssistance:ve,mainContent:fe,onBlur:ne.onfocusout,onFocus:ne.onfocusin},Ue,Ne,de))}))});e.InputPassword=Ye,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_InputPassword.js.map

package/amd/UNSAFE_InputPassword.js.map CHANGED Viewed

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

package/amd/UNSAFE_InputText.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_1jkfkhs~~{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;}.~~_1jkfkhs~~: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;}
1	+ ._1l6lwt5{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;}._1l6lwt5:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}

package/amd/UNSAFE_InputText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-b7d8b7e2","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-5d75bcc4","./TextFieldInput-89b3ad37","./clientHints-2e828dd3","./hooks/UNSAFE_useToggle","./tslib.es6-0026d2ad","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-4141423e","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-62e37972","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-56ca361c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./FormControlUtils-fb5ac7a9","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-f4277abb","./UNSAFE_ComponentMessage","./ComponentMessage-955a6a54","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-c0436a6d","./UNSAFE_Button","./Button-0d9421fc","./UNSAFE_BaseButton","./BaseButton-7d5eb39d","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-359cad62","./index-8aa44d16","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-e8dc5fb7","./index-f9c35a81","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./hooks/UNSAFE_useTheme","./MessageDetail-3e492e42","./MessageFormattingUtils-36ba3a21","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-91d77e3d","./Message.types-cdf49a64","./MessageStartIcon-c7c14eb3","./MessageSummary-2e35809c","./MessageTimestamp-5a7d95b4","./MessageUtils-f508120a","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-2c73161c","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-5ecb1534","./ComponentMessageContainer-6bd115d9"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,b,A,x,h,S,E,U,_,f,g,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,be,Ae,xe,he,Se,Ee,Ue,_e,fe,ge,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:g=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=U.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:be,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:Se}=r.useHover({isDisabled:le||ae||!1}),{baseId:Ee,formFieldContext:Ue,inputProps:_e,labelProps:fe,textFieldProps:ge,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:Ne}),display:p,hasValue:Ue.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:Se}),ve=S.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=b.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ue.hasValue,isDisabled:ae,isFocused:Ae,labelId:fe.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},fe,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:be.onfocusout,onFocus:be.onfocusin},Pe,{children:s.jsx(_.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:fe.id,as:"div",autoFocus:g,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(f.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:g,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},_e)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:be.onfocusout,onFocus:be.onfocusin,startContent:H},ge,Pe,he))}))});function es(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./hooks/UNSAFE_usePrefixSuffix","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-5bb5b0bc","./hooks/UNSAFE_useCurrentValueReducer","./ReadonlyTextFieldInput-745b0d92","./TextFieldInput-ead5bb20","./clientHints-fd549a03","./hooks/UNSAFE_useToggle","./tslib.es6-1f40628c","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-b0df8a7d","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useId","./utils/UNSAFE_classNames","./classNames-cbd28834","css!./UNSAFE_InputText.css","./UNSAFE_PrefixSuffix","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-d69d5143","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-8db40d07","./utils/UNSAFE_mergeInterpolations","./_curry3-4f75464d","./_curry2-cd63f2e8","./_has-de432e95","./utils/UNSAFE_interpolations/boxalignment","./keys-06a9557b","./utils/UNSAFE_interpolations/flexbox","./flexbox-5392cdab","./utils/UNSAFE_interpolations/flexitem","./flexitem-666af748","./FormControlUtils-37cdc68e","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./hooks/UNSAFE_useTextFieldInputHandlers","./InlineHelpSource-62724071","./UNSAFE_ComponentMessage","./ComponentMessage-5d0215b0","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-be433526","./UNSAFE_Button","./Button-58691145","./UNSAFE_BaseButton","./BaseButton-66791a44","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-3c763990","./index-f98775f6","./UNSAFE_Icon","./Icon-1e1b346a","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-370df48b","./index-10802134","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e954368d","./hooks/UNSAFE_useTheme","./MessageDetail-5875cf97","./MessageFormattingUtils-c8700622","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-3710bb60","./Message.types-a06c10b7","./MessageStartIcon-ae539709","./MessageSummary-069bc6d8","./MessageTimestamp-5ac8675d","./MessageUtils-3e15c456","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-8a75ac98","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-b5a8bea7","./ComponentMessageContainer-92d583aa"],function(e,s,t,i,n,o,a,l,u,r,d,c,F,b,A,x,h,S,E,U,_,g,f,p,N,m,v,C,y,I,k,T,L,R,j,P,M,V,B,D,H,O,W,q,w,z,G,K,J,Q,X,Y,Z,$,ee,se,te,ie,ne,oe,ae,le,ue,re,de,ce,Fe,be,Ae,xe,he,Se,Ee,Ue,_e,ge,fe,pe,Ne,me,ve,Ce,ye,Ie,ke,Te,Le,Re,je,Pe,Me,Ve,Be,De,He,Oe,We,qe,we,ze,Ge,Ke,Je,Qe,Xe,Ye,Ze){"use strict";const $e=i.forwardRef(({ariaDescribedBy:e,assistiveText:i,autoComplete:h="off",autoFocus:f=!1,hasClearIcon:p="never",endContent:N,helpSourceLink:m,helpSourceText:v,isDisabled:C,isReadonly:y,isRequired:I=!1,isRequiredShown:k,label:T,labelEdge:L,labelStartWidth:R,maxLength:j,maxLengthUnit:P,messages:M,placeholder:V,prefix:B,role:D,startContent:H,suffix:O,textAlign:W,userAssistanceDensity:q,value:w,variant:z="default",virtualKeyboard:G,onInput:K,onCommit:J},Q)=>{const{currentCommitValue:X,dispatch:Y}=U.useCurrentValueReducer({value:w}),Z=n.useCallback(e=>{Y({type:"input",payload:e.value}),null==K||K(e)},[K,Y]),$=n.useCallback(e=>{Y({type:"commit",payload:e.value}),null==J||J(e)},[J,Y]),{isDisabled:ee,isReadonly:se,labelEdge:te,labelStartWidth:ie,textAlign:ne,userAssistanceDensity:oe}=l.useFormContext(),ae=null!=C?C:ee,le=null!=y?y:se,ue=null!=L?L:te,re=null!=R?R:ie,de=null!=W?W:ne,ce=null!=q?q:oe,{enabledElementRef:Fe,focusProps:be,isFocused:Ae,readonlyElementRef:xe}=a.useFocusableTextField({isDisabled:ae,isReadonly:le,ref:Q}),{hoverProps:he,isHover:Se}=r.useHover({isDisabled:le||ae||!1}),{baseId:Ee,formFieldContext:Ue,inputProps:_e,labelProps:ge,textFieldProps:fe,userAssistanceProps:pe}=c.useTextField({ariaDescribedBy:e,isDisabled:ae,isFocused:Ae,isReadonly:le,labelEdge:ue,messages:M,styleVariant:z,value:w}),Ne=n.useCallback(()=>{var e;null===(e=Fe.current)||void 0===e||e.focus(),null==Z||Z({previousValue:w,value:""})},[Z,w]),me=o.useClearIcon({clearIcon:s.jsx(E.ClearIcon,{onClick:Ne}),display:p,hasValue:Ue.hasValue,isFocused:Ae,isEnabled:!le&&!ae,isHover:Se}),ve=S.beforeVNode(N,me),{renderedPrefix:Ce,renderedSuffix:ye,text:Ie,ariaLabelledBy:ke}=b.usePrefixSuffix({baseId:Ee,hasEndContent:void 0!==N,hasInsideLabel:void 0!==T&&"inside"===ue,hasStartContent:void 0!==H,hasValue:Ue.hasValue,isDisabled:ae,isFocused:Ae,labelId:ge.id,prefix:B,suffix:O,value:w}),{isMaxLengthExceeded:Te,valueLength:Le,onFilteredInput:Re}=d.useLengthFilter({maxLength:j,maxLengthUnit:P,value:w,onInput:Z,onCommit:$}),je="none"!==ue?s.jsx(F.Label,Object.assign({},ge,{children:T})):void 0,Pe={label:"none"!==ue?je:void 0,labelEdge:"none"!==ue?ue:void 0,labelStartWidth:"none"!==ue?re:void 0},Me="none"===ue?T:void 0,Ve=ae||le?"efficient"!==ce?void 0:s.jsx(x.InlineUserAssistance,Object.assign({userAssistanceDensity:ce},pe)):s.jsx(x.InlineUserAssistance,Object.assign({assistiveText:i,fieldLabel:T,helpSourceLink:m,helpSourceText:v,messages:M,isRequiredShown:k,userAssistanceDensity:ce},pe));if(le)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ve,onBlur:be.onfocusout,onFocus:be.onfocusin},Pe,{children:s.jsx(_.ReadonlyTextFieldInput,{ariaDescribedBy:e,ariaLabel:Me,ariaLabelledBy:ge.id,as:"div",autoFocus:f,elementRef:xe,textAlign:de,value:Ie,hasInsideLabel:void 0!==T&&"inside"===ue})}))}));const Be=s.jsxs(t.Fragment,{children:[Ce,s.jsx(g.TextFieldInput,Object.assign({ariaLabelledBy:ke,ariaLabel:Me,autoComplete:h,autoFocus:f,currentCommitValue:X,hasEndContent:void 0!==N,hasInsideLabel:void 0!==je&&"inside"===ue,hasPrefix:void 0!==Ce,hasStartContent:void 0!==H,hasSuffix:void 0!==ye,inputRef:Fe,isRequired:I,placeholder:V,role:D,textAlign:de,type:es()?G:void 0,value:ae?Ie:w,onCommit:$,onInput:Re},_e)),ye,void 0!==j&&s.jsx(A.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:Te,maxLength:j,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:Ue},{children:s.jsx(A.TextField,Object.assign({endContent:ve,inlineUserAssistance:Ve,mainContent:Be,onBlur:be.onfocusout,onFocus:be.onfocusin,startContent:H},fe,Pe,he))}))});function es(){const e=f.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=$e,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_InputText.js.map

package/amd/UNSAFE_Label.css CHANGED Viewed

@@ -1,13 +1,13 @@
-.j5e0qn{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;}
-._16kzji8{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%;}
-.er0aws{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._1l8rhsx{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%;}
-._1kug75q{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;}
-._70tfit{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);}
-.yruh44{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;}
-._16ji2rs{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);}
-.ggg8x7{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-._1tekmxs{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._1q7bbj9{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.j3n16a{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._1eh1ojb{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1995svy{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;}
+.ed755d{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%;}
+.lneui5{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+.a7flur{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%;}
+._19efnuh{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;}
+._1a9kkla{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);}
+.gley72{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;}
+._1it1l7m{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);}
+._8zytas{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.no277i{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+.uxe8pk{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1wkcgsa{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.ip1bn3{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

package/amd/UNSAFE_Label.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-0026d2ad","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-62e37972","preact","preact/hooks"],function(e,s,a,i,n,o,d,r,t,l){"use strict";const u={base:"j5e0qn",startBase:"_16kzji8",topBase:"er0aws",insideBase:"_1l8rhsx",insideReadonlyInEnabledForm:"_1kug75q",insideReadonlyNotInEnabledForm:"_70tfit",insideNonReadonly:"yruh44",insideNonReadonlyHasValue:"_16ji2rs",insideDisabled:"ggg8x7",insideFocused:"_1tekmxs",insideError:"_1q7bbj9",insideWarning:"j3n16a",noWrap:"_1eh1ojb"},c=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:t,variant:l="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:_}=d.useFormContext(),m="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([u.base,u.insideBase,n&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||t)&&u.insideNonReadonlyHasValue,!n&&t&&u.insideFocused,o&&u.insideDisabled,!o&&!n&&("insideError"===l||"insideWarning"===l)&&u[l]]):"start"===l?r.classNames([u.base,u.startBase,"truncate"===_&&u.noWrap]):"top"===l?r.classNames([u.base,u.topBase,"truncate"===_&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:m}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=i.useFormFieldContext();return a.jsx(c,Object.assign({for:n,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./tslib.es6-1f40628c","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames","css!./UNSAFE_Label.css","./hooks/UNSAFE_useFormContext","./classNames-cbd28834","preact","preact/hooks"],function(e,s,a,i,n,o,d,r,l,t){"use strict";const u={base:"_1995svy",startBase:"ed755d",topBase:"lneui5",insideBase:"a7flur",insideReadonlyInEnabledForm:"_19efnuh",insideReadonlyNotInEnabledForm:"_1a9kkla",insideNonReadonly:"gley72",insideNonReadonlyHasValue:"_1it1l7m",insideDisabled:"_8zytas",insideFocused:"no277i",insideError:"uxe8pk",insideWarning:"_1wkcgsa",noWrap:"ip1bn3"},c=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:l,variant:t="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:y}=d.useFormContext(),m="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([u.base,u.insideBase,n&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||l)&&u.insideNonReadonlyHasValue,!n&&l&&u.insideFocused,o&&u.insideDisabled,!o&&!n&&("insideError"===t||"insideWarning"===t)&&u[t]]):"start"===t?r.classNames([u.base,u.startBase,"truncate"===y&&u.noWrap]):"top"===t?r.classNames([u.base,u.topBase,"truncate"===y&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:m}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(c,Object.assign({for:n,hasValue:d,disabled:r,isFocused:l,readonly:t},o))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Label.js.map

package/amd/UNSAFE_Label.js.map CHANGED Viewed

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

package/amd/UNSAFE_LabelValueLayout.css CHANGED Viewed

@@ -1,9 +1,9 @@
-.dscru6{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._165w4xn{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-.eerrax{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);}
-.zt7bd8{padding-block-end:0;}
-.t9599p{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%;}
-.iwkyvi{display:inline-flex;align-items:center;}
-.uzabd8{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._1p7mtqk{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.axk3nm{flex:1 1 100%;width:100%;max-width:100%;}
+._2prjmv{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+.beg333{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+.hkz6d2{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);}
+._1tshpp6{padding-block-end:0;}
+.jmccel{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%;}
+._1n5qh2r{display:inline-flex;align-items:center;}
+.ltu2rf{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._1qq8zmv{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1avq6wz{flex:1 1 100%;width:100%;max-width:100%;}

package/amd/UNSAFE_LabelValueLayout.js CHANGED Viewed

@@ -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-62e37972","./Flex-56ca361c","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-5e7b060f","./utils/UNSAFE_mergeInterpolations","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./_has-ec8331b9","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","preact","preact/hooks"],function(s,e,t,a,i,l,r,n,o,c,d,u,x,b,F,m,_,p,N,f,h,S,y,E,U,A){"use strict";const j="dscru6",g="_165w4xn",k="eerrax",w="zt7bd8",v="t9599p",C="iwkyvi",O="uzabd8",z="_1p7mtqk";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const d=n.sizeToCSS(i),u=`calc(100% - ${d})`,x="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},b="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:m,labelWrapping:_}=l.useFormContext(),{isReadonly:p}=r.useFormFieldContext(),N=F&&m||!F&&p,f=o.classNames([j,"start"===t&&g,"top"===t&&k,"top"===t&&N&&w]),h=o.classNames([v,"start"===t&&C,"start"===t&&!N&&O,"truncate"===_&&z]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:f,style:x},{children:e.jsx("div",Object.assign({class:h},{children:s}))})),e.jsx("div",Object.assign({class:"axk3nm",style:b},{children:a}))]}))},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-cbd28834","./Flex-d69d5143","./tslib.es6-1f40628c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-8db40d07","./utils/UNSAFE_mergeInterpolations","./_curry3-4f75464d","./_curry2-cd63f2e8","./_has-de432e95","./utils/UNSAFE_interpolations/boxalignment","./keys-06a9557b","./utils/UNSAFE_interpolations/flexbox","./flexbox-5392cdab","./utils/UNSAFE_interpolations/flexitem","./flexitem-666af748","preact","preact/hooks"],function(s,e,t,a,l,i,r,n,o,c,d,u,x,_,F,m,b,p,h,N,f,S,j,y,E,U){"use strict";const A="_2prjmv",g="beg333",v="hkz6d2",k="_1tshpp6",w="jmccel",z="_1n5qh2r",C="ltu2rf",O="_1qq8zmv";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:l="33%"})=>{const d=n.sizeToCSS(l),u=`calc(100% - ${d})`,x="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:m,labelWrapping:b}=i.useFormContext(),{isReadonly:p}=r.useFormFieldContext(),h=F&&m||!F&&p,N=o.classNames([A,"start"===t&&g,"top"===t&&v,"top"===t&&h&&k]),f=o.classNames([w,"start"===t&&z,"start"===t&&!h&&C,"truncate"===b&&O]);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:f},{children:s}))})),e.jsx("div",Object.assign({class:"_1avq6wz",style:_},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/amd/UNSAFE_LabelValueLayout.js.map CHANGED Viewed

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

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

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

package/amd/UNSAFE_Link.css CHANGED Viewed

@@ -1,5 +1,5 @@
-.ak2fq7{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.ak2fq7:visited{color:--oj-c-link-text-color-visited;}.ak2fq7:active{color:--oj-c-link-text-color-active;}.ak2fq7:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.hd875g{--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);}
-.f1c07n{--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);}
-._1s361iy{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._1s361iy:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._1s361iy:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._16zb5ml{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._16zb5ml:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._16zb5ml:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._20rckn{display:inline;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._20rckn:visited{color:--oj-c-link-text-color-visited;}._20rckn:active{color:--oj-c-link-text-color-active;}._20rckn:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._1tmiyrx{--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);}
+.j06d0y{--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);}
+._14ldac6{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._14ldac6:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._14ldac6:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.ire7ho{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.ire7ho:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.ire7ho:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/amd/UNSAFE_Link.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","@testing-library/preact","chai","../../ListItemTextLayout-c31891d9","../../hooks/UNSAFE_useTabbableMode","css!./../../UNSAFE_ListItemLayout.css","../../UNSAFE_Grid","../../tslib.es6-0026d2ad","../../utils/UNSAFE_interpolations/grid","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../_curry1-5e7b060f","../../_has-ec8331b9","../../utils/UNSAFE_size","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../UNSAFE_Text","../../Text-4a544722","preact","preact/hooks"],function(t,e,i,a,s,n,r,o,c,l,u,x,b,m,d,y,L,T,p,I,S,f,_,j){"use strict";afterEach(e.cleanup),describe("Test ListItemLayout component",()=>{it("render ListItemLayout",async function(){const s=e.render(t.jsx(a.ListItemLayout,{primary:"Simple Text"})),n=await s.findByText("Simple Text");i.expect(n).not.to.be.null}),it("render ListItemText",async function(){const s=e.render(t.jsx(a.ListItemLayout,{primary:t.jsx(a.ListItemText,Object.assign({variant:"primary"},{children:"ListItemText Sample"}))})),n=await s.findByText("ListItemText Sample");i.expect(n).not.to.be.null}),it("render ListItemTextLayout",async function(){const s=e.render(t.jsx(a.ListItemLayout,{children:t.jsx(a.ListItemTextLayout,{primary:"ListItemTextLayout Sample"})})),n=await s.findByText("ListItemTextLayout Sample");i.expect(n).not.to.be.null}),it("ListItemText, TabbableModeContext isTabbable=true",async()=>{const{container:n}=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(a.ListItemText,Object.assign({variant:"secondary"},{children:"Tabbing with mode"}))}))),r=n.querySelector("div");i.expect(r).not.to.be.null;const o=null==r?void 0:r.getAttribute("tabindex");i.expect(o).to.equal("0")})})});
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../ListItemTextLayout-b3a66612","../../hooks/UNSAFE_useTabbableMode","css!./../../UNSAFE_ListItemLayout.css","../../UNSAFE_Grid","../../tslib.es6-1f40628c","../../utils/UNSAFE_interpolations/grid","../../utils/UNSAFE_interpolations/boxalignment","../../keys-06a9557b","../../_curry1-8db40d07","../../_has-de432e95","../../utils/UNSAFE_size","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-cbd28834","../../_curry3-4f75464d","../../_curry2-cd63f2e8","../../UNSAFE_Text","../../Text-22098c3b","preact","preact/hooks"],function(t,e,i,a,s,n,r,o,c,l,u,b,x,d,m,y,L,T,p,I,S,_,f,j){"use strict";afterEach(e.cleanup),describe("Test ListItemLayout component",()=>{it("render ListItemLayout",async function(){const s=e.render(t.jsx(a.ListItemLayout,{primary:"Simple Text"})),n=await s.findByText("Simple Text");i.expect(n).not.to.be.null}),it("render ListItemText",async function(){const s=e.render(t.jsx(a.ListItemLayout,{primary:t.jsx(a.ListItemText,Object.assign({variant:"primary"},{children:"ListItemText Sample"}))})),n=await s.findByText("ListItemText Sample");i.expect(n).not.to.be.null}),it("render ListItemTextLayout",async function(){const s=e.render(t.jsx(a.ListItemLayout,{children:t.jsx(a.ListItemTextLayout,{primary:"ListItemTextLayout Sample"})})),n=await s.findByText("ListItemTextLayout Sample");i.expect(n).not.to.be.null}),it("ListItemText, TabbableModeContext isTabbable=true",async()=>{const{container:n}=e.render(t.jsx(s.TabbableModeContext.Provider,Object.assign({value:{isTabbable:!0}},{children:t.jsx(a.ListItemText,Object.assign({variant:"secondary"},{children:"Tabbing with mode"}))}))),r=n.querySelector("div");i.expect(r).not.to.be.null;const o=null==r?void 0:r.getAttribute("tabindex");i.expect(o).to.equal("0")})})});
 //# sourceMappingURL=ListItemLayout.spec.js.map

package/amd/UNSAFE_ListItemLayout.css CHANGED Viewed

@@ -1,10 +1,10 @@
-._81anjg > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.t5rgws{align-self:center;margin:-0.875rem -0.875rem;}
-._1xgbeeu{align-self:center;min-width:0;}
-.bjn44g{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.r1xdgc{display:flex;flex-direction:column;}
-.acgfl1{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-.fks1lv{display:flex;flex-direction:row;justify-content:right;}
-._1cf3nse{align-self:end;}
+.kmkgik > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.rdcut7{align-self:center;margin:-0.875rem -0.875rem;}
+._4621c2{align-self:center;min-width:0;}
+.swykr8{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._1isz3td{display:flex;flex-direction:column;}
+.rre2h8{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+.un213d{display:flex;flex-direction:row;justify-content:right;}
+.r2h2ex{align-self:end;}
-._8vaj09{display:flex;flex-direction:column;}
+.e22cai{display:flex;flex-direction:column;}

package/amd/UNSAFE_ListItemLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./ListItemTextLayout-c31891d9","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./_curry1-5e7b060f","./_has-ec8331b9","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-62e37972","./_curry3-5f6cc6b4","./_curry2-a7eb1217","./UNSAFE_Text","./Text-4a544722","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,i,a,r,o,u,l,c,_,n,m,L,y,N,b,x,U,d,A,E,F){"use strict";t.ListItemLayout=e.ListItemLayout,t.ListItemText=e.ListItemText,t.ListItemTextLayout=e.ListItemTextLayout,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./ListItemTextLayout-b3a66612","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-1f40628c","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-06a9557b","./_curry1-8db40d07","./_has-de432e95","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-cbd28834","./_curry3-4f75464d","./_curry2-cd63f2e8","./UNSAFE_Text","./Text-22098c3b","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,i,a,r,o,u,l,c,_,n,d,m,L,b,y,N,x,U,A,E,F){"use strict";t.ListItemLayout=e.ListItemLayout,t.ListItemText=e.ListItemText,t.ListItemTextLayout=e.ListItemTextLayout,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ListItemLayout.js.map

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

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_ListView","../../listViewTestFixtures-7ce26238","../../listViewSelectionTests-8ba3e5c2","../../ListView-8ed99629","../../Flex-56ca361c","../../tslib.es6-0026d2ad","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-495ba219","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-2a478c7f","../../PRIVATE_List","../../List-08dda157","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-dcb5a382","../../PRIVATE_Collection","../../Collection-71e6f090","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-f35e8f07","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-b2f97301","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-972c8df8","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-e8dc5fb7","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-5cfe8465"],function(e,t,s,i,o,n,l,c,a,r,u,d,A,E,S,_,F,U,b,N,h,f,T,g,I,k,m,V,p,x,v,R,y,P,C,O,j,w,L,K,M,z,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,le,ce,ae,re,ue,de,Ae,Ee,Se,_e,Fe,Ue,be,Ne,he,fe,Te,ge,Ie){"use strict";function ke({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:a,selectedKeys:r,selectionMode:u,onClick:d}){const A=t.useRef(null),[E,S]=t.useState(o),[_,F]=t.useState(r),[U,b]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:A,onClick:()=>{d&&d()}},{children:e.jsx(l.ListView,Object.assign({accessibleSummary:"Basic list",data:U,currentKey:E,selectedKeys:_,selectionMode:u,viewportConfig:{scroller:()=>A.current},onCurrentKeyChange:e=>S(e.value),onSelectionChange:e=>F(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},U),{offset:t,data:i.slice(t,s)});b(o)},gridlines:n,onItemAction:a,currentItemVariant:s},{children:t=>e.jsxs(c.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test ListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(ke),n.testAria.bind(void 0)(ke),n.testKeys.bind(void 0)(ke),n.testGridlines.bind(void 0)(ke),n.testItemAction.bind(void 0)(ke),n.testSelection.bind(void 0)(ke)})});
+define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_ListView","../../listViewTestFixtures-046d8dbf","../../listViewSelectionTests-895872ae","../../ListView-30db9ca3","../../Flex-d69d5143","../../tslib.es6-1f40628c","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-8db40d07","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-cbd28834","../../_curry3-4f75464d","../../_curry2-cd63f2e8","../../_has-de432e95",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-06a9557b","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-5392cdab","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-666af748","../../PRIVATE_List","../../List-25e3fc29","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-655042f1","../../PRIVATE_Collection","../../Collection-cbdbf449","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-12300754","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-29ad6889","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-f3ee6c8a","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-3c763990","../../index-f98775f6","../../UNSAFE_Icon","../../Icon-1e1b346a","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-370df48b","../../index-10802134","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-e954368d","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-3be868e9"],function(e,t,s,i,o,n,l,a,c,r,u,d,A,E,S,_,F,U,b,N,h,f,T,g,I,k,m,V,p,x,v,R,y,P,C,O,j,w,L,K,M,z,B,D,H,G,q,J,Q,W,X,Y,Z,$,ee,te,se,ie,oe,ne,le,ae,ce,re,ue,de,Ae,Ee,Se,_e,Fe,Ue,be,Ne,he,fe,Te,ge,Ie){"use strict";function ke({currentItemVariant:s,data:i,initialKey:o,gridlines:n,onItemAction:c,selectedKeys:r,selectionMode:u,onClick:d}){const A=t.useRef(null),[E,S]=t.useState(o),[_,F]=t.useState(r),[U,b]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:A,onClick:()=>{d&&d()}},{children:e.jsx(l.ListView,Object.assign({accessibleSummary:"Basic list",data:U,currentKey:E,selectedKeys:_,selectionMode:u,viewportConfig:{scroller:()=>A.current},onCurrentKeyChange:e=>S(e.value),onSelectionChange:e=>F(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},U),{offset:t,data:i.slice(t,s)});b(o)},gridlines:n,onItemAction:c,currentItemVariant:s},{children:t=>e.jsxs(a.Flex,{children:[t.selector&&t.selector(),e.jsx("div",Object.assign({className:"item",style:{height:"calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))",padding:"var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)"}},{children:t.data.name}))]})}))}))}describe("Test ListView component",()=>{beforeEach(()=>{window.IntersectionObserver||o.setupIntersectionObserverMock()}),n.testRender.bind(void 0)(ke),n.testAria.bind(void 0)(ke),n.testKeys.bind(void 0)(ke),n.testGridlines.bind(void 0)(ke),n.testItemAction.bind(void 0)(ke),n.testSelection.bind(void 0)(ke)})});
 //# sourceMappingURL=ListView.spec.js.map

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

@@ -1,2 +1,2 @@
-define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../ListView-8ed99629","../../listViewTestFixtures-7ce26238","../../listViewTabbableModeTests-29e284bc","../../Flex-56ca361c","preact","../../tslib.es6-0026d2ad","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-5e7b060f","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-62e37972","../../_curry3-5f6cc6b4","../../_curry2-a7eb1217","../../_has-ec8331b9",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-f1cf2c8a","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-495ba219","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-2a478c7f","../../PRIVATE_List","../../List-08dda157","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-dcb5a382","../../PRIVATE_Collection","../../Collection-71e6f090","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-f35e8f07","../../UNSAFE_FocusTrap","../../FocusTrap-b2f97301","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-972c8df8","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-359cad62","../../index-8aa44d16","../../UNSAFE_Icon","../../Icon-104b91f5","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-e8dc5fb7","../../index-f9c35a81","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-979626b0","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-5cfe8465"],function(e,t,s,o,i,n,a,l,c,r,u,b,d,_,A,E,F,S,h,U,N,f,x,p,g,T,k,I,m,j,V,P,y,R,v,w,C,O,M,L,z,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ne,ae,le,ce,re,ue,be,de,_e,Ae,Ee,Fe,Se,he,Ue,Ne,fe,xe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[n,a]=t.useState(void 0),[c,r]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.ListView,Object.assign({accessibleSummary:"Basic list",data:c,currentKey:n,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>a(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},c),{offset:t,data:s.slice(t,o)});r(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test ListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||n.setupIntersectionObserverMock()}),a.testTabbableMode.bind(void 0)(ke)})});
+define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../ListView-30db9ca3","../../listViewTestFixtures-046d8dbf","../../listViewTabbableModeTests-da806f53","../../Flex-d69d5143","preact","../../tslib.es6-1f40628c","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-8db40d07","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-cbd28834","../../_curry3-4f75464d","../../_curry2-cd63f2e8","../../_has-de432e95",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-06a9557b","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-5392cdab","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-666af748","../../PRIVATE_List","../../List-25e3fc29","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-655042f1","../../PRIVATE_Collection","../../Collection-cbdbf449","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-12300754","../../UNSAFE_FocusTrap","../../FocusTrap-29ad6889","preact/compat","../../utils/PRIVATE_tabbableUtils","../../hooks/UNSAFE_useId","../../hooks/PRIVATE_useSelection","../../hooks/PRIVATE_useCurrentKey","../../hooks/PRIVATE_useCollectionFocusRing","../../hooks/PRIVATE_useTabbableModeSet","../../hooks/PRIVATE_useItemAction","../../utils/PRIVATE_collectionUtils","../../UNSAFE_Skeleton","../../Skeleton-f3ee6c8a","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-3c763990","../../index-f98775f6","../../UNSAFE_Icon","../../Icon-1e1b346a","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-370df48b","../../index-10802134","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-e954368d","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-3be868e9"],function(e,t,s,o,i,n,a,l,r,c,u,d,b,_,A,E,F,S,h,U,N,f,x,p,g,T,k,I,m,j,V,P,y,R,v,w,C,O,M,L,z,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ne,ae,le,re,ce,ue,de,be,_e,Ae,Ee,Fe,Se,he,Ue,Ne,fe,xe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[n,a]=t.useState(void 0),[r,c]=t.useState({offset:0,data:s.slice(0,25),totalSize:s.length,sizePrecision:"exact"});return e.jsxs("div",Object.assign({style:"height: 200px;overflow: auto",ref:o},{children:[e.jsx("button",{children:"Preceding Button"}),e.jsx(i.ListView,Object.assign({accessibleSummary:"Basic list",data:r,currentKey:n,viewportConfig:{scroller:()=>o.current},onCurrentKeyChange:e=>a(e.value),onLoadRange:e=>{const t=e.offset,o=t+e.count,i=Object.assign(Object.assign({},r),{offset:t,data:s.slice(t,o)});c(i)}},{children:t=>e.jsxs(l.Flex,{children:[t.selector&&t.selector(),e.jsxs("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:[e.jsx(Te,{"data-testid":"input-"+t.data.id}),e.jsx("span",{children:t.data.name}),e.jsx(ge,Object.assign({"data-testid":"button-"+t.data.id},{children:"Inside Button"}))]}))]})})),e.jsx("button",{children:"Following Button"})]}))}describe("Test ListView component Selection",()=>{beforeEach(()=>{window.IntersectionObserver||n.setupIntersectionObserverMock()}),a.testTabbableMode.bind(void 0)(ke)})});
 //# sourceMappingURL=ListViewTabbableMode.spec.js.map

package/amd/UNSAFE_ListView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","./ListView-8ed99629","preact/jsx-runtime","./PRIVATE_List","./List-08dda157","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-62e37972","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-dcb5a382","./PRIVATE_Collection","./Collection-71e6f090","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-f35e8f07","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-b2f97301","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-5e7b060f","./_curry2-a7eb1217","./_curry3-5f6cc6b4","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-972c8df8","./tslib.es6-0026d2ad","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-ec8331b9","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-56ca361c","./utils/UNSAFE_interpolations/boxalignment","./keys-f1cf2c8a","./utils/UNSAFE_interpolations/flexbox","./flexbox-495ba219","./utils/UNSAFE_interpolations/flexitem","./flexitem-2a478c7f","./UNSAFE_Selector","./index-359cad62","./index-8aa44d16","./UNSAFE_Icon","./Icon-104b91f5","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-e8dc5fb7","./index-f9c35a81","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-979626b0","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,n,a,u,_,A,c,r,E,F,U,S,N,d,b,k,f,h,T,p,I,V,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ne,ae,ue,_e,Ae,ce,re,Ee,Fe,Ue,Se,Ne,de){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ListView-30db9ca3","preact/jsx-runtime","./PRIVATE_List","./List-25e3fc29","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-cbd28834","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-655042f1","./PRIVATE_Collection","./Collection-cbdbf449","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-12300754","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-29ad6889","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-8db40d07","./_curry2-cd63f2e8","./_curry3-4f75464d","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-f3ee6c8a","./tslib.es6-1f40628c","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-de432e95","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-d69d5143","./utils/UNSAFE_interpolations/boxalignment","./keys-06a9557b","./utils/UNSAFE_interpolations/flexbox","./flexbox-5392cdab","./utils/UNSAFE_interpolations/flexitem","./flexitem-666af748","./UNSAFE_Selector","./index-3c763990","./index-f98775f6","./UNSAFE_Icon","./Icon-1e1b346a","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-370df48b","./index-10802134","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e954368d","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,n,u,_,a,A,r,E,c,F,U,S,N,d,b,k,h,T,f,p,I,V,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ne,ue,_e,ae,Ae,re,Ee,ce,Fe,Ue,Se,Ne,de){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ListView.js.map

package/amd/UNSAFE_LiveRegion.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~zy6g4c~~{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;}
1	+ ._1p1l6qz{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;}