@oracle/oraclejet-preact 20.1.4 → 20.1.5

package/amd/ListItemLayout-2dbba38a.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Grid-caac1c86', './classNames-08d99695', './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css'], (function(s,e,l,t,a){"use strict";s.ListItemLayout=function({children:s,selector:n,leading:c,primary:i,secondary:d,tertiary:r,overline:y,metadata:o,trailing:m,action:h,quaternary:u,navigation:p,verticalAlignment:x="middle"}){const{columnsTemplate:S,firstCell:N,secondCell:j,lastCell:v,hasSecondRow:f}="top"===x?function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.optInSelectorStyles,children:s}));let m=null;(s||l)&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([s?a.styles.leftPaddingStyles:"",a.styles.topAlignStyles,l?a.styles.optInRightPaddingStyles:""]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsx("div",{className:t.classNames([a.styles.topAlignStyles]),children:e.jsxs("div",{className:t.classNames([a.styles.optInExtraStyles,a.styles.flexRowStyles]),children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]})}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p):function(s,l,n,c,i,d,r){const y=[];let o=null;s&&(y.push("auto"),o=e.jsx("div",{className:a.styles.selectorStyles,children:s}));let m=null;l&&(y.push("auto"),m=e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,a.styles.displayFlexStyle]),children:l}));y.push("1fr");let h=null;(n||c||i||r)&&(y.push("auto"),h=e.jsxs("div",{className:a.styles.flexRowStyles,children:[e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,n?a.styles.leftPaddingStyles:""]),children:n}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,c?a.styles.leftPaddingStyles:""]),children:c}),e.jsx("div",{className:t.classNames([a.styles.centerVerticalStyles,i?a.styles.actionStyles:""]),children:i})]}));const u=y.join(" "),p=!(!d&&!r);return{columnsTemplate:u,firstCell:o,secondCell:m,lastCell:h,hasSecondRow:p}}(n,c,o,m,h,u,p),g=y&&"top"===x?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:a.styles.topRowStyles,children:y}),v&&e.jsx("span",{children:" "})]:null,C=s?e.jsx("div",{className:a.styles.childrenStyles,children:s}):e.jsxs("div",{className:a.styles.flexColumnStyles,children:["top"===x?null:e.jsx("div",{children:y}),e.jsx("div",{children:i}),e.jsx("div",{children:d}),e.jsx("div",{children:r})]}),I=f?[N&&e.jsx("span",{children:" "}),j&&e.jsx("span",{children:" "}),e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.rowAlignStyles]),children:u}),v&&e.jsx("div",{className:t.classNames(["top"===x?a.styles.optInTopPaddingStyles:"",a.styles.endJustifyStyles]),children:p})]:null;return e.jsxs(l.Grid,{gap:"top"===x?"0x":"4x",gridTemplateColumns:S,children:[g,N,j,e.jsx("div",{className:a.styles.centerVerticalStyles,children:C}),v,I]})}}));
-//# sourceMappingURL=ListItemLayout-2dbba38a.js.map

package/amd/ListItemLayout-2dbba38a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemLayout-2dbba38a.js","sources":["../../src/UNSAFE_ListItemLayout/ListItemLayout.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, JSX } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListItemLayoutStyles.css';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Props = {\n  children?: ComponentChildren;\n  /**\n   * The centermost element that should display more important data.\n   */\n  primary?: ComponentChildren;\n  /**\n   * Render Selector component in the leftmost column of the grid.\n   */\n  selector?: ComponentChildren;\n  /**\n   * Visual element to the left of the primary section.\n   * Supports image, avatar, badge, initials, or icon.\n   */\n  leading?: ComponentChildren;\n  /**\n   * A section that is rendered above the primary line.\n   */\n  overline?: ComponentChildren;\n  /**\n   * A section below the primary line.\n   */\n  secondary?: ComponentChildren;\n  /**\n   * Another section below secondary.\n   */\n  tertiary?: ComponentChildren;\n  /**\n   * Provides information about other data.\n   * Some examples of basic metadata are author, date created, date modified, file size, abbreviations, etc.\n   */\n  metadata?: ComponentChildren;\n  /**\n   * Visual element to the right of the primary section and metadata.\n   * Example components are image, avatar, badge, initials, or icon.\n   */\n  trailing?: ComponentChildren;\n  /**\n   * The action prop displays either one primary action or one or more secondary actions.\n   * A common example is using Toolbar.\n   */\n  action?: ComponentChildren;\n  /**\n   * Additional section separated with a space between itself and tertiary.\n   */\n  quaternary?: ComponentChildren;\n  /**\n   * Navigation should normally be used for linking away from the layout.\n   */\n  navigation?: ComponentChildren;\n  /**\n   * Aligns content to top of cell and moves overline to a row above primary.\n   */\n  verticalAlignment?: 'middle' | 'top';\n} & IntrinsicProps;\n\n// TODO: revisit idea of negative margin when selector has a proper API for handling spacing\n// Jira: JET-54543\n/**\n * A ListItemLayout component represents a layout used for list view item elements.\n */\nexport function ListItemLayout({\n  children,\n  selector,\n  leading,\n  primary,\n  secondary,\n  tertiary,\n  overline,\n  metadata,\n  trailing,\n  action,\n  quaternary,\n  navigation,\n  verticalAlignment = 'middle'\n}: Props) {\n  // generate grid skeleton, adding cells based on which props are defined\n  const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } =\n    verticalAlignment === 'top'\n      ? getOptInColumnsTemplate(\n          selector,\n          leading,\n          metadata,\n          trailing,\n          action,\n          quaternary,\n          navigation\n        )\n      : getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation);\n\n  // extra row placed before the other rows, only used with top alignment\n  const topRow =\n    overline && verticalAlignment === 'top'\n      ? [\n          firstCell && <span> </span>,\n          secondCell && <span> </span>,\n          <div className={styles.topRowStyles}>{overline}</div>,\n          lastCell && <span> </span>\n        ]\n      : null;\n\n  // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props\n  const textArea = children ? (\n    <div className={styles.childrenStyles}>{children}</div>\n  ) : (\n    <div className={styles.flexColumnStyles}>\n      {verticalAlignment === 'top' ? null : <div>{overline}</div>}\n      <div>{primary}</div>\n      <div>{secondary}</div>\n      <div>{tertiary}</div>\n    </div>\n  );\n\n  // a second row is needed when quaternary or navigation are defined\n  const secondRow = hasSecondRow\n    ? [\n        firstCell && <span> </span>,\n        secondCell && <span> </span>,\n        <div\n          className={classNames([\n            verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n            styles.rowAlignStyles\n          ])}>\n          {quaternary}\n        </div>,\n        lastCell && (\n          <div\n            className={classNames([\n              verticalAlignment === 'top' ? styles.optInTopPaddingStyles : '',\n              styles.endJustifyStyles\n            ])}>\n            {navigation}\n          </div>\n        )\n      ]\n    : null;\n\n  return (\n    <Grid gap={verticalAlignment === 'top' ? '0x' : '4x'} gridTemplateColumns={columnsTemplate}>\n      {topRow}\n      {firstCell}\n      {secondCell}\n      <div className={styles.centerVerticalStyles}>{textArea}</div>\n      {lastCell}\n      {secondRow}\n    </Grid>\n  );\n}\n\nfunction getColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.selectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div className={classNames([styles.centerVerticalStyles, styles.displayFlexStyle])}>\n        {leading}\n      </div>\n    );\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={styles.flexRowStyles}>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            metadata ? styles.leftPaddingStyles : ''\n          ])}>\n          {metadata}\n        </div>\n        <div\n          className={classNames([\n            styles.centerVerticalStyles,\n            trailing ? styles.leftPaddingStyles : ''\n          ])}>\n          {trailing}\n        </div>\n        <div\n          className={classNames([styles.centerVerticalStyles, action ? styles.actionStyles : ''])}>\n          {action}\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n\nfunction getOptInColumnsTemplate(\n  selector: ComponentChildren,\n  leading: ComponentChildren,\n  metadata: ComponentChildren,\n  trailing: ComponentChildren,\n  action: ComponentChildren,\n  quaternary: ComponentChildren,\n  navigation: ComponentChildren\n) {\n  const columnsTemplateBuilder = [];\n\n  let firstCell = null;\n  if (selector) {\n    columnsTemplateBuilder.push('auto');\n    firstCell = <div className={styles.optInSelectorStyles}>{selector}</div>;\n  }\n\n  let secondCell = null;\n  if (selector || leading) {\n    columnsTemplateBuilder.push('auto');\n    secondCell = (\n      <div\n        className={classNames([\n          selector ? styles.leftPaddingStyles : '',\n          styles.topAlignStyles,\n          leading ? styles.optInRightPaddingStyles : ''\n        ])}>\n        {leading}\n      </div>\n    );\n  }\n\n  columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space\n\n  let lastCell = null;\n  if (metadata || trailing || action || navigation) {\n    columnsTemplateBuilder.push('auto');\n    lastCell = (\n      <div className={classNames([styles.topAlignStyles])}>\n        <div className={classNames([styles.optInExtraStyles, styles.flexRowStyles])}>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              metadata ? styles.leftPaddingStyles : ''\n            ])}>\n            {metadata}\n          </div>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              trailing ? styles.leftPaddingStyles : ''\n            ])}>\n            {trailing}\n          </div>\n          <div\n            className={classNames([\n              styles.centerVerticalStyles,\n              action ? styles.actionStyles : ''\n            ])}>\n            {action}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  const columnsTemplate = columnsTemplateBuilder.join(' ');\n  const hasSecondRow = quaternary || navigation ? true : false;\n\n  return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };\n}\n"],"names":["children","selector","leading","primary","secondary","tertiary","overline","metadata","trailing","action","quaternary","navigation","verticalAlignment","columnsTemplate","firstCell","secondCell","lastCell","hasSecondRow","columnsTemplateBuilder","push","_jsx","className","styles","optInSelectorStyles","classNames","leftPaddingStyles","topAlignStyles","optInRightPaddingStyles","jsx","_jsxs","optInExtraStyles","flexRowStyles","centerVerticalStyles","actionStyles","join","getOptInColumnsTemplate","selectorStyles","displayFlexStyle","getColumnsTemplate","topRow","topRowStyles","textArea","childrenStyles","flexColumnStyles","secondRow","optInTopPaddingStyles","rowAlignStyles","endJustifyStyles","jsxs","Grid","gap","gridTemplateColumns"],"mappings":"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"}

package/amd/LiveRegion-dbefb95b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'css!./LiveRegionStyles.styles.css', './useTestId-f4240cbd'], (function(e,t,s,i,c){"use strict";e.LiveRegion=function({testId:e,atomic:i="false",children:n="",timeout:o=100,type:u="polite"}){const a=function(e,t){const[i,c]=s.useState(""),n=s.useCallback((()=>c(e)),[e]),o=s.useCallback((()=>setTimeout(n,t)),[n,t]);return s.useEffect((()=>{const e=o();return()=>clearTimeout(e)}),[o]),i}(n,o),r=c.useTestId(e);return t.jsx("span",{"aria-live":u,"aria-atomic":i,class:"LiveRegionStyles_offScreenStyle__1uvpdtw0",...r,children:a})}}));
-//# sourceMappingURL=LiveRegion-dbefb95b.js.map

package/amd/LiveRegion-dbefb95b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LiveRegion-dbefb95b.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  /**\n   * Whether this live region is atomic\n   */\n  atomic?: 'true' | 'false';\n\n  /**\n   * The text to be read out in the live region\n   */\n  children?: string;\n\n  /**\n   * Timeout for updating the text\n   */\n  timeout?: number;\n\n  /**\n   * The value for the aria-live attribute\n   */\n  type?: 'assertive' | 'polite' | 'off';\n};\n\n/**\n * A helper component that renders an aria-live region\n *\n * TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n */\nfunction LiveRegion({\n  testId,\n  atomic = 'false',\n  children = '',\n  timeout = 100,\n  type = 'polite'\n}: Props) {\n  const ariaLiveText = useLiveText(children, timeout);\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n      {ariaLiveText}\n    </span>\n  );\n}\n\n/**\n * A custom hook for handling the aria-live region\n *\n * @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n  const [liveText, setLiveText] = useState('');\n  const updateText = useCallback(() => setLiveText(text), [text]);\n  const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n  useEffect(() => {\n    const timeoutId = updateTextAsync();\n\n    return () => clearTimeout(timeoutId);\n  }, [updateTextAsync]);\n\n  return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["testId","atomic","children","timeout","type","ariaLiveText","text","liveText","setLiveText","useState","updateText","useCallback","updateTextAsync","setTimeout","useEffect","timeoutId","clearTimeout","useLiveText","testIdProps","useTestId","_jsx","jsx","class"],"mappings":"6JAgCA,UAAoBA,OAClBA,EAAMC,OACNA,EAAS,QAAOC,SAChBA,EAAW,GAAEC,QACbA,EAAU,IAAGC,KACbA,EAAO,WAEP,MAAMC,EAiBR,SAAqBC,EAAcH,GACjC,MAAOI,EAAUC,GAAeC,EAAQA,SAAC,IACnCC,EAAaC,EAAAA,aAAY,IAAMH,EAAYF,IAAO,CAACA,IACnDM,EAAkBD,eAAY,IAAME,WAAWH,EAAYP,IAAU,CAACO,EAAYP,IAQxF,OANAW,EAAAA,WAAU,KACR,MAAMC,EAAYH,IAElB,MAAO,IAAMI,aAAaD,EAAU,GACnC,CAACH,IAEGL,CACT,CA7BuBU,CAAYf,EAAUC,GACrCe,EAAcC,YAAUnB,GAE9B,OACEoB,EAAAC,IAAA,OAAA,CAAA,YAAiBjB,EAAI,cAAeH,EAAQqB,qDAA2BJ,EAAWhB,SAC/EG,GAGP"}

package/amd/MaxLengthLiveRegion-8f9f7247.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-e4dd341e', './LiveRegion-dbefb95b'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:r,testId:s,valueLength:d=0}){const a=t.useDebounce(r-d,500),c=i.useTranslationBundle("@oracle/oraclejet-preact"),u=c.formControl_maxLengthExceeded({MAX_LENGTH:`${r}`}),g=c.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(n.Fragment,{children:[n.jsx(o.LiveRegion,{testId:s?s+"_remainingChars":void 0,children:g}),e&&n.jsx(o.LiveRegion,{testId:s?s+"_exceeded":void 0,type:"assertive",children:u})]})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-8f9f7247.js.map

package/amd/MaxLengthLiveRegion-8f9f7247.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaxLengthLiveRegion-8f9f7247.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  isMaxLengthExceeded: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({\n  isMaxLengthExceeded,\n  maxLength,\n  testId,\n  valueLength = 0\n}: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <>\n      <LiveRegion testId={testId ? testId + '_remainingChars' : undefined}>\n        {remainingCharsTranslatedString}\n      </LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion testId={testId ? testId + '_exceeded' : undefined} type=\"assertive\">\n          {maxLengthExceededTranslatedString}\n        </LiveRegion>\n      )}\n    </>\n  );\n}\n"],"names":["isMaxLengthExceeded","maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsxs","_jsx","LiveRegion","undefined","type","children"],"mappings":"mLAcgB,UAAoBA,oBAClCA,EAAmBC,UACnBA,EAASC,OACTA,EAAMC,YACNA,EAAc,IAOd,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAb1B,KAcxBG,EAAeC,uBAAiC,4BAChDC,EAAoCF,EAAaG,8BAA8B,CACnFC,WAAY,GAAGT,MAEXU,EAAiCL,EAAaM,+BAA+B,CACjFC,gBAAiB,GAAGT,MAGtB,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,YAAWd,OAAQA,EAASA,EAAS,uBAAoBe,WACvDN,IAEFX,GACCe,MAACC,EAAUA,WAAA,CAACd,OAAQA,EAASA,EAAS,iBAAce,EAAWC,KAAK,YAAWC,SAC5EX,MAKX"}

package/amd/MessageLayer-29d1f82c.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Flex-4b81b412', './WindowOverlay-3293b108', './useUser-08901aba', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:l="bottom"})=>{const c=l.split("-")[0];let b;b="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==c||"bottom"==c?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:p}=r.useUser(),d="ltr"===p;let m;switch(l){case"top-left":m=d?"top-start":"top-end";break;case"top-right":m=d?"top-end":"top-start";break;case"bottom-left":m=d?"bottom-start":"bottom-end";break;case"bottom-right":m=d?"bottom-end":"bottom-start";break;default:m=l}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:m,offset:b,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
-//# sourceMappingURL=MessageLayer-29d1f82c.js.map

package/amd/MessageLayer-29d1f82c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageLayer-29d1f82c.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["children","offset","testId","position","side","split","windowOverlayOffset","mainAxis","crossAxis","vertical","horizontal","direction","useUser","isLtr","windowOverlayPlacement","_jsx","Layer","priority","level","WindowOverlay","placement","jsx","Flex","gap"],"mappings":"2NAyDqB,EAAGA,WAAUC,SAAQC,SAAQC,WAAW,aAC3D,MAAMC,EAAOD,EAASE,MAAM,KAAK,GACjC,IAAIC,EAEFA,EADoB,iBAAXL,EACa,CAAEM,SAAUN,EAAQO,UAAWP,GACpC,OAARG,GAAyB,UAARA,EACJ,CAAEG,SAAUN,GAAQQ,SAAUD,UAAWP,GAAQS,YAEjD,CAAEH,SAAUN,GAAQS,WAAYF,UAAWP,GAAQQ,UAG3E,MAAME,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAIG,EACJ,OAAQX,GACN,IAAK,WACHW,EAAyBD,EAAQ,YAAc,UAC/C,MACF,IAAK,YACHC,EAAyBD,EAAQ,UAAY,YAC7C,MACF,IAAK,cACHC,EAAyBD,EAAQ,eAAiB,aAClD,MACF,IAAK,eACHC,EAAyBD,EAAQ,aAAe,eAChD,MACF,QACEC,EAAyBX,EAG7B,OACEY,EAAAA,IAACC,EAAAA,OAAMC,SAAS,WAAWC,MAAM,WAAUlB,SACzCe,EAAAA,IAACI,EAAAA,cAAa,CAACC,UAAWN,EAAwBb,OAAQK,EACxDN,SAAAe,EAAAM,IAAA,MAAA,CAAA,cAAkBnB,EAChBF,SAAAe,EAAAA,IAACO,EAAAA,KAAK,CAAAX,UAAU,SAASY,IAAI,cAC1BvB,SAKT,cA5Fc,CAChB,MACA,WACA,YACA,YACA,UACA,SACA,cACA,eACA,eACA"}

package/amd/MonthView-83028b09.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './dayUtils-a9fb6d17', './getFormatParse-10009d38', './logger-00b673c5', './calendarDateUtils-6b5f47a4', 'preact/hooks', './StyledDatePickerButton-416ddc14', 'preact/compat', './useTranslationBundle-e4dd341e', './useCellNavigation-fe5a7be7', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-08901aba', './useTestId-f4240cbd', './Grid-caac1c86', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-db55de25', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css', './useCollectionFocusRing-39368fdd', './clientHints-6d361eaa'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,m,y,g,p,D,w,b,f){"use strict";const T=()=>({state:"enabled"}),C=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=T,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:m,isToday:y,isForcedFocusRing:g,onAction:p,onNavigation:D})=>{const{state:w}=t(e),b="disabled"===w,f="restricted"===w,C=c.useFocusableCell({isFocusable:n,isFocused:i}),k=l.useCallback((e=>{o||h||b||f||p(e)}),[o,b,h,f,p]),F=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:k,onNavigation:D}),S=d.useTranslationBundle("@oracle/oraclejet-preact"),x=S.datePicker_today(),M=S.datePicker_selected(),v=S.datePicker_restricted(),A=a(r.getIsoDateStr(e.year,e.month,e.day));let j=y?`${x}, ${A}`:A;j=f?`${j}, ${v}`:j,j=m?`${j}, ${M}`:j;const P=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":j,...(u||o||b||f)&&{"aria-disabled":!0},isActivable:!(o||h||b||f),isAdjacentMonth:s,isDimmed:o||b,isHidden:u,isHoverable:!(o||h||b||f),isReadonly:h,isSelected:m,isRestricted:f,isToday:y,isForcedFocusRing:g,label:P,...C,...F}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},k=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDateUTC(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:w.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:w.weekNumberStyles,children:a})})};function F(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onNavigation:u,selectedDate:w,focusableDate:T,isFocused:S=!1,testId:x,todaysDate:M,weekDisplay:v="none"})=>{const{locale:A}=h.useUser(),j=a.getWeeksInMonth(T.year,T.month,A),{baseTheme:P,styles:R}=p.useComponentTheme(g.MonthViewRedwoodTheme,{}),U="number"===v,V=`repeat(${U?8:7}, 1fr)`,N=m.useTestId(x),W=n.useMemo((()=>{r.checkNoCalendarExtension(A);const e={locale:A,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[A]),I=n.useRef(null),[O,$]=b.useCollectionFocusRing(I,["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"],!0),E="safari"===f.getClientHints().browser&&O,H=r.formatFullCalendarDate(A,T,"month");return t.jsx("div",{class:P,ref:I,...$,...N,children:t.jsxs(y.Grid,{gap:D.monthViewScaleVars.rowGap,"aria-label":H,role:"grid",children:[(()=>{const e=a.getDaysOfWeekNames(A,"short");return t.jsx("div",{class:R.sticky,children:t.jsxs(y.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:V,gap:D.monthViewScaleVars.columnGap,children:[U&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:R.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<j;n++){const h=a.getStartOfWeek(T.year,T.month,1,A),m=a.getDatesInWeek(n,h.year,h.month,h.day),g=m.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!w&&F(a,w),h=F(a,M),m=F(a,T),y=(g=T,a.month!==g.month);var g;const p=y&&"hidden"===o;return t.jsx(C,{date:a,dateFormatter:W,dayFormatter:e,isAdjacentMonth:y,isDisabled:s,isFocusable:m,isFocused:m&&S,isForcedFocusRing:E,isHidden:p,isReadonly:i,isSelected:n,isToday:h,onAction:c,onNavigation:u},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(y.Grid,{role:"row",gridTemplateColumns:V,gap:D.monthViewScaleVars.columnGap,children:[U&&t.jsx(k,{startDateOfWeek:m[0]}),g]},n))}return s})()]})})}}));
-//# sourceMappingURL=MonthView-83028b09.js.map

package/amd/MonthView-83028b09.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthView-83028b09.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.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 type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function used to format the day cell date as a full date.\n   */\n  dateFormatter: FormatterFunc<DateISOStr>;\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n  /**\n   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * Whether the day cell should force the focus ring (Safari workaround for :focus-visible bug JET-77041).\n   */\n  isForcedFocusRing?: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  dateFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  isForcedFocusRing,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n  const formattedDate = dateFormatter(dateIsoStr);\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      isForcedFocusRing,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 */\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dateFormatter'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isForcedFocusRing'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate, toJSDateUTC } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css';\nimport * as Logger from '../utils/UNSAFE_logger';\n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number.\n * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDateUTC(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n  if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n    // This message is for internal JET developers. We should never see this message. In all locales the day of the\n    // week starts on Sunday, Monday or Saturday.\n    Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports.`);\n  }\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    // If it is already Monday, do nothing.\n    // If it is Sunday (0), add 1 to move it up to Monday.\n    // If it is Saturday (6), move it up two days to Monday.\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n  // we move it up 3 days.\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\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 */\nimport {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport { useMemo, useRef } from 'preact/hooks';\nimport {\n  CalendarDateRequired,\n  checkNoCalendarExtension,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\n    /**\n     * The daysOutsideMonth property affects the day cells that are outside of the current month.\n     * If set to 'hidden', then the days outside of the current month will be hidden.\n     * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n     * This defaults to 'hidden'.\n     */\n    daysOutsideMonth?: 'hidden' | 'selectable';\n    /**\n     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n  const testIdProps = useTestId(testId);\n\n  const dateFormatter = useMemo(() => {\n    checkNoCalendarExtension(locale);\n    const dateFormatOptions: NativeDateTimeOptions = {\n      locale,\n      dateStyle: 'full'\n    };\n    const { format } = getFormatParse(dateFormatOptions);\n    return format;\n  }, [locale]);\n\n  /**\n   * JET-77041 acc: safari: oj-c-datepicker focus ring missing after certain interactions\n   * When a day cell receives focus via arrow key navigation after a mouse click, Safari\n   * ignores `:focus-visible` even though on other browsers it matches.\n   * If you tab first, then use the arrow key, Safari does not ignore `:focus-visible`.\n   *\n   * For Safari only, during keyboard navigation, add a style class that forces the ring on the day cell.\n   */\n  const dayGridRootRef = useRef<HTMLDivElement>(null);\n  // This hook is used to track if the user is using the keyboard in the MonthView.\n  // We map focusRingVisible to isFocusRingShown. This is true when the user uses the keyboard,\n  // and set to false when the user uses the mouse.\n  const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n    dayGridRootRef,\n    ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'PageUp', 'PageDown'],\n    true // isVisibleFocusLostOnClick, click should hide ring\n  );\n  const isSafari = getClientHints().browser === 'safari';\n  const isForcedFocusRing = isSafari && isFocusRingShown;\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <div class={styles.sticky}>\n        <Grid\n          role=\"row\"\n          aria-hidden=\"true\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <div role=\"presentation\" />}\n          {weekDays.map((day) => (\n            <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n              <span>{day}</span>\n            </div>\n          ))}\n        </Grid>\n      </div>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dateFormatter={dateFormatter}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isForcedFocusRing={isForcedFocusRing}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}\n          />\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme} ref={dayGridRootRef} {...focusRingProps} {...testIdProps}>\n      <Grid gap={monthViewScaleVars.rowGap} aria-label={monthViewAriaLabel} role=\"grid\">\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["defaultDayFormatter","state","DayCell","props","buttonProps","date","dayFormatter","dateFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","isForcedFocusRing","onAction","onNavigation","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","getIsoDateStr","year","month","day","ariaLabel","dayOfMonth","toJSDate","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","toJSDateUTC","dayNumber","getUTCDay","Logger.warn","setUTCDate","getUTCDate","janFirst","getUTCFullYear","Math","floor","round","getTime","calculateWeekNumber","datePicker_weekNum","NUM","String","weekNumberCellStyles","weekNumberStyles","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weekDisplay","locale","useUser","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","testIdProps","useTestId","useMemo","checkNoCalendarExtension","dateFormatOptions","dateStyle","format","getFormatParse","dayGridRootRef","useRef","isFocusRingShown","focusRingProps","useCollectionFocusRing","getClientHints","browser","monthViewAriaLabel","formatFullCalendarDate","ref","_jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","sticky","jsxs","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NavigationListItem-f0040f63.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './clientUtils-f1eea2db', './useId-c9578d26', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './collectionUtils-89bc31e1', './useCollectionFocusRing-39368fdd', './useCurrentKey-5749e7fb', './useContextMenuGesture-750ef2c6', './useTranslationBundle-e4dd341e', './TabBarContextMenu-6f38f6ab', 'preact/compat', './useTestId-f4240cbd', './HiddenAccessible-037ef42d', './LiveRegion-dbefb95b', './NavigationListLinkItem-82fd633c'], (function(e,t,n,o,r,i,s,a,c,l,u,d,f,m,y,b,g,v,x){"use strict";const C='[role="tab"]',h="[data-oj-navigationlist-item-remove-icon]",K={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},p={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}};const R=(e,t,n)=>{const o=c.findElementByKey(t,e,C);if(o){return o.querySelector(n)}},I=(e,t)=>{const n=c.findElementByKey(t,e,C);if(n)return n.innerText},M=(e,t,n)=>{const o=e.closest(t),r=e.closest(n);return o?.contains(r)?null:c.keyExtractor(e,t)},k=(e,t,n)=>{const o=n.indexOf(e);if(o>0){const e=n[o===n.length-1?o-1:o+1];if(-1!==t.indexOf(e))return e}return t[0]},S=y.forwardRef((({children:e,selection:S,edge:F="start",onSelectionChange:L,onRemove:N,"aria-label":w,"aria-labelledby":j,testId:D,display:E="standard"},A)=>{const P=n.useRef(null),B=i.isMobile(),H=n.useMemo((()=>B?{itemsRenderer:e=>{if(e){if(null!=R(e.itemKey,P.current,h)){const n=e.defaultMenuItems;return t.jsx(t.Fragment,{children:n})}}return null}}:void 0),[B]),{showFocusRing:V,currentKey:T,onCurrentKeyChange:O,containerHandlers:U,onKeyDown:_,contextMenuContext:q,menuProps:G,contextMenuDescription:$,contextMenuDescriptionId:z,accStatusInfo:J}=function({containerRef:e,selection:t,onRemove:r,onSelectionChange:i,children:s,contextMenuConfig:a}){const y=f.useTranslationBundle("@oracle/oraclejet-preact"),[b,g]=n.useState(t),v=n.useCallback((e=>{g(e.value)}),[]),{currentKeyProps:x}=u.useCurrentKey((e=>r?M(e,C,h):c.keyExtractor(e,C)),!1,!1,c.getPrevNextKeyUsingRef(e,b,!0,C),c.getPrevNextKeyUsingRef(e,b,!1,C),void 0,void 0,b,v),[S,F]=l.useCollectionFocusRing(e,["Home","End","ArrowUp","ArrowDown"]),L={onFocus:n.useCallback((()=>{if(e.current&&void 0===b){const t=c.getFirstVisibleKey(e.current,C);t&&g(t)}}),[b,e])},N=n.useRef();n.useEffect((()=>{if(e.current){const t=Array.from(e.current.querySelectorAll(C),(e=>c.getKey(e)));if(null!=b&&-1!==t.indexOf(b)){const t=c.findElementByKey(e.current,b,C);t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded():t.scrollIntoView({block:"nearest"})}else b&&-1===t.indexOf(b)&&(N.current?g(k(b,t,N.current)):g(t[0])),N.current=t}}),[s,b,e]);const w=n.useCallback((t=>{if(("Home"===t.key||"End"===t.key)&&e.current&&b){const n=Array.from(e.current.querySelectorAll(C),(e=>c.getKey(e)));v?.({value:n["Home"===t.key?0:n.length-1]})}!b||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),i?.({value:b,reason:"keyboard"})),b&&"Delete"===t.key&&r?.({value:b})}),[b,i,r,v,e]),[j,D]=n.useState(),[E,A]=n.useState(p),[P,B]=n.useState(),{triggerProps:H}=d.useContextMenuGesture((({gesture:t,anchor:n,target:o})=>{let i=n,s=b;if("keyboard"===t){i=c.findElementByKey(e.current,b,C)||n}else{const e=c.keyExtractor(o,C);s=null!=e?e:b}let l=!1;e.current&&(l=null!=R(s,e.current,h));const u=m.getDefaultContextMenu({isRemovable:l,handleRemove:r,handleReorder:void 0,itemKey:s,tabKeys:void 0,direction:void 0,itemLabels:{labelRemove:l?y.tabbar_labelRemove():void 0},handleAccStatus:t=>{const n=I(t.removedKey,e.current),o=l&&t.removedKey?` Removed ${n}`:"";B(o)}});D(u),A({...K[t],anchorRef:{current:i},isOpen:null!=a})}),{isDisabled:!a}),V=n.useCallback((t=>{"dismissed"!==t.reason&&"itemAction"!==t.reason||(g(j?.itemKey),e.current?.focus()),A({...p})}),[e,j?.itemKey]),T="contextMenu_"+n.useId(),O=y.tabbar_labelContextMenu();return{showFocusRing:S,currentKey:b,onCurrentKeyChange:v,onKeyDown:w,menuProps:{...E,onClose:V},contextMenuContext:j,contextMenuDescription:O,contextMenuDescriptionId:T,accStatusInfo:P,containerHandlers:o.mergeProps(F,x,L,H)}}({containerRef:P,selection:S,onRemove:N,onSelectionChange:L,children:e,contextMenuConfig:H}),Q={onKeyDown:_},W=r.classNames([a.navigationListStyles.uListStyle]),X=s.useId()+"_",Y=b.useTestId(D);return y.useImperativeHandle(A,(()=>({focus:()=>{P.current&&P.current.focus()},blur:()=>{P.current&&P.current.focus()}}))),t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-label":w,"aria-labelledby":j,role:"tablist",ref:P,"aria-orientation":"vertical",tabIndex:0,"aria-activedescendant":T?X+T:"",...o.mergeProps(Q,U),...Y,class:W,children:t.jsx(x.NavigationListContext.Provider,{value:{selection:S,display:E,onSelectionChange:L,onCurrentKeyChange:O,currentKey:T,showFocusRing:V,navigationListItemPrefix:X,onRemove:N,edge:F},children:e})}),H&&z&&$&&t.jsx("span",{id:z,children:t.jsx(g.HiddenAccessible,{children:$})}),H&&J&&t.jsx(v.LiveRegion,{children:J}),H&&t.jsx(m.TabBarContextMenu,{...G,contextMenuConfig:H,contextMenuContext:q})]})}));e.NavigationList=S,e.NavigationListItem=function({itemKey:e,label:n,badge:o,metadata:r,severity:i,icon:s}){return t.jsx(x.BaseNavigationListItem,{itemKey:e,label:n,badge:o,metadata:r,severity:i,icon:s})}}));
-//# sourceMappingURL=NavigationListItem-f0040f63.js.map

package/amd/NavigationListItem-f0040f63.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListItem-f0040f63.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps } from 'preact';\nimport { useState, useCallback, MutableRef, useRef, useEffect, useId } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { MenuProps } from '../hooks/PRIVATE_useVisContextMenu/util';\nimport { useContextMenuGesture } from '../hooks/UNSAFE_useContextMenuGesture';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Menu } from '../UNSAFE_Menu';\nimport { getDefaultContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarContextMenuConfig, TabBarItemContextMenuContext } from '../UNSAFE_TabBarCommon';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nexport const REMOVE_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\nconst TOUCH_OFFSET_VALUE = 40;\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children,\n  contextMenuConfig\n}: {\n  containerRef: MutableRef<HTMLDivElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n}) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVE_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && (event.key === 'Enter' || event.key === ' ')) {\n        // Prevent default to avoid page scrolling on Space (and native actions on Enter)\n        event.preventDefault();\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          containerRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let isRemovable = false;\n      if (containerRef.current) {\n        isRemovable = getItemAttribute(itemKey, containerRef.current, REMOVE_ICON_SELECTOR) != null;\n      }\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: undefined,\n        itemKey: itemKey,\n        tabKeys: undefined,\n        // As direction is only needed for reorder to switch the labels\n        direction: undefined,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, containerRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey ? ` Removed ${removeItemLabel}` : '';\n\n          setAccStatusInfo(removeStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig and when items is not removable we need not open it.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        containerRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [containerRef, contextMenuContext?.itemKey]\n  );\n\n  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescription,\n    contextMenuDescriptionId,\n    accStatusInfo,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps, triggerProps)\n  };\n}\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const navItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (navItem) {\n    const tabBarItemAttribute = navItem.querySelector(attribute);\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useMemo, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { getItemAttribute, REMOVE_ICON_SELECTOR, useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport type { TabBarContextMenuConfig as NavigationListContextMenuConfig } from '../UNSAFE_TabBarCommon';\nexport {\n  RemovableNavigationListItem,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      edge = 'start',\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId,\n      display = 'standard'\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<\n      NavigationListContextMenuConfig<string | number> | undefined\n    >(() => {\n      return isMobileDevice\n        ? {\n            itemsRenderer: (context) => {\n              //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n              if (context) {\n                const isRemovableItem =\n                  getItemAttribute(context.itemKey, containerRef.current!, REMOVE_ICON_SELECTOR) !=\n                  null;\n                if (isRemovableItem) {\n                  const defaultItems = context.defaultMenuItems;\n                  return <>{defaultItems}</>;\n                }\n              }\n              return null;\n            }\n          }\n        : undefined;\n    }, [isMobileDevice]);\n\n    const {\n      showFocusRing,\n      currentKey,\n      onCurrentKeyChange,\n      containerHandlers,\n      onKeyDown,\n      contextMenuContext,\n      menuProps,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useNavigationList({\n      containerRef: containerRef as MutableRef<HTMLDivElement>,\n      selection,\n      onRemove,\n      onSelectionChange,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <>\n        <div\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelLedBy}\n          role=\"tablist\"\n          ref={containerRef}\n          aria-orientation={'vertical'}\n          tabIndex={0}\n          aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n          {...mergeProps(eventProps, containerHandlers)}\n          {...testIdProps}\n          class={navigationListClass}>\n          <NavigationListContext.Provider\n            value={{\n              selection,\n              display,\n              onSelectionChange,\n              onCurrentKeyChange,\n              currentKey,\n              showFocusRing,\n              navigationListItemPrefix,\n              onRemove,\n              edge\n            }}>\n            {children}\n          </NavigationListContext.Provider>\n        </div>\n        {defaultContextMenuConfig && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {defaultContextMenuConfig && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {defaultContextMenuConfig && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n","import {\n  BaseNavigationListItem,\n  BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity,\n  icon\n}: NavigationListItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      icon={icon}\n    />\n  );\n}\n"],"names":["ITEM_SELECTOR","REMOVE_ICON_SELECTOR","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","isOpen","anchorRef","current","getItemAttribute","itemKey","root","attribute","navItem","findElementByKey","querySelector","getItemLabel","tabBarItem","innerText","extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","edge","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","display","ref","containerRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","undefined","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","contextMenuContext","menuProps","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","contextMenuConfig","translations","useTranslationBundle","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","preventDefault","reason","setContextMenuContext","setMenuProps","setAccStatusInfo","triggerProps","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","isRemovable","defaultContext","getDefaultContextMenu","handleRemove","handleReorder","tabKeys","direction","itemLabels","labelRemove","tabbar_labelRemove","handleAccStatus","removeItemLabel","removedKey","removeStatus","isDisabled","handleCloseContextMenu","focus","useId","tabbar_labelContextMenu","onClose","mergeProps","useNavigationList","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","testIdProps","useTestId","useImperativeHandle","blur","_jsxs","role","tabIndex","class","NavigationListContext","Provider","id","HiddenAccessible","LiveRegion","TabBarContextMenu","label","badge","metadata","severity","icon","BaseNavigationListItem"],"mappings":"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"}

package/amd/OverflowTabBar-3aa04b5d.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-9bce644f', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-b00641ee', './TabBarLinkItem-131722a1', './RemovableTabBarItem-41219bd9', './TabBarItem-545e9bdd', './OverflowTabBarItem-55446ff5'], (function(e,a,t,l,r,s,i,o,n,m,b,d){"use strict";e.OverflowTabBar=function({items:e,layout:c="stretch",display:u="standard",size:y="md",edge:f="top",selection:v,truncation:I,onSelect:g,onRemove:B,"aria-label":K,"aria-labelledby":T,contextMenuConfig:h,testId:x}){const p="stacked"===u?{display:u}:{display:u,size:y},w=l.useRef(null),R=t.createRef(),[O,j]=l.useState(!1),M=l.useRef(!1),k=l.useCallback((e=>{"more"===e.value?M.current?j(!1):j(!0):g?.(e),M.current=!1}),[g]),S=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:z,overflowItemKeys:C,maxWidths:W}=o.useDetectHorizontalOverflow({rootRef:R,keysArray:S,isTruncationDisabled:!(I&&"progressive"===I)}),A=r.classNames([i.styles.overflowTabBarBase]);return a.jsx("div",{ref:w,class:A,children:a.jsxs(s.TabBar,{ref:R,selection:v,onSelect:k,...p,layout:c,edge:f,onRemove:B,"aria-label":K,"aria-labelledby":T,testId:x,contextMenuConfig:h,children:[null!=z&&z.length>0&&e.filter((e=>z?.includes(e.itemKey))).map((e=>null!=e.href?a.jsx(n.TabBarLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):e.isRemovable?a.jsx(m.RemovableTabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):a.jsx(b.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}))),null!=C&&C.length>0&&a.jsx(d.OverflowTabBarItem,{isOpen:O,onClose:e=>{R.current&&["itemAction","dismissed"].includes(e.reason)&&R?.current?.focus(),"outsideMousedown"===e.reason&&(M.current=!0),j(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>C?.includes(e.itemKey)))})]})})}}));
-//# sourceMappingURL=OverflowTabBar-3aa04b5d.js.map

package/amd/OverflowTabBar-3aa04b5d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBar-3aa04b5d.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  TabBarLinkItem\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  contextMenuConfig,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}\n        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","contextMenuConfig","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","jsxs","TabBar","length","filter","includes","href","TabBarLinkItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","isRemovable","jsx","RemovableTabBarItem","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"+YAgC0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,kBACjCA,EAAiBC,OACjBA,IAEA,MAQMC,EAA2B,YAAZX,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFW,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBZ,IAAWiB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAACnB,IAKGoB,EAAYC,EAAAA,SAAQ,IAAM5B,EAAM6B,KAAKC,GAASA,EAAKC,WAAiB,CAAC/B,KAErEgC,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB9B,GAA6B,gBAAfA,KAGlC+B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,IAAK,MAAA,CAAAC,IAAK5B,EAAS6B,MAAON,EAAmBO,SAC3CC,EAACC,KAAAC,EAAMA,QACLL,IAAK1B,EACLX,UAAWA,EACXE,SAAUe,KACNT,EACJZ,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,oBACKC,EACjBE,OAAQA,EACRD,kBAAmBA,EAAiBiC,SAAA,CAChB,MAAnBZ,GACCA,EAAgBgB,OAAS,GACzBhD,EACGiD,QAAQnB,GAASE,GAAiBkB,SAASpB,EAAKC,WAChDF,KAAKC,GACS,MAAbA,EAAKqB,KACHV,EAAAA,IAACW,EAAAA,eAAc,CACbD,KAAMrB,EAAKqB,KACXpB,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAEnCD,EAAK+B,YACPpB,EAACqB,IAAAC,EAAmBA,oBAClB,CAAAhC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SACA,gBAAA3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAGrCU,EAAAA,IAACuB,EAAAA,WAAU,CACTjC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBe,OAAS,GACrDP,EAAAqB,IAACG,EAAkBA,mBAAA,CACjBC,OAAQhD,EACRiD,QAjGW3C,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAawB,SAAS1B,EAAE4C,SAC9DpD,GAAWU,SAAS2C,QAEL,qBAAb7C,EAAE4C,SACJ/C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA2FhBmD,gBAvEc,OAwEdC,cAAevE,EAAMiD,QAAQnB,GAASG,GAAkBiB,SAASpB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-55446ff5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-e4dd341e', './clientHints-6d361eaa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-1e9e773e', './useTabBarContext-15a23bb6', './Dropdown-a26fb975', './Sheet-2f362cd6', './BaseTabBarItem-bdd9ea3b', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-f0040f63', './NavigationListLinkItem-82fd633c', './RemovableNavigationListItem-257c9f29'], (function(e,a,t,n,s,o,i,l,r,c,d,m,u,b,f,v,g,h){"use strict";const p=e=>a.jsx(c.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const x=()=>{const{deviceRenderMode:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:y,isOpen:I,onClose:j}){const{selection:B,showFocusRing:C,isEdgeBottom:w,onSelect:R,onRemove:K,layout:L}=d.useTabBarContext(),N=n.useRef(!1);n.useEffect((()=>{I||(N.current=!1)}),[I]);const k=n.useRef(null),O=t.createRef(),T=n.useCallback((e=>{"pointer"===e.reason&&(N.current=!0),R?.({value:e.value}),j?.({reason:"itemAction"})}),[R,j]),F=n.useCallback((e=>{j?.({reason:e.reason})}),[j]),S=n.useCallback((()=>{j?.({reason:"dismissed"})}),[j]),D=C&&!N.current&&!x(),z=y?.find((e=>e.itemKey===B))?.tabPanelId,A=s.useTranslationBundle("@oracle/oraclejet-preact"),E=void 0!==B&&(H=B,null!=y?.find((e=>e.itemKey===H)));var H;const M=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===L?"1 0 auto":"0 0 auto"}),P=r.classNames([f.styles.navContainerBase]),U=n.useRef(null),_=n.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),O.current?.focus())}),[O]),q=n.useCallback((()=>a.jsx("div",{onKeyDown:_,tabIndex:0,ref:U,class:P,children:a.jsx(v.NavigationList,{ref:O,selection:B,onSelectionChange:T,onRemove:K,children:y?.map((e=>null!=e.href?a.jsx(g.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):e.isRemovable?a.jsx(h.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(v.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[_,P,O,B,T,K,y]);return a.jsxs(a.Fragment,{children:[y&&y.length>0&&a.jsx("div",{ref:k,style:M,children:a.jsx(b.BaseTabBarItem,{"aria-controls":z,itemKey:e,label:A.overflowItemLabel(),icon:o||a.jsx(p,{}),badge:c,showFocusRingOverride:D,selectionOverride:E,displayOverride:"icons","aria-haspopup":!0})}),x()?a.jsx(u.Sheet,{isOpen:I,onClose:S,initialFocus:"firstFocusable",children:q()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:I,onClose:F,placement:w?"top-end":"bottom-end",anchorRef:k,children:q()})]})}}));
-//# sourceMappingURL=OverflowTabBarItem-55446ff5.js.map

package/amd/OverflowTabBarItem-55446ff5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBarItem-55446ff5.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  // Reset pointer selection flag when the popup closes so keyboard navigation\n  // restores focus-visible on the overflow trigger.\n  useEffect(() => {\n    if (!isOpen) {\n      isPointerSelection.current = false;\n    }\n  }, [isOpen]);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.href != null ? (\n              <NavigationListLinkItem\n                href={item.href}\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose} initialFocus=\"firstFocusable\">\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceRenderMode } = getClientHints();\n  return deviceRenderMode === 'phone';\n};\n"],"names":["SvgOverflowH","props","_jsx","jsx","Icon","viewBox","children","fill","d","getIsMobile","deviceRenderMode","getClientHints","overflowItemKey","icon","badge","overflowItems","isOpen","onClose","selection","showFocusRing","isEdgeBottom","onSelect","onRemove","layout","useTabBarContext","isPointerSelection","useRef","useEffect","current","overflowTabBarItemRef","navigationListRef","createRef","handleSelectionChange","useCallback","detail","reason","value","handleDropdownClose","e","handleSheetClose","focusRingRequirement","currentPanelId","find","item","itemKey","tabPanelId","translations","useTranslationBundle","isSelected","undefined","searchKey","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","navContainerClasses","classNames","styles","navContainerBase","navContainerRef","handleKeyDown","event","key","preventDefault","focus","getNavigationList","onKeyDown","tabIndex","ref","class","NavigationList","onSelectionChange","map","href","NavigationListLinkItem","label","metadata","severity","isRemovable","RemovableNavigationListItem","NavigationListItem","_jsxs","jsxs","_Fragment","Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","initialFocus","Dropdown","placement","anchorRef"],"mappings":"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"}

package/amd/Popup-195ebcbf.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-eca152d7', './tabbableUtils-f95361a6', './refUtils-77e97004', './FocusTrap-038b32c3', './Layer-1971eddb', 'preact/compat', './LayerHost-0b288129', './Modal-95bf034f', './WindowOverlay-3293b108', './usePopupAnimation-dc282b02', './useTestId-f4240cbd', './useOutsideClick-b9b661a4', './clientHints-6d361eaa', './LiveRegion-dbefb95b', './HiddenAccessible-037ef42d', './useTranslationBundle-e4dd341e', './useComponentTheme-db55de25', './UNSAFE_Popup/themes/PopupContract.css', './stringUtils-4ffd9d59', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './dimensions-95c0c920', './colors-a9482873', './mergeInterpolations-9ede4cf7', './unsafeDomAccess-602c5dde'], (function(e,n,t,s,o,r,i,c,a,l,u,d,p,f,m,b,g,h,x,A,y,v,E,O,C,k,F,j){"use strict";function P({message:e,callback:s}){const o=t.useRef(null),r=e=>{"Enter"===e.code&&(e.stopPropagation(),e.preventDefault())};return n.jsx("div",{ref:o,children:n.jsx(h.HiddenAccessible,{children:n.jsx("a",{onClick:s,tabIndex:-1,href:"#",role:"button",onKeyDown:r,onKeyUp:r,onKeyPress:r,children:e})})})}const R=a.forwardRef((({anchorRef:e,launcherRef:a,children:l,isOpen:h=!1,modality:R="modeless",offset:_={mainAxis:0,crossAxis:0},flipOptions:T={mainAxis:!0,crossAxis:!0},shiftOptions:S={mainAxis:!1,crossAxis:!1},onClickOutside:L,onClose:w,initialFocus:D="auto",placement:I=(e?"top":"center"),tail:U="none",onTransitionEnd:N,onFocusSet:M,variant:H="standard",role:K="dialog","aria-label":W,"aria-labelledby":V,"aria-describedby":B,testId:$,...q},z)=>{const G=t.useRef(null),[J,Q]=t.useState(),X=t.useRef(null),Y=t.useRef("unmounted"),Z=f.useTestId($),ee=[X];G.current&&G.current!==document.body&&ee.push(G);const ne=x.useTranslationBundle("@oracle/oraclejet-preact"),te=t.useCallback((()=>"modal"===R),[R]);m.useOutsideClick({isDisabled:!(h&&X.current),ref:ee,handler:e=>{L?.(e)}});const se=t.useCallback((e=>{G.current!==o.getActiveElement()||"F6"!==e.code||te()||(e.preventDefault(),e.stopPropagation(),o.focusWithin(X.current),M?.())}),[te]),{setAnimationElementRef:oe,status:re,onPosition:ie}=p.usePopupAnimation({isOpen:h,isAnimatedOnMount:!0,onTransitionEnd:e=>{e?(le(),N?.(!0)):N?.(!1)},placement:I}),ce=t.useMemo((()=>r.mergeRefs(X,z)),[X,z]),ae=t.useCallback((()=>{const n=G.current,t=e?.current;if(n)o.focusOn(n);else if(t){let e=null;t instanceof Element?e=t:t[j.UNSAFE_DOM_ACCESS]&&(e=t[j.UNSAFE_DOM_ACCESS]),e&&o.focusOn(e)}}),[G,e]);t.useEffect((()=>(h||"opening"!==re||te()?!h&&"unmounted"===re&&te()&&re!==Y.current&&ae():X.current?.contains(o.getActiveElement())&&ae(),()=>{Y.current=re})),[h,re,ae,te]),t.useEffect((()=>(h&&(a?.current&&a.current instanceof Element?G.current=document.body.contains(a.current)?a.current:o.getActiveElement():G.current=o.getActiveElement(),G.current?.addEventListener("keydown",se)),()=>{G.current?.removeEventListener("keydown",se)})),[h,a,se]);const le=()=>{let e=D;"auto"===D&&(e=te()?"firstFocusable":"none"),"popup"===e&&(o.focusOn(X.current),M?.()),"firstFocusable"===e&&(o.focusWithin(X.current),M?.())},ue={mainAxis:(e=>{let n=0;return e&&(n="number"==typeof e?e:e.mainAxis||0,"simple"===U&&(n+=5)),n})(_),crossAxis:(e=>e?"number"==typeof e?0:e.crossAxis||0:0)(_)},de=e=>{const n=o.getActiveElement(),t=X.current,s=G.current;if(t===n||t?.contains(n))switch(e.code){case"Escape":w?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),s&&!te()&&o.focusOn(s)}};t.useLayoutEffect((()=>{if("unmounted"===re||null==X.current||null!=J||"none"===U)return;const e=v.g(y.popupVars.backgroundColor),n=getComputedStyle(X.current);Q(q.backgroundColor||n.getPropertyValue(e))}),[re,X,J,U,q.backgroundColor]);const pe=b.getClientHints(),fe=["ios","android"].indexOf(pe.platform)>-1,me="opening"===re,{baseTheme:be,classes:ge}=A.useComponentTheme(O.PopupRedwoodTheme),he="unmounted"!==re,xe=[...Object.values(C.dimensionInterpolations),...Object.values(k.colorInterpolations)],Ae=F.mergeInterpolations(xe),{...ye}=Ae(q),ve=()=>{w?.({reason:"closeSkipLink"})},Ee=()=>n.jsxs(n.Fragment,{children:[n.jsx(i.FocusTrap,{restoreFocusRef:!1,children:n.jsxs("div",{ref:ce,tabIndex:-1,role:K,className:E.classNames([be,"unstyled"===H?null:ge]),style:ye,onKeyDown:de,"aria-label":W,"aria-labelledby":V,"aria-describedby":B,...Z,children:[!te()&&fe&&me&&n.jsx(P,{callback:ve,message:`${ne.popup_close_skipLink()}`}),l]})}),!te()&&!fe&&n.jsx(g.LiveRegion,{children:`${-1!=["auto","none"].indexOf(D)?ne.popup_liveRegion_F6_initial_focus_none():ne.popup_liveRegion_F6_initial_focus_firstFocusable()}`})]}),Oe=()=>e&&e.current?n.jsx(s.Floating,{ref:oe,backgroundColor:J,anchorRef:e,placement:I,offsetValue:ue,flipOptions:T,shiftOptions:S,tail:U,onPosition:ie,children:Ee()}):n.jsx(d.WindowOverlay,{placement:I,offset:ue,children:n.jsx("div",{ref:oe,children:Ee()})});return he?te()?n.jsx(u.LogicalParentRefContext.Provider,{value:G,children:n.jsx(u.Modal,{isOpen:he,children:Oe()})}):n.jsx(c.Layer,{logicalParentRef:G,children:Oe()}):null}));e.Popup=R}));
-//# sourceMappingURL=Popup-195ebcbf.js.map

package/amd/Popup-195ebcbf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup-195ebcbf.js","sources":["../../src/UNSAFE_Popup/PopupSkipLink.tsx","../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SkipLinkProps = IntrinsicProps & {\n  message?: string;\n  callback?: () => void;\n};\n\nexport function PopupSkipLink({ message, callback }: SkipLinkProps) {\n  const hiddenAccessibleRef = useRef<HTMLDivElement | null>(null);\n\n  const handleKey = (event: KeyboardEvent) => {\n    // Prevent click generated from an \"enter\" key press by eating the event.\n    // This could only happen in some kind of simulator as this skip link is only used on the iOS platform.\n    if (event.code === 'Enter') {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <div ref={hiddenAccessibleRef}>\n      <HiddenAccessible>\n        <a\n          onClick={callback}\n          tabIndex={-1}\n          href=\"#\"\n          role=\"button\"\n          onKeyDown={handleKey}\n          onKeyUp={handleKey}\n          onKeyPress={handleKey}>\n          {message}\n        </a>\n      </HiddenAccessible>\n    </div>\n  );\n}\n","import type { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n  FocusableElement,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { LogicalParentRefContext } from '../UNSAFE_Layer/LogicalParentRefContext';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { AnimationStatus } from '../hooks/PRIVATE_useAnimationStatus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { PopupSkipLink } from './PopupSkipLink';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nimport type { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement | WindowOverlayPlacement;\nexport type OnCloseDetail = {\n  reason: 'escapeKey' | 'closeSkipLink';\n};\nexport type InitialFocus = 'auto' | 'none' | 'popup' | 'firstFocusable';\nexport type Tail = 'none' | 'simple';\nexport type Modality = 'modal' | 'modeless';\nexport type Variant = 'standard' | 'unstyled';\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     * Specifies whether the Popup is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies Popup's anchor. Popup is placed relatively to its anchor.\n     */\n    anchorRef?: RefObject<Element | Coords | UnsafeDomHandle<Element>>;\n    /**\n     * Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies placement of the Popup relative to the anchor.\n     */\n    placement?: PopupPlacement;\n    /**\n     * Specifies displacement of the Popup from the anchor element along the specified axes.\n     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n     * are applied depends on the current value of the position property.\n     *\n     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n     */\n    offset?: Offset;\n    /**\n     * Specifies modality of the Popup.\n     */\n    modality?: Modality;\n    /**\n     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n     *\n     * The flipOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    flipOptions?: FlipOptions;\n    /**\n     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n     *\n     * The shiftOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    shiftOptions?: ShiftOptions;\n    /**\n     * Specifies if the Popup sets focus to its content when initially open.\n     * A value of none prevents the popup from setting focus when open.\n     *\n     * <code>auto</code> in modeless mode resolves to none.\n     * <code>none</code> prevents the popup from setting focus when open.\n     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n     */\n    initialFocus?: InitialFocus;\n    /**\n     * Specifies callback triggered when a user clicks outside Popup.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n    /**\n     * Specifies callback triggered when a user tries to close a Popup through UI interaction.\n     * The parent should listen to this event and close the Popup. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n     */\n    onFocusSet?: () => void;\n    /**\n     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n     */\n    tail?: Tail;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Specifies styling variant. If <code>unstyled</code> is set, standard styles are not applied.\n     */\n    variant?: Variant;\n    /**\n     * Specifies the ARIA role type.\n     */\n    role?: UnpackSignals<JSX.HTMLAttributes['role']>;\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A popup temporarily 'pops up' content in the foreground.\n */\nexport const Popup = forwardRef(\n  (\n    {\n      anchorRef,\n      launcherRef,\n      children,\n      isOpen = false,\n      modality = 'modeless',\n      offset = { mainAxis: 0, crossAxis: 0 },\n      flipOptions = { mainAxis: true, crossAxis: true },\n      shiftOptions = { mainAxis: false, crossAxis: false },\n      onClickOutside,\n      onClose,\n      initialFocus = 'auto',\n      placement = anchorRef ? 'top' : 'center',\n      tail = 'none',\n      onTransitionEnd,\n      onFocusSet,\n      variant = 'standard',\n      role = 'dialog',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n    const prevStatusRef = useRef<AnimationStatus>('unmounted');\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    const insideRefs: RefObject<HTMLElement>[] = [contentWrapperRef];\n    // launcher should be considered an \"inside\" element\n    if (localLauncherRef.current && localLauncherRef.current !== document.body) {\n      insideRefs.push(localLauncherRef);\n    }\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n    const isModal = useCallback(() => {\n      return modality === 'modal';\n    }, [modality]);\n\n    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n    // The reason is that we allow outsideClick/autodismiss in modeless mode and\n    // we need to detect outsideClick which is\n    useOutsideClick({\n      isDisabled: !(isOpen && contentWrapperRef.current),\n      ref: insideRefs,\n      handler: (event) => {\n        onClickOutside?.(event);\n      }\n    });\n\n    const launcherKeyDownCallback = useCallback(\n      (event: KeyboardEvent): void => {\n        if (localLauncherRef.current === getActiveElement() && event.code === 'F6' && !isModal()) {\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n\n          focusWithin(contentWrapperRef.current as HTMLElement);\n          onFocusSet?.();\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isModal]\n    );\n\n    const _onTransitionEnd = (isOpen: boolean) => {\n      if (isOpen) {\n        setInitialFocus();\n        onTransitionEnd?.(true);\n      } else {\n        onTransitionEnd?.(false);\n      }\n    };\n\n    // Animation\n    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n      isOpen,\n      isAnimatedOnMount: true,\n      onTransitionEnd: _onTransitionEnd,\n      placement: placement\n    });\n\n    const stableRef = useMemo(() => mergeRefs(contentWrapperRef, ref), [contentWrapperRef, ref]);\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n      const anchor = anchorRef?.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n      } else if (anchor) {\n        let anchorElement: FocusableElement | null = null;\n\n        // Checking instanceof to avoid Coords type that can not be focused\n        if (anchor instanceof Element) {\n          anchorElement = anchor as FocusableElement;\n        } else if ((anchor as UnsafeDomHandle)[UNSAFE_DOM_ACCESS]) {\n          anchorElement = (anchor as UnsafeDomHandle)[UNSAFE_DOM_ACCESS];\n        }\n\n        if (anchorElement) {\n          focusOn(anchorElement);\n        }\n      }\n    }, [localLauncherRef, anchorRef]);\n\n    useEffect(() => {\n      // Init closing\n      if (!isOpen && status === 'opening' && !isModal()) {\n        // Only actively return focus to the launcher or anchor if the popup contained focus.\n        // Otherwise, focus is already elsewhere on the page and should not be forced back\n        // because that could reopen the popup again, which essentially prevents the user from\n        // moving focus out of the launcher.\n        if (contentWrapperRef.current?.contains(getActiveElement())) {\n          returnFocus();\n        }\n      }\n      // JET-71010 - for modal popups, the focus cannot be moved until the modal overlay is gone\n      else if (!isOpen && status === 'unmounted' && isModal()) {\n        // avoid returning focus on initial render\n        if (status !== prevStatusRef.current) {\n          returnFocus();\n        }\n      }\n      return () => {\n        prevStatusRef.current = status;\n      };\n    }, [isOpen, status, returnFocus, isModal]);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening a popup is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter the Popup\n        localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n      }\n      return () => {\n        // Deregister F6 key handler\n        localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }, [isOpen, launcherRef, launcherKeyDownCallback]);\n    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n    // If anchorRef is undefined, we use WindowOverlay as anchor\n\n    const setInitialFocus = () => {\n      let derivedInitialFocus = initialFocus;\n      if (initialFocus === 'auto') {\n        if (isModal()) {\n          // modal mode - set focus to first focusable\n          derivedInitialFocus = 'firstFocusable';\n        } else {\n          // modeless mode - do not steal focus by default\n          derivedInitialFocus = 'none';\n        }\n      }\n\n      // Case: 'popup'\n      // Focus on Popup container\n      if (derivedInitialFocus === 'popup') {\n        focusOn(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n\n      // Case: 'firstFocusable'\n      // Focus on first tabbable in the Popup container or container itself if there is none\n      if (derivedInitialFocus === 'firstFocusable') {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    };\n\n    const getMainAxisOffset = (offset?: Offset) => {\n      let calcOffset = 0;\n      if (offset) {\n        calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;\n        if (tail === 'simple') {\n          calcOffset += 5;\n        }\n      }\n      return calcOffset;\n    };\n\n    const getCrossAxisOffset = (offset?: Offset) => {\n      if (!offset) {\n        return 0;\n      } else {\n        return typeof offset === 'number' ? 0 : offset.crossAxis || 0;\n      }\n    };\n\n    const finalOffset = {\n      mainAxis: getMainAxisOffset(offset),\n      crossAxis: getCrossAxisOffset(offset)\n    };\n\n    const handlePopupKeyDown = (event: KeyboardEvent) => {\n      const currentlyFocusedEl = getActiveElement();\n      const wrapperEl = contentWrapperRef.current;\n      const launcherEl = localLauncherRef.current;\n      if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {\n        switch (event.code) {\n          case 'Escape': {\n            // Trigger onClose event with outside click detail\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            // Prevent default F6 handlers.\n            // F6 is a standard Chrome address bar shortcut on Windows.\n            event.preventDefault();\n            event.stopPropagation();\n\n            // Focus launcher\n            if (launcherEl && !isModal()) {\n              focusOn(launcherEl);\n            }\n            break;\n        }\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        status === 'unmounted' ||\n        contentWrapperRef.current == null ||\n        popupBgColor != null ||\n        tail === 'none'\n      )\n        return;\n\n      const backgroundColorVar = getVarName(popupVars.backgroundColor);\n      const computedStyle = getComputedStyle(contentWrapperRef.current!);\n      setPopupBgColor(props.backgroundColor || computedStyle.getPropertyValue(backgroundColorVar));\n    }, [status, contentWrapperRef, popupBgColor, tail, props.backgroundColor]);\n\n    const clientHints = getClientHints();\n    const isVOSupported = ['ios', 'android'].indexOf(clientHints.platform) > -1;\n    // Note: Popup does not have 'open' status. It is 'opening' even when open.\n    const renderVOSupport = status === 'opening';\n\n    // Styles\n    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n    const isMounted = status !== 'unmounted';\n\n    const interpolations = [\n      ...Object.values(dimensionInterpolations),\n      ...Object.values(colorInterpolations)\n    ];\n    const styleInterpolations = mergeInterpolations<DimensionProps & ColorProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const closeSkipLinkCallback = () => {\n      // Trigger onClose event with outside click detail\n      onClose?.({ reason: 'closeSkipLink' });\n    };\n\n    const renderPopup = () => {\n      return (\n        <>\n          <FocusTrap restoreFocusRef={false}>\n            {/*Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :*/}\n            {/*we click outside of modeless Popup (that keeps being open).*/}\n            <div\n              ref={stableRef}\n              tabIndex={-1}\n              role={role}\n              className={classNames([baseTheme, variant === 'unstyled' ? null : classes])}\n              style={styles}\n              onKeyDown={handlePopupKeyDown}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              aria-describedby={ariaDescribedBy}\n              {...testIdProps}>\n              {/* Acc: Close SkipLink */}\n              {!isModal() && isVOSupported && renderVOSupport && (\n                <PopupSkipLink\n                  callback={closeSkipLinkCallback}\n                  message={`${translations.popup_close_skipLink()}`}></PopupSkipLink>\n              )}\n              {children}\n            </div>\n          </FocusTrap>\n\n          {/* Acc: LiveRegion */}\n          {!isModal() &&\n            // Render on non-mobile only.\n            !isVOSupported && (\n              <LiveRegion>\n                {`${\n                  ['auto', 'none'].indexOf(initialFocus) != -1\n                    ? translations.popup_liveRegion_F6_initial_focus_none()\n                    : translations.popup_liveRegion_F6_initial_focus_firstFocusable()\n                }`}\n              </LiveRegion>\n            )}\n        </>\n      );\n    };\n\n    const renderFloatingOrOverlayPopup = () => {\n      if (!anchorRef || !anchorRef.current) {\n        return (\n          <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n            <div ref={setAnimationElementRef}>{renderPopup()}</div>\n          </WindowOverlay>\n        );\n      } else {\n        return (\n          <Floating\n            ref={setAnimationElementRef}\n            backgroundColor={popupBgColor}\n            anchorRef={anchorRef}\n            placement={placement as Placement}\n            offsetValue={finalOffset}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            tail={tail}\n            onPosition={onPosition}>\n            {renderPopup()}\n          </Floating>\n        );\n      }\n    };\n\n    if (isMounted) {\n      if (isModal()) {\n        return (\n          <LogicalParentRefContext.Provider value={localLauncherRef}>\n            <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>\n          </LogicalParentRefContext.Provider>\n        );\n      } else {\n        return <Layer logicalParentRef={localLauncherRef}>{renderFloatingOrOverlayPopup()}</Layer>;\n      }\n    } else return null;\n  }\n);\n"],"names":["PopupSkipLink","message","callback","hiddenAccessibleRef","useRef","handleKey","event","code","stopPropagation","preventDefault","_jsx","ref","children","jsx","HiddenAccessible","onClick","tabIndex","href","role","onKeyDown","onKeyUp","onKeyPress","Popup","forwardRef","anchorRef","launcherRef","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","variant","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","localLauncherRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","prevStatusRef","testIdProps","useTestId","insideRefs","current","document","body","push","translations","useTranslationBundle","isModal","useCallback","useOutsideClick","isDisabled","handler","launcherKeyDownCallback","getActiveElement","focusWithin","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","launcherEl","anchor","focusOn","anchorElement","Element","UNSAFE_DOM_ACCESS","useEffect","contains","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","clientHints","getClientHints","isVOSupported","indexOf","platform","renderVOSupport","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","colorInterpolations","styleInterpolations","mergeInterpolations","styles","closeSkipLinkCallback","renderPopup","_jsxs","FocusTrap","restoreFocusRef","className","classNames","style","popup_close_skipLink","LiveRegion","popup_liveRegion_F6_initial_focus_none","popup_liveRegion_F6_initial_focus_firstFocusable","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","LogicalParentRefContext","Provider","value","Modal","Layer","logicalParentRef"],"mappings":"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"}

package/amd/ProgressBar-198c9eaa.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-08901aba', './useTranslationBundle-e4dd341e', './useComponentTheme-db55de25', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-d1e744c1'], (function(e,a,r,s,l,o,n,t){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:b,trackBorderEdgeNone:x,trackBorderEdgeTop:B}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:T,forcedColors:p}=s.useUser(),y=r.classNames([m,g,"rtl"===T?v:h,"active"===p?b:""]),j=l.useTranslationBundle("@oracle/oraclejet-preact"),N={"aria-valuetext":c["aria-valuetext"]||j.progressIndeterminate(),"aria-label":c["aria-label"],"aria-labelledby":c["aria-labelledby"],role:"progressbar"},C="active"===p?void 0:"none"===d?x:B;return a.jsx(t.BarTrack,{id:e,ariaProps:N,class:r.classNames([u,C]),length:i,children:a.jsx(t.BarValue,{class:y})})},d=({value:e=0,max:l=100,id:i,width:d,edge:c="none",...u})=>{const{forcedColors:m}=s.useUser(),{classes:g,styles:{valueStyle:h,highContrastValueStyle:v,trackBorderEdgeNone:b,trackBorderEdgeTop:x}}=o.useComponentTheme(n.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([h,"active"===m?v:""]),T=100*Math.min(Math.max(0,e/l),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?l:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",p["aria-label"]=u["aria-label"],p["aria-labelledby"]=u["aria-labelledby"],a.jsx(t.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([g,"none"===c?b:x]),children:a.jsx(t.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressBar-198c9eaa.js.map

package/amd/ProgressBar-198c9eaa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar-198c9eaa.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentProps, JSX } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { BarTrack, BarValue } from '#PRIVATE_Meter';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: UnpackSignals<JSX.IntrinsicElements['div']>['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle,\n      trackBorderEdgeNone,\n      trackBorderEdgeTop\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    role: 'progressbar'\n  };\n  const trackBorderClass =\n    forcedColors === 'active'\n      ? undefined\n      : edge === 'none'\n      ? trackBorderEdgeNone\n      : trackBorderEdgeTop;\n  return (\n    <BarTrack\n      id={id}\n      ariaProps={ariaProps}\n      class={classNames([classes, trackBorderClass])}\n      length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none',\n  ...props\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  (ariaProps['aria-label'] = props['aria-label']),\n    (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n  return (\n    <BarTrack\n      ariaProps={ariaProps}\n      id={id}\n      length={width}\n      class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QA4EA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1D,aAAcrB,EAAM,cACpB,kBAAmBA,EAAM,mBACzBsB,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,UACJC,MAEH,MAAMc,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cACnBA,EAAU,cAAgBpB,EAAM,cAC9BoB,EAAU,mBAAqBpB,EAAM,mBAEtCwB,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBAlGE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

package/amd/ProgressCircle-64b285b7.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-0278713d', './circleUtils-1886e5b4', './useTranslationBundle-e4dd341e', './useComponentTheme-db55de25', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-b754580a'], (function(e,a,r,s,l,i,t,n,o){"use strict";const c=({id:e,size:r,...s})=>{const{classes:l,styles:{indeterminate:c}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":s["aria-valuetext"]||d.progressIndeterminate(),"aria-label":s["aria-label"],"aria-labelledby":s["aria-labelledby"],role:"progressbar"};return a.jsx(o.CircleWrapper,{id:e,ariaProps:m,class:l,children:a.jsx(o.CircleInner,{class:c})})},d=({value:e=0,max:s=100,id:i,size:c,...d})=>{const{classes:m,styles:{determinate:u,track:p,valueStyle:b}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:c}),x=Math.min(Math.max(0,e/s),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?s:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",h["aria-label"]=d["aria-label"],h["aria-labelledby"]=d["aria-labelledby"],a.jsxs(o.CircleWrapper,{id:i,ariaProps:h,class:m,children:[a.jsx(o.CircleInner,{class:r.classNames([u,p])}),a.jsx(o.CircleInner,{class:r.classNames([u,b]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(c,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressCircle-64b285b7.js.map

package/amd/ProgressCircle-64b285b7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressCircle-64b285b7.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n  ProgressCircleStyles,\n  ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<UnpackSignals<JSX.IntrinsicElements['div']>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: UnpackSignals<JSX.IntrinsicElements['div']>['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * Specifies the children.\n   */\n  children?: ComponentChildren;\n  /**\n   * A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: { indeterminate }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size,\n      type: 'indeterminate'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={indeterminate} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n  value = 0,\n  max = 100,\n  id,\n  size,\n  ...props\n}: DeterminateProps) => {\n  const {\n    classes,\n    styles: { determinate, track, valueStyle }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size\n    }\n  );\n\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const clipPath = getProgressClipPath(percentage);\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  (ariaProps['aria-label'] = props['aria-label']),\n    (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={classNames([determinate, track])} />\n      <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n    </CircleWrapper>\n  );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTA0EA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1D,aAAcV,EAAM,cACpB,kBAAmBA,EAAM,mBACzBW,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAChCC,QAAQ,EACRC,MAAM,IACNtB,KACAC,UACGC,MAEH,MAAMC,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAOjC,OANAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cACnBA,EAAU,cAAgBT,EAAM,cAC9BS,EAAU,mBAAqBT,EAAM,mBAEtC8B,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBAxEE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}

package/amd/ReferenceLineArea-450530dd.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './PRIVATE_PlotArea/themes/PlotAreaStyles.css', './hooks/PRIVATE_useVisDnd/themes/VisDndStyles.css', './classNames-08d99695', './useColorScheme-097c31ff', './utils-8bf50f08', './lineUtils-3b56374d', './PRIVATE_Chart/themes/ChartStyles.css', './themeContract.css-b6ec3943', './useUser-08901aba'], (function(e,i,t,s,l,n,a,r,o,d,c){"use strict";function h(e,i,t,s){let l,n,a,r;return"bottom"===i?(l=t?e.x+e.width:e.x,n=t?e.x+e.width:e.x,a=e.y,r=e.y+e.height):(l=e.x,n=e.x+e.width,a=t?e.y:e.y+e.height,r=t?e.y:e.y+e.height),{x1:l,x2:n,y1:a,y2:r,stroke:s?.lineColor,strokeWidth:s?.lineWidth}}function y(e,i,t,s){let l,n,a,r;return"bottom"===i?(l=t?e.x:e.x+e.width,n=t?e.x:e.x+e.width,a=e.y,r=e.y+e.height):(l=e.x,n=e.x+e.width,a=t?e.y+e.height:e.y,r=t?e.y+e.height:e.y),{x1:l,x2:n,y1:a,y2:r,stroke:s?.lineColor,strokeWidth:s?.lineWidth}}function x(e,i,t,s,l){let n,a,r,o;return e?l?(n=i,a=i,r=t,o=s):(n=t,a=s,r=i,o=i):l?(n=t,a=s,r=i,o=i):(n=i,a=i,r=t,o=s),{x1:n,x2:a,y1:r,y2:o}}const m={isRendered:!0},p={isRendered:!1},g={isRendered:!1},u={isRendered:!1},L={isRendered:!1},f={isRendered:!1};function v({color:e,isHorizontal:t,lineType:s="straight",lineStyle:n,lineWidth:d=3,lineColor:c,isHighlighted:h,lineSegmentCoords:y,seriesIndex:x,groupWidth:m,isRtl:p,timeAxisType:g,plotAreaClipPathId:u,variant:L="normal",accessibleLabel:f,activeId:v,id:j}){const S={stroke:c||e,strokeDasharray:"dotted"===n?3:"dashed"===n?6:void 0,strokeWidth:d,fill:"none"};return"refLine"===L?i.jsx(i.Fragment,{children:y.map((e=>{if(e.length<2)return;const n=r.getCmdsForLine(e,s,t,m,p,g);return a.isNonCurvedLine(s)?i.jsx("g",{"clip-path":`url(#${u})`,"aria-label":f,id:v,children:n.split(" ").map((e=>i.jsx("polyline",{points:e,style:S,"shape-rendering":"crispEdges",class:l.classNames([h?void 0:o.styles.dimmed,"refLine"===L?o.styles.refLine:void 0]),"data-oj-private-ref-obj-id":j,"data-oj-private-object":"refLine"})))}):"curved"===s?i.jsx("path",{"aria-label":f,id:v,d:n,"clip-path":`url(#${u})`,style:S,"shape-rendering":"crispEdges",class:l.classNames([h?void 0:o.styles.dimmed,"refLine"===L?o.styles.refLine:void 0]),"data-oj-private-ref-obj-id":j,"data-oj-private-object":"refLine"}):void 0}))}):i.jsx(i.Fragment,{children:y.map((e=>{if(e.length<2)return;const n=r.getCmdsForLine(e,s,t,m,p,g);return a.isNonCurvedLine(s)?i.jsx("g",{"clip-path":`url(#${u})`,"aria-label":f,id:v,children:n.split(" ").map((e=>i.jsx("polyline",{points:e,style:S,class:l.classNames([h?void 0:o.styles.dimmed]),"data-oj-private-series-index":x,"data-oj-private-object":"line"})))}):"curved"===s?i.jsx("path",{d:n,"aria-label":f,id:v,"clip-path":`url(#${u})`,style:S,class:l.classNames([h?void 0:o.styles.dimmed]),"data-oj-private-series-index":x,"data-oj-private-object":"line"}):void 0}))})}function j({id:e,xScale:t,yScale:s,items:l,orientation:n="horizontal",lineColor:r,lineWidth:o,groups:d=[],xStartIndex:c=0,xEndIndex:h=0,isLog:y=!1,seriesIndex:x=0,lineStyle:m,accessibleLabel:p,activeId:g}){if(!l||0===l.length||!t||!s)return null;const u="horizontal"===n,L=a.getLineAreaSegments(s,t,l.map((e=>e.value)),c,h,y,d,0,((i,t)=>({id:`${e}_${t}`,...l[t]})));return i.jsx(v,{id:e,activeId:g,accessibleLabel:p,lineStyle:m,lineType:"straight",lineWidth:o,color:r,variant:"refLine",lineSegmentCoords:L,isHorizontal:u,isHighlighted:!1,seriesIndex:x})}function S(e,i,t,s,l,n,o,d){const c=e.map((e=>r.fixCoord(e,s))),h=i.map((e=>r.fixCoord(e,s)));return"curved"===t?function(e,i,t,s,l){let n;return e.length>0&&(n=l?r.curveThroughPoints(e,!1,s)+" "+r.curveThroughPoints([...i].reverse(),!0,s)+" Z":r.curveThroughPoints(e,t,s)+[...i].reverse().map((e=>`L ${e[0]} ${e[1]}`)).join(" ")+"Z"),n}(c,h,!1,s?"mh":"mv",l):function(e,i,t,s,l,n,r){const o=a.getCmdPoints(e,t,s,l,n,r,!0).split(","),d=a.getCmdPoints(i,t,s,l,n,r,!0).split(","),c=[];for(let e=0;e<d.length;e+=2)c.unshift(d[e],d[e+1]);return c.concat(o)}(e,i,t,s,n,o,d).join(" ")}function k({yScale:e,lineType:t="straight",color:s,isHorizontal:l,isLog:n,areaColorOpacity:r,lineSegments:c,bottomCoords:h,isHighlighted:y,isBottomSegmentCurved:x,seriesIndex:m,groupWidth:p,isRtl:g,timeAxisType:u,plotAreaClipPathId:L,variant:f="normal",accessibleLabel:v,activeId:j,id:k}){const b={fill:s,opacity:y?r:`calc(${d.dvtVars.dimmedOpacity} * ${r})`};return i.jsx("g",{"clip-path":`url(#${L})`,"aria-label":v,id:j,children:c.map((s=>{if(s.length<2)return;let r;if(h)r=h;else{const i=e.transform(n?e.domain()[0]:0);r=[[s[0][0],i],[s[s.length-1][0],i]]}const d=S(s,r,t,l,x,g,p,u);return"refArea"===f?a.isNonCurvedLine(t)?i.jsx("polygon",{points:d,style:b,"data-oj-private-ref-obj-id":k,"data-oj-private-object":"refArea",className:o.styles.refArea}):"curved"===t?i.jsx("path",{d:d,style:b,"data-oj-private-ref-obj-id":k,"data-oj-private-object":"refArea",className:o.styles.refArea}):void 0:a.isNonCurvedLine(t)?i.jsx("polygon",{points:d,style:b,"data-oj-private-series-index":m,"data-oj-private-object":"area"}):"curved"===t?i.jsx("path",{d:d,style:b,"data-oj-private-series-index":m,"data-oj-private-object":"area"}):void 0}))})}function b({id:e,xScale:t,yScale:s,items:l,orientation:n="horizontal",areaColor:r,areaOpacity:o,groups:d=[],xStartIndex:h=0,xEndIndex:y=0,isLog:x=!1,seriesIndex:m=0,activeId:p,accessibleLabel:g}){const{direction:u}=c.useUser(),L="horizontal"===n,f="rtl"===u;if(!l||0===l.length||!t||!s)return null;const v=a.getLineAreaSegments(s,t,l.map((e=>e.high)),h,y,x,d,0,((i,t)=>({id:`${e}_top_${t}`,...l[t]}))),j=a.getLineAreaSegments(s,t,l.map((e=>e.low)),h,y,x,d,0,((i,t)=>({id:`${e}_bottom_${t}`,...l[t]}))).flat();return i.jsx(i.Fragment,{children:i.jsx(k,{id:e,activeId:p,accessibleLabel:g,yScale:s,lineType:"straight",color:r,variant:"refArea",isHorizontal:L,areaColorOpacity:o,isBottomSegmentCurved:!1,bottomCoords:j,lineSegments:v,isLog:x,isHighlighted:!1,seriesIndex:m,isRtl:f})})}function $({id:e,xScale:s,yScale:n,value:a,orientation:r="horizontal",lineColor:d,lineWidth:c,lineStyle:h,accessibleLabel:y,isXRef:x,activeId:m}){if(void 0===a||!s||!n)return null;const p=x?n:s,g=(x?s:n).transform(a),[u,L]=p.range();if("number"!=typeof g||isNaN(g))return null;const f="vertical"===r&&!x||"horizontal"===r&&x,v=f?`M${u},${g}L${L},${g}`:`M${g},${u}L${g},${L}`,j=f?`M${u},${g+1}L${L},${g+1}`:`M${g+1},${u}L${g+1},${L}`;return i.jsxs("g",{children:[i.jsx("path",{id:m,d:v,"aria-label":y,"data-oj-private-ref-obj-id":e,"data-oj-private-object":"refLine",role:"img","shape-rendering":"crispEdges",className:l.classNames(["dashed"===h?t.styles.dashedLine:void 0,"dotted"===h?t.styles.dottedLine:void 0,o.styles.refLine]),style:{stroke:d,strokeWidth:c}}),i.jsx("path",{id:m,d:j,"data-oj-private-ref-obj-id":e,"data-oj-private-object":"refLine","shape-rendering":"crispEdges",className:l.classNames(["dashed"===h?t.styles.dashedLine:void 0,"dotted"===h?t.styles.dottedLine:void 0,o.styles.contrastBorder]),style:{stroke:d,strokeWidth:c}})]})}function M({id:e,xScale:t,yScale:s,low:n,high:a,orientation:r="horizontal",areaColor:d,accessibleLabel:c,isXRef:h,activeId:y}){if(!t||!s)return null;const x=h?t:s,m=h?s:t,p=x.domain(),g=void 0!==n?Math.max(n,Math.min(p[0],p[1])):Math.min(p[0],p[1]),u=void 0!==a?Math.min(a,Math.max(p[0],p[1])):Math.max(p[0],p[1]),L=x.transform(g),f=x.transform(u),[v,j]=m.range();if("number"!=typeof L||"number"!=typeof f||isNaN(L)||isNaN(f))return null;const S="vertical"===r&&!h||"horizontal"===r&&h?{x:Math.min(v,j),y:Math.min(L,f),width:Math.abs(j-v),height:Math.max(1,Math.abs(f-L))}:{x:Math.min(L,f),y:Math.min(v,j),width:Math.max(1,Math.abs(f-L)),height:Math.abs(j-v)};return i.jsx("rect",{...S,id:y,"aria-label":c,"data-oj-private-ref-obj-id":e,"data-oj-private-object":"refArea",role:"img",className:l.classNames([o.styles.refArea]),style:{fill:d}})}e.AreaSeries=k,e.Gridlines=function({plotArea:e,yMinorTicks:s,xMinorTicks:a,xScale:r,yScale:o,y2Scale:d,isLog:c,yTicks:v,y2Ticks:j,xTicks:S,yAxisPosition:k,isDataXAxis:b,xAxis:$,yAxis:M,y2Axis:C,availSpace:T,xAxisPosition:W,isRtl:A,hasAxisLine:R,y2MinorTicks:N,isSplitDualY:I}){const P="top"===k||"bottom"===k,E=!!C?.isRendered,[w,z]=r.range(),[H,O]=E?d.range():o.range(),_={stroke:b?e?.xMajorTick?.baselineColor:e?.xMajorTick?.lineColor,strokeWidth:b?e?.xMajorTick?.baselineWidth:e?.xMajorTick?.lineWidth},F={stroke:e?.yMajorTick?.baselineColor??e?.yMajorTick?.lineColor,strokeWidth:e?.yMajorTick?.baselineWidth??e?.yMajorTick?.lineWidth},D={stroke:e?.y2MajorTick?.baselineColor,strokeWidth:e?.y2MajorTick?.baselineWidth};let V="",X="",B="",U="",Z="",G="";const Y={...m,...e?.yMajorTick},q={...g,...e?.yMinorTick},J={...u,...e?.y2MinorTick},K={...f,...e?.xMinorTick},Q={...L,...e?.xMajorTick},ee={...p,isRendered:I,...e?.y2MajorTick},ie=!0===q?.isRendered||c,te=!0===J?.isRendered||c,se=!0===Q?.isRendered||null==e?.xMajorTick?.isRendered&&b,le=function(e,i,t){return{x1:"right"===i?e.x+e.width:e.x,x2:"left"===i?e.x:e.x+e.width,y1:"bottom"===i?e.y+e.height:e.y,y2:"top"===i?e.y:e.y+e.height,stroke:t?.lineColor,strokeWidth:t?.lineWidth}}(T,W),ne={stroke:e?.xAxisLine?.lineColor,strokeWidth:e?.xAxisLine?.lineWidth},ae={stroke:e?.yAxisLine?.lineColor,strokeWidth:e?.yAxisLine?.lineWidth},re={stroke:e?.y2AxisLine?.lineColor,strokeWidth:e?.y2AxisLine?.lineWidth},oe="log"===M?.scale?v[0]:0,de=x(P,o.transform(oe),w,z,!0),ce="log"===C?.scale?j[0]:0,he=x(P,d.transform(ce),w,z,!0),ye="log"===$?.scale?S[0]:0,xe=x(P,r.transform(ye),H,O,!1);if(Y?.isRendered)for(let e=0;e<v.length;e++){if(0===v[e])continue;let i=o.transform(v[e]);e===v.length-1&&(i+=P?-1:1),V+=P?`M${i},${w}L${i},${z}`:`M${w},${i}L${z},${i}`}if(ee?.isRendered)for(let e=0;e<j.length;e++){if(0===v[e])continue;let i=d.transform(j[e]);e===j.length-1&&(i+=P?-1:1),X+=P?`M${i},${w}L${i},${z}`:`M${w},${i}L${z},${i}`}if(se&&S)for(let e=0;e<S.length;e++){const i=r.transform(S[e]);B+=P?`M${H},${i}L${O},${i}`:`M${i},${H}L${i},${O}`}if(ie||te)for(let e=0;e<s.length;e++){const i=o.transform(s[e]);U+=P?`M${i},${w}L${i},${z}`:`M${w},${i}L${z},${i}`}if(te)for(let e=0;e<N.length;e++){const i=d.transform(N[e]);G+=P?`M${i},${w}L${i},${z}`:`M${w},${i}L${z},${i}`}if(K.isRendered&&a)for(let e=0;e<a.length;e++){const i=r.transform(a[e]);Z+=P?`M${H},${i}L${O},${i}`:`M${i},${H}L${i},${O}`}const me=n.useColorScheme();let pe;if(I){const e=P?v[v.length-1]:v[0],i=P?j[0]:j[j.length-1];pe=x(P,(o.transform(e)+d.transform(i))/2+.5*(P?-1:1),w,z,!0)}return i.jsxs(i.Fragment,{children:[Y?.isRendered&&i.jsx("path",{d:V,className:l.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===Y?.lineStyle?t.styles.dashedLine:void 0,"dotted"===Y?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:E?ee.lineColor:Y.lineColor,strokeWidth:E?ee.lineWidth:Y.lineWidth}}),ee?.isRendered&&i.jsx("path",{d:X,className:l.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===ee?.lineStyle?t.styles.dashedLine:void 0,"dotted"===ee?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:ee.lineColor,strokeWidth:ee.lineWidth}}),se&&i.jsx("path",{d:B,className:l.classNames([t.styles.noPointerEvents,t.styles.majorTickLineStyles,"dashed"===Q?.lineStyle?t.styles.dashedLine:void 0,"dotted"===Q?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:Q.lineColor,strokeWidth:Q.lineWidth}}),ie&&i.jsx("path",{d:U,className:l.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===me?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===q?.lineStyle?t.styles.dashedLine:void 0,"dotted"===q?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:E?J.lineColor:q?.lineColor,strokeWidth:E?J.lineWidth:q?.lineWidth}}),te&&i.jsx("path",{d:G,className:l.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===me?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===J?.lineStyle?t.styles.dashedLine:void 0,"dotted"===J?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:J?.lineColor,strokeWidth:J?.lineWidth}}),K.isRendered&&i.jsx("path",{d:Z,className:l.classNames([t.styles.noPointerEvents,t.styles.minorTickLineStyles,"light"===me?t.styles.lightMinorTickLineStroke:t.styles.darkMinorTickLineStroke,"dashed"===K?.lineStyle?t.styles.dashedLine:void 0,"dotted"===K?.lineStyle?t.styles.dottedLine:void 0]),style:{stroke:K?.lineColor,strokeWidth:K?.lineWidth}}),(b&&!1!==e?.y2AxisLine?.isRendered||e?.y2AxisLine?.isRendered)&&i.jsx("line",{...y(T,W,A),class:t.styles.axisLineStyle,style:re}),(b&&!1!==e?.yAxisLine?.isRendered||e?.yAxisLine?.isRendered)&&i.jsx("line",{...h(T,W,A),class:t.styles.axisLineStyle,style:ae}),R&&!1!==e?.xAxisLine?.isRendered&&i.jsx("line",{...le,class:t.styles.axisLineStyle,style:ne}),ee?.isRendered&&i.jsx("line",{...he,class:t.styles.axisLineStyle,style:D}),Y?.isRendered&&i.jsx("line",{...de,className:l.classNames([t.styles.axisLineStyle,"dashed"===Y.baselineStyle||"dashed"===Y.lineStyle?t.styles.dashedLine:void 0,"dotted"===Y.baselineStyle||"dotted"===Y.lineStyle?t.styles.dottedLine:void 0]),style:F}),Q?.isRendered&&i.jsx("line",{...xe,class:t.styles.axisLineStyle,style:_}),I&&pe?i.jsx("line",{...pe,class:t.styles.axisLineStyle,style:F}):null]})},e.LineSeries=v,e.PlotArea=function({color:e,availSpace:n,cursor:a,dragOverStyle:r}){const o=[];switch(r){case"accept":o.push(s.styles.dndDragOverSvgStyle);break;case"reject":o.push(s.styles.dndRejectedStyle),o.push(t.styles.plotAreaStyle);break;case"none":o.push(t.styles.plotAreaStyle)}return i.jsx(i.Fragment,{children:i.jsx("rect",{...n,className:l.classNames(o),style:{fill:"accept"===r?void 0:e,cursor:a}})})},e.ReferenceLineArea=function(e){const{id:t,type:s="line",color:l,lineWidth:n,orientation:a="horizontal",areaOpacity:r,items:o,xScale:d,yScale:c,groups:h=[],xStartIndex:y=0,xEndIndex:x=0,isLog:m=!1,seriesIndex:p=0,isXRef:g,lineStyle:u,activeId:L,accessibleLabel:f}=e,v=o&&o.length>0;if(!d||!c||v&&g)return null;const S="area"===s;return v?S?i.jsx(b,{id:t,xScale:d,yScale:c,items:o,orientation:a,areaColor:l,areaOpacity:r,groups:h,xStartIndex:y,accessibleLabel:f,activeId:L,xEndIndex:x,isLog:m,seriesIndex:p}):i.jsx(j,{id:t,xScale:d,yScale:c,items:o,orientation:a,lineColor:l,lineStyle:u,lineWidth:n,groups:h,xStartIndex:y,xEndIndex:x,accessibleLabel:f,activeId:L,isLog:m,seriesIndex:p}):S?i.jsx(M,{id:t,xScale:d,yScale:c,low:e.low,high:e.high,orientation:a,areaColor:l,accessibleLabel:f,activeId:L,isXRef:g}):i.jsx($,{id:t,xScale:d,yScale:c,value:e.value,orientation:a,lineColor:l,lineStyle:u,lineWidth:n,accessibleLabel:f,activeId:L,isXRef:g})}}));
-//# sourceMappingURL=ReferenceLineArea-450530dd.js.map