@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/amd/UNSAFE_Label.js.map

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

package/amd/UNSAFE_LabelValueLayout.css

@@ -1,9 +1,9 @@
-._11zo111{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-.inxplk{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-.tpnw5t{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);}
-.v51gbe{padding-block-end:0;}
-.ac3fu9{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%;}
-.v7kjic{display:inline-flex;align-items:center;}
-._18o80pn{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-.b0s6fs{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.ct17p7{flex:1 1 100%;width:100%;max-width:100%;}
+.cz8tfl{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+.a7glsv{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+.xuvhwm{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);}
+._19inqct{padding-block-end:0;}
+.l53udn{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%;}
+.cw1gcs{display:inline-flex;align-items:center;}
+._9cfba8{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._1l3zay2{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.axqmzs{flex:1 1 100%;width:100%;max-width:100%;}

package/amd/UNSAFE_LabelValueLayout.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_LabelValueLayout.css","./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-14cea078","./Flex-95e67964","./tslib.es6-10853083","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-8acb7bd9","./utils/UNSAFE_mergeInterpolations","./_curry3-3b4923a5","./_curry2-217feee5","./_has-eb5860ac","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","preact","preact/hooks"],function(s,e,t,a,i,l,r,n,o,c,u,d,x,F,b,p,_,m,N,h,S,f,y,E,U,j){"use strict";const A="_11zo111",g="inxplk",k="tpnw5t",v="v51gbe",w="ac3fu9",C="v7kjic",O="_18o80pn",W="b0s6fs";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const u=n.sizeToCSS(i),d=`calc(100% - ${u})`,x="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},F="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},{isFormLayout:b,isReadonly:p,labelWrapping:_}=l.useFormContext(),{isReadonly:m}=r.useFormFieldContext(),N=b&&p||!b&&m,h=o.classNames([A,"start"===t&&g,"top"===t&&k,"top"===t&&N&&v]),S=o.classNames([w,"start"===t&&C,"start"===t&&!N&&O,"truncate"===_&&W]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:h,style:x},{children:e.jsx("div",Object.assign({class:S},{children:s}))})),e.jsx("div",Object.assign({class:"ct17p7",style:F},{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-b7cf3c05","./Flex-b68a7b84","./tslib.es6-d8595453","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-67906f4c","./utils/UNSAFE_mergeInterpolations","./_curry3-9a7f6d78","./_curry2-fc31d1f8","./_has-83207242","./utils/UNSAFE_interpolations/boxalignment","./keys-f8c00540","./utils/UNSAFE_interpolations/flexbox","./flexbox-5d0f6a63","./utils/UNSAFE_interpolations/flexitem","./flexitem-c53d7893","preact","preact/hooks"],function(s,t,e,a,l,i,r,n,o,c,d,u,x,F,_,m,b,f,p,h,N,S,y,E,U,g){"use strict";const A="cz8tfl",j="a7glsv",v="xuvhwm",w="_19inqct",z="l53udn",C="cw1gcs",O="_9cfba8",k="_1l3zay2";s.LabelValueLayout=({label:s,labelEdge:e,children:a,labelStartWidth:l="33%"})=>{const d=n.sizeToCSS(l),u=`calc(100% - ${d})`,x="start"===e?{flexBasis:d,width:d,maxWidth:d}:{},F="start"===e?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:_,isReadonly:m,labelWrapping:b}=i.useFormContext(),{isReadonly:f}=r.useFormFieldContext(),p=_&&m||!_&&f,h=o.classNames([A,"start"===e&&j,"top"===e&&v,"top"===e&&p&&w]),N=o.classNames([z,"start"===e&&C,"start"===e&&!p&&O,"truncate"===b&&k]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:h,style:x},{children:t.jsx("div",Object.assign({class:N},{children:s}))})),t.jsx("div",Object.assign({class:"axqmzs",style:F},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/amd/UNSAFE_LabelValueLayout.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.spec.js","sources":["../../../../src/UNSAFE_Link/__tests__/Link.spec.tsx"],"sourcesContent":["import { Fragment } from 'preact';\nimport { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { Link } from '../Link';\nimport userEvent from '@testing-library/user-event';\n\ndescribe('Test Link component', () => {\n  it('render', () => {\n    const content = render(<Link href=\"#\">Link</Link>);\n    const link = content.queryByText('Link', { exact: false });\n    expect(link).not.null;\n  });\n\n  it('applies default CSS classes', async function () {\n    const content = render(<Link href=\"#\">Link</Link>);\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(2);\n  });\n\n  it('variant selected', async function () {\n    const content = render(\n      <Link href=\"#\" variant=\"primary\">\n        Link\n      </Link>\n    );\n    const firstElement = content.container.firstElementChild;\n    // @ts-ignore\n    const classList = firstElement.classList;\n    expect(classList.length).equals(3);\n  });\n\n  it('event', async function () {\n    let count = 0;\n    const increment = () => count++;\n    const content = render(\n      <Link href=\"#\" onClick={increment}>\n        Link\n      </Link>\n    );\n    const link = await content.findByText('Link');\n    expect(link).not.null;\n    userEvent.click(link);\n    expect(count).equals(1);\n  });\n\n  it('has single label id as aria-labelledby attribute value', async () => {\n    const labelId = 'sampleLabelId';\n    const content = render(\n      <Fragment>\n        <p id={labelId}></p>\n        <Link href=\"#\" ariaLabelledBy={labelId}>\n          Link\n        </Link>\n      </Fragment>\n    );\n    const link = await content.findByText('Link');\n    const ariaLabelledBy = link.getAttribute('aria-labelledBy');\n    expect(ariaLabelledBy).to.equal(labelId);\n  });\n\n  it('has multiple label ids as aria-labelledby attribute value', async () => {\n    const labelId1 = 'sampleLabelId1';\n    const labelId2 = 'sampleLabelId2';\n    const content = render(\n      <Fragment>\n        <p id={labelId1}></p>\n        <p id={labelId2}></p>\n        <Link href=\"#\" ariaLabelledBy={`${labelId1} ${labelId2}`}>\n          Link\n        </Link>\n      </Fragment>\n    );\n    const link = await content.findByText('Link');\n    const ariaLabelledBy = link.getAttribute('aria-labelledBy');\n    expect(ariaLabelledBy).to.equal(`${labelId1} ${labelId2}`);\n  });\n\n  it('has accessible aria-label and aria-describedby values', async () => {\n    const testAccessibleLabel = 'TEST-ACCESSIBLE-LABEL';\n    const testAriaDescribedBy = 'TEST ARIA-DESCRIBED-BY';\n    const content = render(\n      <Fragment>\n        <Link href=\"#\" accessibleLabel={testAccessibleLabel} ariaDescribedBy={testAriaDescribedBy}>\n          Link\n        </Link>\n      </Fragment>\n    );\n    const link = await content.findByText('Link');\n    expect(link.getAttribute('aria-label')).equals(testAccessibleLabel);\n    const describedByIds = link.getAttribute('aria-describedby')?.split(' ');\n    if (describedByIds && describedByIds.length > 0) {\n      expect(describedByIds[0]).equals('TEST');\n      expect(describedByIds[1]).equals('ARIA-DESCRIBED-BY');\n    }\n  });\n});\n"],"names":["describe","it","link","render","_jsx","jsx","Link","Object","assign","href","children","queryByText","exact","expect","not","null","async","classList","container","firstElementChild","length","equals","variant","count","content","onClick","findByText","userEvent","click","labelId","_jsxs","Fragment","id","ariaLabelledBy","getAttribute","to","equal","labelId1","labelId2","jsxs","testAccessibleLabel","accessibleLabel","ariaDescribedBy","describedByIds","_a","split"],"mappings":"+WAMAA,SAAS,sBAAuB,KAC9BC,GAAG,SAAU,KACX,MACMC,EADUC,EAAMA,OAACC,EAACC,IAAAC,EAAIA,KAACC,OAAAC,OAAA,CAAAC,KAAK,KAAe,CAAAC,SAAA,WAC5BC,YAAY,OAAQ,CAAEC,OAAO,IAClDC,EAAAA,OAAOX,GAAMY,IAAIC,OAGnBd,GAAG,8BAA+Be,iBAChC,MAGMC,EAHUd,EAAMA,OAACC,EAACC,IAAAC,EAAIA,KAACC,OAAAC,OAAA,CAAAC,KAAK,KAAe,CAAAC,SAAA,WACpBQ,UAAUC,kBAERF,UAC/BJ,EAAAA,OAAOI,EAAUG,QAAQC,OAAO,KAGlCpB,GAAG,mBAAoBe,iBACrB,MAOMC,EAPUd,EAAAA,OACdC,EAAAA,IAACE,EAAAA,KAAKC,OAAAC,OAAA,CAAAC,KAAK,IAAIa,QAAQ,WAAS,CAAAZ,SAAA,WAILQ,UAAUC,kBAERF,UAC/BJ,EAAAA,OAAOI,EAAUG,QAAQC,OAAO,KAGlCpB,GAAG,QAASe,iBACV,IAAIO,EAAQ,EACZ,MACMC,EAAUrB,EAAAA,OACdC,EAAAA,IAACE,EAAAA,KAAKC,OAAAC,OAAA,CAAAC,KAAK,IAAIgB,QAFC,IAAMF,KAEW,CAAAb,SAAA,WAI7BR,QAAasB,EAAQE,WAAW,QACtCb,EAAAA,OAAOX,GAAMY,IAAIC,KACjBY,UAAUC,MAAM1B,GAChBW,EAAAA,OAAOU,GAAOF,OAAO,KAGvBpB,GAAG,yDAA0De,UAC3D,MAAMa,EAAU,gBACVL,EAAUrB,EAAMA,OACpB2B,OAACC,EAAAA,SAAQ,CAAArB,SAAA,CACPN,EAAGC,IAAA,IAAA,CAAA2B,GAAIH,IACPzB,MAACE,OAAIC,OAAAC,OAAA,CAACC,KAAK,IAAIwB,eAAgBJ,GAAO,CAAAnB,SAAA,cAMpCuB,SADaT,EAAQE,WAAW,SACVQ,aAAa,mBACzCrB,EAAAA,OAAOoB,GAAgBE,GAAGC,MAAMP,KAGlC5B,GAAG,4DAA6De,UAC9D,MAAMqB,EAAW,iBACXC,EAAW,iBACXd,EAAUrB,EAAAA,OACd2B,EAAAS,KAACR,EAAQA,SACP,CAAArB,SAAA,CAAAN,EAAAA,IAAA,IAAA,CAAG4B,GAAIK,IACPjC,EAAGC,IAAA,IAAA,CAAA2B,GAAIM,IACPlC,EAAAA,IAACE,EAAAA,KAAKC,OAAAC,OAAA,CAAAC,KAAK,IAAIwB,eAAgB,GAAGI,KAAYC,KAEvC,CAAA5B,SAAA,cAILuB,SADaT,EAAQE,WAAW,SACVQ,aAAa,mBACzCrB,SAAOoB,GAAgBE,GAAGC,MAAM,GAAGC,KAAYC,OAGjDrC,GAAG,wDAAyDe,gBAC1D,MAAMwB,EAAsB,wBAEtBhB,EAAUrB,EAAAA,OACdC,EAAAC,IAAC0B,WACC,CAAArB,SAAAN,EAAAA,IAACE,EAAIA,KAAAC,OAAAC,OAAA,CAACC,KAAK,IAAIgC,gBAAiBD,EAAqBE,gBAH7B,0BAGiE,CAAAhC,SAAA,aAKvFR,QAAasB,EAAQE,WAAW,QACtCb,EAAMA,OAACX,EAAKgC,aAAa,eAAeb,OAAOmB,GAC/C,MAAMG,EAAwD,QAAvCC,EAAA1C,EAAKgC,aAAa,2BAAqB,IAAAU,OAAA,EAAAA,EAAAC,MAAM,KAChEF,GAAkBA,EAAevB,OAAS,IAC5CP,EAAMA,OAAC8B,EAAe,IAAItB,OAAO,QACjCR,EAAMA,OAAC8B,EAAe,IAAItB,OAAO"}

package/amd/UNSAFE_Link.css

@@ -1,5 +1,5 @@
-.gnxs6j{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);}.gnxs6j:visited{color:--oj-c-link-text-color-visited;}.gnxs6j:active{color:--oj-c-link-text-color-active;}.gnxs6j:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._1o3xjt9{--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);}
-._1jz4kuz{--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);}
-._118g2et{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._118g2et:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._118g2et:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._1io8ebo{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._1io8ebo:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._1io8ebo:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._13eej50{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);}._13eej50:visited{color:--oj-c-link-text-color-visited;}._13eej50:active{color:--oj-c-link-text-color-active;}._13eej50:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._19xkmmq{--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);}
+.m5pa5d{--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);}
+.vmvg4u{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.vmvg4u:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.vmvg4u:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.oapnei{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.oapnei:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.oapnei:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/amd/UNSAFE_Link.js

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

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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../ListItemTextLayout-aa3436ba","../../hooks/UNSAFE_useTabbableMode","css!./../../UNSAFE_ListItemLayout.css","../../UNSAFE_Grid","../../tslib.es6-d8595453","../../utils/UNSAFE_interpolations/grid","../../utils/UNSAFE_interpolations/boxalignment","../../keys-f8c00540","../../_curry1-67906f4c","../../_has-83207242","../../utils/UNSAFE_size","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../UNSAFE_Text","../../Text-a22eae5d","preact","preact/hooks"],function(t,e,i,a,s,n,r,o,c,l,u,x,m,b,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")})})});
+//# sourceMappingURL=ListItemLayout.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemLayout.spec.js","sources":["../../../../src/UNSAFE_ListItemLayout/__tests__/ListItemLayout.spec.tsx"],"sourcesContent":["import { cleanup, render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { ListItemLayout } from '../ListItemLayout';\nimport { ListItemText } from '../ListItemText';\nimport { ListItemTextLayout } from '../ListItemTextLayout';\nimport { TabbableModeContext } from '../../hooks/UNSAFE_useTabbableMode';\n\nafterEach(cleanup);\n\ndescribe('Test ListItemLayout component', () => {\n  it('render ListItemLayout', async function () {\n    const content = render(<ListItemLayout primary=\"Simple Text\" />);\n    const label = await content.findByText('Simple Text');\n    expect(label).not.to.be.null;\n  });\n\n  it('render ListItemText', async function () {\n    const content = render(\n      <ListItemLayout\n        primary={<ListItemText variant=\"primary\">ListItemText Sample</ListItemText>}\n      />\n    );\n    const label = await content.findByText('ListItemText Sample');\n    expect(label).not.to.be.null;\n  });\n\n  it('render ListItemTextLayout', async function () {\n    const content = render(\n      <ListItemLayout>\n        <ListItemTextLayout primary=\"ListItemTextLayout Sample\" />\n      </ListItemLayout>\n    );\n    const label = await content.findByText('ListItemTextLayout Sample');\n    expect(label).not.to.be.null;\n  });\n\n  it('ListItemText, TabbableModeContext isTabbable=true', async () => {\n    const { container } = render(\n      <TabbableModeContext.Provider value={{ isTabbable: true }}>\n        <ListItemText variant=\"secondary\">Tabbing with mode</ListItemText>\n      </TabbableModeContext.Provider>\n    );\n\n    const div = container.querySelector('div');\n    expect(div).not.to.be.null;\n\n    const tabindex = div?.getAttribute('tabindex');\n    expect(tabindex).to.equal('0');\n  });\n});\n"],"names":["afterEach","cleanup","describe","it","async","content","render","_jsx","ListItemLayout","primary","label","findByText","expect","not","to","be","null","ListItemText","variant","children","ListItemTextLayout","container","TabbableModeContext","Provider","Object","assign","value","isTabbable","jsx","div","querySelector","tabindex","getAttribute","equal"],"mappings":"0rBAOAA,UAAUC,EAAOA,SAEjBC,SAAS,gCAAiC,KACxCC,GAAG,wBAAyBC,iBAC1B,MAAMC,EAAUC,EAAMA,OAACC,MAACC,EAAAA,eAAe,CAAAC,QAAQ,iBACzCC,QAAcL,EAAQM,WAAW,eACvCC,EAAMA,OAACF,GAAOG,IAAIC,GAAGC,GAAGC,OAG1Bb,GAAG,sBAAuBC,iBACxB,MAAMC,EAAUC,EAAMA,OACpBC,MAACC,EAAAA,gBACCC,QAASF,EAAAA,IAACU,EAAAA,4BAAaC,QAAQ,WAA4C,CAAAC,SAAA,4BAGzET,QAAcL,EAAQM,WAAW,uBACvCC,EAAMA,OAACF,GAAOG,IAAIC,GAAGC,GAAGC,OAG1Bb,GAAG,4BAA6BC,iBAC9B,MAAMC,EAAUC,EAAMA,OACpBC,MAACC,EAAAA,eACC,CAAAW,SAAAZ,MAACa,EAAAA,mBAAkB,CAACX,QAAQ,iCAG1BC,QAAcL,EAAQM,WAAW,6BACvCC,EAAMA,OAACF,GAAOG,IAAIC,GAAGC,GAAGC,OAG1Bb,GAAG,oDAAqDC,UACtD,MAAMiB,UAAEA,GAAcf,SACpBC,EAAAA,IAACe,EAAAA,oBAAoBC,SAASC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,YAAY,IACjD,CAAAR,SAAAZ,EAAAqB,IAACX,EAAYA,aAAAO,OAAAC,OAAA,CAACP,QAAQ,aAAW,CAAAC,SAAA,2BAI/BU,EAAMR,EAAUS,cAAc,OACpClB,EAAMA,OAACiB,GAAKhB,IAAIC,GAAGC,GAAGC,KAEtB,MAAMe,EAAWF,MAAAA,OAAG,EAAHA,EAAKG,aAAa,YACnCpB,EAAAA,OAAOmB,GAAUjB,GAAGmB,MAAM"}

package/amd/UNSAFE_ListItemLayout.css

@@ -1,10 +1,10 @@
-._1gb8ztl > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.h80835{align-self:center;margin:-0.875rem -0.875rem;}
-._1lsl9q4{align-self:center;min-width:0;}
-._1s8hmp{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.qoiy83{display:flex;flex-direction:column;}
-._1g4ys5{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-._72o2wq{display:flex;flex-direction:row;justify-content:right;}
-.axc1zz{align-self:end;}
+._1i0kogh > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._14sujpc{align-self:center;margin:-0.875rem -0.875rem;}
+._3lfxww{align-self:center;min-width:0;}
+.do20s5{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+._198d627{display:flex;flex-direction:column;}
+._6482su{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+._1tszpd1{display:flex;flex-direction:row;justify-content:right;}
+._1lxwy0w{align-self:end;}
 
-.cnn18e{display:flex;flex-direction:column;}
+._1fi0ss7{display:flex;flex-direction:column;}

package/amd/UNSAFE_ListItemLayout.js

@@ -1,2 +1,2 @@
-define(["exports","./ListItemTextLayout-4aa65b0a","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-10853083","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./_curry1-8acb7bd9","./_has-eb5860ac","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-14cea078","./_curry3-3b4923a5","./_curry2-217feee5","./UNSAFE_Text","./Text-617f0e96","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,a,i,r,o,u,l,_,c,n,m,L,b,y,N,x,U,A,E,F,S){"use strict";t.ListItemLayout=e.ListItemLayout,t.ListItemText=e.ListItemText,t.ListItemTextLayout=e.ListItemTextLayout,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","./ListItemTextLayout-aa3436ba","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-d8595453","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-f8c00540","./_curry1-67906f4c","./_has-83207242","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-b7cf3c05","./_curry3-9a7f6d78","./_curry2-fc31d1f8","./UNSAFE_Text","./Text-a22eae5d","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,i,a,r,o,u,l,c,_,n,m,L,y,N,d,x,U,f,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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","../../UNSAFE_Flex","../../UNSAFE_ListView","../../listViewTestFixtures-119d1b19","../../listViewSelectionTests-970c6876","../../ListView-2fee09c4","../../Flex-b68a7b84","../../tslib.es6-d8595453","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-f8c00540","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-5d0f6a63","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-c53d7893","../../PRIVATE_List","../../List-2e90b0fb","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-afedb694","../../PRIVATE_Collection","../../Collection-65387b39","preact","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-79996ea9","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_FocusTrap","../../FocusTrap-d4cc44b1","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-b8b725eb","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../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-72dcd02d","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","../../utils/UNSAFE_matchTranslationBundle","../../testHelpers-246f0e98"],function(e,t,s,i,o,n,l,c,a,r,u,d,A,E,S,_,b,F,U,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,be,Fe,Ue,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),[_,b]=t.useState(r),[F,U]=t.useState({offset:0,data:i.slice(0,25),totalSize:i.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto",ref:A,onClick:()=>{d&&d()}},{children:e.jsx(l.ListView,Object.assign({accessibleSummary:"Basic list",data:F,currentKey:E,selectedKeys:_,selectionMode:u,viewportConfig:{scroller:()=>A.current},onCurrentKeyChange:e=>S(e.value),onSelectionChange:e=>b(e.value),onLoadRange:e=>{const t=e.offset,s=t+e.count,o=Object.assign(Object.assign({},F),{offset:t,data:i.slice(t,s)});U(o)},gridlines:n,onItemAction: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)})});
+//# sourceMappingURL=ListView.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.spec.js","sources":["../../../../src/UNSAFE_ListView/__tests__/ListView.spec.tsx"],"sourcesContent":["/**\n * General ListView tests\n */\nimport { useRef, useState } from 'preact/hooks';\n\nimport { DataState, ListItemContext, Range } from '../../UNSAFE_Collection';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { Keys } from '../../utils/UNSAFE_keys';\nimport { ListView } from '..';\n\nimport { setupIntersectionObserverMock } from '../../../test/mocks/mockIntersectionObserver';\nimport * as ListTests from '../../PRIVATE_List/__tests__/shared/listViewTests';\nimport { testSelection } from '../../PRIVATE_List/__tests__/shared/listViewSelectionTests';\n\ntype Employee<K> = {\n  id: K;\n  name: string;\n};\n\ntype Props<K, D> = ListTests.Props<K, D>;\n\nfunction TestComponent<K extends string | number>({\n  currentItemVariant,\n  data,\n  initialKey,\n  gridlines,\n  onItemAction,\n  selectedKeys,\n  selectionMode,\n  onClick\n}: Props<K, Employee<K>>) {\n  const rootRef = useRef(null);\n  const [currentKey, setCurrentKey] = useState<K | undefined>(initialKey);\n  const [selection, setSelection] = useState<Keys<K> | undefined>(selectedKeys);\n  const [dataState, setDataState] = useState<DataState<K, Employee<K>>>({\n    offset: 0,\n    data: data.slice(0, 25),\n    totalSize: data.length,\n    sizePrecision: 'exact'\n  });\n\n  const loadRange = (range: Range) => {\n    const startIndex = range.offset;\n    const endIndex = startIndex + range.count;\n    const newDataState = {\n      ...dataState,\n      offset: startIndex,\n      data: data.slice(startIndex, endIndex)\n    };\n    setDataState(newDataState);\n  };\n\n  const getConfig = () => {\n    return {\n      scroller: () => {\n        return rootRef.current;\n      }\n    };\n  };\n\n  return (\n    <div\n      style=\"height: calc(10 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x));overflow: auto\"\n      ref={rootRef}\n      onClick={() => {\n        onClick && onClick();\n      }}>\n      <ListView\n        accessibleSummary=\"Basic list\"\n        data={dataState}\n        currentKey={currentKey}\n        selectedKeys={selection}\n        selectionMode={selectionMode}\n        viewportConfig={getConfig()}\n        onCurrentKeyChange={(detail) => setCurrentKey(detail.value)}\n        onSelectionChange={(detail) => setSelection(detail.value)}\n        onLoadRange={loadRange}\n        gridlines={gridlines}\n        onItemAction={onItemAction}\n        currentItemVariant={currentItemVariant}>\n        {(context: ListItemContext<K, Employee<K>>) => (\n          <Flex>\n            {context.selector && context.selector()}\n            <div\n              className=\"item\"\n              style={{\n                height: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x))',\n                padding: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n              }}>\n              {context.data.name}\n            </div>\n          </Flex>\n        )}\n      </ListView>\n    </div>\n  );\n}\n\ndescribe('Test ListView component', () => {\n  beforeEach(() => {\n    if (!window.IntersectionObserver) {\n      setupIntersectionObserverMock();\n    }\n  });\n\n  // bind shared tests\n  ListTests.testRender.bind(this)(TestComponent);\n  ListTests.testAria.bind(this)(TestComponent);\n  ListTests.testKeys.bind(this)(TestComponent);\n  ListTests.testGridlines.bind(this)(TestComponent);\n  ListTests.testItemAction.bind(this)(TestComponent);\n\n  // selection tests\n  testSelection.bind(this)(TestComponent);\n});\n"],"names":["TestComponent","currentItemVariant","data","initialKey","gridlines","onItemAction","selectedKeys","selectionMode","onClick","rootRef","useRef","currentKey","setCurrentKey","useState","selection","setSelection","dataState","setDataState","offset","slice","totalSize","length","sizePrecision","_jsx","Object","assign","style","ref","children","ListView","accessibleSummary","viewportConfig","scroller","current","onCurrentKeyChange","detail","value","onSelectionChange","onLoadRange","range","startIndex","endIndex","count","newDataState","context","_jsxs","Flex","selector","jsx","className","height","padding","name","describe","beforeEach","window","IntersectionObserver","setupIntersectionObserverMock","ListTests.testRender","bind","this","ListTests.testAria","ListTests.testKeys","ListTests.testGridlines","ListTests.testItemAction","testSelection"],"mappings":"k/EAqBA,SAASA,IAAyCC,mBAChDA,EAAkBC,KAClBA,EAAIC,WACJA,EAAUC,UACVA,EAASC,aACTA,EAAYC,aACZA,EAAYC,cACZA,EAAaC,QACbA,IAEA,MAAMC,EAAUC,SAAO,OAChBC,EAAYC,GAAiBC,EAAQA,SAAgBV,IACrDW,EAAWC,GAAgBF,EAAQA,SAAsBP,IACzDU,EAAWC,GAAgBJ,WAAoC,CACpEK,OAAQ,EACRhB,KAAMA,EAAKiB,MAAM,EAAG,IACpBC,UAAWlB,EAAKmB,OAChBC,cAAe,UAsBjB,OACEC,MAAA,MAAAC,OAAAC,OAAA,CACEC,MAAM,mFACNC,IAAKlB,EACLD,QAAS,KACPA,GAAWA,MACZ,CAAAoB,SACDL,MAACM,EAAQA,SAAAL,OAAAC,OAAA,CACPK,kBAAkB,aAClB5B,KAAMc,EACNL,WAAYA,EACZL,aAAcQ,EACdP,cAAeA,EACfwB,eApBG,CACLC,SAAU,IACDvB,EAAQwB,SAmBfC,mBAAqBC,GAAWvB,EAAcuB,EAAOC,OACrDC,kBAAoBF,GAAWpB,EAAaoB,EAAOC,OACnDE,YAnCaC,IACjB,MAAMC,EAAaD,EAAMrB,OACnBuB,EAAWD,EAAaD,EAAMG,MAC9BC,EACDnB,OAAAC,OAAAD,OAAAC,OAAA,GAAAT,IACHE,OAAQsB,EACRtC,KAAMA,EAAKiB,MAAMqB,EAAYC,KAE/BxB,EAAa0B,IA4BTvC,UAAWA,EACXC,aAAcA,EACdJ,mBAAoBA,GAAkB,CAAA2B,SACpCgB,GACAC,OAACC,OAAI,CAAAlB,SAAA,CACFgB,EAAQG,UAAYH,EAAQG,WAC7BxB,EAAAyB,IAAA,MAAAxB,OAAAC,OAAA,CACEwB,UAAU,OACVvB,MAAO,CACLwB,OAAQ,uDACRC,QAAS,mDAEV,CAAAvB,SAAAgB,EAAQ1C,KAAKkD,iBAS5BC,SAAS,0BAA2B,KAClCC,WAAW,KACJC,OAAOC,sBACVC,EAAAA,kCAKJC,EAAAA,WAAqBC,UAAKC,EAA1BF,CAAgC1D,IAChC6D,EAAAA,SAAmBF,UAAKC,EAAxBC,CAA8B7D,IAC9B8D,EAAAA,SAAmBH,UAAKC,EAAxBE,CAA8B9D,IAC9B+D,EAAAA,cAAwBJ,UAAKC,EAA7BG,CAAmC/D,IACnCgE,EAAAA,eAAyBL,UAAKC,EAA9BI,CAAoChE,IAGpCiE,EAAAA,cAAcN,UAAKC,EAAnBK,CAAyBjE"}

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

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","../../hooks/UNSAFE_useTabbableMode","../../UNSAFE_Flex","../../ListView-2fee09c4","../../listViewTestFixtures-119d1b19","../../listViewTabbableModeTests-0e13aa24","../../Flex-b68a7b84","preact","../../tslib.es6-d8595453","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242",'module',"../../utils/UNSAFE_interpolations/boxalignment","../../keys-f8c00540","../../utils/UNSAFE_interpolations/flexbox","../../flexbox-5d0f6a63","../../utils/UNSAFE_interpolations/flexitem","../../flexitem-c53d7893","../../PRIVATE_List","../../List-2e90b0fb","../../utils/UNSAFE_mergeProps","../../utils/UNSAFE_keys","../../LoadMoreCollection-afedb694","../../PRIVATE_Collection","../../Collection-65387b39","../../hooks/UNSAFE_useViewportIntersect","../../PRIVATE_VirtualizedCollection","../../VirtualizedCollection-79996ea9","../../UNSAFE_FocusTrap","../../FocusTrap-d4cc44b1","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-b8b725eb","../../utils/UNSAFE_interpolations/borders","../../UNSAFE_Selector","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../hooks/UNSAFE_useTooltip","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../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-72dcd02d","../../hooks/UNSAFE_useTheme","../../hooks/UNSAFE_useTranslationBundle","@testing-library/preact","chai","@testing-library/user-event","../../testHelpers-246f0e98"],function(e,t,s,o,i,n,a,l,c,r,u,b,d,_,A,E,F,S,h,U,N,x,f,p,g,T,k,I,m,j,V,P,y,R,v,w,C,O,M,L,z,B,K,H,q,D,G,J,Q,W,X,Y,Z,$,ee,te,se,oe,ie,ne,ae,le,ce,re,ue,be,de,_e,Ae,Ee,Fe,Se,he,Ue,Ne,xe,fe,pe){"use strict";const ge=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("button",Object.assign({tabIndex:o.tabIndex},t))},Te=t=>{const{tabbableModeProps:o}=s.useTabbableMode();return e.jsx("input",Object.assign({tabIndex:o.tabIndex},t))};function ke({data:s}){const o=t.useRef(null),[n,a]=t.useState(void 0),[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)})});
+//# sourceMappingURL=ListViewTabbableMode.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListViewTabbableMode.spec.js","sources":["../../../../src/UNSAFE_ListView/__tests__/ListViewTabbableMode.spec.tsx"],"sourcesContent":["/**\n * ListView tests pertaining to single and multi-select with mouse and keyboard\n */\nimport { useRef, useState } from 'preact/hooks';\n\nimport { DataState, ListItemContext, Range } from '../../UNSAFE_Collection';\nimport { useTabbableMode } from '../../hooks/UNSAFE_useTabbableMode';\nimport { Flex } from '../../UNSAFE_Flex';\nimport { HTMLAttributesSignalExcluded } from '../../utils/UNSAFE_attributeUtils';\nimport { ListView } from '../ListView';\n\nimport { setupIntersectionObserverMock } from '../../../test/mocks/mockIntersectionObserver';\nimport {\n  Props,\n  testTabbableMode\n} from '../../PRIVATE_List/__tests__/shared/listViewTabbableModeTests';\n\n/**\n * Declare some tabbableMode aware components\n */\nconst Button = (props: HTMLAttributesSignalExcluded<HTMLButtonElement>) => {\n  const { tabbableModeProps } = useTabbableMode();\n  return <button tabIndex={tabbableModeProps.tabIndex} {...props} />;\n};\n\nconst Input = (props: HTMLAttributesSignalExcluded<HTMLInputElement>) => {\n  const { tabbableModeProps } = useTabbableMode();\n  return <input tabIndex={tabbableModeProps.tabIndex} {...props} />;\n};\n\ntype Employee<K> = {\n  id: K;\n  name: string;\n};\n\nfunction TestComposition<K extends string | number>({ data }: Props<K>) {\n  const rootRef = useRef(null);\n  const [currentKey, setCurrentKey] = useState<K | undefined>(undefined);\n  const [dataState, setDataState] = useState<DataState<K, Employee<K>>>({\n    offset: 0,\n    data: data.slice(0, 25),\n    totalSize: data.length,\n    sizePrecision: 'exact'\n  });\n\n  const loadRange = (range: Range) => {\n    const startIndex = range.offset;\n    const endIndex = startIndex + range.count;\n    const newDataState = {\n      ...dataState,\n      offset: startIndex,\n      data: data.slice(startIndex, endIndex)\n    };\n    setDataState(newDataState);\n  };\n\n  const getConfig = () => {\n    return {\n      scroller: () => {\n        return rootRef.current;\n      }\n    };\n  };\n\n  return (\n    <div style=\"height: 200px;overflow: auto\" ref={rootRef}>\n      <button>Preceding Button</button>\n      <ListView\n        accessibleSummary=\"Basic list\"\n        data={dataState}\n        currentKey={currentKey}\n        viewportConfig={getConfig()}\n        onCurrentKeyChange={(detail) => setCurrentKey(detail.value)}\n        onLoadRange={loadRange}>\n        {(context: ListItemContext<K, Employee<K>>) => (\n          <Flex>\n            {context.selector && context.selector()}\n            <div className=\"item\" style={{ height: '20px', padding: '0.75rem' }}>\n              <Input data-testid={'input-' + context.data.id} />\n              <span>{context.data.name}</span>\n              <Button data-testid={'button-' + context.data.id}>Inside Button</Button>\n            </div>\n          </Flex>\n        )}\n      </ListView>\n      <button>Following Button</button>\n    </div>\n  );\n}\n\ndescribe('Test ListView component Selection', () => {\n  beforeEach(() => {\n    if (!window.IntersectionObserver) {\n      setupIntersectionObserverMock();\n    }\n  });\n  testTabbableMode.bind(this)(TestComposition);\n});\n"],"names":["Button","props","tabbableModeProps","useTabbableMode","_jsx","Object","assign","tabIndex","Input","TestComposition","data","rootRef","useRef","currentKey","setCurrentKey","useState","undefined","dataState","setDataState","offset","slice","totalSize","length","sizePrecision","_jsxs","style","ref","children","jsx","ListView","accessibleSummary","viewportConfig","scroller","current","onCurrentKeyChange","detail","value","onLoadRange","range","startIndex","endIndex","count","newDataState","context","Flex","selector","className","height","padding","id","name","describe","beforeEach","window","IntersectionObserver","setupIntersectionObserverMock","testTabbableMode","bind","this"],"mappings":"48EAoBA,MAAMA,GAAUC,IACd,MAAMC,kBAAEA,GAAsBC,EAAAA,kBAC9B,OAAOC,MAAA,SAAAC,OAAAC,OAAA,CAAQC,SAAUL,EAAkBK,UAAcN,KAGrDO,GAASP,IACb,MAAMC,kBAAEA,GAAsBC,EAAAA,kBAC9B,OAAOC,MAAA,QAAAC,OAAAC,OAAA,CAAOC,SAAUL,EAAkBK,UAAcN,KAQ1D,SAASQ,IAA2CC,KAAEA,IACpD,MAAMC,EAAUC,SAAO,OAChBC,EAAYC,GAAiBC,EAAQA,cAAgBC,IACrDC,EAAWC,GAAgBH,WAAoC,CACpEI,OAAQ,EACRT,KAAMA,EAAKU,MAAM,EAAG,IACpBC,UAAWX,EAAKY,OAChBC,cAAe,UAsBjB,OACEC,OAAA,MAAAnB,OAAAC,OAAA,CAAKmB,MAAM,+BAA+BC,IAAKf,GAAO,CAAAgB,SAAA,CACpDvB,EAAiCwB,IAAA,SAAA,CAAAD,SAAA,qBACjCvB,EAACwB,IAAAC,EAAQA,SACPxB,OAAAC,OAAA,CAAAwB,kBAAkB,aAClBpB,KAAMO,EACNJ,WAAYA,EACZkB,eAdG,CACLC,SAAU,IACDrB,EAAQsB,SAafC,mBAAqBC,GAAWrB,EAAcqB,EAAOC,OACrDC,YA5BaC,IACjB,MAAMC,EAAaD,EAAMnB,OACnBqB,EAAWD,EAAaD,EAAMG,MAC9BC,EACDrC,OAAAC,OAAAD,OAAAC,OAAA,GAAAW,IACHE,OAAQoB,EACR7B,KAAMA,EAAKU,MAAMmB,EAAYC,KAE/BtB,EAAawB,KAoBa,CAAAf,SACpBgB,GACAnB,EAAAA,KAACoB,EAAAA,KACE,CAAAjB,SAAA,CAAAgB,EAAQE,UAAYF,EAAQE,WAC7BrB,OAAK,MAAAnB,OAAAC,OAAA,CAAAwC,UAAU,OAAOrB,MAAO,CAAEsB,OAAQ,OAAQC,QAAS,YACtD,CAAArB,SAAA,CAAAvB,EAAAwB,IAACpB,GAAK,CAAA,cAAc,SAAWmC,EAAQjC,KAAKuC,KAC5C7C,EAAAA,IAAA,OAAA,CAAAuB,SAAOgB,EAAQjC,KAAKwC,OACpB9C,MAACJ,GAAMK,OAAAC,OAAA,CAAA,cAAc,UAAYqC,EAAQjC,KAAKuC,IAAE,CAAAtB,SAAA,6BAKxDvB,EAAAwB,IAAA,SAAA,CAAAD,SAAA,yBAKNwB,SAAS,oCAAqC,KAC5CC,WAAW,KACJC,OAAOC,sBACVC,EAAAA,kCAGJC,EAAAA,iBAAiBC,UAAKC,EAAtBF,CAA4B/C"}

package/amd/UNSAFE_ListView.js

@@ -1,2 +1,2 @@
-define(["exports","./ListView-204b0aac","preact/jsx-runtime","./PRIVATE_List","./List-783f42fa","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-14cea078","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-b4c4c44b","./PRIVATE_Collection","./Collection-25c13095","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-5ed8b8e9","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-dea153a7","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-8acb7bd9","./_curry2-217feee5","./_curry3-3b4923a5","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-31275263","./tslib.es6-10853083","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-eb5860ac","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-95e67964","./utils/UNSAFE_interpolations/boxalignment","./keys-5d739900","./utils/UNSAFE_interpolations/flexbox","./flexbox-341394e6","./utils/UNSAFE_interpolations/flexitem","./flexitem-aacf033d","./UNSAFE_Selector","./index-2155a66c","./index-240ba9ad","./UNSAFE_Icon","./Icon-f927c830","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-d29f2f68","./index-367c5592","./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-065d8744","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,a,n,u,_,A,r,E,c,F,U,S,N,b,d,k,h,T,p,I,V,f,m,x,P,R,g,y,C,L,w,M,v,z,j,O,B,H,K,q,D,G,J,Q,W,X,Y,Z,$,ee,oe,se,ie,te,le,ae,ne,ue,_e,Ae,re,Ee,ce,Fe,Ue,Se,Ne,be){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ListView-2fee09c4","preact/jsx-runtime","./PRIVATE_List","./List-2e90b0fb","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-b7cf3c05","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-afedb694","./PRIVATE_Collection","./Collection-65387b39","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-79996ea9","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-d4cc44b1","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-67906f4c","./_curry2-fc31d1f8","./_curry3-9a7f6d78","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-b8b725eb","./tslib.es6-d8595453","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-83207242","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-b68a7b84","./utils/UNSAFE_interpolations/boxalignment","./keys-f8c00540","./utils/UNSAFE_interpolations/flexbox","./flexbox-5d0f6a63","./utils/UNSAFE_interpolations/flexitem","./flexitem-c53d7893","./UNSAFE_Selector","./index-922123b9","./index-bd5b8cf5","./UNSAFE_Icon","./Icon-497347c9","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-2dad3061","./index-8215ac99","./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-72dcd02d","./hooks/UNSAFE_useTheme","./hooks/UNSAFE_useTranslationBundle"],function(e,o,s,i,t,l,n,u,_,a,A,c,r,E,F,U,S,N,b,d,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,ce,re,Ee,Fe,Ue,Se,Ne,be){"use strict";e.ListView=o.ListView,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ListView.js.map

package/amd/UNSAFE_LiveRegion.css

@@ -1 +1 @@
-.qzvvfy{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;}
+._1stsamn{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/amd/UNSAFE_LiveRegion.js

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

package/amd/UNSAFE_LiveRegion.js.map

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

package/amd/UNSAFE_LoadMoreCollection/__tests__/LoadMoreCollection.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","chai","../../LoadMoreCollection-afedb694","../../PRIVATE_Collection","../../Collection-65387b39","preact","../../hooks/UNSAFE_useViewportIntersect"],function(e,t,n,a,o,i,s,c,r){"use strict";function l({data:n}){const a=t.useRef(null),[i,s]=t.useState({offset:0,data:n.slice(0,25),totalSize:n.length,sizePrecision:"exact"});return e.jsx("div",Object.assign({style:"height: 200px;overflow: auto",ref:a},{children:e.jsx(o.LoadMoreCollection,Object.assign({data:i,viewportConfig:{scroller:()=>a.current},onLoadRange:e=>{const t=e.offset,a=t+e.count,o=Object.assign(Object.assign({},i),{offset:t,data:n.slice(t,a)});s(o)}},{children:t=>e.jsx("div",Object.assign({className:"item",style:{height:"20px",padding:"0.75rem"}},{children:t.data.data.name}),t.data.metadata.key)}))}))}describe("Test VirtualizedCollection component",()=>{beforeEach(()=>{if(!window.IntersectionObserver){const e=jest.fn();e.mockReturnValue({observe:()=>null,unobserve:()=>null,disconnect:()=>null}),Object.defineProperty(global,"IntersectionObserver",{writable:!0,configurable:!0,value:e})}}),it("initial render",async function(){const t=function(e){const t=[];for(let n=0;n<e;n++)t.push({id:"i"+n,name:"Employee "+n});return t}(100).map(e=>({data:e,metadata:{key:e.id}})),o=n.render(e.jsx(l,{data:t})),i=await o.queryAllByText("Employee",{exact:!1});a.expect(i.length).eq(25)})})});
+//# sourceMappingURL=LoadMoreCollection.spec.js.map

package/amd/UNSAFE_LoadMoreCollection/__tests__/LoadMoreCollection.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection.spec.js","sources":["../../../../src/UNSAFE_LoadMoreCollection/__tests__/LoadMoreCollection.spec.tsx"],"sourcesContent":["import { useRef, useState } from 'preact/hooks';\nimport { render } from '@testing-library/preact';\nimport { expect } from 'chai';\nimport { DataState, ItemContext, Range, Metadata } from '../../UNSAFE_Collection';\nimport { LoadMoreCollection } from '../LoadMoreCollection';\n\ntype Employee = {\n  id: string;\n  name: string;\n};\n\ntype Props = {\n  data: { data: Employee; metadata: Metadata<string> }[];\n};\nfunction TestComponent({ data }: Props) {\n  const rootRef = useRef(null);\n  const [dataState, setDataState] = useState<DataState<string, Employee>>({\n    offset: 0,\n    data: data.slice(0, 25),\n    totalSize: data.length,\n    sizePrecision: 'exact'\n  });\n\n  const loadRange = (range: Range) => {\n    const startIndex = range.offset;\n    const endIndex = startIndex + range.count;\n    const newDataState = {\n      ...dataState,\n      offset: startIndex,\n      data: data.slice(startIndex, endIndex)\n    };\n    setDataState(newDataState);\n  };\n\n  const getConfig = () => {\n    return {\n      scroller: () => {\n        return rootRef.current;\n      }\n    };\n  };\n\n  return (\n    <div style=\"height: 200px;overflow: auto\" ref={rootRef}>\n      <LoadMoreCollection data={dataState} viewportConfig={getConfig()} onLoadRange={loadRange}>\n        {(context: ItemContext<{ data: Employee; metadata: Metadata<string> }>) => (\n          <div\n            key={context.data.metadata.key}\n            className=\"item\"\n            style={{ height: '20px', padding: '0.75rem' }}>\n            {context.data.data.name}\n          </div>\n        )}\n      </LoadMoreCollection>\n    </div>\n  );\n}\n\nfunction populateData(count: number): Employee[] {\n  const data: Employee[] = [];\n  for (let i = 0; i < count; i++) {\n    data.push({ id: 'i' + i, name: 'Employee ' + i });\n  }\n  return data;\n}\n\ndescribe('Test VirtualizedCollection component', () => {\n  beforeEach(() => {\n    if (!window.IntersectionObserver) {\n      // IntersectionObserver isn't available in test environment\n      const MockIntersectionObserver = jest.fn();\n      MockIntersectionObserver.mockReturnValue({\n        observe: () => null,\n        unobserve: () => null,\n        disconnect: () => null\n      });\n\n      Object.defineProperty(global, 'IntersectionObserver', {\n        writable: true,\n        configurable: true,\n        value: MockIntersectionObserver\n      });\n    }\n  });\n\n  it('initial render', async function () {\n    const data = populateData(100);\n    const dataMetadata: { data: Employee; metadata: Metadata<string> }[] = data.map((data) => {\n      return { data: data, metadata: { key: data.id } };\n    });\n    const content = render(<TestComponent data={dataMetadata}></TestComponent>);\n    const emps = await content.queryAllByText('Employee', { exact: false });\n    expect(emps.length).eq(25);\n  });\n});\n"],"names":["TestComponent","data","rootRef","useRef","dataState","setDataState","useState","offset","slice","totalSize","length","sizePrecision","_jsx","Object","assign","style","ref","children","LoadMoreCollection","viewportConfig","scroller","current","onLoadRange","range","startIndex","endIndex","count","newDataState","context","className","height","padding","name","metadata","key","describe","beforeEach","window","IntersectionObserver","MockIntersectionObserver","jest","fn","mockReturnValue","observe","unobserve","disconnect","defineProperty","global","writable","configurable","value","it","async","dataMetadata","i","push","id","populateData","map","content","render","emps","queryAllByText","exact","expect","eq"],"mappings":"qQAcA,SAASA,GAAcC,KAAEA,IACvB,MAAMC,EAAUC,SAAO,OAChBC,EAAWC,GAAgBC,WAAsC,CACtEC,OAAQ,EACRN,KAAMA,EAAKO,MAAM,EAAG,IACpBC,UAAWR,EAAKS,OAChBC,cAAe,UAsBjB,OACEC,MAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAM,+BAA+BC,IAAKd,GAC7C,CAAAe,SAAAL,EAAAA,IAACM,EAAAA,mBAAkBL,OAAAC,OAAA,CAACb,KAAMG,EAAWe,eAThC,CACLC,SAAU,IACDlB,EAAQmB,SAOiDC,YArBnDC,IACjB,MAAMC,EAAaD,EAAMhB,OACnBkB,EAAWD,EAAaD,EAAMG,MAC9BC,EACDd,OAAAC,OAAAD,OAAAC,OAAA,GAAAV,IACHG,OAAQiB,EACRvB,KAAMA,EAAKO,MAAMgB,EAAYC,KAE/BpB,EAAasB,KAcR,CAAAV,SAACW,GACAhB,EAAAA,IAEE,MAAAC,OAAAC,OAAA,CAAAe,UAAU,OACVd,MAAO,CAAEe,OAAQ,OAAQC,QAAS,YAAW,CAAAd,SAC5CW,EAAQ3B,KAAKA,KAAK+B,OAHdJ,EAAQ3B,KAAKgC,SAASC,WAmBvCC,SAAS,uCAAwC,KAC/CC,WAAW,KACT,IAAKC,OAAOC,qBAAsB,CAEhC,MAAMC,EAA2BC,KAAKC,KACtCF,EAAyBG,gBAAgB,CACvCC,QAAS,IAAM,KACfC,UAAW,IAAM,KACjBC,WAAY,IAAM,OAGpBhC,OAAOiC,eAAeC,OAAQ,uBAAwB,CACpDC,UAAU,EACVC,cAAc,EACdC,MAAOX,OAKbY,GAAG,iBAAkBC,iBACnB,MACMC,EA7BV,SAAsB3B,GACpB,MAAMzB,EAAmB,GACzB,IAAK,IAAIqD,EAAI,EAAGA,EAAI5B,EAAO4B,IACzBrD,EAAKsD,KAAK,CAAEC,GAAI,IAAMF,EAAGtB,KAAM,YAAcsB,IAE/C,OAAOrD,EAuBQwD,CAAa,KACkDC,IAAKzD,IACxE,CAAEA,KAAMA,EAAMgC,SAAU,CAAEC,IAAKjC,EAAKuD,OAEvCG,EAAUC,EAAMA,OAAChD,MAACZ,EAAc,CAAAC,KAAMoD,KACtCQ,QAAaF,EAAQG,eAAe,WAAY,CAAEC,OAAO,IAC/DC,EAAAA,OAAOH,EAAKnD,QAAQuD,GAAG"}

package/amd/UNSAFE_LoadMoreCollection.js

@@ -1,2 +1,2 @@
-define(["exports","./LoadMoreCollection-b4c4c44b","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-25c13095","preact","./hooks/UNSAFE_useViewportIntersect"],function(e,o,t,c,r,l,i,n){"use strict";e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./LoadMoreCollection-afedb694","preact/jsx-runtime","preact/hooks","./PRIVATE_Collection","./Collection-65387b39","preact","./hooks/UNSAFE_useViewportIntersect"],function(e,o,t,r,c,l,i,n){"use strict";e.LoadMoreCollection=o.LoadMoreCollection,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LoadMoreCollection.js.map

package/amd/UNSAFE_Menu/__tests__/Menu.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","@testing-library/user-event","chai","sinon","../../UNSAFE_Environment","../../UNSAFE_Button","../../utils/PRIVATE_clientHints","../../Menu-cb21d7c2","../../MenuItem-cedf713b","../../MenuDivider-54a56f1e","../../menuTestsUtils-c939f04d","../../Button-47193722","../../clientHints-0d38de57","preact","../../UNSAFE_Layer","preact/compat","../../UNSAFE_BaseButton","../../BaseButton-1b45961f","../../tslib.es6-d8595453","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","css!./../../UNSAFE_Menu.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../hooks/UNSAFE_useTabbableMode","../../utils/UNSAFE_mergeProps","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../hooks/UNSAFE_useUser","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/PRIVATE_useCollectionFocusRing","../../useModal-221efa6e","../../UNSAFE_Text","../../Text-a22eae5d","../../hooks/UNSAFE_useId","../../UNSAFE_Divider","../../Divider-9022fb71"],function(e,t,n,s,o,l,i,u,a,c,r,m,d,p,y,f,x,g,E,h,M,I,v,A,w,k,b,j,F,_,q,U,S,R,B,N,T,D,C,L,K,P,H,O,V,X,Y,z,G,J,Q,W){"use strict";function Z(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $=Z(s);const ee=({onClose:n,initialFocus:s="menu"})=>{const o=t.useRef(null);return e.jsxs(i.RootEnvironmentProvider,{children:[e.jsx(p.Button,{ref:o,label:"Press me"}),e.jsxs(c.Menu,Object.assign({isOpen:!0,anchorRef:o,accessibleLabel:"Test menu",onClose:n,initialFocus:s},{children:[e.jsx(r.MenuItem,{label:"MenuItem1"}),e.jsx(r.MenuItem,{label:"MenuItem2"}),e.jsx(m.MenuDivider,{}),e.jsx(r.MenuItem,{label:"MenuItem3"}),e.jsx(r.MenuItem,{label:"MenuItem4"})]}))]})};function te(){var e;return null===(e=document.activeElement)||void 0===e?void 0:e.dataset.ojMenuItemKey}describe("Test Menu Component",()=>{const{deviceType:t,hoverSupport:s}=y.getClientHints(),i="phone"===t,u="events"===s?3:4;beforeEach(()=>{d.setObserverConfig()}),it("Menu container render correctly",async function(){const t=n.render(e.jsx(ee,{})),s=d.getMenuItemByRole(t,"menu"),l=d.getAllMenuItemsByRole(t,"menuitem"),i=d.getAllMenuItemsByRole(t,"separator");o.expect(s).not.null,o.expect(s.classList.length).equals(2),o.expect(s.getAttribute("aria-label")).equals("Test menu"),o.expect(l.length).equals(4),o.expect(i.length).equals(1)}),it("onClose called when Escape or Tab are pressed",async function(){const t=l.spy(),s=n.render(e.jsx(ee,{onClose:t})),u=d.getMenuItemByRole(s,"menu");o.expect(u).not.null,i||(n.fireEvent.keyDown(u,{key:"Tab"}),n.fireEvent.keyDown(u,{key:"Escape"}),o.expect(t.calledTwice).to.be.true)}),it("onClose called when clicking outside",async function(){var t;const s=l.spy(),u=n.render(e.jsx(ee,{onClose:s})),a=d.getMenuItemByRole(u,"menu"),c=d.getLabel(u,"Press me");if(o.expect(a).not.null,i){const e=null===(t=a.parentElement)||void 0===t?void 0:t.parentElement;e&&$.default.click(e)}else $.default.click(c);o.expect(s.called).to.be.true}),it("onClose called when item was clicked",async function(){const t=l.spy(),s=n.render(e.jsx(ee,{onClose:t})),i=d.getMenuItemByRole(s,"menu"),u=d.getAllMenuItemsByRole(s,"menuitem")[0];o.expect(i).not.null,n.fireEvent.click(u),o.expect(t.called).to.be.true}),it("onClose called when swipe is done (mobile)",async function(){const t=l.spy(),s=n.render(e.jsx(ee,{onClose:t})),u=d.getMenuItemByRole(s,"menu");if(o.expect(u).not.null,"undefined"==typeof jest&&i){const e=u.parentElement,s=new Touch({target:e,identifier:0,pageX:386,pageY:224}),l=new Touch({target:e,identifier:0,pageX:389,pageY:397});e&&(n.fireEvent.touchStart(e,{timeStamp:10406,currentTarget:e,changedTouches:[s]}),n.fireEvent.touchEnd(e,{timeStamp:10472,currentTarget:e,changedTouches:[l]})),o.expect(t.called).to.be.true}}),it("Focus when item is clicked",async function(){const t=n.render(e.jsx(ee,{})),s=d.getMenuItemByRole(t,"menu"),l=d.getAllMenuItemsByRole(t,"menuitem"),i=l[2].dataset.ojMenuItemKey;o.expect(s).not.null,"undefined"!=typeof jest&&(await n.waitFor(()=>{o.expect(document.activeElement).equals(s)},{timeout:100}),$.default.click(l[2]),o.expect(te()).equals(i),o.expect(l[2].classList.length).equals(u-1))}),it("Focus on firstItem when initialFocus is set as firstItem",async function(){const t=n.render(e.jsx(ee,{initialFocus:"firstItem"})),s=d.getMenuItemByRole(t,"menu"),l=d.getAllMenuItemsByRole(t,"menuitem"),i=l[0].dataset.ojMenuItemKey;o.expect(s).not.null,"undefined"!=typeof jest&&(o.expect(te()).equals(i),o.expect(l[0].classList.length).equals(u))}),it("Menu Keyboard navigation - focus",async function(){const t=n.render(e.jsx(ee,{})),s=d.getMenuItemByRole(t,"menu"),l=d.getAllMenuItemsByRole(t,"menuitem"),i=l[0].dataset.ojMenuItemKey,a=l[1].dataset.ojMenuItemKey,c=l[2].dataset.ojMenuItemKey,r=l[3].dataset.ojMenuItemKey;o.expect(s).not.null,"undefined"!=typeof jest&&(await n.waitFor(()=>{o.expect(document.activeElement).equals(s)},{timeout:100}),n.fireEvent.keyDown(s,{key:"ArrowDown"}),o.expect(te()).equals(i),o.expect(l[0].classList.length).equals(u),n.fireEvent.keyDown(s,{key:"ArrowDown"}),o.expect(te()).equals(a),o.expect(l[1].classList.length).equals(u),n.fireEvent.keyDown(s,{key:"ArrowDown"}),o.expect(te()).equals(c),o.expect(l[2].classList.length).equals(u),n.fireEvent.keyDown(s,{key:"ArrowDown"}),o.expect(te()).equals(r),o.expect(l[3].classList.length).equals(u),n.fireEvent.keyDown(s,{key:"ArrowDown"}),o.expect(te()).equals(i),o.expect(l[0].classList.length).equals(u),n.fireEvent.keyDown(s,{key:"ArrowUp"}),o.expect(te()).equals(r),o.expect(l[3].classList.length).equals(u))}),it("Menu Keyboard navigation - focus with Home and End",async function(){const t=n.render(e.jsx(ee,{})),s=d.getMenuItemByRole(t,"menu"),l=d.getAllMenuItemsByRole(t,"menuitem"),i=l[0].dataset.ojMenuItemKey,a=l[3].dataset.ojMenuItemKey;o.expect(s).not.null,"undefined"!=typeof jest&&(await n.waitFor(()=>{o.expect(document.activeElement).equals(s)},{timeout:100}),n.fireEvent.keyDown(s,{key:"End"}),o.expect(te()).equals(a),o.expect(l[3].classList.length).equals(u),n.fireEvent.keyDown(s,{key:"Home"}),o.expect(te()).equals(i),o.expect(l[0].classList.length).equals(u))})})});
+//# sourceMappingURL=Menu.spec.js.map

package/amd/UNSAFE_Menu/__tests__/Menu.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.spec.js","sources":["../../../../src/UNSAFE_Menu/__tests__/Menu.spec.tsx"],"sourcesContent":["import { ComponentProps } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { render, fireEvent, waitFor } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\n\nimport { expect } from 'chai';\nimport { spy } from 'sinon';\n\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { Button } from '../../UNSAFE_Button';\nimport { getClientHints } from '../../utils/PRIVATE_clientHints';\n\nimport { Menu } from '../Menu';\nimport { MenuItem } from '../MenuItem';\nimport { MenuDivider } from '../MenuDivider';\nimport {\n  setObserverConfig,\n  getMenuItemByRole,\n  getAllMenuItemsByRole,\n  getLabel\n} from './menuTestsUtils';\n\nconst MenuSimpleComponent = ({\n  onClose,\n  initialFocus = 'menu'\n}: {\n  onClose?: ComponentProps<typeof Menu>['onClose'];\n  initialFocus?: 'menu' | 'firstItem';\n}) => {\n  const ref = useRef<HTMLButtonElement>(null);\n  return (\n    <RootEnvironmentProvider>\n      <Button ref={ref} label=\"Press me\"></Button>\n      <Menu\n        isOpen={true}\n        anchorRef={ref}\n        accessibleLabel=\"Test menu\"\n        onClose={onClose}\n        initialFocus={initialFocus}>\n        <MenuItem label=\"MenuItem1\"></MenuItem>\n        <MenuItem label=\"MenuItem2\"></MenuItem>\n        <MenuDivider></MenuDivider>\n        <MenuItem label=\"MenuItem3\"></MenuItem>\n        <MenuItem label=\"MenuItem4\"></MenuItem>\n      </Menu>\n    </RootEnvironmentProvider>\n  );\n};\n\nfunction getActiveElementKey() {\n  return (document.activeElement as HTMLElement)?.dataset['ojMenuItemKey'];\n}\n\ndescribe('Test Menu Component', () => {\n  const { deviceType, hoverSupport } = getClientHints();\n\n  const isHybrid = hoverSupport === 'events';\n  const isMobile = deviceType === 'phone';\n\n  const expectedMenuItemClassesLengthOnFocus = isHybrid ? 3 : 4;\n  beforeEach(() => {\n    setObserverConfig();\n  });\n\n  it('Menu container render correctly', async function () {\n    const content = render(<MenuSimpleComponent />);\n\n    const menu = getMenuItemByRole(content, 'menu');\n    const menuItems = getAllMenuItemsByRole(content, 'menuitem');\n    const separators = getAllMenuItemsByRole(content, 'separator');\n\n    expect(menu).not.null;\n    expect(menu.classList.length).equals(2);\n    expect(menu.getAttribute('aria-label')).equals('Test menu');\n\n    expect(menuItems.length).equals(4);\n    expect(separators.length).equals(1);\n  });\n\n  it('onClose called when Escape or Tab are pressed', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuSimpleComponent onClose={onActionDummyFunction} />);\n    const menu = getMenuItemByRole(content, 'menu');\n\n    expect(menu).not.null;\n    if (!isMobile) {\n      fireEvent.keyDown(menu, { key: 'Tab' });\n      fireEvent.keyDown(menu, { key: 'Escape' });\n      expect(onActionDummyFunction.calledTwice).to.be.true;\n    }\n  });\n\n  it('onClose called when clicking outside', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuSimpleComponent onClose={onActionDummyFunction} />);\n\n    const menu = getMenuItemByRole(content, 'menu');\n    const button = getLabel(content, 'Press me');\n\n    expect(menu).not.null;\n\n    if (isMobile) {\n      const modalWrapper = menu.parentElement?.parentElement;\n      if (modalWrapper) {\n        userEvent.click(modalWrapper);\n      }\n    } else {\n      userEvent.click(button);\n    }\n    expect(onActionDummyFunction.called).to.be.true;\n  });\n\n  it('onClose called when item was clicked', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuSimpleComponent onClose={onActionDummyFunction} />);\n    const menu = getMenuItemByRole(content, 'menu');\n    const menuItems = getAllMenuItemsByRole(content, 'menuitem');\n    const menuItem = menuItems[0];\n\n    expect(menu).not.null;\n    fireEvent.click(menuItem);\n    expect(onActionDummyFunction.called).to.be.true;\n  });\n\n  it('onClose called when swipe is done (mobile)', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuSimpleComponent onClose={onActionDummyFunction} />);\n    const menu = getMenuItemByRole(content, 'menu');\n    expect(menu).not.null;\n\n    if (typeof jest === 'undefined') {\n      if (isMobile) {\n        const menuWrapper = menu.parentElement;\n        // Touch objects are created so we can replicate this in fake touch events\n        // This stuff is based on what useSwipe triggers and could change depending on the final decision\n        // on what events to trigger on useSwipe.\n        const touch1 = new Touch({\n          target: menuWrapper as EventTarget,\n          identifier: 0,\n          pageX: 386,\n          pageY: 224\n        });\n        const touch2 = new Touch({\n          target: menuWrapper as EventTarget,\n          identifier: 0,\n          pageX: 389,\n          pageY: 397\n        });\n        if (menuWrapper) {\n          fireEvent.touchStart(menuWrapper, {\n            timeStamp: 10406,\n            currentTarget: menuWrapper,\n            changedTouches: [touch1]\n          });\n          fireEvent.touchEnd(menuWrapper, {\n            timeStamp: 10472,\n            currentTarget: menuWrapper,\n            changedTouches: [touch2]\n          });\n        }\n        expect(onActionDummyFunction.called).to.be.true;\n      }\n    }\n  });\n\n  it('Focus when item is clicked', async function () {\n    const content = render(<MenuSimpleComponent />);\n\n    const menu = getMenuItemByRole(content, 'menu');\n    const menuItems = getAllMenuItemsByRole(content, 'menuitem');\n    const thirdItemKey = menuItems[2].dataset['ojMenuItemKey'];\n\n    expect(menu).not.null;\n\n    if (typeof jest !== 'undefined') {\n      await waitFor(\n        () => {\n          expect(document.activeElement as HTMLElement).equals(menu);\n        },\n        { timeout: 100 }\n      );\n      userEvent.click(menuItems[2]);\n      expect(getActiveElementKey()).equals(thirdItemKey);\n      expect(menuItems[2].classList.length).equals(expectedMenuItemClassesLengthOnFocus - 1);\n    }\n  });\n  it('Focus on firstItem when initialFocus is set as firstItem', async function () {\n    const content = render(<MenuSimpleComponent initialFocus=\"firstItem\" />);\n\n    const menu = getMenuItemByRole(content, 'menu');\n    const menuItems = getAllMenuItemsByRole(content, 'menuitem');\n\n    const firstItemKey = menuItems[0].dataset['ojMenuItemKey'];\n\n    expect(menu).not.null;\n    //TO DO: See how we can have stable tests on Karma/Mocha\n    if (typeof jest !== 'undefined') {\n      expect(getActiveElementKey()).equals(firstItemKey);\n      expect(menuItems[0].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n    }\n  });\n\n  it('Menu Keyboard navigation - focus', async function () {\n    const content = render(<MenuSimpleComponent />);\n\n    const menu = getMenuItemByRole(content, 'menu');\n    const menuItems = getAllMenuItemsByRole(content, 'menuitem');\n\n    const firstItemKey = menuItems[0].dataset['ojMenuItemKey'];\n    const secondItemKey = menuItems[1].dataset['ojMenuItemKey'];\n    const thirdItemKey = menuItems[2].dataset['ojMenuItemKey'];\n    const fourthItemKey = menuItems[3].dataset['ojMenuItemKey'];\n\n    expect(menu).not.null;\n\n    if (typeof jest !== 'undefined') {\n      await waitFor(\n        () => {\n          expect(document.activeElement as HTMLElement).equals(menu);\n        },\n        { timeout: 100 }\n      );\n\n      fireEvent.keyDown(menu, { key: 'ArrowDown' });\n      expect(getActiveElementKey()).equals(firstItemKey);\n      expect(menuItems[0].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n\n      fireEvent.keyDown(menu, { key: 'ArrowDown' });\n      expect(getActiveElementKey()).equals(secondItemKey);\n      expect(menuItems[1].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n\n      fireEvent.keyDown(menu, { key: 'ArrowDown' });\n      expect(getActiveElementKey()).equals(thirdItemKey);\n      expect(menuItems[2].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n\n      fireEvent.keyDown(menu, { key: 'ArrowDown' });\n      expect(getActiveElementKey()).equals(fourthItemKey);\n      expect(menuItems[3].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n\n      fireEvent.keyDown(menu, { key: 'ArrowDown' });\n      expect(getActiveElementKey()).equals(firstItemKey);\n      expect(menuItems[0].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n\n      fireEvent.keyDown(menu, { key: 'ArrowUp' });\n      expect(getActiveElementKey()).equals(fourthItemKey);\n      expect(menuItems[3].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n    }\n  });\n  it('Menu Keyboard navigation - focus with Home and End', async function () {\n    const content = render(<MenuSimpleComponent />);\n\n    const menu = getMenuItemByRole(content, 'menu');\n    const menuItems = getAllMenuItemsByRole(content, 'menuitem');\n\n    const firstItemKey = menuItems[0].dataset['ojMenuItemKey'];\n    const fourthItemKey = menuItems[3].dataset['ojMenuItemKey'];\n\n    expect(menu).not.null;\n    if (typeof jest !== 'undefined') {\n      await waitFor(\n        () => {\n          expect(document.activeElement as HTMLElement).equals(menu);\n        },\n        { timeout: 100 }\n      );\n\n      fireEvent.keyDown(menu, { key: 'End' });\n      expect(getActiveElementKey()).equals(fourthItemKey);\n      expect(menuItems[3].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n\n      fireEvent.keyDown(menu, { key: 'Home' });\n      expect(getActiveElementKey()).equals(firstItemKey);\n      expect(menuItems[0].classList.length).equals(expectedMenuItemClassesLengthOnFocus);\n    }\n  });\n});\n"],"names":["MenuSimpleComponent","onClose","initialFocus","ref","useRef","_jsxs","jsxs","RootEnvironmentProvider","children","_jsx","Button","label","Menu","Object","assign","isOpen","anchorRef","accessibleLabel","jsx","MenuItem","MenuDivider","getActiveElementKey","_a","document","activeElement","dataset","describe","deviceType","hoverSupport","getClientHints","isMobile","expectedMenuItemClassesLengthOnFocus","beforeEach","setObserverConfig","it","async","content","render","menu","getMenuItemByRole","menuItems","getAllMenuItemsByRole","separators","expect","not","null","classList","length","equals","getAttribute","onActionDummyFunction","spy","fireEvent","keyDown","key","calledTwice","to","be","true","button","getLabel","modalWrapper","parentElement","userEvent","click","called","menuItem","jest","menuWrapper","touch1","Touch","target","identifier","pageX","pageY","touch2","touchStart","timeStamp","currentTarget","changedTouches","touchEnd","thirdItemKey","waitFor","timeout","firstItemKey","secondItemKey","fourthItemKey"],"mappings":"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"}

package/amd/UNSAFE_Menu/__tests__/MenuItem.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","@testing-library/user-event","chai","sinon","../../MenuItem-cedf713b","../../menuTestsUtils-c939f04d","preact/hooks","../../UNSAFE_Text","../../Text-a22eae5d","../../tslib.es6-d8595453","css!./../../UNSAFE_Menu.css","../../utils/UNSAFE_mergeInterpolations","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../_curry1-67906f4c","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useId","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_usePress","../../utils/PRIVATE_clientHints","../../clientHints-0d38de57","preact"],function(e,t,n,c,s,u,l,o,r,a,i,m,I,d,p,x,M,b,y,f,g,j,A,_,h,E,N){"use strict";function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R=k(n);describe("Test MenuItem Component",()=>{it("Default MenuItem with just label renders correctly",async function(){const n=t.render(e.jsx(u.MenuItem,{label:"MenuItem1"})),s=l.getMenuItemByRole(n,"menuitem"),o=l.getLabel(n,"MenuItem1"),r=s.getAttribute("disabled"),a=s.getAttribute("tabindex");c.expect(s).not.null,c.expect(o).not.null,c.expect(s.dataset.ojMenuItemKey).not.undefined,c.expect(a).to.equal("-1"),c.expect(r).null}),it("Disabled MenuItem renders correctly",async function(){const n=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",isDisabled:!0})),s=l.getMenuItemByRole(n,"menuitem");c.expect(s).not.null,c.expect(s.getAttribute("aria-disabled")).equals("true")}),it("MenuItem with startIcon renders correctly",async function(){const n=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",startIcon:e.jsx("span",{class:"startIcon"})})),s=l.getMenuItemByRole(n,"menuitem"),o=l.getLabel(n,"MenuItem1"),r=l.getIcon(s,".startIcon");c.expect(s).not.null,c.expect(o).not.null,c.expect(r).not.null}),it("MenuItem with endIcon renders correctly",async function(){const n=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",endIcon:e.jsx("span",{class:"endIcon"})})),s=l.getMenuItemByRole(n,"menuitem"),o=l.getLabel(n,"MenuItem1"),r=l.getIcon(s,".endIcon");c.expect(s).not.null,c.expect(o).not.null,c.expect(r).not.null}),it("MenuItem with startIcon and endIcon renders correctly",async function(){const n=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",startIcon:e.jsx("span",{class:"startIcon"}),endIcon:e.jsx("span",{class:"endIcon"})})),s=l.getMenuItemByRole(n,"menuitem"),o=l.getLabel(n,"MenuItem1"),r=l.getIcon(s,".startIcon"),a=l.getIcon(s,".endIcon");c.expect(s).not.null,c.expect(o).not.null,c.expect(r).not.null,c.expect(a).not.null}),it("click MenuItem",async function(){const n=s.spy(),o=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",onAction:n})),r=l.getMenuItemByRole(o,"menuitem");c.expect(r).not.null,t.fireEvent.click(r),c.expect(n.calledOnce).to.be.true}),it("enter MenuItem",async function(){const n=s.spy(),o=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",onAction:n})),r=l.getMenuItemByRole(o,"menuitem");c.expect(r).not.null,r.focus(),R.default.keyboard("{enter}"),c.expect(n.calledOnce).to.be.true}),it("space MenuItem",async function(){const n=s.spy(),o=t.render(e.jsx(u.MenuItem,{label:"MenuItem1",onAction:n})),r=l.getMenuItemByRole(o,"menuitem");c.expect(r).not.null,r.focus(),R.default.keyboard("{space}"),c.expect(n.calledOnce).to.be.true})})});
+//# sourceMappingURL=MenuItem.spec.js.map

package/amd/UNSAFE_Menu/__tests__/MenuItem.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.spec.js","sources":["../../../../src/UNSAFE_Menu/__tests__/MenuItem.spec.tsx"],"sourcesContent":["import { render, fireEvent } from '@testing-library/preact';\nimport userEvent from '@testing-library/user-event';\n\nimport { expect } from 'chai';\nimport { spy } from 'sinon';\n\nimport { MenuItem } from '../MenuItem';\nimport { getIcon, getMenuItemByRole, getLabel } from './menuTestsUtils';\n\ndescribe('Test MenuItem Component', () => {\n  it('Default MenuItem with just label renders correctly', async function () {\n    const content = render(<MenuItem label=\"MenuItem1\" />);\n\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n    const label = getLabel(content, 'MenuItem1');\n\n    const disabled = menuItem.getAttribute('disabled');\n    const tabindex = menuItem.getAttribute('tabindex');\n\n    expect(menuItem).not.null;\n    expect(label).not.null;\n    expect(menuItem.dataset['ojMenuItemKey']).not.undefined;\n    expect(tabindex).to.equal('-1');\n    expect(disabled).null;\n  });\n\n  it('Disabled MenuItem renders correctly', async function () {\n    const content = render(<MenuItem label=\"MenuItem1\" isDisabled />);\n\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n\n    expect(menuItem).not.null;\n    expect(menuItem.getAttribute('aria-disabled')).equals('true');\n  });\n\n  it('MenuItem with startIcon renders correctly', async function () {\n    const content = render(\n      <MenuItem label=\"MenuItem1\" startIcon={<span class=\"startIcon\"></span>} />\n    );\n\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n    const label = getLabel(content, 'MenuItem1');\n    const startIcon = getIcon(menuItem, '.startIcon');\n\n    expect(menuItem).not.null;\n    expect(label).not.null;\n    expect(startIcon).not.null;\n  });\n\n  it('MenuItem with endIcon renders correctly', async function () {\n    const content = render(<MenuItem label=\"MenuItem1\" endIcon={<span class=\"endIcon\"></span>} />);\n\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n    const label = getLabel(content, 'MenuItem1');\n    const endIcon = getIcon(menuItem, '.endIcon');\n\n    expect(menuItem).not.null;\n    expect(label).not.null;\n    expect(endIcon).not.null;\n  });\n\n  it('MenuItem with startIcon and endIcon renders correctly', async function () {\n    const content = render(\n      <MenuItem\n        label=\"MenuItem1\"\n        startIcon={<span class=\"startIcon\"></span>}\n        endIcon={<span class=\"endIcon\"></span>}\n      />\n    );\n\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n    const label = getLabel(content, 'MenuItem1');\n    const startIcon = getIcon(menuItem, '.startIcon');\n    const endIcon = getIcon(menuItem, '.endIcon');\n\n    expect(menuItem).not.null;\n    expect(label).not.null;\n    expect(startIcon).not.null;\n    expect(endIcon).not.null;\n  });\n\n  it('click MenuItem', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuItem label=\"MenuItem1\" onAction={onActionDummyFunction} />);\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n\n    expect(menuItem).not.null;\n    fireEvent.click(menuItem);\n    expect(onActionDummyFunction.calledOnce).to.be.true;\n  });\n\n  it('enter MenuItem', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuItem label=\"MenuItem1\" onAction={onActionDummyFunction} />);\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n\n    expect(menuItem).not.null;\n    menuItem.focus();\n    userEvent.keyboard('{enter}');\n    expect(onActionDummyFunction.calledOnce).to.be.true;\n  });\n\n  it('space MenuItem', async function () {\n    const onActionDummyFunction = spy();\n    const content = render(<MenuItem label=\"MenuItem1\" onAction={onActionDummyFunction} />);\n    const menuItem = getMenuItemByRole(content, 'menuitem');\n\n    expect(menuItem).not.null;\n    menuItem.focus();\n    userEvent.keyboard('{space}');\n    expect(onActionDummyFunction.calledOnce).to.be.true;\n  });\n});\n"],"names":["describe","it","async","content","render","_jsx","MenuItem","label","menuItem","getMenuItemByRole","getLabel","disabled","getAttribute","tabindex","expect","not","null","dataset","undefined","to","equal","isDisabled","equals","startIcon","class","getIcon","endIcon","jsx","onActionDummyFunction","spy","onAction","fireEvent","click","calledOnce","be","true","focus","userEvent","keyboard"],"mappings":"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"}

package/amd/UNSAFE_Menu/__tests__/SelectMenuItem.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","@testing-library/preact","chai","../../SelectMenuItem-21d5937f","../../menuTestsUtils-c939f04d","preact/hooks","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../tslib.es6-d8595453","preact","css!./../../UNSAFE_Menu.css","../../utils/UNSAFE_size","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useId","../../UNSAFE_Floating","../../Floating-2dad3061","preact/compat","../../index-8215ac99","../../hooks/UNSAFE_useUser","../../UNSAFE_Environment","../../UNSAFE_Layer","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../utils/UNSAFE_arrayUtils","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../utils/UNSAFE_mergeProps","../../hooks/UNSAFE_useAnimation","../../useAnimation-72dcd02d","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","../../hooks/UNSAFE_useTheme","../../MenuItem-cedf713b","../../UNSAFE_Text","../../Text-a22eae5d","../../utils/UNSAFE_mergeInterpolations","../../_curry1-67906f4c","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../hooks/UNSAFE_usePress","../../utils/PRIVATE_clientHints","../../clientHints-0d38de57"],function(e,t,n,s,u,o,l,i,c,a,r,d,m,I,A,_,S,U,E,F,N,b,p,x,f,h,M,g,y,k,T,j,R,v,P,B,D,H,L,V,q,w,C,z,K,O,G,J){"use strict";describe("Test SelectMenuItem Component",()=>{it("Default MenuItem with just label renders correctly",async function(){const o=t.render(e.jsx(s.SelectMenuItem,{value:"menuItem1",label:"MenuItem1"})),l=u.getMenuItemByRole(o,"menuitemradio"),i=u.getLabel(o,"MenuItem1"),c=l.getAttribute("aria-disabled"),a=l.getAttribute("tabindex");n.expect(l).not.null,n.expect(i).not.null,n.expect(l.dataset.ojMenuItemKey).not.undefined,n.expect(a).to.equal("-1"),n.expect(c).null}),it("Disabled MenuItem renders correctly",async function(){const o=t.render(e.jsx(s.SelectMenuItem,{value:"menuItem1",label:"MenuItem1",isDisabled:!0})),l=u.getMenuItemByRole(o,"menuitemradio");n.expect(l).not.null,n.expect(l.getAttribute("aria-disabled")).equals("true")}),it("MenuItem with endIcon renders correctly",async function(){const o=t.render(e.jsx(s.SelectMenuItem,{value:"menuItem1",label:"MenuItem1",endIcon:e.jsx("span",{class:"endIcon"})})),l=u.getMenuItemByRole(o,"menuitemradio"),i=u.getLabel(o,"MenuItem1"),c=u.getIcon(l,".endIcon");n.expect(l).not.null,n.expect(i).not.null,n.expect(c).not.null})})});
+//# sourceMappingURL=SelectMenuItem.spec.js.map

package/amd/UNSAFE_Menu/__tests__/SelectMenuItem.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem.spec.js","sources":["../../../../src/UNSAFE_Menu/__tests__/SelectMenuItem.spec.tsx"],"sourcesContent":["import { render } from '@testing-library/preact';\n\nimport { expect } from 'chai';\n\nimport { SelectMenuItem } from '../SelectMenuItem';\nimport { getIcon, getMenuItemByRole, getLabel } from './menuTestsUtils';\n\ndescribe('Test SelectMenuItem Component', () => {\n  it('Default MenuItem with just label renders correctly', async function () {\n    const content = render(<SelectMenuItem value=\"menuItem1\" label=\"MenuItem1\" />);\n\n    const menuItem = getMenuItemByRole(content, 'menuitemradio');\n    const label = getLabel(content, 'MenuItem1');\n\n    const disabled = menuItem.getAttribute('aria-disabled');\n    const tabindex = menuItem.getAttribute('tabindex');\n\n    expect(menuItem).not.null;\n    expect(label).not.null;\n    expect(menuItem.dataset['ojMenuItemKey']).not.undefined;\n    expect(tabindex).to.equal('-1');\n    expect(disabled).null;\n  });\n\n  it('Disabled MenuItem renders correctly', async function () {\n    const content = render(<SelectMenuItem value=\"menuItem1\" label=\"MenuItem1\" isDisabled />);\n\n    const menuItem = getMenuItemByRole(content, 'menuitemradio');\n\n    expect(menuItem).not.null;\n    expect(menuItem.getAttribute('aria-disabled')).equals('true');\n  });\n\n  it('MenuItem with endIcon renders correctly', async function () {\n    const content = render(\n      <SelectMenuItem value=\"menuItem1\" label=\"MenuItem1\" endIcon={<span class=\"endIcon\"></span>} />\n    );\n\n    const menuItem = getMenuItemByRole(content, 'menuitemradio');\n    const label = getLabel(content, 'MenuItem1');\n    const endIcon = getIcon(menuItem, '.endIcon');\n\n    expect(menuItem).not.null;\n    expect(label).not.null;\n    expect(endIcon).not.null;\n  });\n});\n"],"names":["describe","it","async","content","render","_jsx","jsx","SelectMenuItem","value","label","menuItem","getMenuItemByRole","getLabel","disabled","getAttribute","tabindex","expect","not","null","dataset","undefined","to","equal","isDisabled","equals","endIcon","class","getIcon"],"mappings":"42CAOAA,SAAS,gCAAiC,KACxCC,GAAG,qDAAsDC,iBACvD,MAAMC,EAAUC,EAAAA,OAAOC,EAAAC,IAACC,iBAAe,CAAAC,MAAM,YAAYC,MAAM,eAEzDC,EAAWC,EAAAA,kBAAkBR,EAAS,iBACtCM,EAAQG,EAAAA,SAAST,EAAS,aAE1BU,EAAWH,EAASI,aAAa,iBACjCC,EAAWL,EAASI,aAAa,YAEvCE,EAAAA,OAAON,GAAUO,IAAIC,KACrBF,EAAAA,OAAOP,GAAOQ,IAAIC,KAClBF,EAAMA,OAACN,EAASS,QAAuB,eAAGF,IAAIG,UAC9CJ,EAAAA,OAAOD,GAAUM,GAAGC,MAAM,MAC1BN,SAAOH,GAAUK,OAGnBjB,GAAG,sCAAuCC,iBACxC,MAAMC,EAAUC,EAAMA,OAACC,MAACE,EAAAA,gBAAeC,MAAM,YAAYC,MAAM,YAAYc,YAAU,KAE/Eb,EAAWC,EAAAA,kBAAkBR,EAAS,iBAE5Ca,EAAAA,OAAON,GAAUO,IAAIC,KACrBF,EAAMA,OAACN,EAASI,aAAa,kBAAkBU,OAAO,UAGxDvB,GAAG,0CAA2CC,iBAC5C,MAAMC,EAAUC,EAAAA,OACdC,EAAAC,IAACC,EAAcA,eAAC,CAAAC,MAAM,YAAYC,MAAM,YAAYgB,QAASpB,EAAMC,IAAA,OAAA,CAAAoB,MAAM,eAGrEhB,EAAWC,EAAAA,kBAAkBR,EAAS,iBACtCM,EAAQG,EAAAA,SAAST,EAAS,aAC1BsB,EAAUE,EAAAA,QAAQjB,EAAU,YAElCM,EAAAA,OAAON,GAAUO,IAAIC,KACrBF,EAAAA,OAAOP,GAAOQ,IAAIC,KAClBF,EAAAA,OAAOS,GAASR,IAAIC"}

package/amd/UNSAFE_Menu/__tests__/SelectMultipleMenuGroup.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","chai","sinon","../../UNSAFE_Button","../../Menu-cb21d7c2","../../SelectMenuItem-21d5937f","../../UNSAFE_Environment","../../menuTestsUtils-c939f04d","../../Button-47193722","../../UNSAFE_BaseButton","../../BaseButton-1b45961f","../../tslib.es6-d8595453","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","preact/compat","css!./../../UNSAFE_Menu.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../utils/PRIVATE_clientHints","../../clientHints-0d38de57","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../UNSAFE_Layer","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../hooks/UNSAFE_useUser","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/PRIVATE_useCollectionFocusRing","../../MenuItem-cedf713b","../../UNSAFE_Text","../../Text-a22eae5d","../../hooks/UNSAFE_useId","../../useModal-221efa6e","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-72dcd02d","../../hooks/UNSAFE_useTheme"],function(e,t,n,l,c,s,i,u,o,a,r,x,d,g,p,m,h,A,b,f,k,E,S,I,_,v,U,F,N,M,y,j,B,R,T,q,C,P,V,O,G,w,H,z,L,W,D,J,K,Q,X,Y,Z,$,ee,te,ne,le,ce){"use strict";function se({value:t,onCommit:n,children:l}){return e.jsx(u.SelectMenuGroupContext.Provider,Object.assign({value:{isMultiple:!0,value:t,onCommit:n}},{children:l}))}const ie=({initialValue:n,onCommit:l})=>{const[c,s]=t.useState(n),a=t.useRef(null);return e.jsx(e.Fragment,{children:e.jsxs(o.RootEnvironmentProvider,{children:[e.jsx(r.Button,{ref:a,label:"Text Wrapping"}),e.jsx(i.Menu,Object.assign({isOpen:!0,anchorRef:a},{children:e.jsxs(se,Object.assign({value:c,onCommit:l||(({value:e})=>{s(e)})},{children:[e.jsx(u.SelectMenuItem,{value:"bold",label:"Bold"}),e.jsx(u.SelectMenuItem,{value:"italics",label:"Italics"}),e.jsx(u.SelectMenuItem,{value:"underline",label:"Undeline"})]}))}))]})})};describe("Test Menu Component",()=>{beforeEach(()=>{a.setObserverConfig()}),it("onCommit called when selecting item",async function(){const t=c.spy(),s=n.render(e.jsx(ie,{onCommit:t})),i=a.getAllMenuItemsByRole(s,"menuitemcheckbox");n.fireEvent.click(i[0]),l.expect(t.calledOnce).to.be.true}),it("Initial SelectMultipleMenuGroup render without value",async function(){const t=n.render(e.jsx(ie,{})),c=a.getAllMenuItemsByRole(t,"menuitemcheckbox"),s=c[0],i=c[1],u=c[2];l.expect(s).not.null,l.expect(s.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(s,"svg")).null,l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(i,"svg")).null,l.expect(u).not.null,l.expect(u.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(u,"svg")).null}),it("Initial SelectMultipleMenuGroup render with value",async function(){const t=n.render(e.jsx(ie,{initialValue:["bold"]})),c=a.getAllMenuItemsByRole(t,"menuitemcheckbox"),s=c[0],i=c[1],u=c[2];l.expect(s).not.null,l.expect(s.getAttribute("aria-checked")).equals("true"),l.expect(a.getIcon(s,"svg")).not.null,l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(i,"svg")).null,l.expect(u).not.null,l.expect(u.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(u,"svg")).null}),it("SelectMultipleMenuGroup changes if selected item is selected again",async function(){const t=n.render(e.jsx(ie,{initialValue:["bold"]})),c=a.getAllMenuItemsByRole(t,"menuitemcheckbox");n.fireEvent.click(c[0]);const s=a.getAllMenuItemsByRole(t,"menuitemcheckbox"),i=s[0],u=s[1],o=s[2];l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(i,"svg")).null,l.expect(u).not.null,l.expect(u.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(u,"svg")).null,l.expect(o).not.null,l.expect(o.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(o,"svg")).null}),it("SelectMultipleMenuGroup selected item changes when selecting it",async function(){const t=n.render(e.jsx(ie,{initialValue:["bold"]})),c=a.getAllMenuItemsByRole(t,"menuitemcheckbox");n.fireEvent.click(c[1]);const s=a.getAllMenuItemsByRole(t,"menuitemcheckbox"),i=s[0],u=s[1],o=s[2];l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("true"),l.expect(a.getIcon(i,"svg")).not.null,l.expect(u).not.null,l.expect(u.getAttribute("aria-checked")).equals("true"),l.expect(a.getIcon(u,"svg")).not.null,l.expect(o).not.null,l.expect(o.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(o,"svg")).null})})});
+//# sourceMappingURL=SelectMultipleMenuGroup.spec.js.map

package/amd/UNSAFE_Menu/__tests__/SelectMultipleMenuGroup.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMultipleMenuGroup.spec.js","sources":["../../../../src/UNSAFE_Menu/SelectMultipleMenuGroup.tsx","../../../../src/UNSAFE_Menu/__tests__/SelectMultipleMenuGroup.spec.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\n\nimport { MenuValueUpdateDetail } from './menuUtils';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\ntype SelectMultipleMenuGroupProps = {\n  children: ComponentChildren;\n  value?: string[];\n  onCommit?: (detail: MenuValueUpdateDetail<string[]>) => void;\n};\n\nexport function SelectMultipleMenuGroup({\n  value,\n  onCommit,\n  children\n}: SelectMultipleMenuGroupProps) {\n  return (\n    <SelectMenuGroupContext.Provider value={{ isMultiple: true, value, onCommit }}>\n      {children}\n    </SelectMenuGroupContext.Provider>\n  );\n}\n","import { useState, useRef } from 'preact/hooks';\nimport { render, fireEvent } from '@testing-library/preact';\n\nimport { expect } from 'chai';\nimport { spy } from 'sinon';\n\nimport { Button } from '../../UNSAFE_Button';\n\nimport { Menu } from '../Menu';\nimport { SelectMenuItem } from '../SelectMenuItem';\nimport { SelectMultipleMenuGroup } from '../SelectMultipleMenuGroup';\nimport { RootEnvironmentProvider } from '../../UNSAFE_Environment';\nimport { MenuValueUpdateDetail } from '../menuUtils';\nimport { getIcon, setObserverConfig, getAllMenuItemsByRole } from './menuTestsUtils';\n\nconst SelectMenu = ({\n  initialValue,\n  onCommit\n}: {\n  initialValue?: string[];\n  onCommit?: (detail: MenuValueUpdateDetail<string[]>) => void;\n}) => {\n  const [selectMultipleValue, setSelectMultipleValue] = useState(initialValue);\n\n  const handleCommit = ({ value }: MenuValueUpdateDetail<string[]>) => {\n    setSelectMultipleValue(value);\n  };\n\n  const ref = useRef(null);\n\n  return (\n    <>\n      <RootEnvironmentProvider>\n        <Button ref={ref} label=\"Text Wrapping\" />\n        <Menu isOpen={true} anchorRef={ref}>\n          <SelectMultipleMenuGroup value={selectMultipleValue} onCommit={onCommit || handleCommit}>\n            <SelectMenuItem value=\"bold\" label=\"Bold\"></SelectMenuItem>\n            <SelectMenuItem value=\"italics\" label=\"Italics\"></SelectMenuItem>\n            <SelectMenuItem value=\"underline\" label=\"Undeline\"></SelectMenuItem>\n          </SelectMultipleMenuGroup>\n        </Menu>\n      </RootEnvironmentProvider>\n    </>\n  );\n};\n\ndescribe('Test Menu Component', () => {\n  beforeEach(() => {\n    setObserverConfig();\n  });\n\n  it('onCommit called when selecting item', async function () {\n    const dummyFunc = spy();\n    const content = render(<SelectMenu onCommit={dummyFunc} />);\n    const menuItems = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n    fireEvent.click(menuItems[0]);\n\n    expect(dummyFunc.calledOnce).to.be.true;\n  });\n\n  it('Initial SelectMultipleMenuGroup render without value', async function () {\n    const content = render(<SelectMenu />);\n    const menuItems = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n\n    const firstItem = menuItems[0];\n    const secondItem = menuItems[1];\n    const thirdItem = menuItems[2];\n\n    expect(firstItem).not.null;\n    expect(firstItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(firstItem, 'svg')).null;\n\n    expect(secondItem).not.null;\n    expect(secondItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(secondItem, 'svg')).null;\n\n    expect(thirdItem).not.null;\n    expect(thirdItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(thirdItem, 'svg')).null;\n  });\n\n  it('Initial SelectMultipleMenuGroup render with value', async function () {\n    const content = render(<SelectMenu initialValue={['bold']} />);\n    const menuItems = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n\n    const firstItem = menuItems[0];\n    const secondItem = menuItems[1];\n    const thirdItem = menuItems[2];\n\n    expect(firstItem).not.null;\n    expect(firstItem.getAttribute('aria-checked')).equals('true');\n    expect(getIcon(firstItem, 'svg')).not.null;\n\n    expect(secondItem).not.null;\n    expect(secondItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(secondItem, 'svg')).null;\n\n    expect(thirdItem).not.null;\n    expect(thirdItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(thirdItem, 'svg')).null;\n  });\n\n  it('SelectMultipleMenuGroup changes if selected item is selected again', async function () {\n    const content = render(<SelectMenu initialValue={['bold']} />);\n\n    const menuItems = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n    fireEvent.click(menuItems[0]);\n\n    const menuItemsAfterClick = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n\n    const firstItem = menuItemsAfterClick[0];\n    const secondItem = menuItemsAfterClick[1];\n    const thirdItem = menuItemsAfterClick[2];\n\n    expect(firstItem).not.null;\n    expect(firstItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(firstItem, 'svg')).null;\n\n    expect(secondItem).not.null;\n    expect(secondItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(secondItem, 'svg')).null;\n\n    expect(thirdItem).not.null;\n    expect(thirdItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(thirdItem, 'svg')).null;\n  });\n\n  it('SelectMultipleMenuGroup selected item changes when selecting it', async function () {\n    const content = render(<SelectMenu initialValue={['bold']} />);\n\n    const menuItems = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n    fireEvent.click(menuItems[1]);\n\n    const menuItemsAfterClick = getAllMenuItemsByRole(content, 'menuitemcheckbox');\n\n    const firstItem = menuItemsAfterClick[0];\n    const secondItem = menuItemsAfterClick[1];\n    const thirdItem = menuItemsAfterClick[2];\n\n    expect(firstItem).not.null;\n    expect(firstItem.getAttribute('aria-checked')).equals('true');\n    expect(getIcon(firstItem, 'svg')).not.null;\n\n    expect(secondItem).not.null;\n    expect(secondItem.getAttribute('aria-checked')).equals('true');\n    expect(getIcon(secondItem, 'svg')).not.null;\n\n    expect(thirdItem).not.null;\n    expect(thirdItem.getAttribute('aria-checked')).equals('false');\n    expect(getIcon(thirdItem, 'svg')).null;\n  });\n});\n"],"names":["SelectMultipleMenuGroup","value","onCommit","children","_jsx","SelectMenuGroupContext","Provider","Object","assign","isMultiple","SelectMenu","initialValue","selectMultipleValue","setSelectMultipleValue","useState","ref","useRef","_Fragment","_jsxs","jsxs","RootEnvironmentProvider","Button","label","Menu","isOpen","anchorRef","jsx","SelectMenuItem","describe","beforeEach","setObserverConfig","it","async","dummyFunc","spy","content","render","menuItems","getAllMenuItemsByRole","fireEvent","click","expect","calledOnce","to","be","true","firstItem","secondItem","thirdItem","not","null","getAttribute","equals","getIcon","menuItemsAfterClick"],"mappings":"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"}

package/amd/UNSAFE_Menu/__tests__/SelectSingleMenuGroup.spec.js

@@ -0,0 +1,2 @@
+define(["preact/jsx-runtime","preact/hooks","@testing-library/preact","chai","sinon","../../UNSAFE_Button","../../Menu-cb21d7c2","../../SelectMenuItem-21d5937f","../../UNSAFE_Environment","../../menuTestsUtils-c939f04d","../../Button-47193722","../../UNSAFE_BaseButton","../../BaseButton-1b45961f","../../tslib.es6-d8595453","../../hooks/UNSAFE_usePress","../../hooks/UNSAFE_useHover","../../hooks/UNSAFE_useToggle","../../hooks/UNSAFE_useActive","../../utils/UNSAFE_classNames","../../classNames-b7cf3c05","preact/compat","css!./../../UNSAFE_Menu.css","../../utils/UNSAFE_interpolations/dimensions","../../utils/UNSAFE_arrayUtils","../../utils/UNSAFE_size","../../_curry1-67906f4c","../../utils/UNSAFE_mergeInterpolations","../../_curry3-9a7f6d78","../../_curry2-fc31d1f8","../../_has-83207242","../../utils/PRIVATE_clientHints","../../clientHints-0d38de57","../../hooks/UNSAFE_useTabbableMode","preact","../../utils/UNSAFE_mergeProps","../../UNSAFE_Layer","../../UNSAFE_Floating","../../Floating-2dad3061","../../index-8215ac99","../../hooks/UNSAFE_useUser","../../utils/PRIVATE_floatingUtils","../../utils/PRIVATE_refUtils","../../hooks/UNSAFE_useOutsideClick","../../hooks/PRIVATE_useCollectionFocusRing","../../MenuItem-cedf713b","../../UNSAFE_Text","../../Text-a22eae5d","../../hooks/UNSAFE_useId","../../useModal-221efa6e","../../index-922123b9","../../index-bd5b8cf5","../../UNSAFE_Icon","../../Icon-497347c9","../../hooks/UNSAFE_useTooltip","../../hooks/UNSAFE_useFocus","../../hooks/UNSAFE_useTouch","../../hooks/UNSAFE_useAnimation","../../useAnimation-72dcd02d","../../hooks/UNSAFE_useTheme"],function(e,t,n,l,s,c,i,o,u,a,r,g,d,p,x,m,A,h,f,S,v,E,b,I,_,k,F,U,N,M,y,j,R,B,T,q,C,w,O,P,V,G,H,W,z,L,D,J,K,Q,X,Y,Z,$,ee,te,ne,le,se){"use strict";function ce({value:t,onCommit:n,children:l}){return e.jsx(o.SelectMenuGroupContext.Provider,Object.assign({value:{isMultiple:!1,value:t,onCommit:n}},{children:l}))}const ie=({initialValue:n,onCommit:l})=>{const[s,c]=t.useState(n),a=t.useRef(null);return e.jsx(e.Fragment,{children:e.jsxs(u.RootEnvironmentProvider,{children:[e.jsx(r.Button,{ref:a,label:"Text Wrapping"}),e.jsx(i.Menu,Object.assign({isOpen:!0,anchorRef:a},{children:e.jsxs(ce,Object.assign({value:s,onCommit:l||(({value:e})=>{c(e)})},{children:[e.jsx(o.SelectMenuItem,{value:"overflow",label:"Overflow"}),e.jsx(o.SelectMenuItem,{value:"wrap",label:"Wrap"}),e.jsx(o.SelectMenuItem,{value:"clip",label:"Clip"})]}))}))]})})};describe("Test Menu Component",()=>{beforeEach(()=>{a.setObserverConfig()}),it("onCommit called when selecting item",async function(){const t=s.spy(),c=n.render(e.jsx(ie,{onCommit:t})),i=a.getAllMenuItemsByRole(c,"menuitemradio");n.fireEvent.click(i[0]),l.expect(t.calledOnce).to.be.true}),it("Initial SelectSingleMenuGroup render without value",async function(){const t=n.render(e.jsx(ie,{})),s=a.getAllMenuItemsByRole(t,"menuitemradio"),c=s[0],i=s[1],o=s[2];l.expect(c).not.null,l.expect(c.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(c,"svg")).null,l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(i,"svg")).null,l.expect(o).not.null,l.expect(o.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(o,"svg")).null}),it("Initial SelectSingleMenuGroup render with value",async function(){const t=n.render(e.jsx(ie,{initialValue:"overflow"})),s=a.getAllMenuItemsByRole(t,"menuitemradio"),c=s[0],i=s[1],o=s[2];l.expect(c).not.null,l.expect(c.getAttribute("aria-checked")).equals("true"),l.expect(a.getIcon(c,"svg")).not.null,l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(i,"svg")).null,l.expect(o).not.null,l.expect(o.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(o,"svg")).null}),it("SelectSingleMenuGroup remains the same if selected item is selected again",async function(){const t=n.render(e.jsx(ie,{initialValue:"overflow"})),s=a.getAllMenuItemsByRole(t,"menuitemradio");n.fireEvent.click(s[0]);const c=a.getAllMenuItemsByRole(t,"menuitemradio"),i=c[0],o=c[1],u=c[2];l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("true"),l.expect(a.getIcon(i,"svg")).not.null,l.expect(o).not.null,l.expect(o.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(o,"svg")).null,l.expect(u).not.null,l.expect(u.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(u,"svg")).null}),it("SelectSingleMenuGroup selected item changes when selecting it",async function(){const t=n.render(e.jsx(ie,{initialValue:"overflow"})),s=a.getAllMenuItemsByRole(t,"menuitemradio");n.fireEvent.click(s[1]);const c=a.getAllMenuItemsByRole(t,"menuitemradio"),i=c[0],o=c[1],u=c[2];l.expect(i).not.null,l.expect(i.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(i,"svg")).null,l.expect(o).not.null,l.expect(o.getAttribute("aria-checked")).equals("true"),l.expect(a.getIcon(o,"svg")).not.null,l.expect(u).not.null,l.expect(u.getAttribute("aria-checked")).equals("false"),l.expect(a.getIcon(u,"svg")).null})})});
+//# sourceMappingURL=SelectSingleMenuGroup.spec.js.map