@oracle/oraclejet-preact 18.0.5 → 18.0.7

package/cjs/Grid-a7316edd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid-a7316edd.js","sources":["../../src/UNSAFE_Grid/Grid.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 { ComponentChildren } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\ntype Props = GridProps &\n  BoxAlignmentProps &\n  TestIdProps & {\n    /**\n     * The aria role for the Grid\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * aria-label for this Grid\n     */\n    'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n    /**\n     * aria-hidden for this Grid\n     */\n    'aria-hidden'?: HTMLAttributesSignalExcluded['aria-hidden'];\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n  'aria-label': ariaLabel,\n  'aria-hidden': ariaHidden,\n  children,\n  testId,\n  role,\n  ...props\n}: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  const allStyles = { ...styles };\n  return (\n    <div\n      class={`${baseStyles} ${cls ? cls : ''}`}\n      style={allStyles}\n      role={role}\n      aria-label={ariaLabel}\n      aria-hidden={ariaHidden}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["gridInterpolations","boxAlignmentInterpolations","mergeInterpolations","useTestId","_jsx"],"mappings":";;;;;;;;;;;;AAuCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAACA,uBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,uCAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAEvE;;AAEG;AACU,MAAA,IAAI,GAAG,CAAC,EACnB,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACF,KAAI;AACV,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,MAAM,SAAS,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;AAChC,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,GAAG,UAAU,CAAA,CAAA,EAAI,GAAG,GAAG,GAAG,GAAG,EAAE,CAAA,CAAE,EACxC,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EACE,YAAA,EAAA,SAAS,EACR,aAAA,EAAA,UAAU,KACnB,WAAW,EAAA,QAAA,EACd,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}

package/cjs/Gridlines-ef3af190.js

@@ -1,171 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var PRIVATE_PlotArea_themes_PlotAreaStyles_css = require('./PRIVATE_PlotArea/themes/PlotAreaStyles.css.js');
-var hooks_PRIVATE_useVisDnd_themes_VisDndStyles_css = require('./hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var useColorScheme = require('./useColorScheme-ce2a88b1.js');
-
-function getXAxisLineProps(availSpace, axisPosition, axisLine) {
-    return {
-        x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,
-        x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,
-        y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,
-        y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,
-        stroke: axisLine?.lineColor,
-        strokeWidth: axisLine?.lineWidth
-    };
-}
-function getYAxisLineProps(availSpace, isRtl, axisLine) {
-    return {
-        x1: isRtl ? availSpace.x + availSpace.width : availSpace.x,
-        x2: isRtl ? availSpace.x + availSpace.width : availSpace.x,
-        y1: availSpace.y,
-        y2: availSpace.y + availSpace.height,
-        stroke: axisLine?.lineColor,
-        strokeWidth: axisLine?.lineWidth
-    };
-}
-function getBaseLineProps(availSpace, coord, axisPosition) {
-    let x1, x2, y1, y2;
-    if (axisPosition === 'bottom') {
-        x1 = availSpace.x;
-        x2 = availSpace.x + availSpace.width;
-        y1 = coord;
-        y2 = coord;
-    }
-    else {
-        x1 = coord;
-        x2 = coord;
-        y1 = availSpace.y;
-        y2 = availSpace.y + availSpace.height;
-    }
-    return { x1, x2, y1, y2 };
-}
-
-function PlotArea({ color, yScale, isLog, availSpace, xAxisPosition, cursor, isDataXAxis, isRtl, hasAxisLine, dragOverStyle }) {
-    const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;
-    const xAxisLineProps = getXAxisLineProps(availSpace, xAxisPosition);
-    const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);
-    const dragClass = [];
-    switch (dragOverStyle) {
-        case 'accept':
-            dragClass.push(hooks_PRIVATE_useVisDnd_themes_VisDndStyles_css.styles.dndDragOverSvgStyle);
-            break;
-        case 'reject':
-            dragClass.push(hooks_PRIVATE_useVisDnd_themes_VisDndStyles_css.styles.dndRejectedStyle);
-            dragClass.push(PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.plotAreaStyle);
-            break;
-        case 'none':
-            dragClass.push(PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.plotAreaStyle);
-            break;
-    }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...availSpace, class: classNames.classNames(dragClass), style: { fill: dragOverStyle === 'accept' ? undefined : color, cursor } }), isDataXAxis && (jsxRuntime.jsx("line", { ...getYAxisLineProps(availSpace, isRtl), class: PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.axisLineStyle })), hasAxisLine && jsxRuntime.jsx("line", { ...xAxisLineProps, class: PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.axisLineStyle }), hasBaseLine && jsxRuntime.jsx("line", { ...baseLineProps, class: PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.baseLineStyle })] }));
-}
-
-const TICK_DEFAULT = {
-    yMajorTick: {
-        isRendered: true
-    },
-    yMinorTick: {
-        isRendered: false
-    },
-    xMajorTick: {
-        isRendered: false
-    },
-    xMinorTick: {
-        isRendered: false
-    }
-};
-function Gridlines({ plotArea = TICK_DEFAULT, yMinorTicks, xMinorTicks, xScale, yScale, isLog, yTicks, xTicks, yAxisPosition, isDataXAxis }) {
-    const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';
-    const [x1, x2] = xScale.range();
-    const [y1, y2] = yScale.range();
-    let yLinesPath = '';
-    let xLinesPath = '';
-    let yMinorPath = '';
-    let xMinorPath = '';
-    const { yMajorTick: _yMajorTick, yMinorTick: _yMinorTick, xMajorTick: _xMajorTick, xMinorTick: _xMinorTick } = plotArea;
-    const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };
-    const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };
-    const xMinorTick = { ...TICK_DEFAULT.xMinorTick, ..._xMinorTick };
-    const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };
-    const isYMinorRendered = yMinorTick?.isRendered === true || isLog;
-    const isXMajorRendered = xMajorTick?.isRendered === true || (_xMajorTick?.isRendered === false && isDataXAxis);
-    if (yMajorTick?.isRendered) {
-        for (let i = 1; i < yTicks.length; i++) {
-            let y = yScale.transform(yTicks[i]);
-            // last grid line get's clipped due to plot area clippath. Slightly adjust
-            // coord so that it's not clipped.
-            if (i === yTicks.length - 1) {
-                y += isHoriz ? -1 : 1;
-            }
-            yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;
-        }
-    }
-    if (isXMajorRendered) {
-        if (xTicks) {
-            for (let i = 1; i < xTicks.length; i++) {
-                const x = xScale.transform(xTicks[i]);
-                xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;
-            }
-        }
-    }
-    if (isYMinorRendered) {
-        for (let i = 0; i < yMinorTicks.length; i++) {
-            const y = yScale.transform(yMinorTicks[i]);
-            yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;
-        }
-    }
-    if (xMinorTick.isRendered && xMinorTicks) {
-        for (let i = 0; i < xMinorTicks.length; i++) {
-            const x = xScale.transform(xMinorTicks[i]);
-            xMinorPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;
-        }
-    }
-    const colorScheme = useColorScheme.useColorScheme();
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [yMajorTick?.isRendered && (jsxRuntime.jsx("path", { d: yLinesPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.majorTickLineStyles,
-                    yMajorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    yMajorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: yMajorTick.lineColor,
-                    strokeWidth: yMajorTick.lineWidth
-                } })), isXMajorRendered && (jsxRuntime.jsx("path", { d: xLinesPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.majorTickLineStyles,
-                    xMajorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    xMajorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: xMajorTick.lineColor,
-                    strokeWidth: xMajorTick.lineWidth
-                } })), isYMinorRendered && (jsxRuntime.jsx("path", { d: yMinorPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.minorTickLineStyles,
-                    colorScheme === 'light'
-                        ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.lightMinorTickLineStroke
-                        : PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.darkMinorTickLineStroke,
-                    yMinorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    yMinorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: yMinorTick?.lineColor,
-                    strokeWidth: yMinorTick?.lineWidth
-                } })), xMinorTick.isRendered && (jsxRuntime.jsx("path", { d: xMinorPath, class: classNames.classNames([
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.noPointerEvents,
-                    PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.minorTickLineStyles,
-                    colorScheme === 'light'
-                        ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.lightMinorTickLineStroke
-                        : PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.darkMinorTickLineStroke,
-                    xMinorTick?.lineStyle === 'dashed' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dashedLine : undefined,
-                    xMinorTick?.lineStyle === 'dotted' ? PRIVATE_PlotArea_themes_PlotAreaStyles_css.styles.dottedLine : undefined
-                ]), style: {
-                    stroke: xMinorTick?.lineColor,
-                    strokeWidth: xMinorTick?.lineWidth
-                } }))] }));
-}
-
-exports.Gridlines = Gridlines;
-exports.PlotArea = PlotArea;
-//# sourceMappingURL=Gridlines-ef3af190.js.map

package/cjs/Gridlines-ef3af190.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gridlines-ef3af190.js","sources":["../../src/PRIVATE_PlotArea/utils.ts","../../src/PRIVATE_PlotArea/PlotArea.tsx","../../src/PRIVATE_PlotArea/Gridlines.tsx"],"sourcesContent":["import { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\n\nexport function getXAxisLineProps(\n  availSpace: Dimension,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom',\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  return {\n    x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,\n    x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,\n    y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,\n    y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getYAxisLineProps(\n  availSpace: Dimension,\n  isRtl?: boolean,\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  return {\n    x1: isRtl ? availSpace.x + availSpace.width : availSpace.x,\n    x2: isRtl ? availSpace.x + availSpace.width : availSpace.x,\n    y1: availSpace.y,\n    y2: availSpace.y + availSpace.height,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getBaseLineProps(\n  availSpace: Dimension,\n  coord: number,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom'\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = coord;\n    y2 = coord;\n  } else {\n    x1 = coord;\n    x2 = coord;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  }\n\n  return { x1, x2, y1, y2 };\n}\n","/**\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 { styles } from './themes/PlotAreaStyles.css';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\nimport { getXAxisLineProps, getBaseLineProps, getYAxisLineProps } from './utils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { styles as VisStyles } from '#hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype Props = {\n  yScale: Scale;\n  isLog: boolean;\n  color?: ColorProps['color'];\n  availSpace: Dimension;\n  xAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  cursor?: string;\n  dragOverStyle: 'accept' | 'reject' | 'none';\n  isDataXAxis?: boolean;\n  isRtl?: boolean;\n  hasAxisLine: boolean;\n};\n\nexport function PlotArea({\n  color,\n  yScale,\n  isLog,\n  availSpace,\n  xAxisPosition,\n  cursor,\n  isDataXAxis,\n  isRtl,\n  hasAxisLine,\n  dragOverStyle\n}: Props) {\n  const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;\n  const xAxisLineProps = getXAxisLineProps(availSpace, xAxisPosition);\n  const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);\n  const dragClass = [];\n  switch (dragOverStyle) {\n    case 'accept':\n      dragClass.push(VisStyles.dndDragOverSvgStyle);\n      break;\n    case 'reject':\n      dragClass.push(VisStyles.dndRejectedStyle);\n      dragClass.push(styles.plotAreaStyle);\n      break;\n    case 'none':\n      dragClass.push(styles.plotAreaStyle);\n      break;\n  }\n\n  return (\n    <>\n      <rect\n        {...availSpace}\n        class={classNames(dragClass)}\n        style={{ fill: dragOverStyle === 'accept' ? undefined : color, cursor }}></rect>\n      {isDataXAxis && (\n        <line {...getYAxisLineProps(availSpace, isRtl)} class={styles.axisLineStyle} />\n      )}\n      {hasAxisLine && <line {...xAxisLineProps} class={styles.axisLineStyle} />}\n      {hasBaseLine && <line {...baseLineProps} class={styles.baseLineStyle} />}\n    </>\n  );\n}\n","/**\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 { styles } from './themes/PlotAreaStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ChartPlotArea, Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\n\ntype Props = {\n  xScale: Scale;\n  yScale: Scale;\n  isLog: boolean;\n  yTicks: number[];\n  xTicks?: number[];\n  yMinorTicks: number[];\n  xMinorTicks?: number[];\n  plotArea?: ChartPlotArea;\n  yAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  isDataXAxis?: boolean;\n};\n\nconst TICK_DEFAULT = {\n  yMajorTick: {\n    isRendered: true\n  },\n  yMinorTick: {\n    isRendered: false\n  },\n  xMajorTick: {\n    isRendered: false\n  },\n  xMinorTick: {\n    isRendered: false\n  }\n};\n\nexport function Gridlines({\n  plotArea = TICK_DEFAULT,\n  yMinorTicks,\n  xMinorTicks,\n  xScale,\n  yScale,\n  isLog,\n  yTicks,\n  xTicks,\n  yAxisPosition,\n  isDataXAxis\n}: Props) {\n  const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';\n  const [x1, x2] = xScale.range();\n  const [y1, y2] = yScale.range();\n\n  let yLinesPath = '';\n  let xLinesPath = '';\n  let yMinorPath = '';\n  let xMinorPath = '';\n  const {\n    yMajorTick: _yMajorTick,\n    yMinorTick: _yMinorTick,\n    xMajorTick: _xMajorTick,\n    xMinorTick: _xMinorTick\n  } = plotArea;\n  const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };\n  const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };\n  const xMinorTick = { ...TICK_DEFAULT.xMinorTick, ..._xMinorTick };\n  const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };\n  const isYMinorRendered = yMinorTick?.isRendered === true || isLog;\n  const isXMajorRendered =\n    xMajorTick?.isRendered === true || (_xMajorTick?.isRendered === false && isDataXAxis);\n\n  if (yMajorTick?.isRendered) {\n    for (let i = 1; i < yTicks.length; i++) {\n      let y = yScale.transform(yTicks[i]);\n      // last grid line get's clipped due to plot area clippath. Slightly adjust\n      // coord so that it's not clipped.\n      if (i === yTicks.length - 1) {\n        y += isHoriz ? -1 : 1;\n      }\n      yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (isXMajorRendered) {\n    if (xTicks) {\n      for (let i = 1; i < xTicks.length; i++) {\n        const x = xScale.transform(xTicks[i]);\n        xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n      }\n    }\n  }\n\n  if (isYMinorRendered) {\n    for (let i = 0; i < yMinorTicks.length; i++) {\n      const y = yScale.transform(yMinorTicks[i]);\n      yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (xMinorTick.isRendered && xMinorTicks) {\n    for (let i = 0; i < xMinorTicks.length; i++) {\n      const x = xScale.transform(xMinorTicks[i]);\n      xMinorPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n    }\n  }\n\n  const colorScheme = useColorScheme();\n\n  return (\n    <>\n      {yMajorTick?.isRendered && (\n        <path\n          d={yLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMajorTick.lineColor,\n            strokeWidth: yMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isXMajorRendered && (\n        <path\n          d={xLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMajorTick.lineColor,\n            strokeWidth: xMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isYMinorRendered && (\n        <path\n          d={yMinorPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMinorTick?.lineColor,\n            strokeWidth: yMinorTick?.lineWidth\n          }}\n        />\n      )}\n      {xMinorTick.isRendered && (\n        <path\n          d={xMinorPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            xMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMinorTick?.lineColor,\n            strokeWidth: xMinorTick?.lineWidth\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["VisStyles","styles","_jsxs","_Fragment","_jsx","classNames","useColorScheme"],"mappings":"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"}

package/cjs/HighlightText-dd11dd32.js

@@ -1,33 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-
-var useTestId = require('./useTestId-5e6af45d.js');
-
-var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
-
-const HIGHLIGHT_TOKEN = '__@@__';
-const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
-/**
- * Renders a text string with highlighting applied to the given text to match.
- */
-function HighlightText({ children = '', matchText = '', testId }) {
-    const testIdProps = useTestId.useTestId(testId);
-    if (matchText.length > 0 && children.length > 0) {
-        const escapedMatchText = escapeRegExp(matchText);
-        const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
-        const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
-        const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", { class: highlightStyles, children: current }));
-        return jsxRuntime.jsx("span", { ...testIdProps, children: nodes });
-    }
-    return jsxRuntime.jsx("span", { ...testIdProps, children: children });
-}
-function escapeRegExp(str) {
-    // copied from:
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
-    return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-}
-
-exports.HighlightText = HighlightText;
-//# sourceMappingURL=HighlightText-dd11dd32.js.map

package/cjs/HighlightText-dd11dd32.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText-dd11dd32.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n  const testIdProps = useTestId(testId);\n  if (matchText.length > 0 && children.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n\n    return <span {...testIdProps}>{nodes}</span>;\n  }\n  return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["useTestId","_jsx"],"mappings":";;;;;;;;;AAsBA,MAAM,eAAe,GAAG,QAAQ,CAAC;AACjC,MAAM,iBAAiB,GAAG,CAAA,EAAG,eAAe,CAAK,EAAA,EAAA,eAAe,EAAE,CAAC;AAEnE;;AAEG;AACa,SAAA,aAAa,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAS,EAAA;AAC5E,IAAA,MAAM,WAAW,GAAGA,mBAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;AACjD,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAChG,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAGC,cAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,cAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,cAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AAClD,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAA;;;IAG/B,OAAO,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AACtD;;;;"}

package/cjs/IconUserAssistance-52208fde.js

@@ -1,75 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
-var Help = require('./Help-cb7bb9c5.js');
-var Popup = require('./Popup-84ce41d3.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var InlineHelp = require('./InlineHelp-281083ff.js');
-var UNSAFE_UserAssistance_themes_UserAssistanceStyles_css = require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var UNSAFE_Popup_themes_redwood_PopupTheme = require('./UNSAFE_Popup/themes/redwood/PopupTheme.js');
-var useToggle = require('./useToggle-3ebba7d8.js');
-
-/**
- * Created to match icon user assistance spec for use with radio option, pending design review
- * of inline UA assistance.
- */
-const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isTabbable = true, id }) => {
-    const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle.useToggle(false);
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
-    const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);
-    const helpForRadioString = translations.radio_helpForRadio();
-    const helpStringId = `${id}-help-string`;
-    const anchorRef = hooks.useRef(null);
-    const handleOutsideClick = hooks.useCallback((event) => {
-        const target = event?.target;
-        // We need to filter out anchor click events, because anchor is responsible for the toggling
-        if ((target instanceof Element || target instanceof Document) &&
-            !anchorRef.current?.contains(target) &&
-            isOpen) {
-            setIsOpenFalse();
-        }
-    }, [isOpen, setIsOpenFalse]);
-    const handleLinkEvent = hooks.useCallback((e) => {
-        // if it's a key event that is not "enter", return early
-        const { key } = e;
-        if (key && key !== 'Enter') {
-            return;
-        }
-        // We want to close the pop up if a link is triggered with mouse or keyboard
-        const { tagName } = e.target;
-        if (tagName?.toLowerCase() === 'a') {
-            setIsOpenFalse();
-            // we want to refocus to the help icon after the browser has launched the link
-            // prematurely doing so prevents keyboard events from firing
-            setTimeout(() => anchorRef.current?.focus());
-        }
-    }, [setIsOpenFalse]);
-    const handleOnKeyDown = hooks.useCallback((e) => {
-        // allow user to close popup without having to focus it
-        if (['Tab', 'Escape'].includes(e.code) && isOpen) {
-            setIsOpenFalse();
-        }
-        // toggle and prevent scroll jump
-        if (['Space', 'Enter'].includes(e.code)) {
-            e.preventDefault();
-            toggle();
-        }
-    }, [isOpen, setIsOpenFalse, toggle]);
-    const onClickHandler = hooks.useCallback((e) => {
-        e.preventDefault();
-        toggle();
-    }, [toggle]);
-    // We are referencing popup vars, so we need to bring in the baseTheme for popup
-    const { baseTheme: popupBaseTheme } = useComponentTheme.useComponentTheme(UNSAFE_Popup_themes_redwood_PopupTheme.PopupRedwoodTheme);
-    const iconUserAssistanceClasses = classNames.classNames([popupBaseTheme, UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.iconUserAssistancePopupFocus]);
-    return helpSourceLink || assistiveText ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { onKeyDown: handleOnKeyDown, onClick: onClickHandler, role: "link", "aria-describedby": helpStringId, "aria-haspopup": "dialog", ref: anchorRef, tabIndex: isTabbable ? 0 : -1, class: UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.iconUserAssistanceIcon, id: `${id}-help-icon`, children: jsxRuntime.jsx(Help.SvgHelp, {}) }), jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { id: helpStringId, isHidden: true, children: helpForRadioString }), jsxRuntime.jsx(Popup.Popup, { placement: "top", isOpen: isOpen, anchorRef: anchorRef, onClose: setIsOpenFalse, onClickOutside: handleOutsideClick, shiftOptions: { mainAxis: true, crossAxis: false }, maxWidth: '296px', children: jsxRuntime.jsx("div", { id: id, tabIndex: 0, class: iconUserAssistanceClasses, onMouseUp: handleLinkEvent, onKeyDown: handleLinkEvent, children: jsxRuntime.jsx(InlineHelp.InlineHelp, { assistiveText: assistiveText, sourceLink: helpSourceLink, sourceText: sourceText }) }) })] })) : null;
-};
-
-exports.IconUserAssistance = IconUserAssistance;
-//# sourceMappingURL=IconUserAssistance-52208fde.js.map

package/cjs/IconUserAssistance-52208fde.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconUserAssistance-52208fde.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["useToggle","useTranslationBundle","useRef","useCallback","useComponentTheme","PopupRedwoodTheme","classNames","iconUserAssistancePopupFocus","_jsxs","_Fragment","_jsx","iconUserAssistanceIcon","HelpIcon","HiddenAccessible","Popup","InlineHelp"],"mappings":"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"}

package/cjs/Layer-0053053a.js

@@ -1,91 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var LayerHost = require('./LayerHost-a8c7f182.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var UNSAFE_Layer_themes_LayerStyles_css = require('./UNSAFE_Layer/themes/LayerStyles.css.js');
-var useThemeInterpolations = require('./useThemeInterpolations-28ca9a13.js');
-
-const LOGICAL_PARENT = Symbol.for('oj-logical-parent');
-const Layer = ({ children, logicalParentRef, isModal = false, priority = 'popup', level = 'nearestAncestor' }) => {
-    const context = compat.useContext(LayerHost.LayerContext);
-    const [layerContainer, _setLayerContainer] = compat.useState(null);
-    const layerContainerRef = compat.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.useThemeInterpolations(logicalParentRef);
-    let priorityStyle = UNSAFE_Layer_themes_LayerStyles_css.styles.popupPriorityStyle;
-    switch (priority) {
-        case 'dialog': {
-            priorityStyle = UNSAFE_Layer_themes_LayerStyles_css.styles.dialogPriorityStyle;
-            break;
-        }
-        case 'messages': {
-            priorityStyle = UNSAFE_Layer_themes_LayerStyles_css.styles.messagesPriorityStyle;
-            break;
-        }
-        case 'tooltip': {
-            priorityStyle = UNSAFE_Layer_themes_LayerStyles_css.styles.tooltipPriorityStyle;
-            break;
-        }
-        default: {
-            priorityStyle = UNSAFE_Layer_themes_LayerStyles_css.styles.popupPriorityStyle;
-            break;
-        }
-    }
-    const classes = classNames.classNames([themeClasses, UNSAFE_Layer_themes_LayerStyles_css.baseStyle, priorityStyle]);
-    // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented
-    // content does not get re-rendered with valid ref's
-    compat.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 (jsxRuntime.jsx(LayerHost.LayerContext.Provider, { value: newLayerContext, children: layerContainer && compat.createPortal(children, layerContainer) }));
-};
-
-exports.LOGICAL_PARENT = LOGICAL_PARENT;
-exports.Layer = Layer;
-//# sourceMappingURL=Layer-0053053a.js.map

package/cjs/Layer-0053053a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layer-0053053a.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":["useContext","LayerContext","useState","useRef","useThemeInterpolations","styles","classNames","baseStyle","useLayoutEffect","_jsx","createPortal"],"mappings":"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"}

package/cjs/LayerHost-a8c7f182.js

@@ -1,45 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var Common_themes_redwood_theme = require('./Common/themes/redwood/theme.js');
-var preact = require('preact');
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('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: Common_themes_redwood_theme.Redwood,
-    colorScheme: 'light',
-    scale: 'lg',
-    currentBgColor: undefined,
-    mode: 'production',
-    density: 'standard'
-};
-const EnvironmentContext = preact.createContext(DefaultEnvironment);
-
-const LayerContext = preact.createContext({});
-
-const LayerHost = compat.forwardRef((_props, ref) => {
-    return jsxRuntime.jsx("div", { id: "__root_layer_host", ref: ref });
-});
-LayerHost.displayName = 'Forwarded<LayerHost>';
-
-exports.DefaultEnvironment = DefaultEnvironment;
-exports.EnvironmentContext = EnvironmentContext;
-exports.LayerContext = LayerContext;
-exports.LayerHost = LayerHost;
-//# sourceMappingURL=LayerHost-a8c7f182.js.map

package/cjs/LayerHost-a8c7f182.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerHost-a8c7f182.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":["Redwood","createContext","forwardRef","_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,EAAEA,mCAAO;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,GAAGC,oBAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAGA,oBAAa,CAAoB,EAAE;;ACLzD,MAAA,SAAS,GAAGC,iBAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;IAC3D,OAAOC,cAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,mBAAmB,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AAClD,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;;;;"}

package/cjs/LayerManager-2d0b83ac.js

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

package/cjs/LayerManager-2d0b83ac.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerManager-2d0b83ac.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":["useState","useCallback","_jsx","LayerContext","_jsxs","LayerHost"],"mappings":";;;;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,eAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAGC,kBAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEC,eAACC,sBAAY,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,eAAC,CAAAD,sBAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,cAAA,CAACG,mBAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}