@oracle/oraclejet-preact 18.1.5 → 18.1.7

package/amd/Grid-e6f0d4a6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './grid-767b4587', './boxalignment-50db1e3a', './mergeInterpolations-9ede4cf7', 'css!./GridStyles.styles.css', './useTestId-0140aa44'], (function(e,s,t,r,i,a,n){"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:a,...l})=>{const{class:o,...c}=d(l),b=n.useTestId(i),u={...c};return s.jsx("div",{class:`GridStyles_baseStyles__11rn47i0 ${o||""}`,style:u,role:a,"aria-label":e,"aria-hidden":t,...b,children:r})}}));
+//# sourceMappingURL=Grid-e6f0d4a6.js.map

package/amd/Grid-e6f0d4a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-e6f0d4a6.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\n\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles } from './GridStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\n\ntype Props = GridProps &\n  BoxAlignmentProps &\n  TestIdProps & {\n    /**\n     * The aria role for the Grid\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * aria-label for this Grid\n     */\n    'aria-label'?: HTMLAttributesSignalExcluded['aria-label'];\n    /**\n     * aria-hidden for this Grid\n     */\n    'aria-hidden'?: HTMLAttributesSignalExcluded['aria-hidden'];\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({\n  'aria-label': ariaLabel,\n  'aria-hidden': ariaHidden,\n  children,\n  testId,\n  role,\n  ...props\n}: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const testIdProps = useTestId(testId);\n  const allStyles = { ...styles };\n  return (\n    <div\n      class={`${baseStyles} ${cls ? cls : ''}`}\n      style={allStyles}\n      role={role}\n      aria-label={ariaLabel}\n      aria-hidden={ariaHidden}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["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-efa5606a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './classNames-08d99695', './useColorScheme-09a67d56'], (function(e,s,t,i,n,l){"use strict";function o(e,s,t){return{x1:s?e.x+e.width:e.x,x2:s?e.x+e.width:e.x,y1:e.y,y2:e.y+e.height,stroke:t?.lineColor,strokeWidth:t?.lineWidth}}const r={yMajorTick:{isRendered:!0},yMinorTick:{isRendered:!1},xMajorTick:{isRendered:!1},xMinorTick:{isRendered:!1}};e.Gridlines=function({plotArea:e=r,yMinorTicks:i,xMinorTicks:o,xScale:d,yScale:a,isLog:y,yTicks:c,xTicks:h,yAxisPosition:k,isDataXAxis:x}){const S="top"===k||"bottom"===k,[$,L]=d.range(),[m,M]=a.range();let T="",g="",f="",u="";const{yMajorTick:j,yMinorTick:p,xMajorTick:v,xMinorTick:R}=e,A={...r.yMajorTick,...j},W={...r.yMinorTick,...p},P={...r.xMinorTick,...R},C={...r.xMajorTick,...v},b=!0===W?.isRendered||y,w=!0===C?.isRendered||!1===v?.isRendered&&x;if(A?.isRendered)for(let e=1;e<c.length;e++){let s=a.transform(c[e]);e===c.length-1&&(s+=S?-1:1),T+=S?`M${s},${$}L${s},${L}`:`M${$},${s}L${L},${s}`}if(w&&h)for(let e=1;e<h.length;e++){const s=d.transform(h[e]);g+=S?`M${m},${s}L${M},${s}`:`M${s},${m}L${s},${M}`}if(b)for(let e=0;e<i.length;e++){const s=a.transform(i[e]);f+=S?`M${s},${$}L${s},${L}`:`M${$},${s}L${L},${s}`}if(P.isRendered&&o)for(let e=0;e<o.length;e++){const s=d.transform(o[e]);u+=S?`M${m},${s}L${M},${s}`:`M${s},${m}L${s},${M}`}const E=l.useColorScheme();return s.jsxs(s.Fragment,{children:[A?.isRendered&&s.jsx("path",{d:T,class:n.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===A?.lineStyle?t.styles.dashedLine:void 0,"dotted"===A?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:A.lineColor,strokeWidth:A.lineWidth}}),w&&s.jsx("path",{d:g,class:n.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===C?.lineStyle?t.styles.dashedLine:void 0,"dotted"===C?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:C.lineColor,strokeWidth:C.lineWidth}}),b&&s.jsx("path",{d:f,class:n.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===E?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===W?.lineStyle?t.styles.dashedLine:void 0,"dotted"===W?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:W?.lineColor,strokeWidth:W?.lineWidth}}),P.isRendered&&s.jsx("path",{d:u,class:n.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===E?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===P?.lineStyle?t.styles.dashedLine:void 0,"dotted"===P?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:P?.lineColor,strokeWidth:P?.lineWidth}})]})},e.PlotArea=function({color:e,yScale:l,isLog:r,availSpace:d,xAxisPosition:a,cursor:y,isDataXAxis:c,isRtl:h,hasAxisLine:k,dragOverStyle:x}){const S=!r&&l.domain()[0]<0&&l.domain()[1]>0,$=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}}(d,a),L=function(e,s,t){let i,n,l,o;return"bottom"===t?(i=e.x,n=e.x+e.width,l=s,o=s):(i=s,n=s,l=e.y,o=e.y+e.height),{x1:i,x2:n,y1:l,y2:o}}(d,l.transform(0),a),m=[];switch(x){case"accept":m.push(i.styles.dndDragOverSvgStyle);break;case"reject":m.push(i.styles.dndRejectedStyle),m.push(t.styles.plotAreaStyle);break;case"none":m.push(t.styles.plotAreaStyle)}return s.jsxs(s.Fragment,{children:[s.jsx("rect",{...d,class:n.classNames(m),style:{fill:"accept"===x?void 0:e,cursor:y}}),c&&s.jsx("line",{...o(d,h),class:t.styles.axisLineStyle}),k&&s.jsx("line",{...$,class:t.styles.axisLineStyle}),S&&s.jsx("line",{...L,class:t.styles.baseLineStyle})]})}}));
+//# sourceMappingURL=Gridlines-efa5606a.js.map

package/amd/Gridlines-efa5606a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gridlines-efa5606a.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  isRtl?: boolean,\n  axisLine?: {\n    lineColor?: ColorProps['color'];\n    lineWidth?: number;\n    isRendered: boolean;\n  }\n) {\n  return {\n    x1: isRtl ? availSpace.x + availSpace.width : availSpace.x,\n    x2: isRtl ? availSpace.x + availSpace.width : availSpace.x,\n    y1: availSpace.y,\n    y2: availSpace.y + availSpace.height,\n    stroke: axisLine?.lineColor,\n    strokeWidth: axisLine?.lineWidth\n  };\n}\n\nexport function getBaseLineProps(\n  availSpace: Dimension,\n  coord: number,\n  axisPosition: 'left' | 'right' | 'top' | 'bottom'\n) {\n  let x1, x2, y1, y2: number;\n  if (axisPosition === 'bottom') {\n    x1 = availSpace.x;\n    x2 = availSpace.x + availSpace.width;\n    y1 = coord;\n    y2 = coord;\n  } else {\n    x1 = coord;\n    x2 = coord;\n    y1 = availSpace.y;\n    y2 = availSpace.y + availSpace.height;\n  }\n\n  return { x1, x2, y1, y2 };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { styles } from './themes/PlotAreaStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ChartPlotArea, Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\n\ntype Props = {\n  xScale: Scale;\n  yScale: Scale;\n  isLog: boolean;\n  yTicks: number[];\n  xTicks?: number[];\n  yMinorTicks: number[];\n  xMinorTicks?: number[];\n  plotArea?: ChartPlotArea;\n  yAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  isDataXAxis?: boolean;\n};\n\nconst TICK_DEFAULT = {\n  yMajorTick: {\n    isRendered: true\n  },\n  yMinorTick: {\n    isRendered: false\n  },\n  xMajorTick: {\n    isRendered: false\n  },\n  xMinorTick: {\n    isRendered: false\n  }\n};\n\nexport function Gridlines({\n  plotArea = TICK_DEFAULT,\n  yMinorTicks,\n  xMinorTicks,\n  xScale,\n  yScale,\n  isLog,\n  yTicks,\n  xTicks,\n  yAxisPosition,\n  isDataXAxis\n}: Props) {\n  const isHoriz = yAxisPosition === 'top' || yAxisPosition === 'bottom';\n  const [x1, x2] = xScale.range();\n  const [y1, y2] = yScale.range();\n\n  let yLinesPath = '';\n  let xLinesPath = '';\n  let yMinorPath = '';\n  let xMinorPath = '';\n  const {\n    yMajorTick: _yMajorTick,\n    yMinorTick: _yMinorTick,\n    xMajorTick: _xMajorTick,\n    xMinorTick: _xMinorTick\n  } = plotArea;\n  const yMajorTick = { ...TICK_DEFAULT.yMajorTick, ..._yMajorTick };\n  const yMinorTick = { ...TICK_DEFAULT.yMinorTick, ..._yMinorTick };\n  const xMinorTick = { ...TICK_DEFAULT.xMinorTick, ..._xMinorTick };\n  const xMajorTick = { ...TICK_DEFAULT.xMajorTick, ..._xMajorTick };\n  const isYMinorRendered = yMinorTick?.isRendered === true || isLog;\n  const isXMajorRendered =\n    xMajorTick?.isRendered === true || (_xMajorTick?.isRendered === false && isDataXAxis);\n\n  if (yMajorTick?.isRendered) {\n    for (let i = 1; i < yTicks.length; i++) {\n      let y = yScale.transform(yTicks[i]);\n      // last grid line get's clipped due to plot area clippath. Slightly adjust\n      // coord so that it's not clipped.\n      if (i === yTicks.length - 1) {\n        y += isHoriz ? -1 : 1;\n      }\n      yLinesPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (isXMajorRendered) {\n    if (xTicks) {\n      for (let i = 1; i < xTicks.length; i++) {\n        const x = xScale.transform(xTicks[i]);\n        xLinesPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n      }\n    }\n  }\n\n  if (isYMinorRendered) {\n    for (let i = 0; i < yMinorTicks.length; i++) {\n      const y = yScale.transform(yMinorTicks[i]);\n      yMinorPath += isHoriz ? `M${y},${x1}L${y},${x2}` : `M${x1},${y}L${x2},${y}`;\n    }\n  }\n\n  if (xMinorTick.isRendered && xMinorTicks) {\n    for (let i = 0; i < xMinorTicks.length; i++) {\n      const x = xScale.transform(xMinorTicks[i]);\n      xMinorPath += isHoriz ? `M${y1},${x}L${y2},${x}` : `M${x},${y1}L${x},${y2}`;\n    }\n  }\n\n  const colorScheme = useColorScheme();\n\n  return (\n    <>\n      {yMajorTick?.isRendered && (\n        <path\n          d={yLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            yMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMajorTick.lineColor,\n            strokeWidth: yMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isXMajorRendered && (\n        <path\n          d={xLinesPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.majorTickLineStyles,\n            xMajorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMajorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMajorTick.lineColor,\n            strokeWidth: xMajorTick.lineWidth\n          }}\n        />\n      )}\n      {isYMinorRendered && (\n        <path\n          d={yMinorPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            yMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            yMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: yMinorTick?.lineColor,\n            strokeWidth: yMinorTick?.lineWidth\n          }}\n        />\n      )}\n      {xMinorTick.isRendered && (\n        <path\n          d={xMinorPath}\n          class={classNames([\n            styles.noPointerEvents,\n            styles.minorTickLineStyles,\n            colorScheme === 'light'\n              ? styles.lightMinorTickLineStroke\n              : styles.darkMinorTickLineStroke,\n            xMinorTick?.lineStyle === 'dashed' ? styles.dashedLine : undefined,\n            xMinorTick?.lineStyle === 'dotted' ? styles.dottedLine : undefined\n          ])}\n          style={{\n            stroke: xMinorTick?.lineColor,\n            strokeWidth: xMinorTick?.lineWidth\n          }}\n        />\n      )}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { styles } from './themes/PlotAreaStyles.css';\nimport { Dimension } from '../utils/UNSAFE_visTypes/common';\nimport { getXAxisLineProps, getBaseLineProps, getYAxisLineProps } from './utils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { styles as VisStyles } from '#hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype Props = {\n  yScale: Scale;\n  isLog: boolean;\n  color?: ColorProps['color'];\n  availSpace: Dimension;\n  xAxisPosition: 'left' | 'right' | 'top' | 'bottom';\n  cursor?: string;\n  dragOverStyle: 'accept' | 'reject' | 'none';\n  isDataXAxis?: boolean;\n  isRtl?: boolean;\n  hasAxisLine: boolean;\n};\n\nexport function PlotArea({\n  color,\n  yScale,\n  isLog,\n  availSpace,\n  xAxisPosition,\n  cursor,\n  isDataXAxis,\n  isRtl,\n  hasAxisLine,\n  dragOverStyle\n}: Props) {\n  const hasBaseLine = !isLog && yScale.domain()[0] < 0 && yScale.domain()[1] > 0;\n  const xAxisLineProps = getXAxisLineProps(availSpace, xAxisPosition);\n  const baseLineProps = getBaseLineProps(availSpace, yScale.transform(0), xAxisPosition);\n  const dragClass = [];\n  switch (dragOverStyle) {\n    case 'accept':\n      dragClass.push(VisStyles.dndDragOverSvgStyle);\n      break;\n    case 'reject':\n      dragClass.push(VisStyles.dndRejectedStyle);\n      dragClass.push(styles.plotAreaStyle);\n      break;\n    case 'none':\n      dragClass.push(styles.plotAreaStyle);\n      break;\n  }\n\n  return (\n    <>\n      <rect\n        {...availSpace}\n        class={classNames(dragClass)}\n        style={{ fill: dragOverStyle === 'accept' ? undefined : color, cursor }}></rect>\n      {isDataXAxis && (\n        <line {...getYAxisLineProps(availSpace, isRtl)} class={styles.axisLineStyle} />\n      )}\n      {hasAxisLine && <line {...xAxisLineProps} class={styles.axisLineStyle} />}\n      {hasBaseLine && <line {...baseLineProps} class={styles.baseLineStyle} />}\n    </>\n  );\n}\n"],"names":["getYAxisLineProps","availSpace","isRtl","axisLine","x1","x","width","x2","y1","y","y2","height","stroke","lineColor","strokeWidth","lineWidth","TICK_DEFAULT","yMajorTick","isRendered","yMinorTick","xMajorTick","xMinorTick","plotArea","yMinorTicks","xMinorTicks","xScale","yScale","isLog","yTicks","xTicks","yAxisPosition","isDataXAxis","isHoriz","range","yLinesPath","xLinesPath","yMinorPath","xMinorPath","_yMajorTick","_yMinorTick","_xMajorTick","_xMinorTick","isYMinorRendered","isXMajorRendered","i","length","transform","colorScheme","useColorScheme","_jsxs","jsxs","_Fragment","Fragment","children","_jsx","jsx","d","class","classNames","styles","noPointerEvents","majorTickLineStyles","lineStyle","dashedLine","undefined","dottedLine","style","minorTickLineStyles","lightMinorTickLineStroke","darkMinorTickLineStroke","color","xAxisPosition","cursor","hasAxisLine","dragOverStyle","hasBaseLine","domain","xAxisLineProps","axisPosition","getXAxisLineProps","baseLineProps","coord","getBaseLineProps","dragClass","push","VisStyles","dndDragOverSvgStyle","dndRejectedStyle","plotAreaStyle","fill","axisLineStyle","baseLineStyle"],"mappings":"4OAsBgBA,EACdC,EACAC,EACAC,GAMA,MAAO,CACLC,GAAIF,EAAQD,EAAWI,EAAIJ,EAAWK,MAAQL,EAAWI,EACzDE,GAAIL,EAAQD,EAAWI,EAAIJ,EAAWK,MAAQL,EAAWI,EACzDG,GAAIP,EAAWQ,EACfC,GAAIT,EAAWQ,EAAIR,EAAWU,OAC9BC,OAAQT,GAAUU,UAClBC,YAAaX,GAAUY,UAE3B,CCbA,MAAMC,EAAe,CACnBC,WAAY,CACVC,YAAY,GAEdC,WAAY,CACVD,YAAY,GAEdE,WAAY,CACVF,YAAY,GAEdG,WAAY,CACVH,YAAY,gBAIV,UAAoBI,SACxBA,EAAWN,EAAYO,YACvBA,EAAWC,YACXA,EAAWC,OACXA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,cACNA,EAAaC,YACbA,IAEA,MAAMC,EAA4B,QAAlBF,GAA6C,WAAlBA,GACpC1B,EAAIG,GAAMkB,EAAOQ,SACjBzB,EAAIE,GAAMgB,EAAOO,QAExB,IAAIC,EAAa,GACbC,EAAa,GACbC,EAAa,GACbC,EAAa,GACjB,MACEpB,WAAYqB,EACZnB,WAAYoB,EACZnB,WAAYoB,EACZnB,WAAYoB,GACVnB,EACEL,EAAa,IAAKD,EAAaC,cAAeqB,GAC9CnB,EAAa,IAAKH,EAAaG,cAAeoB,GAC9ClB,EAAa,IAAKL,EAAaK,cAAeoB,GAC9CrB,EAAa,IAAKJ,EAAaI,cAAeoB,GAC9CE,GAA8C,IAA3BvB,GAAYD,YAAuBS,EACtDgB,GACuB,IAA3BvB,GAAYF,aAAoD,IAA5BsB,GAAatB,YAAwBa,EAE3E,GAAId,GAAYC,WACd,IAAK,IAAI0B,EAAI,EAAGA,EAAIhB,EAAOiB,OAAQD,IAAK,CACtC,IAAInC,EAAIiB,EAAOoB,UAAUlB,EAAOgB,IAG5BA,IAAMhB,EAAOiB,OAAS,IACxBpC,GAAKuB,GAAW,EAAI,GAEtBE,GAAcF,EAAU,IAAIvB,KAAKL,KAAMK,KAAKF,IAAO,IAAIH,KAAMK,KAAKF,KAAME,GACzE,CAGH,GAAIkC,GACEd,EACF,IAAK,IAAIe,EAAI,EAAGA,EAAIf,EAAOgB,OAAQD,IAAK,CACtC,MAAMvC,EAAIoB,EAAOqB,UAAUjB,EAAOe,IAClCT,GAAcH,EAAU,IAAIxB,KAAMH,KAAKK,KAAML,IAAM,IAAIA,KAAKG,KAAMH,KAAKK,GACxE,CAIL,GAAIgC,EACF,IAAK,IAAIE,EAAI,EAAGA,EAAIrB,EAAYsB,OAAQD,IAAK,CAC3C,MAAMnC,EAAIiB,EAAOoB,UAAUvB,EAAYqB,IACvCR,GAAcJ,EAAU,IAAIvB,KAAKL,KAAMK,KAAKF,IAAO,IAAIH,KAAMK,KAAKF,KAAME,GACzE,CAGH,GAAIY,EAAWH,YAAcM,EAC3B,IAAK,IAAIoB,EAAI,EAAGA,EAAIpB,EAAYqB,OAAQD,IAAK,CAC3C,MAAMvC,EAAIoB,EAAOqB,UAAUtB,EAAYoB,IACvCP,GAAcL,EAAU,IAAIxB,KAAMH,KAAKK,KAAML,IAAM,IAAIA,KAAKG,KAAMH,KAAKK,GACxE,CAGH,MAAMqC,EAAcC,EAAAA,iBAEpB,OACEC,EAAAC,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CACGpC,GAAYC,YACXoC,EACEC,IAAA,OAAA,CAAAC,EAAGtB,EACHuB,MAAOC,EAAAA,WAAW,CAChBC,EAAAA,OAAOC,gBACPD,EAAAA,OAAOE,oBACmB,WAA1B5C,GAAY6C,UAAyBH,EAAMA,OAACI,gBAAaC,EAC/B,WAA1B/C,GAAY6C,UAAyBH,EAAMA,OAACM,gBAAaD,IAE3DE,MAAO,CACLtD,OAAQK,EAAWJ,UACnBC,YAAaG,EAAWF,aAI7B4B,GACCW,MAAA,OAAA,CACEE,EAAGrB,EACHsB,MAAOC,aAAW,CAChBC,EAAAA,OAAOC,gBACPD,EAAAA,OAAOE,oBACmB,WAA1BzC,GAAY0C,UAAyBH,EAAMA,OAACI,gBAAaC,EAC/B,WAA1B5C,GAAY0C,UAAyBH,EAAMA,OAACM,gBAAaD,IAE3DE,MAAO,CACLtD,OAAQQ,EAAWP,UACnBC,YAAaM,EAAWL,aAI7B2B,GACCY,MAAA,OAAA,CACEE,EAAGpB,EACHqB,MAAOC,aAAW,CAChBC,EAAAA,OAAOC,gBACPD,EAAAA,OAAOQ,oBACS,UAAhBpB,EACIY,EAAAA,OAAOS,yBACPT,EAAAA,OAAOU,wBACe,WAA1BlD,GAAY2C,UAAyBH,EAAMA,OAACI,gBAAaC,EAC/B,WAA1B7C,GAAY2C,UAAyBH,EAAMA,OAACM,gBAAaD,IAE3DE,MAAO,CACLtD,OAAQO,GAAYN,UACpBC,YAAaK,GAAYJ,aAI9BM,EAAWH,YACVoC,EACEC,IAAA,OAAA,CAAAC,EAAGnB,EACHoB,MAAOC,aAAW,CAChBC,EAAAA,OAAOC,gBACPD,EAAAA,OAAOQ,oBACS,UAAhBpB,EACIY,EAAAA,OAAOS,yBACPT,EAAAA,OAAOU,wBACe,WAA1BhD,GAAYyC,UAAyBH,EAAMA,OAACI,gBAAaC,EAC/B,WAA1B3C,GAAYyC,UAAyBH,EAAMA,OAACM,gBAAaD,IAE3DE,MAAO,CACLtD,OAAQS,GAAYR,UACpBC,YAAaO,GAAYN,eAMrC,aCzJM,UAAmBuD,MACvBA,EAAK5C,OACLA,EAAMC,MACNA,EAAK1B,WACLA,EAAUsE,cACVA,EAAaC,OACbA,EAAMzC,YACNA,EAAW7B,MACXA,EAAKuE,YACLA,EAAWC,cACXA,IAEA,MAAMC,GAAehD,GAASD,EAAOkD,SAAS,GAAK,GAAKlD,EAAOkD,SAAS,GAAK,EACvEC,WFtCN5E,EACA6E,EACA3E,GAMA,MAAO,CACLC,GAAqB,UAAjB0E,EAA2B7E,EAAWI,EAAIJ,EAAWK,MAAQL,EAAWI,EAC5EE,GAAqB,SAAjBuE,EAA0B7E,EAAWI,EAAIJ,EAAWI,EAAIJ,EAAWK,MACvEE,GAAqB,WAAjBsE,EAA4B7E,EAAWQ,EAAIR,EAAWU,OAASV,EAAWQ,EAC9EC,GAAqB,QAAjBoE,EAAyB7E,EAAWQ,EAAIR,EAAWQ,EAAIR,EAAWU,OACtEC,OAAQT,GAAUU,UAClBC,YAAaX,GAAUY,UAE3B,CEsByBgE,CAAkB9E,EAAYsE,GAC/CS,WFDN/E,EACAgF,EACAH,GAEA,IAAI1E,EAAIG,EAAIC,EAAIE,EAahB,MAZqB,WAAjBoE,GACF1E,EAAKH,EAAWI,EAChBE,EAAKN,EAAWI,EAAIJ,EAAWK,MAC/BE,EAAKyE,EACLvE,EAAKuE,IAEL7E,EAAK6E,EACL1E,EAAK0E,EACLzE,EAAKP,EAAWQ,EAChBC,EAAKT,EAAWQ,EAAIR,EAAWU,QAG1B,CAAEP,KAAIG,KAAIC,KAAIE,KACvB,CEjBwBwE,CAAiBjF,EAAYyB,EAAOoB,UAAU,GAAIyB,GAClEY,EAAY,GAClB,OAAQT,GACN,IAAK,SACHS,EAAUC,KAAKC,SAAUC,qBACzB,MACF,IAAK,SACHH,EAAUC,KAAKC,SAAUE,kBACzBJ,EAAUC,KAAKzB,SAAO6B,eACtB,MACF,IAAK,OACHL,EAAUC,KAAKzB,SAAO6B,eAI1B,OACEvC,OACEE,EAAAA,SAAA,CAAAE,SAAA,CAAAC,EAAAC,IAAA,OAAA,IACMtD,EACJwD,MAAOC,EAAUA,WAACyB,GAClBjB,MAAO,CAAEuB,KAAwB,WAAlBf,OAA6BV,EAAYM,EAAOE,YAChEzC,GACCuB,EAAAA,IAAU,OAAA,IAAAtD,EAAkBC,EAAYC,GAAQuD,MAAOE,EAAMA,OAAC+B,gBAE/DjB,GAAenB,EAAAC,IAAA,OAAA,IAAUsB,EAAgBpB,MAAOE,EAAAA,OAAO+B,gBACvDf,GAAerB,EAAUC,IAAA,OAAA,IAAAyB,EAAevB,MAAOE,EAAAA,OAAOgC,kBAG7D"}

package/amd/GroupLoadingIndicator-9fd33355.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './keys-4755c121', './useId-c9578d26', './useViewportIntersect-b2d47a4b', './TabbableModeContext-a9c97640', './useComponentTheme-5aa41a8f', './useInteractionStyle-ee1dc0c0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './Flex-590160eb', './Skeleton-a09190e1', './List-37e37948'], (function(e,i,t,s,o,n,a,r,l,d,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}=l.useComponentTheme(b.GroupedListRedwoodTheme),{interactionProps:R,applyHoverStyle:k,applyPseudoHoverStyle:w,applyActiveStyle:V}=d.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-b2d47a4b', './TabbableModeContext-a9c97640', './useComponentTheme-5aa41a8f', './useInteractionStyle-ee1dc0c0', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './Flex-b8764305', './Skeleton-a09190e1', './List-37e37948'], (function(e,i,t,s,o,n,a,r,l,d,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}=l.useComponentTheme(b.GroupedListRedwoodTheme),{interactionProps:R,applyHoverStyle:k,applyPseudoHoverStyle:w,applyActiveStyle:V}=d.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]"}));
 //# sourceMappingURL=GroupLoadingIndicator-9fd33355.js.map

package/amd/HighlightText-d1b13537.js

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

package/amd/HighlightText-d1b13537.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-d1b13537.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-383a68bb.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './size-f0e638ec', './useTooltip-7b915f4c', 'preact/hooks', './logger-0f873e29', './LayerHost-733ade2f', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-30886397', './UNSAFE_Icon/themes/IconStyle.css'], (function(e,s,o,t,l,c,i,n,r,a,p,h,m,b){"use strict";const d=({accessibleLabel:e,...o})=>e?s.jsx(u,{accessibleLabel:e,...o}):s.jsx(x,{...o}),x=e=>s.jsx("svg",{...e}),u=({accessibleLabel:e,children:t,...c})=>{const{tooltipContent:i,tooltipProps:{onFocus:n,onBlur:r,...a}}=l.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(o.Fragment,{children:[s.jsx("svg",{role:"img",...c,...a,"aria-label":e,children:t}),i]})};e.Icon=({size:e="1em",color:o="currentColor",accessibleLabel:l="",viewBox:c="none",children:i})=>s.jsx(d,{height:"1em",width:"1em",viewBox:c,accessibleLabel:l,class:b.styles[o],style:{fontSize:"1em"===e?e:`${t.sizeToCSS(e)}`},children:i})}));
+define(['exports', 'preact/jsx-runtime', 'preact', './size-f0e638ec', './useTooltip-682ae8ca', 'preact/hooks', './logger-0f873e29', './LayerHost-27dfba9e', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', './UNSAFE_Icon/themes/IconStyle.css'], (function(e,s,o,t,l,c,i,n,r,a,p,h,d,m){"use strict";const b=({accessibleLabel:e,...o})=>e?s.jsx(u,{accessibleLabel:e,...o}):s.jsx(x,{...o}),x=e=>s.jsx("svg",{...e}),u=({accessibleLabel:e,children:t,...c})=>{const{tooltipContent:i,tooltipProps:{onFocus:n,onBlur:r,...a}}=l.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(o.Fragment,{children:[s.jsx("svg",{role:"img",...c,...a,"aria-label":e,children:t}),i]})};e.Icon=({size:e="1em",color:o="currentColor",accessibleLabel:l="",viewBox:c="none",children:i})=>s.jsx(b,{height:"1em",width:"1em",viewBox:c,accessibleLabel:l,class:m.styles[o],style:{fontSize:"1em"===e?e:`${t.sizeToCSS(e)}`},children:i})}));
 //# sourceMappingURL=Icon-383a68bb.js.map

package/amd/IconButton-368fba34.js

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

package/amd/IconButton-368fba34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton-368fba34.js","sources":["../../src/UNSAFE_IconButton/IconButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, ComponentProps, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport type { ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\ntype BaseButtonProps = ComponentProps<typeof BaseButton>;\n\ntype BaseProps = IntrinsicProps &\n  ButtonIntrinsicProps &\n  Pick<BaseButtonProps, 'aria-haspopup'> &\n  WidthInterpolationProps & {\n    /**\n     * Specifies the icon for the button.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an aria-label or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * aria-label - the aria label\n       */\n      'aria-label': string;\n\n      /**\n       * tooltip - overrides the aria-label for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      'aria-label'?: string;\n\n      tooltip: string;\n    };\n/**\n * Icon buttons are buttons that only show an icon and no label. They direct users to initiate or take actions and work with a single tap, click, or keystroke.\n */\nexport const IconButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      type: buttonType = 'button',\n      autofocus,\n      onAction,\n      width,\n      tooltip,\n      testId,\n      'aria-haspopup': ariaHasPopup,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const ariaProps = ariaDescribedBy ? { 'aria-describedby': ariaDescribedBy } : {};\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, globalEventProps, ariaProps)}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          isRepeat={isRepeat}\n          size={size}\n          autofocus={autofocus}\n          variant={variant}\n          width={width}\n          styling={['min']}\n          onAction={onAction}\n          aria-label={accessibleLabel ?? tooltip}\n          aria-haspopup={ariaHasPopup}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={props.children}\n            size={size}></ButtonLabelLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n"],"names":["IconButton","forwardRef","variant","isDisabled","isRepeat","size","type","buttonType","autofocus","onAction","width","tooltip","testId","ariaHasPopup","accessibleLabel","ariaDescribedBy","props","ref","globalEventProps","processGlobals","tooltipContent","tooltipProps","useTooltip","text","elementDetails","ariaProps","_jsxs","jsxs","Fragment","_jsx","BaseButton","mergeProps","styling","children","ButtonLabelLayout","display","startIcon","displayName"],"mappings":"qgBAuGa,MAAAA,EAAaC,EAAAA,YACxB,EAEIC,UAAU,WACVC,cAAa,EACbC,YAAW,EACXC,OAAO,KACPC,KAAMC,EAAa,SACnBC,YACAC,WACAC,QACAC,UACAC,SACA,gBAAiBC,EACjB,aAAcC,EACd,mBAAoBC,KACjBC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,IAEtCI,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMZ,GAAoBG,EAC1BX,eAGIqB,EAAiB,CACrBlB,KAAM,SACNC,WAAYA,GAGRkB,EAAYV,EAAkB,CAAE,mBAAoBA,GAAoB,CAAA,EAE9E,OACEW,EAACC,KAAAC,EAAQA,oBACPC,EAAAA,IAACC,EAAAA,eACKC,EAAUA,WAACV,EAAcH,EAAkBO,GAC/CR,IAAKA,EACLO,eAAgBA,EAChBrB,WAAYA,EACZC,SAAUA,EACVC,KAAMA,EACNG,UAAWA,EACXN,QAASA,EACTQ,MAAOA,EACPsB,QAAS,CAAC,OACVvB,SAAUA,EACE,aAAAK,GAAmBH,EAAO,gBACvBE,EACfD,OAAQA,EAAMqB,SACdJ,MAACK,EAAAA,kBAAiB,CAChBC,QAAS,QACTC,UAAWpB,EAAMiB,SACjB5B,KAAMA,MAETe,IAEH,IAINpB,EAAWqC,YAAc"}

package/amd/IconMenuButton-3f3c2386.js

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

package/amd/IconMenuButton-3f3c2386.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenuButton-3f3c2386.js","sources":["../../src/UNSAFE_IconMenuButton/IconMenuButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\n\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type BaseProps = WidthInterpolationProps & {\n  /**\n   * children - One or more MenuItems, dividers, or Menu groups\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The icon is the button's icon.  Note that this is not the menu\n   * expand icon shown on the right (or to the left in right to left mode).\n   */\n  icon?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if only the icon is shown, and no down chevron.\n   */\n  isIconOnly?: boolean;\n\n  /**\n   * Specifes the button type\n   */\n  type?: 'button' | 'submit';\n\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the button.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Specifies if the menu is open\n   */\n  isMenuOpen?: boolean;\n\n  /**\n   * Indicates in what states the button has chrome (background and border).\n   *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n   * useful for performing low-priority tasks, such as manipulating the UI.\",\n   *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n   * buttons are useful for supplemental actions that require minimal emphasis.\",\n   *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n   * solid buttons. Outlined buttons are useful for secondary actions.\",\n   *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n   *  most important actions in the UI.\",\n   */\n  variant?: 'ghost' | 'borderless' | 'outlined' | 'solid';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggleMenu?: (details: MenuToggleDetail) => void;\n};\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconMenuButton is a combined action and menu button.\n */\nexport const IconMenuButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      accessibleLabel,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      isIconOnly = false,\n      onToggleMenu,\n      size = 'md',\n      type: buttonType = 'button',\n      testId,\n      width,\n      icon,\n      'aria-describedby': ariaDescribedBy\n    }: BaseProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ? tooltip : accessibleLabel,\n      isDisabled: isMenuOpen || isDisabled\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    const rootButton = (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          styling={isMenuOpen ? ['min', 'active'] : ['min']}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          variant={variant}\n          width={width}\n          size={size}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ButtonLabelLayout\n            display={'icons'}\n            startIcon={icon}\n            endIcon={isIconOnly ? null : <MenuButtonDropdownIcon />}\n            size={size}></ButtonLabelLayout>\n          {tooltipContent}\n        </BaseButton>\n      </Fragment>\n    );\n\n    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n     Could be done via menu props or having a dropdownMenu component. JET-60595*/\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps} offsetValue={4} aria-label={accessibleLabel ?? tooltip}>\n          {children}\n        </Menu>\n      </Fragment>\n    );\n  }\n);\n\nIconMenuButton.displayName = 'IconMenuButton';\n"],"names":["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":"o2BAiHa,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,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,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-11c44c28.js

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

package/amd/IconProgressButton-11c44c28.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProgressButton-11c44c28.js","sources":["../../src/UNSAFE_IconProgressButton/IconProgressButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ProgressButtonLabelLayout } from '../UNSAFE_ProgressButtonLabelLayout';\nimport { forwardRef } from 'preact/compat';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport type { ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport translations from '#resources/nls/en/bundle';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\ntype BaseProps = ButtonIntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that a quick indeterminate action is taking place, making the button read-only.\n     */\n    isLoading?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variant. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction';\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * tooltip - used for tooltip and aria-label\n     */\n    tooltip: string;\n  };\n\n/**\n * An Icon Progress button is an icon push button that can show progress.\n */\nexport const IconProgressButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isLoading = false,\n      isDisabled = false,\n      size = 'md',\n      type: buttonType = 'button',\n      onAction,\n      width,\n      tooltip,\n      testId,\n      ...props\n    }: BaseProps & TestIdProps,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n    const isAdjustedLoading = isDisabled ? false : isLoading;\n    const progressStatus = translations.accButtonProgressStatus({\n      label: tooltip\n    });\n    const progressComplete = translations.accButtonProgressComplete({\n      label: tooltip\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const tooltipLabel = tooltip;\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltipLabel,\n      isDisabled\n    });\n\n    /* For a11y, we use ignore aria-label during loading time */\n    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(ttProps, globalEventProps)}\n          ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n          elementDetails={elementDetails}\n          isReadOnly={isAdjustedLoading}\n          isDisabled={isDisabled}\n          size={size}\n          variant={variant}\n          width={width}\n          styling={isAdjustedLoading ? ['min', 'hiddenLabel', 'noHoverActive'] : ['min']}\n          onAction={onAction}\n          aria-label={tooltip}\n          testId={testId}>\n          <ProgressButtonLabelLayout\n            display={'icons'}\n            isLoading={isAdjustedLoading}\n            accessibleLoadedLabel={progressComplete}\n            accessibleLoadingLabel={progressStatus}\n            isLoadingContrast={variant === 'callToAction'}\n            startIcon={props.children}\n            size={size}></ProgressButtonLabelLayout>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconProgressButton.displayName = 'IconProgressButton';\n"],"names":["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":"ijBA4EaA,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-1a400cdf.js

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

package/amd/IconSwitchButton-1a400cdf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSwitchButton-1a400cdf.js","sources":["../../src/PRIVATE_IconSwitchButton/IconSwitchButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\nimport { toggleStyling } from '#utils/UNSAFE_buttonUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ToggleButtonLabelProps } from '#UNSAFE_ToggleButtonLabel/ToggleButtonLabel';\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type IconSwitchButtonProps = WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * icon - the icon for the button\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * The size indicates how large the button is rendered: \"xs\", \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * A IconSwitchButton is an icon button that allows users to switch\n * between states when pressed.  It differs from a toggle button in not\n * providing any visual indication of the state; instead, switch the\n * icon to provide the state indication.\n */\nexport const IconSwitchButton = forwardRef(\n  (\n    {\n      children,\n      tooltip,\n      size = 'md',\n      isDisabled = false,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      width,\n      'aria-describedby': ariaDescribedBy\n    }: IconSwitchButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      true,\n      false,\n      false,\n      undefined,\n      undefined,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, ariaProps)}\n          elementDetails={{ type: 'button', isSwitch: true }}\n          aria-checked={isSelected}\n          variant=\"ghost\"\n          size={size}\n          isDisabled={isDisabled}\n          styling={styling}\n          width={width}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            isDisabled={isDisabled}\n            label={accessibleLabel ?? tooltip}\n            isToggle={true}\n            inputName={useId()}\n            inputType={'switch'}\n            onAction={() => onToggle?.({ value: isSelected })}\n            isSelected={isSelected}\n            display={'icons'}\n            startIcon={children}\n            size={size as ToggleButtonLabelProps['size']}\n          />\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconSwitchButton.displayName = 'IconSwitchButton';\n"],"names":["IconSwitchButton","forwardRef","children","tooltip","size","isDisabled","accessibleLabel","isSelected","onToggle","testId","width","ariaDescribedBy","ref","buttonRef","useRef","useImperativeHandle","current","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":"+jBAsFa,MAAAA,EAAmBC,EAAAA,YAC9B,EAEIC,WACAC,UACAC,OAAO,KACPC,cAAa,EACbC,kBACAC,cAAa,EACbC,WACAC,SACAC,QACA,mBAAoBC,GAEtBC,KAEA,MAAMC,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,GAAiBC,kBAAgB,CACvCb,WAAYA,EACZG,SAAUA,KAGNW,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMnB,GAAWG,EACjBD,WAAYA,IAGRkB,EAAUC,EAAAA,cACd,OACAjB,GACA,GACA,GACA,OACAkB,OACAA,GACA,GAGIC,EAAY,CAAE,mBAAoBf,GAExC,OACEgB,EAAAA,KAACC,EAAAA,SAAQ,CAAA1B,SAAA,CACP2B,EAACC,IAAAC,EAAUA,WACL,IAAAC,EAAAA,WAAWZ,EAAcH,EAAcS,GAC3CO,eAAgB,CAAEC,KAAM,SAAUC,UAAU,GAAM,eACpC5B,EACd6B,QAAQ,QACRhC,KAAMA,EACNC,WAAYA,EACZkB,QAASA,EACTb,MAAOA,EACPE,IAAKC,EAAS,aACFP,GAAmBH,EAC/BM,OAAQA,EAAMP,SACd2B,MAACQ,EAAAA,kBACC,CAAAhC,WAAYA,EACZiC,MAAOhC,GAAmBH,EAC1BoC,UAAU,EACVC,UAAWC,EAAKA,QAChBC,UAAW,SACXC,SAAU,IAAMnC,IAAW,CAAEoC,MAAOrC,IACpCA,WAAYA,EACZsC,QAAS,QACTC,UAAW5C,EACXE,KAAMA,MAGTe,IAEH,IAINnB,EAAiB+C,YAAc"}

package/amd/IconToggleButton-ea46b246.js

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

package/amd/IconToggleButton-ea46b246.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconToggleButton-ea46b246.js","sources":["../../src/UNSAFE_IconToggleButton/IconToggleButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type IconToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * Specifies the icon for the button.   This should not vary depending on state.\n     */\n    children?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     */\n    variant?: 'borderless' | 'outlined';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n  };\n\n/**\n * Note that either an accessibleLabel or tooltip must be specified.\n */\ntype VariationAccessibleLabelProps =\n  | {\n      /**\n       * accessibleLabel - the aria label\n       */\n      accessibleLabel: string;\n\n      /**\n       * tooltip - overrides the accessibleLabel for the tooltip\n       */\n      tooltip?: string;\n    }\n  | {\n      accessibleLabel?: string;\n\n      tooltip: string;\n    };\n\n/**\n * IconToggleButtons direct users to toggle a state with\n * a single tap, click, or keystroke.\n */\nexport const IconToggleButton = forwardRef(\n  (\n    {\n      children,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      tooltip,\n      accessibleLabel,\n      isSelected = false,\n      onToggle,\n      testId,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: IconToggleButtonProps & VariationAccessibleLabelProps & TestIdProps,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltip ?? accessibleLabel,\n      isDisabled: isDisabled\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      undefined,\n      true,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(tooltipProps, triggerProps, globalEventProps, ariaProps)}\n          variant={variant}\n          isDisabled={isDisabled}\n          size={size}\n          width={width}\n          aria-pressed={isSelected}\n          styling={styling}\n          ref={buttonRef}\n          aria-label={accessibleLabel ?? tooltip}\n          testId={testId}>\n          <ToggleButtonLabel\n            onAction={() => onToggle?.({ value: isSelected })}\n            isDisabled={isDisabled}\n            display={'icons'}\n            startIcon={children}></ToggleButtonLabel>\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nIconToggleButton.displayName = 'IconToggleButton';\n"],"names":["IconToggleButton","forwardRef","children","variant","size","isDisabled","tooltip","accessibleLabel","isSelected","onToggle","testId","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","buttonRef","useRef","useImperativeHandle","current","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","styling","toggleStyling","undefined","ariaProps","_jsxs","Fragment","_jsx","jsx","BaseButton","mergeProps","ToggleButtonLabel","onAction","value","display","startIcon","displayName"],"mappings":"2kBA4FaA,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,GAEtCI,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACL,GAAM,IAAMG,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,GAAiBC,kBAAgB,CACvCjB,WAAYA,EACZI,SAAUA,KAGNc,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMpB,GAAWC,EACjBF,WAAYA,IAGRsB,EAAUC,EAAaA,cAC3B,OACApB,GACA,GACA,EACY,aAAZL,OACA0B,OACAA,GACA,GACA,GAGIC,EAAY,CAAE,mBAAoBnB,GAExC,OACEoB,OAACC,EAAAA,oBACCC,EAACC,IAAAC,iBACKC,EAAUA,WAACZ,EAAcH,EAAcN,EAAkBe,GAC7D3B,QAASA,EACTE,WAAYA,EACZD,KAAMA,EACNQ,MAAOA,EAAK,eACEJ,EACdmB,QAASA,EACTb,IAAKG,EACO,aAAAV,GAAmBD,EAC/BI,OAAQA,WACRuB,EAAAA,IAACI,EAAAA,mBACCC,SAAU,IAAM7B,IAAW,CAAE8B,MAAO/B,IACpCH,WAAYA,EACZmC,QAAS,QACTC,UAAWvC,MAEdqB,IAEH,IAINvB,EAAiB0C,YAAc"}

package/amd/IconUserAssistance-f5228b1d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useTranslationBundle-68275657', './Help-9d1bac36', './Popup-b0704743', './HiddenAccessible-037ef42d', './InlineHelp-4f896a0a', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './useToggle-a29f97af'], (function(e,s,n,a,o,t,c,i,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=a.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(o.SvgHelp,{})}),s.jsx(c.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},maxWidth:"296px",children:s.jsx("div",{id:b,tabIndex:0,class:P,onMouseUp:v,onKeyDown:v,children:s.jsx(i.InlineHelp,{assistiveText:e,sourceLink:h,sourceText:C})})})]}):null}}));
+//# sourceMappingURL=IconUserAssistance-f5228b1d.js.map

package/amd/IconUserAssistance-f5228b1d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconUserAssistance-f5228b1d.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  const helpForRadioString = translations.radio_helpForRadio();\n  const helpStringId = `${id}-help-string`;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const target = event?.target;\n      // We need to filter out anchor click events, because anchor is responsible for the toggling\n      if (\n        (target instanceof Element || target instanceof Document) &&\n        !anchorRef.current?.contains(target) &&\n        isOpen\n      ) {\n        setIsOpenFalse();\n      }\n    },\n    [isOpen, setIsOpenFalse]\n  );\n\n  const handleLinkEvent = useCallback(\n    (e: Event) => {\n      // if it's a key event that is not \"enter\", return early\n      const { key } = e as KeyboardEvent;\n      if (key && key !== 'Enter') {\n        return;\n      }\n\n      // We want to close the pop up if a link is triggered with mouse or keyboard\n      const { tagName } = e.target as Element;\n\n      if (tagName?.toLowerCase() === 'a') {\n        setIsOpenFalse();\n\n        // we want to refocus to the help icon after the browser has launched the link\n        // prematurely doing so prevents keyboard events from firing\n        setTimeout(() => anchorRef.current?.focus());\n      }\n    },\n    [setIsOpenFalse]\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      // allow user to close popup without having to focus it\n      if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n        setIsOpenFalse();\n      }\n\n      // toggle and prevent scroll jump\n      if (['Space', 'Enter'].includes(e.code)) {\n        e.preventDefault();\n        toggle();\n      }\n    },\n    [isOpen, setIsOpenFalse, toggle]\n  );\n\n  const onClickHandler = useCallback(\n    (e: Event) => {\n      e.preventDefault();\n      toggle();\n    },\n    [toggle]\n  );\n\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        onKeyDown={handleOnKeyDown}\n        onClick={onClickHandler}\n        role=\"link\"\n        aria-describedby={helpStringId}\n        aria-haspopup=\"dialog\"\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <HiddenAccessible id={helpStringId} isHidden={true}>\n        {helpForRadioString}\n      </HiddenAccessible>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={handleOutsideClick}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        maxWidth={'296px'}>\n        <div\n          id={id}\n          tabIndex={0}\n          class={iconUserAssistanceClasses}\n          onMouseUp={handleLinkEvent}\n          onKeyDown={handleLinkEvent}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["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","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,EACEC,KAAAC,WAAA,CAAAC,SAAA,CAAAC,MAAA,OAAA,CACEC,UAAWjB,EACXkB,QAASd,EACTe,KAAK,OACa,mBAAArC,EACJ,gBAAA,SACdsC,IAAKrC,EACLsC,SAAUtD,EAAa,GAAK,EAC5BuD,MAAOC,EAAsBA,uBAC7BvD,GAAI,GAAGA,cAAc+C,SACrBC,EAAAA,IAACQ,EAAQC,cAEXT,EAAAA,IAACU,EAAgBA,kBAAC1D,GAAIc,EAAc6C,UAAU,EAC3CZ,SAAAnC,IAEHoC,EAAAA,IAACY,EAAKA,MAAA,CACJC,UAAU,MACV3D,OAAQA,EACRa,UAAWA,EACX+C,QAAS1D,EACT2D,eAAgB9C,EAChB+C,aAAc,CAAEC,UAAU,EAAMC,WAAW,GAC3CC,SAAU,QACVpB,SAAAC,MAAA,MAAA,CACEhD,GAAIA,EACJqD,SAAU,EACVC,MAAOb,EACP2B,UAAW3C,EACXwB,UAAWxB,EAAesB,SAC1BC,EAAAA,IAACqB,EAAUA,YACTzE,cAAeA,EACf0E,WAAYzE,EACZc,WAAYA,WAKlB,IAAI"}

package/amd/Indexer-510aaf3a.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './Flex-590160eb', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-b0a79216', './useCollectionFocusRing-9dab85a9', './collectionUtils-f4de3e13', './useId-c9578d26', './useTranslationBundle-7c40cb58', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-c286f212'], (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-b8764305', './mergeProps-bcfa6a92', './useSingleSelection-c1bd8b03', './useCurrentKey-e8791885', './useCollectionFocusRing-9dab85a9', './collectionUtils-f4de3e13', './useId-c9578d26', './useTranslationBundle-68275657', './HiddenAccessible-037ef42d', './Collection-46cfa244', './classNames-08d99695', 'preact/compat', './useComponentTheme-5aa41a8f', './UNSAFE_Indexer/themes/redwood/IndexerTheme', './useTestId-0140aa44'], (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-510aaf3a.js.map

package/amd/InlineHelpSource-8277317c.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTranslationBundle-7c40cb58', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme'], (function(e,s,a,n,t,o,r,c){"use strict";e.InlineHelpSource=function({children:e,source:t}){const l=r.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),b=e||l,{isTabbable:u,tabbableModeProps:d}=o.useTabbableMode(),{classes:i,styles:m}=n.useComponentTheme(c.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-dc440317', './useTranslationBundle-68275657', './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-8277317c.js.map

package/amd/InlineUserAssistance-a97e0011.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './logger-0f873e29', 'preact/hooks', './Flex-b8764305', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-27dfba9e', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'css!./IconStyle.styles.css', './IconButton-368fba34', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './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-cf186eeb', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './InlineHelp-4f896a0a', './useTranslationBundle-68275657', './useComponentTheme-5aa41a8f', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './classNames-08d99695', './InputGroupContext-372087af', './useInputGroupContext-e6e19f4f', './useTestId-0140aa44'], (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,M,I,w,B,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(B.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-a97e0011.js.map

package/amd/InlineUserAssistance-a97e0011.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineUserAssistance-a97e0011.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/InputDateMask-09989b51.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-68275657', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a97e0011', './CompactUserAssistance-3799998f', './LayerHost-27dfba9e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-36ddb881', 'preact', 'css!./IconStyle.styles.css', './Popup-b0704743', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './classNames-08d99695', './clientHints-fff66be9', './keyboardUtils-71bc5d84', './getFormatParse-3d7186b3', './maskUtils-9370948f', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useUser-e8dd7f7c', './Flex-b8764305', './HiddenAccessible-037ef42d', './LiveRegion-17fea064', './stringUtils-0ae982c2', './useComponentTheme-5aa41a8f', './calendarDateUtils-5e25297c', './useDoubleTap-b6bf5458', './useTabbableMode-dc440317', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './Label-41b672b4', './TextFieldInput-e86a1d08', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-d6c6dbc4', './StyledTextField-5dcd2ff4', './TextField-c16917d8', 'css!./LiveRegionStyles.styles.css', './useFocusableTextField-8b755b15', './FormContext-5130e198', './useFormContext-30acdd33', './useTextField-e6877c79'], (function(e,t,a,s,n,r,i,o,l,d,c,u,p,m,y,g,f,b,h,v,x,D,S,C,T,F,k,I,A,R,w,P,U,E,M,_,L,j,H,N,B,O,q,V,Y,K,W,$,z,X,Z,G,J,Q,ee,te){"use strict";const ae=e=>{e.preventDefault()},se=()=>"ios"===A.getClientHints().platform,ne=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isHidden:u,isHighlighted:p,isInvalid:m,isRequired:y,isSelected:g,onChange:f,placeholder:b,text:h,type:v})=>{const x=h&&h.length>0,D=I.classNames([U.segmentStyles.base,g&&U.segmentStyles.selected,p&&U.segmentStyles.highlighted]),S=I.classNames([U.segmentStyles.placeholder,u||x?U.segmentStyles.hidden:U.segmentStyles.notHidden]),C=i.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),T=s.useRef(null),F=l??T,k=s.useRef(!1),{locale:A}=E.useUser(),w=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&!R.isSelectAll(e)){if(p){if(R.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==h?P.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:v,text:e.key,hasLeadingZero:k.current,locale:A}}),k.current=!1):R.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:v}}),k.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:A,type:v}}),k.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:A,type:v}}),k.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:A,type:v}}),k.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:A,type:v}}),k.current=!1):k.current=!0;e.preventDefault(),e.stopPropagation()}}),[d,c,p,A,f,h,v]);s.useEffect((()=>{g&&F.current?.focus()}),[g,F]);const M={"data-segment":[v]},_=void 0===o?C:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:F,role:se()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":m||void 0,"aria-label":e,"aria-required":y,"aria-valuemin":se()?void 0:n,"aria-valuemax":se()?void 0:a,"aria-valuenow":se()?void 0:r,"aria-valuetext":se()?void 0:_,autocapitalize:"off",autocorrect:"off",class:D,contentEditable:!c,...M,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:ae,onKeyDown:w,onPaste:ae,spellcheck:!1,tabIndex:g?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:S,...M,children:b}),h]})})},re=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const r=I.classNames([U.segmentStyles.literalBase,s&&U.segmentStyles.placeholder,a&&U.segmentStyles.highlighted,e?U.segmentStyles.hidden:U.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:r,children:n})},ie=(e,t)=>{if("reset"===t.actionType)return t.data;const a=t.data?.type,s=de(e.segments,a);switch(t.actionType){case"clearDate":{const t=Te(De(e.segments),e.orderedSegments);return Pe(e,t,!1)}case"clearSegment":{const t=xe(s);return ve(e,a,t)}case"commit":{const t=Re(e.segments);return Pe(e,t,!1)}case"goToEnd":{const n=Me(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"goToHome":{const n=Ee(a,s,e.segments,t.data?.locale);return ve(e,a,n,!1)}case"page":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"page",n,r);return ve(e,a,i,!1)}case"selectDateOrSegment":return we(e);case"selectFirst":{const t=Te(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectNext":{const t=Ie(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectPrevious":{const t=Ae(e.segments,e.orderedSegments);return Pe(e,t,!1)}case"selectSegment":{const t=Ce(e.segments,a);return Pe(e,t,!1)}case"step":{const n=t.data?.direction,r=t.data?.locale,i=_e(a,s,e.segments,"step",n,r);return ve(e,a,i,!1)}case"updateSegment":{const n=Se(a,s,t,e.segments);return ve(e,a,n)}default:throw new Error("Unknown action type")}},oe=e=>+e,le=e=>e.toString(),de=(e,t)=>e.find((e=>e.type===t)),ce=e=>e.every((e=>e.text&&e.text.length>0)),ue=e=>e.some((e=>void 0!==e["aria-valuenow"])),pe=e=>{if(!ue(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},me=e=>de(e,"year")["aria-valuenow"],ye=(e,t,a)=>`${t} - ${P.getMonthName(e,t,a??"*","long")}`,ge=e=>[...e.orderedSegments],fe=(e,t,a)=>e.map((e=>e.type===t?a:e)),be=(e,t,a,s,n)=>{const r=fe(e,a,s);let i=r;if("month"===a||"year"===a){const e=de(r,"day");if(e){const t="month"==a?s["aria-valuenow"]:de(r,"month")["aria-valuenow"],n="year"===a?s["aria-valuenow"]:me(r),o=N.getDaysInMonth(t??"*",n??"*"),l=e["aria-valuenow"],d=l&&l>o?o:l,c=d?le(d):void 0,u={...e,"aria-valuemax":o,"aria-valuenow":d,"aria-valuetext":c,text:c};i=fe(r,"day",u)}}return i=s.isComplete&&n?Ie(i,t):i,i},he=(e,t)=>({currentDate:pe(t),isCompleteDate:ce(t),isDateSelected:e.isDateSelected,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),ve=(e,t,a,s=!0)=>{const n=be(e.segments,e.orderedSegments,t,a,s);return he(e,n)},xe=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),De=e=>e.map((e=>{const t=xe(e),a="year"===t.type?N.MAX_ISO_YEAR:"month"===t.type?N.getMonthsInYear("*"):N.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),Se=(e,t,a,s)=>{const n=a.data?.text,r=a.data?.hasLeadingZero,i=a.data?.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],d=t.isComplete?n:t.text+n,c=oe(d),u=(m=l,(p=c)>=o&&p<=m);var p,m;const y=u?d:n,g=u?c:oe(n),f=((e,t)=>oe(le(e)+"0")>t)(g,l)||!!r&&"year"!==e,b="month"===e?ye(i,g,me(s)):y;return{...t,"aria-valuetext":b,"aria-valuenow":g,text:y,isComplete:f}},Ce=(e,t)=>e.map((e=>({...e,isSelected:e.type===t}))),Te=(e,t)=>Ce(e,t[0]),Fe=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},ke=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Ie=(e,t)=>{const a=Fe(e,t);return a===t.length-1?e:Ce(ke(e),t[a+1])},Ae=(e,t)=>{const a=Fe(e,t);return 0===a?e:-1===a?Te(e,t):Ce(ke(e),t[a-1])},Re=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),we=e=>{if(e.isCompleteDate)return Pe(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Te(e.segments,e.orderedSegments);return he(e,t)}},Pe=(e,t,a)=>({currentDate:pe(t),isCompleteDate:ce(t),isDateSelected:a,isPartialDate:ue(t),orderedSegments:ge(e),segments:t}),Ue=(e,t,a,s,n)=>{const r=le(e);return{...s,"aria-valuetext":"month"===a?ye(t,e,me(n)):r,"aria-valuenow":e,text:r,isComplete:!0}},Ee=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return Ue(n,s,e,t,a)},Me=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return Ue(n,s,e,t,a)},_e=(e,t,a,s,n,r)=>{const i=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],d=void 0===i?(e=>{const{year:t,month:a,day:s}=P.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const r="month"===n?2:"year"===n?5:7;return"increase"===t?e+r>s?(e+r)%s:e+r:e-r<a?e-r+s:e-r})(i,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(i,n,o,l);return Ue(d,r,e,t,a)};const Le=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isFocused:i,isInputFocused:o,onCommit:l,onInput:d,state:c,value:u})=>{const{tabbableModeProps:p}=O.useTabbableMode(),{tabIndex:m}=p,y=c.segments.some((e=>!!e.isSelected)),g=-1===m||y||r?-1:0,f=s.useRef(c.currentDate),b=s.useRef(c.currentDate),h=s.useRef(!1),v=s.useRef(!!i);e.current&&(f.current=u,b.current=u);const x=s.useCallback((e=>{a(e)}),[a]),D=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),S=s.useCallback(((e=!0)=>{c.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,c.isCompleteDate]),C=s.useCallback((()=>{S()}),[S]),T=s.useCallback((e=>{e.target.getAttribute("data-segment")&&S(!1)}),[S]),F=B.useDoubleTap({onDoubleTap:T,onSingleTap:D}),k=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(R.isBackspaceOrDelete(e)||"Backspace"===e.key)&&c.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):R.isSelectAll(e)?(S(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current),e.preventDefault(),e.stopPropagation())}),[t,a,l,S,c.isDateSelected]);s.useEffect((()=>{v.current&&!i&&(a({actionType:"commit"}),P.calendarDatesAreDifferent(b.current,f.current)&&(l?.({value:f.current}),b.current=f.current)),v.current=!!i}),[a,i,l]),s.useEffect((()=>{if(P.calendarDatesAreDifferent(f.current,c.currentDate)&&!e.current){const e=void 0!==c.currentDate?Object.freeze({...c.currentDate}):c.currentDate;d({value:e}),f.current=e}e.current=!1}),[d,c.currentDate,e]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"commit"}),I.current=!1}),[a,o]);const U=function(){const e=A.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...F,onKeyDown:k}:{onClick:D,onDoubleClick:C,onKeyDown:k,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:U,segmentHandlers:r?{}:{onChange:x},tabIndex:g}},je=(e,t)=>e.find((e=>e.type===t)),He=({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":r,baseId:o,fieldRef:l,granularity:d="day",hasInsideLabel:c,isRequired:u,masks:p,onBlur:m,onCommit:y,onFocus:g,onInput:f,textAlign:b,value:h,variant:v="default"})=>{const x=i.useTranslationBundle("@oracle/oraclejet-preact"),D=x.inputDateMask_date_cleared(),S={month:x.formControl_month(),day:x.formControl_day(),year:x.formControl_year()},{direction:C,locale:T}=E.useUser(),{isDisabled:F,isFocused:k,isInputFocused:A}=V.useFormFieldContext(),R=void 0!==h,{classes:w}=H.useComponentTheme(Y.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:v,textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:c?"hasInsideLabel":"noInsideLabel",value:R?"hasValue":"noValue",focused:k?"isFocused":"notFocused",disabled:F?"isDisabled":"notDisabled"}),U=I.classNames([w]),{state:B,dispatch:O,dateResetRef:q}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:r})=>{const i=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=r?.year,l=r?.month,d=r?.day,c=N.getMonthsInYear(o??"*"),u=N.getDaysInMonth(l??"*",o??"*"),p=!(!o||!l||"month"!==a&&!d),m=!!o||!!l||!!d,y=o?le(o):void 0,g=l?le(l):void 0,f=d?le(d):void 0,b=l?ye(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":N.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":d,"aria-valuetext":f,isComplete:!!d,isSelected:!1,text:f}],v={currentDate:r,isCompleteDate:p,isDateSelected:!1,isPartialDate:m,orderedSegments:i,segments:[{type:"year","aria-label":e.year,"aria-valuemin":N.MIN_ISO_YEAR,"aria-valuemax":N.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":N.MIN_ISO_MONTH,"aria-valuemax":c,"aria-valuenow":l,"aria-valuetext":b,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(ie,v),S=s.useRef(r),C=s.useRef(!1);return P.calendarDatesAreDifferent(S.current,r)&&(S.current=r,P.calendarDatesAreDifferent(r,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:S,dateMasks:p,granularity:d,locale:T,value:h}),{isDateSelected:K,isPartialDate:W,segments:$}=B,z={year:je($,"year"),month:je($,"month"),day:"day"===d?je($,"day"):void 0},X=s.useRef(null),{dateClearedRef:Z,dateFieldHandlers:G,segmentHandlers:J,tabIndex:Q}=Le({dateResetRef:q,direction:C,dispatch:O,groupRef:X,isDisabled:F,isFocused:k,isInputFocused:A,onCommit:y,onInput:f,state:B,value:h}),ee=void 0===h&&c&&!k,te=B.isCompleteDate?N.formatFullCalendarDate(T,B.currentDate,d):"",ae=`${o}-date`,se=B.isCompleteDate?t.jsx(_.HiddenAccessible,{id:ae,children:te}):void 0,oe=B.isCompleteDate?j.merge([e,ae]):e,de=Z.current?D:"",ce=B.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":r,class:U,onFocusIn:g,onFocusOut:m,ref:X,role:"group",tabIndex:Q,...G,children:[t.jsx(M.Flex,{direction:"row",wrap:"nowrap",justify:b,children:p.map((({type:e,value:s})=>{const n="literal"!==e?z[e]:{};return"literal"===e?t.jsx(re,{isHidden:ee,isHighlighted:K,isPlaceholder:!W,text:s}):t.jsx(ne,{inputRef:e===ce?l:void 0,isDisabled:F,isInvalid:!!a,isHidden:ee,isHighlighted:K,isRequired:u,placeholder:s,type:e,...J,...n})}))}),se,t.jsx(L.LiveRegion,{children:de})]})},Ne=b.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),Be=()=>s.useContext(Ne),Oe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:n,endContent:r,granularity:o="day",helpSourceLink:l,helpSourceText:d,isDisabled:p,isReadonly:m,isRequired:y,isRequiredShown:g,label:f,labelEdge:b,labelStartWidth:h,mainFieldRef:v,messages:x,masks:D,testId:S,textAlign:C,userAssistanceDensity:T,value:F,variant:k,onCommit:I,onInput:A},R)=>{const{isDisabled:w,isReadonly:U,labelEdge:M,labelStartWidth:_,textAlign:L,userAssistanceDensity:j}=ee.useFormContext(),H=p??w,B=m??U,O=b??M,V=h??_,Y=C??L,W=T??j,$=s.useRef(null),G=s.useRef(null),{focusProps:Q,isFocused:ae,methods:se}=J.useFocusableTextField({isDisabled:H,isReadonly:B,enabledElementRef:$,readonlyElementRef:G});s.useImperativeHandle(R,(()=>se),[se]);const{isDropdownOpen:ne,isInputDatePickerParent:re}=Be(),ie=ae||re&&ne,{baseId:oe,formFieldContext:le,inputProps:de,labelProps:ce,textFieldProps:ue,userAssistanceProps:pe}=te.useTextField({ariaDescribedBy:e,helpSourceLink:l,helpSourceText:d,isDisabled:H,isFocused:ie,isReadonly:B,isRequiredShown:g,labelEdge:O,messages:x,styleVariant:k,userAssistanceDensity:W,value:F}),{forId:me,...ye}=ce,{id:ge,...fe}=de,be=ye.id,he=s.useCallback((()=>{$.current?.focus()}),[$]),ve="none"!==O?t.jsx(K.Label,{...H||B?{}:{onClick:he},...ye,children:f}):void 0,xe={label:"none"!==O?ve:void 0,labelEdge:"none"!==O?O:void 0,labelStartWidth:"none"!==O?V:void 0},De="none"===O?f:void 0,Se=void 0!==f&&"inside"===O,Ce="efficient"===W||"reflow"===W?H||B?"efficient"!==W?void 0:t.jsx(c.InlineUserAssistance,{userAssistanceDensity:W,...pe}):t.jsx(c.InlineUserAssistance,{assistiveText:a,fieldLabel:f,helpSourceLink:l,helpSourceText:d,messages:x,isRequiredShown:g,userAssistanceDensity:W,...pe}):void 0,Te=s.useRef(null),Fe=v??Te,ke="compact"===W?t.jsx(u.CompactUserAssistance,{anchorRef:Fe,messages:x,assistiveText:a,...pe}):void 0,{locale:Ie}=E.useUser(),Ae=i.useTranslationBundle("@oracle/oraclejet-preact"),Re=Ae.inputDateMask_monthPlaceholder(),we=Ae.inputDateMask_dayPlaceholder(),Pe=Ae.inputDateMask_yearPlaceholder();if(D&&("day"===o&&5!==D.length||"month"===o&&3!==D.length))throw new Error("Specified masks must match the granularity");const Ue=s.useMemo((()=>D?P.translateCustomMasks(D,Re,we,Pe):N.getDatePlaceholderMasks(Ie,o,Re,we,Pe)),[D,Ie,o,we,Re,Pe]);if(B)return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(X.ReadonlyTextField,{role:"presentation",columnSpan:n,compactUserAssistance:ke,inlineUserAssistance:Ce,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,ref:Fe,testId:S,mainContent:t.jsx(z.ReadonlyTextFieldInput,{"aria-describedby":fe["aria-describedby"],"aria-label":De,"aria-labelledby":ye.id,as:"div",elementRef:G,textAlign:Y,value:void 0===F?"":N.formatShortCalendarDate(F,o,Ue),hasEmptyLabel:""===f&&"none"===O,hasInsideLabel:Se}),...xe})});const Ee=t.jsx(He,{"aria-label":De,"aria-labelledby":be,baseId:oe,fieldRef:$,granularity:o,hasInsideLabel:void 0!==ve&&"inside"===O,isRequired:y,masks:Ue,onCommit:I,onInput:A,textAlign:Y,value:F,...fe});return t.jsx(q.FormFieldContext.Provider,{value:le,children:t.jsx(Z.TextField,{columnSpan:n,compactUserAssistance:ke,endContent:r,inlineUserAssistance:Ce,mainContent:Ee,onBlur:Q.onFocusOut,onFocus:Q.onFocusIn,mainFieldRef:Fe,testId:S,...ue,...xe})})}));e.InputDateMask=Oe,e.InputDateMaskContext=Ne,e.useInputDateMaskContext=Be}));
+//# sourceMappingURL=InputDateMask-09989b51.js.map