npm - @oracle/oraclejet-preact - Versions diffs - 18.1.1 → 18.1.2 - Mend

@oracle/oraclejet-preact 18.1.1 → 18.1.2

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

Files changed (1057) hide show

package/es/ReorderableTabBar-1b2c9ebe.js CHANGED Viewed

@@ -4,13 +4,13 @@ import { toChildArray } from 'preact';
 import { forwardRef } from 'preact/compat';
 import { useRef, useCallback, useState } from 'preact/hooks';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-7d6e9b93.js';
+import { L as LiveRegion } from './LiveRegion-d9f2bbdb.js';
 import { T as TabBar } from './TabBar-ef456a2c.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { a as getKey } from './collectionUtils-8a9d80a3.js';
-import './LayerHost-ca080d9a.js';
-import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-abc9c68c.js';
+import './LayerHost-f7ef254c.js';
+import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-2a361fd4.js';
 import { R as ReorderableContext } from './ReorderableContext-0daeea89.js';
 import { styles } from './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css.js';
 import { i as isKeyDefined } from './keys-49c92dbb.js';

package/es/RevealToggleIcon-abf5f233.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { jsx } from 'preact/jsx-runtime';
 import { S as SvgViewHide } from './ViewHide-44f9357f.js';
 import { S as SvgView } from './View-e7fb6d4c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-29a1abb3.js';
+import { u as useTranslationBundle } from './useTranslationBundle-0dff3ab2.js';
 import { I as IconSwitchButton } from './IconSwitchButton-4febde18.js';
 /**

package/es/{ScatterChart-622aac36.js → ScatterChart-59c7f1d7.js} RENAMED Viewed

@@ -2,9 +2,9 @@
 import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { h as findNearestDataPoint } from './layoutUtils-5d62f2b4.js';
 import { a as getSeriesData, b as getLineAreaSegments, g as getMarkers } from './useChartDnd-fc7ba21c.js';
-import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-89d507a5.js';
+import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-e71ae377.js';
 import { f as getLineAreaChartNavUtil, d as getItemColor, h as getMarkerType } from './dataStyleUtils-1e980302.js';
-import { u as useUser } from './useUser-9c8d0e57.js';
+import { u as useUser } from './useUser-6a7f6df3.js';
 import { g as getColorRamp } from './colorUtils-35e3dd2b.js';
 import './accUtils-ce2d6588.js';
 import { C as Chart } from './Chart-649fdf1c.js';
@@ -100,4 +100,4 @@ function ScatterChart({ width, height, selectedIds = [], hiddenIds = [], highlig
 }
 export { ScatterChart as S };
-//# sourceMappingURL=ScatterChart-622aac36.js.map
+//# sourceMappingURL=ScatterChart-59c7f1d7.js.map

package/es/{ScatterChart-622aac36.js.map → ScatterChart-59c7f1d7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScatterChart-622aac36.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/\n Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n /\nexport function ScatterChart<K extends string \| number, D extends ScatterItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n lineType = 'none',\n ...props\n}: ScatterChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D \| undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={true}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n / TODO: need a better way to handle when a series is hidden. /\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined \|\|\n highlightedIds.length === 0 \|\|\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={lineType}\n / TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy./\n lineColor={seriesItem.lineColor}\n / The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n /\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor \|\| colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor \|\|\n colors[\n index % colors.length\n ] / TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' \|\| selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getTextDimensions={getTextDimensions}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"ScatterChart-59c7f1d7.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/\n Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n /\nexport function ScatterChart<K extends string \| number, D extends ScatterItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n lineType = 'none',\n ...props\n}: ScatterChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D \| undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={true}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n / TODO: need a better way to handle when a series is hidden. /\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined \|\|\n highlightedIds.length === 0 \|\|\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={lineType}\n / TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy./\n lineColor={seriesItem.lineColor}\n / The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n /\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor \|\| colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor \|\|\n colors[\n index % colors.length\n ] / TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' \|\| selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getTextDimensions={getTextDimensions}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;;;;;;;;AAsBA,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB;;AAEG;AACG,SAAU,YAAY,CAAsD,EAChF,KAAK,EACL,MAAM,EACN,WAAW,GAAG,EAAE,EAChB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,mBAAmB,GAAG,MAAM,EAC5B,WAAW,GAAG,UAAU,EACxB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,GAAG,MAAM,EACtB,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,SAAS,EAC3B,QAAQ,GAAG,MAAM,EACjB,GAAG,KAAK,EACgB,EAAA;IACxB,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;AAC9C,IAAA,MAAM,cAAc,GAAG,YAAY,KAAK,QAAQ,CAAC;AACjD,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;AAC7C,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAClC,IAAA,MAAM,KAAK,GAAG,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC;AACrC,IAAA,MAAM,YAAY,GAAI,KAAK,CAAC,KAAuB,EAAE,YAAY,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;AACzC,IAAA,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;AAC/C,IAAA,MAAM,OAAO,GAAG,WAAW,KAAK,YAAY,CAAC;AAC7C,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;AAC9B,IAAA,MAAM,cAAc,GAAG,aAAa,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,WAAW,EACX,SAAS,EACT,KAAK,CACN,CAAC;AAEF,IAAA,MAAM,mBAAmB,GAAG,CAAC,WAAmB,EAAE,UAAkB,KAClE,WAAW,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,OAAO,CAAC,CAAC;AACX,KAAC,CAAC;AAEF,IAAA,MAAM,oBAAoB,GAAG,CAAC,UAAkB,EAAE,QAAgB,KAAI;;AAEpE,QAAA,OAAO,uBAAuB,CAC5B,WAAW,EACX,MAAM,CAAC,MAAM,EACb,UAAU,EACV,QAAQ,EACR,KAAK,EACL,KAAK,EACL,OAAO,CACR,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,CAAC,MAAa,EAAE,MAAa,KAAI;AACtD,QAAA,OAAO,CAAC,WAAmB,EAAE,UAAkB,KAAI;;;YAGjD,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAA6B,CAAC;YACjF,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC,EAAE;gBAC9B,OAAO;aACR;YACD,MAAM,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAE,CAAC,CAAC;YACrC,MAAM,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,CAAE,CAAC,CAAC;AACrC,YAAA,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACvC,SAAC,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,MAAM,qBAAqB,GAAG,CAAC,WAAmB,EAAE,UAAkB,KAAI;QACxE,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC;YACjE,IAAI,EAAE,aAAa,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC;SAC1D,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,CAAC,MAAa,EAAE,MAAa,KAAI;QACnD,MAAM,iBAAiB,GAAG,MAAK;YAC7B,OAAO;AACL,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,SAAS,EAAE,CAAC;aACb,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,MAAa,KAAI;AACjD,YAAA,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AACjC,SAAC,CAAC;QAEF,OAAO,oBAAoB,CACzB,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,CAAC,EACD,SAAS,EACT,YAAY,CACb,CAAC;AACJ,KAAC,CAAC;AACF,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;AAC7B,IAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAC,KAAK,EACd,8BAA8B,EAAE,MAAM,IAAI,EAC1C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,qBAAqB,EACpC,sBAAsB,EAAE,IAAI,EAC5B,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,oBAAoB,EAChC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,KAAK,EACR,GAAA,KAAK,EACR,QAAA,EAAA,CAAC,EACA,WAAW,EACX,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EAClB,KAAI;YACH,QACEA,GACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,cAAc,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,KAAK,KAAI;AAC5C,oBAAA,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;;wBAE/B,OAAO;qBACR;AACD,oBAAA,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,oBAAA,MAAM,cAAc,GAAG,QAAQ,KAAK,MAAM,CAAC;AAC3C,oBAAA,MAAM,iBAAiB,GAAc,mBAAmB,CACtD,MAAM,EACN,MAAM,EACN,cAAc,EACd,WAAW,EACX,SAAS,EACT,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,YAAY,EACZ,IAAI,CACL,CAAC;AAEF,oBAAA,MAAM,aAAa,GACjB,cAAc,KAAK,SAAS;wBAC5B,cAAc,CAAC,MAAM,KAAK,CAAC;AAC3B,wBAAA,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;oBAEpC,QACEC,IACG,CAAAD,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAc,KACbD,IAAC,UAAU,EAAA,EACT,QAAQ,EAAE,QAAQ;AAClB;AACgC;gCAChC,SAAS,EAAE,UAAU,CAAC,SAAS;AAC/B;;;;AAIC;AACD,gCAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,KAAK,EAAE,UAAU,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,EAC5D,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,OAAO,EACrB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,KAAK,GAClB,CACH,EACDA,GAAC,CAAA,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EACH,UAAU,CAAC,SAAS;AACpB,oCAAA,MAAM,CACJ,KAAK,GAAG,MAAM,CAAC,MAAM,CACtB,wEAEH,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,EAC3C,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,KAAK,SAAS,GAAG,cAAc,GAAG,SAAS,EACzE,gBAAgB,EACd,eAAe,CAAC,WAAW,KAAK,KAAK;AACrC,oCAAA,eAAe,CAAC,cAAc;oCAC9B,EAAE,KAAK,CAAC,mBAAmB,IAAI,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC;sCACpE,eAAe,CAAC,UAAU;AAC5B,sCAAE,SAAS,EAEf,gBAAgB,EACd,eAAe,EAAE,SAAS,IAAI,eAAe,CAAC,WAAW,KAAK,KAAK;sCAC/D,eAAe,CAAC,UAAU;sCAC1B,SAAS,EAEf,kBAAkB,EAAE,aAAa,KAAK,QAAQ,IAAI,aAAa,KAAK,UAAU,EAC9E,cAAc,EAAE,QAAQ,KAAK,IAAI,EACjC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAI,EACjB,iBAAiB,EAAE,iBAAiB,EAAA,CACpC,CACD,EAAA,CAAA,EACH;iBACH,CAAC,EACD,CAAA,EACH;SACH,EAAA,CACK,EACR;AACJ;;;;"}

package/es/SectionalLegend-fb0128ae.js CHANGED Viewed

@@ -2,17 +2,17 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useRef, useState, useImperativeHandle } from 'preact/hooks';
-import { u as useVisEvent } from './useVisEvents-45115f09.js';
+import { u as useVisEvent } from './useVisEvents-8d888727.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { g as getRandomId } from './layoutUtils-d7613d0c.js';
 import { m as getSectionGridNums, a as getLegendTextStyle, c as getDatatipText, d as getAriaProps, u as useLegendDnd, l as legendVars, b as getItemInfo, i as isEqualItem, f as getKeyUpHandler, e as getIsLegendItemActionable } from './useLegendDnd-3712d3c2.js';
 import { u as useLegendDatatip, b as useSectionalLegendContextMenu, L as LegendText, B as BaseLegend } from './useLegendContextMenu-30eaa291.js';
 import { u as useItemFocus } from './useItemFocus-c12e2756.js';
-import { F as Flex } from './Flex-dce7c423.js';
+import { F as Flex } from './Flex-ba379500.js';
 import { styles } from './PRIVATE_BaseLegend/themes/LegendStyles.css.js';
-import { u as useCssVars } from './useCssVars-6295c03a.js';
+import { u as useCssVars } from './useCssVars-0788f28c.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-a59ab166.js';
 import { m as merge } from './stringUtils-16f617bc.js';
 import { u as useTextDimensions } from './useTextDimensions-e08928cc.js';

package/es/{SectionedContent-89fd6108.js → SectionedContent-db1b2e44.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useCallback, useRef } from 'preact/hooks';
-import { D as Dropdown } from './Dropdown-8936afb0.js';
-import { F as Flex } from './Flex-dce7c423.js';
+import { D as Dropdown } from './Dropdown-ab7ecd4b.js';
+import { F as Flex } from './Flex-ba379500.js';
 import { F as FocusTrap } from './FocusTrap-9e80c124.js';
 import { K as KEYS } from './keyboardUtils-38854729.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
-import { V as View } from './View-6941c4ec.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
+import { V as View } from './View-79162397.js';
 const DEFAULT_PLACEMENT = 'bottom-start';
 /**
@@ -61,4 +61,4 @@ const SectionedContent = ({ 'aria-label': ariaLabel, contentRef: propRef, gap, f
 };
 export { StickyPositioningDropdown as S, SectionedContent as a };
-//# sourceMappingURL=SectionedContent-89fd6108.js.map
+//# sourceMappingURL=SectionedContent-db1b2e44.js.map

package/es/{SectionedContent-89fd6108.js.map → SectionedContent-db1b2e44.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionedContent-~~89fd6108~~.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n DropdownProps,\n \| 'anchorRef'\n \| 'children'\n \| 'flipOptions'\n \| 'id'\n \| 'initialFocus'\n \| 'isOpen'\n \| 'minWidth'\n \| 'offset'\n \| 'onClose'\n \| 'onPosition'\n \| 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/\n StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n /\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n }\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n return (\n <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n {children}\n </Dropdown>\n );\n};\n\nexport { StickyPositioningDropdown };\n","/\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 type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n /\n An accessible label that describes the content.\n /\n 'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n /\n A ref to the content container.\n /\n contentRef?: RefObject<HTMLDivElement>;\n\n /\n Child content in the footer section.\n /\n footer?: ComponentChildren;\n\n /\n The spacing between the sections.\n /\n gap?: FlexProps['gap'];\n\n /\n True if the tab key should cycle focus within the content.\n * @default false\n /\n hasFocusTrap?: boolean;\n\n /\n Child content in the header section.\n /\n header?: ComponentChildren;\n\n /\n Child content in the main section.\n /\n main?: ComponentChildren;\n\n /\n The padding between the footer or bottom edge and the main content.\n * @default '4x'\n /\n paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n /\n The padding between the header or top edge and the main content.\n * @default '4x'\n /\n paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n /\n The padding between the right edge and the main content.\n * @default '4x'\n /\n paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n /\n The padding between the left edge and the main content.\n * @default '4x'\n /\n paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n /\n The aria role applied to the content container. For example, if the \"launcher\" element\n * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n * it controls an element with a role such as listbox or grid.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/\n The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n 'aria-label': ariaLabel,\n contentRef: propRef,\n gap,\n footer,\n hasFocusTrap = false,\n header,\n main,\n paddingBlockEnd = '4x',\n paddingBlockStart = '4x',\n paddingInlineEnd = '4x',\n paddingInlineStart = '4x',\n role,\n testId\n}: Props) => {\n const testIdProps = useTestId(testId);\n\n const cRef = useRef<HTMLDivElement>(null);\n const contentRef = propRef ?? cRef;\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (event.code === KEYS.TAB) {\n event.stopPropagation();\n }\n }, []);\n\n const sections = (\n <Flex direction=\"column\" gap={gap}>\n {header}\n <View\n paddingBlockEnd={paddingBlockEnd}\n paddingBlockStart={paddingBlockStart}\n paddingInlineEnd={paddingInlineEnd}\n paddingInlineStart={paddingInlineStart}>\n {main}\n </View>\n {footer}\n </Flex>\n );\n\n // Use a FocusTrap around the content if hasFocusTrap is true.\n const childContent = hasFocusTrap ? (\n <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n ) : (\n { sections }\n );\n\n return (\n <div\n aria-label={ariaLabel}\n onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n ref={contentRef}\n role={role}\n {...testIdProps}>\n {childContent}\n </div>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEA,IAAC,QAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPD,GAAA,CAAC,IAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"SectionedContent-db1b2e44.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n DropdownProps,\n \| 'anchorRef'\n \| 'children'\n \| 'flipOptions'\n \| 'id'\n \| 'initialFocus'\n \| 'isOpen'\n \| 'minWidth'\n \| 'offset'\n \| 'onClose'\n \| 'onPosition'\n \| 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/\n StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n /\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n }\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n return (\n <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n {children}\n </Dropdown>\n );\n};\n\nexport { StickyPositioningDropdown };\n","/\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 type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n /\n An accessible label that describes the content.\n /\n 'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n /\n A ref to the content container.\n /\n contentRef?: RefObject<HTMLDivElement>;\n\n /\n Child content in the footer section.\n /\n footer?: ComponentChildren;\n\n /\n The spacing between the sections.\n /\n gap?: FlexProps['gap'];\n\n /\n True if the tab key should cycle focus within the content.\n * @default false\n /\n hasFocusTrap?: boolean;\n\n /\n Child content in the header section.\n /\n header?: ComponentChildren;\n\n /\n Child content in the main section.\n /\n main?: ComponentChildren;\n\n /\n The padding between the footer or bottom edge and the main content.\n * @default '4x'\n /\n paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n /\n The padding between the header or top edge and the main content.\n * @default '4x'\n /\n paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n /\n The padding between the right edge and the main content.\n * @default '4x'\n /\n paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n /\n The padding between the left edge and the main content.\n * @default '4x'\n /\n paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n /\n The aria role applied to the content container. For example, if the \"launcher\" element\n * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n * it controls an element with a role such as listbox or grid.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/\n The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n 'aria-label': ariaLabel,\n contentRef: propRef,\n gap,\n footer,\n hasFocusTrap = false,\n header,\n main,\n paddingBlockEnd = '4x',\n paddingBlockStart = '4x',\n paddingInlineEnd = '4x',\n paddingInlineStart = '4x',\n role,\n testId\n}: Props) => {\n const testIdProps = useTestId(testId);\n\n const cRef = useRef<HTMLDivElement>(null);\n const contentRef = propRef ?? cRef;\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (event.code === KEYS.TAB) {\n event.stopPropagation();\n }\n }, []);\n\n const sections = (\n <Flex direction=\"column\" gap={gap}>\n {header}\n <View\n paddingBlockEnd={paddingBlockEnd}\n paddingBlockStart={paddingBlockStart}\n paddingInlineEnd={paddingInlineEnd}\n paddingInlineStart={paddingInlineStart}>\n {main}\n </View>\n {footer}\n </Flex>\n );\n\n // Use a FocusTrap around the content if hasFocusTrap is true.\n const childContent = hasFocusTrap ? (\n <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n ) : (\n { sections }\n );\n\n return (\n <div\n aria-label={ariaLabel}\n onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n ref={contentRef}\n role={role}\n {...testIdProps}>\n {childContent}\n </div>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEA,IAAC,QAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPD,GAAA,CAAC,IAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;"}

package/es/SelectMultiple-48af2264.js CHANGED Viewed

@@ -24,10 +24,10 @@ import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
-import { F as Flex } from './Flex-dce7c423.js';
+import { F as Flex } from './Flex-ba379500.js';
 import './InputGroupContext-20bdbd6e.js';
-import './LayerHost-ca080d9a.js';
-import { u as useTranslationBundle } from './useTranslationBundle-29a1abb3.js';
+import './LayerHost-f7ef254c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-0dff3ab2.js';
 import './LiveRegionStyles.styles.css';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import './UserAssistanceStyles.styles.css';
@@ -38,10 +38,10 @@ import { C as CompactUserAssistance } from './CompactUserAssistance-c2fafab0.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-ae6aba72.js';
+import './tooltipUtils-179de68d.js';
 import { Fragment as Fragment$1 } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-0b60095e.js';
+import './Popup-67ec4db2.js';
 import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
@@ -60,7 +60,7 @@ import { C as Chip } from './Chip-9540ef60.js';
 import { I as IconButton } from './IconButton-b78b5ace.js';
 import { S as SvgNavLeft, a as SvgCancelS } from './CancelS-000682e2.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
-import { u as useUser } from './useUser-9c8d0e57.js';
+import { u as useUser } from './useUser-6a7f6df3.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { d as dimensionInterpolations } from './dimensions-d4159ace.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
@@ -70,8 +70,8 @@ import { S as SvgClose } from './Close-bf9bed8b.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { textTagStyles } from './UNSAFE_SelectMultiple/themes/TextTagStyles.css.js';
 import { textTagListStyles } from './UNSAFE_SelectMultiple/themes/TextTagListStyles.css.js';
-import { L as LiveRegion } from './LiveRegion-7d6e9b93.js';
-import { V as View } from './View-6941c4ec.js';
+import { L as LiveRegion } from './LiveRegion-d9f2bbdb.js';
+import { V as View } from './View-79162397.js';
 import { mobileDropdownFooterStyles } from './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css.js';
 import { B as Button } from './Button-9737b653.js';
 import { u as useEffectEvent } from './useEffectEvent-e320381e.js';

package/es/SelectSingle-56ff2907.js CHANGED Viewed

@@ -24,10 +24,10 @@ import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
 import './UNSAFE_TextField/themes/FormLayoutStyles.css.js';
 import './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.styles.css';
-import './Flex-dce7c423.js';
+import './Flex-ba379500.js';
 import './InputGroupContext-20bdbd6e.js';
-import './LayerHost-ca080d9a.js';
-import { u as useTranslationBundle } from './useTranslationBundle-29a1abb3.js';
+import './LayerHost-f7ef254c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-0dff3ab2.js';
 import './LiveRegionStyles.styles.css';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import './UserAssistanceStyles.styles.css';
@@ -38,10 +38,10 @@ import { C as CompactUserAssistance } from './CompactUserAssistance-c2fafab0.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-ae6aba72.js';
+import './tooltipUtils-179de68d.js';
 import { Fragment as Fragment$1 } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-0b60095e.js';
+import './Popup-67ec4db2.js';
 import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
@@ -58,8 +58,8 @@ import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import './ReadonlyTextFieldInputStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
 import { T as TextField } from './TextField-28d425d6.js';
-import { L as LiveRegion } from './LiveRegion-7d6e9b93.js';
-import { V as View } from './View-6941c4ec.js';
+import { L as LiveRegion } from './LiveRegion-d9f2bbdb.js';
+import { V as View } from './View-79162397.js';
 import { u as useEffectEvent } from './useEffectEvent-e320381e.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';

package/es/{SelectionCard-4cf71979.js → SelectionCard-f4e6f6f4.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { u as useHover } from './useHover-19340c22.js';
-import { S as StyledCard } from './StyledCard-2dc6d348.js';
+import { S as StyledCard } from './StyledCard-75bcdad7.js';
 /**
  * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.
@@ -13,4 +13,4 @@ const SelectionCard = ({ children, isSelected = false, testId, ...rest }) => {
 };
 export { SelectionCard as S };
-//# sourceMappingURL=SelectionCard-4cf71979.js.map
+//# sourceMappingURL=SelectionCard-f4e6f6f4.js.map

package/es/{SelectionCard-4cf71979.js.map → SelectionCard-f4e6f6f4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCard-~~4cf71979~~.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n\n /\n This flag marks this card as selected within a collection.\n /\n isSelected?: boolean;\n };\n\n/\n A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n const { hoverProps, isHover } = useHover();\n return (\n <StyledCard\n {...hoverProps}\n display=\"inlineFlex\"\n isHover={isHover}\n isSelected={isSelected}\n parentComponentVariant=\"selectionCard\"\n testId={testId}\n {...rest}>\n {children}\n </StyledCard>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+BA;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC3C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,GACL,UAAU,EACd,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAC,eAAe,EACtC,MAAM,EAAE,MAAM,EAAA,GACV,IAAI,EAAA,QAAA,EACP,QAAQ,EAAA,CACE,EACb;AACJ;;;;"}
1	+ {"version":3,"file":"SelectionCard-f4e6f6f4.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n\n /\n This flag marks this card as selected within a collection.\n /\n isSelected?: boolean;\n };\n\n/\n A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n const { hoverProps, isHover } = useHover();\n return (\n <StyledCard\n {...hoverProps}\n display=\"inlineFlex\"\n isHover={isHover}\n isSelected={isSelected}\n parentComponentVariant=\"selectionCard\"\n testId={testId}\n {...rest}>\n {children}\n </StyledCard>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+BA;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC3C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,GACL,UAAU,EACd,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAC,eAAe,EACtC,MAAM,EAAE,MAAM,EAAA,GACV,IAAI,EAAA,QAAA,EACP,QAAQ,EAAA,CACE,EACb;AACJ;;;;"}

package/es/Selector-cc435916.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { styles } from './UNSAFE_Selector/themes/SelectorStyles.css.js';
 import { S as StyledCheckbox } from './StyledCheckbox-87f19329.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { u as useFocus } from './useFocus-38c95977.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
 import { u as useHover } from './useHover-19340c22.js';
 /**

package/es/{SelectorAll-401564d3.js → SelectorAll-fb5a5a47.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef } from 'preact/hooks';
-import { F as Flex } from './Flex-dce7c423.js';
+import { F as Flex } from './Flex-ba379500.js';
 import { u as usePress } from './usePress-051f5adb.js';
 import { styles } from './UNSAFE_Selector/themes/SelectorStyles.css.js';
 import { S as StyledCheckbox } from './StyledCheckbox-87f19329.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { u as useFocus } from './useFocus-38c95977.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
-import { u as useTooltip } from './useTooltip-d4dfd848.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
+import { u as useTooltip } from './useTooltip-0a3e4842.js';
 import { u as useHover } from './useHover-19340c22.js';
 import './logger-c92f309c.js';
-import './LayerHost-ca080d9a.js';
+import './LayerHost-f7ef254c.js';
 import '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-ae6aba72.js';
-import { u as useTranslationBundle } from './useTranslationBundle-29a1abb3.js';
+import './tooltipUtils-179de68d.js';
+import { u as useTranslationBundle } from './useTranslationBundle-0dff3ab2.js';
 /**
  * The SelectorAll component renders checkboxes for select all case.
@@ -66,4 +66,4 @@ const handleKeyboardEvent = (event) => {
 };
 export { SelectorAll as S };
-//# sourceMappingURL=SelectorAll-401564d3.js.map
+//# sourceMappingURL=SelectorAll-fb5a5a47.js.map

package/es/{SelectorAll-401564d3.js.map → SelectorAll-fb5a5a47.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectorAll-~~401564d3~~.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/\n Props for the SelectorAll Component\n /\nexport type Props<K> = {\n /\n The selected state of the select all selector\n /\n selected: 'none' \| 'all' \| 'partial' \| 'partial-all';\n /\n Callback function to invoke when the selected keys has changed when\n * the checkbox is toggled.\n /\n onChange?: (detail: SelectionDetail<K>) => void;\n /\n aria-label for this selectorAll\n /\n 'aria-label'?: string;\n /\n One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n /\n Specifies whether tooltip should be shown on the SelectorAll checkbox\n /\n showTooltip?: 'enabled' \| 'disabled';\n};\n\n/\n The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n selected,\n onChange,\n showTooltip = 'disabled',\n testId\n}: Props<K> & TestIdProps) {\n const pressHandler = (event: Event) => {\n if (selected == 'none' \|\| selected == 'partial') {\n onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n } else {\n onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n }\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const { isActive, activeProps } = useActive();\n const { isFocus, focusProps } = useFocus();\n const { pressProps } = usePress(pressHandler);\n\n const { isHover, hoverProps } = useHover();\n const isChecked =\n selected === 'partial' \|\| selected === 'partial-all'\n ? 'partial'\n : selected === 'all'\n ? 'checked'\n : 'unchecked';\n const testIdProps = useTestId(testId);\n\n const onClick = () => {\n // ensure the checkbox is focused after click\n inputRef.current?.focus();\n };\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const tooltipLabel =\n selected === 'none' \|\| selected === 'partial'\n ? translations.selectorAll_selectAll()\n : translations.selectorAll_deselectAll();\n\n const { tooltipContent, tooltipProps } = useTooltip({\n text: tooltipLabel,\n isDisabled: showTooltip === 'disabled' ? true : false\n });\n\n const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n return (\n <div\n class={styles.container}\n {...mergeProps({ onClick }, pressProps, tooltipProps)}\n {...testIdProps}>\n <div class={styles.base} {...activeProps} {...hoverProps}>\n <Flex align=\"center\" justify=\"center\">\n <StyledCheckbox\n ref={inputRef}\n isHover={isHover}\n isChecked={isChecked}\n isActive={isActive}\n isFocusRingShown={isFocus}\n aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n aria-labelledby={ariaLabelledby}\n onKeyDown={handleKeyboardEvent}\n onKeyUp={handleKeyboardEvent}\n {...focusProps}\n />\n {tooltipContent}\n </Flex>\n </div>\n </div>\n );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n if (event.key == 'Enter') {\n // prevent active styles applied to checkbox\n event.stopPropagation();\n }\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"SelectorAll-fb5a5a47.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/\n Props for the SelectorAll Component\n /\nexport type Props<K> = {\n /\n The selected state of the select all selector\n /\n selected: 'none' \| 'all' \| 'partial' \| 'partial-all';\n /\n Callback function to invoke when the selected keys has changed when\n * the checkbox is toggled.\n /\n onChange?: (detail: SelectionDetail<K>) => void;\n /\n aria-label for this selectorAll\n /\n 'aria-label'?: string;\n /\n One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n /\n Specifies whether tooltip should be shown on the SelectorAll checkbox\n /\n showTooltip?: 'enabled' \| 'disabled';\n};\n\n/\n The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n selected,\n onChange,\n showTooltip = 'disabled',\n testId\n}: Props<K> & TestIdProps) {\n const pressHandler = (event: Event) => {\n if (selected == 'none' \|\| selected == 'partial') {\n onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n } else {\n onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n }\n };\n\n const inputRef = useRef<HTMLInputElement>(null);\n const { isActive, activeProps } = useActive();\n const { isFocus, focusProps } = useFocus();\n const { pressProps } = usePress(pressHandler);\n\n const { isHover, hoverProps } = useHover();\n const isChecked =\n selected === 'partial' \|\| selected === 'partial-all'\n ? 'partial'\n : selected === 'all'\n ? 'checked'\n : 'unchecked';\n const testIdProps = useTestId(testId);\n\n const onClick = () => {\n // ensure the checkbox is focused after click\n inputRef.current?.focus();\n };\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n const tooltipLabel =\n selected === 'none' \|\| selected === 'partial'\n ? translations.selectorAll_selectAll()\n : translations.selectorAll_deselectAll();\n\n const { tooltipContent, tooltipProps } = useTooltip({\n text: tooltipLabel,\n isDisabled: showTooltip === 'disabled' ? true : false\n });\n\n const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n return (\n <div\n class={styles.container}\n {...mergeProps({ onClick }, pressProps, tooltipProps)}\n {...testIdProps}>\n <div class={styles.base} {...activeProps} {...hoverProps}>\n <Flex align=\"center\" justify=\"center\">\n <StyledCheckbox\n ref={inputRef}\n isHover={isHover}\n isChecked={isChecked}\n isActive={isActive}\n isFocusRingShown={isFocus}\n aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n aria-labelledby={ariaLabelledby}\n onKeyDown={handleKeyboardEvent}\n onKeyUp={handleKeyboardEvent}\n {...focusProps}\n />\n {tooltipContent}\n </Flex>\n </div>\n </div>\n );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n if (event.key == 'Enter') {\n // prevent active styles applied to checkbox\n event.stopPropagation();\n }\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/{Sheet-754bd0f0.js → Sheet-2d9c641b.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, Fragment } from 'preact/jsx-runtime';
 import { useRef, useCallback, useEffect, useMemo } from 'preact/hooks';
-import { M as Modal } from './Modal-9bdb87a4.js';
-import { W as WindowOverlay } from './WindowOverlay-77a01a5a.js';
+import { M as Modal } from './Modal-7efd2f81.js';
+import { W as WindowOverlay } from './WindowOverlay-8fbe3e1c.js';
 import { f as focusWithin } from './tabbableUtils-6ceb767f.js';
 import { sheetMenuStyles } from './UNSAFE_Sheet/themes/SheetStyles.css.js';
 import { m as mergeRefs } from './refUtils-b9d8d91a.js';
@@ -155,4 +155,4 @@ const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }) =>
 const TOP_OFFSET = 96;
 export { Sheet as S, useSheetSwipe as u };
-//# sourceMappingURL=Sheet-754bd0f0.js.map
+//# sourceMappingURL=Sheet-2d9c641b.js.map

package/es/{Sheet-754bd0f0.js.map → Sheet-2d9c641b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sheet-754bd0f0.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.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 { useRef, useCallback } from 'preact/hooks';\n\n/\n threshold: Minimal threshold required before recognizing\n tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n This allows the swipe gesture to be triggered more easily since a User might not move their finger\n in a straight line.\n/\ntype SwipeOptions = {\n threshold?: number;\n maximumTime?: number;\n tolerance?: number;\n isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n direction: 'down';\n};\n\ntype SwipeState = {\n pointerDownId: number \| null;\n startTime: number \| null;\n prevpageX: number;\n prevpageY: number;\n elementScrollTop: number;\n};\n/This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n/\nexport function useSheetSwipe(\n onSwipe: (e: SwipeInfo) => void,\n { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n threshold: 10,\n maximumTime: 300,\n tolerance: 50,\n isDisabled: false\n }\n): { swipeProps: Record<string, any> } {\n const ref = useRef<SwipeState>({\n pointerDownId: 0,\n startTime: null,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n });\n\n const clearSwipe = useCallback(() => {\n ref.current = {\n pointerDownId: null,\n startTime: 0,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n };\n }, []);\n\n const onTouchStart = useCallback(\n (e: TouchEvent) => {\n const touchobj = e.changedTouches[0];\n if (!ref.current.pointerDownId) {\n ref.current = {\n pointerDownId: touchobj.identifier,\n startTime: e.timeStamp,\n prevpageX: touchobj.pageX,\n prevpageY: touchobj.pageY,\n elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n };\n } else {\n clearSwipe();\n }\n },\n [clearSwipe]\n );\n\n const onTouchEnd = useCallback(\n (ev: TouchEvent) => {\n const touchobj = ev.changedTouches[0];\n if (touchobj.identifier === ref.current.pointerDownId) {\n if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n if (\n touchobj.pageY - ref.current.prevpageY > threshold &&\n Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n ref.current.elementScrollTop === 0\n ) {\n onSwipe?.({ direction: 'down' });\n }\n }\n }\n // state would be reset to its original state whether swipe is completed or cancelled\n clearSwipe();\n },\n [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n );\n\n const swipeProps = isDisabled\n ? {}\n : {\n /* event handlers to spread on the target element. /\n onTouchStart,\n onTouchEnd,\n ontouchcancel: clearSwipe\n };\n\n return {\n swipeProps\n };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/\n pointerDismissed: Swipedown and tapScrim\n keyboardDismissed: \"Escape\" \| \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' \| 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n onClose?: (detail: CloseDetail) => void;\n isOpen?: boolean;\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n opening: {\n ...SLIDE_UP_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n },\n closing: {\n ...SLIDE_DOWN_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n\n // Initial focus going to be set after animation once opening animation is added\n useEffect(() => {\n if (isOpen && initialFocus === 'firstFocusable') {\n const sheetElement = sheetRef.current;\n if (sheetElement) {\n focusWithin(sheetElement);\n }\n }\n }, [isOpen, initialFocus]);\n const handlePointerDismissed = useCallback(() => {\n onClose?.({ reason: 'pointerDismissed' });\n }, [onClose]);\n\n // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n // will stop having its own implementation\n const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case 'Tab':\n case 'Escape':\n onClose?.({ reason: 'keyboardDismissed' });\n default:\n break;\n }\n },\n [onClose]\n );\n const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n isOpen,\n isAnimatedOnMount: false,\n animationStates\n });\n\n useEffect(() => {\n if (status === 'opening') {\n if (initialFocus === 'firstFocusable') {\n const dropdownElement = sheetRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n }\n }, [status, initialFocus]);\n\n const stableRef = useMemo(\n () => mergeRefs(setAnimationElementRef, sheetRef),\n [setAnimationElementRef]\n );\n\n const isMounted = status !== 'unmounted';\n\n return (\n <>\n {isMounted ? (\n <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n <WindowOverlay placement=\"bottom\">\n <div\n {...swipeProps}\n ref={stableRef}\n class={sheetMenuStyles.sheetMenuContainerWrapper}\n style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n onKeyDown={handleKeyDown}>\n {children}\n </div>\n </WindowOverlay>\n </Modal>\n ) : null}\n </>\n );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"Sheet-2d9c641b.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.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 { useRef, useCallback } from 'preact/hooks';\n\n/\n threshold: Minimal threshold required before recognizing\n tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n This allows the swipe gesture to be triggered more easily since a User might not move their finger\n in a straight line.\n/\ntype SwipeOptions = {\n threshold?: number;\n maximumTime?: number;\n tolerance?: number;\n isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n direction: 'down';\n};\n\ntype SwipeState = {\n pointerDownId: number \| null;\n startTime: number \| null;\n prevpageX: number;\n prevpageY: number;\n elementScrollTop: number;\n};\n/This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n/\nexport function useSheetSwipe(\n onSwipe: (e: SwipeInfo) => void,\n { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n threshold: 10,\n maximumTime: 300,\n tolerance: 50,\n isDisabled: false\n }\n): { swipeProps: Record<string, any> } {\n const ref = useRef<SwipeState>({\n pointerDownId: 0,\n startTime: null,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n });\n\n const clearSwipe = useCallback(() => {\n ref.current = {\n pointerDownId: null,\n startTime: 0,\n prevpageX: 0,\n prevpageY: 0,\n elementScrollTop: 0\n };\n }, []);\n\n const onTouchStart = useCallback(\n (e: TouchEvent) => {\n const touchobj = e.changedTouches[0];\n if (!ref.current.pointerDownId) {\n ref.current = {\n pointerDownId: touchobj.identifier,\n startTime: e.timeStamp,\n prevpageX: touchobj.pageX,\n prevpageY: touchobj.pageY,\n elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n };\n } else {\n clearSwipe();\n }\n },\n [clearSwipe]\n );\n\n const onTouchEnd = useCallback(\n (ev: TouchEvent) => {\n const touchobj = ev.changedTouches[0];\n if (touchobj.identifier === ref.current.pointerDownId) {\n if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n if (\n touchobj.pageY - ref.current.prevpageY > threshold &&\n Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n ref.current.elementScrollTop === 0\n ) {\n onSwipe?.({ direction: 'down' });\n }\n }\n }\n // state would be reset to its original state whether swipe is completed or cancelled\n clearSwipe();\n },\n [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n );\n\n const swipeProps = isDisabled\n ? {}\n : {\n /* event handlers to spread on the target element. /\n onTouchStart,\n onTouchEnd,\n ontouchcancel: clearSwipe\n };\n\n return {\n swipeProps\n };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/\n pointerDismissed: Swipedown and tapScrim\n keyboardDismissed: \"Escape\" \| \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' \| 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n onClose?: (detail: CloseDetail) => void;\n isOpen?: boolean;\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n opening: {\n ...SLIDE_UP_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n },\n closing: {\n ...SLIDE_DOWN_XLARGE,\n options: {\n duration: DURATION_LARGE\n }\n }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n const sheetRef = useRef<HTMLDivElement>(null);\n\n // Initial focus going to be set after animation once opening animation is added\n useEffect(() => {\n if (isOpen && initialFocus === 'firstFocusable') {\n const sheetElement = sheetRef.current;\n if (sheetElement) {\n focusWithin(sheetElement);\n }\n }\n }, [isOpen, initialFocus]);\n const handlePointerDismissed = useCallback(() => {\n onClose?.({ reason: 'pointerDismissed' });\n }, [onClose]);\n\n // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n // will stop having its own implementation\n const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case 'Tab':\n case 'Escape':\n onClose?.({ reason: 'keyboardDismissed' });\n default:\n break;\n }\n },\n [onClose]\n );\n const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n isOpen,\n isAnimatedOnMount: false,\n animationStates\n });\n\n useEffect(() => {\n if (status === 'opening') {\n if (initialFocus === 'firstFocusable') {\n const dropdownElement = sheetRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n }\n }, [status, initialFocus]);\n\n const stableRef = useMemo(\n () => mergeRefs(setAnimationElementRef, sheetRef),\n [setAnimationElementRef]\n );\n\n const isMounted = status !== 'unmounted';\n\n return (\n <>\n {isMounted ? (\n <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n <WindowOverlay placement=\"bottom\">\n <div\n {...swipeProps}\n ref={stableRef}\n class={sheetMenuStyles.sheetMenuContainerWrapper}\n style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n onKeyDown={handleKeyDown}>\n {children}\n </div>\n </WindowOverlay>\n </Modal>\n ) : null}\n </>\n );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/SplitMenuButton-1c556d1d.js CHANGED Viewed

@@ -8,14 +8,14 @@ import { useState, useCallback, useRef, useImperativeHandle } from 'preact/hooks
 import 'preact';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import './LayerHost-ca080d9a.js';
+import './LayerHost-f7ef254c.js';
 import { forwardRef } from 'preact/compat';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { c as classNames } from './classNames-4e12b00d.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-ae6aba72.js';
+import './tooltipUtils-179de68d.js';
 import './IconStyle.styles.css';
 import './SelectMenuGroupContext-b56cf5d4.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';

package/es/{StyledCard-2dc6d348.js → StyledCard-75bcdad7.js} RENAMED Viewed

@@ -8,7 +8,7 @@ import { a as ariaInterpolations } from './aria-efa0582c.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { multiVariantStyles } from './PRIVATE_StyledCard/themes/StyledCardStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-014cca7c.js';
+import { u as useTestId } from './useTestId-8b32167f.js';
 import { _ as _curry2 } from './_curry2-34316bcf.js';
 /**
@@ -102,4 +102,4 @@ const StyledCard = forwardRef(({ ['aria-describedby']: ariaDescribedBy, children
 });
 export { StyledCard as S };
-//# sourceMappingURL=StyledCard-2dc6d348.js.map
+//# sourceMappingURL=StyledCard-75bcdad7.js.map

package/es/{StyledCard-2dc6d348.js.map → StyledCard-75bcdad7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledCard-~~2dc6d348~~.js","sources":["../../../../node_modules/ramda/es/pick.js","../../src/PRIVATE_StyledCard/StyledCard.tsx"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/*\n Returns a partial copy of an object containing only the keys specified. If\n * the key does not exist, the property is ignored.\n \n @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig [k] -> {k: v} -> {k: v}\n * @param {Array} names an array of String property names to copy onto a new object\n * @param {Object} obj The object to copy from\n * @return {Object} A new object with only properties from `names` on it.\n * @see R.omit, R.props\n * @example\n \n R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}\n * R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}\n /\n\nvar pick =\n/#__PURE__/\n_curry2(function pick(names, obj) {\n var result = {};\n var idx = 0;\n\n while (idx < names.length) {\n if (names[idx] in obj) {\n result[names[idx]] = obj[names[idx]];\n }\n\n idx += 1;\n }\n\n return result;\n});\n\nexport default pick;","/\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { pick } from 'ramda';\n\nimport { dimensionInterpolations, DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { paddingInterpolations, PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { colorInterpolations, ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '#utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles } from './themes/StyledCardStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Role } from '#utils/UNSAFE_roles';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, EventHandlers>;\n\ntype EventHandlers = (typeof eventHandlers)[number];\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\ntype Props = StyleProps &\n IntrinsicProps &\n TestIdProps & {\n children?: ComponentChildren;\n /\n Specifies if the card uses the pointer cursor.\n /\n cursor?: 'pointer' \| 'arrow';\n /\n Specifies the card element display type.\n /\n display?: 'inlineBlock' \| 'inlineFlex';\n /\n Specifies if the card is in an active state.\n /\n isActive?: boolean;\n /\n Specifies if the card is in a disabled state.\n /\n isDisabled?: boolean;\n /\n Specifies if the card is in a hover state.\n /\n isHover?: boolean;\n /\n Specifies if the card as selected within a collection.\n /\n isSelected?: boolean;\n /\n Specifies the parent component variant\n /\n parentComponentVariant?: (typeof parentComponentVariants)[number];\n /\n Specifies aria role for the card element.\n /\n role?: Role;\n /\n Specifies the chroming of the card element\n /\n styleVariant?: 'danger';\n } & (\n \| {\n /\n Specifies if the card has a focused input within.\n /\n isFocusWithin?: boolean;\n tabIndex?: never;\n }\n \| {\n /\n Specifies the tab index of the card element.\n /\n tabIndex?: number;\n isFocusWithin?: never;\n }\n ) &\n Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\nconst parentComponentVariants = [\n 'default',\n 'actionCard',\n 'selectionCard',\n 'richSelectionItemCard'\n] as const;\n\nconst eventHandlers = [\n 'onBlur',\n 'onClick',\n 'onContextMenu',\n 'onFocus',\n 'onKeyDown',\n 'onKeyUp',\n 'onMouseDown',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseUp',\n 'onPointerCancel',\n 'onPointerDown',\n 'onPointerOut',\n 'onPointerUp',\n 'onTouchCancel',\n 'onTouchEnd',\n 'onTouchStart'\n] as const;\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(colorInterpolations),\n ...Object.values(paddingInterpolations),\n ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n A StyledCard is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.\n */\nconst StyledCard = forwardRef(\n (\n {\n ['aria-describedby']: ariaDescribedBy,\n children,\n cursor,\n display = 'inlineBlock',\n isActive,\n isDisabled,\n isFocusWithin,\n isHover,\n isSelected,\n parentComponentVariant = 'default',\n role,\n styleVariant,\n tabIndex,\n testId,\n ...rest\n }: Props,\n ref: Ref<HTMLDivElement>\n ) => {\n const testIdProps = useTestId(testId);\n\n // we want to pick all the event handlers only to spread over the div element\n const eventHandlersProps = pick(eventHandlers, rest);\n\n const {\n class: mergedClasses,\n ariaLabel,\n ariaLabelledBy,\n ...mergedStyles\n } = mergedInterpolations(rest);\n\n const variantClasses = multiVariantStyles({\n active: isActive ? 'isActive' : undefined,\n cursor,\n display,\n disabled: isDisabled ? 'isDisabled' : undefined,\n focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,\n focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,\n hover: isHover ? 'isHover' : 'notHover',\n parentComponentVariant,\n selected: isSelected ? 'isSelected' : 'notSelected',\n styleVariant\n });\n\n const classes = classNames([variantClasses, mergedClasses]);\n\n return (\n <div\n {...eventHandlersProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n className={classes}\n tabIndex={tabIndex}\n ref={ref}\n role={role}\n style={mergedStyles}\n {...testIdProps}>\n {children}\n </div>\n );\n }\n);\n\nexport { StyledCard, parentComponentVariants };\n"],"names":["pick","_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"StyledCard-75bcdad7.js","sources":["../../../../node_modules/ramda/es/pick.js","../../src/PRIVATE_StyledCard/StyledCard.tsx"],"sourcesContent":["import _curry2 from \"./internal/_curry2.js\";\n/*\n Returns a partial copy of an object containing only the keys specified. If\n * the key does not exist, the property is ignored.\n \n @func\n * @memberOf R\n * @since v0.1.0\n * @category Object\n * @sig [k] -> {k: v} -> {k: v}\n * @param {Array} names an array of String property names to copy onto a new object\n * @param {Object} obj The object to copy from\n * @return {Object} A new object with only properties from `names` on it.\n * @see R.omit, R.props\n * @example\n \n R.pick(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1, d: 4}\n * R.pick(['a', 'e', 'f'], {a: 1, b: 2, c: 3, d: 4}); //=> {a: 1}\n /\n\nvar pick =\n/#__PURE__/\n_curry2(function pick(names, obj) {\n var result = {};\n var idx = 0;\n\n while (idx < names.length) {\n if (names[idx] in obj) {\n result[names[idx]] = obj[names[idx]];\n }\n\n idx += 1;\n }\n\n return result;\n});\n\nexport default pick;","/\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, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { pick } from 'ramda';\n\nimport { dimensionInterpolations, DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { paddingInterpolations, PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { colorInterpolations, ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '#utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '#utils/UNSAFE_mergeInterpolations';\nimport { multiVariantStyles } from './themes/StyledCardStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Role } from '#utils/UNSAFE_roles';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, EventHandlers>;\n\ntype EventHandlers = (typeof eventHandlers)[number];\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\ntype Props = StyleProps &\n IntrinsicProps &\n TestIdProps & {\n children?: ComponentChildren;\n /\n Specifies if the card uses the pointer cursor.\n /\n cursor?: 'pointer' \| 'arrow';\n /\n Specifies the card element display type.\n /\n display?: 'inlineBlock' \| 'inlineFlex';\n /\n Specifies if the card is in an active state.\n /\n isActive?: boolean;\n /\n Specifies if the card is in a disabled state.\n /\n isDisabled?: boolean;\n /\n Specifies if the card is in a hover state.\n /\n isHover?: boolean;\n /\n Specifies if the card as selected within a collection.\n /\n isSelected?: boolean;\n /\n Specifies the parent component variant\n /\n parentComponentVariant?: (typeof parentComponentVariants)[number];\n /\n Specifies aria role for the card element.\n /\n role?: Role;\n /\n Specifies the chroming of the card element\n /\n styleVariant?: 'danger';\n } & (\n \| {\n /\n Specifies if the card has a focused input within.\n /\n isFocusWithin?: boolean;\n tabIndex?: never;\n }\n \| {\n /\n Specifies the tab index of the card element.\n /\n tabIndex?: number;\n isFocusWithin?: never;\n }\n ) &\n Pick<AriaAttributesSignalExcluded, 'aria-describedby'>;\n\nconst parentComponentVariants = [\n 'default',\n 'actionCard',\n 'selectionCard',\n 'richSelectionItemCard'\n] as const;\n\nconst eventHandlers = [\n 'onBlur',\n 'onClick',\n 'onContextMenu',\n 'onFocus',\n 'onKeyDown',\n 'onKeyUp',\n 'onMouseDown',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onMouseUp',\n 'onPointerCancel',\n 'onPointerDown',\n 'onPointerOut',\n 'onPointerUp',\n 'onTouchCancel',\n 'onTouchEnd',\n 'onTouchStart'\n] as const;\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(colorInterpolations),\n ...Object.values(paddingInterpolations),\n ...Object.values(ariaInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n A StyledCard is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * This component is used by Card, SelectionCard, ActionCard, and RichSelectionItem.\n */\nconst StyledCard = forwardRef(\n (\n {\n ['aria-describedby']: ariaDescribedBy,\n children,\n cursor,\n display = 'inlineBlock',\n isActive,\n isDisabled,\n isFocusWithin,\n isHover,\n isSelected,\n parentComponentVariant = 'default',\n role,\n styleVariant,\n tabIndex,\n testId,\n ...rest\n }: Props,\n ref: Ref<HTMLDivElement>\n ) => {\n const testIdProps = useTestId(testId);\n\n // we want to pick all the event handlers only to spread over the div element\n const eventHandlersProps = pick(eventHandlers, rest);\n\n const {\n class: mergedClasses,\n ariaLabel,\n ariaLabelledBy,\n ...mergedStyles\n } = mergedInterpolations(rest);\n\n const variantClasses = multiVariantStyles({\n active: isActive ? 'isActive' : undefined,\n cursor,\n display,\n disabled: isDisabled ? 'isDisabled' : undefined,\n focusRing: tabIndex !== undefined && tabIndex >= 0 ? 'hasFocusRing' : undefined,\n focusWithin: isFocusWithin ? 'hasFocusWithin' : undefined,\n hover: isHover ? 'isHover' : 'notHover',\n parentComponentVariant,\n selected: isSelected ? 'isSelected' : 'notSelected',\n styleVariant\n });\n\n const classes = classNames([variantClasses, mergedClasses]);\n\n return (\n <div\n {...eventHandlersProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n className={classes}\n tabIndex={tabIndex}\n ref={ref}\n role={role}\n style={mergedStyles}\n {...testIdProps}>\n {children}\n </div>\n );\n }\n);\n\nexport { StyledCard, parentComponentVariants };\n"],"names":["pick","_jsx"],"mappings":"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"}