npm - @oracle/oraclejet - Versions diffs - 13.1.15 → 13.1.17 - Mend

@oracle/oraclejet 13.1.15 → 13.1.17

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 (2081) hide show

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

@@ -1,13 +1,13 @@
-.hc08n4{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;}
-._ukerl4{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%;}
-._n45sg{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
-._k9xy3t{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%;}
-.v67izj{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;}
-._qg83sn{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);}
-.ktw0s0{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;}
-._87ustp{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);}
-._ggcuvy{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
-.pl6c5h{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
-.gy11mz{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.m3ghdt{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.t5lg9y{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._7k3wwh{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;}
+._mq838t{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%;}
+.etyq5l{color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color);}
+.ivvyo8{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%;}
+._jas1i8{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;}
+._0x3h4x{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);}
+._51w5kd{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;}
+.l1pzuo{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);}
+._yklha{transition-property:none;color:var(--oj-c-PRIVATE-DO-NOT-USE-label-color-disabled);}
+.kia95i{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-label-color-focus);}
+._6yw5vk{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.wv4j4g{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._sbobhi{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-adaee4a4","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-80067919","preact","preact/hooks"],(function(e,s,a,n,i,o,d,r,t,l){"use strict";const u={base:"hc08n4",startBase:"_ukerl4",topBase:"_n45sg",insideBase:"_k9xy3t",insideReadonlyInEnabledForm:"v67izj",insideReadonlyNotInEnabledForm:"_qg83sn",insideNonReadonly:"ktw0s0",insideNonReadonlyHasValue:"_87ustp",insideDisabled:"_ggcuvy",insideFocused:"pl6c5h",insideError:"gy11mz",insideWarning:"m3ghdt",noWrap:"t5lg9y"},c=e=>{var{hasValue:n,readonly:i,disabled:o,isFocused:t,variant:l="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:y}=d.useFormContext(),m="inside"===l||"insideError"===l||"insideWarning"===l?r.classNames([u.base,u.insideBase,i&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!i&&u.insideNonReadonly,!i&&(n||t)&&u.insideNonReadonlyHasValue,!i&&t&&u.insideFocused,o&&u.insideDisabled,!o&&!i&&("insideError"===l||"insideWarning"===l)&&u[l]]):"start"===l?r.classNames([u.base,u.startBase,"truncate"===y&&u.noWrap]):"top"===l?r.classNames([u.base,u.topBase,"truncate"===y&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:m}))};e.Label=e=>{var{forId:i}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:t,isReadonly:l}=n.useFormFieldContext();return a.jsx(c,Object.assign({for:i,hasValue:d,disabled:r,isFocused:t,readonly:l},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./hooks/UNSAFE_useFormFieldContext","./utils/UNSAFE_classNames",'css!./UNSAFE_Label.css',"./hooks/UNSAFE_useFormContext","./classNames-d22c6b88","preact","preact/hooks"],(function(e,s,a,i,n,o,d,r,l,t){"use strict";const u={base:"_7k3wwh",startBase:"_mq838t",topBase:"etyq5l",insideBase:"ivvyo8",insideReadonlyInEnabledForm:"_jas1i8",insideReadonlyNotInEnabledForm:"_0x3h4x",insideNonReadonly:"_51w5kd",insideNonReadonlyHasValue:"l1pzuo",insideDisabled:"_yklha",insideFocused:"kia95i",insideError:"_6yw5vk",insideWarning:"wv4j4g",noWrap:"_sbobhi"},c=e=>{var{hasValue:i,readonly:n,disabled:o,isFocused:l,variant:t="inside"}=e,c=s.__rest(e,["hasValue","readonly","disabled","isFocused","variant"]);const{isFormLayout:b,isReadonly:F,labelWrapping:y}=d.useFormContext(),_="inside"===t||"insideError"===t||"insideWarning"===t?r.classNames([u.base,u.insideBase,n&&(b&&!F?u.insideReadonlyInEnabledForm:u.insideReadonlyNotInEnabledForm),!n&&u.insideNonReadonly,!n&&(i||l)&&u.insideNonReadonlyHasValue,!n&&l&&u.insideFocused,o&&u.insideDisabled,!o&&!n&&("insideError"===t||"insideWarning"===t)&&u[t]]):"start"===t?r.classNames([u.base,u.startBase,"truncate"===y&&u.noWrap]):"top"===t?r.classNames([u.base,u.topBase,"truncate"===y&&u.noWrap]):void 0;return a.jsx("label",Object.assign({},c,{class:_}))};e.Label=e=>{var{forId:n}=e,o=s.__rest(e,["forId"]);const{hasValue:d,isDisabled:r,isFocused:l,isReadonly:t}=i.useFormFieldContext();return a.jsx(c,Object.assign({for:n,hasValue:d,disabled:r,isFocused:l,readonly:t},o))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Label.js.map

package/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,~~mBAAA~~,kBAAA,oBAAA,~~sCAAA~~,~~wCAAA~~,4BAAA,~~mCAAA~~,~~yBAAA,~~wBAAA,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,oBAAA,kBAAA,oBAAA,qCAAA,yCAAA,4BAAA,oCAAA,wBAAA,uBAAA,qBAAA,wBAAA,2BAmGAC,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 @@
-.qaewvb{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
-._1iqy1n{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
-._dwpcy9{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);}
-.v59tig{padding-block-end:0;}
-.zkdq2j{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%;}
-._esvi15{display:inline-flex;align-items:center;}
-.uczlc3{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._5ri5ht{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
-._xmvoab{flex:1 1 100%;width:100%;max-width:100%;}
+.ppsvd0{display:block;flex-grow:0;flex-shrink:1;box-sizing:border-box;}
+.k2y3c{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-form-layout-start-edge-label-to-value-padding);}
+._g5nm8a{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);}
+._jo43jx{padding-block-end:0;}
+._m4zi3{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%;}
+._22jjd5{display:inline-flex;align-items:center;}
+._f0nydz{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+.xrdiup{white-space:nowrap;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;}
+._jr8973{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-80067919","./Flex-35ad4e50","./tslib.es6-adaee4a4","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-edd25a4e","./utils/UNSAFE_stringUtils","./stringUtils-28869c0f","./utils/UNSAFE_mergeInterpolations","./_curry2-3b6f9103","./_has-af54f1e9","./utils/UNSAFE_interpolations/boxalignment","./keys-a31e546b","./utils/UNSAFE_interpolations/flexbox","./flexbox-ccff153e","./utils/UNSAFE_interpolations/flexitem","./flexitem-2ca27918","preact","preact/hooks"],(function(s,e,t,i,a,l,r,n,o,c,d,u,x,F,_,b,m,p,N,f,h,S,U,y,E,g,A){"use strict";const j="qaewvb",v="_1iqy1n",w="_dwpcy9",k="v59tig",C="zkdq2j",O="_esvi15",z="uczlc3",W="_5ri5ht";s.LabelValueLayout=({label:s,labelEdge:t,children:i,labelStartWidth:a="33%"})=>{const d=n.sizeToCSS(a),u=`calc(100% - ${d})`,x="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},F="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:_,isReadonly:b,labelWrapping:m}=l.useFormContext(),{isReadonly:p}=r.useFormFieldContext(),N=_&&b||!_&&p,f=o.classNames([j,"start"===t&&v,"top"===t&&w,"top"===t&&N&&k]),h=o.classNames([C,"start"===t&&O,"start"===t&&!N&&z,"truncate"===m&&W]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:f,style:x},{children:e.jsx("div",Object.assign({class:h},{children:s}))})),e.jsx("div",Object.assign({class:"_xmvoab",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-d22c6b88","./Flex-8f8b467e","./tslib.es6-2b838d6f","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./_curry1-18882de2","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","preact","preact/hooks"],(function(s,e,t,i,a,l,r,n,o,c,d,u,x,_,F,b,f,m,p,N,j,S,U,h,y,E,g){"use strict";const A="ppsvd0",k="k2y3c",v="_g5nm8a",C="_jo43jx",O="_m4zi3",w="_22jjd5",z="_f0nydz",W="xrdiup";s.LabelValueLayout=({label:s,labelEdge:t,children:i,labelStartWidth:a="33%"})=>{const d=n.sizeToCSS(a),u=`calc(100% - ${d})`,x="start"===t?{flexBasis:d,width:d,maxWidth:d}:{},_="start"===t?{flexBasis:u,width:u,maxWidth:u}:{},{isFormLayout:F,isReadonly:b,labelWrapping:f}=l.useFormContext(),{isReadonly:m}=r.useFormFieldContext(),p=F&&b||!F&&m,N=o.classNames([A,"start"===t&&k,"top"===t&&v,"top"===t&&p&&C]),j=o.classNames([O,"start"===t&&w,"start"===t&&!p&&z,"truncate"===f&&W]);return e.jsxs(c.Flex,Object.assign({wrap:"wrap",align:"start"},{children:[e.jsx("div",Object.assign({class:N,style:x},{children:e.jsx("div",Object.assign({class:j},{children:s}))})),e.jsx("div",Object.assign({class:"_jr8973",style:_},{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,UAAAA,~~WAuBAC~~,EAAA,SAAAA,EAAA,UAAAA,EAAA,~~SAAAA,+BAkDA~~,EAAAC,MAAAA,EAAAC,UAAAA,EAAAC,SAAAA,EAAAC,gBAAAA,EAAA,UAME,MAAAC,EAAAC,YAAAF,GACAG,EAAAF,eAAAA,0GAMAG,aAAAA,EAAAC,WAAAC,EAAAC,cAAAA,GAAAC,EAAAA,kBACAH,WAAAA,GAAAI,EAAAA,sBACAC,EAAAN,GAAAE,IAAAF,GAAAC,kBAEEV,EACA,UAAAG,GAAAH,EAGA,QAAAG,GAAAH,EACA,QAAAG,GAAAY,GAAAf,oBAGAC,EACA,UAAAE,GAAAF,qBAEA,aAAAW,GAAAX,IAGF,OAAAe,OAAAC,EAAAA,KAAAC,OAAAC,OAAA,CAAAC,KAAA,OAAAC,MAAA,SAAA,CAAAjB,SAAA,CAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAC,EAAAC,MAAAC,GAAA,CAAAvB,SAAAkB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAAAI,GAAA,CAAAxB,SAAAF,QAAAoB,EAAAC,IAAA,MAAAL,OAAAC,OAAA,CAAAK,MAxDF,UAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}
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,QAAAA,EAAA,UAAAA,YAuBAC,EAAA,SAAAA,EAAA,UAAAA,EAAA,UAAAA,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,UAwDEE,MAAAG,GAAA,CAAAzB,SAAAA"}

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

@@ -1,5 +1,5 @@
-._q0qghh{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);}._q0qghh:visited{color:--oj-c-link-text-color-visited;}._q0qghh:active{color:--oj-c-link-text-color-active;}._q0qghh:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
-.uo7qql{--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);}
-._8042de{--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);}
-.vwccfr{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.vwccfr:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.vwccfr:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
-._pc22t3{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}._pc22t3:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}._pc22t3:active{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}
+.bvpmc7{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);}.bvpmc7:visited{color:--oj-c-link-text-color-visited;}.bvpmc7:active{color:--oj-c-link-text-color-active;}.bvpmc7:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:1px;}
+._crajci{--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);}
+._sqn4vs{--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);}
+.nlfppt{text-decoration-line:var(--oj-c-link-standalone-text-decoration);}.nlfppt:hover{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}.nlfppt:active{text-decoration-line:var(--oj-c-link-standalone-text-decoration-hover);}
+.ilkoij{text-decoration-line:var(--oj-c-link-embedded-text-decoration);}.ilkoij:hover{text-decoration-line:var(--oj-c-link-embedded-text-decoration-hover);}.ilkoij: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-d85348c5","preact/jsx-runtime",'css!./UNSAFE_Link.css',"./utils/UNSAFE_classNames","./classNames-80067919","./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-e6729054","preact/jsx-runtime",'css!./UNSAFE_Link.css',"./utils/UNSAFE_classNames","./classNames-d22c6b88","./hooks/UNSAFE_usePress","preact/hooks"],(function(e,s,i,t,a,n,r,c){"use strict";e.Link=s.Link,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Link.js.map

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

@@ -1,15 +1,15 @@
-.bighdc{height:100%;user-select:none;overflow-y:inherit;}.bighdc:focus{outline-style:none;}
-._jguxgm{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%;}
-._c74avw{position:relative;}
+._8q4w27{height:100%;user-select:none;overflow-y:inherit;}._8q4w27:focus{outline-style:none;}
+._m5vhk{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%;}
+._l8m5g{position:relative;}
-._odopyt{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;}
-._wf59c{background-size:100% 1px;}
-.fx92ag:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
-.vfsivb{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._atx9c{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);}
-.y1fx2x{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
-._1i5app{flex-grow:1;}._1i5app:focus{outline-style:none;}
-._1tpzut{display:flex;}
-.jd6wrq{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
+.m19jr{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;}
+._z10131{background-size:100% 1px;}
+._se60ro:hover{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);}
+.se4bd9{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._ydpvfn{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);}
+._l1okvb{box-shadow:inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);}
+._e0l3j2{flex-grow:1;}._e0l3j2:focus{outline-style:none;}
+._wsc6pt{display:flex;}
+._w1gjxr{outline-style:dotted;outline-width:1px;outline-color:var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:-1px;}
-._ldbecs{height:100%;overflow-x:hidden;overflow-y:hidden;}
+.y9rfxa{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-f07d1296","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-80067919","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-8e9de221","./UNSAFE_Collection","./Collection-9d079b41","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-e06c548e","./UNSAFE_Icon","./Icon-a10b6830","./tslib.es6-adaee4a4","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-91bd9e8a","./UNSAFE_Flex","./Flex-35ad4e50","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-28869c0f","./_curry1-edd25a4e","./utils/UNSAFE_mergeInterpolations","./_curry2-3b6f9103","./_has-af54f1e9","./utils/UNSAFE_interpolations/boxalignment","./keys-a31e546b","./utils/UNSAFE_interpolations/flexbox","./flexbox-ccff153e","./utils/UNSAFE_interpolations/flexitem","./flexitem-2ca27918","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-aaf4d78a","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,a,r,_,u,E,S,U,c,A,F,N,d,f,p,k,x,m,b,h,V,y,I,g,C,P,T,w,L,R,z,j,v,B,K,M,O,q,D,G,H,J,Q,W,X){"use strict";e.ListView=s.ListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./ListView-06233f44","preact/jsx-runtime","preact/hooks",'css!./UNSAFE_ListView.css',"./utils/UNSAFE_classNames","./classNames-d22c6b88","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-1f190c6c","./UNSAFE_Collection","./Collection-5cdb05f8","preact","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./tslib.es6-2b838d6f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-2eef327c","./UNSAFE_Flex","./Flex-8f8b467e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./hooks/UNSAFE_useTranslationBundle","./hooks/UNSAFE_useId","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-826dc780","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,o,l,n,r,a,_,u,c,E,S,U,A,F,N,f,d,b,p,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	- .~~_t7z902~~{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	+ .krbneq{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:n=100,type:s="polite"}){const c=function(e,t){const[i,n]=a.useState(),s=a.useCallback((()=>n(e)),[e]),c=a.useCallback((()=>setTimeout(s,t)),[s,t]);return a.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,n);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"_t7z902"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_LiveRegion.css',"preact/hooks"],(function(e,t,i,n){"use strict";e.LiveRegion=function({atomic:e="false",children:i="",timeout:a=100,type:s="polite"}){const c=function(e,t){const[i,a]=n.useState(),s=n.useCallback((()=>a(e)),[e]),c=n.useCallback((()=>setTimeout(s,t)),[s,t]);return n.useEffect((()=>{const e=c();return()=>clearTimeout(e)}),[c]),i}(i,a);return t.jsx("span",Object.assign({"aria-live":s,"aria-atomic":e,class:"krbneq"},{children:c}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_LiveRegion.js.map

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

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

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

@@ -1,19 +1,19 @@
-._9jjreh{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);}._9jjreh:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-._3acp07{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);}
-.p47cp9{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){.p47cp9{flex-direction:column;}}
-._p0zbwz{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));}
+._l0axfl{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);}._l0axfl:focus-visible{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._uctbzv{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);}
+.mg17ng{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){.mg17ng{flex-direction:column;}}
+._jy4e7i{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));}
-._b2npiq{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
+.cxu7lh{margin-inline-start:0.25rem;margin-inline-end:-0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;}
-.tvap8a{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
-.xabmpu{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);}
+._c8w066{margin-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);overflow-wrap:anywhere;}
+._06ummk{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);}
-._igjdmx{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._jpzy46{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);}
-._g9wteu{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
+._e0ojq2{margin-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._cu47et{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);}
+.ycu337{color:var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color);font-size:1rem;}
-._x0fm0b{flex:1;overflow-wrap:anywhere;}
-._gpk8xs{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);}
-.zxfstp{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;}
+.v81aj4{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);}
-.xf3bkc{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);}
+._h1todc{flex:1;overflow-wrap:anywhere;}
+._rhrko7{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);}
+.w84b65{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;}

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-94687932","./MessageDetail-19d61583","./MessageFormattingUtils-e143c31c","./MessageStartIcon-8d9640c6","./MessageSummary-4b26200f","./MessageTimestamp-8cbc6c08","./MessageUtils-22e2c652","./classNames-80067919","./Flex-35ad4e50","./MessagesManager-bf23c0e2","./Message.types-f213923c","./tslib.es6-adaee4a4","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-28869c0f","./_curry1-edd25a4e","./utils/UNSAFE_mergeInterpolations","./_curry2-3b6f9103","./_has-af54f1e9","./utils/UNSAFE_interpolations/boxalignment","./keys-a31e546b","./utils/UNSAFE_interpolations/flexbox","./flexbox-ccff153e","./utils/UNSAFE_interpolations/flexitem","./flexitem-2ca27918","preact","./utils/UNSAFE_getLocale","./index-e06c548e","./UNSAFE_Icon","./Icon-a10b6830","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-91bd9e8a","./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,f,x,v,b,F,y,U,_,N,E,j,A,h,V,C,I,T,k,B,O,P,R,D,w,z,L,G,H,K,$){"use strict";function q(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_9jjreh",Q="_3acp07",W="p47cp9",X="_p0zbwz";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:f,type:x}){const{closeAffordance:v="on",severity:b="error",sound:F,summary:y,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(b),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]),j=r.useCallback((e=>{"Escape"===e.key&&"on"===v&&(null==S||S(n))}),[v,n,S]);r.useEffect((()=>{l.isValidValueForProp(F)&&g.playSound(F)}),[]);const A=m.classNames([J,_,"section"===x&&Q]);return s.jsx("div",Object.assign({ref:N,class:A,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j},{children:s.jsxs("div",Object.assign({class:X},{children:[q(b)&&s.jsx(c.MessageStartIcon,{variant:"banner",severity:b,translations:f}),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(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"===v&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==f?void 0:f.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-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./MessageStartIcon-11a7b01e","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./classNames-d22c6b88","./Flex-8f8b467e","./MessagesManager-1ee78b2a","./Message.types-8c913077","./tslib.es6-2b838d6f","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","preact","./utils/UNSAFE_getLocale","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-2eef327c","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,a,t,n,r,i,o,l,u,c,d,g,m,f,p,b,S,M,x,v,y,F,U,_,N,E,A,j,h,V,C,I,T,k,B,O,P,R,D,w,z,L,G,H,K,$){"use strict";function q(e){return l.isValidValueForProp(e,"severity")&&"none"!==e}const J="_l0axfl",Q="_uctbzv",W="mg17ng",X="_jy4e7i";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=u.MessageStartIcon,e.MessageSummary=c.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=p.MessagesContext,e.MessagesManager=p.MessagesManager,e.severities=b.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:a,index:t=-1,item:n,onClose:p,messageRef:b=(()=>{}),translations:S,type:M}){const{closeAffordance:x="on",severity:v="error",sound:y,summary:F,timestamp:U}=n.data,_=function(e){const s=l.isValidValueForProp(e,"severity");return m.classNames([s&&"none"!==e&&`oj-c-messagebanner-${e}`])}(v),N=r.useRef(null);r.useImperativeHandle(b,(()=>({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==p||p(n)}),[n,p]),A=r.useCallback((e=>{"Escape"===e.key&&"on"===x&&(null==p||p(n))}),[x,n,p]);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(u.MessageStartIcon,{variant:"banner",severity:v,translations:S}),s.jsxs(f.Flex,Object.assign({direction:"column",flex:"1"},{children:[s.jsxs(Y,{children:[s.jsx(c.MessageSummary,{variant:"banner",text:F}),l.isValidValueForProp(U,"timestamp")&&s.jsx(d.MessageTimestamp,{variant:"banner",value:U})]}),s.jsx(o.MessageDetail,{variant:"banner",item:Object.assign(Object.assign({},n),{index:t}),renderer:a})]})),"on"===x&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==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_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-35ad4e50","./MessagesManager-bf23c0e2","./MessageUtils-22e2c652",'module',"./utils/UNSAFE_classNames","./classNames-80067919","./MessageCloseButton-94687932","./MessageDetail-19d61583","preact","./MessageFormattingUtils-e143c31c","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-28869c0f","./Message.types-f213923c","./utils/UNSAFE_arrayUtils","./MessageStartIcon-8d9640c6","./index-e06c548e","./UNSAFE_Icon","./Icon-a10b6830","./tslib.es6-adaee4a4","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-91bd9e8a","./MessageSummary-4b26200f","./MessageTimestamp-8cbc6c08","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-edd25a4e","./utils/UNSAFE_mergeInterpolations","./_curry2-3b6f9103","./_has-af54f1e9","./utils/UNSAFE_interpolations/boxalignment","./keys-a31e546b","./utils/UNSAFE_interpolations/flexbox","./flexbox-ccff153e","./utils/UNSAFE_interpolations/flexitem","./flexitem-2ca27918","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,a,i,o,r,l,c,u,g,d,f,m,F,U,h,E,M,_,S,v,x,p,A,N,b,R,y,k,j,C,I,T,B,L,O,P,w,z,W,D,G,H,K,q,J,Q,V){"use strict";const X={enter:[{effect:"expand",duration:"0.25s",direction:"height"}],exit:[{effect:"collapse",duration:"0.25s",direction:"height"}]},Y={close:"Close",navigationFromMessagesRegion:"Entering messages region. Press F6 to navigate back to prior focused element.",navigationToMessagesRegion:"Messages region has new messages. Press F6 to navigate to the most recent message region.",error:"Error",warning:"Warning",info:"Info",confirmation:"Confirmation"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:o,data:u,onClose:g,renderers:d,startAnimation:f,translations:m=Y,type:F="section"}){const U=i.useRef(new Map),h=i.useRef(null),E=i.useRef(null),[M,_]=i.useState(),[S,v]=i.useState(u.length>0),x=i.useRef(u.length),p=i.useRef(0);x.current=u.length;const A=i.useCallback((e=>s=>U.current.set(e,s)),[]);i.useImperativeHandle(E,(()=>({focus:()=>{var e;if(u.length){const s=u[0].key;return null===(e=U.current.get(s))||void 0===e||e.focus(),!0}return!1},contains:e=>{var s,n;return!(!u.length||!e)&&(null!==(n=null===(s=h.current)||void 0===s?void 0:s.contains(e))&&void 0!==n&&n)}})),[u,U]);const{controller:N,handlers:b}=n.useMessageFocusManager(E,{onFocus:i.useCallback((()=>{_(m.navigationFromMessagesRegion)}),[_])}),R=i.useCallback((e=>{null==g||g(e)}),[g]),y=i.useCallback(((e,s,n)=>{var t;const a=null==n?void 0:n.contains(document.activeElement);if(0===x.current)return v(!1),void(a&&N.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&a){const e=u[i].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[N,u]);return i.useEffect((()=>{u.length?(v(!0),u.length>p.current&&_(m.navigationToMessagesRegion),N.prioritize()):_(""),p.current=u.length}),[u,N]),S||0!==u.length?s.jsx("div",Object.assign({ref:h,class:"oj-c-messagebanner",tabIndex:-1},b,{children:s.jsxs(r.Flex,Object.assign({direction:"column",gap:"section"===F?"1x":void 0},{children:[s.jsx(l.MessagesManager,Object.assign({animations:X,data:u,startAnimation:f,onMessageWillRemove:y},{children:({index:n,item:t})=>s.jsx(a.Message,{messageRef:A(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-8f8b467e","./MessagesManager-1ee78b2a","./MessageUtils-045559c3",'module',"./utils/UNSAFE_classNames","./classNames-d22c6b88","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","preact","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./Message.types-8c913077","./utils/UNSAFE_arrayUtils","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./tslib.es6-2b838d6f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./UNSAFE_TransitionGroup"],(function(e,s,n,t,a,i,o,r,l,c,u,g,d,f,m,F,U,b,h,E,M,_,S,v,x,p,A,N,R,y,k,j,C,I,T,B,L,O,P,w,z,W,D,G,H,K,q,J,Q,V){"use strict";const X={enter:[{effect:"expand",duration:"0.25s",direction:"height"}],exit:[{effect:"collapse",duration:"0.25s",direction:"height"}]},Y={close:"Close",navigationFromMessagesRegion:"Entering messages region. Press F6 to navigate back to prior focused element.",navigationToMessagesRegion:"Messages region has new messages. Press F6 to navigate to the most recent message region.",error:"Error",warning:"Warning",info:"Info",confirmation:"Confirmation"};e.MessageBanner=function({closeButtonRenderer:e,detailRendererKey:o,data:u,onClose:g,renderers:d,startAnimation:f,translations:m=Y,type:F="section"}){const U=i.useRef(new Map),b=i.useRef(null),h=i.useRef(null),[E,M]=i.useState(),[_,S]=i.useState(u.length>0),v=i.useRef(u.length),x=i.useRef(0);v.current=u.length;const p=i.useCallback((e=>s=>U.current.set(e,s)),[]);i.useImperativeHandle(h,(()=>({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=b.current)||void 0===s?void 0:s.contains(e))&&void 0!==n&&n)}})),[u,U]);const{controller:A,handlers:N}=n.useMessageFocusManager(h,{onFocus:i.useCallback((()=>{M(m.navigationFromMessagesRegion)}),[M])}),R=i.useCallback((e=>{null==g||g(e)}),[g]),y=i.useCallback(((e,s,n)=>{var t;const a=null==n?void 0:n.contains(document.activeElement);if(0===v.current)return S(!1),void(a&&A.restorePriorFocus());const i=s+1<u.length?s+1:s-1;if(i>-1&&a){const e=u[i].key;null===(t=U.current.get(e))||void 0===t||t.focus()}}),[A,u]);return i.useEffect((()=>{u.length?(S(!0),u.length>x.current&&M(m.navigationToMessagesRegion),A.prioritize()):M(""),x.current=u.length}),[u,A]),_||0!==u.length?s.jsx("div",Object.assign({ref:b,class:"oj-c-messagebanner",tabIndex:-1},N,{children:s.jsxs(r.Flex,Object.assign({direction:"column",gap:"section"===F?"1x":void 0},{children:[s.jsx(l.MessagesManager,Object.assign({animations:X,data:u,startAnimation:f,onMessageWillRemove:y},{children:({index:n,item:t})=>s.jsx(a.Message,{messageRef:p(t.key),item:t,closeButtonRenderer:e,detailRenderer:c.getRenderer(t,o,d),index:n,translations:m,type:F,onClose:R},t.key)})),s.jsx(t.LiveRegion,{children:E})]}))})):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 @@
-._flqw5t{position:fixed;top:0;right:0;bottom:0;left:0;}
+._1qpyy{position:fixed;top:0;right:0;bottom:0;left:0;}
-.lmyn6z{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);}
+._taaw8x{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;}
-.gk157k{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;}
+._41aull{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="lmyn6z",l=()=>r.jsx("div",{class:a}),i="gk157k",o=n.forwardRef((({children:e},n)=>r.jsx("div",Object.assign({class:i,ref:n},{children:e}))));o.displayName="Forwarded<ModalContainer>";const d="_flqw5t",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,t,s,c){"use strict";const a="_41aull",l=()=>r.jsx("div",{class:a}),i="_taaw8x",o=n.forwardRef((({children:e},n)=>r.jsx("div",Object.assign({class:i,ref:n},{children:e}))));o.displayName="Forwarded<ModalContainer>";const d="_1qpyy",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})}));
 //# 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,YAWAC,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 @@
-.foelt3{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);}
-._ydi08{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
-.ehuuri{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;}
-.xogwq5{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-.ca10bt{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-._xaxlf7{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+._bw40rl{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);}
+.hfd2lw{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
+._k3gr61{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;}
+._owbgjy{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+._wwoq9n{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+._iay3xb{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-adaee4a4","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-80067919","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,t,n,r,i,o,c,u,d,x){"use strict";const m=({accessibleLabel:e,id:a,width:l,edge:t="none"})=>{const{direction:o}=n.useUser(),c=i.classNames([j.value,j.indeterminate,j[o]]),u=i.classNames([j.base,"none"===t&&j.standalone]),d=r.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(v,Object.assign({id:a,ariaValueText:e||d.progressIndeterminate(),class:u,width:l},{children:s.jsx(b,{class:c})}))},h=({value:e=0,max:a=100,id:l,width:t,edge:n="none"})=>{const r=100*Math.min(Math.max(0,e/a),1)+"%",o=i.classNames([j.base,"none"===n&&j.standalone]);return s.jsx(v,Object.assign({value:e,max:a,id:l,width:t,class:o},{children:s.jsx(b,{class:j.value,width:r})}))},v=e=>{var{value:l,max:t,min:n,id:r,width:i,children:o,ariaValueText:c,color:u}=e,d=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const x=null!=l?n||"0":null,m=null!=l?t:null,h=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:r,"aria-valuemin":x,"aria-valuemax":m,"aria-valuenow":h,"aria-valuetext":c,class:d.class,style:{width:i,backgroundColor:u}},{children:o}))},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}})},j={base:"foelt3",value:"_ydi08",indeterminate:"ehuuri",standalone:"xogwq5",rtl:"ca10bt",ltr:"_xaxlf7"};e.ProgressBar=function(e){var{value:l,max:t}=e,n=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(m,Object.assign({},n)):s.jsx(h,Object.assign({value:l,max:t},n))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-d22c6b88","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,n,r,t,i,o,c,d,u,m){"use strict";const x=({accessibleLabel:e,id:a,width:l,edge:n="none"})=>{const{direction:o}=r.useUser(),c=i.classNames([_.value,_.indeterminate,_[o]]),d=i.classNames([_.base,"none"===n&&_.standalone]),u=t.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(v,Object.assign({id:a,ariaValueText:e||u.progressIndeterminate(),class:d,width:l},{children:s.jsx(b,{class:c})}))},h=({value:e=0,max:a=100,id:l,width:n,edge:r="none"})=>{const t=100*Math.min(Math.max(0,e/a),1)+"%",o=i.classNames([_.base,"none"===r&&_.standalone]);return s.jsx(v,Object.assign({value:e,max:a,id:l,width:n,class:o},{children:s.jsx(b,{class:_.value,width:t})}))},v=e=>{var{value:l,max:n,min:r,id:t,width:i,children:o,ariaValueText:c,color:d}=e,u=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const m=null!=l?r||"0":null,x=null!=l?n:null,h=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:t,"aria-valuemin":m,"aria-valuemax":x,"aria-valuenow":h,"aria-valuetext":c,class:u.class,style:{width:i,backgroundColor:d}},{children:o}))},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:"_bw40rl",value:"hfd2lw",indeterminate:"_k3gr61",standalone:"_owbgjy",rtl:"_wwoq9n",ltr:"_iay3xb"};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(h,Object.assign({value:l,max:n},r))},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,~~oBAAA~~,~~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,gBAAA,uBAAA,qBAAA,cAAA,uCAlGA,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}

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

@@ -1,6 +1,6 @@
-.vz6n1m{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-.ykdpom{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-.xemyo6{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-._ubiu6x{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-._giosuq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
-._bn08vq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}
+.wnx7ql{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._ueo03r{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+._va17n{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._dj8xvy{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+._60kzn2{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
+._295ph7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}

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

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-adaee4a4","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressCircle.css',"./hooks/UNSAFE_useTranslationBundle","./classNames-80067919","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,r,s,n,t,l,i,c,o,u,m){"use strict";const d=({accessibleLabel:e,id:a,size:s="md"})=>{const n=l.classNames([j.base,`oj-c-progress-circle-${s}`,j.indeterminateOuter]),i=t.useTranslationBundle("@oracle/oraclejet-preact");return r.jsx(p,Object.assign({id:a,ariaValuetext:e||i.progressIndeterminate(),class:n},{children:r.jsx(v,{class:j.indeterminateInner})}))},x=({value:e=0,max:a=100,id:s,size:n="md"})=>{const t=Math.min(Math.max(0,e/a),1),i=l.classNames([j.base,`oj-c-progress-circle-${n}`]),c=function(e){let a;if(e<.125)return a=b(e)+50,`polygon(50% 0, ${a}% 0, 50% 50%)`;if(e<.375)return a=e<.25?50-b(.25-e):b(e-.25)+50,`polygon(50% 0, 100% 0, 100% ${a}%, 50% 50%)`;if(e<.625)return a=e<.5?50+b(.5-e):50-b(e-.5),`polygon(50% 0, 100% 0, 100% 100%, ${a}% 100%, 50% 50%)`;if(e<.875)return a=e<.75?50+b(.75-e):50-b(e-.75),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${a}%, 50% 50%)`;return a=50-b(1-e),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${a}% 0%, 50% 50%)`}(t);return r.jsxs(p,Object.assign({id:s,max:a,value:e,class:i},{children:[r.jsx(v,{class:l.classNames([j.determinateInner,j.track])}),r.jsx(v,{class:l.classNames([j.determinateInner,j.value]),clipPath:c})]}))},p=e=>{var{value:s,max:n,min:t,id:l,children:i,ariaValuetext:c,color:o}=e,u=a.__rest(e,["value","max","min","id","children","ariaValuetext","color"]);const m=null!=s?t||"0":null,d=null!=s?n:null,x=null!=s?s:null;return r.jsx("div",Object.assign({role:"progressbar",id:l,"aria-valuemin":m,"aria-valuemax":d,"aria-valuenow":x,"aria-valuetext":c,class:u.class,style:{borderColor:o}},{children:i}))},v=e=>{var{clipPath:s,color:n}=e,t=a.__rest(e,["clipPath","color"]);return r.jsx("div",{class:t.class,style:{clipPath:s,borderColor:n}})},j={base:"vz6n1m",indeterminateOuter:"ykdpom",indeterminateInner:"xemyo6",determinateInner:"_ubiu6x",track:"_giosuq",value:"_bn08vq"};function b(e){return 50*Math.tan(2*e*Math.PI)}e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(d,Object.assign({},t)):r.jsx(x,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressCircle.css',"./hooks/UNSAFE_useTranslationBundle","./classNames-d22c6b88","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,r,s,n,t,l,i,c,o,u,d){"use strict";const m=({accessibleLabel:e,id:a,size:s="md"})=>{const n=l.classNames([j.base,`oj-c-progress-circle-${s}`,j.indeterminateOuter]),i=t.useTranslationBundle("@oracle/oraclejet-preact");return r.jsx(p,Object.assign({id:a,ariaValuetext:e||i.progressIndeterminate(),class:n},{children:r.jsx(v,{class:j.indeterminateInner})}))},x=({value:e=0,max:a=100,id:s,size:n="md"})=>{const t=Math.min(Math.max(0,e/a),1),i=l.classNames([j.base,`oj-c-progress-circle-${n}`]),c=function(e){let a;if(e<.125)return a=b(e)+50,`polygon(50% 0, ${a}% 0, 50% 50%)`;if(e<.375)return a=e<.25?50-b(.25-e):b(e-.25)+50,`polygon(50% 0, 100% 0, 100% ${a}%, 50% 50%)`;if(e<.625)return a=e<.5?50+b(.5-e):50-b(e-.5),`polygon(50% 0, 100% 0, 100% 100%, ${a}% 100%, 50% 50%)`;if(e<.875)return a=e<.75?50+b(.75-e):50-b(e-.75),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${a}%, 50% 50%)`;return a=50-b(1-e),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${a}% 0%, 50% 50%)`}(t);return r.jsxs(p,Object.assign({id:s,max:a,value:e,class:i},{children:[r.jsx(v,{class:l.classNames([j.determinateInner,j.track])}),r.jsx(v,{class:l.classNames([j.determinateInner,j.value]),clipPath:c})]}))},p=e=>{var{value:s,max:n,min:t,id:l,children:i,ariaValuetext:c,color:o}=e,u=a.__rest(e,["value","max","min","id","children","ariaValuetext","color"]);const d=null!=s?t||"0":null,m=null!=s?n:null,x=null!=s?s:null;return r.jsx("div",Object.assign({role:"progressbar",id:l,"aria-valuemin":d,"aria-valuemax":m,"aria-valuenow":x,"aria-valuetext":c,class:u.class,style:{borderColor:o}},{children:i}))},v=e=>{var{clipPath:s,color:n}=e,t=a.__rest(e,["clipPath","color"]);return r.jsx("div",{class:t.class,style:{clipPath:s,borderColor:n}})},j={base:"wnx7ql",indeterminateOuter:"_ueo03r",indeterminateInner:"_va17n",determinateInner:"_dj8xvy",track:"_60kzn2",value:"_295ph7"};function b(e){return 50*Math.tan(2*e*Math.PI)}e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(m,Object.assign({},t)):r.jsx(x,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressCircle.js.map