@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/es/Label-6d90e627.js

@@ -1,83 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import './FormFieldContext-68eb5946.js';
-import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import './FormContext-4d71f9c7.js';
-import { u as useFormContext } from './useFormContext-875cacd7.js';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import './TabbableModeContext-7d8ad946.js';
-import 'preact/hooks';
-import './LayerHost-7a2149f5.js';
-import 'preact/compat';
-import './UserAssistanceStyles.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
-import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './Flex-2d51e914.js';
-import './MessageBannerStyles.styles.css';
-import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
-import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-import 'preact';
-import './TooltipContentStyles.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
-import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-fcfd7dbb.js';
-import './IconStyle.styles.css';
-import './IconButton-62cd1cf9.js';
-import './MessageStyles.styles.css';
-import './MessageFormattingUtils-34c9b1aa.js';
-import './logger-c92f309c.js';
-import './TransitionGroup-5fd80dc9.js';
-import './MessagesContext-76544845.js';
-import './HiddenAccessibleStyles.styles.css';
-import './ComponentMessageStyles.styles.css';
-import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
-import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
-import './InputGroupContext-20bdbd6e.js';
-import './Popup-a4be2769.js';
-import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
-import { C as CompactLabelAssistance } from './CompactLabelAssistance-7912767d.js';
-import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
-import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
-import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
-import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';
-
-const StyledLabel = ({ hasValue, readonly, disabled, isFocused, isRequiredShown, helpIconId, helpSourceLink, helpSourceText, userAssistanceDensity = 'reflow', variant = 'inside', parentComponentVariant = 'textField', ...props }) => {
-    const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();
-    const isInside = variant === 'inside';
-    const isTextField = parentComponentVariant === 'textField';
-    // because variants have to match strings, we have to take any boolean props and convert
-    // them to a string value, (ie prefixed with "is" or "non")
-    const { classes, styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside } } = useComponentTheme(LabelRedwoodTheme, {
-        labelWrapping,
-        position: variant,
-        inside: isInside ? 'isInside' : 'notInside',
-        inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',
-        readonly: readonly ? 'isReadonly' : 'notReadonly',
-        focused: isFocused ? 'isFocused' : 'nonFocused',
-        formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',
-        readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',
-        textField: isTextField ? 'isTextField' : 'notTextField',
-        value: hasValue ? 'hasValue' : 'noValue',
-        valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',
-        animatedWhenInside: isTextField ? 'isAnimated' : 'notAnimated',
-        disabled: isTextField && disabled ? 'isDisabled' : 'nonDisabled',
-        userAssistanceDensity
-    });
-    const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);
-    // TODO: We need to decide whether to standardize on 'class' or 'className'.  Otherwise, we'll
-    // run into issues destructuring style interpolations, for example having to concatenate both.
-    const compactLabelStyles = classNames([
-        uaDensityCompactLabel,
-        variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside
-    ]);
-    const compactUADLabel = jsx("label", { ...props, class: compactLabelStyles });
-    return userAssistanceDensity === 'compact' ? (jsxs("div", { class: classNames([classes, textFieldTheme]), children: [variant !== 'start' && compactUADLabel, jsx(CompactLabelAssistance, { isRequiredShown: isRequiredShown, helpIconId: helpIconId, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, labelEdge: variant === 'top' || variant === 'start' ? variant : 'inside' }), variant === 'start' && compactUADLabel] })) : (jsx("label", { ...props, class: classNames([classes, textFieldTheme]) }));
-};
-const Label = ({ forId, ...props }) => {
-    const { hasValue, isDisabled, isFocused, isReadonly } = useFormFieldContext();
-    return (jsx(StyledLabel, { for: forId, hasValue: hasValue, disabled: isDisabled, isFocused: isFocused, readonly: isReadonly, ...props }));
-};
-
-export { Label as L };
-//# sourceMappingURL=Label-6d90e627.js.map

package/es/Label-6d90e627.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label-6d90e627.js","sources":["../../src/UNSAFE_Label/Label.tsx"],"sourcesContent":["import { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CompactLabelAssistance } from '../UNSAFE_UserAssistance';\n\nimport { LabelStyles, LabelVariantOptions } from './themes/LabelStyles.css';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from './themes/redwood/LabelTheme';\n\ntype StyleProps = Exclude<Props, 'children' | 'forId' | 'id'> & {\n  hasValue?: boolean;\n  isFocused?: boolean;\n  readonly?: boolean;\n  disabled?: boolean;\n};\n\ntype StyledLabelProps = StyledComponentProps<'label', StyleProps> & {\n  onClick?: (e: MouseEvent) => void;\n};\n\nconst StyledLabel = ({\n  hasValue,\n  readonly,\n  disabled,\n  isFocused,\n  isRequiredShown,\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  userAssistanceDensity = 'reflow',\n  variant = 'inside',\n  parentComponentVariant = 'textField',\n  ...props\n}: StyledLabelProps) => {\n  const { isFormLayout, isReadonly: isReadonlyForm, labelWrapping } = useFormContext();\n\n  const isInside = variant === 'inside';\n  const isTextField = parentComponentVariant === 'textField';\n\n  // because variants have to match strings, we have to take any boolean props and convert\n  // them to a string value, (ie prefixed with \"is\" or \"non\")\n  const {\n    classes,\n    styles: { uaDensityCompactLabel, uaDensityCompactLabelStart, uaDensityCompactLabelTopInside }\n  } = useComponentTheme<LabelVariantOptions, LabelStyles>(LabelRedwoodTheme, {\n    labelWrapping,\n    position: variant,\n    inside: isInside ? 'isInside' : 'notInside',\n    inEnabledForm: isFormLayout && !isReadonlyForm ? 'isInEnabledForm' : 'notInEnabledForm',\n    readonly: readonly ? 'isReadonly' : 'notReadonly',\n    focused: isFocused ? 'isFocused' : 'nonFocused',\n    formLayout: isFormLayout ? 'isFormLayout' : 'nonFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    textField: isTextField ? 'isTextField' : 'notTextField',\n    value: hasValue ? 'hasValue' : 'noValue',\n    valueOrFocus: hasValue || isFocused ? 'hasValueOrFocus' : 'noValueOrFocus',\n    animatedWhenInside: isTextField ? 'isAnimated' : 'notAnimated',\n    disabled: isTextField && disabled ? 'isDisabled' : 'nonDisabled',\n    userAssistanceDensity\n  });\n\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n\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\n  const compactLabelStyles = classNames([\n    uaDensityCompactLabel,\n    variant === 'start' ? uaDensityCompactLabelStart : uaDensityCompactLabelTopInside\n  ]);\n  const compactUADLabel = <label {...props} class={compactLabelStyles} />;\n\n  return userAssistanceDensity === 'compact' ? (\n    <div class={classNames([classes, textFieldTheme])}>\n      {variant !== 'start' && compactUADLabel}\n      <CompactLabelAssistance\n        isRequiredShown={isRequiredShown}\n        helpIconId={helpIconId}\n        helpSourceLink={helpSourceLink}\n        helpSourceText={helpSourceText}\n        labelEdge={variant === 'top' || variant === 'start' ? variant : 'inside'}\n      />\n      {variant === 'start' && compactUADLabel}\n    </div>\n  ) : (\n    <label {...props} class={classNames([classes, textFieldTheme])} />\n  );\n};\n\ntype Props = {\n  /**\n   * Specifies how messages and assistive text are shown.\n   */\n  userAssistanceDensity?: 'reflow' | 'efficient' | 'compact';\n  /**\n   * Id to use for the help icon in compact user assistance density.\n   */\n  helpIconId?: string;\n  /**\n   * Help source link for compact user assistance density.\n   */\n  helpSourceLink?: string;\n  /**\n   * Help source text for compact user assistance density.\n   */\n  helpSourceText?: string;\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: boolean;\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';\n  /**\n   * Determines how the label is going to be styled in based on parent component.\n   */\n  parentComponentVariant?: 'textField' | 'radioSet' | 'checkboxSet' | 'formComponentWrapper';\n  /**\n   * Handler called when the label is clicked.\n   */\n  onClick?: (e: MouseEvent) => void;\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":["_jsx","_jsxs"],"mappings":"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"}

package/es/LabelValueLayout-bcf482be.js

@@ -1,82 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { F as Flex } from './Flex-2d51e914.js';
-import './FormContext-4d71f9c7.js';
-import { u as useFormContext } from './useFormContext-875cacd7.js';
-import './FormFieldContext-68eb5946.js';
-import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
-import { s as sizeToCSS } from './size-88f26574.js';
-import './LabelValueLayoutStyles.styles.css';
-import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
-import { RadioRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
-import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';
-import { FormLayoutRedwoodTheme } from './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
-import { CheckboxRedwoodTheme } from './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
-
-var labelInnerStyles = {base:'LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55',start:'LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56',startNotPureReadonly:'LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57',startWithNoTopRadioSetUA:'LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58',insideRadioSet:'LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59',startWithNoTopCheckboxSetUA:'LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a',insideCheckboxSet:'LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b',startWithNoTopFormComponentWrapperUA:'LabelValueLayoutStyles_labelInnerStyles_startWithNoTopFormComponentWrapperUA__z3rxc5c',insideFormComponentWrapper:'LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5d',noWrap:'LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5e'};
-var labelSlotStyles = {base:'LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50',start:'LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51',top:'LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52',topAndTopUA:'LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53',topPureReadonly:'LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54'};
-var valueSlotStyles = 'LabelValueLayoutStyles_valueSlotStyles__z3rxc5f';
-
-const LabelValueLayout = ({ label, labelEdge, children, labelStartWidth = '33%', parentComponentVariant = 'textField', hasTopUserAssistance = false }) => {
-    const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);
-    const { baseTheme: radioTheme } = useComponentTheme(RadioRedwoodTheme);
-    const { baseTheme: checkboxTheme } = useComponentTheme(CheckboxRedwoodTheme);
-    const { baseTheme: labelTheme } = useComponentTheme(LabelRedwoodTheme);
-    const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);
-    const isTextField = parentComponentVariant.startsWith('text');
-    const isRadio = parentComponentVariant === 'radioSet';
-    const isCheckbox = parentComponentVariant === 'checkboxSet';
-    const isFormComponentWrapper = parentComponentVariant === 'formComponentWrapper';
-    const isStart = labelEdge === 'start';
-    const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.
-    const isInside = labelEdge === 'inside';
-    const width = sizeToCSS(labelStartWidth);
-    const valueWidth = `calc(100% - ${width})`;
-    const labelStyles = isStart
-        ? { flexBasis: width, width: width, maxWidth: width }
-        : {};
-    const valueStyles = isStart
-        ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }
-        : {};
-    const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();
-    const { isReadonly } = useFormFieldContext();
-    const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);
-    const labelStyleClasses = classNames([
-        formLayoutTheme,
-        labelSlotStyles.base,
-        isStart && labelSlotStyles.start,
-        isTop && labelSlotStyles.top,
-        isTop && hasTopUserAssistance && labelSlotStyles.topAndTopUA,
-        isTop && isPureReadonly && labelSlotStyles.topPureReadonly
-    ]);
-    const labelInnerClasses = classNames([
-        isTextField && textFieldTheme,
-        isRadio && radioTheme,
-        isCheckbox && checkboxTheme,
-        (isRadio || isCheckbox || isFormComponentWrapper) && labelTheme,
-        formLayoutTheme,
-        labelInnerStyles.base,
-        isStart && labelInnerStyles.start,
-        isTextField && isStart && !isPureReadonly && labelInnerStyles.startNotPureReadonly,
-        isRadio && isInside && labelInnerStyles.insideRadioSet,
-        isCheckbox && isInside && labelInnerStyles.insideCheckboxSet,
-        isFormComponentWrapper && isInside && labelInnerStyles.insideFormComponentWrapper,
-        isRadio && isStart && !hasTopUserAssistance && labelInnerStyles.startWithNoTopRadioSetUA,
-        isCheckbox && isStart && !hasTopUserAssistance && labelInnerStyles.startWithNoTopCheckboxSetUA,
-        isFormComponentWrapper &&
-            isStart &&
-            !isPureReadonly &&
-            !hasTopUserAssistance &&
-            labelInnerStyles.startWithNoTopFormComponentWrapperUA,
-        labelWrapping === 'truncate' && labelInnerStyles.noWrap
-    ]);
-    return (
-    // For readonly start aligned labels, we want the div that is the parent of the label to
-    // stretch to the height of the value content, including the end content (InputSensitiveText)
-    jsxs(Flex, { wrap: "wrap", align: isReadonly && isStart ? 'stretch' : 'start', children: [jsx("div", { class: labelStyleClasses, style: labelStyles, children: jsx("div", { class: labelInnerClasses, children: label }) }), jsx("div", { class: valueSlotStyles, style: valueStyles, children: children })] }));
-};
-
-export { LabelValueLayout as L };
-//# sourceMappingURL=LabelValueLayout-bcf482be.js.map

package/es/LabelValueLayout-bcf482be.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelValueLayout-bcf482be.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\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';\nimport { labelSlotStyles, labelInnerStyles, valueSlotStyles } from './LabelValueLayoutStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\nimport { RadioRedwoodTheme } from '../UNSAFE_RadioItem/themes/redwood/RadioTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/FormLayoutTheme';\nimport { CheckboxRedwoodTheme } from '../UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\n\ntype TextFieldProps = {\n  /**\n   * Defines how the label is going to be positioned. For a TextField only the start and top values are allowed.\n   */\n  labelEdge?: 'start' | 'top';\n  parentComponentVariant?: 'textField' | 'textArea';\n};\ntype CheckboxRadioSetProps = {\n  /**\n   * Defines how the label is going to be positioned. For CheckboxSet or RadioSet the start, top and inside values are supported.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  parentComponentVariant: 'radioSet' | 'checkboxSet';\n};\ntype FormComponentWrapperProps = {\n  /**\n   * The start, top and inside values are supported for a wrapped component.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  parentComponentVariant: 'formComponentWrapper';\n};\n\ntype Props = (TextFieldProps | CheckboxRadioSetProps | FormComponentWrapperProps) & {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n\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  hasTopUserAssistance?: boolean;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%',\n  parentComponentVariant = 'textField',\n  hasTopUserAssistance = false\n}: Props) => {\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\n  const { baseTheme: radioTheme } = useComponentTheme(RadioRedwoodTheme);\n  const { baseTheme: checkboxTheme } = useComponentTheme(CheckboxRedwoodTheme);\n  const { baseTheme: labelTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n\n  const isTextField = parentComponentVariant.startsWith('text');\n  const isRadio = parentComponentVariant === 'radioSet';\n  const isCheckbox = parentComponentVariant === 'checkboxSet';\n  const isFormComponentWrapper = parentComponentVariant === 'formComponentWrapper';\n  const isStart = labelEdge === 'start';\n  const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.\n  const isInside = labelEdge === 'inside';\n  const width = sizeToCSS(labelStartWidth);\n  const valueWidth = `calc(100% - ${width})`;\n\n  const labelStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: width, width: width, maxWidth: width }\n    : {};\n\n  const valueStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }\n    : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n\n  const labelStyleClasses = classNames([\n    formLayoutTheme,\n    labelSlotStyles.base,\n    isStart && labelSlotStyles.start,\n    isTop && labelSlotStyles.top,\n    isTop && hasTopUserAssistance && labelSlotStyles.topAndTopUA,\n    isTop && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n\n  const labelInnerClasses = classNames([\n    isTextField && textFieldTheme,\n    isRadio && radioTheme,\n    isCheckbox && checkboxTheme,\n    (isRadio || isCheckbox || isFormComponentWrapper) && labelTheme,\n    formLayoutTheme,\n    labelInnerStyles.base,\n    isStart && labelInnerStyles.start,\n    isTextField && isStart && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    isRadio && isInside && labelInnerStyles.insideRadioSet,\n    isCheckbox && isInside && labelInnerStyles.insideCheckboxSet,\n    isFormComponentWrapper && isInside && labelInnerStyles.insideFormComponentWrapper,\n    isRadio && isStart && !hasTopUserAssistance && labelInnerStyles.startWithNoTopRadioSetUA,\n    isCheckbox && isStart && !hasTopUserAssistance && labelInnerStyles.startWithNoTopCheckboxSetUA,\n    isFormComponentWrapper &&\n      isStart &&\n      !isPureReadonly &&\n      !hasTopUserAssistance &&\n      labelInnerStyles.startWithNoTopFormComponentWrapperUA,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    // For readonly start aligned labels, we want the div that is the parent of the label to\n    // stretch to the height of the value content, including the end content (InputSensitiveText)\n    <Flex wrap=\"wrap\" align={isReadonly && isStart ? 'stretch' : '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":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsDa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,sBAAsB,GAAG,WAAW,EACpC,oBAAoB,GAAG,KAAK,EACtB,KAAI;IACV,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC/E,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC7E,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAEjF,MAAM,WAAW,GAAG,sBAAsB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAC9D,IAAA,MAAM,OAAO,GAAG,sBAAsB,KAAK,UAAU,CAAC;AACtD,IAAA,MAAM,UAAU,GAAG,sBAAsB,KAAK,aAAa,CAAC;AAC5D,IAAA,MAAM,sBAAsB,GAAG,sBAAsB,KAAK,sBAAsB,CAAC;AACjF,IAAA,MAAM,OAAO,GAAG,SAAS,KAAK,OAAO,CAAC;IACtC,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,QAAQ,CAAC;AAC5D,IAAA,MAAM,QAAQ,GAAG,SAAS,KAAK,QAAQ,CAAC;AACxC,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,CAAe,YAAA,EAAA,KAAK,GAAG,CAAC;IAE3C,MAAM,WAAW,GAAsB,OAAO;AAC5C,UAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE;UACnD,EAAE,CAAC;IAEP,MAAM,WAAW,GAAsB,OAAO;AAC5C,UAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;UAClE,EAAE,CAAC;AAEP,IAAA,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;AACrF,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;AAC7C,IAAA,MAAM,cAAc,GAAG,CAAC,YAAY,IAAI,cAAc,MAAM,CAAC,YAAY,IAAI,UAAU,CAAC,CAAC;IAEzF,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,eAAe;AACf,QAAA,eAAe,CAAC,IAAI;QACpB,OAAO,IAAI,eAAe,CAAC,KAAK;QAChC,KAAK,IAAI,eAAe,CAAC,GAAG;AAC5B,QAAA,KAAK,IAAI,oBAAoB,IAAI,eAAe,CAAC,WAAW;AAC5D,QAAA,KAAK,IAAI,cAAc,IAAI,eAAe,CAAC,eAAe;AAC3D,KAAA,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,UAAU,CAAC;AACnC,QAAA,WAAW,IAAI,cAAc;AAC7B,QAAA,OAAO,IAAI,UAAU;AACrB,QAAA,UAAU,IAAI,aAAa;AAC3B,QAAA,CAAC,OAAO,IAAI,UAAU,IAAI,sBAAsB,KAAK,UAAU;QAC/D,eAAe;AACf,QAAA,gBAAgB,CAAC,IAAI;QACrB,OAAO,IAAI,gBAAgB,CAAC,KAAK;QACjC,WAAW,IAAI,OAAO,IAAI,CAAC,cAAc,IAAI,gBAAgB,CAAC,oBAAoB;AAClF,QAAA,OAAO,IAAI,QAAQ,IAAI,gBAAgB,CAAC,cAAc;AACtD,QAAA,UAAU,IAAI,QAAQ,IAAI,gBAAgB,CAAC,iBAAiB;AAC5D,QAAA,sBAAsB,IAAI,QAAQ,IAAI,gBAAgB,CAAC,0BAA0B;QACjF,OAAO,IAAI,OAAO,IAAI,CAAC,oBAAoB,IAAI,gBAAgB,CAAC,wBAAwB;QACxF,UAAU,IAAI,OAAO,IAAI,CAAC,oBAAoB,IAAI,gBAAgB,CAAC,2BAA2B;QAC9F,sBAAsB;YACpB,OAAO;AACP,YAAA,CAAC,cAAc;AACf,YAAA,CAAC,oBAAoB;AACrB,YAAA,gBAAgB,CAAC,oCAAoC;AACvD,QAAA,aAAa,KAAK,UAAU,IAAI,gBAAgB,CAAC,MAAM;AACxD,KAAA,CAAC,CAAC;IAEH;;;IAGEA,IAAC,CAAA,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,UAAU,IAAI,OAAO,GAAG,SAAS,GAAG,OAAO,EAClE,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,WAAW,EAC/C,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,iBAAiB,EAAG,QAAA,EAAA,KAAK,EAAO,CAAA,EAAA,CACxC,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,YAC5C,QAAQ,EAAA,CACL,CACD,EAAA,CAAA,EACP;AACJ;;;;"}

package/es/Layer-7497a324.js

@@ -1,88 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { useContext, useState, useRef, useLayoutEffect, createPortal } from 'preact/compat';
-import { L as LayerContext } from './LayerHost-7a2149f5.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { styles, baseStyle } from './UNSAFE_Layer/themes/LayerStyles.css.js';
-import { u as useThemeInterpolations } from './useThemeInterpolations-242b30ed.js';
-
-const LOGICAL_PARENT = Symbol.for('oj-logical-parent');
-const Layer = ({ children, logicalParentRef, isModal = false, priority = 'popup', level = 'nearestAncestor' }) => {
-    const context = useContext(LayerContext);
-    const [layerContainer, _setLayerContainer] = useState(null);
-    const layerContainerRef = useRef(null);
-    const setLayerContainer = (elem) => {
-        layerContainerRef.current = elem;
-        _setLayerContainer(elem);
-    };
-    // because the children are being rendered into a portal that is out of the flow of parent dom,
-    // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.
-    const themeClasses = useThemeInterpolations(logicalParentRef);
-    let priorityStyle = styles.popupPriorityStyle;
-    switch (priority) {
-        case 'dialog': {
-            priorityStyle = styles.dialogPriorityStyle;
-            break;
-        }
-        case 'messages': {
-            priorityStyle = styles.messagesPriorityStyle;
-            break;
-        }
-        case 'tooltip': {
-            priorityStyle = styles.tooltipPriorityStyle;
-            break;
-        }
-        default: {
-            priorityStyle = styles.popupPriorityStyle;
-            break;
-        }
-    }
-    const classes = classNames([themeClasses, baseStyle, priorityStyle]);
-    // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented
-    // content does not get re-rendered with valid ref's
-    useLayoutEffect(() => {
-        const host = level === 'topLevel'
-            ? context.getRootLayerHost?.(priority)
-            : context.getLayerHost?.(priority);
-        if (!host)
-            return;
-        const doc = host.ownerDocument ?? document;
-        const layer = doc.createElement('div');
-        layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');
-        if (logicalParentRef) {
-            layer[LOGICAL_PARENT] = logicalParentRef.current;
-        }
-        // layer.style.position = 'relative';
-        host.appendChild(layer);
-        setLayerContainer(layer);
-        return () => {
-            if (host && layer && host.contains(layer)) {
-                delete layer[LOGICAL_PARENT];
-                host.removeChild(layer);
-            }
-            if (context.onLayerUnmount) {
-                context.onLayerUnmount(layer);
-            }
-            setLayerContainer(null);
-        };
-    }, [logicalParentRef, context, level, priority, isModal]);
-    // add the colorScheme and scale classes if there is a layerContainer
-    if (layerContainer) {
-        // use the theme interpolations to set the appropriate style classes for colorScheme and scale
-        layerContainer.className = classes;
-    }
-    const getLayerHost = () => {
-        return layerContainer;
-    };
-    let newLayerContext = {};
-    if (context.getLayerHost) {
-        newLayerContext = {
-            getRootLayerHost: context.getRootLayerHost?.bind(null, priority),
-            getLayerHost: getLayerHost.bind(null)
-        };
-    }
-    return (jsx(LayerContext.Provider, { value: newLayerContext, children: layerContainer && createPortal(children, layerContainer) }));
-};
-
-export { Layer as L, LOGICAL_PARENT as a };
-//# sourceMappingURL=Layer-7497a324.js.map

package/es/Layer-7497a324.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layer-7497a324.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAOa,MAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,EAAE;AAiCxD,MAAA,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,gBAAgB,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,OAAO,EAClB,KAAK,GAAG,iBAAiB,EACnB,KAAI;AACV,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;AAC5E,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEvD,IAAA,MAAM,iBAAiB,GAAG,CAAC,IAAoB,KAAI;AACjD,QAAA,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAC,CAAC;;;AAIF,IAAA,MAAM,YAAY,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;AAE9D,IAAA,IAAI,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAE9C,QAAQ,QAAQ;QACd,KAAK,QAAQ,EAAE;AACb,YAAA,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;YAC3C,MAAM;SACP;QACD,KAAK,UAAU,EAAE;AACf,YAAA,aAAa,GAAG,MAAM,CAAC,qBAAqB,CAAC;YAC7C,MAAM;SACP;QACD,KAAK,SAAS,EAAE;AACd,YAAA,aAAa,GAAG,MAAM,CAAC,oBAAoB,CAAC;YAC5C,MAAM;SACP;QACD,SAAS;AACP,YAAA,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC;YAC1C,MAAM;SACP;KACF;AAED,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;;;IAIrE,eAAe,CAAC,MAAK;AACnB,QAAA,MAAM,IAAI,GACR,KAAK,KAAK,UAAU;AAClB,cAAE,OAAO,CAAC,gBAAgB,GAAG,QAAQ,CAAC;cACpC,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC;AAEvC,QAAA,IAAI,CAAC,IAAI;YAAE,OAAO;AAClB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC;QAC3C,MAAM,KAAK,GAAiB,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAErD,QAAA,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;QAEpE,IAAI,gBAAgB,EAAE;AACpB,YAAA,KAAK,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC;SAClD;;AAED,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAEzB,QAAA,OAAO,MAAK;YACV,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzC,gBAAA,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC;AAC7B,gBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aACzB;AACD,YAAA,IAAI,OAAO,CAAC,cAAc,EAAE;AAC1B,gBAAA,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC/B;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC1B,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;;IAG1D,IAAI,cAAc,EAAE;;AAElB,QAAA,cAAc,CAAC,SAAS,GAAG,OAAO,CAAC;KACpC;IAED,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,OAAO,cAAc,CAAC;AACxB,KAAC,CAAC;IAEF,IAAI,eAAe,GAAG,EAAE,CAAC;AAEzB,IAAA,IAAI,OAAO,CAAC,YAAY,EAAE;AACxB,QAAA,eAAe,GAAG;YAChB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;AAChE,YAAA,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;SACtC,CAAC;KACH;IAED,QACEA,IAAC,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAC1C,cAAc,IAAI,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAA,CACnC,EACxB;AACJ;;;;"}

package/es/LayerHost-7a2149f5.js

@@ -1,40 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { createContext } from 'preact';
-import { Redwood } from './Common/themes/redwood/theme.js';
-import { jsx } from 'preact/jsx-runtime';
-import { forwardRef } from 'preact/compat';
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * Licensed under The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Default environment created for the application
- */
-const DefaultEnvironment = {
-    user: {
-        locale: document.documentElement.getAttribute('lang') || 'en',
-        direction: document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',
-        forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'
-    },
-    theme: Redwood,
-    colorScheme: 'light',
-    scale: 'lg',
-    currentBgColor: undefined,
-    mode: 'production',
-    density: 'standard'
-};
-const EnvironmentContext = createContext(DefaultEnvironment);
-
-const LayerContext = createContext({});
-
-const LayerHost = forwardRef((_props, ref) => {
-    return jsx("div", { id: "__root_layer_host", ref: ref });
-});
-LayerHost.displayName = 'Forwarded<LayerHost>';
-
-export { DefaultEnvironment as D, EnvironmentContext as E, LayerContext as L, LayerHost as a };
-//# sourceMappingURL=LayerHost-7a2149f5.js.map

package/es/LayerHost-7a2149f5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerHost-7a2149f5.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages' | 'tooltip';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["_jsx"],"mappings":";;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACLzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;IAC3D,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,mBAAmB,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AAClD,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/es/LayerManager-be34be40.js

@@ -1,34 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { useState, useCallback } from 'preact/compat';
-import { L as LayerContext, a as LayerHost } from './LayerHost-7a2149f5.js';
-
-function LayerManager({ children }) {
-    const [defaultHost, setDefaultHost] = useState();
-    //const context = useContext(LayerContext);
-    const defaultHostRef = useCallback((el) => {
-        // ref callbacks fire after the component has been unnmounted so we do not
-        // want to set state in this use-case
-        if (el !== null) {
-            setDefaultHost(el);
-        }
-    }, []);
-    return (jsx(LayerContext.Consumer, { children: (value) => {
-            let defaultHostContext = {};
-            if (defaultHost) {
-                defaultHostContext = {
-                    getRootLayerHost: () => {
-                        return defaultHost;
-                    },
-                    getLayerHost: () => {
-                        return defaultHost;
-                    }
-                };
-            }
-            const layerContext = value.getLayerHost ? value : defaultHostContext;
-            return (jsxs(LayerContext.Provider, { value: layerContext, children: [children, !value.getLayerHost && jsx(LayerHost, { ref: defaultHostRef })] }));
-        } }));
-}
-
-export { LayerManager as L };
-//# sourceMappingURL=LayerManager-be34be40.js.map

package/es/LayerManager-be34be40.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerManager-be34be40.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}

package/es/LineAreaChart-d6924882.js

@@ -1,170 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
-import { h as findNearestDataPoint } from './layoutUtils-3bbcb977.js';
-import { A as AreaSeries, g as getLineAreaChartItemPosition } from './chartUtils-98f8628d.js';
-import { h as getCumulativeSeries, a as getSeriesData, b as getLineAreaSegments, g as getMarkers } from './useChartDnd-9cf28aba.js';
-import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-00fa2ab7.js';
-import { f as getLineAreaChartNavUtil, d as getItemColor, h as getMarkerType } from './dataStyleUtils-718fe00a.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
-import { g as getColorRamp } from './colorUtils-c462ff3b.js';
-import './accUtils-60925ab1.js';
-import { colorSchemeVars } from './Common/themes/themeContract.css.js';
-import { C as Chart } from './Chart-b97e00f1.js';
-
-function OverviewLineAreaChart(props) {
-    return (jsx(LineAreaChart, { datatip: () => ({ content: '' }), zoomAndScroll: "off", overview: "off", plotArea: {
-            yMajorTick: {
-                isRendered: false
-            }
-        }, xAxis: {
-            tickLabel: {
-                autoRotate: false,
-                // @ts-ignore
-                isRendered: props.xAxis?.timeAxisType ? true : false
-            }
-        }, series: props.series, groups: props.groups, getDataItem: props.getDataItem, yAxis: {
-            tickLabel: {
-                isRendered: false
-            }
-        }, type: props.type }));
-}
-
-const AXIS_OFFSET = 0.2;
-const LINE_WITH_AREA_OPACITY = 0.2;
-/**
- * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.
- */
-function LineAreaChart({ width, height, selectedIds = [], hiddenIds = [], highlightedIds, hideAndShowBehavior = 'none', orientation = 'vertical', yAxis, series, groups, isStacked = false, getDataItem, selectionMode = 'none', drilling = 'off', type = 'line', overview = 'off', dataLabelEffect = 'outline', ...props }) {
-    const { direction, forcedColors } = useUser();
-    const isHighContrast = forcedColors === 'active';
-    const isTestEnv = props.testId !== undefined;
-    const isRtl = direction === 'rtl';
-    const isLog = yAxis?.scale === 'log';
-    const timeAxisType = props.xAxis?.timeAxisType;
-    const hiddenSet = new Set(hiddenIds);
-    const selectedSet = new Set(selectedIds);
-    const highlightedSet = new Set(highlightedIds);
-    const isHoriz = orientation === 'horizontal';
-    const colors = getColorRamp();
-    const renderedSeries = isStacked
-        ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)
-        : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);
-    const renderedGetDataItem = (seriesIndex, groupIndex) => {
-        if (!isStacked)
-            return getDataItem(seriesIndex, groupIndex);
-        return {
-            ...getDataItem(seriesIndex, groupIndex),
-            value: renderedSeries[seriesIndex][groupIndex]
-        };
-    };
-    const getGapRatio = () => {
-        return 1;
-    };
-    const getNextChartItemFunc = (startIndex, endIndex) => {
-        // TODO: JET-71332
-        //@ts-ignore
-        return getLineAreaChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl, isHoriz);
-    };
-    const getDataItemPos = (xScale, yScale) => {
-        return (seriesIndex, groupIndex) => {
-            return getLineAreaChartItemPosition(seriesIndex, groupIndex, renderedSeries, getDataItem, groups, isHoriz, xScale, yScale, timeAxisType);
-        };
-    };
-    const getMarkerColorAndType = (seriesIndex, groupIndex) => {
-        return {
-            color: getItemColor(seriesIndex, groupIndex, series, getDataItem),
-            type: getMarkerType(seriesIndex, groupIndex, getDataItem)
-        };
-    };
-    const findNearest = (xScale, yScale) => {
-        const getSeriesDataInfo = () => {
-            return {
-                offset: 0,
-                dataWidth: 0
-            };
-        };
-        const getYCoord = (value, yScale) => {
-            return yScale.transform(value);
-        };
-        return findNearestDataPoint(series, groups, xScale, yScale, renderedGetDataItem, isStacked, getSeriesDataInfo, getYCoord, isLog, 0, hiddenSet, timeAxisType);
-    };
-    const markers = getMarkers();
-    const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;
-    const isAreaRendered = type === 'area' || type === 'lineWithArea';
-    const isContrastLineNeeded = type === 'area';
-    const allLineSegmentCoords = [];
-    return (jsx(Chart, { width: width, height: height, selectedIds: selectedSet, hiddenIds: hiddenIds, hideAndShowBehavior: hideAndShowBehavior, orientation: orientation, yAxis: yAxis, series: series, groups: groups, selectionMode: selectionMode, drilling: drilling, isStacked: isStacked, getDataItem: getDataItem, findNearest: findNearest, getDataItemPos: getDataItemPos, getMarkerInfo: getMarkerColorAndType, renderGridLinesInFront: isAreaRendered, getNavUtil: getNextChartItemFunc, getGapRatio: getGapRatio, offset: AXIS_OFFSET, isRtl: isRtl, overview: overview, defaultOverviewContentRenderer: () => {
-            return (jsx(OverviewLineAreaChart, { series: series, groups: groups, getDataItem: getDataItem, type: type }));
-        }, ...props, children: ({ xStartIndex, xEndIndex, xScale, yScale, activeId, focusedItemInfo, hoveredItemInfo, isPointInsideMarquee, defaultFontSize, getTextDimensions }) => {
-            return (jsxs(Fragment, { children: [renderedSeries.map((lineAreaSeries, index) => {
-                        if (lineAreaSeries.length === 0) {
-                            /* TODO: need a better way to handle when a series is hidden. */
-                            return;
-                        }
-                        const seriesItem = series[index];
-                        const lineSegmentCoords = getLineAreaSegments(yScale, xScale, lineAreaSeries, xStartIndex, xEndIndex, isHoriz, isLog, groups, index, renderedGetDataItem, timeAxisType);
-                        allLineSegmentCoords[index] = lineSegmentCoords[0];
-                        const isBottomSegmentCurved = seriesItem.lineType === 'curved' &&
-                            isStacked &&
-                            renderedSeries.length > 1 &&
-                            index > 0;
-                        const isHighlighted = highlightedIds === undefined ||
-                            highlightedIds.length === 0 ||
-                            highlightedSet.has(seriesItem.id);
-                        const prevCoords = isStacked && index != 0
-                            ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {
-                                // find the index i such that i < index, and series i  has at least
-                                // one or more data item unhidden. Only such series will can be
-                                // used as bottomCoord for current series. Otherwise we have to use
-                                // baseline coord
-                                if (j >= index) {
-                                    return prevValue;
-                                }
-                                if (newValue.length > 0) {
-                                    return j;
-                                }
-                                return prevValue;
-                            }, 0)
-                            : undefined;
-                        return (jsxs(Fragment, { children: [isAreaRendered && (jsx(AreaSeries, { yScale: yScale, lineType: seriesItem.lineType, color: seriesItem.areaColor || colors[index % colors.length], isHorizontal: isHoriz, areaColorOpacity: areaOpacity, isBottomSegmentCurved: isBottomSegmentCurved, bottomCoords: prevCoords !== undefined &&
-                                        allLineSegmentCoords[prevCoords].some((value) => value != null)
-                                        ? allLineSegmentCoords[prevCoords]
-                                        : undefined, lineSegments: lineSegmentCoords, isLog: isLog, isHighlighted: isHighlighted, seriesIndex: index })), jsx(LineSeries, { lineType: seriesItem.lineType, 
-                                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white.
-                                        It's always white in legacy.*/
-                                    lineColor: isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor, 
-                                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved.
-                                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.
-                                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that
-                                      generates this curve.
-                                     */
-                                    lineWidth: isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth, lineStyle: seriesItem.lineStyle, color: seriesItem.lineColor || colors[index % colors.length], lineSegmentCoords: lineSegmentCoords, isHorizontal: isHoriz, isHighlighted: isHighlighted, seriesIndex: index }), 
-                                /*for non stacked charts, markers should render in the order of series.
-                                 some markers might get hidden behind area but this preserves the legacy behavior. */
-                                !isStacked && (jsx(MarkersWithLabel, { yScale: yScale, xScale: xScale, groups: groups, series: seriesItem, timeAxisType: timeAxisType, color: seriesItem.lineColor ||
-                                        seriesItem.areaColor ||
-                                        colors[index % colors.length] /* TODO : make this use getItemColor function from dataStyleUtils. */, seriesIndex: index, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, isPointInsideMarquee: isPointInsideMarquee, selectedIds: selectedSet, highlightedIds: highlightedIds !== undefined ? highlightedSet : undefined, focusedItemIndex: focusedItemInfo.seriesIndex === index &&
-                                        focusedItemInfo.isFocusVisible &&
-                                        !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)
-                                        ? focusedItemInfo.groupIndex
-                                        : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
-                                        ? hoveredItemInfo.groupIndex
-                                        : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on', defaultFontSize: defaultFontSize, dataLabelEffect: dataLabelEffect, isHighContrast: isHighContrast, isTestEnv: isTestEnv, getTextDimensions: getTextDimensions }))] }));
-                    }), isStacked &&
-                        renderedSeries.map((lineAreaSeries, index) => {
-                            if (lineAreaSeries.length === 0) {
-                                /* TODO: need a better way to handle when a series is hidden.*/
-                                return;
-                            }
-                            const seriesItem = series[index];
-                            return (jsx(MarkersWithLabel, { yScale: yScale, series: series[index], xScale: xScale, groups: groups, timeAxisType: timeAxisType, color: seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length], seriesIndex: index, isPointInsideMarquee: isPointInsideMarquee, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: renderedGetDataItem, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible
-                                    ? focusedItemInfo.groupIndex
-                                    : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
-                                    ? hoveredItemInfo.groupIndex
-                                    : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on', defaultFontSize: defaultFontSize, dataLabelEffect: dataLabelEffect, isHighContrast: isHighContrast, isTestEnv: isTestEnv, getTextDimensions: getTextDimensions }));
-                        })] }));
-        } }));
-}
-
-export { LineAreaChart as L };
-//# sourceMappingURL=LineAreaChart-d6924882.js.map