@oracle/oraclejet 13.1.13 → 13.1.14

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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-4bb78b27","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-79ecf4a8","preact","preact/hooks"],(function(e,s,a,n,i,o,d,r,t,l){"use strict";const u={base:"i8i6ye",startBase:"defvda",topBase:"_uon3wo",insideBase:"yvfd90",insideReadonlyInEnabledForm:"_jt7sv",insideReadonlyNotInEnabledForm:"_9vzhcg",insideNonReadonly:"_4qu274",insideNonReadonlyHasValue:"l0emoy",insideDisabled:"_s6xjfn",insideFocused:"_d2z2wc",insideError:"z0u7tv",insideWarning:"n3pg9f",noWrap:"fbw5b8"},c=e=>{var{hasValue:n,readonly:i,disabled:o,isFocused:t,variant:l="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:y}=d.useFormContext(),m="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([u.base,u.insideBase,i&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!i&&u.insideNonReadonly,!i&&(n||t)&&u.insideNonReadonlyHasValue,!i&&t&&u.insideFocused,o&&u.insideDisabled,!o&&!i&&("insideError"===l||"insideWarning"===l)&&u[l]]):"start"===l?r.classNames([u.base,u.startBase,"truncate"===y&&u.noWrap]):"top"===l?r.classNames([u.base,u.topBase,"truncate"===y&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:m}))};e.Label=e=>{var{forId:i}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=n.useFormFieldContext();return a.jsx(c,Object.assign({for:i,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-ead75a79","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-ce9ba4d4","preact","preact/hooks"],(function(e,s,a,n,i,o,d,r,l,t){"use strict";const u={base:"lyiels",startBase:"i10lca",topBase:"_6dsror",insideBase:"_nfpyqq",insideReadonlyInEnabledForm:"_20qeuq",insideReadonlyNotInEnabledForm:"gbtny5",insideNonReadonly:"_bowqyw",insideNonReadonlyHasValue:"vwah8u",insideDisabled:"_r7v6o",insideFocused:"nudfo2",insideError:"_3nd396",insideWarning:"_4yfk6f",noWrap:"_3n4x"},c=e=>{var{hasValue:n,readonly:i,disabled:o,isFocused:l,variant:t="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:y,labelWrapping:F}=d.useFormContext(),_="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([u.base,u.insideBase,i&&(b&&!y?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!i&&u.insideNonReadonly,!i&&(n||l)&&u.insideNonReadonlyHasValue,!i&&l&&u.insideFocused,o&&u.insideDisabled,!o&&!i&&("insideError"===t||"insideWarning"===t)&&u[t]]):"start"===t?r.classNames([u.base,u.startBase,"truncate"===F&&u.noWrap]):"top"===t?r.classNames([u.base,u.topBase,"truncate"===F&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:_}))};e.Label=e=>{var{forId:i}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:l,isReadonly:t}=n.useFormFieldContext();return a.jsx(c,Object.assign({for:i,hasValue:d,disabled:r,isFocused:l,readonly:t},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Label.js.map

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

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

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

@@ -1,9 +1,9 @@
-.f8dgu1{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._yxy7z7{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._a0t942{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);}
-._ryce92{padding-block-end:0;}
-._qnb5fd{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%;}
-.s7ow8g{display:inline-flex;align-items:center;}
-._i5xq78{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._to5mdz{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.h51rc8{flex:1 1 100%;width:100%;max-width:100%;}
+._o83yjm{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+._vknh6a{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._4gad9c{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);}
+._4pbiz{padding-block-end:0;}
+._ny328{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%;}
+.i69q7i{display:inline-flex;align-items:center;}
+.snqek7{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._4qyt96{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._vn8dlf{flex:1 1 100%;width:100%;max-width:100%;}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_LabelValueLayout.css',"./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-79ecf4a8","./Flex-04de53d1","./tslib.es6-4bb78b27","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-847d8add","./utils/UNSAFE_stringUtils","./stringUtils-0ec27f2d","./utils/UNSAFE_mergeInterpolations","./_curry2-62bd8cc5","./_has-adf035b7","./utils/UNSAFE_interpolations/boxalignment","./keys-44cc9ad9","./utils/UNSAFE_interpolations/flexbox","./flexbox-82ae4c29","./utils/UNSAFE_interpolations/flexitem","./flexitem-f9879632","preact","preact/hooks"],(function(s,t,e,i,a,l,r,n,o,c,d,u,x,_,F,b,m,p,N,f,h,S,U,y,g,E,A){"use strict";const j="f8dgu1",w="_yxy7z7",C="_a0t942",O="_ryce92",k="_qnb5fd",v="s7ow8g",z="_i5xq78",W="_to5mdz";s.LabelValueLayout=({label:s,labelEdge:e,children:i,labelStartWidth:a="33%"})=>{const d=n.sizeToCSS(a),u=`calc(100% - ${d})`,x="start"===e?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===e?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:b,labelWrapping:m}=l.useFormContext(),{isReadonly:p}=r.useFormFieldContext(),N=F&&b||!F&&p,f=o.classNames([j,"start"===e&&w,"top"===e&&C,"top"===e&&N&&O]),h=o.classNames([k,"start"===e&&v,"start"===e&&!N&&z,"truncate"===m&&W]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:f,style:x},{children:t.jsx("div",Object.assign({class:h},{children:s}))})),t.jsx("div",Object.assign({class:"h51rc8",style:_},{children:i}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_LabelValueLayout.css',"./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-ce9ba4d4","./Flex-a9057f17","./tslib.es6-ead75a79","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-554ad15c","./utils/UNSAFE_stringUtils","./stringUtils-04c57dca","./utils/UNSAFE_mergeInterpolations","./_curry2-91254b18","./_has-2040a334","./utils/UNSAFE_interpolations/boxalignment","./keys-824d1a7d","./utils/UNSAFE_interpolations/flexbox","./flexbox-cc1afe60","./utils/UNSAFE_interpolations/flexitem","./flexitem-5d52ce23","preact","preact/hooks"],(function(s,t,e,a,i,l,n,r,o,c,d,u,x,_,F,m,b,p,N,h,S,U,y,E,f,g,A){"use strict";const j="_o83yjm",k="_vknh6a",v="_4gad9c",C="_4pbiz",O="_ny328",w="i69q7i",W="snqek7",q="_4qyt96";s.LabelValueLayout=({label:s,labelEdge:e,children:a,labelStartWidth:i="33%"})=>{const d=r.sizeToCSS(i),u=`calc(100% - ${d})`,x="start"===e?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===e?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:m,labelWrapping:b}=l.useFormContext(),{isReadonly:p}=n.useFormFieldContext(),N=F&&m||!F&&p,h=o.classNames([j,"start"===e&&k,"top"===e&&v,"top"===e&&N&&C]),S=o.classNames([O,"start"===e&&w,"start"===e&&!N&&W,"truncate"===b&&q]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:h,style:x},{children:t.jsx("div",Object.assign({class:S},{children:s}))})),t.jsx("div",Object.assign({class:"_vn8dlf",style:_},{children:a}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

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

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

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

@@ -1,5 +1,5 @@
-._5maakz{display:inline-block;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._5maakz:visited{color:--oj-c-link-text-color-visited;}._5maakz:active{color:--oj-c-link-text-color-active;}._5maakz:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-._rxo6g{--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);}
-._cqmgpe{--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);}
-._29zvy6{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._29zvy6:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._29zvy6:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-.ew9m0j{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.ew9m0j:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.ew9m0j:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._wtv20w{display:inline-block;color:var(--oj-c-link-text-color);text-decoration-color:var(--oj-c-link-text-color);text-decoration-thickness:1px;text-underline-offset:var(--oj-c-link-text-underline-offset);cursor:var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._wtv20w:visited{color:--oj-c-link-text-color-visited;}._wtv20w:active{color:--oj-c-link-text-color-active;}._wtv20w:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+.we1xrs{--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);}
+._fhby2o{--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);}
+._kfngpf{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._kfngpf:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._kfngpf:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+._yzfdq6{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._yzfdq6:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._yzfdq6:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

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

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

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

@@ -1,15 +1,15 @@
-.u9fc08{height:100%;user-select:none;overflow-y:inherit;}.u9fc08:focus{outline-style:none;}
-._nged78{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
-.zq22r{position:relative;}
+.imr2fr{height:100%;user-select:none;overflow-y:inherit;}.imr2fr:focus{outline-style:none;}
+.ogwidr{position:absolute;top:0;width:4px;z-index:1;display:block;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img);background-repeat:no-repeat;background-size:100% 100%;}
+.ac3v2l{position:relative;}
 
-.ljqwn6{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
-.iz89f7{background-size:100% 1px;}
-.ksn62z:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.tyeysn{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-.zkg4fm{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
-.qefnk4{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-._6rune1{flex-grow:1;}._6rune1:focus{outline-style:none;}
-._id0py{display:flex;}
-._50v4fx{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+._l0akwv{height:100%;overflow-x:hidden;overflow-y:hidden;}
 
-._ik5hrx{height:100%;overflow-x:hidden;overflow-y:hidden;}
+._c1nkd4{display:flex;align-items:center;min-height:var(--oj-collection-list-row-height);box-sizing:border-box;background-image:linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color));background-size:0;background-position:0 0;background-repeat:no-repeat;border-top:1px solid transparent;}
+._eig8so{background-size:100% 1px;}
+._wu6jp:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._3zdppe{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._5gmj9i{border-top:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected);}
+.qo7dt1{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+.k2qkeu{flex-grow:1;}.k2qkeu:focus{outline-style:none;}
+._hec5b{display:flex;}
+._5q5z8x{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}

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

@@ -1,2 +1,2 @@
-define(["exports","./ListView-baef20ac","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-79ecf4a8","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-bf762180","./UNSAFE_Collection","./Collection-582605b1","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-ef6d355d","./UNSAFE_Icon","./Icon-5c9b1147","./tslib.es6-4bb78b27","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-468930eb","./UNSAFE_Flex","./Flex-04de53d1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-0ec27f2d","./_curry1-847d8add","./utils/UNSAFE_mergeInterpolations","./_curry2-62bd8cc5","./_has-adf035b7","./utils/UNSAFE_interpolations/boxalignment","./keys-44cc9ad9","./utils/UNSAFE_interpolations/flexbox","./flexbox-82ae4c29","./utils/UNSAFE_interpolations/flexitem","./flexitem-f9879632","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-0751b370","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,a,_,c,u,E,S,U,A,F,N,d,b,p,f,k,x,m,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./ListView-cddcd042","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-ce9ba4d4","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-096caab2","./UNSAFE_Collection","./Collection-5695416d","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-032067ec","./UNSAFE_Icon","./Icon-0e698189","./tslib.es6-ead75a79","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-ca65c0b3","./UNSAFE_Flex","./Flex-a9057f17","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-04c57dca","./_curry1-554ad15c","./utils/UNSAFE_mergeInterpolations","./_curry2-91254b18","./_has-2040a334","./utils/UNSAFE_interpolations/boxalignment","./keys-824d1a7d","./utils/UNSAFE_interpolations/flexbox","./flexbox-cc1afe60","./utils/UNSAFE_interpolations/flexitem","./flexitem-5d52ce23","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-c83f1f18","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,a,c,_,u,E,S,U,A,F,N,d,p,k,x,m,f,h,b,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ListView.js.map

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

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

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

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

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

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

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

@@ -1,19 +1,19 @@
-.ghyzfo{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}.ghyzfo:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._vyj6od{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
-._6okf0{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){._6okf0{flex-direction:column;}}
-._xmwjwh{box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
+.ay92vs{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
 
-.kjmn46{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+._eg02g6{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color);border-bottom:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}._eg02g6:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._4eh4hy{border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg);}
+._ma5nom{line-height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;}@media screen and (max-width:599.9px){._ma5nom{flex-direction:column;}}
+.jmrm4n{box-sizing:border-box;display:flex;flex-wrap:wrap;padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end,var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x));}
 
-._l8zj{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
-._323zc{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.qp1wyr{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
+._ma3bq9{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
 
-.pjia6w{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.pcl2hm{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
-._3smyc5{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+._ovr4p{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._y2g1cm{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height);}
+._tm70b{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
 
-._7xc6ar{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._9fis08{flex:1;overflow-wrap:anywhere;}
+.srjdnb{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
+.x99590{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
 
-._d91s7h{flex:1;overflow-wrap:anywhere;}
-._l6v46{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight);color:var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color);}
-.q12i10{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:400;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);line-height:1.333;}
+.lkr8vl{flex-shrink:0;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-9e400f6f","./MessageDetail-23f9cad4","./MessageFormattingUtils-7c9bd1da","./MessageStartIcon-c4eb6b7d","./MessageSummary-9b51073c","./MessageTimestamp-1139f48d","./MessageUtils-1a9ae638","./classNames-79ecf4a8","./Flex-04de53d1","./MessagesManager-ec9e2d0e","./Message.types-59790c90","./tslib.es6-4bb78b27","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-0ec27f2d","./_curry1-847d8add","./utils/UNSAFE_mergeInterpolations","./_curry2-62bd8cc5","./_has-adf035b7","./utils/UNSAFE_interpolations/boxalignment","./keys-44cc9ad9","./utils/UNSAFE_interpolations/flexbox","./flexbox-82ae4c29","./utils/UNSAFE_interpolations/flexitem","./flexitem-f9879632","preact","./utils/UNSAFE_getLocale","./index-ef6d355d","./UNSAFE_Icon","./Icon-5c9b1147","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-468930eb","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,g,m,p,f,S,M,b,x,v,y,F,U,_,N,E,j,A,h,V,C,I,k,T,B,O,P,R,w,D,z,L,G,H,K,$){"use strict";function q(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="ghyzfo",Q="_vyj6od",W="_6okf0",X="_xmwjwh";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=g.getRenderer,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesContext=f.MessagesContext,e.MessagesManager=f.MessagesManager,e.severities=S.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:f,messageRef:S=(()=>{}),translations:M,type:b}){const{closeAffordance:x="on",severity:v="error",sound:y,summary:F,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(S,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==f||f(n)}),[n,f]),j=r.useCallback((e=>{"Escape"===e.key&&"on"===x&&(null==f||f(n))}),[x,n,f]);r.useEffect((()=>{l.isValidValueForProp(y)&&g.playSound(y)}),[]);const A=m.classNames([J,_,"section"===b&&Q]);return s.jsx("div",Object.assign({ref:N,class:A,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j},{children:s.jsxs("div",Object.assign({class:X},{children:[q(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:M}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:F}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===x&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==M?void 0:M.close,variant:"banner",onAction:E})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-5f75ae53","./MessageDetail-d4925204","./MessageFormattingUtils-3fc31444","./MessageStartIcon-16b79d61","./MessageSummary-f9bba0b5","./MessageTimestamp-a9eb105e","./MessageUtils-d6ddfcc8","./classNames-ce9ba4d4","./Flex-a9057f17","./MessagesManager-2525c568","./Message.types-f59ca5cb","./tslib.es6-ead75a79","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-04c57dca","./_curry1-554ad15c","./utils/UNSAFE_mergeInterpolations","./_curry2-91254b18","./_has-2040a334","./utils/UNSAFE_interpolations/boxalignment","./keys-824d1a7d","./utils/UNSAFE_interpolations/flexbox","./flexbox-cc1afe60","./utils/UNSAFE_interpolations/flexitem","./flexitem-5d52ce23","preact","./utils/UNSAFE_getLocale","./index-032067ec","./UNSAFE_Icon","./Icon-0e698189","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-ca65c0b3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,m,g,p,S,M,x,b,f,v,y,F,U,_,N,E,A,j,h,V,C,I,T,k,B,O,P,R,D,w,L,z,G,H,K,$){"use strict";function q(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_eg02g6",Q="_4eh4hy",W="_ma5nom",X="jmrm4n";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=m.getRenderer,e.isSeverityIconNeeded=m.isSeverityIconNeeded,e.playSound=m.playSound,e.severityBasedStyleClass=m.severityBasedStyleClass,e.throwError=m.throwError,e.MessagesContext=S.MessagesContext,e.MessagesManager=S.MessagesManager,e.severities=M.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:S,messageRef:M=(()=>{}),translations:x,type:b}){const{closeAffordance:f="on",severity:v="error",sound:y,summary:F,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return g.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(M,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==S||S(n)}),[n,S]),A=r.useCallback((e=>{"Escape"===e.key&&"on"===f&&(null==S||S(n))}),[f,n,S]);r.useEffect((()=>{l.isValidValueForProp(y)&&m.playSound(y)}),[]);const j=g.classNames([J,_,"section"===b&&Q]);return s.jsx("div",Object.assign({ref:N,class:j,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:A},{children:s.jsxs("div",Object.assign({class:X},{children:[q(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:x}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:F}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===f&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==x?void 0:x.close,variant:"banner",onAction:E})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Message.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Message.js","sources":["../../src/UNSAFE_Message/Message.tsx"],"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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageDetail, MessageTemplateItem } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound } from './MessageUtils';\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction getSeverityStyleClass(severity: MessageSeverity) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return cx([isValidSeverity && severity !== 'none' && `oj-c-messagebanner-${severity}`]);\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n    borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  header: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)',\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps once it is available.\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: cssProps`${{\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingInlineStart:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n    paddingInlineEnd:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nfunction StyledMessageHeader({ children }: MessageHeaderProps) {\n  return (\n    <div role=\"presentation\" class={messageStyles.header}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Type of the mutated Ref to allow setting focus\n */\ntype SimpleBannerMessageHandle = {\n  /**\n   * Method to set focus to the rendered message\n   */\n  focus: () => void;\n\n  /**\n   * Method to determine whether an element is inside this component\n   * @param element The candidate element\n   */\n  contains: (element?: Element | null) => boolean;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<SimpleBannerMessageHandle>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageTemplateItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  translations,\n  type\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const severityClass = getSeverityStyleClass(severity);\n  const containerDivRef = useRef<HTMLDivElement>(null);\n\n  // Add methods to the ref object\n  useImperativeHandle(messageRef, () => ({\n    focus: () => containerDivRef.current?.focus(),\n    contains: (element) => {\n      return (\n        containerDivRef.current === element ||\n        ((element && containerDivRef.current?.contains(element)) ?? false)\n      );\n    }\n  }));\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base,\n    severityClass,\n    type === 'section' && messageStyles.section\n  ]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={containerDivRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}>\n      <div class={messageStyles.content}>\n        {isSeverityIconNeeded(severity) && (\n          <MessageStartIcon variant=\"banner\" severity={severity} translations={translations} />\n        )}\n        <Flex direction=\"column\" flex=\"1\">\n          <StyledMessageHeader>\n            <MessageSummary variant=\"banner\" text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && (\n              <MessageTimestamp variant=\"banner\" value={timestamp!} />\n            )}\n          </StyledMessageHeader>\n          <MessageDetail variant=\"banner\" item={{ ...item, index }} renderer={detailRenderer} />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant=\"banner\"\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["isSeverityIconNeeded","severity","messageStyles","StyledMessageHeader","children","_jsx","Object","assign","role","class","closeButtonRenderer","detailRenderer","index","item","onClose","messageRef","translations","type","closeAffordance","sound","summary","timestamp","data","severityClass","cx","classNames","isValidSeverity","getSeverityStyleClass","containerDivRef","useRef","useImperativeHandle","focus","_a","current","contains","element","_b","handleClose","useCallback","handleCloseOnEsc","event","isValidValueForProp","ref","rootClasses","tabIndex","onKeyUp","_jsxs","jsxs","MessageStartIcon","variant","Flex","direction","flex","jsx","MessageSummary","text","MessageTimestamp","value","MessageDetail","renderer","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"kwCA2EA,SAAAA,EAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,EAAA,SAAAA,EAAA,UAAAA,EAAA,SAAAA,YAqDA,SAAAC,GAAAC,SAAAA,IACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,eAAAC,MAAAP,GAAA,CAAAE,SAAAA,yiBAyGF,UAAAM,oBAAAA,EAAAC,eAAAA,EAAAC,MAAAA,GAAA,EAAAC,KAAAA,EAAAC,QAAAA,EAAAC,WAAAA,EAAA,SAAAC,aAAAA,EAAAC,KAAAA,IAUE,MAAAC,gBAAAA,EAAA,KAAAjB,SAAAA,EAAA,QAAAkB,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAAR,EAAAS,KACAC,EA/LF,SAAAtB,+CAEE,OAAAuB,EAAAC,WAAA,CAAAC,GAAA,SAAAzB,GAAA,sBAAAA,MA6LA0B,CAAA1B,GACA2B,EAAAC,SAAA,MAGAC,EAAAA,oBAAAf,GAAA,KAAA,CACEgB,MAAA,KAAA,IAAAC,EAAA,OAAA,QAAAA,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAD,SACAG,SAAAC,YACE,OAAAP,EAAAK,UAAAE,GAEE,QAAAC,EAAAD,IAAA,QAAAH,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAE,SAAAC,WAAA,IAAAC,GAAAA,OAQN,MAAAC,EAAAC,EAAAA,aAAA,KACExB,MAAAA,GAAAA,EAAAD,KACF,CAAAA,EAAAC,IAKAyB,EAAAD,EAAAA,aAAAE,iCAIM1B,MAAAA,GAAAA,EAAAD,iCAOJ4B,EAAAA,oBAAAtB,qBAKF,0BAGEjB,IAEA,YAAAe,GAAAf,IAOF,OAAAG,MAAA,MAAAC,OAAAC,OAAA,CAAAmC,IAAAd,EAAAnB,MAAAkC,EAAAnC,KAAA,QAAA,cAAA,OAAAoC,SAAA,EAAAC,QAAAN,GAAA,CAAAnC,SAAA0C,EAAAC,KAAA,MAAAzC,OAAAC,OAAA,CAAAE,MAAAP,GAAA,CAAAE,SAAA,CAAAJ,EAAAC,IAAAI,EAAAA,IAAA2C,EAAAA,iBAAA,CAAAC,QAAA,SAAAhD,SAAAA,EAAAe,aAAAA,IAAA8B,EAAAC,KAAAG,OAAA5C,OAAAC,OAAA,CAAA4C,UAAA,SAAAC,KAAA,KAAA,CAAAhD,SAAA,CAAA0C,EAAAC,KAAA5C,EAAA,CAAAC,SAAA,CAAAC,EAAAgD,IAAAC,iBAAA,CAAAL,QAAA,SAAAM,KAAAnC,IAAAqB,EAAAA,oBAAApB,EAAA,cAAAhB,EAAAA,IAAAmD,EAAAA,iBAAA,CAAAP,QAAA,SAAAQ,MAAApC,OAAAhB,EAAAgD,IAAAK,gBAAA,CAAAT,QAAA,SAAApC,KAAAP,OAAAC,OAAAD,OAAAC,OAAA,GAAAM,GAAA,CAAAD,MAAAA,IAAA+C,SAAAhD,QAAA,OAAAO,GAAAb,EAAAA,IAAAuD,EAAAA,mBAAA,CAAAC,eAAAnD,EAAAoD,MAAA9C,MAAAA,OAAA,EAAAA,EAAA+C,MAAAd,QAAA,SAAAe,SAAA3B"}
+{"version":3,"file":"UNSAFE_Message.js","sources":["../../src/UNSAFE_Message/Message.tsx"],"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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'preact/hooks';\nimport { MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageDetail, MessageTemplateItem } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound } from './MessageUtils';\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction getSeverityStyleClass(severity: MessageSeverity) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return cx([isValidSeverity && severity !== 'none' && `oj-c-messagebanner-${severity}`]);\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n    borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  header: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)',\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps once it is available.\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: cssProps`${{\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n    paddingInlineStart:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n    paddingInlineEnd:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nfunction StyledMessageHeader({ children }: MessageHeaderProps) {\n  return (\n    <div role=\"presentation\" class={messageStyles.header}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Type of the mutated Ref to allow setting focus\n */\ntype SimpleBannerMessageHandle = {\n  /**\n   * Method to set focus to the rendered message\n   */\n  focus: () => void;\n\n  /**\n   * Method to determine whether an element is inside this component\n   * @param element The candidate element\n   */\n  contains: (element?: Element | null) => boolean;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<SimpleBannerMessageHandle>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  type?: 'page' | 'section';\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageTemplateItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  translations,\n  type\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const severityClass = getSeverityStyleClass(severity);\n  const containerDivRef = useRef<HTMLDivElement>(null);\n\n  // Add methods to the ref object\n  useImperativeHandle(messageRef, () => ({\n    focus: () => containerDivRef.current?.focus(),\n    contains: (element) => {\n      return (\n        containerDivRef.current === element ||\n        ((element && containerDivRef.current?.contains(element)) ?? false)\n      );\n    }\n  }));\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base,\n    severityClass,\n    type === 'section' && messageStyles.section\n  ]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={containerDivRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}>\n      <div class={messageStyles.content}>\n        {isSeverityIconNeeded(severity) && (\n          <MessageStartIcon variant=\"banner\" severity={severity} translations={translations} />\n        )}\n        <Flex direction=\"column\" flex=\"1\">\n          <StyledMessageHeader>\n            <MessageSummary variant=\"banner\" text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && (\n              <MessageTimestamp variant=\"banner\" value={timestamp!} />\n            )}\n          </StyledMessageHeader>\n          <MessageDetail variant=\"banner\" item={{ ...item, index }} renderer={detailRenderer} />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant=\"banner\"\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["isSeverityIconNeeded","severity","messageStyles","StyledMessageHeader","children","_jsx","Object","assign","role","class","closeButtonRenderer","detailRenderer","index","item","onClose","messageRef","translations","type","closeAffordance","sound","summary","timestamp","data","severityClass","cx","classNames","isValidSeverity","getSeverityStyleClass","containerDivRef","useRef","useImperativeHandle","focus","_a","current","contains","element","_b","handleClose","useCallback","handleCloseOnEsc","event","isValidValueForProp","ref","rootClasses","tabIndex","onKeyUp","_jsxs","jsxs","MessageStartIcon","variant","Flex","direction","flex","jsx","MessageSummary","text","MessageTimestamp","value","MessageDetail","renderer","MessageCloseButton","buttonRenderer","title","close","onAction"],"mappings":"kwCA2EA,SAAAA,EAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,EAAA,UAAAA,EAAA,UAAAA,EAAA,UAAAA,WAqDA,SAAAC,GAAAC,SAAAA,IACE,OAAAC,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,eAAAC,MAAAP,GAAA,CAAAE,SAAAA,yiBAyGF,UAAAM,oBAAAA,EAAAC,eAAAA,EAAAC,MAAAA,GAAA,EAAAC,KAAAA,EAAAC,QAAAA,EAAAC,WAAAA,EAAA,SAAAC,aAAAA,EAAAC,KAAAA,IAUE,MAAAC,gBAAAA,EAAA,KAAAjB,SAAAA,EAAA,QAAAkB,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAAR,EAAAS,KACAC,EA/LF,SAAAtB,+CAEE,OAAAuB,EAAAC,WAAA,CAAAC,GAAA,SAAAzB,GAAA,sBAAAA,MA6LA0B,CAAA1B,GACA2B,EAAAC,SAAA,MAGAC,EAAAA,oBAAAf,GAAA,KAAA,CACEgB,MAAA,KAAA,IAAAC,EAAA,OAAA,QAAAA,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAD,SACAG,SAAAC,YACE,OAAAP,EAAAK,UAAAE,GAEE,QAAAC,EAAAD,IAAA,QAAAH,EAAAJ,EAAAK,eAAA,IAAAD,OAAA,EAAAA,EAAAE,SAAAC,WAAA,IAAAC,GAAAA,OAQN,MAAAC,EAAAC,EAAAA,aAAA,KACExB,MAAAA,GAAAA,EAAAD,KACF,CAAAA,EAAAC,IAKAyB,EAAAD,EAAAA,aAAAE,iCAIM1B,MAAAA,GAAAA,EAAAD,iCAOJ4B,EAAAA,oBAAAtB,qBAKF,0BAGEjB,IAEA,YAAAe,GAAAf,IAOF,OAAAG,MAAA,MAAAC,OAAAC,OAAA,CAAAmC,IAAAd,EAAAnB,MAAAkC,EAAAnC,KAAA,QAAA,cAAA,OAAAoC,SAAA,EAAAC,QAAAN,GAAA,CAAAnC,SAAA0C,EAAAC,KAAA,MAAAzC,OAAAC,OAAA,CAAAE,MAAAP,GAAA,CAAAE,SAAA,CAAAJ,EAAAC,IAAAI,EAAAA,IAAA2C,EAAAA,iBAAA,CAAAC,QAAA,SAAAhD,SAAAA,EAAAe,aAAAA,IAAA8B,EAAAC,KAAAG,OAAA5C,OAAAC,OAAA,CAAA4C,UAAA,SAAAC,KAAA,KAAA,CAAAhD,SAAA,CAAA0C,EAAAC,KAAA5C,EAAA,CAAAC,SAAA,CAAAC,EAAAgD,IAAAC,iBAAA,CAAAL,QAAA,SAAAM,KAAAnC,IAAAqB,EAAAA,oBAAApB,EAAA,cAAAhB,EAAAA,IAAAmD,EAAAA,iBAAA,CAAAP,QAAA,SAAAQ,MAAApC,OAAAhB,EAAAgD,IAAAK,gBAAA,CAAAT,QAAA,SAAApC,KAAAP,OAAAC,OAAAD,OAAAC,OAAA,GAAAM,GAAA,CAAAD,MAAAA,IAAA+C,SAAAhD,QAAA,OAAAO,GAAAb,EAAAA,IAAAuD,EAAAA,mBAAA,CAAAC,eAAAnD,EAAAoD,MAAA9C,MAAAA,OAAA,EAAAA,EAAA+C,MAAAd,QAAA,SAAAe,SAAA3B"}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useMessagesFocusManager","./UNSAFE_LiveRegion","./UNSAFE_Message","preact/hooks","./UNSAFE_Flex","./Flex-04de53d1","./MessagesManager-ec9e2d0e","./MessageUtils-1a9ae638",'module',"./utils/UNSAFE_classNames","./classNames-79ecf4a8","./MessageCloseButton-9e400f6f","./MessageDetail-23f9cad4","preact","./MessageFormattingUtils-7c9bd1da","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-0ec27f2d","./Message.types-59790c90","./utils/UNSAFE_arrayUtils","./MessageStartIcon-c4eb6b7d","./index-ef6d355d","./UNSAFE_Icon","./Icon-5c9b1147","./tslib.es6-4bb78b27","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-468930eb","./MessageSummary-9b51073c","./MessageTimestamp-1139f48d","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-847d8add","./utils/UNSAFE_mergeInterpolations","./_curry2-62bd8cc5","./_has-adf035b7","./utils/UNSAFE_interpolations/boxalignment","./keys-44cc9ad9","./utils/UNSAFE_interpolations/flexbox","./flexbox-82ae4c29","./utils/UNSAFE_interpolations/flexitem","./flexitem-f9879632","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,a,i,o,r,l,c,u,g,d,f,m,F,U,h,E,M,_,b,S,v,x,p,A,N,R,y,k,j,C,I,T,B,L,O,P,w,z,W,D,G,H,K,q,J,Q,V){"use strict";const X={enter:[{effect:"expand",duration:"0.25s",direction:"height"}],exit:[{effect:"collapse",duration:"0.25s",direction:"height"}]},Y={close:"Close",navigationFromMessagesRegion:"Entering messages region. Press F6 to navigate back to prior focused element.",navigationToMessagesRegion:"Messages region has new messages. Press F6 to navigate to the most recent message region.",error:"Error",warning:"Warning",info:"Info",confirmation:"Confirmation"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:o,data:u,onClose:g,renderers:d,startAnimation:f,translations:m=Y,type:F="section"}){const U=i.useRef(new Map),h=i.useRef(null),E=i.useRef(null),[M,_]=i.useState(),[b,S]=i.useState(u.length>0),v=i.useRef(u.length),x=i.useRef(0);v.current=u.length;const p=i.useCallback((e=>s=>U.current.set(e,s)),[]);i.useImperativeHandle(E,(()=>({focus:()=>{var e;if(u.length){const s=u[0].key;return null===(e=U.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,n;return!(!u.length||!e)&&(null!==(n=null===(s=h.current)||void 0===s?void 0:s.contains(e))&&void 0!==n&&n)}})),[u,U]);const{controller:A,handlers:N}=n.useMessageFocusManager(E,{onFocus:i.useCallback((()=>{_(m.navigationFromMessagesRegion)}),[_])}),R=i.useCallback((e=>{null==g||g(e)}),[g]),y=i.useCallback(((e,s,n)=>{var t;const a=null==n?void 0:n.contains(document.activeElement);if(0===v.current)return S(!1),void(a&&A.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&a){const e=u[i].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[A,u]);return i.useEffect((()=>{u.length?(S(!0),u.length>x.current&&_(m.navigationToMessagesRegion),A.prioritize()):_(""),x.current=u.length}),[u,A]),b||0!==u.length?s.jsx("div",Object.assign({ref:h,class:"oj-c-messagebanner",tabIndex:-1},N,{children:s.jsxs(r.Flex,Object.assign({direction:"column",gap:"section"===F?"1x":void 0},{children:[s.jsx(l.MessagesManager,Object.assign({animations:X,data:u,startAnimation:f,onMessageWillRemove:y},{children:({index:n,item:t})=>s.jsx(a.Message,{messageRef:p(t.key),item:t,closeButtonRenderer:e,detailRenderer:c.getRenderer(t,o,d),index:n,translations:m,type:F,onClose:R},t.key)})),s.jsx(t.LiveRegion,{children:M})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useMessagesFocusManager","./UNSAFE_LiveRegion","./UNSAFE_Message","preact/hooks","./UNSAFE_Flex","./Flex-a9057f17","./MessagesManager-2525c568","./MessageUtils-d6ddfcc8",'module',"./utils/UNSAFE_classNames","./classNames-ce9ba4d4","./MessageCloseButton-5f75ae53","./MessageDetail-d4925204","preact","./MessageFormattingUtils-3fc31444","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-04c57dca","./Message.types-f59ca5cb","./utils/UNSAFE_arrayUtils","./MessageStartIcon-16b79d61","./index-032067ec","./UNSAFE_Icon","./Icon-0e698189","./tslib.es6-ead75a79","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-ca65c0b3","./MessageSummary-f9bba0b5","./MessageTimestamp-a9eb105e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-554ad15c","./utils/UNSAFE_mergeInterpolations","./_curry2-91254b18","./_has-2040a334","./utils/UNSAFE_interpolations/boxalignment","./keys-824d1a7d","./utils/UNSAFE_interpolations/flexbox","./flexbox-cc1afe60","./utils/UNSAFE_interpolations/flexitem","./flexitem-5d52ce23","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,a,i,o,r,l,c,u,g,d,f,m,F,U,h,E,M,_,S,v,x,b,p,A,N,R,y,k,j,C,I,T,B,L,O,P,w,z,W,D,G,H,K,q,J,Q,V){"use strict";const X={enter:[{effect:"expand",duration:"0.25s",direction:"height"}],exit:[{effect:"collapse",duration:"0.25s",direction:"height"}]},Y={close:"Close",navigationFromMessagesRegion:"Entering messages region. Press F6 to navigate back to prior focused element.",navigationToMessagesRegion:"Messages region has new messages. Press F6 to navigate to the most recent message region.",error:"Error",warning:"Warning",info:"Info",confirmation:"Confirmation"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:o,data:u,onClose:g,renderers:d,startAnimation:f,translations:m=Y,type:F="section"}){const U=i.useRef(new Map),h=i.useRef(null),E=i.useRef(null),[M,_]=i.useState(),[S,v]=i.useState(u.length>0),x=i.useRef(u.length),b=i.useRef(0);x.current=u.length;const p=i.useCallback((e=>s=>U.current.set(e,s)),[]);i.useImperativeHandle(E,(()=>({focus:()=>{var e;if(u.length){const s=u[0].key;return null===(e=U.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,n;return!(!u.length||!e)&&(null!==(n=null===(s=h.current)||void 0===s?void 0:s.contains(e))&&void 0!==n&&n)}})),[u,U]);const{controller:A,handlers:N}=n.useMessageFocusManager(E,{onFocus:i.useCallback((()=>{_(m.navigationFromMessagesRegion)}),[_])}),R=i.useCallback((e=>{null==g||g(e)}),[g]),y=i.useCallback(((e,s,n)=>{var t;const a=null==n?void 0:n.contains(document.activeElement);if(0===x.current)return v(!1),void(a&&A.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&a){const e=u[i].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[A,u]);return i.useEffect((()=>{u.length?(v(!0),u.length>b.current&&_(m.navigationToMessagesRegion),A.prioritize()):_(""),b.current=u.length}),[u,A]),S||0!==u.length?s.jsx("div",Object.assign({ref:h,class:"oj-c-messagebanner",tabIndex:-1},N,{children:s.jsxs(r.Flex,Object.assign({direction:"column",gap:"section"===F?"1x":void 0},{children:[s.jsx(l.MessagesManager,Object.assign({animations:X,data:u,startAnimation:f,onMessageWillRemove:y},{children:({index:n,item:t})=>s.jsx(a.Message,{messageRef:p(t.key),item:t,closeButtonRenderer:e,detailRenderer:c.getRenderer(t,o,d),index:n,translations:m,type:F,onClose:R},t.key)})),s.jsx(t.LiveRegion,{children:M})]}))})):null},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_MessageBanner.js.map

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

@@ -1,5 +1,5 @@
-._c496sw{position:fixed;top:0;right:0;bottom:0;left:0;}
+.xm9xci{position:fixed;top:0;right:0;bottom:0;left:0;}
 
-.fy3os7{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+.csnnjk{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
 
-._4fg50t{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}
+._3w76w1{position:absolute;inset:0;background-color:transparent;height:100%;margin:0 auto;max-width:calc(100% - 0.01px) !important;display:flex;align-items:center;justify-content:center;}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/compat","./UNSAFE_Layer",'css!./UNSAFE_Modal.css',"preact"],(function(e,r,n,s,t,c){"use strict";const a="fy3os7",i=()=>r.jsx("div",{class:a}),l="_4fg50t",o=n.forwardRef((({children:e},n)=>r.jsx("div",Object.assign({class:l,ref:n},{children:e}))));o.displayName="Forwarded<ModalContainer>";const d="_c496sw",u=({children:e})=>r.jsx("div",Object.assign({class:d},{children:e}));e.Modal=({children:e,isOpen:t,onBackdropClick:c})=>{const{modalRef:a}=(e=>{const{isOpen:r,onBackdropClick:s}=e,t=n.useRef(null),c=n.useRef(null),a=n.useCallback((e=>{t.current===e.target&&(c.current=e.target)}),[]),i=n.useCallback((e=>{t.current===e.target&&(e.stopPropagation(),c.current===e.target&&(null==s||s()))}),[s]);return n.useEffect((()=>{const e=t.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",i),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",i)}):()=>{}}),[r,a,i]),{modalRef:t}})({isOpen:t,onBackdropClick:c});return t?r.jsx(s.Layer,{children:r.jsxs(u,{children:[r.jsx(i,{}),r.jsx(o,Object.assign({ref:a},{children:e}))]})}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","preact/compat","./UNSAFE_Layer",'css!./UNSAFE_Modal.css',"preact"],(function(e,r,n,s,t,c){"use strict";const a="csnnjk",i=()=>r.jsx("div",{class:a}),l="_3w76w1",o=n.forwardRef((({children:e},n)=>r.jsx("div",Object.assign({class:l,ref:n},{children:e}))));o.displayName="Forwarded<ModalContainer>";const d="xm9xci",u=({children:e})=>r.jsx("div",Object.assign({class:d},{children:e}));e.Modal=({children:e,isOpen:t,onBackdropClick:c})=>{const{modalRef:a}=(e=>{const{isOpen:r,onBackdropClick:s}=e,t=n.useRef(null),c=n.useRef(null),a=n.useCallback((e=>{t.current===e.target&&(c.current=e.target)}),[]),i=n.useCallback((e=>{t.current===e.target&&(e.stopPropagation(),c.current===e.target&&(null==s||s()))}),[s]);return n.useEffect((()=>{const e=t.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",i),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",i)}):()=>{}}),[r,a,i]),{modalRef:t}})({isOpen:t,onBackdropClick:c});return t?r.jsx(s.Layer,{children:r.jsxs(u,{children:[r.jsx(i,{}),r.jsx(o,Object.assign({ref:a},{children:e}))]})}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Modal.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalContainer.tsx","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from \"preact/compat\";\n\nexport type UseModalProps = Readonly<{\n    /**\n     * Determines whether the Modal is open.\n     */\n    isOpen : boolean;\n    /**\n     * On backdrop click callback.\n     */\n    onBackdropClick? : () => void;\n  }>;\n  \n  /**\n   *\n   * @param props\n   */\n  export const useModal = (props: UseModalProps) => {\n    \n    const {\n      isOpen,\n      onBackdropClick : onBackdropClickProp,\n    } = props;\n\n    const modalRef = useRef<HTMLDivElement>(null)\n\n    const mouseDownTarget = useRef<EventTarget | null>(null);\n\n    const onMouseDown = useCallback( (event: MouseEvent) => {\n        if (modalRef.current === event.target) {\n          mouseDownTarget.current = event.target\n        }\n      }, []);\n\n    const onBackdropClick = useCallback( (event: MouseEvent) => {\n      \n      if (modalRef.current === event.target) {\n        event.stopPropagation()\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.()\n        }\n      }\n    }, [onBackdropClickProp] )\n\n    useEffect(() => {\n      const modal = modalRef.current;\n\n      if (modal) {\n        modal.addEventListener('mousedown', onMouseDown);\n        modal.addEventListener('click', onBackdropClick); \n\n        return () => {\n          modal.removeEventListener('mousedown', onMouseDown);\n          modal.removeEventListener('click', onBackdropClick);\n        }\n      }\n\n      return () => {};\n    }, [isOpen, onMouseDown, onBackdropClick]);\n\n    return {\n      modalRef,\n    }\n\n  };\n  \n  export default useModal;\n  ","import { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'rgba(0,0,0,.5)'\n  }}`\n};\n\nconst ModalBackdrop = () => <div class={styles.base} />;\n\nexport default ModalBackdrop;\n","import { JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = IntrinsicProps;\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: 'transparent',\n    height: '100%',\n    margin: '0 auto',\n    maxWidth: 'calc(100% - 0.01px) !important',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }}`\n};\n\nconst ModalContainer = forwardRef<HTMLDivElement, Props>(({ children }, ref) => (\n  <div class={styles.base} ref={ref}>\n    {children}\n  </div>\n));\nModalContainer.displayName = 'Forwarded<ModalContainer>';\n\nexport default ModalContainer;\n","import { JSX } from 'preact';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalContainer from './ModalContainer';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps & IntrinsicProps;\n\nconst styles = {\n  base: cssProps`${{\n    position: 'fixed',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => <div class={styles.base}>{children}</div>;\n\nconst Modal = ({ children, isOpen, onBackdropClick }: Props) => {\n  const { modalRef } = useModal({ isOpen, onBackdropClick });\n\n  return isOpen ? (\n    <Layer>\n      <ModalWrapper>\n        <ModalBackdrop />\n        <ModalContainer ref={modalRef}>{children}</ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["styles","ModalBackdrop","_jsx","jsx","class","ModalContainer","forwardRef","children","ref","Object","assign","displayName","ModalWrapper","isOpen","onBackdropClick","modalRef","props","onBackdropClickProp","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener","useModal","Layer","_jsxs","jsxs"],"mappings":"gIAkBS,MChBTA,WAWAC,EAAA,IAAAC,EAAAC,IAAA,MAAA,CAAAC,MAAAJ,ICNAA,YAcAK,EAAAC,EAAAA,YAAA,EAAAC,SAAAA,GAAAC,IAAAN,EAAAC,IAAA,MAAAM,OAAAC,OAAA,CAAAN,MAAAJ,EAAAQ,IAAAA,GAAA,CAAAD,SAAAA,OAKAF,EAAAM,YAAA,4BCfA,MAAAX,YAUAY,EAAA,EAAAL,SAAAA,KAAAL,MAAA,MAAAO,OAAAC,OAAA,CAAAN,MAAAJ,GAAA,CAAAO,SAAAA,aAEA,EAAAA,SAAAA,EAAAM,OAAAA,EAAAC,gBAAAA,MACE,MAAAC,SAAAA,GHNyBC,CAAAA,IAEvB,MAAMH,OACJA,EACAC,gBAAkBG,GAChBD,EAEED,EAAWG,SAAuB,MAElCC,EAAkBD,SAA2B,MAE7CE,EAAcC,eAAcC,IAC1BP,EAASQ,UAAYD,EAAME,SAC7BL,EAAgBI,QAAUD,EAAME,UAEjC,IAECV,EAAkBO,eAAcC,IAEhCP,EAASQ,UAAYD,EAAME,SAC7BF,EAAMG,kBAEFN,EAAgBI,UAAYD,EAAME,SACpCP,MAAAA,GAAAA,QAGH,CAACA,IAkBJ,OAhBAS,EAAAA,WAAU,KACR,MAAMC,EAAQZ,EAASQ,QAEvB,OAAII,GACFA,EAAMC,iBAAiB,YAAaR,GACpCO,EAAMC,iBAAiB,QAASd,GAEzB,KACLa,EAAME,oBAAoB,YAAaT,GACvCO,EAAME,oBAAoB,QAASf,KAIhC,SACN,CAACD,EAAQO,EAAaN,IAElB,CACLC,SAAAA,IGvCJe,CAAA,CAAAjB,OAAAA,EAAAC,gBAAAA,IAEA,OAAAD,EAAAX,EAAAC,IAAA4B,QAAA,CAAAxB,SAAAyB,EAAAC,KAAArB,EAAA,CAAAL,SAAA,CAAAL,EAAAC,IAAAF,EAAA,IAAAC,MAAAG,EAAAI,OAAAC,OAAA,CAAAF,IAAAO,GAAA,CAAAR,SAAAA,UAAA"}
+{"version":3,"file":"UNSAFE_Modal.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalContainer.tsx","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["\nimport { useRef, useCallback, useEffect } from \"preact/compat\";\n\nexport type UseModalProps = Readonly<{\n    /**\n     * Determines whether the Modal is open.\n     */\n    isOpen : boolean;\n    /**\n     * On backdrop click callback.\n     */\n    onBackdropClick? : () => void;\n  }>;\n  \n  /**\n   *\n   * @param props\n   */\n  export const useModal = (props: UseModalProps) => {\n    \n    const {\n      isOpen,\n      onBackdropClick : onBackdropClickProp,\n    } = props;\n\n    const modalRef = useRef<HTMLDivElement>(null)\n\n    const mouseDownTarget = useRef<EventTarget | null>(null);\n\n    const onMouseDown = useCallback( (event: MouseEvent) => {\n        if (modalRef.current === event.target) {\n          mouseDownTarget.current = event.target\n        }\n      }, []);\n\n    const onBackdropClick = useCallback( (event: MouseEvent) => {\n      \n      if (modalRef.current === event.target) {\n        event.stopPropagation()\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.()\n        }\n      }\n    }, [onBackdropClickProp] )\n\n    useEffect(() => {\n      const modal = modalRef.current;\n\n      if (modal) {\n        modal.addEventListener('mousedown', onMouseDown);\n        modal.addEventListener('click', onBackdropClick); \n\n        return () => {\n          modal.removeEventListener('mousedown', onMouseDown);\n          modal.removeEventListener('click', onBackdropClick);\n        }\n      }\n\n      return () => {};\n    }, [isOpen, onMouseDown, onBackdropClick]);\n\n    return {\n      modalRef,\n    }\n\n  };\n  \n  export default useModal;\n  ","import { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n    backgroundColor: 'rgba(0,0,0,.5)'\n  }}`\n};\n\nconst ModalBackdrop = () => <div class={styles.base} />;\n\nexport default ModalBackdrop;\n","import { JSX } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = IntrinsicProps;\n\nconst styles = {\n  base: cssProps`${{\n    position: 'absolute',\n    inset: 0,\n    backgroundColor: 'transparent',\n    height: '100%',\n    margin: '0 auto',\n    maxWidth: 'calc(100% - 0.01px) !important',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }}`\n};\n\nconst ModalContainer = forwardRef<HTMLDivElement, Props>(({ children }, ref) => (\n  <div class={styles.base} ref={ref}>\n    {children}\n  </div>\n));\nModalContainer.displayName = 'Forwarded<ModalContainer>';\n\nexport default ModalContainer;\n","import { JSX } from 'preact';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalContainer from './ModalContainer';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps & IntrinsicProps;\n\nconst styles = {\n  base: cssProps`${{\n    position: 'fixed',\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0'\n  }}`\n};\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => <div class={styles.base}>{children}</div>;\n\nconst Modal = ({ children, isOpen, onBackdropClick }: Props) => {\n  const { modalRef } = useModal({ isOpen, onBackdropClick });\n\n  return isOpen ? (\n    <Layer>\n      <ModalWrapper>\n        <ModalBackdrop />\n        <ModalContainer ref={modalRef}>{children}</ModalContainer>\n      </ModalWrapper>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["styles","ModalBackdrop","_jsx","jsx","class","ModalContainer","forwardRef","children","ref","Object","assign","displayName","ModalWrapper","isOpen","onBackdropClick","modalRef","props","onBackdropClickProp","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener","useModal","Layer","_jsxs","jsxs"],"mappings":"gIAkBS,MChBTA,WAWAC,EAAA,IAAAC,EAAAC,IAAA,MAAA,CAAAC,MAAAJ,ICNAA,YAcAK,EAAAC,EAAAA,YAAA,EAAAC,SAAAA,GAAAC,IAAAN,EAAAC,IAAA,MAAAM,OAAAC,OAAA,CAAAN,MAAAJ,EAAAQ,IAAAA,GAAA,CAAAD,SAAAA,OAKAF,EAAAM,YAAA,4BCfA,MAAAX,WAUAY,EAAA,EAAAL,SAAAA,KAAAL,MAAA,MAAAO,OAAAC,OAAA,CAAAN,MAAAJ,GAAA,CAAAO,SAAAA,aAEA,EAAAA,SAAAA,EAAAM,OAAAA,EAAAC,gBAAAA,MACE,MAAAC,SAAAA,GHNyBC,CAAAA,IAEvB,MAAMH,OACJA,EACAC,gBAAkBG,GAChBD,EAEED,EAAWG,SAAuB,MAElCC,EAAkBD,SAA2B,MAE7CE,EAAcC,eAAcC,IAC1BP,EAASQ,UAAYD,EAAME,SAC7BL,EAAgBI,QAAUD,EAAME,UAEjC,IAECV,EAAkBO,eAAcC,IAEhCP,EAASQ,UAAYD,EAAME,SAC7BF,EAAMG,kBAEFN,EAAgBI,UAAYD,EAAME,SACpCP,MAAAA,GAAAA,QAGH,CAACA,IAkBJ,OAhBAS,EAAAA,WAAU,KACR,MAAMC,EAAQZ,EAASQ,QAEvB,OAAII,GACFA,EAAMC,iBAAiB,YAAaR,GACpCO,EAAMC,iBAAiB,QAASd,GAEzB,KACLa,EAAME,oBAAoB,YAAaT,GACvCO,EAAME,oBAAoB,QAASf,KAIhC,SACN,CAACD,EAAQO,EAAaN,IAElB,CACLC,SAAAA,IGvCJe,CAAA,CAAAjB,OAAAA,EAAAC,gBAAAA,IAEA,OAAAD,EAAAX,EAAAC,IAAA4B,QAAA,CAAAxB,SAAAyB,EAAAC,KAAArB,EAAA,CAAAL,SAAA,CAAAL,EAAAC,IAAAF,EAAA,IAAAC,MAAAG,EAAAI,OAAAC,OAAA,CAAAF,IAAAO,GAAA,CAAAR,SAAAA,UAAA"}

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

@@ -1,6 +1,6 @@
-.jubgaa{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color);}
-._bbsnvo{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
-.s7yswu{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
-._m7r8jo{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-.gs4pbu{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-._vvupoo{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+._wo5kyr{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color);}
+._i8ts7m{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
+.wcy0y2{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.mlekho{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+.j44t25{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+._2tzcg{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}

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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-4bb78b27","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-79ecf4a8","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,n,r,t,i,o,c,u,d,m){"use strict";const v=({accessibleLabel:e,id:a,width:l,edge:n="none"})=>{const{direction:o}=r.useUser(),c=i.classNames([j.value,j.indeterminate,j[o]]),u=i.classNames([j.base,"none"===n&&j.standalone]),d=t.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(b,Object.assign({id:a,ariaValueText:e||d.progressIndeterminate(),class:u,width:l},{children:s.jsx(h,{class:c})}))},x=({value:e=0,max:a=100,id:l,width:n,edge:r="none"})=>{const t=100*Math.min(Math.max(0,e/a),1)+"%",o=i.classNames([j.base,"none"===r&&j.standalone]);return s.jsx(b,Object.assign({value:e,max:a,id:l,width:n,class:o},{children:s.jsx(h,{class:j.value,width:t})}))},b=e=>{var{value:l,max:n,min:r,id:t,width:i,children:o,ariaValueText:c,color:u}=e,d=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const m=null!=l?r||"0":null,v=null!=l?n:null,x=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:t,"aria-valuemin":m,"aria-valuemax":v,"aria-valuenow":x,"aria-valuetext":c,class:d.class,style:{width:i,backgroundColor:u}},{children:o}))},h=e=>{var{width:l,color:n}=e,r=a.__rest(e,["width","color"]);return s.jsx("div",{class:r.class,style:{width:l,backgroundColor:n}})},j={base:"jubgaa",value:"_bbsnvo",indeterminate:"s7yswu",standalone:"_m7r8jo",rtl:"gs4pbu",ltr:"_vvupoo"};e.ProgressBar=function(e){var{value:l,max:n}=e,r=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(v,Object.assign({},r)):s.jsx(x,Object.assign({value:l,max:n},r))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-ead75a79","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-ce9ba4d4","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,t,n,r,i,c,o,d,u,m){"use strict";const x=({accessibleLabel:e,id:a,width:l,edge:t="none"})=>{const{direction:c}=n.useUser(),o=i.classNames([b.value,b.indeterminate,b[c]]),d=i.classNames([b.base,"none"===t&&b.standalone]),u=r.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(v,Object.assign({id:a,ariaValueText:e||u.progressIndeterminate(),class:d,width:l},{children:s.jsx(j,{class:o})}))},h=({value:e=0,max:a=100,id:l,width:t,edge:n="none"})=>{const r=100*Math.min(Math.max(0,e/a),1)+"%",c=i.classNames([b.base,"none"===n&&b.standalone]);return s.jsx(v,Object.assign({value:e,max:a,id:l,width:t,class:c},{children:s.jsx(j,{class:b.value,width:r})}))},v=e=>{var{value:l,max:t,min:n,id:r,width:i,children:c,ariaValueText:o,color:d}=e,u=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const m=null!=l?n||"0":null,x=null!=l?t:null,h=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:r,"aria-valuemin":m,"aria-valuemax":x,"aria-valuenow":h,"aria-valuetext":o,class:u.class,style:{width:i,backgroundColor:d}},{children:c}))},j=e=>{var{width:l,color:t}=e,n=a.__rest(e,["width","color"]);return s.jsx("div",{class:n.class,style:{width:l,backgroundColor:t}})},b={base:"_wo5kyr",value:"_i8ts7m",indeterminate:"wcy0y2",standalone:"mlekho",rtl:"j44t25",ltr:"_2tzcg"};e.ProgressBar=function(e){var{value:l,max:t}=e,n=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(x,Object.assign({},n)):s.jsx(h,Object.assign({value:l,max:t},n))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <BarTrack\n      id={id}\n      ariaValueText={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}\n      width={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n\n  return (\n    <BarTrack value={value} max={max} id={id} width={width} class={baseClasses}>\n      <BarValue class={styles.value} width={percentage} />\n    </BarTrack>\n  );\n};\n\ntype TrackProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  width?: string;\n  color?: string;\n  ariaValueText?: string;\n};\nconst BarTrack = ({\n  value,\n  max,\n  min,\n  id,\n  width,\n  children,\n  ariaValueText,\n  color,\n  ...otherProps\n}: TrackProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValueText}\n      class={otherProps.class}\n      style={{ width: width, backgroundColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  width?: string;\n  color?: string;\n};\n\nconst BarValue = ({ width, color, ...otherProps }: ValueProps) => {\n  return <div class={otherProps.class} style={{ width: width, backgroundColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["IndeterminateProgressBar","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","value","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","_jsx","BarTrack","Object","assign","ariaValueText","progressIndeterminate","class","children","jsx","BarValue","DeterminateProgressBar","max","percentage","_a","ariaMax","ariaNow","role","ariaMin","otherProps","style","backgroundColor","color"],"mappings":"8TA2DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,WAME,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,MAAAD,EAAAE,cAAAF,EAAAJ,KACAO,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aACAC,EAAAC,uBAAA,4BACA,OAAAC,MAAAC,EAAAC,OAAAC,OAAA,CAAAlB,GAAAA,EAAAmB,cAAApB,GAAAc,EAAAO,wBAAAC,MAAAX,EAAAT,MAAAA,GAAA,CAAAqB,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAhB,QAeFoB,EAAA,EAAAjB,MAAAA,EAAA,EAAAkB,IAAAA,EAAA,IAAA1B,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,uDAQEQ,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aAEA,OAAAG,MAAAC,EAAAC,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,EAAA1B,GAAAA,EAAAC,MAAAA,EAAAoB,MAAAX,GAAA,CAAAY,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAd,EAAAC,MAAAP,MAAA0B,QAeFX,EAAAY,+LAYEC,EAAA,MAAArB,EAAAkB,EAAA,KACAI,EAAA,MAAAtB,EAAAA,EAAA,KACA,OAAAO,MAAA,MAAAE,OAAAC,OAAA,CAAAa,KAAA,cAAA/B,GAAAA,EAAA,gBAAAgC,EAAA,gBAAAH,EAAA,gBAAAC,EAAA,iBAAAX,EAAAE,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,IAAA,CAAAd,SAAAA,MAoBFE,EAAAI,2DACE,OAAAb,EAAAA,IAAA,MAAA,CAAAM,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,MAGF7B,EAAA,MAAA,eAAA,wBAAA,oBAAA,cAAA,sCAlGA,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <BarTrack\n      id={id}\n      ariaValueText={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}\n      width={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n\n  return (\n    <BarTrack value={value} max={max} id={id} width={width} class={baseClasses}>\n      <BarValue class={styles.value} width={percentage} />\n    </BarTrack>\n  );\n};\n\ntype TrackProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  width?: string;\n  color?: string;\n  ariaValueText?: string;\n};\nconst BarTrack = ({\n  value,\n  max,\n  min,\n  id,\n  width,\n  children,\n  ariaValueText,\n  color,\n  ...otherProps\n}: TrackProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValueText}\n      class={otherProps.class}\n      style={{ width: width, backgroundColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  width?: string;\n  color?: string;\n};\n\nconst BarValue = ({ width, color, ...otherProps }: ValueProps) => {\n  return <div class={otherProps.class} style={{ width: width, backgroundColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["IndeterminateProgressBar","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","value","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","_jsx","BarTrack","Object","assign","ariaValueText","progressIndeterminate","class","children","jsx","BarValue","DeterminateProgressBar","max","percentage","_a","ariaMax","ariaNow","role","ariaMin","otherProps","style","backgroundColor","color"],"mappings":"8TA2DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,WAME,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,MAAAD,EAAAE,cAAAF,EAAAJ,KACAO,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aACAC,EAAAC,uBAAA,4BACA,OAAAC,MAAAC,EAAAC,OAAAC,OAAA,CAAAlB,GAAAA,EAAAmB,cAAApB,GAAAc,EAAAO,wBAAAC,MAAAX,EAAAT,MAAAA,GAAA,CAAAqB,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAhB,QAeFoB,EAAA,EAAAjB,MAAAA,EAAA,EAAAkB,IAAAA,EAAA,IAAA1B,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,uDAQEQ,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aAEA,OAAAG,MAAAC,EAAAC,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,EAAA1B,GAAAA,EAAAC,MAAAA,EAAAoB,MAAAX,GAAA,CAAAY,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAd,EAAAC,MAAAP,MAAA0B,QAeFX,EAAAY,+LAYEC,EAAA,MAAArB,EAAAkB,EAAA,KACAI,EAAA,MAAAtB,EAAAA,EAAA,KACA,OAAAO,MAAA,MAAAE,OAAAC,OAAA,CAAAa,KAAA,cAAA/B,GAAAA,EAAA,gBAAAgC,EAAA,gBAAAH,EAAA,gBAAAC,EAAA,iBAAAX,EAAAE,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,IAAA,CAAAd,SAAAA,MAoBFE,EAAAI,2DACE,OAAAb,EAAAA,IAAA,MAAA,CAAAM,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,MAGF7B,EAAA,MAAA,gBAAA,wBAAA,oBAAA,aAAA,qCAlGA,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}

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

@@ -1,6 +1,6 @@
-._qf63np{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-.hvydz1{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-._t6csnp{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-._6xgxea{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-._gry2a5{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
-._vq634b{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}
+.vnjljq{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._65x9x7{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+.wyuwtd{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._29438w{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+.bizh0z{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
+._h3aiy5{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}