@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/es/Grid-c2385b22.js

@@ -1,27 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { g as gridInterpolations } from './grid-65aa641c.js';
-import { b as boxAlignmentInterpolations } from './boxalignment-7d41dd5e.js';
-import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
-import './GridStyles.styles.css';
-import { u as useTestId } from './useTestId-af32a9eb.js';
-
-var baseStyles = 'GridStyles_baseStyles__11rn47i0';
-
-const interpolations = [
-    ...Object.values(gridInterpolations),
-    ...Object.values(boxAlignmentInterpolations)
-];
-const styleInterpolations = mergeInterpolations(interpolations);
-/**
- * An implicit grid. Resize your browser to see how items reflow.
- */
-const Grid = ({ 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, children, testId, role, ...props }) => {
-    const { class: cls, ...styles } = styleInterpolations(props);
-    const testIdProps = useTestId(testId);
-    const allStyles = { ...styles };
-    return (jsx("div", { class: `${baseStyles} ${cls ? cls : ''}`, style: allStyles, role: role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...testIdProps, children: children }));
-};
-
-export { Grid as G };
-//# sourceMappingURL=Grid-c2385b22.js.map

package/es/Grid-c2385b22.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid-c2385b22.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":["_jsx"],"mappings":";;;;;;;;;;AAuCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,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,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,MAAM,SAAS,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;AAChC,IAAA,QACEA,GAAA,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/es/Gridlines-89b5506f.js

@@ -1,168 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
-import { styles } from './PRIVATE_PlotArea/themes/PlotAreaStyles.css.js';
-import { styles as styles$1 } from './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useColorScheme } from './useColorScheme-f69d53b5.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(styles$1.dndDragOverSvgStyle);
-            break;
-        case 'reject':
-            dragClass.push(styles$1.dndRejectedStyle);
-            dragClass.push(styles.plotAreaStyle);
-            break;
-        case 'none':
-            dragClass.push(styles.plotAreaStyle);
-            break;
-    }
-    return (jsxs(Fragment, { children: [jsx("rect", { ...availSpace, class: classNames(dragClass), style: { fill: dragOverStyle === 'accept' ? undefined : color, cursor } }), isDataXAxis && (jsx("line", { ...getYAxisLineProps(availSpace, isRtl), class: styles.axisLineStyle })), hasAxisLine && jsx("line", { ...xAxisLineProps, class: styles.axisLineStyle }), hasBaseLine && jsx("line", { ...baseLineProps, class: 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();
-    return (jsxs(Fragment, { children: [yMajorTick?.isRendered && (jsx("path", { d: yLinesPath, class: classNames([
-                    styles.noPointerEvents,
-                    styles.majorTickLineStyles,
-                    yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
-                    yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
-                ]), style: {
-                    stroke: yMajorTick.lineColor,
-                    strokeWidth: yMajorTick.lineWidth
-                } })), isXMajorRendered && (jsx("path", { d: xLinesPath, class: classNames([
-                    styles.noPointerEvents,
-                    styles.majorTickLineStyles,
-                    xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
-                    xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
-                ]), style: {
-                    stroke: xMajorTick.lineColor,
-                    strokeWidth: xMajorTick.lineWidth
-                } })), isYMinorRendered && (jsx("path", { d: yMinorPath, class: classNames([
-                    styles.noPointerEvents,
-                    styles.minorTickLineStyles,
-                    colorScheme === 'light'
-                        ? styles.lightMinorTickLineStroke
-                        : styles.darkMinorTickLineStroke,
-                    yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
-                    yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
-                ]), style: {
-                    stroke: yMinorTick?.lineColor,
-                    strokeWidth: yMinorTick?.lineWidth
-                } })), xMinorTick.isRendered && (jsx("path", { d: xMinorPath, class: classNames([
-                    styles.noPointerEvents,
-                    styles.minorTickLineStyles,
-                    colorScheme === 'light'
-                        ? styles.lightMinorTickLineStroke
-                        : styles.darkMinorTickLineStroke,
-                    xMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,
-                    xMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined
-                ]), style: {
-                    stroke: xMinorTick?.lineColor,
-                    strokeWidth: xMinorTick?.lineWidth
-                } }))] }));
-}
-
-export { Gridlines as G, PlotArea as P };
-//# sourceMappingURL=Gridlines-89b5506f.js.map

package/es/Gridlines-89b5506f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gridlines-89b5506f.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","_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/es/HighlightText-d505bf35.js

@@ -1,31 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import './HighlightTextStyles.styles.css';
-import { u as useTestId } from './useTestId-af32a9eb.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(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 : jsx("span", { class: highlightStyles, children: current }));
-        return jsx("span", { ...testIdProps, children: nodes });
-    }
-    return 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
-}
-
-export { HighlightText as H };
-//# sourceMappingURL=HighlightText-d505bf35.js.map

package/es/HighlightText-d505bf35.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText-d505bf35.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":["_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,GAAG,SAAS,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,GAAGA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,GAAU,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/es/IconButton-62cd1cf9.js

@@ -1,37 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { Fragment } from 'preact';
-import { B as BaseButton } from './BaseButton-3ce1f027.js';
-import { B as ButtonLabelLayout } from './ButtonLabelLayout-05d9a61f.js';
-import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-72f5cf2e.js';
-import 'preact/hooks';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import './logger-c92f309c.js';
-import './LayerHost-7a2149f5.js';
-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 { p as processGlobals } from './buttonUtils-be059939.js';
-
-/**
- * Icon buttons are buttons that only show an icon and no label. They direct users to initiate or take actions and work with a single tap, click, or keystroke.
- */
-const IconButton = forwardRef(({ variant = 'outlined', isDisabled = false, isRepeat = false, size = 'md', type: buttonType = 'button', autofocus, onAction, width, tooltip, testId, 'aria-haspopup': ariaHasPopup, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, ...props }, ref) => {
-    const { globalEventProps } = processGlobals(props);
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: tooltip ? tooltip : accessibleLabel,
-        isDisabled
-    });
-    const elementDetails = {
-        type: 'button',
-        buttonType: buttonType
-    };
-    const ariaProps = ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {};
-    return (jsxs(Fragment, { children: [jsx(BaseButton, { ...mergeProps(tooltipProps, globalEventProps, ariaProps), ref: ref, elementDetails: elementDetails, isDisabled: isDisabled, isRepeat: isRepeat, size: size, autofocus: autofocus, variant: variant, width: width, styling: ['min'], onAction: onAction, "aria-label": accessibleLabel ?? tooltip, "aria-haspopup": ariaHasPopup, testId: testId, children: jsx(ButtonLabelLayout, { display: 'icons', startIcon: props.children, size: size }) }), tooltipContent] }));
-});
-IconButton.displayName = 'IconButton';
-
-export { IconButton as I };
-//# sourceMappingURL=IconButton-62cd1cf9.js.map

package/es/IconButton-62cd1cf9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton-62cd1cf9.js","sources":["../../src/UNSAFE_IconButton/IconButton.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 { ComponentChild, ComponentProps, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport type { ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\ntype BaseButtonProps = ComponentProps<typeof BaseButton>;\n\ntype BaseProps = IntrinsicProps &\n  ButtonIntrinsicProps &\n  Pick<BaseButtonProps, 'aria-haspopup'> &\n  WidthInterpolationProps & {\n    /**\n     * Specifies the icon for the button.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an aria-label or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * aria-label - the aria label\n       */\n      'aria-label': string;\n\n      /**\n       * tooltip - overrides the aria-label for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      'aria-label'?: string;\n\n      tooltip: string;\n    };\n/**\n * Icon buttons are buttons that only show an icon and no label. They direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport const IconButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      type: buttonType = 'button',\n      autofocus,\n      onAction,\n      width,\n      tooltip,\n      testId,\n      'aria-haspopup': ariaHasPopup,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const ariaProps = ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {};\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, globalEventProps, ariaProps)}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          isRepeat={isRepeat}\n          size={size}\n          autofocus={autofocus}\n          variant={variant}\n          width={width}\n          styling={['min']}\n          onAction={onAction}\n          aria-label={accessibleLabel ?? tooltip}\n          aria-haspopup={ariaHasPopup}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={props.children}\n            size={size}></ButtonLabelLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAoGA;;AAEG;AACU,MAAA,UAAU,GAAG,UAAU,CAClC,CACE,EACE,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,eAAe,EAAE,YAAY,EAC7B,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACgD,EAC1D,GAA4B,KAC1B;IACF,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;QAClD,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,eAAe;QACzC,UAAU;AACX,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,QAAiB;AACvB,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,eAAe,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC;AAEjF,IAAA,QACEA,IAAC,CAAA,QAAQ,eACPC,GAAC,CAAA,UAAU,OACL,UAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACzD,GAAG,EAAE,GAA6E,EAClF,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,eAAe,IAAI,OAAO,EAAA,eAAA,EACvB,YAAY,EAC3B,MAAM,EAAE,MAAM,EAAA,QAAA,EACdA,IAAC,iBAAiB,EAAA,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACZ,cAAc,CAAA,EAAA,CACN,EACX;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/es/IconMenuButton-242dc102.js

@@ -1,56 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, jsxs } from 'preact/jsx-runtime';
-import { B as ButtonLabelLayout } from './ButtonLabelLayout-05d9a61f.js';
-import { S as SvgChevronDown } from './ChevronDown-f4b43e9b.js';
-import { M as Menu } from './Menu-a37635b8.js';
-import './MenuItem-831dfd05.js';
-import { useRef, useImperativeHandle } from 'preact/hooks';
-import { Fragment } from 'preact';
-import { u as useTooltip } from './useTooltip-72f5cf2e.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import './logger-c92f309c.js';
-import './LayerHost-7a2149f5.js';
-import { forwardRef } from 'preact/compat';
-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 './SelectMenuGroupContext-b56cf5d4.js';
-import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
-import './MenuSeparatorStyles.styles.css';
-import './UNSAFE_Menu/themes/redwood/MenuSeparatorBaseTheme.styles.css';
-import './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js';
-import { u as useMenuAction } from './useMenuAction-3e362802.js';
-import { B as BaseButton } from './BaseButton-3ce1f027.js';
-
-/**
- * A IconMenuButton is a combined action and menu button.
- */
-const IconMenuButton = forwardRef(({ children, tooltip, accessibleLabel, variant = 'outlined', isDisabled = false, isMenuOpen = false, isIconOnly = false, onToggleMenu, size = 'md', type: buttonType = 'button', testId, width, icon, 'aria-describedby': ariaDescribedBy }, ref) => {
-    const buttonRef = useRef(null);
-    useImperativeHandle(ref, () => buttonRef.current, [buttonRef]);
-    const { triggerProps, menuProps } = useMenuAction({
-        isDisabled: isDisabled,
-        onToggleMenu: onToggleMenu,
-        isMenuOpen: isMenuOpen,
-        anchorRef: buttonRef
-    });
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: tooltip ? tooltip : accessibleLabel,
-        isDisabled: isMenuOpen || isDisabled
-    });
-    const elementDetails = {
-        type: 'button',
-        buttonType: buttonType
-    };
-    const ariaProps = { 'aria-describedby': ariaDescribedBy };
-    const rootButton = (jsx(Fragment, { children: jsxs(BaseButton, { ...mergeProps(tooltipProps, triggerProps, ariaProps), styling: isMenuOpen ? ['min', 'active'] : ['min'], elementDetails: elementDetails, isDisabled: isDisabled, variant: variant, width: width, size: size, ref: buttonRef, "aria-label": accessibleLabel ?? tooltip, testId: testId, children: [jsx(ButtonLabelLayout, { display: 'icons', startIcon: icon, endIcon: isIconOnly ? null : jsx(SvgChevronDown, {}), size: size }), tooltipContent] }) }));
-    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.
-     Could be done via menu props or having a dropdownMenu component. JET-60595*/
-    return isDisabled ? (rootButton) : (jsxs(Fragment, { children: [rootButton, jsx(Menu, { ...menuProps, offsetValue: 4, "aria-label": accessibleLabel ?? tooltip, children: children })] }));
-});
-IconMenuButton.displayName = 'IconMenuButton';
-
-export { IconMenuButton as I };
-//# sourceMappingURL=IconMenuButton-242dc102.js.map

package/es/IconMenuButton-242dc102.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconMenuButton-242dc102.js","sources":["../../src/UNSAFE_IconMenuButton/IconMenuButton.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 { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\n\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type BaseProps = WidthInterpolationProps & {\n  /**\n   * children - One or more MenuItems, dividers, or Menu groups\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The icon is the button's icon.  Note that this is not the menu\n   * expand icon shown on the right (or to the left in right to left mode).\n   */\n  icon?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if only the icon is shown, and no down chevron.\n   */\n  isIconOnly?: boolean;\n\n  /**\n   * Specifes the button type\n   */\n  type?: 'button' | 'submit';\n\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the button.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Specifies if the menu is open\n   */\n  isMenuOpen?: boolean;\n\n  /**\n   * Indicates in what states the button has chrome (background and border).\n   *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n   * useful for performing low-priority tasks, such as manipulating the UI.\",\n   *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n   * buttons are useful for supplemental actions that require minimal emphasis.\",\n   *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n   * solid buttons. Outlined buttons are useful for secondary actions.\",\n   *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n   *  most important actions in the UI.\",\n   */\n  variant?: 'ghost' | 'borderless' | 'outlined' | 'solid';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggleMenu?: (details: MenuToggleDetail) => void;\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconMenuButton is a combined action and menu button.\n */\nexport const IconMenuButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      accessibleLabel,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      isIconOnly = false,\n      onToggleMenu,\n      size = 'md',\n      type: buttonType = 'button',\n      testId,\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled: isMenuOpen || isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    const rootButton = (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          styling={isMenuOpen ? ['min', 'active'] : ['min']}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          variant={variant}\n          width={width}\n          size={size}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={icon}\n            endIcon={isIconOnly ? null : <MenuButtonDropdownIcon />}\n            size={size}></ButtonLabelLayout>\n          {tooltipContent}\n        </BaseButton>\n      </Fragment>\n    );\n\n    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n     Could be done via menu props or having a dropdownMenu component. JET-60595*/\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps} offsetValue={4} aria-label={accessibleLabel ?? tooltip}>\n          {children}\n        </Menu>\n      </Fragment>\n    );\n  }\n);\n\nIconMenuButton.displayName = 'IconMenuButton';\n"],"names":["_jsx","_jsxs","MenuButtonDropdownIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;;AAEG;AACU,MAAA,cAAc,GAAG,UAAU,CACtC,CACE,EACE,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,MAAM,EACN,KAAK,EACL,IAAI,EACJ,kBAAkB,EAAE,eAAe,EACqB,EAC1D,GAAqC,KACnC;AACF,IAAA,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AAClD,IAAA,mBAAmB,CAAC,GAAI,EAAE,MAAM,SAAS,CAAC,OAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjE,IAAA,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;AAChD,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,YAAY,EAAE,YAAY;AAC1B,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,SAAS,EAAE,SAAS;AACrB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;QAClD,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,eAAe;QACzC,UAAU,EAAE,UAAU,IAAI,UAAU;AACrC,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,QAAiB;AACvB,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;IAE1D,MAAM,UAAU,IACdA,GAAA,CAAC,QAAQ,EACP,EAAA,QAAA,EAAAC,IAAA,CAAC,UAAU,EAAA,EAAA,GACL,UAAU,CAAC,YAAY,EAAE,YAAY,EAAE,SAAS,CAAC,EACrD,OAAO,EAAE,UAAU,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACjD,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,SAAS,EAAA,YAAA,EACF,eAAe,IAAI,OAAO,EACtC,MAAM,EAAE,MAAM,aACdD,GAAC,CAAA,iBAAiB,IAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,UAAU,GAAG,IAAI,GAAGA,GAAA,CAACE,cAAsB,EAAG,EAAA,CAAA,EACvD,IAAI,EAAE,IAAI,EAAA,CAAsB,EACjC,cAAc,CAAA,EAAA,CACJ,EACJ,CAAA,CACZ,CAAC;AAEF;AAC6E;AAC7E,IAAA,OAAO,UAAU,IACf,UAAU,KAEVD,IAAC,CAAA,QAAQ,eACN,UAAU,EACXD,GAAC,CAAA,IAAI,EAAK,EAAA,GAAA,SAAS,EAAE,WAAW,EAAE,CAAC,EAAA,YAAA,EAAc,eAAe,IAAI,OAAO,EACxE,QAAA,EAAA,QAAQ,EACJ,CAAA,CAAA,EAAA,CACE,CACZ,CAAC;AACJ,CAAC,EACD;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/es/IconProgressButton-193d58bf.js

@@ -1,47 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { Fragment } from 'preact';
-import { B as BaseButton } from './BaseButton-3ce1f027.js';
-import { P as ProgressButtonLabelLayout } from './ProgressButtonLabelLayout-bfc7c805.js';
-import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-72f5cf2e.js';
-import 'preact/hooks';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import './logger-c92f309c.js';
-import './LayerHost-7a2149f5.js';
-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 { p as processGlobals } from './buttonUtils-be059939.js';
-import bundle from './resources/nls/en/bundle.js';
-
-/**
- * An Icon Progress button is an icon push button that can show progress.
- */
-const IconProgressButton = forwardRef(({ variant = 'outlined', isLoading = false, isDisabled = false, size = 'md', type: buttonType = 'button', onAction, width, tooltip, testId, ...props }, ref) => {
-    const { globalEventProps } = processGlobals(props);
-    const isAdjustedLoading = isDisabled ? false : isLoading;
-    const progressStatus = bundle.accButtonProgressStatus({
-        label: tooltip
-    });
-    const progressComplete = bundle.accButtonProgressComplete({
-        label: tooltip
-    });
-    const elementDetails = {
-        type: 'button',
-        buttonType: buttonType
-    };
-    const tooltipLabel = tooltip;
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: tooltipLabel,
-        isDisabled
-    });
-    /* For a11y, we use ignore aria-label during loading time */
-    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;
-    return (jsxs(Fragment, { children: [jsx(BaseButton, { ...mergeProps(ttProps, globalEventProps), ref: ref, elementDetails: elementDetails, isReadOnly: isAdjustedLoading, isDisabled: isDisabled, size: size, variant: variant, width: width, styling: isAdjustedLoading ? ['min', 'hiddenLabel', 'noHoverActive'] : ['min'], onAction: onAction, "aria-label": tooltip, testId: testId, children: jsx(ProgressButtonLabelLayout, { display: 'icons', isLoading: isAdjustedLoading, accessibleLoadedLabel: progressComplete, accessibleLoadingLabel: progressStatus, isLoadingContrast: variant === 'callToAction', startIcon: props.children, size: size }) }), tooltipContent] }));
-});
-IconProgressButton.displayName = 'IconProgressButton';
-
-export { IconProgressButton as I };
-//# sourceMappingURL=IconProgressButton-193d58bf.js.map

package/es/IconProgressButton-193d58bf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconProgressButton-193d58bf.js","sources":["../../src/UNSAFE_IconProgressButton/IconProgressButton.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 { ComponentChild, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ProgressButtonLabelLayout } from '../UNSAFE_ProgressButtonLabelLayout';\nimport { forwardRef } from 'preact/compat';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport type { ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport translations from '#resources/nls/en/bundle';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\ntype BaseProps = ButtonIntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that a quick indeterminate action is taking place, making the button read-only.\n     */\n    isLoading?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction';\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * tooltip - used for tooltip and aria-label\n     */\n    tooltip: string;\n  };\n\n/**\n * An Icon Progress button is an icon push button that can show progress.\n */\nexport const IconProgressButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isLoading = false,\n      isDisabled = false,\n      size = 'md',\n      type: buttonType = 'button',\n      onAction,\n      width,\n      tooltip,\n      testId,\n      ...props\n    }: BaseProps & TestIdProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n    const isAdjustedLoading = isDisabled ? false : isLoading;\n    const progressStatus = translations.accButtonProgressStatus({\n      label: tooltip\n    });\n    const progressComplete = translations.accButtonProgressComplete({\n      label: tooltip\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const tooltipLabel = tooltip;\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltipLabel,\n      isDisabled\n    });\n\n    /* For a11y, we use ignore aria-label during loading time */\n    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(ttProps, globalEventProps)}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          elementDetails={elementDetails}\n          isReadOnly={isAdjustedLoading}\n          isDisabled={isDisabled}\n          size={size}\n          variant={variant}\n          width={width}\n          styling={isAdjustedLoading ? ['min', 'hiddenLabel', 'noHoverActive'] : ['min']}\n          onAction={onAction}\n          aria-label={tooltip}\n          testId={testId}>\n          <ProgressButtonLabelLayout\n            display={'icons'}\n            isLoading={isAdjustedLoading}\n            accessibleLoadedLabel={progressComplete}\n            accessibleLoadingLabel={progressStatus}\n            isLoadingContrast={variant === 'callToAction'}\n            startIcon={props.children}\n            size={size}></ProgressButtonLabelLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconProgressButton.displayName = 'IconProgressButton';\n"],"names":["translations","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAyEA;;AAEG;MACU,kBAAkB,GAAG,UAAU,CAC1C,CACE,EACE,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACgB,EAC1B,GAA4B,KAC1B;IACF,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS,CAAC;AACzD,IAAA,MAAM,cAAc,GAAGA,MAAY,CAAC,uBAAuB,CAAC;AAC1D,QAAA,KAAK,EAAE,OAAO;AACf,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,gBAAgB,GAAGA,MAAY,CAAC,yBAAyB,CAAC;AAC9D,QAAA,KAAK,EAAE,OAAO;AACf,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,QAAiB;AACvB,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC;AAE7B,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,YAAY;QAClB,UAAU;AACX,KAAA,CAAC,CAAC;;IAGH,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,YAAY,CAAC;IAE7D,QACEC,IAAC,CAAA,QAAQ,EACP,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,UAAU,EACL,EAAA,GAAA,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,EACzC,GAAG,EAAE,GAA6E,EAClF,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,iBAAiB,EAC7B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,iBAAiB,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAC9E,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,OAAO,EACnB,MAAM,EAAE,MAAM,EACd,QAAA,EAAAA,GAAA,CAAC,yBAAyB,EAAA,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,iBAAiB,EAC5B,qBAAqB,EAAE,gBAAgB,EACvC,sBAAsB,EAAE,cAAc,EACtC,iBAAiB,EAAE,OAAO,KAAK,cAAc,EAC7C,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAA8B,CAAA,EAAA,CAC/B,EACZ,cAAc,CACN,EAAA,CAAA,EACX;AACJ,CAAC,EACD;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/es/IconSwitchButton-a92911d0.js

@@ -1,44 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { Fragment } from 'preact';
-import { forwardRef } from 'preact/compat';
-import { useRef, useImperativeHandle } from 'preact/hooks';
-import { B as BaseButton } from './BaseButton-3ce1f027.js';
-import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-72f5cf2e.js';
-import { u as useId } from './useId-03dbfdf0.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import './logger-c92f309c.js';
-import './LayerHost-7a2149f5.js';
-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 { a as toggleStyling } from './toggleButtonUtils-db5d5d21.js';
-import { T as ToggleButtonLabel } from './ToggleButtonLabel-1e23823e.js';
-
-/**
- * A IconSwitchButton is an icon button that allows users to switch
- * between states when pressed.  It differs from a toggle button in not
- * providing any visual indication of the state; instead, switch the
- * icon to provide the state indication.
- */
-const IconSwitchButton = forwardRef(({ children, tooltip, size = 'md', isDisabled = false, accessibleLabel, isSelected = false, onToggle, testId, width, 'aria-describedby': ariaDescribedBy }, ref) => {
-    const buttonRef = useRef(null);
-    useImperativeHandle(ref, () => buttonRef.current, [buttonRef]);
-    const { triggerProps } = useToggleAction({
-        isDisabled: isDisabled,
-        onToggle: onToggle
-    });
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: tooltip ?? accessibleLabel,
-        isDisabled: isDisabled
-    });
-    const styling = toggleStyling('auto', isSelected, true, false, false, undefined, undefined, true);
-    const ariaProps = { 'aria-describedby': ariaDescribedBy };
-    return (jsxs(Fragment, { children: [jsx(BaseButton, { ...mergeProps(tooltipProps, triggerProps, ariaProps), elementDetails: { type: 'button', isSwitch: true }, "aria-checked": isSelected, variant: "ghost", size: size, isDisabled: isDisabled, styling: styling, width: width, ref: buttonRef, "aria-label": accessibleLabel ?? tooltip, testId: testId, children: jsx(ToggleButtonLabel, { isDisabled: isDisabled, label: accessibleLabel ?? tooltip, isToggle: true, inputName: useId(), inputType: 'switch', onAction: () => onToggle?.({ value: isSelected }), isSelected: isSelected, display: 'icons', startIcon: children, size: size }) }), tooltipContent] }));
-});
-IconSwitchButton.displayName = 'IconSwitchButton';
-
-export { IconSwitchButton as I };
-//# sourceMappingURL=IconSwitchButton-a92911d0.js.map

package/es/IconSwitchButton-a92911d0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconSwitchButton-a92911d0.js","sources":["../../src/PRIVATE_IconSwitchButton/IconSwitchButton.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 { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nimport { toggleStyling } from '#utils/UNSAFE_buttonUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ToggleButtonLabelProps } from '#UNSAFE_ToggleButtonLabel/ToggleButtonLabel';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type IconSwitchButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * The size indicates how large the button is rendered: \"xs\", \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconSwitchButton is an icon button that allows users to switch\n * between states when pressed.  It differs from a toggle button in not\n * providing any visual indication of the state; instead, switch the\n * icon to provide the state indication.\n */\nexport const IconSwitchButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      size = 'md',\n      isDisabled = false,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy\n    }: IconSwitchButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      true,\n      false,\n      false,\n      undefined,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          elementDetails={{ type: 'button', isSwitch: true }}\n          aria-checked={isSelected}\n          variant=\"ghost\"\n          size={size}\n          isDisabled={isDisabled}\n          styling={styling}\n          width={width}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            isDisabled={isDisabled}\n            label={accessibleLabel ?? tooltip}\n            isToggle={true}\n            inputName={useId()}\n            inputType={'switch'}\n            onAction={() => onToggle?.({ value: isSelected })}\n            isSelected={isSelected}\n            display={'icons'}\n            startIcon={children}\n            size={size as ToggleButtonLabelProps['size']}\n          />\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconSwitchButton.displayName = 'IconSwitchButton';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAgFA;;;;;AAKG;AACU,MAAA,gBAAgB,GAAG,UAAU,CACxC,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,MAAM,EACN,KAAK,EACL,kBAAkB,EAAE,eAAe,EACiC,EACtE,GAAqC,KACnC;AACF,IAAA,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AAClD,IAAA,mBAAmB,CAAC,GAAI,EAAE,MAAM,SAAS,CAAC,OAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;AACvC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;QAClD,IAAI,EAAE,OAAO,IAAI,eAAe;AAChC,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,aAAa,CAC3B,MAAM,EACN,UAAU,EACV,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,CACL,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAE1D,IAAA,QACEA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACPC,GAAC,CAAA,UAAU,EACL,EAAA,GAAA,UAAU,CAAC,YAAY,EAAE,YAAY,EAAE,SAAS,CAAC,EACrD,cAAc,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAA,cAAA,EACpC,UAAU,EACxB,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,SAAS,EAAA,YAAA,EACF,eAAe,IAAI,OAAO,EACtC,MAAM,EAAE,MAAM,EAAA,QAAA,EACdA,GAAC,CAAA,iBAAiB,EAChB,EAAA,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,eAAe,IAAI,OAAO,EACjC,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,KAAK,EAAE,EAClB,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EACjD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,QAAQ,EACnB,IAAI,EAAE,IAAsC,EAC5C,CAAA,EAAA,CACS,EACZ,cAAc,CACN,EAAA,CAAA,EACX;AACJ,CAAC,EACD;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/es/IconToggleButton-fb7ccce9.js

@@ -1,43 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { Fragment } from 'preact';
-import { forwardRef } from 'preact/compat';
-import { useRef, useImperativeHandle } from 'preact/hooks';
-import { B as BaseButton } from './BaseButton-3ce1f027.js';
-import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-72f5cf2e.js';
-import { m as mergeProps } from './mergeProps-88ea8306.js';
-import './logger-c92f309c.js';
-import './LayerHost-7a2149f5.js';
-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 { a as toggleStyling } from './toggleButtonUtils-db5d5d21.js';
-import { p as processGlobals } from './buttonUtils-be059939.js';
-import { T as ToggleButtonLabel } from './ToggleButtonLabel-1e23823e.js';
-
-/**
- * IconToggleButtons direct users to toggle a state with
- * a single tap, click, or keystroke.
- */
-const IconToggleButton = forwardRef(({ children, variant = 'outlined', size = 'md', isDisabled = false, tooltip, accessibleLabel, isSelected = false, onToggle, testId, 'aria-describedby': ariaDescribedBy, width, ...props }, ref) => {
-    const { globalEventProps } = processGlobals(props);
-    const buttonRef = useRef(null);
-    useImperativeHandle(ref, () => buttonRef.current, [buttonRef]);
-    const { triggerProps } = useToggleAction({
-        isDisabled: isDisabled,
-        onToggle: onToggle
-    });
-    const { tooltipContent, tooltipProps } = useTooltip({
-        text: tooltip ?? accessibleLabel,
-        isDisabled: isDisabled
-    });
-    const styling = toggleStyling('auto', isSelected, false, false, variant === 'outlined', undefined, undefined, true);
-    const ariaProps = { 'aria-describedby': ariaDescribedBy };
-    return (jsxs(Fragment, { children: [jsx(BaseButton, { ...mergeProps(tooltipProps, triggerProps, globalEventProps, ariaProps), variant: variant, isDisabled: isDisabled, size: size, width: width, "aria-pressed": isSelected, styling: styling, ref: buttonRef, "aria-label": accessibleLabel ?? tooltip, testId: testId, children: jsx(ToggleButtonLabel, { onAction: () => onToggle?.({ value: isSelected }), isDisabled: isDisabled, display: 'icons', startIcon: children }) }), tooltipContent] }));
-});
-IconToggleButton.displayName = 'IconToggleButton';
-
-export { IconToggleButton as I };
-//# sourceMappingURL=IconToggleButton-fb7ccce9.js.map

package/es/IconToggleButton-fb7ccce9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconToggleButton-fb7ccce9.js","sources":["../../src/UNSAFE_IconToggleButton/IconToggleButton.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 { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type IconToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.   This should not vary depending on state.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'borderless' | 'outlined';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * IconToggleButtons direct users to toggle a state with\n * a single tap, click, or keystroke.\n */\nexport const IconToggleButton = forwardRef(\n  (\n    {\n      children,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      tooltip,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: IconToggleButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, globalEventProps, ariaProps)}\n          variant={variant}\n          isDisabled={isDisabled}\n          size={size}\n          width={width}\n          aria-pressed={isSelected}\n          styling={styling}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            onAction={() => onToggle?.({ value: isSelected })}\n            isDisabled={isDisabled}\n            display={'icons'}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconToggleButton.displayName = 'IconToggleButton';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAwFA;;;AAGG;MACU,gBAAgB,GAAG,UAAU,CACxC,CACE,EACE,QAAQ,EACR,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,eAAe,EACf,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,MAAM,EACN,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,GAAG,KAAK,EAC4D,EACtE,GAAqC,KACnC;IACF,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;AAClD,IAAA,mBAAmB,CAAC,GAAI,EAAE,MAAM,SAAS,CAAC,OAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;AACvC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;QAClD,IAAI,EAAE,OAAO,IAAI,eAAe;AAChC,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,aAAa,CAC3B,MAAM,EACN,UAAU,EACV,KAAK,EACL,KAAK,EACL,OAAO,KAAK,UAAU,EACtB,SAAS,EACT,SAAS,EACT,IAAI,CACL,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAE1D,IAAA,QACEA,IAAC,CAAA,QAAQ,eACPC,GAAC,CAAA,UAAU,OACL,UAAU,CAAC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACvE,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAA,cAAA,EACE,UAAU,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,SAAS,EACF,YAAA,EAAA,eAAe,IAAI,OAAO,EACtC,MAAM,EAAE,MAAM,YACdA,GAAC,CAAA,iBAAiB,IAChB,QAAQ,EAAE,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EACjD,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,QAAQ,EAAsB,CAAA,EAAA,CAChC,EACZ,cAAc,CAAA,EAAA,CACN,EACX;AACJ,CAAC,EACD;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}