npm - @oracle/oraclejet - Versions diffs - 13.1.3 → 13.1.4 - Mend

@oracle/oraclejet 13.1.3 → 13.1.4

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

Files changed (2093) hide show

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

@@ -1,13 +1,13 @@
-._absyyb{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
-.zjsx0x{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
-.nht9nb{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._gfktz{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
-.agqax2{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._codql{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
-._2suyp{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.krului{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
-.zsmd1x{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-.a3tw42{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-._j7t4u{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.bmkboh{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._k8qz0{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.s5evjz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height);word-break:break-word;}
+._jb9q3q{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);text-align:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align);width:100%;}
+._acc6t{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+._5lykpq{display:block;box-sizing:border-box;padding-inline-end:calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));color:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color);max-width:100%;}
+.dmsi7y{inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transition-property:none;transform:none;background-color:transparent;position:absolute;margin-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding);white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._86cjxu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);}
+._05hfqy{position:absolute;inset-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2);transform:translateY(-50%);transition-property:all;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._fb7t4g{transition-property:top,font-weight,font-size,transform;transition-duration:.25s;transition-timing-function:ease;transition-delay:.1s;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height);transform:none;top:var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top);}
+._pcag3r{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.xoe6xa{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._m5g5an{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.tt5k8h{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._9rfx2{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}

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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-b778e93a","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-c5664765","preact","preact/hooks"],(function(e,s,a,n,i,o,d,r,t,l){"use strict";const u={base:"_absyyb",startBase:"zjsx0x",topBase:"nht9nb",insideBase:"_gfktz",insideReadonlyInEnabledForm:"agqax2",insideReadonlyNotInEnabledForm:"_codql",insideNonReadonly:"_2suyp",insideNonReadonlyHasValue:"krului",insideDisabled:"zsmd1x",insideFocused:"a3tw42",insideError:"_j7t4u",insideWarning:"bmkboh",noWrap:"_k8qz0"},b=e=>{var{hasValue:n,readonly:i,disabled:o,isFocused:t,variant:l="inside"}=e,b=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:c,isReadonly:F,labelWrapping:y}=d.useFormContext(),m="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([u.base,u.insideBase,i&&(c&&!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({},b,{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(b,Object.assign({for:i,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-da0c08eb","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-28f9352a","preact","preact/hooks"],(function(e,s,a,i,n,o,d,r,t,l){"use strict";const c={base:"s5evjz",startBase:"_jb9q3q",topBase:"_acc6t",insideBase:"_5lykpq",insideReadonlyInEnabledForm:"dmsi7y",insideReadonlyNotInEnabledForm:"_86cjxu",insideNonReadonly:"_05hfqy",insideNonReadonlyHasValue:"_fb7t4g",insideDisabled:"_pcag3r",insideFocused:"xoe6xa",insideError:"_m5g5an",insideWarning:"tt5k8h",noWrap:"_9rfx2"},u=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:t,variant:l="inside"}=e,u=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:y}=d.useFormContext(),_="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([c.base,c.insideBase,n&&(b&&!F?c.insideReadonlyInEnabledForm:c.insideReadonlyNotInEnabledForm),!n&&c.insideNonReadonly,!n&&(i||t)&&c.insideNonReadonlyHasValue,!n&&t&&c.insideFocused,o&&c.insideDisabled,!o&&!n&&("insideError"===l||"insideWarning"===l)&&c[l]]):"start"===l?r.classNames([c.base,c.startBase,"truncate"===y&&c.noWrap]):"top"===l?r.classNames([c.base,c.topBase,"truncate"===y&&c.noWrap]):void 0;return a.jsx("label",Object.assign({},u,{class:_}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=i.useFormFieldContext();return a.jsx(u,Object.assign({for:n,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Label.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Label.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\n\nconst labelStyles = {\n base: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-line-height)',\n // TODO: Evaluate usage of Text Component instead of CSS (we might not be able to as we might need label element)\n wordBreak: 'break-word'\n }}`,\n startBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)',\n // TODO: Reevaluate which component should handle the text align\n textAlign: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-text-align)',\n width: '100%'\n }}`,\n topBase: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color)'\n }}`,\n insideBase: cssProps`${{\n display: 'block',\n boxSizing: 'border-box',\n // TODO: Reevaluate which component should handle the padding\n paddingInlineEnd: 'calc(2 * var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-color)',\n maxWidth: '100%'\n }}`,\n insideReadonlyInEnabledForm: cssProps`${{\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transitionProperty: 'none',\n transform: 'none',\n backgroundColor: 'transparent',\n position: 'absolute',\n marginBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-top-edge-label-to-value-padding)',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideReadonlyNotInEnabledForm: cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)'\n }}`,\n insideNonReadonly: cssProps`${{\n position: 'absolute',\n insetInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n top: 'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)/ 2)',\n transform: 'translateY(-50%)',\n transitionProperty: 'all',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`,\n insideNonReadonlyHasValue: cssProps`${{\n transitionProperty: 'top, font-weight, font-size, transform',\n transitionDuration: '.25s',\n transitionTimingFunction: 'ease',\n transitionDelay: '.1s',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-weight)',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height)',\n transform: 'none',\n top: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top)'\n }}`,\n insideDisabled: cssProps`${{\n transitionProperty: 'none',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled)'\n }}`,\n insideFocused: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus)'\n }}`,\n insideError: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n insideWarning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n\n noWrap: cssProps`${{\n whiteSpace: 'nowrap',\n overflowX: 'hidden',\n overflowY: 'hidden',\n textOverflow: 'ellipsis'\n }}`\n};\n\ntype StyleProps = Pick<Props, 'variant'> & {\n hasValue?: boolean;\n isFocused?: boolean;\n};\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps>;\n\nconst StyledLabel = ({\n hasValue,\n readonly,\n disabled,\n isFocused,\n variant = 'inside',\n ...props\n}: StyledLabelProps) => {\n const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n const cssClassNames =\n variant === 'inside' \|\| variant === 'insideError' \|\| variant === 'insideWarning'\n ? classNames([\n labelStyles.base,\n labelStyles.insideBase,\n readonly &&\n (isFormLayout && !isReadonlyForm\n ? labelStyles.insideReadonlyInEnabledForm\n : labelStyles.insideReadonlyNotInEnabledForm),\n !readonly && labelStyles.insideNonReadonly,\n !readonly && (hasValue \|\| isFocused) && labelStyles.insideNonReadonlyHasValue,\n !readonly && isFocused && labelStyles.insideFocused,\n disabled && labelStyles.insideDisabled,\n !disabled &&\n !readonly &&\n (variant === 'insideError' \|\| variant === 'insideWarning') &&\n labelStyles[variant]\n ])\n : variant === 'start'\n ? classNames([\n labelStyles.base,\n labelStyles.startBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : variant === 'top'\n ? classNames([\n labelStyles.base,\n labelStyles.topBase,\n labelWrapping === 'truncate' && labelStyles.noWrap\n ])\n : undefined;\n // TODO: We need to decide whether to standardize on 'class' or 'className'. Otherwise, we'll\n // run into issues destructuring style interpolations, for example having to concatenate both.\n return <label {...props} class={cssClassNames} />;\n};\n\ntype Props = {\n /*\n The text to be used for the label\n /\n children?: string;\n /\n The id to set on the label\n /\n id?: string;\n /\n The id of the form control for which this label will be used\n /\n forId?: string;\n /\n Determines how the label is going to be styled\n */\n variant?: 'inside' \| 'start' \| 'top' \| 'insideError' \| 'insideWarning';\n};\n\nexport const Label = ({ forId, ...props }: Props) => {\n const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();\n return (\n <StyledLabel\n for={forId}\n hasValue={hasValue}\n disabled={isDisabled}\n isFocused={isFocused}\n readonly={isReadonly}\n {...props}\n />\n );\n};\n"],"names":["labelStyles","StyledLabel","_a","hasValue","readonly","disabled","isFocused","variant","props","__rest","isFormLayout","isReadonly","isReadonlyForm","labelWrapping","useFormContext","cssClassNames","base","insideBase","insideReadonlyNotInEnabledForm","insideNonReadonly","insideFocused","startBase","noWrap","topBase","_jsx","Object","assign","class","forId","isDisabled","useFormFieldContext"],"mappings":"sQAMA,MAAAA,EAAA,MAAA,~~oBAAA~~,~~iBAAA~~,oBAAA,~~qCAAA~~,wCAAA,~~2BAAA~~,~~mCAAA~~,wBAAA,~~uBAAA,~~qBAAA,~~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"}
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,kBAAA,oBAAA,sCAAA,wCAAA,4BAAA,oCAAA,yBAAA,wBAAA,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 CHANGED Viewed

@@ -1,9 +1,9 @@
-.q08w1m{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._hqgtqy{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-.fp16fg{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);}
-.itoqhg{padding-block-end:0;}
-._nqqi1z{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%;}
-.slni0s{display:inline-flex;align-items:center;}
-.f8xnhj{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-.lf6cs2{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-.zudhtn{flex:1 1 100%;width:100%;max-width:100%;}
+._ybr794{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+.v6vchz{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._idbdhq{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);}
+._5z1a2c{padding-block-end:0;}
+.pbfmtn{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%;}
+.swfouk{display:inline-flex;align-items:center;}
+.yd9a7v{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._fmig4g{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+.iv7fqr{flex:1 1 100%;width:100%;max-width:100%;}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_LabelValueLayout.css',"./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-c5664765","./Flex-cef36544","./tslib.es6-b778e93a","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-c41fc544","./utils/UNSAFE_stringUtils","./stringUtils-4c97dd88","./utils/UNSAFE_mergeInterpolations","./_curry2-b45edd1d","./_has-29d8030a","./utils/UNSAFE_interpolations/boxalignment","./keys-5750830e","./utils/UNSAFE_interpolations/flexbox","./flexbox-6ea02906","./utils/UNSAFE_interpolations/flexitem","./flexitem-9c2d026d","preact","preact/hooks"],(function(s,t,e,i,l,a,n,r,o,c,d,u,x,F,_,h,m,p,b,N,f,S,U,g,E,y,A){"use strict";const j="q08w1m",q="_hqgtqy",w="fp16fg",C="itoqhg",O="_nqqi1z",k="slni0s",v="f8xnhj",z="lf6cs2";s.LabelValueLayout=({label:s,labelEdge:e,children:i,labelStartWidth:l="33%"})=>{const d=r.sizeToCSS(l),u=`calc(100% - ${d})`,x="start"===e?{flexBasis:d,width:d,maxWidth:d}:{},F="start"===e?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:_,isReadonly:h,labelWrapping:m}=a.useFormContext(),{isReadonly:p}=n.useFormFieldContext(),b=_&&h||!_&&p,N=o.classNames([j,"start"===e&&q,"top"===e&&w,"top"===e&&b&&C]),f=o.classNames([O,"start"===e&&k,"start"===e&&!b&&v,"truncate"===m&&z]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:N,style:x},{children:t.jsx("div",Object.assign({class:f},{children:s}))})),t.jsx("div",Object.assign({class:"zudhtn",style:F},{children:i}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_LabelValueLayout.css',"./UNSAFE_Flex","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_size","./classNames-28f9352a","./Flex-8eed9caf","./tslib.es6-da0c08eb","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-77408449","./utils/UNSAFE_stringUtils","./stringUtils-c3fb68b4","./utils/UNSAFE_mergeInterpolations","./_curry2-74c22f58","./_has-8fdc3d27","./utils/UNSAFE_interpolations/boxalignment","./keys-b1b472c3","./utils/UNSAFE_interpolations/flexbox","./flexbox-8164d563","./utils/UNSAFE_interpolations/flexitem","./flexitem-03e1876c","preact","preact/hooks"],(function(s,t,e,i,a,l,r,n,o,c,d,u,x,b,F,_,m,f,p,h,N,S,U,g,y,E,A){"use strict";const j="_ybr794",v="v6vchz",k="_idbdhq",w="_5z1a2c",C="pbfmtn",O="swfouk",z="yd9a7v",W="_fmig4g";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}:{},b="start"===e?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:_,labelWrapping:m}=l.useFormContext(),{isReadonly:f}=r.useFormFieldContext(),p=F&&_||!F&&f,h=o.classNames([j,"start"===e&&v,"top"===e&&k,"top"===e&&p&&w]),N=o.classNames([C,"start"===e&&O,"start"===e&&!p&&z,"truncate"===m&&W]);return t.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[t.jsx("div",Object.assign({class:h,style:x},{children:t.jsx("div",Object.assign({class:N},{children:s}))})),t.jsx("div",Object.assign({class:"iv7fqr",style:b},{children:i}))]}))},Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LabelValueLayout.js.map

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

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

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

@@ -1,5 +1,5 @@
-.de28jw{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);}.de28jw:visited{color:--oj-c-link-text-color-visited;}.de28jw:active{color:--oj-c-link-text-color-active;}.de28jw:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.m1znk7{--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);}
-._521zks{--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);}
-._w8g15j{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._w8g15j:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._w8g15j:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._dbg7mb{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._dbg7mb:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._dbg7mb:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+._itv5ms{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);}._itv5ms:visited{color:--oj-c-link-text-color-visited;}._itv5ms:active{color:--oj-c-link-text-color-active;}._itv5ms:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._f1qtyy{--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);}
+._khy4sd{--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);}
+._o37xgc{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}._o37xgc:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}._o37xgc:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.bt3tgq{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.bt3tgq:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.bt3tgq:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}

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

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

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

@@ -1,15 +1,15 @@
-._yohufo{height:100%;user-select:none;overflow-y:inherit;}._yohufo:focus{outline-style:none;}
-._xhe31{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%;}
-._2lusbt{position:relative;}
+._f04g7q{height:100%;user-select:none;overflow-y:inherit;}._f04g7q:focus{outline-style:none;}
+._00nu2f{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%;}
+._6v4e41{position:relative;}
-._l3gm0{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;}
-.l6fvrl{background-size:100% 1px;}
-._3zsgg4:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.uvt4ex{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._p56ysr{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);}
-._xzpka{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-._1kg7if{flex-grow:1;}._1kg7if:focus{outline-style:none;}
-._f033ng{display:flex;}
-._nljp83{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.ux0d01{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;}
+._dk35qw{background-size:100% 1px;}
+.czkvj7:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+._ciil51{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+.k0kskk{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);}
+.hwm3d2{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+.tk3c09{flex-grow:1;}.tk3c09:focus{outline-style:none;}
+._pu726v{display:flex;}
+._tcigvz{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._5vgzxd{height:100%;overflow-x:hidden;overflow-y:hidden;}
+.surwzf{height:100%;overflow-x:hidden;overflow-y:hidden;}

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

@@ -1,2 +1,2 @@
-define(["exports","./ListView-99d4757a","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-c5664765","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-d61828ef","./UNSAFE_Collection","./Collection-f18e7c7a","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-81e81559","./UNSAFE_Icon","./Icon-08ef29dc","./tslib.es6-b778e93a","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-921bdf02","./UNSAFE_Flex","./Flex-cef36544","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-4c97dd88","./_curry1-c41fc544","./utils/UNSAFE_mergeInterpolations","./_curry2-b45edd1d","./_has-29d8030a","./utils/UNSAFE_interpolations/boxalignment","./keys-5750830e","./utils/UNSAFE_interpolations/flexbox","./flexbox-6ea02906","./utils/UNSAFE_interpolations/flexitem","./flexitem-9c2d026d","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-9496f3ce","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,_,a,c,u,E,S,U,A,F,N,d,p,f,k,x,m,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})}));
+define(["exports","./ListView-6f20843f","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-28f9352a","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-e1e880b9","./UNSAFE_Collection","./Collection-8e340004","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-19d8042d","./UNSAFE_Icon","./Icon-44057c97","./tslib.es6-da0c08eb","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-d259bfd9","./UNSAFE_Flex","./Flex-8eed9caf","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-c3fb68b4","./_curry1-77408449","./utils/UNSAFE_mergeInterpolations","./_curry2-74c22f58","./_has-8fdc3d27","./utils/UNSAFE_interpolations/boxalignment","./keys-b1b472c3","./utils/UNSAFE_interpolations/flexbox","./flexbox-8164d563","./utils/UNSAFE_interpolations/flexitem","./flexitem-03e1876c","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-0f1998ae","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,_,u,a,c,E,S,U,A,F,N,d,f,p,b,k,x,m,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ListView.js.map

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

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

@@ -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:c=100,type:n="polite"}){const s=function(e,t){const[i,c]=a.useState(),n=a.useCallback((()=>c(e)),[e]),s=a.useCallback((()=>setTimeout(n,t)),[n,t]);return a.useEffect((()=>{const e=s();return()=>clearTimeout(e)}),[s]),i}(i,c);return t.jsx("span",Object.assign({"aria-live":n,"aria-atomic":e,class:"_ocod5"},{children:s}))},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:c=100,type:n="polite"}){const s=function(e,t){const[i,c]=a.useState(),n=a.useCallback((()=>c(e)),[e]),s=a.useCallback((()=>setTimeout(n,t)),[n,t]);return a.useEffect((()=>{const e=s();return()=>clearTimeout(e)}),[s]),i}(i,c);return t.jsx("span",Object.assign({"aria-live":n,"aria-atomic":e,class:"hcafkb"},{children:s}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LiveRegion.js.map

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

@@ -1,19 +1,19 @@
-._csmgjx{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);}._csmgjx:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._4fo7b{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);}
-._8o367q{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){._8o367q{flex-direction:column;}}
-._pz4lw{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));}
+.mkmfls{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
-._fkue9w{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+._hl4trf{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);}._hl4trf:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+.ixuxmy{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);}
+.wihvj2{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){.wihvj2{flex-direction:column;}}
+._xno932{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));}
-._ggj18{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
-._v7qlr1{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);}
+.zhcp6v{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
+._x728rx{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);}
-._2zah46{flex:1;overflow-wrap:anywhere;}
-.h9djhh{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);}
-.ekj1g0{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;}
+.mv4487{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._dvqo1t{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);}
+._b8v1ug{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-.wna0fr{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._ktczz8{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);}
-.sxesvi{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+._rp3764{flex:1;overflow-wrap:anywhere;}
+._7vievy{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);}
+.jl6fb{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;}
-.ejmfxk{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);}
+._kdd11j{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 CHANGED Viewed

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_Message.css',"./UNSAFE_Flex","./utils/UNSAFE_classNames","preact/hooks","./MessageCloseButton-4653c6e6","./MessageDetail-9eb62716","./MessageFormattingUtils-db162160","./MessageStartIcon-3b31040a","./MessageSummary-b0969c6d","./MessageTimestamp-dcb02617","./MessageUtils-ff4822f6","./classNames-c5664765","./Flex-cef36544","./MessagesManager-1b2a7b8e","./Message.types-1e78022f","./tslib.es6-b778e93a","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-4c97dd88","./_curry1-c41fc544","./utils/UNSAFE_mergeInterpolations","./_curry2-b45edd1d","./_has-29d8030a","./utils/UNSAFE_interpolations/boxalignment","./keys-5750830e","./utils/UNSAFE_interpolations/flexbox","./flexbox-6ea02906","./utils/UNSAFE_interpolations/flexitem","./flexitem-9c2d026d","preact","./utils/UNSAFE_getLocale","./index-81e81559","./UNSAFE_Icon","./Icon-08ef29dc","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-921bdf02","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,c,u,d,g,m,p,S,M,b,f,x,v,F,y,_,U,N,E,A,j,h,V,C,I,T,k,B,O,P,R,D,w,z,L,q,G,H,K){"use strict";function $(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_csmgjx",Q="_4fo7b",W="_8o367q",X="_pz4lw";function Y({children:e}){return s.jsx("div",Object.assign({role:"presentation",class:W},{children:e}))}e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=o.MessageDetail,e.formatTimestamp=l.formatTimestamp,e.isValidValueForProp=l.isValidValueForProp,e.MessageStartIcon=c.MessageStartIcon,e.MessageSummary=u.MessageSummary,e.MessageTimestamp=d.MessageTimestamp,e.getRenderer=g.getRenderer,e.isSeverityIconNeeded=g.isSeverityIconNeeded,e.playSound=g.playSound,e.severityBasedStyleClass=g.severityBasedStyleClass,e.throwError=g.throwError,e.MessagesContext=S.MessagesContext,e.MessagesManager=S.MessagesManager,e.severities=M.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:S,messageRef:M=(()=>{}),translations:b,type:f}){const{closeAffordance:x="on",severity:v="error",sound:F,summary:y,timestamp:_}=n.data,U=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(M,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==S||S(n)}),[n,S]),A=r.useCallback((e=>{"Escape"===e.key&&"on"===x&&(null==S||S(n))}),[x,n,S]);r.useEffect((()=>{l.isValidValueForProp(F)&&g.playSound(F)}),[]);const j=m.classNames([J,U,"section"===f&&Q]);return s.jsx("div",Object.assign({ref:N,class:j,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:A},{children:s.jsxs("div",Object.assign({class:X},{children:[$(v)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:v,translations:b}),s.jsxs(p.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(u.MessageSummary,{variant:"banner",text:y}),l.isValidValueForProp(_,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:_})]}),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==b?void 0:b.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-2183d70b","./MessageDetail-2051a777","./MessageFormattingUtils-203e636f","./MessageStartIcon-04dd9883","./MessageSummary-6c860bd5","./MessageTimestamp-34b98540","./MessageUtils-3068f1bc","./classNames-28f9352a","./Flex-8eed9caf","./MessagesManager-a2437a34","./Message.types-71f69d1f","./tslib.es6-da0c08eb","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-c3fb68b4","./_curry1-77408449","./utils/UNSAFE_mergeInterpolations","./_curry2-74c22f58","./_has-8fdc3d27","./utils/UNSAFE_interpolations/boxalignment","./keys-b1b472c3","./utils/UNSAFE_interpolations/flexbox","./flexbox-8164d563","./utils/UNSAFE_interpolations/flexitem","./flexitem-03e1876c","preact","./utils/UNSAFE_getLocale","./index-19d8042d","./UNSAFE_Icon","./Icon-44057c97","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-d259bfd9","./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,x,S,M,b,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="_hl4trf",Q="ixuxmy",W="wihvj2",X="_xno932";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=x.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:f,messageRef:x=(()=>{}),translations:S,type:M}){const{closeAffordance:b="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(x,(()=>({focus:()=>{var e;return null===(e=N.current)||void 0===e?void 0:e.focus()},contains:e=>{var s,a;return N.current===e||null!==(a=e&&(null===(s=N.current)||void 0===s?void 0:s.contains(e)))&&void 0!==a&&a}})));const E=r.useCallback((()=>{null==f||f(n)}),[n,f]),A=r.useCallback((e=>{"Escape"===e.key&&"on"===b&&(null==f||f(n))}),[b,n,f]);r.useEffect((()=>{l.isValidValueForProp(y)&&g.playSound(y)}),[]);const j=m.classNames([J,_,"section"===M&&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:S}),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"===b&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==S?void 0:S.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 CHANGED Viewed

	@@ -1 +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,UAAAA,EAAA,SAAAA,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"}
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,UAAAA,EAAA,SAAAA,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"}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useMessagesFocusManager","./UNSAFE_LiveRegion","./UNSAFE_Message","preact/hooks","./UNSAFE_Flex","./Flex-cef36544","./MessagesManager-1b2a7b8e","./MessageUtils-ff4822f6",'module',"./utils/UNSAFE_classNames","./classNames-c5664765","./MessageCloseButton-4653c6e6","./MessageDetail-9eb62716","preact","./MessageFormattingUtils-db162160","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-4c97dd88","./Message.types-1e78022f","./utils/UNSAFE_arrayUtils","./MessageStartIcon-3b31040a","./index-81e81559","./UNSAFE_Icon","./Icon-08ef29dc","./tslib.es6-b778e93a","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-921bdf02","./MessageSummary-b0969c6d","./MessageTimestamp-dcb02617","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-c41fc544","./utils/UNSAFE_mergeInterpolations","./_curry2-b45edd1d","./_has-29d8030a","./utils/UNSAFE_interpolations/boxalignment","./keys-5750830e","./utils/UNSAFE_interpolations/flexbox","./flexbox-6ea02906","./utils/UNSAFE_interpolations/flexitem","./flexitem-9c2d026d","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,i,a,o,r,l,c,u,g,d,f,m,F,U,h,E,M,_,S,b,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=a.useRef(new Map),h=a.useRef(null),E=a.useRef(null),[M,_]=a.useState(),[S,b]=a.useState(u.length>0),v=a.useRef(u.length),x=a.useRef(0);v.current=u.length;const p=a.useCallback((e=>s=>U.current.set(e,s)),[]);a.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:a.useCallback((()=>{_(m.navigationFromMessagesRegion)}),[_])}),R=a.useCallback((e=>{null==g||g(e)}),[g]),y=a.useCallback(((e,s,n)=>{var t;const i=null==n?void 0:n.contains(document.activeElement);if(0===v.current)return b(!1),void(i&&A.restorePriorFocus());const a=s+1<u.length?s+1:s-1;if(a>-1&&i){const e=u[a].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[A,u]);return a.useEffect((()=>{u.length?(b(!0),u.length>x.current&&_(m.navigationToMessagesRegion),A.prioritize()):_(""),x.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(i.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-8eed9caf","./MessagesManager-a2437a34","./MessageUtils-3068f1bc",'module',"./utils/UNSAFE_classNames","./classNames-28f9352a","./MessageCloseButton-2183d70b","./MessageDetail-2051a777","preact","./MessageFormattingUtils-203e636f","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-c3fb68b4","./Message.types-71f69d1f","./utils/UNSAFE_arrayUtils","./MessageStartIcon-04dd9883","./index-19d8042d","./UNSAFE_Icon","./Icon-44057c97","./tslib.es6-da0c08eb","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-d259bfd9","./MessageSummary-6c860bd5","./MessageTimestamp-34b98540","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-77408449","./utils/UNSAFE_mergeInterpolations","./_curry2-74c22f58","./_has-8fdc3d27","./utils/UNSAFE_interpolations/boxalignment","./keys-b1b472c3","./utils/UNSAFE_interpolations/flexbox","./flexbox-8164d563","./utils/UNSAFE_interpolations/flexitem","./flexitem-03e1876c","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,i,a,o,r,l,c,u,g,d,f,m,F,U,h,E,M,_,S,b,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=a.useRef(new Map),h=a.useRef(null),E=a.useRef(null),[M,_]=a.useState(),[S,b]=a.useState(u.length>0),v=a.useRef(u.length),x=a.useRef(0);v.current=u.length;const p=a.useCallback((e=>s=>U.current.set(e,s)),[]);a.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:a.useCallback((()=>{_(m.navigationFromMessagesRegion)}),[_])}),R=a.useCallback((e=>{null==g||g(e)}),[g]),y=a.useCallback(((e,s,n)=>{var t;const i=null==n?void 0:n.contains(document.activeElement);if(0===v.current)return b(!1),void(i&&A.restorePriorFocus());const a=s+1<u.length?s+1:s-1;if(a>-1&&i){const e=u[a].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[A,u]);return a.useEffect((()=>{u.length?(b(!0),u.length>x.current&&_(m.navigationToMessagesRegion),A.prioritize()):_(""),x.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(i.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 CHANGED Viewed

@@ -1,5 +1,5 @@
-._trlx3k{position:fixed;top:0;right:0;bottom:0;left:0;}
+._nlb4y{position:fixed;top:0;right:0;bottom:0;left:0;}
-.xnbbhy{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+._mr7s6c{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;}
-.r9rob5{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;}
+.fhg92n{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}

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

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime","preact/compat","./UNSAFE_Layer",'css!./UNSAFE_Modal.css',"preact"],(function(e,r,n,t,s,c){"use strict";const a="xnbbhy",l=()=>r.jsx("div",{class:a}),i="r9rob5",o=n.forwardRef((({children:e},n)=>r.jsx("div",Object.assign({class:i,ref:n},{children:e}))));o.displayName="Forwarded<ModalContainer>";const d="_trlx3k",u=({children:e})=>r.jsx("div",Object.assign({class:d},{children:e}));e.Modal=({children:e,isOpen:s,onBackdropClick:c})=>{const{modalRef:a}=(e=>{const{isOpen:r,onBackdropClick:t}=e,s=n.useRef(null),c=n.useRef(null),a=n.useCallback((e=>{s.current===e.target&&(c.current=e.target)}),[]),l=n.useCallback((e=>{s.current===e.target&&(e.stopPropagation(),c.current===e.target&&(null==t||t()))}),[t]);return n.useEffect((()=>{const e=s.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",l),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",l)}):()=>{}}),[r,a,l]),{modalRef:s}})({isOpen:s,onBackdropClick:c});return s?r.jsx(t.Layer,{children:r.jsxs(u,{children:[r.jsx(l,{}),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="fhg92n",l=()=>r.jsx("div",{class:a}),i="_mr7s6c",o=n.forwardRef((({children:e},n)=>r.jsx("div",Object.assign({class:i,ref:n},{children:e}))));o.displayName="Forwarded<ModalContainer>";const d="_nlb4y",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)}),[]),l=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",l),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",l)}):()=>{}}),[r,a,l]),{modalRef:t}})({isOpen:t,onBackdropClick:c});return t?r.jsx(s.Layer,{children:r.jsxs(u,{children:[r.jsx(l,{}),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 CHANGED Viewed

	@@ -1 +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,~~WAcAK~~,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"}
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,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 CHANGED Viewed

@@ -1,6 +1,6 @@
-.cul9av{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);}
-._w9go3{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
-._n8iafz{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;}
-._ru63b{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-._3au3ap{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-.lz9fw0{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+.bt2faa{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);}
+._s56oc2{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
+._l6qbt0{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;}
+._s8eoqe{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+._vbsrs{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+.vdt0c7{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}

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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-b778e93a","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-c5664765","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,n,r,t,i,c,o,u,d,m){"use strict";const x=({accessibleLabel:e,id:a,width:l,edge:n="none"})=>{const{direction:c}=r.useUser(),o=i.classNames([_.value,_.indeterminate,_[c]]),u=i.classNames([_.base,"none"===n&&_.standalone]),d=t.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(h,Object.assign({id:a,ariaValueText:e||d.progressIndeterminate(),class:u,width:l},{children:s.jsx(b,{class:o})}))},v=({value:e=0,max:a=100,id:l,width:n,edge:r="none"})=>{const t=100*Math.min(Math.max(0,e/a),1)+"%",c=i.classNames([_.base,"none"===r&&_.standalone]);return s.jsx(h,Object.assign({value:e,max:a,id:l,width:n,class:c},{children:s.jsx(b,{class:_.value,width:t})}))},h=e=>{var{value:l,max:n,min:r,id:t,width:i,children:c,ariaValueText:o,color:u}=e,d=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const m=null!=l?r||"0":null,x=null!=l?n:null,v=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:t,"aria-valuemin":m,"aria-valuemax":x,"aria-valuenow":v,"aria-valuetext":o,class:d.class,style:{width:i,backgroundColor:u}},{children:c}))},b=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}})},_={base:"cul9av",value:"_w9go3",indeterminate:"_n8iafz",standalone:"_ru63b",rtl:"_3au3ap",ltr:"lz9fw0"};e.ProgressBar=function(e){var{value:l,max:n}=e,r=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(x,Object.assign({},r)):s.jsx(v,Object.assign({value:l,max:n},r))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-da0c08eb","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-28f9352a","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 v=({accessibleLabel:e,id:a,width:l,edge:t="none"})=>{const{direction:c}=n.useUser(),o=i.classNames([_.value,_.indeterminate,_[c]]),d=i.classNames([_.base,"none"===t&&_.standalone]),u=r.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(h,Object.assign({id:a,ariaValueText:e||u.progressIndeterminate(),class:d,width:l},{children:s.jsx(b,{class:o})}))},x=({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([_.base,"none"===n&&_.standalone]);return s.jsx(h,Object.assign({value:e,max:a,id:l,width:t,class:c},{children:s.jsx(b,{class:_.value,width:r})}))},h=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,v=null!=l?t:null,x=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:r,"aria-valuemin":m,"aria-valuemax":v,"aria-valuenow":x,"aria-valuetext":o,class:u.class,style:{width:i,backgroundColor:d}},{children:c}))},b=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}})},_={base:"bt2faa",value:"_s56oc2",indeterminate:"_l6qbt0",standalone:"_s8eoqe",rtl:"_vbsrs",ltr:"vdt0c7"};e.ProgressBar=function(e){var{value:l,max:t}=e,n=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(v,Object.assign({},n)):s.jsx(x,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 CHANGED Viewed

	@@ -1 +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,~~uBAAA~~,qBAAA,~~aAAA~~,~~sCAlGA~~,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}
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,qBAAA,cAAA,qCAlGA,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}