@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/amd/Grid-d415ba8d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './grid-767b4587', './boxalignment-6cee1ef3', './mergeInterpolations-9ede4cf7', 'css!./GridStyles.styles.css', './useTestId-9afc201a'], (function(e,s,t,r,i,n,a){"use strict";const l=[...Object.values(t.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],d=i.mergeInterpolations(l);e.Grid=({"aria-label":e,"aria-hidden":t,children:r,testId:i,role:n,...l})=>{const{class:o,...c}=d(l),b=a.useTestId(i),u={...c};return s.jsx("div",{class:`GridStyles_baseStyles__11rn47i0 ${o||""}`,style:u,role:n,"aria-label":e,"aria-hidden":t,...b,children:r})}}));
+//# sourceMappingURL=Grid-d415ba8d.js.map

package/amd/Grid-d415ba8d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-d415ba8d.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, JSX } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\ntype Props = GridProps &\n  BoxAlignmentProps &\n  TestIdProps & {\n    /**\n     * The aria role for the Grid\n     */\n    role?: UnpackSignals<JSX.HTMLAttributes>['role'];\n    /**\n     * aria-label for this Grid\n     */\n    'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n    /**\n     * aria-hidden for this Grid\n     */\n    'aria-hidden'?: UnpackSignals<JSX.AriaAttributes>['aria-hidden'];\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n  'aria-label': ariaLabel,\n  'aria-hidden': ariaHidden,\n  children,\n  testId,\n  role,\n  ...props\n}: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  const allStyles = { ...styles };\n  return (\n    <div\n      class={`${baseStyles} ${cls ? cls : ''}`}\n      style={allStyles}\n      role={role}\n      aria-label={ariaLabel}\n      aria-hidden={ariaHidden}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","ariaLabel","ariaHidden","children","testId","role","props","class","cls","styles","testIdProps","useTestId","allStyles","_jsx","style"],"mappings":"4MAuCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,yBACdF,OAAOC,OAAOE,+BAGbC,EAAsBC,EAAAA,oBAA2BN,UAKnC,EAClB,aAAcO,EACd,cAAeC,EACfC,WACAC,SACAC,UACGC,MAEH,MAAQC,MAAOC,KAAQC,GAAWV,EAAoBO,GAChDI,EAAcC,YAAUP,GACxBQ,EAAY,IAAKH,GACvB,OACEI,MAAA,MAAA,CACEN,MAAO,mCAAiBC,GAAY,KACpCM,MAAOF,EACPP,KAAMA,EACM,aAAAJ,EACC,cAAAC,KACTQ,EAAWP,SACdA,GAEH"}

package/amd/Gridlines-c6c1fbb5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './classNames-08d99695', './useColorScheme-3022ec9a'], (function(e,s,t,i,l,n){"use strict";function o(e,s,t,i){let l,n,o,r;return"bottom"===s?(l=t?e.x+e.width:e.x,n=t?e.x+e.width:e.x,o=e.y,r=e.y+e.height):(l=e.x,n=e.x+e.width,o=t?e.y:e.y+e.height,r=t?e.y:e.y+e.height),{x1:l,x2:n,y1:o,y2:r,stroke:i?.lineColor,strokeWidth:i?.lineWidth}}function r(e,s,t,i){let l,n,o,r;return"bottom"===s?(l=t?e.x:e.x+e.width,n=t?e.x:e.x+e.width,o=e.y,r=e.y+e.height):(l=e.x,n=e.x+e.width,o=t?e.y+e.height:e.y,r=t?e.y+e.height:e.y),{x1:l,x2:n,y1:o,y2:r,stroke:i?.lineColor,strokeWidth:i?.lineWidth}}function d(e,s,t,i,l){let n,o,r,d;return e?l?(n=s,o=s,r=t,d=i):(n=t,o=i,r=s,d=s):l?(n=t,o=i,r=s,d=s):(n=s,o=s,r=t,d=i),{x1:n,x2:o,y1:r,y2:d}}const y={isRendered:!0},a={isRendered:!1},c={isRendered:!1},h={isRendered:!1},x={isRendered:!1},k={isRendered:!1};e.Gridlines=function({plotArea:e,yMinorTicks:i,xMinorTicks:L,xScale:$,yScale:S,y2Scale:m,isLog:g,yTicks:f,y2Ticks:M,xTicks:T,yAxisPosition:j,isDataXAxis:W,xAxis:R,yAxis:u,y2Axis:A,availSpace:v,xAxisPosition:p,isRtl:C,hasAxisLine:N,y2MinorTicks:P,isSplitDualY:b}){const w="top"===j||"bottom"===j,E=!!A?.isRendered,[D,V]=$.range(),[F,I]=E?m.range():S.range(),O={stroke:W?e?.xMajorTick?.baselineColor:e?.xMajorTick?.lineColor,strokeWidth:W?e?.xMajorTick?.baselineWidth:e?.xMajorTick?.lineWidth},_={stroke:e?.yMajorTick?.baselineColor,strokeWidth:e?.yMajorTick?.baselineWidth},G={stroke:e?.y2MajorTick?.baselineColor,strokeWidth:e?.y2MajorTick?.baselineWidth};let X="",Y="",q="",z="",B="",H="";const J={...y,...e?.yMajorTick},K={...c,...e?.yMinorTick},Q={...h,...e?.y2MinorTick},U={...k,...e?.xMinorTick},Z={...x,...e?.xMajorTick},ee={...a,isRendered:b,...e?.y2MajorTick},se=!0===K?.isRendered||g,te=!0===Q?.isRendered||g,ie=!0===Z?.isRendered||!1===e?.xMajorTick?.isRendered&&W,le=function(e,s,t){return{x1:"right"===s?e.x+e.width:e.x,x2:"left"===s?e.x:e.x+e.width,y1:"bottom"===s?e.y+e.height:e.y,y2:"top"===s?e.y:e.y+e.height,stroke:t?.lineColor,strokeWidth:t?.lineWidth}}(v,p),ne={stroke:e?.xAxisLine?.lineColor,strokeWidth:e?.xAxisLine?.lineWidth},oe={stroke:e?.yAxisLine?.lineColor,strokeWidth:e?.yAxisLine?.lineWidth},re={stroke:e?.y2AxisLine?.lineColor,strokeWidth:e?.y2AxisLine?.lineWidth},de="log"===u?.scale?f[0]:0,ye=d(w,S.transform(de),D,V,!0),ae="log"===A?.scale?M[0]:0,ce=d(w,m.transform(ae),D,V,!0),he="log"===R?.scale?T[0]:0,xe=d(w,$.transform(he),F,I,!1);if(J?.isRendered)for(let e=0;e<f.length;e++){if(0===f[e])continue;let s=S.transform(f[e]);e===f.length-1&&(s+=w?-1:1),X+=w?`M${s},${D}L${s},${V}`:`M${D},${s}L${V},${s}`}if(ee?.isRendered)for(let e=0;e<M.length;e++){if(0===f[e])continue;let s=m.transform(M[e]);e===M.length-1&&(s+=w?-1:1),Y+=w?`M${s},${D}L${s},${V}`:`M${D},${s}L${V},${s}`}if(ie&&T)for(let e=0;e<T.length;e++){const s=$.transform(T[e]);q+=w?`M${F},${s}L${I},${s}`:`M${s},${F}L${s},${I}`}if(se||te)for(let e=0;e<i.length;e++){const s=S.transform(i[e]);z+=w?`M${s},${D}L${s},${V}`:`M${D},${s}L${V},${s}`}if(te)for(let e=0;e<P.length;e++){const s=m.transform(P[e]);H+=w?`M${s},${D}L${s},${V}`:`M${D},${s}L${V},${s}`}if(U.isRendered&&L)for(let e=0;e<L.length;e++){const s=$.transform(L[e]);B+=w?`M${F},${s}L${I},${s}`:`M${s},${F}L${s},${I}`}const ke=n.useColorScheme();let Le;if(b){const e=w?f[f.length-1]:f[0],s=w?M[0]:M[M.length-1];Le=d(w,(S.transform(e)+m.transform(s))/2+.5*(w?-1:1),D,V,!0)}return s.jsxs(s.Fragment,{children:[J?.isRendered&&s.jsx("path",{d:X,className:l.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===J?.lineStyle?t.styles.dashedLine:void 0,"dotted"===J?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:E?ee.lineColor:J.lineColor,strokeWidth:E?ee.lineWidth:J.lineWidth}}),ee?.isRendered&&s.jsx("path",{d:Y,className:l.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===ee?.lineStyle?t.styles.dashedLine:void 0,"dotted"===ee?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:ee.lineColor,strokeWidth:ee.lineWidth}}),ie&&s.jsx("path",{d:q,className:l.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===Z?.lineStyle?t.styles.dashedLine:void 0,"dotted"===Z?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:Z.lineColor,strokeWidth:Z.lineWidth}}),se&&s.jsx("path",{d:z,className:l.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===ke?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===K?.lineStyle?t.styles.dashedLine:void 0,"dotted"===K?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:E?Q.lineColor:K?.lineColor,strokeWidth:E?Q.lineWidth:K?.lineWidth}}),te&&s.jsx("path",{d:H,className:l.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===ke?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===Q?.lineStyle?t.styles.dashedLine:void 0,"dotted"===Q?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:Q?.lineColor,strokeWidth:Q?.lineWidth}}),U.isRendered&&s.jsx("path",{d:B,className:l.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===ke?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===U?.lineStyle?t.styles.dashedLine:void 0,"dotted"===U?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:U?.lineColor,strokeWidth:U?.lineWidth}}),(W&&!1!==e?.y2AxisLine?.isRendered||e?.y2AxisLine?.isRendered)&&s.jsx("line",{...r(v,p,C),class:t.styles.axisLineStyle,style:re}),(W&&!1!==e?.yAxisLine?.isRendered||e?.yAxisLine?.isRendered)&&s.jsx("line",{...o(v,p,C),class:t.styles.axisLineStyle,style:oe}),N&&!1!==e?.xAxisLine?.isRendered&&s.jsx("line",{...le,class:t.styles.axisLineStyle,style:ne}),ee?.isRendered&&s.jsx("line",{...ce,class:t.styles.axisLineStyle,style:G}),J?.isRendered&&s.jsx("line",{...ye,class:t.styles.axisLineStyle,style:_}),Z?.isRendered&&s.jsx("line",{...xe,class:t.styles.axisLineStyle,style:O}),b&&Le?s.jsx("line",{...Le,class:t.styles.axisLineStyle,style:_}):null]})},e.PlotArea=function({color:e,availSpace:n,cursor:o,dragOverStyle:r}){const d=[];switch(r){case"accept":d.push(i.styles.dndDragOverSvgStyle);break;case"reject":d.push(i.styles.dndRejectedStyle),d.push(t.styles.plotAreaStyle);break;case"none":d.push(t.styles.plotAreaStyle)}return s.jsx(s.Fragment,{children:s.jsx("rect",{...n,className:l.classNames(d),style:{fill:"accept"===r?void 0:e,cursor:o}})})}}));
+//# sourceMappingURL=Gridlines-c6c1fbb5.js.map

package/amd/Gridlines-c6c1fbb5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gridlines-c6c1fbb5.js","sources":["../../src/PRIVATE_PlotArea/utils.ts","../../src/PRIVATE_PlotArea/Gridlines.tsx","../../src/PRIVATE_PlotArea/PlotArea.tsx"],"sourcesContent":["import { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\n\nexport function getXAxisLineProps(\n  availSpace: Dimension,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom',\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  return {\n    x1: axisPosition === 'right' ? availSpace.x + availSpace.width : availSpace.x,\n    x2: axisPosition === 'left' ? availSpace.x : availSpace.x + availSpace.width,\n    y1: axisPosition === 'bottom' ? availSpace.y + availSpace.height : availSpace.y,\n    y2: axisPosition === 'top' ? availSpace.y : availSpace.y + availSpace.height,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getYAxisLineProps(\n  availSpace: Dimension,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom',\n  isRtl?: boolean,\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = isRtl ? availSpace.x + availSpace.width : availSpace.x;\n    x2 = isRtl ? availSpace.x + availSpace.width : availSpace.x;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  } else {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = isRtl ? availSpace.y : availSpace.y + availSpace.height;\n    y2 = isRtl ? availSpace.y : availSpace.y + availSpace.height;\n  }\n  return {\n    x1,\n    x2,\n    y1,\n    y2,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getY2AxisLineProps(\n  availSpace: Dimension,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom',\n  isRtl?: boolean,\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = isRtl ? availSpace.x : availSpace.x + availSpace.width;\n    x2 = isRtl ? availSpace.x : availSpace.x + availSpace.width;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  } else {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = isRtl ? availSpace.y + availSpace.height : availSpace.y;\n    y2 = isRtl ? availSpace.y + availSpace.height : availSpace.y;\n  }\n  return {\n    x1,\n    x2,\n    y1,\n    y2,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getBaseLineProps(\n  availSpace: Dimension,\n  coord: number,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom'\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = coord;\n    y2 = coord;\n  } else {\n    x1 = coord;\n    x2 = coord;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  }\n\n  return { x1, x2, y1, y2 };\n}\n\nexport function getBaseLineCoords(\n  isHoriz: boolean,\n  coord: number,\n  range1: number,\n  range2: number,\n  isYAxis: boolean\n) {\n  let x1, x2, y1, y2: number;\n  if (isHoriz) {\n    if (isYAxis) {\n      x1 = coord;\n      x2 = coord;\n      y1 = range1;\n      y2 = range2;\n    } else {\n      x1 = range1;\n      x2 = range2;\n      y1 = coord;\n      y2 = coord;\n    }\n  } else {\n    if (isYAxis) {\n      x1 = range1;\n      x2 = range2;\n      y1 = coord;\n      y2 = coord;\n    } else {\n      x1 = coord;\n      x2 = coord;\n      y1 = range1;\n      y2 = range2;\n    }\n  }\n\n  return { x1, x2, y1, y2 };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { styles } from './themes/PlotAreaStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ChartPlotArea, DataAxisProps, Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport {\n  getBaseLineCoords,\n  getXAxisLineProps,\n  getY2AxisLineProps,\n  getYAxisLineProps\n} from './utils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  availSpace: Dimension;\n  xAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  isRtl?: boolean;\n  hasAxisLine: boolean;\n  xScale: Scale;\n  yScale: Scale;\n  y2Scale: Scale;\n  isLog: boolean;\n  yTicks: number[];\n  y2Ticks: number[];\n  xTicks: number[];\n  yMinorTicks: number[];\n  y2MinorTicks: number[];\n  xMinorTicks?: number[];\n  plotArea?: ChartPlotArea;\n  yAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  isDataXAxis?: boolean;\n  xAxis?: DataAxisProps;\n  yAxis?: DataAxisProps;\n  y2Axis?: DataAxisProps;\n  isSplitDualY: boolean;\n};\n\nconst TICK_DEFAULT = {\n  yMajorTick: {\n    isRendered: true\n  },\n  y2MajorTick: {\n    isRendered: false\n  },\n  yMinorTick: {\n    isRendered: false\n  },\n  y2MinorTick: {\n    isRendered: false\n  },\n  xMajorTick: {\n    isRendered: false\n  },\n  xMinorTick: {\n    isRendered: false\n  }\n};\n\nexport function Gridlines({\n  plotArea,\n  yMinorTicks,\n  xMinorTicks,\n  xScale,\n  yScale,\n  y2Scale,\n  isLog,\n  yTicks,\n  y2Ticks,\n  xTicks,\n  yAxisPosition,\n  isDataXAxis,\n  xAxis,\n  yAxis,\n  y2Axis,\n  availSpace,\n  xAxisPosition,\n  isRtl,\n  hasAxisLine,\n  y2MinorTicks,\n  isSplitDualY\n}: Props) {\n  const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';\n  const hasY2 = !!y2Axis?.isRendered;\n  const [x1, x2] = xScale.range();\n  const [y1, y2] = hasY2 ? y2Scale.range() : yScale.range();\n\n  const xAxisBaselineStyle = {\n    stroke: isDataXAxis ? plotArea?.xMajorTick?.baselineColor : plotArea?.xMajorTick?.lineColor,\n    strokeWidth: isDataXAxis ? plotArea?.xMajorTick?.baselineWidth : plotArea?.xMajorTick?.lineWidth\n  };\n  const yAxisBaselineStyle = {\n    stroke: plotArea?.yMajorTick?.baselineColor,\n    strokeWidth: plotArea?.yMajorTick?.baselineWidth\n  };\n  const y2AxisBaselineStyle = {\n    stroke: plotArea?.y2MajorTick?.baselineColor,\n    strokeWidth: plotArea?.y2MajorTick?.baselineWidth\n  };\n  let yLinesPath = '';\n  let y2LinesPath = '';\n  let xLinesPath = '';\n  let yMinorPath = '';\n  let xMinorPath = '';\n  let y2MinorPath = '';\n\n  const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ...plotArea?.yMajorTick };\n  const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ...plotArea?.yMinorTick };\n  const y2MinorTick = { ...TICK_DEFAULT.y2MinorTick, ...plotArea?.y2MinorTick };\n  const xMinorTick = { ...TICK_DEFAULT.xMinorTick, ...plotArea?.xMinorTick };\n  const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ...plotArea?.xMajorTick };\n  const y2MajorTick = {\n    ...TICK_DEFAULT.y2MajorTick,\n    isRendered: isSplitDualY,\n    ...plotArea?.y2MajorTick\n  };\n  const isYMinorRendered = yMinorTick?.isRendered === true || isLog;\n  const isY2MinorRendered = y2MinorTick?.isRendered === true || isLog;\n  const isXMajorRendered =\n    xMajorTick?.isRendered === true || (plotArea?.xMajorTick?.isRendered === false && isDataXAxis);\n\n  const xAxisLineProps = getXAxisLineProps(availSpace, xAxisPosition);\n\n  const xAxisLineStyle = {\n    stroke: plotArea?.xAxisLine?.lineColor,\n    strokeWidth: plotArea?.xAxisLine?.lineWidth\n  };\n  const yAxisLineStyle = {\n    stroke: plotArea?.yAxisLine?.lineColor,\n    strokeWidth: plotArea?.yAxisLine?.lineWidth\n  };\n  const y2AxisLineStyle = {\n    stroke: plotArea?.y2AxisLine?.lineColor,\n    strokeWidth: plotArea?.y2AxisLine?.lineWidth\n  };\n\n  const yBaseLine = yAxis?.scale === 'log' ? yTicks[0] : 0;\n  const yBaseLineCoords = getBaseLineCoords(isHoriz, yScale.transform(yBaseLine), x1, x2, true);\n\n  const y2BaseLine = y2Axis?.scale === 'log' ? y2Ticks[0] : 0;\n  const y2BaseLineCoords = getBaseLineCoords(isHoriz, y2Scale.transform(y2BaseLine), x1, x2, true);\n\n  const xBaseLine = xAxis?.scale === 'log' ? xTicks[0] : 0;\n  const xBaseLineCoords = getBaseLineCoords(isHoriz, xScale.transform(xBaseLine), y1, y2, false);\n\n  if (yMajorTick?.isRendered) {\n    for (let i = 0; i < yTicks.length; i++) {\n      if (yTicks[i] === 0) {\n        // zero is skipped for majorTick. baseline is rendered at 0\n        continue;\n      }\n      let y = yScale.transform(yTicks[i]);\n      // last grid line get's clipped due to plot area clippath. Slightly adjust\n      // coord so that it's not clipped.\n      if (i === yTicks.length - 1) {\n        y += isHoriz ? -1 : 1;\n      }\n      yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (y2MajorTick?.isRendered) {\n    for (let i = 0; i < y2Ticks.length; i++) {\n      if (yTicks[i] === 0) {\n        // zero is skipped for majorTick. baseline is rendered at 0\n        continue;\n      }\n      let y = y2Scale.transform(y2Ticks[i]);\n      // last grid line get's clipped due to plot area clippath. Slightly adjust\n      // coord so that it's not clipped.\n      if (i === y2Ticks.length - 1) {\n        y += isHoriz ? -1 : 1;\n      }\n      y2LinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (isXMajorRendered) {\n    if (xTicks) {\n      for (let i = 0; i < xTicks.length; i++) {\n        const x = xScale.transform(xTicks[i]);\n        xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n      }\n    }\n  }\n\n  if (isYMinorRendered || isY2MinorRendered) {\n    for (let i = 0; i < yMinorTicks.length; i++) {\n      const y = yScale.transform(yMinorTicks[i]);\n      yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (isY2MinorRendered) {\n    for (let i = 0; i < y2MinorTicks.length; i++) {\n      const y = y2Scale.transform(y2MinorTicks[i]);\n      y2MinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (xMinorTick.isRendered && xMinorTicks) {\n    for (let i = 0; i < xMinorTicks.length; i++) {\n      const x = xScale.transform(xMinorTicks[i]);\n      xMinorPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n    }\n  }\n\n  const colorScheme = useColorScheme();\n\n  let splitCoords:\n    | {\n        x1: number;\n        x2: number;\n        y1: number;\n        y2: number;\n      }\n    | undefined = undefined;\n  if (isSplitDualY) {\n    const ySplitCoord = !isHoriz ? yTicks[0] : yTicks[yTicks.length - 1];\n    const y2SplitCoord = !isHoriz ? y2Ticks[y2Ticks.length - 1] : y2Ticks[0];\n    const splitCoord = (yScale.transform(ySplitCoord) + y2Scale.transform(y2SplitCoord)) / 2;\n    splitCoords = getBaseLineCoords(isHoriz, splitCoord + (isHoriz ? -1 : 1) * 0.5, x1, x2, true);\n  }\n\n  /*\n  Render order: \n  1. Gridlines: y and y2 are same because of aligned ticks.\n      a. majorTick: y -> x\n      b. minorTick y -> x\n  2. Axislines → Baselines, with each in the order: y2 → y → x\n*/\n  return (\n    <>\n      {yMajorTick?.isRendered && (\n        <path\n          d={yLinesPath}\n          className={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: hasY2 ? y2MajorTick.lineColor : yMajorTick.lineColor,\n            strokeWidth: hasY2 ? y2MajorTick.lineWidth : yMajorTick.lineWidth\n          }}\n        />\n      )}\n      {y2MajorTick?.isRendered && (\n        <path\n          d={y2LinesPath}\n          className={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            y2MajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            y2MajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: y2MajorTick.lineColor,\n            strokeWidth: y2MajorTick.lineWidth\n          }}\n        />\n      )}\n      {isXMajorRendered && (\n        <path\n          d={xLinesPath}\n          className={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMajorTick.lineColor,\n            strokeWidth: xMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isYMinorRendered && (\n        <path\n          d={yMinorPath}\n          className={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: hasY2 ? y2MinorTick.lineColor : yMinorTick?.lineColor,\n            strokeWidth: hasY2 ? y2MinorTick.lineWidth : yMinorTick?.lineWidth\n          }}\n        />\n      )}\n      {isY2MinorRendered && (\n        <path\n          d={y2MinorPath}\n          className={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            y2MinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            y2MinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: y2MinorTick?.lineColor,\n            strokeWidth: y2MinorTick?.lineWidth\n          }}\n        />\n      )}\n      {xMinorTick.isRendered && (\n        <path\n          d={xMinorPath}\n          className={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            xMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMinorTick?.lineColor,\n            strokeWidth: xMinorTick?.lineWidth\n          }}\n        />\n      )}\n      {((isDataXAxis && plotArea?.y2AxisLine?.isRendered !== false) ||\n        plotArea?.y2AxisLine?.isRendered) && (\n        <line\n          {...getY2AxisLineProps(availSpace, xAxisPosition, isRtl)}\n          class={styles.axisLineStyle}\n          style={y2AxisLineStyle}\n        />\n      )}\n      {((isDataXAxis && plotArea?.yAxisLine?.isRendered !== false) ||\n        plotArea?.yAxisLine?.isRendered) && (\n        <line\n          {...getYAxisLineProps(availSpace, xAxisPosition, isRtl)}\n          class={styles.axisLineStyle}\n          style={yAxisLineStyle}\n        />\n      )}\n      {hasAxisLine && plotArea?.xAxisLine?.isRendered !== false && (\n        <line {...xAxisLineProps} class={styles.axisLineStyle} style={xAxisLineStyle} />\n      )}\n      {y2MajorTick?.isRendered && (\n        <line {...y2BaseLineCoords} class={styles.axisLineStyle} style={y2AxisBaselineStyle} />\n      )}\n      {yMajorTick?.isRendered && (\n        <line {...yBaseLineCoords} class={styles.axisLineStyle} style={yAxisBaselineStyle} />\n      )}\n      {xMajorTick?.isRendered && (\n        <line {...xBaseLineCoords} class={styles.axisLineStyle} style={xAxisBaselineStyle} />\n      )}\n      {isSplitDualY && splitCoords ? (\n        <line {...splitCoords} class={styles.axisLineStyle} style={yAxisBaselineStyle} />\n      ) : null}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { styles } from './themes/PlotAreaStyles.css';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { styles as VisStyles } from '#hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype Props = {\n  color?: ColorProps['color'];\n  availSpace: Dimension;\n  cursor?: string;\n  dragOverStyle: 'accept' | 'reject' | 'none';\n};\n\nexport function PlotArea({ color, availSpace, cursor, dragOverStyle }: Props) {\n  const dragClass = [];\n  switch (dragOverStyle) {\n    case 'accept':\n      dragClass.push(VisStyles.dndDragOverSvgStyle);\n      break;\n    case 'reject':\n      dragClass.push(VisStyles.dndRejectedStyle);\n      dragClass.push(styles.plotAreaStyle);\n      break;\n    case 'none':\n      dragClass.push(styles.plotAreaStyle);\n      break;\n  }\n  return (\n    <>\n      <rect\n        {...availSpace}\n        className={classNames(dragClass)}\n        style={{ fill: dragOverStyle === 'accept' ? undefined : color, cursor }}></rect>\n    </>\n  );\n}\n"],"names":["getYAxisLineProps","availSpace","axisPosition","isRtl","axisLine","x1","x2","y1","y2","x","width","y","height","stroke","lineColor","strokeWidth","lineWidth","getY2AxisLineProps","getBaseLineCoords","isHoriz","coord","range1","range2","isYAxis","TICK_DEFAULT","isRendered","plotArea","yMinorTicks","xMinorTicks","xScale","yScale","y2Scale","isLog","yTicks","y2Ticks","xTicks","yAxisPosition","isDataXAxis","xAxis","yAxis","y2Axis","xAxisPosition","hasAxisLine","y2MinorTicks","isSplitDualY","hasY2","range","xAxisBaselineStyle","xMajorTick","baselineColor","baselineWidth","yAxisBaselineStyle","yMajorTick","y2AxisBaselineStyle","y2MajorTick","yLinesPath","y2LinesPath","xLinesPath","yMinorPath","xMinorPath","y2MinorPath","yMinorTick","y2MinorTick","xMinorTick","isYMinorRendered","isY2MinorRendered","isXMajorRendered","xAxisLineProps","getXAxisLineProps","xAxisLineStyle","xAxisLine","yAxisLineStyle","yAxisLine","y2AxisLineStyle","y2AxisLine","yBaseLine","scale","yBaseLineCoords","transform","y2BaseLine","y2BaseLineCoords","xBaseLine","xBaseLineCoords","i","length","colorScheme","useColorScheme","splitCoords","ySplitCoord","y2SplitCoord","_jsxs","jsxs","_Fragment","Fragment","children","_jsx","jsx","d","className","classNames","styles","noPointerEvents","majorTickLineStyles","lineStyle","dashedLine","undefined","dottedLine","style","minorTickLineStyles","lightMinorTickLineStroke","darkMinorTickLineStroke","class","axisLineStyle","color","cursor","dragOverStyle","dragClass","push","VisStyles","dndDragOverSvgStyle","dndRejectedStyle","plotAreaStyle","fill"],"mappings":"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"}

package/amd/GroupLoadingIndicator-87f32efc.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './keys-4755c121', './useId-c9578d26', './useViewportIntersect-ec96c12e', './TabbableModeContext-a9c97640', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './Flex-4bc3a394', './Skeleton-a7e166a0', './List-5b5b3bd7'], (function(e,i,t,s,o,n,a,r,d,l,c,u,p,b,v,x,y){"use strict";e.GROUP_SELECTOR="[data-oj-listview-group]",e.GroupLoadingIndicator=()=>i.jsx(y.SkeletonContainer,{minimumCount:3,children:e=>{const t={paddingLeft:10*e+"px"};return i.jsxs(v.Flex,{height:"12x",align:"center",children:[i.jsx("span",{style:t}),i.jsx(x.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:v,itemKey:x,itemIndex:y,itemDepth:m,isFocused:h,isFocusRingVisible:g,isActive:S,isGridlineVisible:j,isExpandable:I,expandedKeys:f,viewportConfig:E}){const[T,C]=t.useState(!1),{classes:H,styles:L}=d.useComponentTheme(b.GroupedListRedwoodTheme),{interactionProps:R,applyHoverStyle:k,applyPseudoHoverStyle:w,applyActiveStyle:V}=l.useInteractionStyle(),G=[p.listGroupHeaderMultiVariantStyles({expandable:I?"isExpandable":"notExpandable",needsEventsHover:k?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:w?"isPseudoHover":"notPseudoHover",active:V||S?"isActive":"notActive",focusRingVisible:g&&h?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:y>0?"visible":"hidden",gridlineBottom:j?"visible":"hidden"})];T&&(G.push(H),G.push(L.stuckHeader));const F=s.classNames(G),N=c.mergeInterpolations([...Object.values(u.flexitemInterpolations)]),{class:P,...A}=N({alignSelf:"center",flex:"1 0 auto"});return a.useViewportIntersect({scroller:()=>I?null:null==E?document.body:E.scroller()},0,1,"[data-oj-key="+x+"]",(()=>{C(!1)}),(e=>{e.boundingClientRect.y!==e.intersectionRect.y&&C(!0)})),i.jsx("div",{id:n.useId(),role:"row","aria-rowindex":y+1,"aria-level":isNaN(m)?void 0:m+1,"data-oj-key":x,"data-oj-listview-group":"",class:F,..."number"==typeof x&&{"data-oj-key-type":"number"},...R,children:i.jsx("div",{id:n.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":o.containsKey(f,x),style:A,children:i.jsx(r.TabbableModeContext.Provider,{value:{isTabbable:!1},children:v})})})},e.STICKY_SELECTOR="[data-oj-listview-sticky]"}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './keys-4755c121', './useId-c9578d26', './useViewportIntersect-ec96c12e', './TabbableModeContext-a9c97640', './useComponentTheme-5aa41a8f', './useInteractionStyle-15a2bdd0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './Flex-07d2aa5b', './Skeleton-a7e166a0', './List-5b5b3bd7'], (function(e,i,t,s,o,n,a,d,r,l,c,u,p,b,v,x,y){"use strict";e.GROUP_SELECTOR="[data-oj-listview-group]",e.GroupLoadingIndicator=()=>i.jsx(y.SkeletonContainer,{minimumCount:3,children:e=>{const t={paddingLeft:10*e+"px"};return i.jsxs(v.Flex,{height:"12x",align:"center",children:[i.jsx("span",{style:t}),i.jsx(x.Skeleton,{height:"4x"})]})}}),e.ListGroupHeader=function({ariaDescribedBy:e,children:v,itemKey:x,itemIndex:y,itemDepth:m,isFocused:h,isFocusRingVisible:g,isActive:S,isGridlineVisible:j,isExpandable:I,expandedKeys:f,viewportConfig:E}){const[T,C]=t.useState(!1),{classes:H,styles:L}=r.useComponentTheme(b.GroupedListRedwoodTheme),{interactionProps:R,applyHoverStyle:k,applyPseudoHoverStyle:w,applyActiveStyle:V}=l.useInteractionStyle(),G=[p.listGroupHeaderMultiVariantStyles({expandable:I?"isExpandable":"notExpandable",needsEventsHover:k?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:w?"isPseudoHover":"notPseudoHover",active:V||S?"isActive":"notActive",focusRingVisible:g&&h?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:y>0?"visible":"hidden",gridlineBottom:j?"visible":"hidden"})];T&&(G.push(H),G.push(L.stuckHeader));const F=s.classNames(G),N=c.mergeInterpolations([...Object.values(u.flexitemInterpolations)]),{class:P,...A}=N({alignSelf:"center",flex:"1 0 auto"});return a.useViewportIntersect({scroller:()=>I?null:null==E?document.body:E.scroller()},0,1,"[data-oj-key="+x+"]",(()=>{C(!1)}),(e=>{e.boundingClientRect.y!==e.intersectionRect.y&&C(!0)})),i.jsx("div",{id:n.useId(),role:"row","aria-rowindex":y+1,"aria-level":isNaN(m)?void 0:m+1,"data-oj-key":x,"data-oj-listview-group":"",class:F,..."number"==typeof x&&{"data-oj-key-type":"number"},...R,children:i.jsx("div",{id:n.useId(),role:"gridcell","aria-describedby":e,"aria-colindex":1,"aria-expanded":o.containsKey(f,x),style:A,children:i.jsx(d.TabbableModeContext.Provider,{value:{isTabbable:!1},children:v})})})},e.STICKY_SELECTOR="[data-oj-listview-sticky]"}));
 //# sourceMappingURL=GroupLoadingIndicator-87f32efc.js.map

package/amd/HighlightText-ecd2e5ce.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'css!./HighlightTextStyles.styles.css', './useTestId-9afc201a'], (function(e,t,s,n){"use strict";const i="__@@__",c=`${i}$&${i}`;e.HighlightText=function({children:e="",matchText:s="",testId:l}){const h=n.useTestId(l);if(s.length>0&&e.length>0){const n=s.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),l=e.replace(new RegExp(n,"gi"),c).split(i).map(((e,s)=>s%2==0?e:t.jsx("span",{class:"HighlightTextStyles_highlightStyles__6s5c4p0",children:e})));return t.jsx("span",{...h,children:l})}return t.jsx("span",{...h,children:e})}}));
+//# sourceMappingURL=HighlightText-ecd2e5ce.js.map

package/amd/HighlightText-ecd2e5ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-ecd2e5ce.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n  const testIdProps = useTestId(testId);\n  if (matchText.length > 0 && children.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n\n    return <span {...testIdProps}>{nodes}</span>;\n  }\n  return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","testId","testIdProps","useTestId","length","escapedMatchText","replace","nodes","RegExp","split","map","current","index","_jsx","jsx","class"],"mappings":"kIAsBA,MAAMA,EAAkB,SAClBC,EAAoB,GAAGD,MAAoBA,oBAKjC,UAAcE,SAAEA,EAAW,GAAEC,UAAEA,EAAY,GAAEC,OAAEA,IAC7D,MAAMC,EAAcC,YAAUF,GAC9B,GAAID,EAAUI,OAAS,GAAKL,EAASK,OAAS,EAAG,CAC/C,MAAMC,EAAgCL,EAe7BM,QAAQ,wBAAyB,QAZpCC,EAFkBR,EAASO,QAAQ,IAAIE,OAAOH,EAAkB,MAAOP,GAC9CW,MAAMZ,GAChBa,KAAI,CAACC,EAASC,IACjCA,EAAQ,GAAK,EAAID,EAAUE,EAAMC,IAAA,OAAA,CAAAC,qDAAsBhB,SAAGY,MAG5D,OAAOE,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAQ,GAChC,CACD,OAAOM,EAAAA,IAAU,OAAA,IAAAX,EAAcH,SAAAA,GACjC"}

package/amd/Icon-865b3c78.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './size-0127b66b', './useTooltip-e14d62f1', 'preact/hooks', './logger-0f873e29', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', './UNSAFE_Icon/themes/IconStyle.css', './clientHints-6d361eaa'], (function(e,s,t,o,l,i,c,n,r,a,h,d,p,b,m){"use strict";const x=({accessibleLabel:e,...t})=>e?s.jsx(y,{accessibleLabel:e,...t}):s.jsx(u,{...t}),u=e=>s.jsx("svg",{...e}),y=({accessibleLabel:e,children:o,...i})=>{const{tooltipContent:c,tooltipProps:{onFocus:n,onBlur:r,...a}}=l.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(t.Fragment,{children:[s.jsx("svg",{role:"img",...i,...a,"aria-label":e,children:o}),c]})};e.Icon=({size:e="1em",color:t="currentColor",accessibleLabel:l="",viewBox:i="none",children:c})=>{if("safari"===m.getClientHints().browser){const n="1em"===e?e:`${o.sizeToCSS(e)}`;return s.jsx(x,{viewBox:i,accessibleLabel:l,class:b.styles[t],style:{width:n,height:n},children:c})}return s.jsx(x,{height:"1em",width:"1em",viewBox:i,accessibleLabel:l,class:b.styles[t],style:{fontSize:"1em"===e?e:`${o.sizeToCSS(e)}`},children:c})}}));
+define(['exports', 'preact/jsx-runtime', 'preact', './size-0127b66b', './useTooltip-75a63697', 'preact/hooks', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './UNSAFE_Icon/themes/IconStyle.css', './clientHints-6d361eaa'], (function(e,s,t,o,l,i,c,n,r,a,h,b,p,d,m){"use strict";const x=({accessibleLabel:e,...t})=>e?s.jsx(y,{accessibleLabel:e,...t}):s.jsx(u,{...t}),u=e=>s.jsx("svg",{...e}),y=({accessibleLabel:e,children:o,...i})=>{const{tooltipContent:c,tooltipProps:{onFocus:n,onBlur:r,...a}}=l.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(t.Fragment,{children:[s.jsx("svg",{role:"img",...i,...a,"aria-label":e,children:o}),c]})};e.Icon=({size:e="1em",color:t="currentColor",accessibleLabel:l="",viewBox:i="none",children:c})=>{if("safari"===m.getClientHints().browser){const n="1em"===e?e:`${o.sizeToCSS(e)}`;return s.jsx(x,{viewBox:i,accessibleLabel:l,class:d.styles[t],style:{width:n,height:n},children:c})}return s.jsx(x,{height:"1em",width:"1em",viewBox:i,accessibleLabel:l,class:d.styles[t],style:{fontSize:"1em"===e?e:`${o.sizeToCSS(e)}`},children:c})}}));
 //# sourceMappingURL=Icon-865b3c78.js.map

package/amd/IconButton-232d63fc.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-d69319ea', './ButtonLabelLayout-9cc087dc', 'preact/compat', './useTooltip-75a63697', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './buttonUtils-cbbb0130'], (function(t,o,e,s,a,i,n,l,r,p,c,u,d,b,m,y){"use strict";const h=i.forwardRef((({variant:t="outlined",isDisabled:i=!1,isRepeat:l=!1,size:p="md",type:c="button",autofocus:u,onAction:d,width:b,tooltip:m,testId:h,...f},B)=>{const{globalEventProps:T,ariaProps:{"aria-label":g,...x}}=y.processGlobals(f),{tooltipContent:w,tooltipProps:I}=n.useTooltip({text:m||g,isDisabled:i}),L={type:"button",buttonType:c};return o.jsxs(e.Fragment,{children:[o.jsx(s.BaseButton,{...r.mergeProps(I,T,x),ref:B,elementDetails:L,isDisabled:i,isRepeat:l,size:p,autofocus:u,variant:t,width:b,styling:["min"],onAction:d,"aria-label":g??m,testId:h,children:o.jsx(a.ButtonLabelLayout,{display:"icons",startIcon:f.children,size:p})}),w]})}));h.displayName="IconButton",t.IconButton=h}));
+//# sourceMappingURL=IconButton-232d63fc.js.map

package/amd/IconButton-232d63fc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-232d63fc.js","sources":["../../src/UNSAFE_IconButton/IconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, ComponentProps, Fragment, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport type { ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['button']>, 'autofocus'>;\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\ntype BaseButtonProps = ComponentProps<typeof BaseButton>;\n\ntype BaseProps = IntrinsicProps &\n  ButtonIntrinsicProps &\n  Pick<BaseButtonProps, 'aria-haspopup'> &\n  WidthInterpolationProps & {\n    /**\n     * Specifies the icon for the button.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an aria-label or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * aria-label - the aria label\n       */\n      'aria-label': string;\n\n      /**\n       * tooltip - overrides the aria-label for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      'aria-label'?: string;\n\n      tooltip: string;\n    };\n/**\n * Icon buttons are buttons that only show an icon and no label. They direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport const IconButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      type: buttonType = 'button',\n      autofocus,\n      onAction,\n      width,\n      tooltip,\n      testId,\n      ...props\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const {\n      globalEventProps,\n      ariaProps: { 'aria-label': accessibleLabel, ...otherAriaProps }\n    } = processGlobals(props);\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, globalEventProps, otherAriaProps)}\n          ref={ref}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          isRepeat={isRepeat}\n          size={size}\n          autofocus={autofocus}\n          variant={variant}\n          width={width}\n          styling={['min']}\n          onAction={onAction}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={props.children}\n            size={size}></ButtonLabelLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["IconButton","forwardRef","variant","isDisabled","isRepeat","size","type","buttonType","autofocus","onAction","width","tooltip","testId","props","ref","globalEventProps","ariaProps","accessibleLabel","otherAriaProps","processGlobals","tooltipContent","tooltipProps","useTooltip","text","elementDetails","_jsxs","Fragment","_jsx","jsx","BaseButton","mergeProps","styling","children","ButtonLabelLayout","display","startIcon","displayName"],"mappings":"2gBAyGaA,EAAaC,EAAAA,YACxB,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,KAAMC,EAAa,SACnBC,YACAC,WACAC,QACAC,UACAC,YACGC,GAELC,KAEA,MAAMC,iBACJA,EACAC,WAAa,aAAcC,KAAoBC,IAC7CC,iBAAeN,IAEbO,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMZ,GAAoBM,EAC1Bd,eAGIqB,EAAiB,CACrBlB,KAAM,SACNC,WAAYA,GAGd,OACEkB,OAACC,EAAAA,oBACCC,EAACC,IAAAC,iBACKC,EAAAA,WAAWT,EAAcN,EAAkBG,GAC/CJ,IAAKA,EACLU,eAAgBA,EAChBrB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNG,UAAWA,EACXN,QAASA,EACTQ,MAAOA,EACPqB,QAAS,CAAC,OACVtB,SAAUA,EAAQ,aACNQ,GAAmBN,EAC/BC,OAAQA,EACRoB,SAAAL,EAAAA,IAACM,EAAiBA,kBAAA,CAChBC,QAAS,QACTC,UAAWtB,EAAMmB,SACjB3B,KAAMA,MAETe,IAEH,IAINpB,EAAWoC,YAAc"}

package/amd/IconMenuButton-eef4b2da.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-9cc087dc', './ChevronDown-1d01f028', './Menu-45a26116', './MenuItem-ff1cd14d', 'preact/hooks', 'preact', './useTooltip-75a63697', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css', './useMenuAction-26df747b', './BaseButton-d69319ea'], (function(e,t,s,o,n,a,i,r,l,u,c,d,p,y,m,h,b,M,S,f,g,T,I,x,B,w,A){"use strict";const F=p.forwardRef((({children:e,tooltip:a,accessibleLabel:c,variant:d="outlined",isDisabled:p=!1,isMenuOpen:y=!1,isIconOnly:m=!1,onToggleMenu:h,size:b="md",type:M="button",testId:S,width:f,icon:g,"aria-describedby":T},I)=>{const x=i.useRef(null);i.useImperativeHandle(I,(()=>x.current),[x]);const{triggerProps:B,menuProps:F}=w.useMenuAction({isDisabled:p,onToggleMenu:h,isMenuOpen:y,anchorRef:x}),{tooltipContent:j,tooltipProps:v}=l.useTooltip({text:a||c,isDisabled:y||p}),C={type:"button",buttonType:M},D={"aria-describedby":T},N=t.jsx(r.Fragment,{children:t.jsxs(A.BaseButton,{...u.mergeProps(v,B,D),styling:y?["min","active"]:["min"],elementDetails:C,isDisabled:p,variant:d,width:f,size:b,ref:x,"aria-label":c??a,testId:S,children:[t.jsx(s.ButtonLabelLayout,{display:"icons",startIcon:g,endIcon:m?null:t.jsx(o.SvgChevronDown,{}),size:b}),j]})});return p?N:t.jsxs(r.Fragment,{children:[N,t.jsx(n.Menu,{...F,offsetValue:4,"aria-label":c??a,children:e})]})}));F.displayName="IconMenuButton",e.IconMenuButton=F}));
+//# sourceMappingURL=IconMenuButton-eef4b2da.js.map

package/amd/IconMenuButton-eef4b2da.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenuButton-eef4b2da.js","sources":["../../src/UNSAFE_IconMenuButton/IconMenuButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\n\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type BaseProps = WidthInterpolationProps & {\n  /**\n   * children - One or more MenuItems, dividers, or Menu groups\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The icon is the button's icon.  Note that this is not the menu\n   * expand icon shown on the right (or to the left in right to left mode).\n   */\n  icon?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if only the icon is shown, and no down chevron.\n   */\n  isIconOnly?: boolean;\n\n  /**\n   * Specifes the button type\n   */\n  type?: 'button' | 'submit';\n\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the button.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Specifies if the menu is open\n   */\n  isMenuOpen?: boolean;\n\n  /**\n   * Indicates in what states the button has chrome (background and border).\n   *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n   * useful for performing low-priority tasks, such as manipulating the UI.\",\n   *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n   * buttons are useful for supplemental actions that require minimal emphasis.\",\n   *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n   * solid buttons. Outlined buttons are useful for secondary actions.\",\n   *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n   *  most important actions in the UI.\",\n   */\n  variant?: 'ghost' | 'borderless' | 'outlined' | 'solid';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggleMenu?: (details: MenuToggleDetail) => void;\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconMenuButton is a combined action and menu button.\n */\nexport const IconMenuButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      accessibleLabel,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      isIconOnly = false,\n      onToggleMenu,\n      size = 'md',\n      type: buttonType = 'button',\n      testId,\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const buttonRef = useRef<ButtonHandle>(null);\n    useImperativeHandle(ref, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled: isMenuOpen || isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    const rootButton = (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          styling={isMenuOpen ? ['min', 'active'] : ['min']}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          variant={variant}\n          width={width}\n          size={size}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={icon}\n            endIcon={isIconOnly ? null : <MenuButtonDropdownIcon />}\n            size={size}></ButtonLabelLayout>\n          {tooltipContent}\n        </BaseButton>\n      </Fragment>\n    );\n\n    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n     Could be done via menu props or having a dropdownMenu component. JET-60595*/\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps} offsetValue={4} aria-label={accessibleLabel ?? tooltip}>\n          {children}\n        </Menu>\n      </Fragment>\n    );\n  }\n);\n\nIconMenuButton.displayName = 'IconMenuButton';\n"],"names":["IconMenuButton","forwardRef","children","tooltip","accessibleLabel","variant","isDisabled","isMenuOpen","isIconOnly","onToggleMenu","size","type","buttonType","testId","width","icon","ariaDescribedBy","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","tooltipContent","tooltipProps","useTooltip","text","elementDetails","ariaProps","rootButton","_jsx","jsx","Fragment","_jsxs","jsxs","BaseButton","mergeProps","styling","ButtonLabelLayout","display","startIcon","endIcon","MenuButtonDropdownIcon","Menu","offsetValue","displayName"],"mappings":"46BAmHa,MAAAA,EAAiBC,EAAAA,YAC5B,EAEIC,WACAC,UACAC,kBACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,KAAMC,EAAa,SACnBC,SACAC,QACAC,OACA,mBAAoBC,GAEtBC,KAEA,MAAMC,EAAYC,SAAqB,MACvCC,EAAmBA,oBAACH,GAAK,IAAMC,EAAUG,SAAU,CAACH,IAEpD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDlB,WAAYA,EACZG,aAAcA,EACdF,WAAYA,EACZkB,UAAWP,KAGPQ,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAM1B,GAAoBC,EAC1BE,WAAYC,GAAcD,IAGtBwB,EAAiB,CACrBnB,KAAM,SACNC,WAAYA,GAGRmB,EAAY,CAAE,mBAAoBf,GAElCgB,EACJC,EAAAC,IAACC,WACC,CAAAjC,SAAAkC,EAAAC,KAACC,aAAU,IACLC,EAAAA,WAAWZ,EAAcL,EAAcS,GAC3CS,QAASjC,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CuB,eAAgBA,EAChBxB,WAAYA,EACZD,QAASA,EACTS,MAAOA,EACPJ,KAAMA,EACNO,IAAKC,EAAS,aACFd,GAAmBD,EAC/BU,OAAQA,YACRoB,EAAAA,IAACQ,EAAAA,mBACCC,QAAS,QACTC,UAAW5B,EACX6B,QAASpC,EAAa,KAAOyB,EAAAA,IAACY,EAAAA,eAAyB,CAAA,GACvDnC,KAAMA,IACPgB,OAOP,OAAOpB,EAAU,EAGf8B,EAAAA,KAACD,EAAQA,oBACNH,EACDC,MAACa,EAAAA,KAAS,IAAAvB,EAAWwB,YAAa,EAAC,aAAc3C,GAAmBD,EACjED,SAAAA,MAGN,IAILF,EAAegD,YAAc"}

package/amd/IconProgressButton-f9cdb23a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-d69319ea', './ProgressButtonLabelLayout-0931b1d5', 'preact/compat', './useTooltip-75a63697', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './buttonUtils-cbbb0130', './resources/nls/en/bundle'], (function(t,e,o,s,a,i,n,l,r,c,d,b,p,u,g,m,y){"use strict";const L=i.forwardRef((({variant:t="outlined",isLoading:i=!1,isDisabled:l=!1,size:c="md",type:d="button",onAction:b,width:p,tooltip:u,testId:g,...L},h)=>{const{globalEventProps:B}=m.processGlobals(L),f=!l&&i,P=y.default.accButtonProgressStatus({label:u}),T=y.default.accButtonProgressComplete({label:u}),x={type:"button",buttonType:d},A=u,{tooltipContent:C,tooltipProps:v}=n.useTooltip({text:A,isDisabled:l}),{"aria-describedby":w,...I}=v;return e.jsxs(o.Fragment,{children:[e.jsx(s.BaseButton,{...r.mergeProps(I,B),ref:h,elementDetails:x,isReadOnly:f,isDisabled:l,size:c,variant:t,width:p,styling:f?["min","hiddenLabel","noHoverActive"]:["min"],onAction:b,"aria-label":u,testId:g,children:e.jsx(a.ProgressButtonLabelLayout,{display:"icons",isLoading:f,accessibleLoadedLabel:T,accessibleLoadingLabel:P,isLoadingContrast:"callToAction"===t,startIcon:L.children,size:c})}),C]})}));L.displayName="IconProgressButton",t.IconProgressButton=L}));
+//# sourceMappingURL=IconProgressButton-f9cdb23a.js.map

package/amd/IconProgressButton-f9cdb23a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProgressButton-f9cdb23a.js","sources":["../../src/UNSAFE_IconProgressButton/IconProgressButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ProgressButtonLabelLayout } from '../UNSAFE_ProgressButtonLabelLayout';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport type { ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport translations from '#resources/nls/en/bundle';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\ntype BaseProps = ButtonIntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that a quick indeterminate action is taking place, making the button read-only.\n     */\n    isLoading?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction';\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * tooltip - used for tooltip and aria-label\n     */\n    tooltip: string;\n  };\n\n/**\n * An Icon Progress button is an icon push button that can show progress.\n */\nexport const IconProgressButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isLoading = false,\n      isDisabled = false,\n      size = 'md',\n      type: buttonType = 'button',\n      onAction,\n      width,\n      tooltip,\n      testId,\n      ...props\n    }: BaseProps & TestIdProps,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n    const isAdjustedLoading = isDisabled ? false : isLoading;\n    const progressStatus = translations.accButtonProgressStatus({\n      label: tooltip\n    });\n    const progressComplete = translations.accButtonProgressComplete({\n      label: tooltip\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const tooltipLabel = tooltip;\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltipLabel,\n      isDisabled\n    });\n\n    /* For a11y, we use ignore aria-label during loading time */\n    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(ttProps, globalEventProps)}\n          ref={ref}\n          elementDetails={elementDetails}\n          isReadOnly={isAdjustedLoading}\n          isDisabled={isDisabled}\n          size={size}\n          variant={variant}\n          width={width}\n          styling={isAdjustedLoading ? ['min', 'hiddenLabel', 'noHoverActive'] : ['min']}\n          onAction={onAction}\n          aria-label={tooltip}\n          testId={testId}>\n          <ProgressButtonLabelLayout\n            display={'icons'}\n            isLoading={isAdjustedLoading}\n            accessibleLoadedLabel={progressComplete}\n            accessibleLoadingLabel={progressStatus}\n            isLoadingContrast={variant === 'callToAction'}\n            startIcon={props.children}\n            size={size}></ProgressButtonLabelLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconProgressButton.displayName = 'IconProgressButton';\n"],"names":["IconProgressButton","forwardRef","variant","isLoading","isDisabled","size","type","buttonType","onAction","width","tooltip","testId","props","ref","globalEventProps","processGlobals","isAdjustedLoading","progressStatus","translations","accButtonProgressStatus","label","progressComplete","accButtonProgressComplete","elementDetails","tooltipLabel","tooltipContent","tooltipProps","useTooltip","text","adb","ttProps","_jsxs","Fragment","children","_jsx","BaseButton","mergeProps","isReadOnly","styling","jsx","ProgressButtonLabelLayout","display","accessibleLoadedLabel","accessibleLoadingLabel","isLoadingContrast","startIcon","displayName"],"mappings":"ijBA8EaA,EAAqBC,EAAAA,YAChC,EAEIC,UAAU,WACVC,aAAY,EACZC,cAAa,EACbC,OAAO,KACPC,KAAMC,EAAa,SACnBC,WACAC,QACAC,UACAC,YACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,GACtCI,GAAoBZ,GAAqBD,EACzCc,EAAiBC,EAAY,QAACC,wBAAwB,CAC1DC,MAAOV,IAEHW,EAAmBH,EAAY,QAACI,0BAA0B,CAC9DF,MAAOV,IAGHa,EAAiB,CACrBjB,KAAM,SACNC,WAAYA,GAGRiB,EAAed,GAEfe,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMJ,EACNpB,gBAIM,mBAAoByB,KAAQC,GAAYJ,EAEhD,OACEK,EAAAA,KAACC,EAAAA,SACC,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,WACK,IAAAC,EAAAA,WAAWN,EAAShB,GACxBD,IAAKA,EACLU,eAAgBA,EAChBc,WAAYrB,EACZZ,WAAYA,EACZC,KAAMA,EACNH,QAASA,EACTO,MAAOA,EACP6B,QAAStB,EAAoB,CAAC,MAAO,cAAe,iBAAmB,CAAC,OACxER,SAAUA,EAAQ,aACNE,EACZC,OAAQA,EACRsB,SAAAC,EAAAK,IAACC,EAAyBA,0BAAA,CACxBC,QAAS,QACTtC,UAAWa,EACX0B,sBAAuBrB,EACvBsB,uBAAwB1B,EACxB2B,kBAA+B,iBAAZ1C,EACnB2C,UAAWjC,EAAMqB,SACjB5B,KAAMA,MAEToB,IAEH,IAINzB,EAAmB8C,YAAc"}

package/amd/IconSwitchButton-5be99684.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-d69319ea', './useToggleAction-59741954', './useTooltip-75a63697', 'preact/hooks', './useId-c9578d26', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './toggleButtonUtils-0ebe4c56', './ToggleButtonLabel-03111248'], (function(e,t,o,s,i,l,a,n,c,r,d,g,p,u,b,h,T,m){"use strict";const y=s.forwardRef((({children:e,tooltip:s,size:n="md",isDisabled:d=!1,accessibleLabel:g,isSelected:p=!1,onToggle:u,testId:b,width:h,"aria-describedby":y},B)=>{const{triggerProps:w}=l.useToggleAction({isDisabled:d,onToggle:u}),{tooltipContent:S,tooltipProps:f}=a.useTooltip({text:s??g,isDisabled:d}),I=T.toggleStyling("auto",p,!0,!1,!1,void 0,void 0,!0),x={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(f,w,x),elementDetails:{type:"button",isSwitch:!0},"aria-checked":p,variant:"ghost",size:n,isDisabled:d,styling:I,width:h,ref:B,"aria-label":g??s,testId:b,children:t.jsx(m.ToggleButtonLabel,{isDisabled:d,label:g??s,isToggle:!0,inputName:c.useId(),inputType:"switch",onAction:()=>u?.({value:p}),isSelected:p,display:"icons",startIcon:e,size:n})}),S]})}));y.displayName="IconSwitchButton",e.IconSwitchButton=y}));
+//# sourceMappingURL=IconSwitchButton-5be99684.js.map

package/amd/IconSwitchButton-5be99684.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSwitchButton-5be99684.js","sources":["../../src/PRIVATE_IconSwitchButton/IconSwitchButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nimport { toggleStyling } from '#utils/UNSAFE_buttonUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ToggleButtonLabelProps } from '#UNSAFE_ToggleButtonLabel/ToggleButtonLabel';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type IconSwitchButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * The size indicates how large the button is rendered: \"xs\", \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconSwitchButton is an icon button that allows users to switch\n * between states when pressed.  It differs from a toggle button in not\n * providing any visual indication of the state; instead, switch the\n * icon to provide the state indication.\n */\nexport const IconSwitchButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      size = 'md',\n      isDisabled = false,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy\n    }: IconSwitchButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      true,\n      false,\n      false,\n      undefined,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          elementDetails={{ type: 'button', isSwitch: true }}\n          aria-checked={isSelected}\n          variant=\"ghost\"\n          size={size}\n          isDisabled={isDisabled}\n          styling={styling}\n          width={width}\n          ref={ref}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            isDisabled={isDisabled}\n            label={accessibleLabel ?? tooltip}\n            isToggle={true}\n            inputName={useId()}\n            inputType={'switch'}\n            onAction={() => onToggle?.({ value: isSelected })}\n            isSelected={isSelected}\n            display={'icons'}\n            startIcon={children}\n            size={size as ToggleButtonLabelProps['size']}\n          />\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconSwitchButton.displayName = 'IconSwitchButton';\n"],"names":["IconSwitchButton","forwardRef","children","tooltip","size","isDisabled","accessibleLabel","isSelected","onToggle","testId","width","ariaDescribedBy","ref","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","undefined","ariaProps","_jsxs","Fragment","_jsx","jsx","BaseButton","mergeProps","elementDetails","type","isSwitch","variant","ToggleButtonLabel","label","isToggle","inputName","useId","inputType","onAction","value","display","startIcon","displayName"],"mappings":"+jBAuFa,MAAAA,EAAmBC,EAAAA,YAC9B,EAEIC,WACAC,UACAC,OAAO,KACPC,cAAa,EACbC,kBACAC,cAAa,EACbC,WACAC,SACAC,QACA,mBAAoBC,GAEtBC,KAEA,MAAMC,aAAEA,GAAiBC,kBAAgB,CACvCT,WAAYA,EACZG,SAAUA,KAGNO,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMf,GAAWG,EACjBD,WAAYA,IAGRc,EAAUC,EAAAA,cACd,OACAb,GACA,GACA,GACA,OACAc,OACAA,GACA,GAGIC,EAAY,CAAE,mBAAoBX,GAExC,OACEY,EAAAA,KAACC,EAAAA,SAAQ,CAAAtB,SAAA,CACPuB,EAACC,IAAAC,EAAUA,WACL,IAAAC,EAAAA,WAAWZ,EAAcH,EAAcS,GAC3CO,eAAgB,CAAEC,KAAM,SAAUC,UAAU,GAAM,eACpCxB,EACdyB,QAAQ,QACR5B,KAAMA,EACNC,WAAYA,EACZc,QAASA,EACTT,MAAOA,EACPE,IAAKA,EAAG,aACIN,GAAmBH,EAC/BM,OAAQA,EAAMP,SACduB,MAACQ,EAAAA,kBACC,CAAA5B,WAAYA,EACZ6B,MAAO5B,GAAmBH,EAC1BgC,UAAU,EACVC,UAAWC,EAAKA,QAChBC,UAAW,SACXC,SAAU,IAAM/B,IAAW,CAAEgC,MAAOjC,IACpCA,WAAYA,EACZkC,QAAS,QACTC,UAAWxC,EACXE,KAAMA,MAGTW,IAEH,IAINf,EAAiB2C,YAAc"}

package/amd/IconToggleButton-b783604a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './BaseButton-d69319ea', './useToggleAction-59741954', './useTooltip-75a63697', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './toggleButtonUtils-0ebe4c56', './buttonUtils-cbbb0130', './ToggleButtonLabel-03111248'], (function(e,t,o,s,i,l,a,n,r,d,c,g,p,b,u,T,h,m){"use strict";const y=s.forwardRef((({children:e,variant:s="outlined",size:n="md",isDisabled:d=!1,tooltip:c,accessibleLabel:g,isSelected:p=!1,onToggle:b,testId:u,"aria-describedby":y,width:B,...f},v)=>{const{globalEventProps:x}=h.processGlobals(f),{triggerProps:w}=l.useToggleAction({isDisabled:d,onToggle:b}),{tooltipContent:A,tooltipProps:D}=a.useTooltip({text:c??g,isDisabled:d}),I=T.toggleStyling("auto",p,!1,!1,"outlined"===s,void 0,void 0,!0,!0),P={"aria-describedby":y};return t.jsxs(o.Fragment,{children:[t.jsx(i.BaseButton,{...r.mergeProps(D,w,x,P),variant:s,isDisabled:d,size:n,width:B,"aria-pressed":p,styling:I,ref:v,"aria-label":g??c,testId:u,children:t.jsx(m.ToggleButtonLabel,{onAction:()=>b?.({value:p}),isDisabled:d,display:"icons",startIcon:e})}),A]})}));y.displayName="IconToggleButton",e.IconToggleButton=y}));
+//# sourceMappingURL=IconToggleButton-b783604a.js.map

package/amd/IconToggleButton-b783604a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconToggleButton-b783604a.js","sources":["../../src/UNSAFE_IconToggleButton/IconToggleButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type IconToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.   This should not vary depending on state.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'borderless' | 'outlined';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * IconToggleButtons direct users to toggle a state with\n * a single tap, click, or keystroke.\n */\nexport const IconToggleButton = forwardRef(\n  (\n    {\n      children,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      tooltip,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: IconToggleButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      undefined,\n      true,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, globalEventProps, ariaProps)}\n          variant={variant}\n          isDisabled={isDisabled}\n          size={size}\n          width={width}\n          aria-pressed={isSelected}\n          styling={styling}\n          ref={ref}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            onAction={() => onToggle?.({ value: isSelected })}\n            isDisabled={isDisabled}\n            display={'icons'}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconToggleButton.displayName = 'IconToggleButton';\n"],"names":["IconToggleButton","forwardRef","children","variant","size","isDisabled","tooltip","accessibleLabel","isSelected","onToggle","testId","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","undefined","ariaProps","_jsxs","Fragment","_jsx","jsx","BaseButton","mergeProps","ToggleButtonLabel","onAction","value","display","startIcon","displayName"],"mappings":"2kBA6FaA,EAAmBC,EAAAA,YAC9B,EAEIC,WACAC,UAAU,WACVC,OAAO,KACPC,cAAa,EACbC,UACAC,kBACAC,cAAa,EACbC,WACAC,SACA,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,IAEtCI,aAAEA,GAAiBC,kBAAgB,CACvCb,WAAYA,EACZI,SAAUA,KAGNU,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMhB,GAAWC,EACjBF,WAAYA,IAGRkB,EAAUC,EAAaA,cAC3B,OACAhB,GACA,GACA,EACY,aAAZL,OACAsB,OACAA,GACA,GACA,GAGIC,EAAY,CAAE,mBAAoBf,GAExC,OACEgB,OAACC,EAAAA,oBACCC,EAACC,IAAAC,iBACKC,EAAUA,WAACZ,EAAcH,EAAcF,EAAkBW,GAC7DvB,QAASA,EACTE,WAAYA,EACZD,KAAMA,EACNQ,MAAOA,EAAK,eACEJ,EACde,QAASA,EACTT,IAAKA,EACO,aAAAP,GAAmBD,EAC/BI,OAAQA,WACRmB,EAAAA,IAACI,EAAAA,mBACCC,SAAU,IAAMzB,IAAW,CAAE0B,MAAO3B,IACpCH,WAAYA,EACZ+B,QAAS,QACTC,UAAWnC,MAEdiB,IAEH,IAINnB,EAAiBsC,YAAc"}

package/amd/IconUserAssistance-0c55d53f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-8e42d505', './Help-99314e05', './Popup-695781d6', './HiddenAccessible-037ef42d', './InlineHelp-1fc7b3a9', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af'], (function(e,s,n,o,a,t,i,c,l,r,u,p,d){"use strict";e.IconUserAssistance=({assistiveText:e,helpSourceLink:h,helpSourceText:m,isTabbable:x=!0,id:b})=>{const{bool:f,setFalse:T,toggle:g}=d.useToggle(!1),A=o.useTranslationBundle("@oracle/oraclejet-preact"),k=A.userAssistance_learnMore(),C=h&&(m||k),j=A.radio_helpForRadio(),U=`${b}-help-string`,H=n.useRef(null),S=n.useCallback((e=>{const s=e?.target;(s instanceof Element||s instanceof Document)&&!H.current?.contains(s)&&f&&T()}),[f,T]),v=n.useCallback((e=>{const{key:s}=e;if(s&&"Enter"!==s)return;const{tagName:n}=e.target;"a"===n?.toLowerCase()&&(T(),setTimeout((()=>H.current?.focus())))}),[T]),E=n.useCallback((e=>{["Tab","Escape"].includes(e.code)&&f&&T(),["Space","Enter"].includes(e.code)&&(e.preventDefault(),g())}),[f,T,g]),F=n.useCallback((e=>{e.preventDefault(),g()}),[g]),{baseTheme:I}=r.useComponentTheme(p.PopupRedwoodTheme),P=u.classNames([I,l.iconUserAssistancePopupFocus]);return h||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{onKeyDown:E,onClick:F,role:"link","aria-describedby":U,"aria-haspopup":"dialog",ref:H,tabIndex:x?0:-1,class:l.iconUserAssistanceIcon,id:`${b}-help-icon`,children:s.jsx(a.SvgHelp,{})}),s.jsx(i.HiddenAccessible,{id:U,isHidden:!0,children:j}),s.jsx(t.Popup,{placement:"top",isOpen:f,anchorRef:H,onClose:T,onClickOutside:S,shiftOptions:{mainAxis:!0,crossAxis:!1},role:"tooltip",maxWidth:"296px",children:s.jsx("div",{id:b,tabIndex:0,class:P,onMouseUp:v,onKeyDown:v,children:s.jsx(c.InlineHelp,{assistiveText:e,sourceLink:h,sourceText:C})})})]}):null}}));
+//# sourceMappingURL=IconUserAssistance-0c55d53f.js.map

package/amd/IconUserAssistance-0c55d53f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconUserAssistance-0c55d53f.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        role=\"tooltip\"\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["assistiveText","helpSourceLink","helpSourceText","isTabbable","id","bool","isOpen","setFalse","setIsOpenFalse","toggle","useToggle","translations","useTranslationBundle","userAssistance_learnMoreStr","userAssistance_learnMore","sourceText","helpForRadioString","radio_helpForRadio","helpStringId","anchorRef","useRef","handleOutsideClick","useCallback","event","target","Element","Document","current","contains","handleLinkEvent","e","key","tagName","toLowerCase","setTimeout","focus","handleOnKeyDown","includes","code","preventDefault","onClickHandler","baseTheme","popupBaseTheme","useComponentTheme","PopupRedwoodTheme","iconUserAssistanceClasses","classNames","iconUserAssistancePopupFocus","_jsxs","jsxs","_Fragment","children","_jsx","onKeyDown","onClick","role","ref","tabIndex","class","iconUserAssistanceIcon","jsx","HelpIcon","SvgHelp","HiddenAccessible","isHidden","Popup","placement","onClose","onClickOutside","shiftOptions","mainAxis","crossAxis","maxWidth","onMouseUp","InlineHelp","sourceLink"],"mappings":"8aA6C2B,EACzBA,gBACAC,iBACAC,iBACAC,cAAa,EACbC,SAEA,MAAQC,KAAMC,EAAQC,SAAUC,EAAcC,OAAEA,GAAWC,aAAU,GAE/DC,EAAeC,uBAAiC,4BAChDC,EAA8BF,EAAaG,2BAC3CC,EAAad,IAAmBC,GAAkBW,GAClDG,EAAqBL,EAAaM,qBAClCC,EAAe,GAAGd,gBAClBe,EAAYC,SAAwB,MAEpCC,EAAqBC,eACxBC,IACC,MAAMC,EAASD,GAAOC,QAGnBA,aAAkBC,SAAWD,aAAkBE,YAC/CP,EAAUQ,SAASC,SAASJ,IAC7BlB,GAEAE,GACD,GAEH,CAACF,EAAQE,IAGLqB,EAAkBP,eACrBQ,IAEC,MAAMC,IAAEA,GAAQD,EAChB,GAAIC,GAAe,UAARA,EACT,OAIF,MAAMC,QAAEA,GAAYF,EAAEN,OAES,MAA3BQ,GAASC,gBACXzB,IAIA0B,YAAW,IAAMf,EAAUQ,SAASQ,UACrC,GAEH,CAAC3B,IAGG4B,EAAkBd,eACrBQ,IAEK,CAAC,MAAO,UAAUO,SAASP,EAAEQ,OAAShC,GACxCE,IAIE,CAAC,QAAS,SAAS6B,SAASP,EAAEQ,QAChCR,EAAES,iBACF9B,IACD,GAEH,CAACH,EAAQE,EAAgBC,IAGrB+B,EAAiBlB,eACpBQ,IACCA,EAAES,iBACF9B,GAAQ,GAEV,CAACA,KAIKgC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBACnEC,EAA4BC,EAAUA,WAAC,CAACJ,EAAgBK,EAAAA,+BAE9D,OAAO9C,GAAkBD,EACvBgD,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEC,MACE,OAAA,CAAAC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,0BACarC,EAAY,gBAChB,SACdsC,IAAKrC,EACLsC,SAAUtD,EAAa,GAAK,EAC5BuD,MAAOC,yBACPvD,GAAI,GAAGA,cACP+C,SAAAC,EAAAQ,IAACC,EAAQC,QAAA,CAAA,KAEXV,MAACW,EAAAA,iBAAgB,CAAC3D,GAAIc,EAAc8C,UAAU,EAAIb,SAC/CnC,IAEHoC,EAAAA,IAACa,EAAAA,OACCC,UAAU,MACV5D,OAAQA,EACRa,UAAWA,EACXgD,QAAS3D,EACT4D,eAAgB/C,EAChBgD,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3ChB,KAAK,UACLiB,SAAU,QAAOrB,SACjBC,EACEQ,IAAA,MAAA,CAAAxD,GAAIA,EACJqD,SAAU,EACVC,MAAOb,EACP4B,UAAW5C,EACXwB,UAAWxB,EACXsB,SAAAC,EAAAQ,IAACc,EAAUA,WACT,CAAA1E,cAAeA,EACf2E,WAAY1E,EACZc,WAAYA,WAKlB,IAAI"}

package/amd/Indexer-bbb763a7.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-4bc3a394', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-2f1ca19e', './useCollectionFocusRing-35d278f5', './collectionUtils-26e6c87c', './useId-c9578d26', './useTranslationBundle-27bf6340', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-a2e433c2'], (function(e,t,s,n,r,o,a,c,l,i,u,d,y,f,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:o}=e,a=r.data.key===o,c=R(e,s),{classes:l}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:a?"isSelected":"notSelected"}),i=x.classNames([l]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const g=k.forwardRef((({lastValueNow:e,...n},r)=>{const o={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...o}),t.jsx(p,{...o,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,o=R(e,s),a=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:o.ref&&o.isFocusRingVisible?"isFocused":"notFocused",selected:a?"isSelected":"notSelected"}),l=x.classNames([c]),i=m.label;return t.jsx("li",{...o,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:o,sections:a}=e,c=R(e,s),{from:l,to:i}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(o.index,l,i))return null;const f=a[l].label||a[l].key,k=a[i].label||a[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,o,a)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(o(l),a(n));else if(c>s||s-c<.01)r>1&&(o(1),a(n));else{const e=_(c,l);e!==r&&e<s&&(o(e),a(n))}},_=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let o=t-(r-1)*s,a=s;for(;a>o;)a-=1,o=t-(r-1)*a;return a!=s&&(a+=1),a};function K(e){return i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:x,onCommit:k=()=>{},testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=a.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,k,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=b.useComponentTheme(h.IndexerRedwoodTheme),Q=j.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...o.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:x,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const o={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(o)?t.jsx(w,{...o}):(D.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-07d2aa5b', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-8e979c7a', './useCollectionFocusRing-35d278f5', './collectionUtils-26e6c87c', './useId-c9578d26', './useTranslationBundle-8e42d505', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-9afc201a'], (function(e,t,s,n,r,a,o,c,l,i,u,d,y,f,x,k,b,h,j){"use strict";const m=Object.freeze({key:"__others__",label:"#"}),v="[data-oj-key]",T=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:r,selectedKey:a}=e,o=r.data.key===a,c=R(e,s),{classes:l}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused",disabled:r.data.isDisabled?"isDisabled":"notDisabled",selected:o?"isSelected":"notSelected"}),i=x.classNames([l]),u=r.data.label||r.data.key,y=r.data.isDisabled?n.indexer_disabledLabel({SECTION:`${u}`}):`${u}`;return t.jsx("li",{...c,class:i,"data-oj-valuetext":y,"data-oj-disabled":r.data.isDisabled,children:r.data.label||r.data.key})}));function R({context:e,currentKey:t,valueNow:s,isFocusRingVisible:n},r){return{...e.data.key===t&&{ref:r},key:e.data.key,"data-oj-key":e.data.key,"data-oj-key-type":typeof e.data.key,"data-oj-valuenow":s,isFocusRingVisible:!!n}}const g=k.forwardRef((({lastValueNow:e,...n},r)=>{const a={...n,ref:r};return t.jsxs(s.Fragment,{children:[t.jsx(T,{...a}),t.jsx(p,{...a,ref:r,context:{index:-1,data:m},valueNow:e})]})})),p=k.forwardRef(((e,s)=>{const{context:n,selectedKey:r}=e,a=R(e,s),o=n.data.key===r,{classes:c}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:a.ref&&a.isFocusRingVisible?"isFocused":"notFocused",selected:o?"isSelected":"notSelected"}),l=x.classNames([c]),i=m.label;return t.jsx("li",{...a,class:l,"data-oj-valuetext":i,children:n.data.label})})),w=k.forwardRef(((e,s)=>{const n=d.useTranslationBundle("@oracle/oraclejet-preact"),{context:a,sections:o}=e,c=R(e,s),{from:l,to:i}=F(e),{classes:u,styles:{dotStyle:y}}=b.useComponentTheme(h.IndexerRedwoodTheme,{focused:c.ref&&c.isFocusRingVisible?"isFocused":"notFocused"});if(!I(a.index,l,i))return null;const f=o[l].label||o[l].key,k=o[i].label||o[i].key,j=x.classNames([u]),m=n.indexer_separatorLabel({FROM_SECTION:`${f}`,TO_SECTION:`${k}`});return t.jsx("li",{...c,class:j,"data-oj-valuetext":m,children:t.jsx(r.Flex,{align:"center",justify:"center",children:t.jsx("div",{class:y})})})}));function F({context:e,sectionsPerTruncation:t,last:s}){const n=e.index-e.index%t+1;let r=n+t-2;return r=r>=s?s-1:r,{from:n,to:r}}function I(e,t,s){return e===Math.floor((t+s)/2)}const S=[{key:"A"},{key:"B"},{key:"C"},{key:"D"},{key:"E"},{key:"F"},{key:"G"},{key:"H"},{key:"I"},{key:"J"},{key:"K"},{key:"L"},{key:"M"},{key:"N"},{key:"O"},{key:"P"},{key:"Q"},{key:"R"},{key:"S"},{key:"T"},{key:"U"},{key:"V"},{key:"W"},{key:"X"},{key:"Y"},{key:"Z"}];const C=(e,t,s)=>e===t.current?void 0===s?null:s:i.keyExtractor(e,v),N=(e,t,s)=>{if(e.value===m.key)t({value:m.key});else{t({value:s.find((t=>t.key===e.value)).key})}},E=(e,t,s,n,r,a,o)=>{if(0===e||0===t)return;const c=e/t,l=s-1;if(c<2)r!==l&&(a(l),o(n));else if(c>s||s-c<.01)r>1&&(a(1),o(n));else{const e=_(c,l);e!==r&&e<s&&(a(e),o(n))}},_=(e,t)=>{e-=2,e/=2;const s=Math.round(t/e)+1,n=t%s,r=Math.floor(t/s)+(n>1?1:0);let a=t-(r-1)*s,o=s;for(;o>a;)o-=1,a=t-(r-1)*o;return o!=s&&(o+=1),o};function K(e){return i.isMobile()?e.indexer_touchInstructionText():e.indexer_keyboardInstructionText()}e.Indexer=function({sections:e=S,value:x,onCommit:k=()=>{},testId:m}){const R=n.useRef(null),p=n.useRef(null),_=s.createRef(),[V,O]=n.useState(e[0]?.key),[A,P]=n.useState(-1),D=n.useRef(-1),H=n.useRef(0),M=u.useId(),[B,U]=l.useCollectionFocusRing(R,["ArrowUp","ArrowDown"]),{currentKeyProps:$}=c.useCurrentKey((e=>i.keyExtractor(e,v)),!0,i.getPrevNextKey(R.current,V,!0,v),i.getPrevNextKey(R.current,V,!1,v),void 0,void 0,V,(e=>O(e.value))),{selectionProps:L}=o.useSingleSelection((e=>C(e,p,V)),void 0,(t=>N(t,k,e))),z=n.useCallback((t=>{for(const s of t)E(s.contentRect.height,H.current,e.length,e[0]?.key,A,P,O)}),[e,A]);n.useEffect((()=>{p.current&&(p.current.setAttribute("aria-valuemax",D.current+1+""),p.current.setAttribute("aria-valuetext",_.current?.dataset?.ojValuetext||""),p.current.setAttribute("aria-valuenow",_.current?.dataset?.ojValuenow||"")),D.current=-1})),n.useEffect((()=>{const t=R.current;t&&(H.current=t.querySelector("li")?.offsetHeight||0,E(t.offsetHeight,H.current,e.length,e[0]?.key,A,P,O))}),[e,A]),n.useEffect((()=>{const e=R.current;if(e){const t=new ResizeObserver((e=>{z(e)}));return t.observe(e),()=>{t.unobserve(e)}}}),[A,z]);const q=d.useTranslationBundle("@oracle/oraclejet-preact"),{styles:{baseStyle:G,innerStyle:J}}=b.useComponentTheme(h.IndexerRedwoodTheme),Q=j.useTestId(m);return t.jsxs("div",{ref:R,class:G,...Q,children:[t.jsx(r.Flex,{align:"center",width:"6x",height:"100%",children:t.jsx("ul",{...a.mergeProps($,U,L),ref:p,tabIndex:0,"aria-label":"Indexer","aria-orientation":"vertical","aria-valuemin":0,"aria-describedby":M,role:"slider",class:J,children:t.jsx(f.Collection,{items:e,children:s=>{const n=e.length-1;D.current+=1;const r={context:s,ref:_,currentKey:V,selectedKey:x,valueNow:D.current,isFocusRingVisible:!!B};if(s.index===n)return t.jsx(g,{...r,lastValueNow:D.current+1});if(A<=1||s.index%A==0)return t.jsx(T,{...r});const a={...r,sectionsPerTruncation:A,last:n,sections:e};return function(e){const{from:t,to:s}=F(e);return I(e.context.index,t,s)}(a)?t.jsx(w,{...a}):(D.current-=1,null)}})})}),t.jsx(y.HiddenAccessible,{children:t.jsx("span",{id:M,children:K(q)})})]})},e.SECTION_OTHERS=m}));
 //# sourceMappingURL=Indexer-bbb763a7.js.map

package/amd/InlineHelpSource-34ec0779.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-27bf6340', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,l){"use strict";e.InlineHelpSource=function({children:e,source:t}){const c=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),b=e||c,{isTabbable:u,tabbableModeProps:d}=o.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(l.UserAssistanceRedwoodTheme);return s.jsx("a",{class:a.classNames([i,m.helpSourceStyles]),target:"_blank",href:t,...!u&&d,children:b})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-8e42d505', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,l){"use strict";e.InlineHelpSource=function({children:e,source:t}){const c=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),u=e||c,{isTabbable:b,tabbableModeProps:d}=o.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(l.UserAssistanceRedwoodTheme);return s.jsx("a",{class:a.classNames([i,m.helpSourceStyles]),target:"_blank",href:t,...!b&&d,children:u})}}));
 //# sourceMappingURL=InlineHelpSource-34ec0779.js.map

package/amd/InlineSelectSingle-bebf92d3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-07d2aa5b', './Label-3c17bcc9', './useDisplayValue-fa0fbc23', './Separator-181f7541', './logger-0f873e29', './TabbableModeContext-a9c97640', './LayerHost-daf96749', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-ab4d3a33', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-8e42d505', './keyboardUtils-fb6219eb', './tabbableUtils-9101c0e5', './unsafeDomAccess-602c5dde', './useSelectCommon-f04454d2'], (function(e,s,t,o,n,a,r,i,l,c,d,u,p,b,h,S,m,y,x,C,F,f,g,v,w,A,T,U,E,L,k,K,I,B,R,P,M,_,j,V,N,D,O,z,Y,$,G,H,W,q,Z){"use strict";const J={isTabbable:!1};const Q=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:p,onLoadRange:b,testId:S,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:C,isEmptyResults:F,isUserFiltering:f,labelProps:g,listContainerProps:v,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:n="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:p,onCommit:b,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},C){const F=o.useRef(null),{textAlign:f}=z.useFormContext(),g=m??f??"start",v=null!=t&&!Z.isBeforeDataFetch(t),w=v&&0===t?.totalSize,A=o.useRef(t),T=o.useRef(y),U=o.useRef(!0),[E,L]=o.useState(void 0===y?void 0:new Set([y.key])),k=Y.useLoadingIndicatorTimer(c??!1),K=r.useDisplayValue(d,y);o.useImperativeHandle(C,(()=>({focus:()=>F.current?.focus(),blur:()=>F.current?.blur(),[q.UNSAFE_DOM_ACCESS]:F.current})),[]);const{currentRowKeyRef:I,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:N,updateFiltering:D,userInput:O}=Z.useSelectCommon({data:t,inputRef:F,isFocused:!0,onFilter:h}),{baseId:J,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:k,value:void 0!==y||void 0}),te=`${J}-list`;Q.hasValue=c||Q.hasValue;const oe=G.useTranslationBundle("@oracle/oraclejet-preact"),ne=v?0===t?.totalSize?oe.select_noMatchesFound():1===t?.totalSize?oe.select_oneMatchFound():"exact"===t?.sizePrecision?oe.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):oe.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,L(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:Z.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),U.current&&(U.current=!1,V({rowKey:[...E??[void 0]][0]}));const ae=o.useCallback(((e,s)=>{b?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[b,y]),re=o.useCallback((e=>{L(new Set),ae(void 0,e)}),[ae]),ie=o.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=o.useCallback((e=>{N();const s=e.context.key;L(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,N]),ce=o.useCallback((({value:e})=>{D(e),h?.({searchText:e})}),[h,D]),de=o.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:e.preventDefault();break;case H.KEYS.ENTER:case H.KEYS.TAB:{if(Z.isPhone())return;const s={reason:e.code===H.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(N(),void 0!==I.current&&null!=t&&t.data.length>0)return L(new Set([I.current])),void ae(I.current,s);ae(y?.key??void 0,s);break}}}),[re,I,t,ie,ae,N,y]),ue=o.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:if(null!=t&&R.current){const e=W.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),pe=o.useCallback((e=>{e.code===H.KEYS.TAB&&void 0!==I.current&&null!=t&&t.data.length>0&&(L(new Set([I.current])),ae(I.current,{reason:"tabKey"}))}),[I,t,ae]),be=o.useCallback((()=>{N(),re({reason:"itemAction"}),F.current?.focus(),h?.({searchText:void 0})}),[re,h,N]),he=Z.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:E,onCurrentKeyChange:_,onItemAction:le});return o.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:pe},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===n,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:p,onClearButtonClick:be,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:K,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:F,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:ne,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:g,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),U=o.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:o,searchText:n,currentRowKeyOverride:a})=>s.jsx(Z.DefaultList,{"aria-label":p,currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:b,searchText:f?n:void 0,selectedKeys:o,selectionMode:"single"})),[l,f,d,u,p,b]),E=s.jsx(D.View,{minWidth:"100%",padding:"2x",children:s.jsx(h.InlineUserAssistance,{testId:S&&`${S}_userAssistance`,...T})});return s.jsx(n.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(B.FormFieldContext.Provider,{value:x,children:[s.jsxs(D.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...g}),testId:S&&`${S}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&C&&s.jsxs(s.Fragment,{children:[E,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(Z.DropdownList,{...v,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:J,children:F?s.jsx(Z.EmptyResults,{}):U(y)})}),"belowList"===m&&C&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),E]})]})})}));e.InlineSelectSingle=Q}));
+//# sourceMappingURL=InlineSelectSingle-bebf92d3.js.map

package/amd/InlineSelectSingle-bebf92d3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSelectSingle-bebf92d3.js","sources":["../../src/UNSAFE_InlineSelectSingle/InlineSelectSingle.tsx","../../src/UNSAFE_InlineSelectSingle/useInlineSelectSingle.ts"],"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 type { ContextType, JSX, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nimport {\n  DefaultList,\n  DropdownList,\n  EmptyResults,\n  type SelectSingleCollectionRendererContext\n} from '#PRIVATE_SelectCommon';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Label } from '#UNSAFE_Label';\nimport { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport type { Data, InlineSelectHandle, InlineSelectSingleProps, Key } from './types';\nimport { useInlineSelectSingle } from './useInlineSelectSingle';\n\nconst PREVENT_TABBING = { isTabbable: false } satisfies ContextType<typeof TabbableModeContext>;\n\n/**\n * A InlineSelectSingle is a text field with an inline list that supports single selection and search filtering.\n * Note: This is only meant to be used by the Spectra Smart Search component. As such, it only has limited features\n * needed for the Smart Search component.\n */\nfunction InlineSelectSingleImpl<K extends Key, D extends Data>(\n  props: InlineSelectSingleProps<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const {\n    data,\n    itemRenderer,\n    itemText,\n    label,\n    onLoadRange,\n    testId,\n    userAssistancePosition = 'belowList'\n  } = props;\n  const {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance,\n    isEmptyResults,\n    isUserFiltering,\n    labelProps,\n    listContainerProps,\n    selectSingleFieldProps,\n    selectFieldInputProps,\n    userAssistanceProps\n  } = useInlineSelectSingle(props, ref);\n\n  const defaultCollectionRenderer = useCallback(\n    ({\n      onPersistCurrentRowKey,\n      onRowAction,\n      selected,\n      searchText,\n      currentRowKeyOverride\n    }: SelectSingleCollectionRendererContext<K, D>) => (\n      <DefaultList\n        aria-label={label}\n        currentItemVariant=\"highlight\"\n        currentKey={currentRowKeyOverride}\n        data={data}\n        itemRenderer={itemRenderer}\n        itemText={itemText}\n        onCurrentKeyChange={onPersistCurrentRowKey}\n        onItemAction={onRowAction}\n        onLoadRange={onLoadRange}\n        searchText={isUserFiltering ? searchText : undefined}\n        selectedKeys={selected}\n        selectionMode=\"single\"\n      />\n    ),\n    [data, isUserFiltering, itemRenderer, itemText, label, onLoadRange]\n  );\n\n  const userAssistance = (\n    <View minWidth=\"100%\" padding=\"2x\">\n      <InlineUserAssistance\n        testId={testId && `${testId}_userAssistance`}\n        {...userAssistanceProps}\n      />\n    </View>\n  );\n\n  return (\n    <Flex direction=\"column\" gap=\"2x\" maxHeight=\"100%\" width=\"100%\">\n      <FormFieldContext.Provider value={formFieldContext}>\n        <View flex={0}>\n          <SelectSingleField\n            {...selectSingleFieldProps}\n            label={<Label {...labelProps} />}\n            testId={testId && `${testId}_selectSingleField`}>\n            <SelectSingleFieldInput {...selectFieldInputProps} />\n          </SelectSingleField>\n          {/* Render separator & UA without gaps when we are configured for UA between the field and the dropdown */}\n          {userAssistancePosition === 'aboveList' && <Separator />}\n          {userAssistancePosition === 'aboveList' && hasUserAssistance && (\n            <>\n              {userAssistance}\n              <Separator />\n            </>\n          )}\n        </View>\n        {/* Render separator with gaps when we are not configured for UA between the field and the dropdown */}\n        {userAssistancePosition !== 'aboveList' && <Separator />}\n        <DropdownList\n          {...listContainerProps}\n          // Add bottom gap only when we are configured to show UA above the list\n          hasBottomGap={userAssistancePosition === 'aboveList'}\n          hasTopGap={false}>\n          <TabbableModeContext.Provider value={PREVENT_TABBING}>\n            {isEmptyResults ? (\n              <EmptyResults />\n            ) : (\n              defaultCollectionRenderer(collectionRendererContext)\n            )}\n          </TabbableModeContext.Provider>\n        </DropdownList>\n        {userAssistancePosition === 'belowList' && hasUserAssistance && (\n          <div>\n            <Separator />\n            {userAssistance}\n          </div>\n        )}\n      </FormFieldContext.Provider>\n    </Flex>\n  );\n}\n\nexport const InlineSelectSingle = forwardRef(InlineSelectSingleImpl) as {\n  <K extends Key, D extends Data>(\n    props: InlineSelectSingleProps<K, D> & { ref?: Ref<InlineSelectHandle> }\n  ): JSX.Element;\n}; // forwardRef will remove generics, so we cast it explicitly to preserve generics.;\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 { ComponentProps, Ref } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\n\nimport {\n  type DropdownList,\n  isBeforeDataFetch,\n  isPhone,\n  isSearchTextEmptyOrUndefined,\n  useCollectionRenderer,\n  UseCollectionRendererSelectSingleParams,\n  useSelectCommon\n} from '#PRIVATE_SelectCommon';\nimport type { Label } from '#UNSAFE_Label';\nimport type { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport type { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { useDisplayValue } from '#UNSAFE_SelectSingle/useDisplayValue';\nimport type { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { isControlOrFunctionKey, KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type {\n  CommitMetadata,\n  Data,\n  InlineSelectHandle,\n  InlineSelectSingleProps,\n  Key\n} from './types';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype UseInlineSelectSingleOptions<K extends Key, D extends Data> = InlineSelectSingleProps<K, D>;\n\n/**\n * A custom hook for determining prop values for the InlineSelectSingle's child\n * components from its own props.\n * @param param0 options\n * @param ref The ref handle of the component.\n */\nexport function useInlineSelectSingle<K extends Key, D extends Data>(\n  {\n    'aria-describedby': ariaDescribedBy,\n    assistiveText,\n    data,\n    hasBackIcon = 'never',\n    hasClearIcon = 'never',\n    helpSourceLink,\n    helpSourceText,\n    isLoading: propIsLoading,\n    itemText,\n    label,\n    onBackIconAction,\n    onCommit: propOnCommit,\n    onFilter,\n    placeholder,\n    textAlign: propTextAlign,\n    valueItem,\n    virtualKeyboard\n  }: UseInlineSelectSingleOptions<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { textAlign: formTextAlign } = useFormContext();\n  const textAlign = propTextAlign ?? formTextAlign ?? 'start';\n  const isDataFetched = data != null && !isBeforeDataFetch<K, D>(data);\n  const isEmptyResults = isDataFetched && data?.totalSize === 0;\n\n  // Refs to keep track of prop changes and sync internal state\n  const prevDataRef = useRef(data);\n  const prevValueItemRef = useRef(valueItem);\n  const isInitialRender = useRef(true);\n\n  // State for holding the selected keys in the list\n  const [selectedKeys, setSelectedKeys] = useState(\n    valueItem === undefined ? undefined : new Set([valueItem.key])\n  );\n\n  // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n  // show the loading indicator until after a delay, because showing it immediately could result\n  // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n  // after the delay, when the timer expires, at which point we should show the loading indicator.\n  // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n  // and no loading indicator will be shown.\n  // (ListView detects its loading state by checking data === null.  While it would be nice for\n  // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n  // If valueItems === null triggers our loading state, then the selections in the dropdown\n  // are cleared for that period of time, which is undesirable.)\n  const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n  const displayValue = useDisplayValue(itemText, valueItem);\n\n  // add methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      [UNSAFE_DOM_ACCESS]: inputRef.current!\n    }),\n    []\n  );\n\n  const {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    isFocused,\n    isUserFiltering,\n    onCurrentKeyChange,\n    searchText,\n    setCurrentRowOverride,\n    stopFiltering,\n    updateFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    // The component can only be in a focused visual state\n    isFocused: true,\n    onFilter\n  });\n\n  const { baseId, formFieldContext, inputProps, labelProps, userAssistanceProps } = useTextField({\n    ariaDescribedBy,\n    helpSourceLink,\n    helpSourceText,\n    isFocused,\n    isLoading,\n    value: valueItem !== undefined ? true : undefined\n  });\n  const listId = `${baseId}-list`;\n\n  // If we're waiting for the selected values to load, the component should look like it\n  // has a value in the meantime.\n  // Use the original propIsLoading instead of isLoading because we don't want to delay\n  // the inside label position by a timer like we do the progressive loading indicator.\n  formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const liveRegionText = isDataFetched\n    ? data?.totalSize === 0\n      ? translations.select_noMatchesFound()\n      : data?.totalSize === 1\n      ? translations.select_oneMatchFound()\n      : data?.sizePrecision === 'exact'\n      ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n      : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n    : '';\n\n  /**\n   * Lifecycle updates\n   */\n  // When the valueItem changes, save the new selectedKeys\n  if (prevValueItemRef.current !== valueItem) {\n    prevValueItemRef.current = valueItem;\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }\n\n  // When data changes, highlight the first result\n  if (prevDataRef.current !== data) {\n    prevDataRef.current = data;\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (isUserFiltering && data != null && data.offset === 0 && data.data.length > 0) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRowOverride({\n        rowKey: !isSearchTextEmptyOrUndefined(searchText) ? data.data[0].metadata.key : undefined\n      });\n    }\n  }\n\n  // During the initial render, set the current row override if we have selected values.\n  // This way pressing DOWN arrow will start the navigation from the selected row.\n  if (isInitialRender.current) {\n    isInitialRender.current = false;\n    setCurrentRowOverride({ rowKey: [...(selectedKeys ?? [undefined])][0] });\n  }\n\n  /**\n   * A helper onCommit wrapper that consumes the metadata and calls the\n   * propOnCommit with only the necessary information.\n   * (Similar to onCommit in useSelectSingle.ts)\n   */\n  const onCommit = useCallback(\n    (value: K | undefined, metadata: CommitMetadata) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined,\n        reason: metadata.reason\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  /**\n   * A helper function to clear the selectedKeys and commits empty value.\n   * (Similar to clearValue in useSelectSingle.ts but without dropdown related logic)\n   */\n  const clearValue = useCallback(\n    (metadata: CommitMetadata) => {\n      setSelectedKeys(new Set<K>());\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(undefined, metadata);\n    },\n    [onCommit]\n  );\n\n  /**\n   * Determine if we need to clear the value because the user has deleted all the text.\n   * (Similar to isClearValueNeeded in useSelectSingle.ts)\n   */\n  const isClearValueNeeded = useCallback(() => {\n    return isUserFiltering && userInput === '' && valueItem !== undefined;\n  }, [isUserFiltering, userInput, valueItem]);\n\n  /**\n   * Handler for List.onItemAction\n   * (Similar to useSelectSingle.ts's onItemAction but without dropdown related logic)\n   * This is used for handling:\n   * - Commits value when one performs an action on the list\n   */\n  const handleItemAction = useCallback<\n    UseCollectionRendererSelectSingleParams<K, D>['onItemAction']\n  >(\n    (detail) => {\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey, { reason: 'itemAction' });\n    },\n    [onCommit, stopFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onInput\n   * This is used for handling:\n   * - Typing in text in the field should filter the results (i.e. invoke onFilter with the text)\n   */\n  const handleFieldInput = useCallback(\n    ({ value }: ValueUpdateDetail<string>) => {\n      updateFiltering(value);\n      onFilter?.({ searchText: value });\n    },\n    [onFilter, updateFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyDown\n   * This is used for handling:\n   * - Prevents default browser behavior on UP/DOWN to avoid scrolling\n   * - Clears value or selects current row on ENTER\n   * - Clears value or selects current row on TAB\n   */\n  const handleFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the default action, since we do not want the page to scroll\n          event.preventDefault();\n          break;\n        case KEYS.ENTER:\n        case KEYS.TAB: {\n          // if this is on a mobile device (only phone and not in tablet devices), do not do anything\n          if (isPhone()) return;\n\n          // Otherwise, proceed\n          const commitMetadata: CommitMetadata = {\n            reason: event.code === KEYS.TAB ? 'tabKey' : 'itemAction'\n          };\n          // check to see if we need to clear the value\n          if (isClearValueNeeded()) {\n            // in this case, clear the value and return.\n            clearValue(commitMetadata);\n            return;\n          }\n\n          // if there is no data to select, no need to handle this event\n          if (data == null || data.data.length === 0) return;\n\n          // If we will be making a selection, the user is no longer actively filtering,\n          // so update related state accordingly so that the newly selected value appears in the field.\n          stopFiltering();\n\n          // Current design have this component in a dropdown/modal. So, pressing Tab from\n          // the main field without doing any other interaction is still considered a selection\n          // unlike SelectSingle (see JET-68215). So, we handle both Enter and Tab similarly.\n          // If there is a currentRow in the dropdown (meaning a highlighted item that would\n          // have keyboard focus if the dropdown list had physical focus, which may be different\n          // from the currently selected item), select it and commit it.\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, commitMetadata);\n            return;\n          }\n          // Otherwise commit the currently selected value again so that a valueAction event\n          // can be fired from the core-pack side.\n          onCommit(valueItem?.key ?? undefined, commitMetadata);\n          break;\n        }\n      }\n    },\n    [clearValue, currentRowKeyRef, data, isClearValueNeeded, onCommit, stopFiltering, valueItem]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyUp\n   * This is used for handling:\n   * - Pressing UP/DOWN from the main field should move the focus to the list\n   * - If Ctrl or Fn key is pressed, then ignore the event\n   */\n  const handleFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // Transfer physical focus into the dropdown only if the data is present and the dropdown\n          // has rendered the data. Otherwise, keep the focus in the field.\n          if (data != null && dropdownRef.current) {\n            // get the focusable element from the dropdown.\n            // consider element with tabindex=-1 as well.\n            const firstFocusableElem = allTabbableElements(dropdownRef.current, undefined, true)[0];\n            // focus the first element if it exists\n            firstFocusableElem?.focus();\n\n            // set the first row as current row if there is no current row at the moment\n            if (currentRowOverride.rowKey === undefined) {\n              setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n            }\n          }\n          // prevent the default action, since we are handling it\n          event.preventDefault();\n          break;\n      }\n    },\n    [currentRowOverride, data, dropdownRef, setCurrentRowOverride]\n  );\n\n  /**\n   * Handler for DropdownList.onKeyDown\n   * This is used for handling:\n   * - Pressing Tab when highlighted on a list item should select & commit that item as value\n   */\n  const handleListKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case KEYS.TAB:\n          // if there is a currentRow in the dropdown, select it and commit it\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, { reason: 'tabKey' });\n          }\n          break;\n      }\n    },\n    [currentRowKeyRef, data, onCommit]\n  );\n\n  /**\n   * Handler for ClearButton.onClick\n   * This is for handling:\n   * - on clicking the clear icon, the value & selection should be cleared.\n   */\n  const handleClearButtonClick = useCallback(() => {\n    // reset the user filter and the value of the component\n    stopFiltering();\n    // clear the value\n    clearValue({ reason: 'itemAction' });\n    // set focus to the input\n    inputRef.current?.focus();\n    // call onFilter with undefined\n    onFilter?.({ searchText: undefined });\n  }, [clearValue, onFilter, stopFiltering]);\n\n  /**\n   * Create collection Renderer context. This will be used by the default\n   * collectionRenderer.\n   */\n  const collectionRendererContext = useCollectionRenderer<K, D>({\n    currentKey: currentRowOverride.rowKey,\n    searchText,\n    selectedKeys,\n    onCurrentKeyChange,\n    onItemAction: handleItemAction\n  });\n\n  // TODO: JET-73973 - ListView is not respecting TabbableMode\n  // Currently List does not respect TabbableMode, so for now explicitly set tabindex=\"-1\".\n  // When this bug is fixed, this useEffect can be removed.\n  useEffect(() => {\n    const list = dropdownRef.current?.querySelector('div[role=\"listbox\"][tabindex=\"0\"]');\n    list?.setAttribute('tabindex', '-1');\n  });\n\n  return {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance: Boolean(assistiveText || helpSourceLink),\n    isEmptyResults,\n    isUserFiltering,\n    labelProps: {\n      ...labelProps,\n      children: label\n    } satisfies ComponentProps<typeof Label>,\n    listContainerProps: {\n      id: listId,\n      dropdownListRef: dropdownRef,\n      onKeyDown: handleListKeyDown\n    } satisfies ComponentProps<typeof DropdownList>,\n    selectSingleFieldProps: {\n      contentVariant: 'input',\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      isBackButtonShown: hasBackIcon === 'always',\n      isClearButtonShown: hasClearIcon === 'conditionally' && valueItem !== undefined,\n      onBackButtonClick: onBackIconAction,\n      onClearButtonClick: handleClearButtonClick,\n      styleVariant: 'embedded' as const\n    } satisfies Omit<ComponentProps<typeof SelectSingleField>, 'children'>,\n    selectFieldInputProps: {\n      ...inputProps,\n      'aria-controls': listId,\n      // InlineSelectSingle always have the list open, so it will always be in an expanded state.\n      'aria-expanded': true,\n      displayValue,\n      // InlineSelectSingle currently only supports inside label,\n      // so it is expected to always have a label.\n      hasEmptyLabel: false,\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      inputRef,\n      // InlineSelectSingle currently does not support Add to List.\n      isAddToListShown: false,\n      // InlineSelectSingle currently does not support Advanced Search.\n      isAdvancedSearchShown: false,\n      // InlineSelectSingle currently does not support Required.\n      isRequired: false,\n      isUserFiltering,\n      liveRegionText,\n      onInput: handleFieldInput,\n      onKeyDown: handleFieldKeyDown,\n      onKeyUp: handleFieldKeyUp,\n      placeholder,\n      textAlign,\n      userInput,\n      variant: 'embedded',\n      virtualKeyboard\n    } satisfies ComponentProps<typeof SelectSingleFieldInput>,\n    userAssistanceProps: {\n      ...userAssistanceProps,\n      assistiveText,\n      fieldLabel: label,\n      helpSourceLink,\n      helpSourceText\n    } satisfies ComponentProps<typeof InlineUserAssistance>\n  };\n}\n"],"names":["PREVENT_TABBING","isTabbable","InlineSelectSingle","forwardRef","props","ref","data","itemRenderer","itemText","label","onLoadRange","testId","userAssistancePosition","collectionRendererContext","formFieldContext","hasUserAssistance","isEmptyResults","isUserFiltering","labelProps","listContainerProps","selectSingleFieldProps","selectFieldInputProps","userAssistanceProps","ariaDescribedBy","assistiveText","hasBackIcon","hasClearIcon","helpSourceLink","helpSourceText","isLoading","propIsLoading","onBackIconAction","onCommit","propOnCommit","onFilter","placeholder","textAlign","propTextAlign","valueItem","virtualKeyboard","inputRef","useRef","formTextAlign","useFormContext","isDataFetched","isBeforeDataFetch","totalSize","prevDataRef","prevValueItemRef","isInitialRender","selectedKeys","setSelectedKeys","useState","undefined","Set","key","useLoadingIndicatorTimer","displayValue","useDisplayValue","useImperativeHandle","focus","current","blur","UNSAFE_DOM_ACCESS","currentRowKeyRef","currentRowOverride","dropdownRef","isFocused","onCurrentKeyChange","searchText","setCurrentRowOverride","stopFiltering","updateFiltering","userInput","useSelectCommon","baseId","inputProps","useTextField","value","listId","hasValue","translations","useTranslationBundle","liveRegionText","select_noMatchesFound","select_oneMatchFound","sizePrecision","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","offset","length","rowKey","isSearchTextEmptyOrUndefined","metadata","useCallback","previousValue","reason","clearValue","isClearValueNeeded","handleItemAction","detail","newKey","context","handleFieldInput","handleFieldKeyDown","event","isControlOrFunctionKey","code","KEYS","UP","DOWN","preventDefault","ENTER","TAB","isPhone","commitMetadata","handleFieldKeyUp","firstFocusableElem","allTabbableElements","handleListKeyDown","handleClearButtonClick","useCollectionRenderer","currentKey","onItemAction","useEffect","list","querySelector","setAttribute","Boolean","children","id","dropdownListRef","onKeyDown","contentVariant","hasInsideLabel","isBackButtonShown","isClearButtonShown","onBackButtonClick","onClearButtonClick","styleVariant","hasEmptyLabel","isAddToListShown","isAdvancedSearchShown","isRequired","onInput","onKeyUp","variant","fieldLabel","useInlineSelectSingle","defaultCollectionRenderer","onPersistCurrentRowKey","onRowAction","selected","currentRowKeyOverride","_jsx","DefaultList","currentItemVariant","selectionMode","userAssistance","View","minWidth","padding","jsx","InlineUserAssistance","Flex","direction","gap","maxHeight","width","_jsxs","FormFieldContext","Provider","flex","SelectSingleField","Label","SelectSingleFieldInput","Separator","DropdownList","hasBottomGap","hasTopGap","TabbableModeContext","EmptyResults","jsxs"],"mappings":"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"}

package/amd/InlineUserAssistance-e406e352.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './ComponentMessageContainer-7d775a43', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './InlineHelp-1fc7b3a9', './useTranslationBundle-8e42d505', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-9afc201a'], (function(e,s,t,n,o,a,i,r,l,c,d,u,m,p,h,C,g,A,T,x,y,U,f,F,S,b,M,I,w,B,N,_,E,j,v,k,H,L,R,q,G){"use strict";function V({align:e="end",hasHelp:t=!1,hasMessages:n=!1}){const{classes:o}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{align:e,visible:t||n?"hide":"show"}),a=v.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:o,children:a})}function D({variant:e="reflow",children:t,id:n,testId:o}){const{classes:a,styles:{inlineContainerBaseStyles:i}}=k.useComponentTheme(H.UserAssistanceRedwoodTheme,{container:e}),r=G.useTestId(o);if(null!==q.useInputGroupContext())return null;return s.jsx("div",{class:L.classNames([a,i]),id:n,...r,children:t})}e.InlineRequired=V,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:t,helpSourceLink:n,helpSourceText:o,id:a,isRequiredShown:i,requiredAlignment:r,messages:l=[],userAssistanceDensity:c,testId:d}){const{isReadonly:u}=N.useFormContext(),m="efficient"===c&&!1===u,{isFocused:p}=E.useFormFieldContext(),h=l.length>0?s.jsx(w.ComponentMessageContainer,{fieldLabel:t,messages:l}):(e||n)&&p?s.jsx(j.InlineHelp,{assistiveText:e,sourceLink:n,sourceText:o}):i?s.jsx(V,{align:r}):null;return h||m?s.jsx(D,{id:a,variant:c,testId:d,children:h}):null},e.InlineUserAssistanceContainer=D}));
+//# sourceMappingURL=InlineUserAssistance-e406e352.js.map

package/amd/InlineUserAssistance-e406e352.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineUserAssistance-e406e352.js","sources":["../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n} & TestIdProps;\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id, testId }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  const testIdProps = useTestId(testId);\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id} {...testIdProps}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n} & TestIdProps;\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity,\n  testId\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity} testId={testId}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineRequired","align","hasHelp","hasMessages","classes","useComponentTheme","UserAssistanceRedwoodTheme","visible","requiredStr","useTranslationBundle","userAssistance_required","_jsx","class","children","InlineUserAssistanceContainer","variant","id","testId","styles","inlineContainerBaseStyles","container","testIdProps","useTestId","useInputGroupContext","classNames","assistiveText","fieldLabel","helpSourceLink","helpSourceText","isRequiredShown","requiredAlignment","messages","userAssistanceDensity","isReadonly","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","isFocused","useFormFieldContext","uaInlineContent","length","ComponentMessageContainer","InlineHelp","sourceLink","sourceText"],"mappings":"6lDAYgB,SAAAA,GAAeC,MAAEA,EAAQ,MAAKC,QAAEA,GAAU,EAAKC,YAAEA,GAAc,IAC7E,MAAMC,QAAEA,GAAYC,EAAiBA,kBAA+BC,6BAA4B,CAC9FL,QACAM,QAASL,GAAWC,EAAc,OAAS,SAIvCK,EADeC,uBAAiC,4BACrBC,0BAEjC,OAAOC,EAAAA,WAAKC,MAAOR,EAAUS,SAAAL,GAC/B,CCFgB,SAAAM,GAA8BC,QAAEA,EAAU,SAAQF,SAAEA,EAAQG,GAAEA,EAAEC,OAAEA,IAChF,MAAMb,QACJA,EACAc,QAAQC,0BAAEA,IACRd,EAAiBA,kBACnBC,6BACA,CACEc,UAAWL,IAITM,EAAcC,YAAUL,GAI9B,GAA0B,OADAM,EAAAA,uBACM,OAAO,KAQvC,OALEZ,EAAAA,IAAK,MAAA,CAAAC,MAAOY,EAAAA,WAAW,CAACpB,EAASe,IAA6BH,GAAIA,KAAQK,EACvER,SAAAA,GAKP,2CCpBM,UAA+BY,cACnCA,EAAaC,WACbA,EAAUC,eACVA,EAAcC,eACdA,EAAcZ,GACdA,EAAEa,gBACFA,EAAeC,kBACfA,EAAiBC,SACjBA,EAAW,GAAEC,sBACbA,EAAqBf,OACrBA,IAEA,MAAQgB,WAAYC,GAAmBC,EAAcA,iBAC/CC,EACsB,cAA1BJ,IAA4D,IAAnBE,GACrCG,UAAEA,GAAcC,EAAAA,sBAChBC,EACJR,EAASS,OAAS,EAChB7B,EAAAA,IAAC8B,EAAAA,0BAAyB,CAACf,WAAYA,EAAYK,SAAUA,KAC1DN,GAAiBE,IAAmBU,EACvC1B,EAAAA,IAAC+B,EAAAA,WAAU,CACTjB,cAAeA,EACfkB,WAAYhB,EACZiB,WAAYhB,IAEZC,EACFlB,EAAAA,IAACX,EAAe,CAAAC,MAAO6B,IACrB,KAKN,OAAOS,GAAmBH,EACxBzB,EAAAA,IAACG,EAA6B,CAACE,GAAIA,EAAID,QAASiB,EAAuBf,OAAQA,EAAMJ,SAClF0B,IAED,IACN"}

package/amd/InputColor-192a309b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './swatchData-ef8329c2', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputColor/themes/InputColorPickerDropdownStyles.css', './Sheet-c7f3fe2d', './ColorPicker-d578df9c', './SectionedContent-054e2fc2', './ColorSwatch-57d78771', './useDownToggle-80b61b43', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useHover-8b8a1496', './useTextField-3ab0a23b', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860'], (function(e,s,t,o,a,l,n,r,i,c,d,u,p,m,b,h,y,x,C,S,f,v,F,T,g,A,I,R,w,V,U,k,D,E,j,P,_,B,L,H,M,N,O,z,W,q,G,K,Z,$,J,Q,X,Y,ee,se,te,oe,ae,le,ne,re,ie,ce,de,ue,pe,me,be,he,ye,xe,Ce){"use strict";const Se=({anchorRef:e,assistiveText:t,swatchSize:a,palette:l,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:p,label:b,onClose:h,onCommit:y,messages:x,testId:C,userAssistanceDensity:S,value:f})=>{const[v,F]=o.useState(!1),[T,g]=o.useState(u),A=o.useCallback((e=>{F(e.placement.startsWith("top"))}),[]);T!==u&&(g(u),u||F(!1));const I=fe(),{colorPicker_label:R}=c.useTranslationBundle("@oracle/oraclejet-preact"),w=R(),V=s.jsx(W.ColorPicker,{height:I?void 0:"auto",onCommit:y,maxWidth:I?"100%":void 0,width:"100%",swatchSize:a,palette:l,testId:C,value:f}),U=!u||v&&!I||d||p||!(t||r||x&&x.length>0)||"efficient"!==S&&"reflow"!==S?void 0:s.jsx(n.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:O.userAssistanceStyles,children:s.jsx(m.InlineUserAssistance,{assistiveText:t,fieldLabel:b,helpSourceLink:r,helpSourceText:i,messages:x,userAssistanceDensity:S})})}),k=C?C+(I?"_sheet":"_dropdown"):void 0,D=s.jsx("div",{class:O.dropdownStyles,children:s.jsx(q.SectionedContent,{paddingBlockEnd:"3.5x",paddingBlockStart:"3.5x",paddingInlineEnd:"3.5x",paddingInlineStart:"3.5x","aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})});return I?s.jsx(z.Sheet,{isOpen:u,onClose:h,children:s.jsx(q.SectionedContent,{"aria-label":w,footer:U,hasFocusTrap:!0,main:V,role:"dialog",testId:k})}):s.jsx(q.StickyPositioningDropdown,{anchorRef:e,isOpen:u,onClose:h,onPosition:A,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:D})},fe=()=>"phone"===l.getClientHints().deviceType,ve=(e,s)=>{switch(s.type){case"colorChanged":case"colorSelected":return{...e,colorValue:s.data};case"reset":return{colorValue:s.data};default:return e}},Fe=({onCommit:e,onInput:s,value:t})=>{const[l,n]=o.useState(!1),r=o.useRef(null),i=o.useRef(null),c=o.useRef(!1),d=o.useRef(),u=o.useRef(t),p=o.useRef(t),m=o.useRef(t),b=o.useRef(!1),{state:h,dispatch:y}=(({value:e})=>{const[s,t]=o.useReducer(ve,{colorValue:e});return{state:s,dispatch:t}})({value:t});a.colorsAreDifferent(m.current,t)&&(m.current=t,a.colorsAreDifferent(t,h.colorValue)&&(y({type:"reset",data:t}),p.current=t,u.current=t)),o.useEffect((()=>{a.colorsAreDifferent(h.colorValue,p.current)&&(s({previousValue:p.current,value:h.colorValue}),p.current=h.colorValue),b.current&&a.colorsAreDifferent(h.colorValue,u.current)&&(e?.({previousValue:u.current,value:h.colorValue}),u.current=h.colorValue,b.current=!1)}),[e,s,h.colorValue]);const x=o.useCallback((e=>{y({type:"colorChanged",data:e.value})}),[y]),C=o.useCallback((()=>{a.colorsAreDifferent(u.current,h.colorValue)&&(e?.({value:h.colorValue,previousValue:u.current}),u.current=h.colorValue)}),[e,h.colorValue]),S=o.useCallback((()=>{c.current||n((e=>!e)),c.current=!1}),[]),f=o.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(d.current),d.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||r.current?.focus(),n(!1)}),[]),v=o.useCallback((e=>{r.current?.focus(),b.current=!0,y({type:"colorSelected",data:e.value}),n(!1)}),[y]),F=o.useCallback((()=>{n(!0)}),[]),{triggerProps:T}=K.useDownToggle({isOpen:l,onToggle:F});return{colorIconActionHandler:S,colorPickerCommitHandler:v,dropdownCloseHandler:f,containerDropdownProps:T,colorValue:h.colorValue,iconRef:r,isOpen:l,colorCommitHandler:C,colorInputHandler:x,colorRef:i}},Te=t.forwardRef((({"aria-describedby":e,swatchSize:t,palette:l,value:r,isDisabled:i,isReadonly:d,labelEdge:u,labelStartWidth:p,isRequiredShown:b=!1,isRequired:h=!1,placeholder:y,hasClearIcon:x,columnSpan:C,textAlign:S,autoComplete:f,messages:v,assistiveText:F,helpSourceLink:T,helpSourceText:g,label:A,onCommit:I,onInput:R,testId:w,variant:V,userAssistanceDensity:U},k)=>{const{colorIconActionHandler:D,colorPickerCommitHandler:E,dropdownCloseHandler:j,colorValue:P,containerDropdownProps:_,iconRef:B,isOpen:L,colorCommitHandler:H,colorInputHandler:M,colorRef:N}=Fe({onCommit:I,onInput:R,value:r}),O=o.useRef(null),{inputColor_selectColor:z}=c.useTranslationBundle("@oracle/oraclejet-preact"),W=z(),{onKeyDown:q,...K}=_,{currentCommitValue:J,dispatch:se}=xe.useCurrentValueReducer({value:P}),oe=o.useCallback((e=>{se({type:"input",payload:e.value}),M?.(e)}),[M,se]),re=o.useCallback((e=>{se({type:"commit",payload:e.value}),H?.(e)}),[H,se]),{isDisabled:ie,isReadonly:ce,labelEdge:de,labelStartWidth:ue,textAlign:pe,userAssistanceDensity:me}=Q.useFormContext(),fe=i??ie,ve=d??ce,Te=u??de,Ae=p??ue,Ie=S??pe,Re=U??me,we=o.useRef(null),{focusProps:Ve,isFocused:Ue,methods:ke}=$.useFocusableTextField({isDisabled:fe,isReadonly:ve,enabledElementRef:N,readonlyElementRef:we}),{methods:De}=Ce.useSelectableTextField(N);o.useImperativeHandle(k,(()=>he.mergeProps(ke,De)),[ke,De]);const{hoverProps:Ee,isHover:je}=X.useHover({isDisabled:ve||fe||!1}),{formFieldContext:Pe,inputProps:_e,labelProps:Be,textFieldProps:Le,userAssistanceProps:He}=Y.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isFocused:Ue||L,isReadonly:ve,isRequiredShown:b,labelEdge:Te,messages:v,styleVariant:V,userAssistanceDensity:Re,value:P}),Me=o.useCallback((()=>{N.current?.focus(),oe?.({previousValue:P,value:void 0})}),[oe,P,N]),Ne=Z.useClearIcon({clearIcon:s.jsx(ye.ClearIcon,{onClick:Me,testId:`${w}_clearicon`}),display:x,hasValue:Pe.hasValue,isFocused:Ue,isEnabled:!ve&&!fe,isHover:je}),Oe=void 0!==A&&"inside"===Te,ze="none"!==Te?s.jsx(ee.Label,{...Be,children:A}):void 0,We={label:"none"!==Te?ze:void 0,labelEdge:"none"!==Te?Te:void 0,labelStartWidth:"none"!==Te?Ae:void 0},qe="none"===Te?A:void 0,Ge="efficient"===Re||"reflow"===Re?fe||ve?"efficient"!==Re?void 0:s.jsx(m.InlineUserAssistance,{userAssistanceDensity:Re,...He}):s.jsx(m.InlineUserAssistance,{assistiveText:F,fieldLabel:A,helpSourceLink:T,helpSourceText:g,messages:v,isRequiredShown:b,userAssistanceDensity:Re,...He}):void 0,Ke=o.useRef(null),Ze=O??Ke,$e="compact"===Re?s.jsx(be.CompactUserAssistance,{anchorRef:Ze,messages:v,assistiveText:F,...He}):void 0,Je=ve?s.jsx(ae.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":qe,"aria-labelledby":Be.id,as:"div",elementRef:we,textAlign:Ie,value:P,hasEmptyLabel:""===A&&"none"===Te,hasInsideLabel:Oe}):s.jsx(te.TextFieldInput,{"aria-labelledby":Be.id,"aria-label":qe,autoComplete:f,currentCommitValue:J,hasEmptyLabel:""===A&&"none"===Te,hasEndContent:!1,hasInsideLabel:void 0!==ze&&"inside"===Te,hasStartContent:!0,inputRef:N,isRequired:h,placeholder:y,textAlign:Ie,type:ge()?"text":void 0,value:P,onCommit:re,onInput:oe,onKeyDown:q,..._e});return s.jsxs(s.Fragment,{children:[s.jsx(n.FormFieldContext.Provider,{value:Pe,children:ve?s.jsx(le.ReadonlyTextField,{role:"presentation",columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,ref:Ze,mainContent:Je,testId:w,...We}):s.jsx(ne.TextField,{endContent:Ne,columnSpan:C,compactUserAssistance:$e,inlineUserAssistance:Ge,mainContent:Je,onBlur:Ve.onFocusOut,onFocus:Ve.onFocusIn,startContent:s.jsx(G.ColorSwatch,{size:"xs","aria-haspopup":l?"grid":void 0,"aria-label":l?W:void 0,isDisabled:fe,isButton:!0,isTooltipDisabled:L,ref:B,testId:w?w+"_colorIcon":void 0,value:J,onToggle:fe||!l?void 0:D}),mainFieldRef:Ze,hasZeroStartMargin:!0,testId:w,...Le,...We,...Ee,...K})}),L&&!ve&&!fe&&s.jsx(Se,{anchorRef:O,assistiveText:F,helpSourceLink:T,helpSourceText:g,isDisabled:fe,isReadonly:ve,isOpen:L,label:A,onClose:j,onCommit:E,messages:v,testId:w?w+"_colorPicker":void 0,userAssistanceDensity:Re,value:P&&a.isValidColorValue(P)?P:void 0,palette:l,swatchSize:t})]})}));function ge(){const e=l.getClientHints().deviceType;return"phone"===e||"tablet"===e}Te.displayName="InputColor",e.InputColor=Te}));
+//# sourceMappingURL=InputColor-192a309b.js.map