@oracle/oraclejet-preact 14.0.7 → 14.0.9

package/amd/UNSAFE_Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx","../../src/UNSAFE_Label/index.ts"],"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","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { Label } from './Label';\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","Label","forId","isDisabled","useFormFieldContext"],"mappings":";;;IAMA,MAAAA,WAAA,GAAA;YAAA,aAAA;iBAAA,mBAAA;eAAA,iBAAA;kBAAA,kBAAA;mCAAA,mCAAA;sCAAA,uCAAA;yBAAA,2BAAA;iCAAA,gCAAA;sBAAA,uBAAA;qBAAA,uBAAA;mBAAA,oBAAA;qBAAA,uBAAA;;IAAA,CAAA,CAAA;;IAmGA,MAAAC,WAAA,GAAAC,EAAA,IAAA;MAAqB,IAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAAC,IAAAA,OAAA,GAAA,QAAA;IAAA,GAAA,GAAAL,EAAA;IAAA,MAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;MAQnB,MAAA;QAAAQ,YAAA;IAAAC,IAAAA,UAAA,EAAAC,cAAA;IAAAC,IAAAA,aAAAA;IAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;IAEA,EAAA,MAAAC,aAAA,GAAAR,OAAA,KAAA,QAAA,IAAAA,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAAA,0BAGQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAiB,qGAIIjB,WAAA,CAAAkB,iCACJ,CAAAd,QAAA,IAAAJ,WAAA,CAAAmB,kGAEA,CAAAf,QAAA,IAAAE,SAAA,IAAAN,WAAA,CAAAoB,uDAEA,CAAAf,QAAA,IACE,CAAAD,QADF,KAEEG,OAAA,KAAA,aAAA,IAAAA,OAAA,KAAA,eAFF,2BAbR,gDAoBQP,WAAA,CAAAgB,MACAhB,WAAA,CAAAqB,WACAR,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,sDAIAtB,WAAA,CAAAgB,MACAhB,WAAA,CAAAuB,SACAV,aAAA,KAAA,UAAA,IAAAb,WAAA,CAAAsB,oBA5BR,CAVF;;;MA2CE,OAAAE,cAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAlB,KAAA,EAAA;IAAAmB,IAAAA,KAAA,EAAAZ,aAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IACF,CA5CA,CAAA;;AAiEAa,UAAAA,KAAA,GAAA1B,EAAA,IAAA;MAAsB,IAAA;IAAA2B,IAAAA,KAAAA;IAAA,GAAA,GAAA3B,EAAA;UAAAM,KAAA,GAAAC,gBAAA,CAAAP,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;MACpB,MAAA;QAAAC,QAAA;QAAA2B,UAAA;QAAAxB,SAAA;IAAAK,IAAAA,UAAAA;IAAA,GAAA,GAAAoB,oDAAA,EAAA,CAAA;;;;;;;;IAWF;;ICtLA;;;;;;IAMG;;;;;;;;;;;;;"}
+{"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,sBAAA,qCAAA,wCAAA,6BAAA,qCAAA,0BAAA,yBAAA,qBAAA,wBAAA,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,10 +1,9 @@
-.base-1xr09xq{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-.start-utougy{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-.top-11x8h6w{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);}
-.topPureReadonly-5ne017{padding-block-end:0;}
-.base-601o82{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%;}
-.start-rhnwa2{display:inline-flex;align-items:center;}
-.startNotPureReadonly-qilkwo{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-.noWrap-1uqn69e{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.valueSlotStyles-qer7bm{flex:1 1 100%;width:100%;max-width:100%;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MYWJlbFZhbHVlTGF5b3V0L0xhYmVsVmFsdWVMYXlvdXQudHN4Il0sIm5hbWVzIjpbIi5iYXNlLTF4cjA5eHEiLCIuc3RhcnQtdXRvdWd5IiwiLnRvcC0xMXg4aDZ3IiwiLnRvcFB1cmVSZWFkb25seS01bmUwMTciLCIuYmFzZS02MDFvODIiLCIuc3RhcnQtcmhud2EyIiwiLnN0YXJ0Tm90UHVyZVJlYWRvbmx5LXFpbGt3byIsIi5ub1dyYXAtMXVxbjY5ZSIsIi52YWx1ZVNsb3RTdHlsZXMtcWVyN2JtIl0sIm1hcHBpbmdzIjoiQUFRSUE7QUFNQUM7QUFHQUM7QUFNQUM7QUFNQUM7QUFPQUM7QUFJQUM7QUFJQUM7QUFPRUMiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX0xhYmVsVmFsdWVMYXlvdXQvTGFiZWxWYWx1ZUxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9VTlNBRkVfRmxleCc7XG5pbXBvcnQgeyB1c2VGb3JtQ29udGV4dCB9IGZyb20gJy4uL2hvb2tzL1VOU0FGRV91c2VGb3JtQ29udGV4dCc7XG5pbXBvcnQgeyB1c2VGb3JtRmllbGRDb250ZXh0IH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZUZvcm1GaWVsZENvbnRleHQnO1xuaW1wb3J0IHsgc2l6ZVRvQ1NTIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX3NpemUnO1xuY29uc3QgbGFiZWxTbG90U3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgIGZsZXhHcm93OiAnMCcsXG4gICAgICAgIGZsZXhTaHJpbms6ICcxJyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCdcbiAgICB9fWAsXG4gICAgc3RhcnQ6IGNzcyBgJHt7XG4gICAgICAgIHBhZGRpbmdJbmxpbmVFbmQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1mb3JtLWxheW91dC1zdGFydC1lZGdlLWxhYmVsLXRvLXZhbHVlLXBhZGRpbmcpJ1xuICAgIH19YCxcbiAgICB0b3A6IGNzcyBgJHt7XG4gICAgICAgIGZsZXhCYXNpczogJzEwMCUnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgICBwYWRkaW5nQmxvY2tFbmQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1mb3JtLWxheW91dC10b3AtZWRnZS1sYWJlbC10by12YWx1ZS1wYWRkaW5nKSdcbiAgICB9fWAsXG4gICAgdG9wUHVyZVJlYWRvbmx5OiBjc3MgYCR7e1xuICAgICAgICBwYWRkaW5nQmxvY2tFbmQ6IDBcbiAgICB9fWBcbn07XG5jb25zdCBsYWJlbElubmVyU3R5bGVzID0ge1xuICAgIC8vIGJhc2UgaXMgbGFiZWxFZGdlICd0b3AnXG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgICAgY29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1sYWJlbC1jb2xvciknLFxuICAgICAgICBmb250U2l6ZTogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWxhYmVsLWZvbnQtc2l6ZSknLFxuICAgICAgICBsaW5lSGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtbGFiZWwtbGluZS1oZWlnaHQpJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJ1xuICAgIH19YCxcbiAgICBzdGFydDogY3NzIGAke3tcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcidcbiAgICB9fWAsXG4gICAgc3RhcnROb3RQdXJlUmVhZG9ubHk6IGNzcyBgJHt7XG4gICAgICAgIG1pbkhlaWdodDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXRleHQtZmllbGQtaGVpZ2h0KSdcbiAgICB9fWAsXG4gICAgLy8gVE9ETzogVXNlIFRleHQgQ29tcG9uZW50IGluc3RlYWQgb2YgQ1NTXG4gICAgbm9XcmFwOiBjc3MgYCR7e1xuICAgICAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgICAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgICAgICAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnXG4gICAgfX1gXG59O1xuY29uc3QgdmFsdWVTbG90U3R5bGVzID0gY3NzIGAke3tcbiAgICBmbGV4OiAnMSAxIDEwMCUnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgbWF4V2lkdGg6ICcxMDAlJ1xufX1gO1xuZXhwb3J0IGNvbnN0IExhYmVsVmFsdWVMYXlvdXQgPSAoeyBsYWJlbCwgbGFiZWxFZGdlLCBjaGlsZHJlbiwgbGFiZWxTdGFydFdpZHRoID0gJzMzJScgfSkgPT4ge1xuICAgIGNvbnN0IHdpZHRoID0gc2l6ZVRvQ1NTKGxhYmVsU3RhcnRXaWR0aCk7XG4gICAgY29uc3QgdmFsdWVXaWR0aCA9IGBjYWxjKDEwMCUgLSAke3dpZHRofSlgO1xuICAgIGNvbnN0IGxhYmVsU3R5bGVzID0gbGFiZWxFZGdlID09PSAnc3RhcnQnID8geyBmbGV4QmFzaXM6IHdpZHRoLCB3aWR0aDogd2lkdGgsIG1heFdpZHRoOiB3aWR0aCB9IDoge307XG4gICAgY29uc3QgdmFsdWVTdHlsZXMgPSBsYWJlbEVkZ2UgPT09ICdzdGFydCcgPyB7IGZsZXhCYXNpczogdmFsdWVXaWR0aCwgd2lkdGg6IHZhbHVlV2lkdGgsIG1heFdpZHRoOiB2YWx1ZVdpZHRoIH0gOiB7fTtcbiAgICBjb25zdCB7IGlzRm9ybUxheW91dCwgaXNSZWFkb25seTogaXNGb3JtUmVhZG9ubHksIGxhYmVsV3JhcHBpbmcgfSA9IHVzZUZvcm1Db250ZXh0KCk7XG4gICAgY29uc3QgeyBpc1JlYWRvbmx5IH0gPSB1c2VGb3JtRmllbGRDb250ZXh0KCk7XG4gICAgY29uc3QgaXNQdXJlUmVhZG9ubHkgPSAoaXNGb3JtTGF5b3V0ICYmIGlzRm9ybVJlYWRvbmx5KSB8fCAoIWlzRm9ybUxheW91dCAmJiBpc1JlYWRvbmx5KTtcbiAgICBjb25zdCBsYWJlbFN0eWxlQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW1xuICAgICAgICBsYWJlbFNsb3RTdHlsZXMuYmFzZSxcbiAgICAgICAgbGFiZWxFZGdlID09PSAnc3RhcnQnICYmIGxhYmVsU2xvdFN0eWxlcy5zdGFydCxcbiAgICAgICAgLy8gbGFiZWxFZGdlID09PSAnc3RhcnQnICYmIGlzUHVyZVJlYWRvbmx5ICYmIGxhYmVsU2xvdFN0eWxlcy5zdGFydFJlYWRvbmx5LFxuICAgICAgICAvLyBsYWJlbEVkZ2UgPT09ICdzdGFydCcgJiYgIWlzUHVyZVJlYWRvbmx5ICYmIGxhYmVsU2xvdFN0eWxlcy5zdGFydE5vdFB1cmVSZWFkb25seSxcbiAgICAgICAgbGFiZWxFZGdlID09PSAndG9wJyAmJiBsYWJlbFNsb3RTdHlsZXMudG9wLFxuICAgICAgICBsYWJlbEVkZ2UgPT09ICd0b3AnICYmIGlzUHVyZVJlYWRvbmx5ICYmIGxhYmVsU2xvdFN0eWxlcy50b3BQdXJlUmVhZG9ubHlcbiAgICBdKTtcbiAgICBjb25zdCBsYWJlbElubmVyQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW1xuICAgICAgICBsYWJlbElubmVyU3R5bGVzLmJhc2UsXG4gICAgICAgIGxhYmVsRWRnZSA9PT0gJ3N0YXJ0JyAmJiBsYWJlbElubmVyU3R5bGVzLnN0YXJ0LFxuICAgICAgICBsYWJlbEVkZ2UgPT09ICdzdGFydCcgJiYgIWlzUHVyZVJlYWRvbmx5ICYmIGxhYmVsSW5uZXJTdHlsZXMuc3RhcnROb3RQdXJlUmVhZG9ubHksXG4gICAgICAgIGxhYmVsV3JhcHBpbmcgPT09ICd0cnVuY2F0ZScgJiYgbGFiZWxJbm5lclN0eWxlcy5ub1dyYXBcbiAgICBdKTtcbiAgICByZXR1cm4gKF9qc3hzKEZsZXgsIE9iamVjdC5hc3NpZ24oeyB3cmFwOiBcIndyYXBcIiwgYWxpZ246IFwic3RhcnRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IGxhYmVsU3R5bGVDbGFzc2VzLCBzdHlsZTogbGFiZWxTdHlsZXMgfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IGxhYmVsSW5uZXJDbGFzc2VzIH0sIHsgY2hpbGRyZW46IGxhYmVsIH0pKSB9KSksIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzOiB2YWx1ZVNsb3RTdHlsZXMsIHN0eWxlOiB2YWx1ZVN0eWxlcyB9LCB7IGNoaWxkcmVuOiBjaGlsZHJlbiB9KSldIH0pKSk7XG59O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGFiZWxWYWx1ZUxheW91dC5qcy5tYXAiXX0=*/
+._11iwh18{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+.w3zcs3{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._1ppy0zx{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);}
+._7c6p84{padding-block-end:0;}
+._1lj4e1u{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%;}
+._1951e91{display:inline-flex;align-items:center;}
+._172suts{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._17izd0a{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._1gztl7d{flex:1 1 100%;width:100%;max-width:100%;}

package/amd/UNSAFE_LabelValueLayout.js

@@ -1,86 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', "css!./UNSAFE_LabelValueLayout.css", './UNSAFE_Flex', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_size', './classNames-027de734', './Flex-7762d39c', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './_curry1-645b9927', './utils/UNSAFE_mergeInterpolations', './_curry3-4cc6f6ba', './_curry2-93924f19', './_has-cce283ad', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', 'preact', 'preact/hooks'], (function (exports, jsxRuntime, utils_UNSAFE_classNames, linaria, UNSAFE_Flex, hooks_UNSAFE_useFormContext, hooks_UNSAFE_useFormFieldContext, utils_UNSAFE_size, classNames, Flex, tslib_es6, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_arrayUtils, _curry1, utils_UNSAFE_mergeInterpolations, _curry3, _curry2, _has, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, preact, hooks) { 'use strict';
-
-    const labelSlotStyles = {
-      base: "base-1xr09xq",
-      start: "start-utougy",
-      top: "top-11x8h6w",
-      topPureReadonly: "topPureReadonly-5ne017"
-    };
-    const labelInnerStyles = {
-      // base is labelEdge 'top'
-      base: "base-601o82",
-      start: "start-rhnwa2",
-      startNotPureReadonly: "startNotPureReadonly-qilkwo",
-      // TODO: Use Text Component instead of CSS
-      noWrap: "noWrap-1uqn69e"
-    };
-    const valueSlotStyles = "valueSlotStyles-qer7bm";
-    const LabelValueLayout = ({
-      label,
-      labelEdge,
-      children,
-      labelStartWidth = '33%'
-    }) => {
-      const width = utils_UNSAFE_size.sizeToCSS(labelStartWidth);
-      const valueWidth = `calc(100% - ${width})`;
-      const labelStyles = labelEdge === 'start' ? {
-        flexBasis: width,
-        width: width,
-        maxWidth: width
-      } : {};
-      const valueStyles = labelEdge === 'start' ? {
-        flexBasis: valueWidth,
-        width: valueWidth,
-        maxWidth: valueWidth
-      } : {};
-      const {
-        isFormLayout,
-        isReadonly: isFormReadonly,
-        labelWrapping
-      } = hooks_UNSAFE_useFormContext.useFormContext();
-      const {
-        isReadonly
-      } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
-      const isPureReadonly = isFormLayout && isFormReadonly || !isFormLayout && isReadonly;
-      const labelStyleClasses = classNames.classNames([labelSlotStyles.base, labelEdge === 'start' && labelSlotStyles.start, // labelEdge === 'start' && isPureReadonly && labelSlotStyles.startReadonly,
-      // labelEdge === 'start' && !isPureReadonly && labelSlotStyles.startNotPureReadonly,
-      labelEdge === 'top' && labelSlotStyles.top, labelEdge === 'top' && isPureReadonly && labelSlotStyles.topPureReadonly]);
-      const labelInnerClasses = classNames.classNames([labelInnerStyles.base, labelEdge === 'start' && labelInnerStyles.start, labelEdge === 'start' && !isPureReadonly && labelInnerStyles.startNotPureReadonly, labelWrapping === 'truncate' && labelInnerStyles.noWrap]);
-      return jsxRuntime.jsxs(Flex.Flex, Object.assign({
-        wrap: "wrap",
-        align: "start"
-      }, {
-        children: [jsxRuntime.jsx("div", Object.assign({
-          class: labelStyleClasses,
-          style: labelStyles
-        }, {
-          children: jsxRuntime.jsx("div", Object.assign({
-            class: labelInnerClasses
-          }, {
-            children: label
-          }))
-        })), jsxRuntime.jsx("div", Object.assign({
-          class: valueSlotStyles,
-          style: valueStyles
-        }, {
-          children: children
-        }))]
-      }));
-    };
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-
-    exports.LabelValueLayout = LabelValueLayout;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_LabelValueLayout.css","./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-8316ee15","./Flex-5d2a4e5c","./tslib.es6-76a2c4b1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-3211524b","./utils/UNSAFE_mergeInterpolations","./_curry3-94bfcc86","./_curry2-3a00c9c9","./_has-a61184e7","./utils/UNSAFE_interpolations/boxalignment","./keys-a74413b3","./utils/UNSAFE_interpolations/flexbox","./flexbox-be9ff41e","./utils/UNSAFE_interpolations/flexitem","./flexitem-b1b14674","preact","preact/hooks"],function(s,e,t,a,i,l,r,o,n,c,u,d,x,_,b,F,p,m,h,N,S,y,f,E,U,j){"use strict";const A="_11iwh18",g="w3zcs3",w="_1ppy0zx",z="_7c6p84",C="_1lj4e1u",O="_1951e91",k="_172suts",v="_17izd0a";s.LabelValueLayout=({label:s,labelEdge:t,children:a,labelStartWidth:i="33%"})=>{const u=o.sizeToCSS(i),d=`calc(100% - ${u})`,x="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},_="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},{isFormLayout:b,isReadonly:F,labelWrapping:p}=l.useFormContext(),{isReadonly:m}=r.useFormFieldContext(),h=b&&F||!b&&m,N=n.classNames([A,"start"===t&&g,"top"===t&&w,"top"===t&&h&&z]),S=n.classNames([C,"start"===t&&O,"start"===t&&!h&&k,"truncate"===p&&v]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:N,style:x},{children:e.jsx("div",Object.assign({class:S},{children:s}))})),e.jsx("div",Object.assign({class:"_1gztl7d",style:_},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

package/amd/UNSAFE_LabelValueLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_LabelValueLayout.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx","../../src/UNSAFE_LabelValueLayout/index.ts"],"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","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { LabelValueLayout } from './LabelValueLayout';\n"],"names":["labelSlotStyles","labelInnerStyles","valueSlotStyles","LabelValueLayout","label","labelEdge","children","labelStartWidth","width","sizeToCSS","valueWidth","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","base","start","top","topPureReadonly","noWrap","_jsxs","Flex","Object","assign","wrap","align","_jsx","class","labelStyleClasses","style","labelStyles","labelInnerClasses","valueStyles"],"mappings":";;;IAQA,MAAAA,eAAA,GAAA;YAAA,cAAA;aAAA,cAAA;WAAA,aAAA;;IAAA,CAAA,CAAA;IAuBA,MAAAC,gBAAA,GAAA;;YAAA,aAAA;aAAA,cAAA;4BAAA,6BAAA;;;IAAA,CAAA,CAAA;IAyBA,MAAAC,eAAA,GAAA,wBAAA,CAAA;AAyBA,UAAAC,gBAAA,GAAA,CAAA;MAAAC,KAAA;MAAAC,SAAA;MAAAC,QAAA;IAAAC,EAAAA,eAAA,GAAA,KAAA;IAAA,CAAA,KAAA;IAME,EAAA,MAAAC,KAAA,GAAAC,2BAAA,CAAAF,eAAA,CAAA,CAAA;IACA,EAAA,MAAAG,UAAA,GAAA,CAAAF,YAAAA,EAAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;MAMA,MAAA;QAAAG,YAAA;IAAAC,IAAAA,UAAA,EAAAC,cAAA;IAAAC,IAAAA,aAAAA;IAAA,GAAA,GAAAC,0CAAA,EAAA,CAAA;MACA,MAAA;IAAAH,IAAAA,UAAAA;IAAA,GAAA,GAAAI,oDAAA,EAAA,CAAA;MACA,MAAAC,cAAA,GAAAN,YAAA,IAAAE,cAAA,IAAA,CAAAF,YAAA,IAAAC,UAAA,CAAA;uDAEEZ,eAAA,CAAAkB,MACAb,SAAA,KAAA,OAAA,IAAAL,eAAA,CAAAmB;;IAGAd,EAAAA,SAAA,KAAA,KAAA,IAAAL,eAAA,CAAAoB,KACAf,SAAA,KAAA,KAAA,IAAAY,cAAA,IAAAjB,eAAA,CAAAqB;uDAGApB,gBAAA,CAAAiB,MACAb,SAAA,KAAA,OAAA,IAAAJ,gBAAA,CAAAkB,0FAEAL,aAAA,KAAA,UAAA,IAAAb,gBAAA,CAAAqB;IAGF,EAAA,OAAAC,eAAA,CAAAC,SAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAAC,IAAAA,IAAA,EAAA,MAAA;IAAAC,IAAAA,KAAA,EAAA,OAAA;IAAA,GAAA,EAAA;QAAAtB,QAAA,EAAA,CAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;IAAAI,MAAAA,KAAA,EAAAC,iBAAA;IAAAC,MAAAA,KAAA,EAAAC,WAAAA;IAAA,KAAA,EAAA;UAAA3B,QAAA,EAAAuB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;IAAAI,QAAAA,KAAA,EAAAI,iBAAAA;IAAA,OAAA,EAAA;IAAA5B,QAAAA,QAAA,EAAAF,KAAAA;IAAA,OAAA,CAAA,CAAA;SAAA,CAAA,CAAA,EAAAyB,cAAA,CAAA,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAA;IAAAI,MAAAA,KAAA,EAAA5B,eAAA;IAAA8B,MAAAA,KAAA,EAAAG,WAAAA;IAAA,KAAA,EAAA;IAAA7B,MAAAA,QAAA,EAAAA,QAAAA;IAAA,KAAA,CAAA,CAAA,CAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IAUF;;IC1HA;;;;;;IAMG;;;;;;;;;;;;;"}
+{"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,WAAAA,YAuBAC,EAAA,WAAAA,EAAA,WAAAA,EAAA,WAAAA,gCAkDA,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAA,eAAAF,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,WAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}

package/amd/UNSAFE_Layer.js

@@ -1,67 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/compat', 'preact', 'preact/jsx-runtime'], (function (exports, compat, preact, jsxRuntime) { 'use strict';
-
-    const LayerContext = preact.createContext({});
-
-    const _LOGICAL_PARENT = '__oj_logical_parent';
-    const Layer = (props) => {
-        var _a;
-        const context = compat.useContext(LayerContext);
-        const defaultHost = (_a = context.getHost) === null || _a === void 0 ? void 0 : _a.call(context);
-        const host = compat.useMemo(() => defaultHost, [defaultHost]);
-        const [layerContainer, setLayerContainer] = compat.useState(null);
-        // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented
-        // content does not get re-rendered with valid ref's
-        compat.useLayoutEffect(() => {
-            var _a;
-            if (!host)
-                return;
-            const doc = (_a = host.ownerDocument) !== null && _a !== void 0 ? _a : document;
-            const layer = doc.createElement('div');
-            if (props.logicalParentRef) {
-                layer[_LOGICAL_PARENT] = props.logicalParentRef.current;
-            }
-            host.appendChild(layer);
-            setLayerContainer(layer);
-            return () => {
-                if (host && layer && host.contains(layer)) {
-                    delete layer[_LOGICAL_PARENT];
-                    host.removeChild(layer);
-                }
-                setLayerContainer(null);
-            };
-        }, [host]);
-        return layerContainer && compat.createPortal(props.children, layerContainer);
-    };
-
-    const LayerHost = compat.forwardRef((_props, ref) => {
-        return jsxRuntime.jsx("div", { id: "__oj_layerhost_container", ref: ref });
-    });
-    LayerHost.displayName = 'Forwarded<LayerHost>';
-
-    function LayerManager({ children }) {
-        const [defaultHost, setDefaultHost] = compat.useState();
-        //const context = useContext(LayerContext);
-        const defaultHostRef = compat.useCallback((el) => {
-            // ref callbacks fire after the component has been unnmounted so we do not
-            // want to set state in this use-case
-            if (el !== null) {
-                setDefaultHost(el);
-            }
-        }, []);
-        return (jsxRuntime.jsx(LayerContext.Consumer, { children: (value) => {
-                const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};
-                const layerContext = value.getHost ? value : defaultHostContext;
-                return (jsxRuntime.jsxs(LayerContext.Provider, Object.assign({ value: layerContext }, { children: [children, !value.getHost && jsxRuntime.jsx(LayerHost, { ref: defaultHostRef })] })));
-            } }));
-    }
-
-    exports.Layer = Layer;
-    exports.LayerContext = LayerContext;
-    exports.LayerManager = LayerManager;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","preact/compat","preact","preact/jsx-runtime"],function(e,t,r,n){"use strict";const o=r.createContext({}),a="__oj_logical_parent",l=t.forwardRef((e,t)=>n.jsx("div",{id:"__oj_layerhost_container",ref:t}));l.displayName="Forwarded<LayerHost>",e.Layer=e=>{var r;const n=t.useContext(o),l=null===(r=n.getHost)||void 0===r?void 0:r.call(n),c=t.useMemo(()=>l,[l]),[s,u]=t.useState(null);return t.useLayoutEffect(()=>{var t;if(!c)return;const r=(null!==(t=c.ownerDocument)&&void 0!==t?t:document).createElement("div");return e.logicalParentRef&&(r[a]=e.logicalParentRef.current),c.appendChild(r),u(r),()=>{c&&r&&c.contains(r)&&(delete r[a],c.removeChild(r)),u(null)}},[c]),s&&t.createPortal(e.children,s)},e.LayerContext=o,e.LayerManager=function({children:e}){const[r,a]=t.useState(),c=t.useCallback(e=>{null!==e&&a(e)},[]);return n.jsx(o.Consumer,{children:t=>{const a=r?{getHost:()=>r}:{},s=t.getHost?t:a;return n.jsxs(o.Provider,Object.assign({value:s},{children:[e,!t.getHost&&n.jsx(l,{ref:c})]}))}})},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Layer.js.map

package/amd/UNSAFE_Layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Layer.js","sources":["../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/Layer.tsx","../../src/UNSAFE_Layer/LayerHost.tsx","../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["import { createContext } from 'preact';\n\nexport type LayerContextProps = {\n  getHost?: () => Element;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useMemo, useState } from 'preact/compat';\nimport { LayerContext } from './LayerContext';\n\nconst _LOGICAL_PARENT = '__oj_logical_parent';\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n};\n\ntype LayerElement = HTMLDivElement & {\n  __oj_logical_parent?: Element | null;\n};\n\nconst Layer = (props: Props) => {\n  const context = useContext(LayerContext);\n  const defaultHost = context.getHost?.();\n  const host = useMemo(() => defaultHost, [defaultHost]);\n  const [layerContainer, setLayerContainer] = useState<Element | null>(null);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    if (props.logicalParentRef) {\n      layer[_LOGICAL_PARENT] = props.logicalParentRef.current;\n    }\n\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[_LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [host]);\n\n  return layerContainer && createPortal(props.children, layerContainer);\n};\n\nexport default Layer;\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__oj_layerhost_container\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n","/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};\n        const layerContext = value.getHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","useLayoutEffect","createPortal","forwardRef","_jsx","useCallback","_jsxs"],"mappings":";;;UAMa,YAAY,GAAGA,oBAAa,CAAoB,EAAE;;ICF/D,MAAM,eAAe,GAAG,qBAAqB,CAAC;AAkB9C,UAAM,KAAK,GAAG,CAAC,KAAY,KAAI;;IAC7B,IAAA,MAAM,OAAO,GAAGC,iBAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,OAAO,uDAAI,CAAC;IACxC,IAAA,MAAM,IAAI,GAAGC,cAAO,CAAC,MAAM,WAAW,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,eAAQ,CAAiB,IAAI,CAAC,CAAC;;;QAI3EC,sBAAe,CAAC,MAAK;;IACnB,QAAA,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,MAAM,GAAG,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,QAAQ,CAAC;YAC3C,MAAM,KAAK,GAAiB,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErD,IAAI,KAAK,CAAC,gBAAgB,EAAE;gBAC1B,KAAK,CAAC,eAAe,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC;IACzD,SAAA;IAED,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAEzB,QAAA,OAAO,MAAK;gBACV,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;IACzC,gBAAA,OAAO,KAAK,CAAC,eAAe,CAAC,CAAC;IAC9B,gBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,aAAA;gBACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,SAAC,CAAC;IACJ,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAEX,OAAO,cAAc,IAAIC,mBAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACxE;;IC9CA,MAAM,SAAS,GAAGC,iBAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;QAC3D,OAAOC,cAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,0BAA0B,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;ICG9B,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;QAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGJ,eAAQ,EAAW,CAAC;;IAE1D,IAAA,MAAM,cAAc,GAAGK,kBAAW,CAAC,CAAC,EAAkB,KAAI;;;YAGxD,IAAI,EAAE,KAAK,IAAI,EAAE;gBACf,cAAc,CAAC,EAAE,CAAC,CAAC;IACpB,SAAA;SACF,EAAE,EAAE,CAAC,CAAC;QAEP,QACED,eAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;IAC5B,YAAA,MAAM,kBAAkB,GAAG,WAAW,GAAG,EAAE,OAAO,EAAE,MAAM,WAAW,EAAE,GAAG,EAAE,CAAC;IAC7E,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,GAAG,KAAK,GAAG,kBAAkB,CAAC;gBAChE,QACEE,eAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,KAAK,EAAE,YAAY,EACvC,EAAA,EAAA,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,OAAO,IAAIF,cAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CAC/B,EAAA,CAAA,CAAA,EACxB;aACH,EAAA,CACqB,EACxB;IACJ;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_Layer.js","sources":["../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/Layer.tsx","../../src/UNSAFE_Layer/LayerHost.tsx","../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["import { createContext } from 'preact';\n\nexport type LayerContextProps = {\n  getHost?: () => Element;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useMemo, useState } from 'preact/compat';\nimport { LayerContext } from './LayerContext';\n\nconst _LOGICAL_PARENT = '__oj_logical_parent';\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n};\n\ntype LayerElement = HTMLDivElement & {\n  __oj_logical_parent?: Element | null;\n};\n\nconst Layer = (props: Props) => {\n  const context = useContext(LayerContext);\n  const defaultHost = context.getHost?.();\n  const host = useMemo(() => defaultHost, [defaultHost]);\n  const [layerContainer, setLayerContainer] = useState<Element | null>(null);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    if (props.logicalParentRef) {\n      layer[_LOGICAL_PARENT] = props.logicalParentRef.current;\n    }\n\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[_LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [host]);\n\n  return layerContainer && createPortal(props.children, layerContainer);\n};\n\nexport default Layer;\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__oj_layerhost_container\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n","/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        const defaultHostContext = defaultHost ? { getHost: () => defaultHost } : {};\n        const layerContext = value.getHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["LayerContext","createContext","_LOGICAL_PARENT","LayerHost","forwardRef","_props","ref","_jsx","id","displayName","props","context","useContext","defaultHost","_a","getHost","host","useMemo","layerContainer","setLayerContainer","useState","useLayoutEffect","layer","ownerDocument","document","createElement","logicalParentRef","current","appendChild","contains","removeChild","createPortal","children","setDefaultHost","defaultHostRef","useCallback","el","Consumer","value","defaultHostContext","layerContext","_jsxs","jsxs","Provider","Object","assign"],"mappings":"sGAMaA,EAAeC,EAAaA,cAAoB,ICFvDC,EAAkB,sBCElBC,EAAYC,EAAUA,WAAiB,CAACC,EAAQC,IAC7CC,EAAAA,IAAA,MAAA,CAAKC,GAAG,2BAA2BF,IAAKA,KAGjDH,EAAUM,YAAc,+BDYTC,UACb,MAAMC,EAAUC,aAAWZ,GACrBa,UAAcC,EAAAH,EAAQI,sCACtBC,EAAOC,EAAAA,QAAQ,IAAMJ,EAAa,CAACA,KAClCK,EAAgBC,GAAqBC,EAAQA,SAAiB,MAyBrE,OArBAC,EAAAA,gBAAgB,WACd,IAAKL,EAAM,OACX,MACMM,GADwB,QAAlBR,EAAAE,EAAKO,qBAAa,IAAAT,EAAAA,EAAIU,UACFC,cAAc,OAS9C,OAPIf,EAAMgB,mBACRJ,EAAMpB,GAAmBQ,EAAMgB,iBAAiBC,SAGlDX,EAAKY,YAAYN,GACjBH,EAAkBG,GAEX,KACDN,GAAQM,GAASN,EAAKa,SAASP,YAC1BA,EAAMpB,GACbc,EAAKc,YAAYR,IAEnBH,EAAkB,QAEnB,CAACH,IAEGE,GAAkBa,EAAYA,aAACrB,EAAMsB,SAAUd,oCEtCxC,UAAac,SAAEA,IAC7B,MAAOnB,EAAaoB,GAAkBb,EAAQA,WAExCc,EAAiBC,cAAaC,IAGvB,OAAPA,GACFH,EAAeG,IAEhB,IAEH,OACE7B,EAAAA,IAACP,EAAaqC,SACX,CAAAL,SAACM,IACA,MAAMC,EAAqB1B,EAAc,CAAEE,QAAS,IAAMF,GAAgB,GACpE2B,EAAeF,EAAMvB,QAAUuB,EAAQC,EAC7C,OACEE,EAACC,KAAA1C,EAAa2C,SAASC,OAAAC,OAAA,CAAAP,MAAOE,GAC3B,CAAAR,SAAA,CAAAA,GACCM,EAAMvB,SAAWR,EAAAA,IAACJ,EAAS,CAACG,IAAK4B"}

package/amd/UNSAFE_Link.css

@@ -1,6 +1,5 @@
-.default-1bmxe7k{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);}.default-1bmxe7k:visited{color:--oj-c-link-text-color-visited;}.default-1bmxe7k:active{color:--oj-c-link-text-color-active;}.default-1bmxe7k:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.primary-kyqxnp{--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);}
-.secondary-hariwz{--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);}
-.standalone-1orrmcw{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.standalone-1orrmcw:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.standalone-1orrmcw:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-.embedded-1s2znfe{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.embedded-1s2znfe:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.embedded-1s2znfe:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MaW5rL0xpbmsudHN4Il0sIm5hbWVzIjpbIi5kZWZhdWx0LTFibXhlN2siLCIucHJpbWFyeS1reXF4bnAiLCIuc2Vjb25kYXJ5LWhhcml3eiIsIi5zdGFuZGFsb25lLTFvcnJtY3ciLCIuZW1iZWRkZWQtMXMyem5mZSJdLCJtYXBwaW5ncyI6IkFBS0lBO0FBZ0JBQztBQUtBQztBQUtBQztBQUtBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTGluay9MaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgdXNlUHJlc3MgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlUHJlc3MnO1xuY29uc3Qgc3R5bGVzID0ge1xuICAgIGRlZmF1bHQ6IGNzcyBgJHt7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUnLFxuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtbGluay10ZXh0LWNvbG9yKScsXG4gICAgICAgIHRleHREZWNvcmF0aW9uQ29sb3I6ICd2YXIoLS1vai1jLWxpbmstdGV4dC1jb2xvciknLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvblRoaWNrbmVzczogJzFweCcsXG4gICAgICAgIHRleHRVbmRlcmxpbmVPZmZzZXQ6ICd2YXIoLS1vai1jLWxpbmstdGV4dC11bmRlcmxpbmUtb2Zmc2V0KScsXG4gICAgICAgIGN1cnNvcjogJ3ZhciggLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWN1cnNvci1jbGlja2FibGUpJyxcbiAgICAgICAgJyY6dmlzaXRlZCc6IHsgY29sb3I6ICctLW9qLWMtbGluay10ZXh0LWNvbG9yLXZpc2l0ZWQnIH0sXG4gICAgICAgICcmOmFjdGl2ZSc6IHsgY29sb3I6ICctLW9qLWMtbGluay10ZXh0LWNvbG9yLWFjdGl2ZScgfSxcbiAgICAgICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZm9jdXMtYm9yZGVyLWNvbG9yKScsXG4gICAgICAgICAgICBvdXRsaW5lU3R5bGU6ICdkb3R0ZWQnLFxuICAgICAgICAgICAgb3V0bGluZVdpZHRoOiAnMXB4JyxcbiAgICAgICAgICAgIG91dGxpbmVPZmZzZXQ6ICcxcHgnXG4gICAgICAgIH1cbiAgICB9fWAsXG4gICAgcHJpbWFyeTogY3NzIGAke3tcbiAgICAgICAgJy0tb2otYy1saW5rLXRleHQtY29sb3InOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS10ZXh0LWNvbG9yLXByaW1hcnkpJyxcbiAgICAgICAgJy0tb2otYy1saW5rLXRleHQtY29sb3ItdmlzaXRlZCc6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXRleHQtY29sb3ItcHJpbWFyeSknLFxuICAgICAgICAnLS1vai1jLWxpbmstdGV4dC1jb2xvci1hY3RpdmUnOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS10ZXh0LWNvbG9yLXByaW1hcnkpJ1xuICAgIH19YCxcbiAgICBzZWNvbmRhcnk6IGNzcyBgJHt7XG4gICAgICAgICctLW9qLWMtbGluay10ZXh0LWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtdGV4dC1jb2xvci1zZWNvbmRhcnkpJyxcbiAgICAgICAgJy0tb2otYy1saW5rLXRleHQtY29sb3ItdmlzaXRlZCc6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXRleHQtY29sb3Itc2Vjb25kYXJ5KScsXG4gICAgICAgICctLW9qLWMtbGluay10ZXh0LWNvbG9yLWFjdGl2ZSc6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXRleHQtY29sb3Itc2Vjb25kYXJ5KSdcbiAgICB9fWAsXG4gICAgc3RhbmRhbG9uZTogY3NzIGAke3tcbiAgICAgICAgdGV4dERlY29yYXRpb25MaW5lOiAndmFyKC0tb2otYy1saW5rLXN0YW5kYWxvbmUtdGV4dC1kZWNvcmF0aW9uKScsXG4gICAgICAgICcmOmhvdmVyJzogeyB0ZXh0RGVjb3JhdGlvbkxpbmU6ICd2YXIoLS1vai1jLWxpbmstc3RhbmRhbG9uZS10ZXh0LWRlY29yYXRpb24taG92ZXIpJyB9LFxuICAgICAgICAnJjphY3RpdmUnOiB7IHRleHREZWNvcmF0aW9uTGluZTogJ3ZhcigtLW9qLWMtbGluay1zdGFuZGFsb25lLXRleHQtZGVjb3JhdGlvbi1ob3ZlciknIH1cbiAgICB9fWAsXG4gICAgZW1iZWRkZWQ6IGNzcyBgJHt7XG4gICAgICAgIHRleHREZWNvcmF0aW9uTGluZTogJ3ZhcigtLW9qLWMtbGluay1lbWJlZGRlZC10ZXh0LWRlY29yYXRpb24pJyxcbiAgICAgICAgJyY6aG92ZXInOiB7IHRleHREZWNvcmF0aW9uTGluZTogJ3ZhcigtLW9qLWMtbGluay1lbWJlZGRlZC10ZXh0LWRlY29yYXRpb24taG92ZXIpJyB9LFxuICAgICAgICAnJjphY3RpdmUnOiB7IHRleHREZWNvcmF0aW9uTGluZTogJ3ZhcigtLW9qLWMtbGluay1lbWJlZGRlZC10ZXh0LWRlY29yYXRpb24taG92ZXIpJyB9XG4gICAgfX1gXG59O1xuY29uc3Qgbm9vcCA9ICgpID0+IHsgfTtcbmV4cG9ydCBmdW5jdGlvbiBMaW5rKHsgaHJlZiwgdmFyaWFudCA9ICdkZWZhdWx0JywgcGxhY2VtZW50ID0gJ3N0YW5kYWxvbmUnLCB0YXJnZXQsIGFyaWFMYWJlbGxlZEJ5LCBjaGlsZHJlbiwgb25DbGljayB9KSB7XG4gICAgY29uc3QgbGlua0NsYXNzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgIHN0eWxlcy5kZWZhdWx0LFxuICAgICAgICBzdHlsZXNbcGxhY2VtZW50XSxcbiAgICAgICAgdmFyaWFudCAhPT0gJ2RlZmF1bHQnICYmIHN0eWxlc1t2YXJpYW50XVxuICAgIF0pO1xuICAgIGNvbnN0IHsgcHJlc3NQcm9wcyB9ID0gdXNlUHJlc3Mob25DbGljayAhPT0gbnVsbCAmJiBvbkNsaWNrICE9PSB2b2lkIDAgPyBvbkNsaWNrIDogbm9vcCk7XG4gICAgcmV0dXJuIChfanN4KFwiYVwiLCBPYmplY3QuYXNzaWduKHsgaHJlZjogaHJlZiwgXCJhcmlhLWxhYmVsbGVkYnlcIjogYXJpYUxhYmVsbGVkQnksIHRhcmdldDogdGFyZ2V0IH0sIHByZXNzUHJvcHMsIHsgY2xhc3M6IGxpbmtDbGFzcyB9LCB7IGNoaWxkcmVuOiBjaGlsZHJlbiB9KSkpO1xufVxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluay5qcy5tYXAiXX0=*/
+.mbl5cn{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);}.mbl5cn:visited{color:--oj-c-link-text-color-visited;}.mbl5cn:active{color:--oj-c-link-text-color-active;}.mbl5cn:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.ra95lz{--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);}
+._1hdtsz2{--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);}
+._1k96sv2{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._1k96sv2:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._1k96sv2:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+._46yo37{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._46yo37:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._46yo37:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

package/amd/UNSAFE_Link.js

@@ -1,12 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './Link-3169fd72', 'preact/jsx-runtime', "css!./UNSAFE_Link.css", './utils/UNSAFE_classNames', './classNames-027de734', './hooks/UNSAFE_usePress', 'preact/hooks'], (function (exports, Link, jsxRuntime, linaria, utils_UNSAFE_classNames, classNames, hooks_UNSAFE_usePress, hooks) { 'use strict';
-
-
-
-	exports.Link = Link.Link;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./Link-57ef225a","preact/jsx-runtime","css!./UNSAFE_Link.css","./utils/UNSAFE_classNames","./classNames-8316ee15","./hooks/UNSAFE_usePress","preact/hooks"],function(e,s,i,a,t,n,r,o){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Link.js.map

package/amd/UNSAFE_Link.js.map

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

package/amd/UNSAFE_ListItemLayout.css

@@ -1,11 +1,10 @@
-.childrenStyles-j0wim5 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.selectorStyles-ntfwd2{align-self:center;margin:-0.875rem -0.875rem;}
-.centerVerticalStyles-t54b3n{align-self:center;min-width:0;}
-.leftPaddingStyles-ma65i0{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.flexColumnStyles-nk05rh{display:flex;flex-direction:column;}
-.flexRowStyles-vxfw11{display:flex;flex-direction:row;justify-content:right;align-self:center;}
-.rightJustifyStyles-1xyj7w3{display:flex;flex-direction:row;justify-content:right;}
-.rowAlignStyles-bkfgvw{align-self:end;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MaXN0SXRlbUxheW91dC9MaXN0SXRlbUxheW91dC50c3giXSwibmFtZXMiOlsiLmNoaWxkcmVuU3R5bGVzLWowd2ltNSIsIi5zZWxlY3RvclN0eWxlcy1udGZ3ZDIiLCIuY2VudGVyVmVydGljYWxTdHlsZXMtdDU0YjNuIiwiLmxlZnRQYWRkaW5nU3R5bGVzLW1hNjVpMCIsIi5mbGV4Q29sdW1uU3R5bGVzLW5rMDVyaCIsIi5mbGV4Um93U3R5bGVzLXZ4ZncxMSIsIi5yaWdodEp1c3RpZnlTdHlsZXMtMXh5ajd3MyIsIi5yb3dBbGlnblN0eWxlcy1ia2ZndnciXSwibWFwcGluZ3MiOiJBQUlNQTtBQVlBQztBQUtBQztBQUtBQztBQUlBQztBQUtBQztBQU1BQztBQUtBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTGlzdEl0ZW1MYXlvdXQvTGlzdEl0ZW1MYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IEdyaWQgfSBmcm9tICcuLi9VTlNBRkVfR3JpZCc7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuY29uc3QgY2hpbGRyZW5TdHlsZXMgPSBjc3MgYCR7e1xuICAgIC8qIEB0cy1pZ25vcmUgKi9cbiAgICAnJiA+IConOiB7XG4gICAgICAgIG1hcmdpblRvcDogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIG1hcmdpbkxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzAgIWltcG9ydGFudCdcbiAgICB9XG59fWA7XG4vLyBUT0RPOiByZXZpc2l0IGlkZWEgb2YgbmVnYXRpdmUgbWFyZ2luIHdoZW4gc2VsZWN0b3IgaGFzIGEgcHJvcGVyIEFQSSBmb3IgaGFuZGxpbmcgc3BhY2luZ1xuLy8gSmlyYTogSkVULTU0NTQzXG4vLyBuZWdhdGl2ZSBtYXJnaW4gYWRkZWQgdG8gc2VsZWN0b3JcbmNvbnN0IHNlbGVjdG9yU3R5bGVzID0gY3NzIGAke3tcbiAgICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICAgIG1hcmdpbjogJy0wLjg3NXJlbSAtMC44NzVyZW0nXG59fWA7XG4vLyBtb3N0IGNvbnRlbnQgd2lsbCBiZSB2ZXJ0aWNhbGx5IGNlbnRlcmVkXG5jb25zdCBjZW50ZXJWZXJ0aWNhbFN0eWxlcyA9IGNzcyBgJHt7XG4gICAgYWxpZ25TZWxmOiAnY2VudGVyJyxcbiAgICBtaW5XaWR0aDogMFxufX1gO1xuLy8gZXh0cmEgc3BhY2luZyBpcyBuZWVkZWQgYmV0d2VlbiBtZXRhLCB0cmFpbGluZywgYW5kIGFjdGlvbiBjb21wb25lbnRzXG5jb25zdCBsZWZ0UGFkZGluZ1N0eWxlcyA9IGNzcyBgJHt7XG4gICAgcGFkZGluZ0lubGluZVN0YXJ0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zcGFjaW5nLTR4KSdcbn19YDtcbi8vIHRoZSBjZW50cmFsIHRleHQgYXJlYSBkaXNwbGF5cyBvdmVybGluZSwgcHJpbWFyeSwgc2Vjb25kYXJ5LCBhbmQgdGVydGlhcnkgaW4gYSBjb2x1bW5cbmNvbnN0IGZsZXhDb2x1bW5TdHlsZXMgPSBjc3MgYCR7e1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJ1xufX1gO1xuLy8gXCJleHRyYVwiIGNvbXBvbmVudHMgaW4gcm93IDEgYW5kIHRoZSBsaW5rIGluIHJvdyAyIGFyZSBqdXN0aWZpZWQgb24gdGhlIHJpZ2h0aGFuZCBzaWRlIG9mIHRoZSBsaXN0IGl0ZW0gbGF5b3V0XG5jb25zdCBmbGV4Um93U3R5bGVzID0gY3NzIGAke3tcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdyaWdodCcsXG4gICAgYWxpZ25TZWxmOiAnY2VudGVyJ1xufX1gO1xuY29uc3QgcmlnaHRKdXN0aWZ5U3R5bGVzID0gY3NzIGAke3tcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdyaWdodCdcbn19YDtcbmNvbnN0IHJvd0FsaWduU3R5bGVzID0gY3NzIGAke3tcbiAgICBhbGlnblNlbGY6ICdlbmQnXG59fWA7XG5leHBvcnQgZnVuY3Rpb24gTGlzdEl0ZW1MYXlvdXQoeyBjaGlsZHJlbiwgc2VsZWN0b3IsIGxlYWRpbmcsIHByaW1hcnksIHNlY29uZGFyeSwgdGVydGlhcnksIG92ZXJsaW5lLCBtZXRhZGF0YSwgdHJhaWxpbmcsIGFjdGlvbiwgcXVhdGVybmFyeSwgbmF2aWdhdGlvbiB9KSB7XG4gICAgLy8gZ2VuZXJhdGUgZ3JpZCBza2VsZXRvbiwgYWRkaW5nIGNlbGxzIGJhc2VkIG9uIHdoaWNoIHByb3BzIGFyZSBkZWZpbmVkXG4gICAgY29uc3QgeyBjb2x1bW5zVGVtcGxhdGUsIGZpcnN0Q2VsbCwgc2Vjb25kQ2VsbCwgbGFzdENlbGwsIGhhc1NlY29uZFJvdyB9ID0gZ2V0Q29sdW1uc1RlbXBsYXRlKHNlbGVjdG9yLCBsZWFkaW5nLCBtZXRhZGF0YSwgdHJhaWxpbmcsIGFjdGlvbiwgcXVhdGVybmFyeSwgbmF2aWdhdGlvbik7XG4gICAgLy8gaWYgTGlzdEl0ZW1MYXlvdXQgY29tcG9uZW50IGhhcyBhIGNoaWxkIChMaXN0SXRlbVRleHRMYXlvdXQpIHRoZW4gcmVuZGVyIHRoYXQgaW5zdGVhZCBvZiBpbmRpdmlkdWFsIHByb3BzXG4gICAgY29uc3QgdGV4dEFyZWEgPSBjaGlsZHJlbiA/IChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGNoaWxkcmVuU3R5bGVzIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSkgOiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogZmxleENvbHVtblN0eWxlcyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNoaWxkcmVuOiBvdmVybGluZSB9KSwgX2pzeChcImRpdlwiLCB7IGNoaWxkcmVuOiBwcmltYXJ5IH0pLCBfanN4KFwiZGl2XCIsIHsgY2hpbGRyZW46IHNlY29uZGFyeSB9KSwgX2pzeChcImRpdlwiLCB7IGNoaWxkcmVuOiB0ZXJ0aWFyeSB9KV0gfSkpKTtcbiAgICAvLyBhIHNlY29uZCByb3cgaXMgbmVlZGVkIHdoZW4gcXVhdGVybmFyeSBvciBuYXZpZ2F0aW9uIGFyZSBkZWZpbmVkXG4gICAgY29uc3Qgc2Vjb25kUm93ID0gaGFzU2Vjb25kUm93XG4gICAgICAgID8gW1xuICAgICAgICAgICAgZmlyc3RDZWxsICYmIF9qc3goXCJzcGFuXCIsIHsgY2hpbGRyZW46IFwiIFwiIH0pLFxuICAgICAgICAgICAgc2Vjb25kQ2VsbCAmJiBfanN4KFwic3BhblwiLCB7IGNoaWxkcmVuOiBcIiBcIiB9KSxcbiAgICAgICAgICAgIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogcm93QWxpZ25TdHlsZXMgfSwgeyBjaGlsZHJlbjogcXVhdGVybmFyeSB9KSksXG4gICAgICAgICAgICBsYXN0Q2VsbCAmJiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IHJpZ2h0SnVzdGlmeVN0eWxlcyB9LCB7IGNoaWxkcmVuOiBuYXZpZ2F0aW9uIH0pKVxuICAgICAgICBdXG4gICAgICAgIDogbnVsbDtcbiAgICByZXR1cm4gKF9qc3hzKEdyaWQsIE9iamVjdC5hc3NpZ24oeyBnYXA6IFwiNHhcIiwgZ3JpZFRlbXBsYXRlQ29sdW1uczogY29sdW1uc1RlbXBsYXRlIH0sIHsgY2hpbGRyZW46IFtmaXJzdENlbGwsIHNlY29uZENlbGwsIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogY2VudGVyVmVydGljYWxTdHlsZXMgfSwgeyBjaGlsZHJlbjogdGV4dEFyZWEgfSkpLCBsYXN0Q2VsbCwgc2Vjb25kUm93XSB9KSkpO1xufVxuZnVuY3Rpb24gZ2V0Q29sdW1uc1RlbXBsYXRlKHNlbGVjdG9yLCBsZWFkaW5nLCBtZXRhZGF0YSwgdHJhaWxpbmcsIGFjdGlvbiwgcXVhdGVybmFyeSwgbmF2aWdhdGlvbikge1xuICAgIGNvbnN0IGNvbHVtbnNUZW1wbGF0ZUJ1aWxkZXIgPSBbXTtcbiAgICBsZXQgZmlyc3RDZWxsID0gbnVsbDtcbiAgICBpZiAoc2VsZWN0b3IpIHtcbiAgICAgICAgY29sdW1uc1RlbXBsYXRlQnVpbGRlci5wdXNoKCdhdXRvJyk7XG4gICAgICAgIGZpcnN0Q2VsbCA9IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogc2VsZWN0b3JTdHlsZXMgfSwgeyBjaGlsZHJlbjogc2VsZWN0b3IgfSkpO1xuICAgIH1cbiAgICBsZXQgc2Vjb25kQ2VsbCA9IG51bGw7XG4gICAgaWYgKGxlYWRpbmcpIHtcbiAgICAgICAgY29sdW1uc1RlbXBsYXRlQnVpbGRlci5wdXNoKCdhdXRvJyk7XG4gICAgICAgIHNlY29uZENlbGwgPSBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGNlbnRlclZlcnRpY2FsU3R5bGVzIH0sIHsgY2hpbGRyZW46IGxlYWRpbmcgfSkpO1xuICAgIH1cbiAgICBjb2x1bW5zVGVtcGxhdGVCdWlsZGVyLnB1c2goJzFmcicpOyAvLyBUZXh0IGFyZWEgYWx3YXlzIGdldHMgMSBmdWxsIGZyYWN0aW9uIG9mIGFsbG90dGVkIHNwYWNlXG4gICAgbGV0IGxhc3RDZWxsID0gbnVsbDtcbiAgICBpZiAobWV0YWRhdGEgfHwgdHJhaWxpbmcgfHwgYWN0aW9uIHx8IG5hdmlnYXRpb24pIHtcbiAgICAgICAgY29sdW1uc1RlbXBsYXRlQnVpbGRlci5wdXNoKCdhdXRvJyk7XG4gICAgICAgIGxhc3RDZWxsID0gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGZsZXhSb3dTdHlsZXMgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogY2xhc3NOYW1lcyhbY2VudGVyVmVydGljYWxTdHlsZXMsIG1ldGFkYXRhID8gbGVmdFBhZGRpbmdTdHlsZXMgOiAnJ10pIH0sIHsgY2hpbGRyZW46IG1ldGFkYXRhIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBjbGFzc05hbWVzKFtjZW50ZXJWZXJ0aWNhbFN0eWxlcywgdHJhaWxpbmcgPyBsZWZ0UGFkZGluZ1N0eWxlcyA6ICcnXSkgfSwgeyBjaGlsZHJlbjogdHJhaWxpbmcgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGNsYXNzTmFtZXMoW2NlbnRlclZlcnRpY2FsU3R5bGVzLCBhY3Rpb24gPyBsZWZ0UGFkZGluZ1N0eWxlcyA6ICcnXSkgfSwgeyBjaGlsZHJlbjogYWN0aW9uIH0pKV0gfSkpKTtcbiAgICB9XG4gICAgY29uc3QgY29sdW1uc1RlbXBsYXRlID0gY29sdW1uc1RlbXBsYXRlQnVpbGRlci5qb2luKCcgJyk7XG4gICAgY29uc3QgaGFzU2Vjb25kUm93ID0gcXVhdGVybmFyeSB8fCBuYXZpZ2F0aW9uID8gdHJ1ZSA6IGZhbHNlO1xuICAgIHJldHVybiB7IGNvbHVtbnNUZW1wbGF0ZSwgZmlyc3RDZWxsLCBzZWNvbmRDZWxsLCBsYXN0Q2VsbCwgaGFzU2Vjb25kUm93IH07XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaXN0SXRlbUxheW91dC5qcy5tYXAiXX0=*/
-.flexColumnStyles-1rcc2xu{display:flex;flex-direction:column;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MaXN0SXRlbUxheW91dC9MaXN0SXRlbVRleHRMYXlvdXQudHN4Il0sIm5hbWVzIjpbIi5mbGV4Q29sdW1uU3R5bGVzLTFyY2MyeHUiXSwibWFwcGluZ3MiOiJBQUdNQSIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTGlzdEl0ZW1MYXlvdXQvTGlzdEl0ZW1UZXh0TGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBMaXN0SXRlbVRleHQgfSBmcm9tICcuL0xpc3RJdGVtVGV4dCc7XG5jb25zdCBmbGV4Q29sdW1uU3R5bGVzID0gY3NzIGAke3tcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbidcbn19YDtcbmV4cG9ydCBmdW5jdGlvbiBMaXN0SXRlbVRleHRMYXlvdXQoeyBwcmltYXJ5LCBzZWNvbmRhcnksIHRlcnRpYXJ5LCBvdmVybGluZSB9KSB7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBmbGV4Q29sdW1uU3R5bGVzIH0sIHsgY2hpbGRyZW46IFtfanN4KExpc3RJdGVtVGV4dCwgT2JqZWN0LmFzc2lnbih7IHZhcmlhbnQ6IFwib3ZlcmxpbmVcIiB9LCB7IGNoaWxkcmVuOiBvdmVybGluZSB9KSksIF9qc3goTGlzdEl0ZW1UZXh0LCBPYmplY3QuYXNzaWduKHsgdmFyaWFudDogXCJwcmltYXJ5XCIgfSwgeyBjaGlsZHJlbjogcHJpbWFyeSB9KSksIF9qc3goTGlzdEl0ZW1UZXh0LCBPYmplY3QuYXNzaWduKHsgdmFyaWFudDogXCJzZWNvbmRhcnlcIiB9LCB7IGNoaWxkcmVuOiBzZWNvbmRhcnkgfSkpLCBfanN4KExpc3RJdGVtVGV4dCwgT2JqZWN0LmFzc2lnbih7IHZhcmlhbnQ6IFwidGVydGlhcnlcIiB9LCB7IGNoaWxkcmVuOiB0ZXJ0aWFyeSB9KSldIH0pKSk7XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaXN0SXRlbVRleHRMYXlvdXQuanMubWFwIl19*/
+.kz1vr7 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1upfwlf{align-self:center;margin:-0.875rem -0.875rem;}
+.gb6gau{align-self:center;min-width:0;}
+.g74cxa{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.tync5z{display:flex;flex-direction:column;}
+._83rkco{display:flex;flex-direction:row;justify-content:right;align-self:center;}
+._3f2xp{display:flex;flex-direction:row;justify-content:right;}
+._1rbe211{align-self:end;}
+
+._1rgkc7y{display:flex;flex-direction:column;}

package/amd/UNSAFE_ListItemLayout.js

@@ -1,14 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './ListItemTextLayout-f6a3d721', 'preact/jsx-runtime', "css!./UNSAFE_ListItemLayout.css", './UNSAFE_Grid', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/grid', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './_curry1-645b9927', './_has-cce283ad', './utils/UNSAFE_size', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-027de734', './_curry3-4cc6f6ba', './_curry2-93924f19', './UNSAFE_Text', './Text-de291c3f', './hooks/UNSAFE_useTabbableMode', 'preact', 'preact/hooks'], (function (exports, ListItemTextLayout, jsxRuntime, linaria, UNSAFE_Grid, tslib_es6, utils_UNSAFE_interpolations_grid, utils_UNSAFE_interpolations_boxalignment, keys, _curry1, _has, utils_UNSAFE_size, utils_UNSAFE_arrayUtils, utils_UNSAFE_mergeInterpolations, utils_UNSAFE_classNames, classNames, _curry3, _curry2, UNSAFE_Text, Text, hooks_UNSAFE_useTabbableMode, preact, hooks) { 'use strict';
-
-
-
-	exports.ListItemLayout = ListItemTextLayout.ListItemLayout;
-	exports.ListItemText = ListItemTextLayout.ListItemText;
-	exports.ListItemTextLayout = ListItemTextLayout.ListItemTextLayout;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./ListItemTextLayout-9da67b5e","preact/jsx-runtime","css!./UNSAFE_ListItemLayout.css","./UNSAFE_Grid","./tslib.es6-76a2c4b1","./utils/UNSAFE_interpolations/grid","./utils/UNSAFE_interpolations/boxalignment","./keys-a74413b3","./_curry1-3211524b","./_has-a61184e7","./utils/UNSAFE_size","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-8316ee15","./_curry3-94bfcc86","./_curry2-3a00c9c9","./UNSAFE_Text","./Text-e6b5e504","./hooks/UNSAFE_useTabbableMode","preact","preact/hooks"],function(t,e,s,i,a,r,o,u,l,c,_,n,b,m,L,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})});
 //# sourceMappingURL=UNSAFE_ListItemLayout.js.map

package/amd/UNSAFE_ListItemLayout.js.map

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

package/amd/UNSAFE_ListView.js

@@ -1,18 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './ListView-3b9a3235', 'preact/jsx-runtime', './PRIVATE_List', './List-26b59d92', 'preact/hooks', 'module', './utils/UNSAFE_classNames', './classNames-027de734', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './LoadMoreCollection-b7513141', './PRIVATE_Collection', './Collection-55b75a82', 'preact', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-63815bce', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-420f2714', 'preact/compat', './utils/PRIVATE_tabbableUtils', './_curry1-645b9927', './_curry2-93924f19', './_curry3-4cc6f6ba', './hooks/UNSAFE_useId', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './utils/PRIVATE_collectionUtils', './UNSAFE_Skeleton', './Skeleton-d0383726', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_has-cce283ad', './utils/UNSAFE_interpolations/borders', './UNSAFE_Flex', './Flex-7762d39c', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './UNSAFE_Selector', './index-f54bad63', './index-5920700b', './UNSAFE_Icon', './Icon-a6ef6699', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-08ac18d2', './index-e9199379', './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-2f572e0c', './hooks/UNSAFE_useTheme', './hooks/UNSAFE_useTranslationBundle'], (function (exports, ListView, jsxRuntime, PRIVATE_List, List, hooks, linaria, utils_UNSAFE_classNames, classNames, utils_UNSAFE_mergeProps, utils_UNSAFE_keys, LoadMoreCollection, PRIVATE_Collection, Collection, preact, hooks_UNSAFE_useViewportIntersect, PRIVATE_VirtualizedCollection, VirtualizedCollection, utils_UNSAFE_arrayUtils, hooks_UNSAFE_useTabbableMode, UNSAFE_FocusTrap, FocusTrap, compat, utils_PRIVATE_tabbableUtils, _curry1, _curry2, _curry3, hooks_UNSAFE_useId, hooks_PRIVATE_useSelection, hooks_PRIVATE_useCurrentKey, hooks_PRIVATE_useCollectionFocusRing, hooks_PRIVATE_useTabbableModeSet, hooks_PRIVATE_useItemAction, utils_PRIVATE_collectionUtils, UNSAFE_Skeleton, Skeleton, tslib_es6, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_size, utils_UNSAFE_mergeInterpolations, _has, utils_UNSAFE_interpolations_borders, UNSAFE_Flex, Flex, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, UNSAFE_Selector, UNSAFE_ThemedIcons, UNSAFE_Icons, UNSAFE_Icon, Icon, hooks_UNSAFE_useTooltip, UNSAFE_Floating, Floating, hooks_UNSAFE_useFloating, 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, hooks_UNSAFE_useTheme, hooks_UNSAFE_useTranslationBundle) { 'use strict';
-
-	/**
-	 * @license
-	 * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-	 * The Universal Permissive License (UPL), Version 1.0
-	 * as shown at https://oss.oracle.com/licenses/upl/
-	 * @ignore
-	 */
-
-	exports.ListView = ListView.ListView;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./ListView-47d30878","preact/jsx-runtime","./PRIVATE_List","./List-8389e35a","preact/hooks",'module',"./utils/UNSAFE_classNames","./classNames-8316ee15","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./LoadMoreCollection-7f79ccb7","./PRIVATE_Collection","./Collection-2ec8c021","preact","./hooks/UNSAFE_useViewportIntersect","./PRIVATE_VirtualizedCollection","./VirtualizedCollection-7ee00b22","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useTabbableMode","./UNSAFE_FocusTrap","./FocusTrap-c2f57b0b","preact/compat","./utils/PRIVATE_tabbableUtils","./_curry1-3211524b","./_curry2-3a00c9c9","./_curry3-94bfcc86","./hooks/UNSAFE_useId","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./hooks/PRIVATE_useTabbableModeSet","./hooks/PRIVATE_useItemAction","./utils/PRIVATE_collectionUtils","./UNSAFE_Skeleton","./Skeleton-8224d7eb","./tslib.es6-76a2c4b1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_mergeInterpolations","./_has-a61184e7","./utils/UNSAFE_interpolations/borders","./UNSAFE_Flex","./Flex-5d2a4e5c","./utils/UNSAFE_interpolations/boxalignment","./keys-a74413b3","./utils/UNSAFE_interpolations/flexbox","./flexbox-be9ff41e","./utils/UNSAFE_interpolations/flexitem","./flexitem-b1b14674","./UNSAFE_Selector","./index-8ea56d8f","./index-6679bea8","./UNSAFE_Icon","./Icon-469e76d8","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-f87b7541","./index-6b368109","./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-a4fecfae","./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,k,h,d,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,ae,_e,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_ListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ListView.js","sources":["../../src/UNSAFE_ListView/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nexport { ListView } from './ListView';\nexport { Gridlines, ListProps as Props, Roles } from './List.types';\n"],"names":[],"mappings":";;;CAAA;;;;;;CAMG;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_ListView.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_LiveRegion.css

@@ -1,2 +1 @@
-.offScreenStyle-t7mm6v{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;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9MaXZlUmVnaW9uL0xpdmVSZWdpb24udHN4Il0sIm5hbWVzIjpbIi5vZmZTY3JlZW5TdHlsZS10N21tNnYiXSwibWFwcGluZ3MiOiJBQUdNQSIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfTGl2ZVJlZ2lvbi9MaXZlUmVnaW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3ByZWFjdC9ob29rcyc7XG5jb25zdCBvZmZTY3JlZW5TdHlsZSA9IGNzcyBgJHt7XG4gICAgYm9yZGVyOiAwLFxuICAgIGNsaXA6ICdyZWN0KDAgMCAwIDApJyxcbiAgICBoZWlnaHQ6ICcxcHgnLFxuICAgIG1hcmdpbjogJy0xcHgnLFxuICAgIG92ZXJmbG93WDogJ2hpZGRlbicsXG4gICAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgICBwYWRkaW5nVG9wOiAwLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgIHBhZGRpbmdMZWZ0OiAwLFxuICAgIHdpZHRoOiAnMXB4JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJ1xufX1gO1xuLyoqXG4gKiBBIGhlbHBlciBjb21wb25lbnQgdGhhdCByZW5kZXJzIGFuIGFyaWEtbGl2ZSByZWdpb25cbiAqXG4gKiBUT0RPOiBDcmVhdGUgYSBtb3JlIGNlbnRyYWxpemVkIGNvbXBvbmVudCB0aGF0IGNhbiBoYW5kbGUgYXJpYS1saXZlIHJlZ2lvbiBmb3JcbiAqIHRoZSB3aG9sZSBhcHBsaWNhdGlvbiBhbmQgdXNlIGNvbnRleHQgYXBpIHRvIGNvbW11bmljYXRlXG4gKi9cbmZ1bmN0aW9uIExpdmVSZWdpb24oeyBhdG9taWMgPSAnZmFsc2UnLCBjaGlsZHJlbiA9ICcnLCB0aW1lb3V0ID0gMTAwLCB0eXBlID0gJ3BvbGl0ZScgfSkge1xuICAgIGNvbnN0IGFyaWFMaXZlVGV4dCA9IHVzZUxpdmVUZXh0KGNoaWxkcmVuLCB0aW1lb3V0KTtcbiAgICByZXR1cm4gKF9qc3goXCJzcGFuXCIsIE9iamVjdC5hc3NpZ24oeyBcImFyaWEtbGl2ZVwiOiB0eXBlLCBcImFyaWEtYXRvbWljXCI6IGF0b21pYywgY2xhc3M6IG9mZlNjcmVlblN0eWxlIH0sIHsgY2hpbGRyZW46IGFyaWFMaXZlVGV4dCB9KSkpO1xufVxuLyoqXG4gKiBBIGN1c3RvbSBob29rIGZvciBoYW5kbGluZyB0aGUgYXJpYS1saXZlIHJlZ2lvblxuICpcbiAqIEBwYXJhbSB0ZXh0IFRoZSBhcmlhLWxpdmUgdGV4dCB0byB1c2VcbiAqIEBwYXJhbSB0aW1lb3V0IFRoZSB0aW1lb3V0IGZvciBzZXR0aW5nIHRoZSBhcmlhLWxpdmUgdGV4dCBhc3luY1xuICogQHJldHVybnMgVGhlIGFyaWEtbGl2ZSB0ZXh0XG4gKi9cbmZ1bmN0aW9uIHVzZUxpdmVUZXh0KHRleHQsIHRpbWVvdXQpIHtcbiAgICBjb25zdCBbbGl2ZVRleHQsIHNldExpdmVUZXh0XSA9IHVzZVN0YXRlKCk7XG4gICAgY29uc3QgdXBkYXRlVGV4dCA9IHVzZUNhbGxiYWNrKCgpID0+IHNldExpdmVUZXh0KHRleHQpLCBbdGV4dF0pO1xuICAgIGNvbnN0IHVwZGF0ZVRleHRBc3luYyA9IHVzZUNhbGxiYWNrKCgpID0+IHNldFRpbWVvdXQodXBkYXRlVGV4dCwgdGltZW91dCksIFt1cGRhdGVUZXh0LCB0aW1lb3V0XSk7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgdGltZW91dElkID0gdXBkYXRlVGV4dEFzeW5jKCk7XG4gICAgICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQodGltZW91dElkKTtcbiAgICB9LCBbdXBkYXRlVGV4dEFzeW5jXSk7XG4gICAgcmV0dXJuIGxpdmVUZXh0O1xufVxuZXhwb3J0IHsgTGl2ZVJlZ2lvbiB9O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGl2ZVJlZ2lvbi5qcy5tYXAiXX0=*/
+.dtmfbe{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,61 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', "css!./UNSAFE_LiveRegion.css", 'preact/hooks'], (function (exports, jsxRuntime, linaria, hooks) { 'use strict';
-
-    const offScreenStyle = "offScreenStyle-t7mm6v";
-    /**
-     * A helper component that renders an aria-live region
-     *
-     * TODO: Create a more centralized component that can handle aria-live region for
-     * the whole application and use context api to communicate
-     */
-
-    function LiveRegion({
-      atomic = 'false',
-      children = '',
-      timeout = 100,
-      type = 'polite'
-    }) {
-      const ariaLiveText = useLiveText(children, timeout);
-      return jsxRuntime.jsx("span", Object.assign({
-        "aria-live": type,
-        "aria-atomic": atomic,
-        class: offScreenStyle
-      }, {
-        children: ariaLiveText
-      }));
-    }
-    /**
-     * A custom hook for handling the aria-live region
-     *
-     * @param text The aria-live text to use
-     * @param timeout The timeout for setting the aria-live text async
-     * @returns The aria-live text
-     */
-
-
-    function useLiveText(text, timeout) {
-      const [liveText, setLiveText] = hooks.useState();
-      const updateText = hooks.useCallback(() => setLiveText(text), [text]);
-      const updateTextAsync = hooks.useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);
-      hooks.useEffect(() => {
-        const timeoutId = updateTextAsync();
-        return () => clearTimeout(timeoutId);
-      }, [updateTextAsync]);
-      return liveText;
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-
-    exports.LiveRegion = LiveRegion;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+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:"dtmfbe"},{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","../../src/UNSAFE_LiveRegion/index.ts"],"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","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { LiveRegion } from './LiveRegion';\n"],"names":["offScreenStyle","LiveRegion","atomic","children","timeout","type","_jsx","Object","assign","class","ariaLiveText","useLiveText","text","updateText","useCallback","setLiveText","timeoutId","updateTextAsync","clearTimeout","liveText"],"mappings":";;;IAGA,MAAAA,cAAA,GAAA,uBAAA,CAAA;IAqCA;;;;;IAKG;;IACH,SAAAC,UAAA,CAAA;IAAAC,EAAAA,MAAA,GAAA,OAAA;IAAAC,EAAAA,QAAA,GAAA,EAAA;IAAAC,EAAAA,OAAA,GAAA,GAAA;IAAAC,EAAAA,IAAA,GAAA,QAAA;IAAA,CAAA,EAAA;;IAGE,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;IAAA,IAAA,WAAA,EAAAH,IAAA;IAAA,IAAA,aAAA,EAAAH,MAAA;IAAAO,IAAAA,KAAA,EAAAT,cAAAA;IAAA,GAAA,EAAA;IAAAG,IAAAA,QAAA,EAAAO,YAAAA;IAAA,GAAA,CAAA,CAAA,CAAA;IAKF,CAAA;IAEA;;;;;;IAMG;;;IACH,SAAAC,WAAA,CAAAC,IAAA,EAAAR,OAAA,EAAA;;IAEE,EAAA,MAAAS,UAAA,GAAAC,iBAAA,CAAA,MAAAC,WAAA,CAAAH,IAAA,CAAA,EAAA,CAAAA,IAAA,CAAA,CAAA,CAAA;;;QAIE,MAAAI,SAAA,GAAAC,eAAA,EAAA,CAAA;IAEA,IAAA,OAAA,MAAAC,YAAA,CAAAF,SAAA,CAAA,CAAA;IACF,KAAA,CAAAC,eAAA;IAEA,EAAA,OAAAE,QAAA,CAAA;IACF;;IC3EA;;;;;;IAMG;;;;;;;;;;;;;"}
+{"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"}