@oracle/oraclejet-preact 15.0.13 → 15.0.15

package/amd/MessageDetail-63fd672e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-63fd672e.js","sources":["../../src/PRIVATE_Message/MessageDetail.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 { ComponentChildren, Fragment } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageDetailStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem, MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the detail content\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The data item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageRendererDataItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D extends MessageWithDetailText>({\n  item,\n  renderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const isCustomRendered = renderer != null;\n  const renderedContent = (renderer ?? defaultDetailRenderer)(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-detail';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageDetailStyles.base,\n    messageDetailStyles[variant]\n  ]);\n  return (\n    <div class={classes} {...(isCustomRendered ? { 'data-oj-message-custom-detail': '' } : {})}>\n      {renderedContent}\n    </div>\n  );\n}\n\nexport { MessageDetail };\n"],"names":["defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","jsx","Fragment","children","renderer","variant","isCustomRendered","renderedContent","classes","classNames","messageDetailStyles","base","class"],"mappings":"4NA+CA,SAASA,EACPC,GAEA,MAAMC,OAAEA,GAAWD,EAAKE,KAGxB,OAAKC,EAAAA,oBAAoBF,GAGlBG,EAACC,IAAAC,EAAQA,SAAE,CAAAC,SAAAN,IAFT,IAGX,iBAKA,UAA2DD,KACzDA,EAAIQ,SACJA,EAAQC,QACRA,EAAU,WAEV,MAAMC,EAA+B,MAAZF,EACnBG,GAAmBH,GAAYT,GAAuBC,GAE5D,GAAuB,MAAnBW,EAAyB,OAAO,KAMpC,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZJ,GAF0B,4BAG1BK,EAAAA,oBAAoBC,KACpBD,EAAAA,oBAAoBL,KAEtB,OACEL,EAAKC,IAAA,MAAA,CAAAW,MAAOJ,KAAcF,EAAmB,CAAE,gCAAiC,IAAO,CAAE,EACtFH,SAAAI,GAGP"}

package/amd/MessageFormattingUtils-cfd5d343.js

@@ -0,0 +1,2 @@
+define(['exports', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './Message.types-949d0630', './stringUtils-7b2298b0'], (function(t,e,i,n,r){"use strict";const s=Object.freeze({TODAY:{hour:"2-digit",minute:"2-digit",hour12:!0},DEFAULT:{day:"2-digit",month:"2-digit",year:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!0}}),o=/^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;t.formatTimestamp=function(t){return function(t){const i=e.getLocale(),{DateTimeFormat:n}=Intl;return new n(i,t?s.TODAY:s.DEFAULT)}(function(t){const e=new Date,i=new Date(t);return e.getUTCFullYear()===i.getUTCFullYear()&&e.getUTCMonth()===i.getUTCMonth()&&e.getUTCDate()===i.getUTCDate()}(t)).format(new Date(t))},t.isValidValueForProp=function(t,e="string"){switch(e){case"severity":return"string"==typeof t&&n.severities.includes(t);case"timestamp":return"string"==typeof t&&o.test(t);default:return"string"==typeof t&&!r.isEmptyOrUndefined(t)}}}));
+//# sourceMappingURL=MessageFormattingUtils-cfd5d343.js.map

package/amd/MessageFormattingUtils-cfd5d343.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFormattingUtils-cfd5d343.js","sources":["../../src/PRIVATE_Message/MessageFormattingUtils.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { getLocale } from '../utils/UNSAFE_getLocale';\nimport { isEmptyOrUndefined } from '../utils/UNSAFE_stringUtils';\nimport { severities } from './Message.types';\n\n// Types of properties that can be formatted\ntype PropFormat = 'severity' | 'string' | 'timestamp';\n\n/**\n * Options for creating an Intl.DateTimeFormat instance.\n */\nconst DATE_FORMAT_OPTIONS = Object.freeze({\n  TODAY: {\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  },\n  DEFAULT: {\n    day: '2-digit',\n    month: '2-digit',\n    year: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  }\n});\n\n/**\n * Regex for validating ISO timestamp\n */\nconst ISO_DATE_REGEX =\n  /^(-?(?:[1-9][0-9]*)?[0-9]{4})-(1[0-2]|0[1-9])-(3[01]|0[1-9]|[12][0-9])T(2[0-3]|[01][0-9]):([0-5][0-9]):([0-5][0-9])(.[0-9]+)?(Z)?$/;\n\n/**\n * Checks if the provided date is today\n *\n * @param isoDate Date to be tested for today\n *\n * @returns boolean indicating if the provided date is today\n */\nfunction isDateToday(isoDate: string) {\n  const today = new Date();\n  const provided = new Date(isoDate);\n\n  return (\n    today.getUTCFullYear() === provided.getUTCFullYear() &&\n    today.getUTCMonth() === provided.getUTCMonth() &&\n    today.getUTCDate() === provided.getUTCDate()\n  );\n}\n\n/**\n * Creates an instance of Intl.DateTimeFormat\n *\n * @param isToday A boolean to indicate whether a formatter is needed for the date\n *                that is the current day.\n *\n * @returns the formatter instance\n */\nfunction getDateTimeFormatter(isToday: boolean) {\n  const locale = getLocale();\n  const { DateTimeFormat } = Intl;\n  if (isToday) {\n    return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.TODAY as Intl.DateTimeFormatOptions);\n  }\n\n  return new DateTimeFormat(locale, DATE_FORMAT_OPTIONS.DEFAULT as Intl.DateTimeFormatOptions);\n}\n\n/**\n * Checks if the provided value is valid for the prop specified.\n * By default, this method just checks for the value to be a valid string.\n *\n * @param value The value to be checked\n * @param prop The property for which the value needs to be evaluated\n *\n * @returns the result of the validation\n */\nfunction isValidValueForProp<T>(\n  value: T | null | undefined,\n  prop: PropFormat = 'string'\n): value is T {\n  switch (prop) {\n    case 'severity':\n      // Should be one of the allowed severity\n      return typeof value === 'string' && severities.includes(value as any);\n\n    case 'timestamp':\n      // Should be a valid ISO Datetime string\n      return typeof value === 'string' && ISO_DATE_REGEX.test(value);\n\n    case 'string':\n    default:\n      // anything other than null, undefined and '' is a valid string\n      return typeof value === 'string' && !isEmptyOrUndefined(value);\n  }\n}\n\n/**\n * Formats the timestamp in the required format based on the current\n * locale.\n *\n * @param isoTime Timestamp in ISO format\n */\nfunction formatTimestamp(isoTime: string) {\n  const isToday = isDateToday(isoTime);\n  const formatter = getDateTimeFormatter(isToday);\n\n  return formatter.format(new Date(isoTime));\n}\n\nexport { formatTimestamp, isValidValueForProp };\n"],"names":["DATE_FORMAT_OPTIONS","Object","freeze","TODAY","hour","minute","hour12","DEFAULT","day","month","year","ISO_DATE_REGEX","isoTime","isToday","locale","getLocale","DateTimeFormat","Intl","getDateTimeFormatter","isoDate","today","Date","provided","getUTCFullYear","getUTCMonth","getUTCDate","isDateToday","format","value","prop","severities","includes","test","isEmptyOrUndefined"],"mappings":"iKAiBA,MAAMA,EAAsBC,OAAOC,OAAO,CACxCC,MAAO,CACLC,KAAM,UACNC,OAAQ,UACRC,QAAQ,GAEVC,QAAS,CACPC,IAAK,UACLC,MAAO,UACPC,KAAM,UACNN,KAAM,UACNC,OAAQ,UACRC,QAAQ,KAONK,EACJ,uJAyEF,SAAyBC,GAIvB,OAjDF,SAA8BC,GAC5B,MAAMC,EAASC,EAAAA,aACTC,eAAEA,GAAmBC,KAC3B,OACS,IAAID,EAAeF,EADxBD,EACgCb,EAAoBG,MAGtBH,EAAoBO,QACxD,CAuCoBW,CAlEpB,SAAqBC,GACnB,MAAMC,EAAQ,IAAIC,KACZC,EAAW,IAAID,KAAKF,GAE1B,OACEC,EAAMG,mBAAqBD,EAASC,kBACpCH,EAAMI,gBAAkBF,EAASE,eACjCJ,EAAMK,eAAiBH,EAASG,YAEpC,CAwDkBC,CAAYd,IAGXe,OAAO,IAAIN,KAAKT,GACnC,wBA/BA,SACEgB,EACAC,EAAmB,UAEnB,OAAQA,GACN,IAAK,WAEH,MAAwB,iBAAVD,GAAsBE,EAAUA,WAACC,SAASH,GAE1D,IAAK,YAEH,MAAwB,iBAAVA,GAAsBjB,EAAeqB,KAAKJ,GAG1D,QAEE,MAAwB,iBAAVA,IAAuBK,EAAkBA,mBAACL,GAE9D"}

package/amd/MessageStartIcon-9602ed72.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './UNSAFE_Flex', './PRIVATE_Message/themes/MessageStyles.css', './Flex-47d4c40c', './classNames-e60cc88e'], (function(e,s,n,a,t,r,o,c,i,l,I){"use strict";const g={confirmation:a.MessageConfirmationIcon,error:t.MessageErrorIcon,info:r.MessageInfoIcon,warning:o.MessageWarningIcon};e.MessageStartIcon=function({severity:e,variant:n="banner",translations:a}){const t=g[e],r="inline"!==n?s.jsx(l.Flex,{align:"center",height:"100%",children:s.jsx("span",{class:i.startIconContainerStyles[n],role:"img",title:a?.[e],children:s.jsx(t,{})})}):s.jsx("span",{class:i.startIconContainerStyles.inline,role:"img",title:a?.[e],children:s.jsx(t,{})});return s.jsx("div",{class:I.classNames(["banner"===n&&"oj-c-messagebanner-start-icon",i.messageStartIconStyles.base,i.messageStartIconStyles[n],i.severityIconStyles[n]]),role:"presentation",children:r})}}));
+//# sourceMappingURL=MessageStartIcon-9602ed72.js.map

package/amd/MessageStartIcon-9602ed72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-9602ed72.js","sources":["../../src/PRIVATE_Message/MessageStartIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { Flex } from '../UNSAFE_Flex';\nimport {\n  messageStartIconStyles,\n  severityIconStyles,\n  startIconContainerStyles\n} from './themes/MessageStyles.css';\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props = {\n  /**\n   * The icon severity\n   */\n  severity: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * StartIcon Component for rendering the severity based icon in Message\n */\nfunction MessageStartIcon({ severity, variant = 'banner', translations }: Props) {\n  const IconComponent = severityIcons[severity];\n  // TODO: JET-50793\n  const iconContent =\n    variant !== 'inline' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <span class={startIconContainerStyles[variant]} role=\"img\" title={translations?.[severity]}>\n          <IconComponent />\n        </span>\n      </Flex>\n    ) : (\n      <span class={startIconContainerStyles.inline} role=\"img\" title={translations?.[severity]}>\n        <IconComponent />\n      </span>\n    );\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  const markerClassForTests = 'oj-c-messagebanner-start-icon';\n  return (\n    <div\n      class={classNames([\n        variant === 'banner' && markerClassForTests,\n        messageStartIconStyles.base,\n        messageStartIconStyles[variant],\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","info","MessageInfoIcon","warning","MessageWarningIcon","severity","variant","translations","IconComponent","iconContent","_jsx","Flex","align","height","jsx","class","startIconContainerStyles","role","title","children","inline","classNames","messageStartIconStyles","base","severityIconStyles"],"mappings":"qYAoBA,MAAMA,EAAgB,CACpBC,aAAcC,EAAuBA,wBACrCC,MAAOC,EAAgBA,iBACvBC,KAAMC,EAAeA,gBACrBC,QAASC,EAAkBA,uCA+C7B,UAA0BC,SAAEA,EAAQC,QAAEA,EAAU,SAAQC,aAAEA,IACxD,MAAMC,EAAgBZ,EAAcS,GAE9BI,EACQ,WAAZH,EACEI,MAACC,OAAI,CAACC,MAAM,SAASC,OAAO,gBAC1BH,EAAMI,IAAA,OAAA,CAAAC,MAAOC,EAAAA,yBAAyBV,GAAUW,KAAK,MAAMC,MAAOX,IAAeF,GAC/Ec,SAAAT,EAAAA,IAACF,EAAa,QAIlBE,EAAAI,IAAA,OAAA,CAAMC,MAAOC,EAAAA,yBAAyBI,OAAQH,KAAK,MAAMC,MAAOX,IAAeF,YAC7EK,EAACI,IAAAN,EAAgB,CAAA,KAQvB,OACEE,MAAA,MAAA,CACEK,MAAOM,EAAAA,WAAW,CACJ,WAAZf,GAJsB,gCAKtBgB,EAAAA,uBAAuBC,KACvBD,EAAAA,uBAAuBhB,GACvBkB,EAAAA,mBAAmBlB,KAErBW,KAAK,wBACJR,GAGP"}

package/amd/MessageSummary-3fccb0bd.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './classNames-e60cc88e'], (function(s,e,a,n,t){"use strict";s.MessageSummary=function({text:s,variant:a="banner"}){const m=t.classNames(["banner"===a&&"oj-c-messagebanner-summary",n.messageSummaryStyles.base,n.messageSummaryStyles[a]]);return e.jsx("div",{role:"heading",class:m,children:s})}}));
+//# sourceMappingURL=MessageSummary-3fccb0bd.js.map

package/amd/MessageSummary-3fccb0bd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-3fccb0bd.js","sources":["../../src/PRIVATE_Message/MessageSummary.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { messageSummaryStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the Summary component\n */\ntype Props = {\n  /**\n   * The summary text\n   */\n  text?: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Summary Component for rendering the summary text of the Message\n */\nfunction MessageSummary({ text, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-summary';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageSummaryStyles.base,\n    messageSummaryStyles[variant]\n  ]);\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["text","variant","classes","classNames","messageSummaryStyles","base","_jsx","jsx","role","class","children"],"mappings":"4LA8BA,UAAwBA,KAAEA,EAAIC,QAAEA,EAAU,WAOxC,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZF,GAF0B,6BAG1BG,EAAAA,qBAAqBC,KACrBD,EAAAA,qBAAqBH,KAEvB,OACEK,EAAAC,IAAA,MAAA,CAAKC,KAAK,UAAUC,MAAOP,EAAOQ,SAC/BV,GAGP"}

package/amd/MessageTimestamp-dc3db3d6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Message/themes/MessageStyles.css', './MessageFormattingUtils-cfd5d343', './classNames-e60cc88e'], (function(s,e,a,t,m,n){"use strict";s.MessageTimestamp=function({value:s,variant:a="banner"}){const c=n.classNames(["banner"===a&&"oj-c-messagebanner-timestamp",t.messageTimestampStyles[a]]),i=m.formatTimestamp(s);return e.jsx("div",{class:c,children:i})}}));
+//# sourceMappingURL=MessageTimestamp-dc3db3d6.js.map

package/amd/MessageTimestamp-dc3db3d6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-dc3db3d6.js","sources":["../../src/PRIVATE_Message/MessageTimestamp.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { messageTimestampStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\n/**\n * Props for the Timestamp component\n */\ntype Props = {\n  /**\n   * The timestamp to show in ISO format\n   */\n  value: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Timestamp Component for rendering timestamp in Message\n */\nfunction MessageTimestamp({ value, variant = 'banner' }: Props) {\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  // TODO: JET-48715 - remove marker classes\n  // Right now, oj-message-banner component uses this for unit tests and has no alternate way for\n  // testing. This will need to be removed as we work on oj-c-message-banner.\n  // TODO: https://jira.oraclecorp.com/jira/browse/JET-56454 Refactor to utilize useComponentTheme and multiVariantStyles.\n\n  const markerClassForTests = 'oj-c-messagebanner-timestamp';\n  const classes = classNames([\n    variant === 'banner' && markerClassForTests,\n    messageTimestampStyles[variant]\n  ]);\n\n  // Otherwise, render the timestamp\n  const formattedTimestamp = formatTimestamp(value as string);\n  return <div class={classes}>{formattedTimestamp}</div>;\n}\n\nexport { MessageTimestamp };\n"],"names":["value","variant","classes","classNames","messageTimestampStyles","formattedTimestamp","formatTimestamp","_jsx","class","children"],"mappings":"oOA+BA,UAA0BA,MAAEA,EAAKC,QAAEA,EAAU,WAO3C,MACMC,EAAUC,EAAAA,WAAW,CACb,WAAZF,GAF0B,+BAG1BG,EAAAA,uBAAuBH,KAInBI,EAAqBC,kBAAgBN,GAC3C,OAAOO,EAAAA,WAAKC,MAAON,EAAUO,SAAAJ,GAC/B"}

package/amd/MessageToast-0a38fa18.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './index-6c4e8ae0', './hooks/PRIVATE_useMessagesFocusManager', './hooks/UNSAFE_useBreakpointValues', './hooks/UNSAFE_useMessagesContext', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './index-3b2b3bdc', './UNSAFE_Flex', './UNSAFE_FocusTrap', './UNSAFE_LiveRegion', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './UNSAFE_MessageToast/themes/redwood/MessageToastTheme', './FocusTrap-415da5f3', './Flex-47d4c40c', './MessagesManager-52b8bbe3', './MessageUtils-82d253f6'], (function(e,t,s,o,n,a,r,i,l,c,u,d,g,m,h,f,p,x,R,M){"use strict";m.stringLiteralArray(["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]);const y={entering:e=>({from:{transform:`translate(0, ${e.offsetHeight}px)`,opacity:1},to:{transform:"translate(0, 0)",opacity:1},end:{transform:"unset",opacity:1},options:{duration:250}}),exiting:{from:{opacity:1},to:{opacity:0},end:{opacity:0},options:{duration:250}}},F={opacity:0};e.MessageToast=function({data:e,detailRendererKey:u,iconRendererKey:d,renderers:m,onClose:T,offset:E,position:b}){const v=s.useRef(new Map),S=s.useRef(null),k=s.useRef(null),A=s.useRef(null),[U,_]=s.useState(),[j,N]=s.useState(e.length>0),[C,I]=s.useState(!1),w=i.useTranslationBundle("@oracle/oraclejet-preact"),{UNSAFE_messagesLayerId:V}=r.useMessagesContext(),L=s.useRef(e.length),P=s.useRef(0);L.current=e.length,s.useImperativeHandle(A,(()=>({focus:()=>!!e.length&&(S.current=v.current.get(e[0].key)??null,I(!0),!0),contains:t=>!(!e.length||!t)&&(k.current?.contains(t)??!1)})),[e]);const{controller:O,handlers:z}=n.useMessageFocusManager(A,{onFocus:s.useCallback((()=>{_(w.message_navigationFromMessagesRegion())}),[w]),onFocusLeave:s.useCallback((()=>{I(!1)}),[])},{handleEscapeKey:!1}),B=s.useCallback(((t,s,o)=>{const n=o?.contains(document.activeElement);if(0===L.current)return N(!1),I(!1),void(n&&setImmediate((()=>O.restorePriorFocus())));const a=s+1<e.length?s+1:s-1;if(a>-1&&n){const t=e[a].key;v.current.get(t)?.focus()}}),[O,e]),D=s.useCallback((e=>t=>v.current.set(e,t)),[]);s.useEffect((()=>{const t=P.current;if(P.current=e.length,e.length)return N(!0),e.length>t&&_(w.message_navigationToMessagesRegion()),void O.prioritize();_(t?w.messageToast_allMessagesClosed():"")}),[O,e.length,w]);const W=a.useBreakpointValues({sm:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm",md:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md",lg:"--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg"}),K=a.useBreakpointValues({sm:{horizontal:"number"==typeof E?E:E?.horizontal??0,vertical:16+("number"==typeof E?E:E?.vertical??0)},lg:{horizontal:"number"==typeof E?E:E?.horizontal??0,vertical:24+("number"==typeof E?E:E?.vertical??0)}}),H=s.useMemo((()=>({close:w.close(),confirmation:w.confirmation(),error:w.error(),info:w.info(),warning:w.warn()})),[w]),{classes:$}=h.useComponentTheme(f.MessageToastRedwoodTheme);return j||0!==e.length?t.jsxs(o.EnvironmentProvider,{environment:{colorScheme:"dark"},children:[t.jsx(c.MessageLayer,{offset:K,position:b,children:t.jsx("div",{class:$,ref:k,tabIndex:-1,id:V,...z,children:t.jsx(p.FocusTrap,{autoFocusRef:S,isDisabled:!C,children:t.jsx(x.Flex,{direction:"column",gap:"1x",align:"center",maxWidth:W,children:t.jsx(R.MessagesManager,{animationStates:y,initialAnimationStyles:F,data:e,onMessageWillRemove:B,children:({index:e,item:s})=>t.jsx(l.Message,{messageRef:D(s.key),item:s,detailRenderer:M.getRendererWithoutIndex(s,u,m),iconRenderer:M.getRendererWithoutIndex(s,d,m),index:e,onClose:T,translations:H,variant:"toast"},s.key)})})})})}),t.jsx(g.LiveRegion,{children:U})]}):t.jsx(g.LiveRegion,{children:U})}}));
+//# sourceMappingURL=MessageToast-0a38fa18.js.map

package/amd/MessageToast-0a38fa18.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToast-0a38fa18.js","sources":["../../src/UNSAFE_MessageToast/MessageToast.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 { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'preact/hooks';\n\nimport { EnvironmentProvider } from '../UNSAFE_Environment';\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getRendererWithoutIndex, Message, MessagesManager } from '../PRIVATE_Message';\nimport { MessageLayer } from '../PRIVATE_MessageLayer';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Flex } from '../UNSAFE_Flex';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageToastRedwoodTheme } from './themes/redwood/MessageToastTheme';\n\n// TODO: refactor types so we don't repeat them here and MessageLayer\n// https://jira.oraclecorp.com/jira/browse/JET-54212\nconst positions = stringLiteralArray([\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]);\n\ntype Position = typeof positions[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in MessageToast component.\n */\nexport type MessageToastItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   *\n   * @default 'error'\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   *\n   * @default 'none'\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the time after which the message is to be closed automatically\n   *\n   * on - default of 5s\n   * off - no auto timeout, manually dismissed\n   * number - seconds in milliseconds format\n   *\n   * @default 'off'\n   */\n  autoTimeout?: 'on' | 'off' | number;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageToastRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\ntype Props<Key, Data> = {\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   * Data for the MessageToast component. This data is used for rendering each toast message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of the renderer to use for rendering the start icon.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the start icon for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's start icon. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the start icon using the severity property of the corresponding message.\n   *\n   * If an application specifies both severity and a valid iconRendererKey, the iconRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the start icon.\n   */\n  iconRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageToastRendererDataItem<Key, Data>) => ComponentChildren>;\n};\n\n/**\n * Animation states for toast messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    from: {\n      transform: `translate(0, ${node.offsetHeight}px)`,\n      opacity: 1\n    },\n    to: {\n      transform: 'translate(0, 0)',\n      opacity: 1\n    },\n    end: {\n      transform: 'unset',\n      opacity: 1\n    },\n    options: {\n      duration: 250\n    }\n  }),\n  exiting: {\n    from: {\n      opacity: 1\n    },\n    to: {\n      opacity: 0\n    },\n    end: {\n      opacity: 0\n    },\n    options: {\n      duration: 250\n    }\n  }\n};\nconst initialAnimationStyles = {\n  opacity: 0\n} as const;\n\nexport function MessageToast<K extends string | number, D extends MessageToastItem>({\n  data,\n  detailRendererKey,\n  iconRendererKey,\n  renderers,\n  onClose,\n  offset,\n  position\n}: Props<K, D>) {\n  const messagesRef = useRef(new Map<K, HTMLDivElement | null>());\n  const autoFocusRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement | null>;\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  const [shouldTrapFocus, setShouldTrapFocus] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { UNSAFE_messagesLayerId } = useMessagesContext();\n\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          // set the autoFocus ref to the first message and enable the focus trap\n          // this will automatically focus the first message\n          autoFocusRef.current = messagesRef.current.get(data[0].key) ?? null;\n          setShouldTrapFocus(true);\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(\n    focusHandleRef,\n    {\n      onFocus: useCallback(() => {\n        setLiveRegionText(translations.message_navigationFromMessagesRegion());\n      }, [translations]),\n      onFocusLeave: useCallback(() => {\n        // disable trap which should revert the focus back to the last focused item\n        setShouldTrapFocus(false);\n      }, [])\n    },\n    {\n      // we do not want the focus manager to handle Esc key as we handle it using the\n      // FocusTrap here\n      handleEscapeKey: false\n    }\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        setShouldTrapFocus(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled\n          // back again. So, we restore the focus in the next tick so that the rendering will have been\n          // done in the microtask.\n          setImmediate(() => controller.restorePriorFocus());\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // We will be using a function based ref to store the refs in the Map\n  const setHTMLDivElement = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: HTMLDivElement | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    const previousDataLength = prevDataLengthRef.current;\n    prevDataLengthRef.current = data.length;\n\n    // if there are messages that need to be rendered now, then do the following deeds:\n    // 1. set the shouldRender flag\n    // 2. set the live region\n    // 3. prioritize this message component to be the latest\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > previousDataLength) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations.message_navigationToMessagesRegion());\n      }\n      controller.prioritize();\n      return;\n    }\n\n    // if there were messages and now removed, then set the live region to\n    // announce this information\n    if (previousDataLength) {\n      setLiveRegionText(translations.messageToast_allMessagesClosed());\n      return;\n    }\n\n    // When there are no messages, clear the live region so that\n    // the navigation text will be read when a new message appear\n    setLiveRegionText('');\n  }, [controller, data.length, translations]);\n\n  // determine responsive max-width\n  const maxWidth = useBreakpointValues<Size>({\n    sm: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-sm',\n    md: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-md',\n    lg: '--oj-c-PRIVATE-DO-NOT-USE-message-toast-max-width-lg'\n  });\n  // without offset, the messages will be hugging the vertical edges of the screen\n  // so we will set a default offset.vertical value (any offset from the props will be\n  // added to this).\n  const paddedOffset = useBreakpointValues<Offset>({\n    sm: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 16 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    },\n    lg: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 24 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    }\n  });\n\n  // TODO: move this to the individual components.\n  // Cannot do this as of now, as doing do results in oj-message-banner not working.\n  const messageTranslations = useMemo(\n    () => ({\n      close: translations.close(),\n      confirmation: translations.confirmation(),\n      error: translations.error(),\n      info: translations.info(),\n      warning: translations.warn()\n    }),\n    [translations]\n  );\n\n  const { classes } = useComponentTheme(MessageToastRedwoodTheme);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything except the live region\n  if (!shouldRender && data.length === 0) {\n    return <LiveRegion>{liveRegionText}</LiveRegion>;\n  }\n\n  // TODO - Message Toast shouldn't always render as 'dark', it should be the inverse of the root environment context\n  // See JET-57590\n  return (\n    <EnvironmentProvider environment={{ colorScheme: 'dark' }}>\n      <MessageLayer offset={paddedOffset} position={position}>\n        <div\n          class={classes}\n          ref={containerDivRef}\n          tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n          id={UNSAFE_messagesLayerId}\n          {...handlers}>\n          <FocusTrap autoFocusRef={autoFocusRef} isDisabled={!shouldTrapFocus}>\n            <Flex direction=\"column\" gap=\"1x\" align=\"center\" maxWidth={maxWidth}>\n              <MessagesManager\n                animationStates={animationStates}\n                initialAnimationStyles={initialAnimationStyles}\n                data={data}\n                onMessageWillRemove={handleNextFocus}>\n                {({ index, item }) => (\n                  <Message\n                    messageRef={setHTMLDivElement(item.key)}\n                    item={item}\n                    detailRenderer={getRendererWithoutIndex(item, detailRendererKey, renderers)}\n                    iconRenderer={getRendererWithoutIndex(item, iconRendererKey, renderers)}\n                    index={index}\n                    key={item.key}\n                    onClose={onClose}\n                    translations={messageTranslations}\n                    variant=\"toast\"\n                  />\n                )}\n              </MessagesManager>\n            </Flex>\n          </FocusTrap>\n        </div>\n      </MessageLayer>\n      <LiveRegion>{liveRegionText}</LiveRegion>\n    </EnvironmentProvider>\n  );\n}\n"],"names":["stringLiteralArray","animationStates","entering","node","from","transform","offsetHeight","opacity","to","end","options","duration","exiting","initialAnimationStyles","data","detailRendererKey","iconRendererKey","renderers","onClose","offset","position","messagesRef","useRef","Map","autoFocusRef","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","shouldTrapFocus","setShouldTrapFocus","translations","useTranslationBundle","UNSAFE_messagesLayerId","useMessagesContext","dataLengthRef","prevDataLengthRef","current","useImperativeHandle","focus","get","key","contains","element","controller","handlers","useMessageFocusManager","onFocus","useCallback","message_navigationFromMessagesRegion","onFocusLeave","handleEscapeKey","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","setImmediate","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","setHTMLDivElement","ref","set","useEffect","previousDataLength","message_navigationToMessagesRegion","prioritize","messageToast_allMessagesClosed","maxWidth","useBreakpointValues","sm","md","lg","paddedOffset","horizontal","vertical","messageTranslations","useMemo","close","confirmation","error","info","warning","warn","classes","useComponentTheme","MessageToastRedwoodTheme","_jsxs","EnvironmentProvider","environment","colorScheme","_jsx","MessageLayer","jsx","class","tabIndex","id","children","FocusTrap","isDisabled","Flex","direction","gap","align","MessagesManager","onMessageWillRemove","item","Message","messageRef","detailRenderer","getRendererWithoutIndex","iconRenderer","variant","LiveRegion"],"mappings":"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"}

package/amd/MessageUtils-82d253f6.js

@@ -0,0 +1,2 @@
+define(['exports', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './MessageFormattingUtils-cfd5d343'], (function(e,o,n,t){"use strict";const r={error:(e,n="common")=>o.Logger.error(`JET Message(${n}): ${e}`),warn:(e,n="common")=>o.Logger.warn(`JET Message(${n}): ${e}`),info:(e,n="common")=>o.Logger.info(`JET Message(${n}): ${e}`),log:(e,n="common")=>o.Logger.log(`JET Message(${n}): ${e}`)};function i(e,o="common"){throw new Error(`JET Message(${o}) - ${e}`)}function a(e,o,n,t){if(!o||!n)return;const r="function"==typeof o?o(e):o;return null!=r?(r in n||i(`${r} is not a valid template name for the message with key=${e.key}`,t),n[r]):void 0}e.getRenderer=a,e.getRendererWithoutIndex=function(e,o,n,t){const r=a(e,o,n,t);return"function"==typeof r?e=>{const o={...e};return"index"in o&&delete o.index,r.call(null,o)}:r},e.isSeverityIconNeeded=function(e){return t.isValidValueForProp(e,"severity")&&"none"!==e},e.playSound=async function(e){if("none"!==e)if("default"!==e)try{await n.playAudioFromURL(e)}catch(o){r.warn(`Failed to play the audio from the url ${e}. ${o}.`)}else try{n.playDefaultNotificationSound()}catch(e){r.warn(`Failed to play the default sound. ${e}.`)}},e.severityBasedStyleClass=function(e,o){return t.isValidValueForProp(e,"severity")&&"none"!==e?`oj-c-message${o}-${e}`:""},e.throwError=i}));
+//# sourceMappingURL=MessageUtils-82d253f6.js.map

package/amd/MessageUtils-82d253f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageUtils-82d253f6.js","sources":["../../src/PRIVATE_Message/MessageUtils.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { playAudioFromURL, playDefaultNotificationSound } from '../utils/UNSAFE_soundUtils';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageSeverity, MessageVariant } from './Message.types';\n\n/**\n * Logger that prepends the component name to the message\n */\nconst MessageLogger = {\n  error: (message: string, type = 'common') => Logger.error(`JET Message(${type}): ${message}`),\n  warn: (message: string, type = 'common') => Logger.warn(`JET Message(${type}): ${message}`),\n  info: (message: string, type = 'common') => Logger.info(`JET Message(${type}): ${message}`),\n  log: (message: string, type = 'common') => Logger.log(`JET Message(${type}): ${message}`)\n};\n\n/**\n * Plays a sound based on the provided argument. Supported keywords:\n * 1. default - plays the default beep sound\n * 2. none - no sound will be played\n *\n * @param sound Supported keywords or URL to an audio file\n */\nasync function playSound(sound: string) {\n  if (sound === 'none') {\n    // no need to play any audio\n    return;\n  }\n\n  // For default, we play a beep sound using WebAudio API\n  if (sound === 'default') {\n    try {\n      playDefaultNotificationSound();\n    } catch (error) {\n      // Default sound is not played due to some error\n      // Log a message and return doing nothing else\n      MessageLogger.warn(`Failed to play the default sound. ${error}.`);\n    }\n    return;\n  }\n\n  // If it is not a key word, then it is an URL\n  try {\n    await playAudioFromURL(sound);\n  } catch (error) {\n    // Playing audio using the URL failed.\n    MessageLogger.warn(`Failed to play the audio from the url ${sound}. ${error}.`);\n  }\n}\n\n/**\n * A helper function that throws an error\n *\n * @param message The error message\n * @param type The type of the message that is throwing an error\n * @throws {Error}\n */\nfunction throwError(message: string, type = 'common') {\n  throw new Error(`JET Message(${type}) - ${message}`);\n}\n\n/**\n * Fetches a renderer for the current message if one is provided\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRenderer<K, D, R>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | undefined),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  // If either detailRenderer function or record of renderers are not available,\n  // return null\n  if (!rendererIdentifier || !renderers) {\n    return undefined;\n  }\n\n  const rendererKey =\n    typeof rendererIdentifier === 'function' ? rendererIdentifier(message) : rendererIdentifier;\n\n  // If rendererKey is null or undefined, then we need to use default rendering\n  // so return null\n  if (rendererKey == null) {\n    return undefined;\n  }\n\n  // If the returned render key is a string but does not exist in the provided\n  // record of renderers, throw an error\n  if (!(rendererKey in renderers)) {\n    throwError(\n      `${rendererKey} is not a valid template name for the message with key=${message.key}`,\n      type\n    );\n  }\n\n  // Else, fetch and return the renderer\n  return renderers[rendererKey];\n}\n\n/**\n * Fetches a renderer for the current message if one is provided.\n * Proxies the said renderer to exclude the index in the payload.\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRendererWithoutIndex<K, D, R extends object>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | undefined),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  const renderer = getRenderer(message, rendererIdentifier, renderers, type);\n  if (typeof renderer === 'function') {\n    return (data: R) => {\n      const dataCopy = { ...data };\n      if ('index' in dataCopy) {\n        delete (dataCopy as any)['index'];\n      }\n      return renderer.call(null, dataCopy);\n    };\n  }\n  return renderer;\n}\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction severityBasedStyleClass(severity: MessageSeverity, variant: MessageVariant) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none' ? `oj-c-message${variant}-${severity}` : '';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n};\n"],"names":["MessageLogger","error","message","type","Logger","warn","info","log","throwError","Error","getRenderer","rendererIdentifier","renderers","rendererKey","key","renderer","data","dataCopy","call","severity","isValidValueForProp","async","sound","playAudioFromURL","playDefaultNotificationSound","variant"],"mappings":"2IAiBA,MAAMA,EAAgB,CACpBC,MAAO,CAACC,EAAiBC,EAAO,WAAaC,EAAMA,OAACH,MAAM,eAAeE,OAAUD,KACnFG,KAAM,CAACH,EAAiBC,EAAO,WAAaC,EAAMA,OAACC,KAAK,eAAeF,OAAUD,KACjFI,KAAM,CAACJ,EAAiBC,EAAO,WAAaC,EAAMA,OAACE,KAAK,eAAeH,OAAUD,KACjFK,IAAK,CAACL,EAAiBC,EAAO,WAAaC,EAAMA,OAACG,IAAI,eAAeJ,OAAUD,MA4CjF,SAASM,EAAWN,EAAiBC,EAAO,UAC1C,MAAM,IAAIM,MAAM,eAAeN,QAAWD,IAC5C,CAUA,SAASQ,EACPR,EACAS,EACAC,EACAT,GAIA,IAAKQ,IAAuBC,EAC1B,OAGF,MAAMC,EAC0B,mBAAvBF,EAAoCA,EAAmBT,GAAWS,EAI3E,OAAmB,MAAfE,GAMEA,KAAeD,GACnBJ,EACE,GAAGK,2DAAqEX,EAAQY,MAChFX,GAKGS,EAAUC,SAdjB,CAeF,2CAWA,SACEX,EACAS,EACAC,EACAT,GAEA,MAAMY,EAAWL,EAAYR,EAASS,EAAoBC,EAAWT,GACrE,MAAwB,mBAAbY,EACDC,IACN,MAAMC,EAAW,IAAKD,GAItB,MAHI,UAAWC,UACLA,EAAwB,MAE3BF,EAASG,KAAK,KAAMD,EAAS,EAGjCF,CACT,yBAoBA,SACEI,GAGA,OADwBC,EAAAA,oBAAoBD,EAAU,aACf,SAAbA,CAC5B,cAnIAE,eAAyBC,GACvB,GAAc,SAAVA,EAMJ,GAAc,YAAVA,EAYJ,UACQC,EAAAA,iBAAiBD,EACxB,CAAC,MAAOrB,GAEPD,EAAcK,KAAK,yCAAyCiB,MAAUrB,KACvE,MAhBC,IACEuB,EAAAA,8BACD,CAAC,MAAOvB,GAGPD,EAAcK,KAAK,qCAAqCJ,KACzD,CAWL,4BA0FA,SAAiCkB,EAA2BM,GAE1D,OADwBL,EAAAA,oBAAoBD,EAAU,aACf,SAAbA,EAAsB,eAAeM,KAAWN,IAAa,EACzF"}

package/amd/MessagesManager-52b8bbe3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useMessagesContext', './useAnimation-c2fbd94a'], (function(n,e,t,i,r,a,s,o){"use strict";const c={};function u({animationStates:n=c,initialAnimationStyles:t,onEntering:a,onExiting:u,...d}){const[l,g]=i.useState("entering"),m=i.useRef(),x=i.useRef(),{controller:v,nodeRef:y}=o.useAnimation(l,{animationStates:n,isAnimatedOnMount:!0,onAnimationEnd:i.useCallback((()=>{m.current?.(),m.current=void 0,x.current?.(),x.current=void 0}),[])}),{addBusyState:f}=s.useMessagesContext(),k=i.useCallback(((e,t,i)=>{m.current&&(m.current=void 0,v.cancel()),x.current?.(),x.current=void 0,a?.(e,void 0,i),g("entering"),void 0!==n.entering||void 0!==n["exiting => entering"]?(m.current=t,x.current=f?.("messages animating")):t?.()}),[n,v,f,a]),A=i.useCallback(((e,t,i)=>{m.current&&(m.current=void 0,v.cancel()),x.current?.(),x.current=void 0,u?.(e,void 0,i),g("exiting"),void 0!==n.exiting||void 0!==n["entering => exiting"]?(m.current=t,x.current=f?.("messages animating")):t?.()}),[n,v,f,u]);return i.useLayoutEffect((()=>()=>x.current?.()),[]),e.jsx("div",{ref:y,style:t,children:e.jsx(r.Transition,{...d,onEntering:k,onExiting:A})})}n.MessagesManager=function({data:n,animationStates:a,children:s,initialAnimationStyles:o,onMessageWillRemove:c}){const d=i.useCallback((async(n,e)=>{e&&c?.(e.key,e.index,n)}),[c]);return e.jsx(r.TransitionGroup,{elementType:t.Fragment,children:n.map(((n,t)=>e.jsx(u,{animationStates:a,initialAnimationStyles:o,metadata:{index:t,key:n.key},onExited:d,children:s?.({index:t,item:n})},n.key)))})}}));
+//# sourceMappingURL=MessagesManager-52b8bbe3.js.map

package/amd/MessagesManager-52b8bbe3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesManager-52b8bbe3.js","sources":["../../src/PRIVATE_Message/MessageTransition.tsx","../../src/PRIVATE_Message/MessagesManager.tsx"],"sourcesContent":["import { JSX, RenderableProps } from 'preact';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { Transition, TransitionProps } from '../PRIVATE_TransitionGroup';\n\ntype State = 'entering' | 'exiting';\ntype AnimationStates = UseAnimationConfig<State, HTMLDivElement>['animationStates'];\ntype AnimationCallback = UseAnimationConfig<State, HTMLDivElement>['onAnimationEnd'];\ntype Props = RenderableProps<TransitionProps> & {\n  animationStates?: AnimationStates;\n  initialAnimationStyles?: JSX.HTMLAttributes<HTMLDivElement>['style'];\n};\n\nconst DEFAULT_ANIMATION_STATES = {};\n\n/**\n * A intermediary component that handles animation for the messages component.\n *\n * The expected flow is as follows:\n * 1. message removed from the data\n * 2. onExiting called and a callback is passed which needs to be called to complete the transition\n * 3. state set to \"exiting\" in this component\n * 4. triggers useAnimation to perform the exit animation\n * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier\n * 6. onExited is called (done when the callback mentioned above is called)\n * 7. message is removed from the UI\n *\n * @param param0 Props of the message component\n */\nexport function MessageTransition({\n  animationStates = DEFAULT_ANIMATION_STATES,\n  initialAnimationStyles,\n  onEntering,\n  onExiting,\n  ...transitionProps\n}: Props) {\n  const [state, setState] = useState<State>('entering');\n  const animationCallbackRef = useRef<() => void>();\n  const busyStateResolveRef = useRef<() => void>();\n  const { controller, nodeRef } = useAnimation(state, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback<NonNullable<AnimationCallback>>(() => {\n      // resolve animation callbacks & busyStates\n      animationCallbackRef.current?.();\n      animationCallbackRef.current = undefined;\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n    }, [])\n  });\n  const { addBusyState } = useMessagesContext();\n\n  const onEnteringCallback = useCallback<NonNullable<TransitionProps['onEntering']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onEntering?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('entering');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['entering'] === undefined &&\n        animationStates['exiting => entering'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onEntering]\n  );\n\n  const onExitingCallback = useCallback<NonNullable<TransitionProps['onExiting']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onExiting?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('exiting');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['exiting'] === undefined &&\n        animationStates['entering => exiting'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onExiting]\n  );\n\n  // if animation is interrupted, the busyState may be left hanging. So clear that on unmount\n  // Note: When using a class-based component inside a functional component, the timings of\n  // componentDidMount and useEffect might differ. So, in order to guarantee the registration\n  // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure\n  // the cleanup registers at all times.\n  useLayoutEffect(() => () => busyStateResolveRef.current?.(), []);\n\n  return (\n    <div ref={nodeRef} style={initialAnimationStyles}>\n      <Transition\n        {...transitionProps}\n        onEntering={onEnteringCallback}\n        onExiting={onExitingCallback}\n      />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChild, ComponentProps, Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { TransitionGroup } from '../PRIVATE_TransitionGroup';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageTransition } from './MessageTransition';\n\n/**\n * Metadata passed on to the Transition component\n */\ntype TransitionMetadata<K> = {\n  index: number;\n  key: K;\n};\n\n/**\n * Type of the render context passed on to render individual message\n */\ntype MessageRenderContext<Key, Data> = {\n  /**\n   * The index of the current message\n   */\n  index: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n};\n\ntype PickedPropsFromMessageTransition = Pick<\n  ComponentProps<typeof MessageTransition>,\n  'animationStates' | 'initialAnimationStyles'\n>;\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = PickedPropsFromMessageTransition & {\n  /**\n   * A render function that renders individual child.\n   */\n  children?: (context: MessageRenderContext<Key, Data>) => ComponentChild;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A callback function that gets called before a message is removed\n   */\n  onMessageWillRemove?: (key: Key, index: number, node?: Element) => void;\n};\n\n/**\n * The component that renders individual messages for the provided data.\n */\nexport function MessagesManager<K extends string | number = string | number, D = any>({\n  data,\n  animationStates,\n  children,\n  initialAnimationStyles,\n  onMessageWillRemove\n}: Props<K, D>) {\n  /**\n   * Handles when a message has finished to exit.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleExited = useCallback(\n    async (node?: Element, metadata?: TransitionMetadata<K>) => {\n      metadata && onMessageWillRemove?.(metadata.key, metadata.index, node);\n    },\n    [onMessageWillRemove]\n  );\n\n  return (\n    <TransitionGroup elementType={Fragment}>\n      {data.map((item, index) => (\n        <MessageTransition\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          key={item.key}\n          metadata={{ index, key: item.key }}\n          onExited={handleExited}>\n          {children?.({ index, item })}\n        </MessageTransition>\n      ))}\n    </TransitionGroup>\n  );\n}\n"],"names":["DEFAULT_ANIMATION_STATES","MessageTransition","animationStates","initialAnimationStyles","onEntering","onExiting","transitionProps","state","setState","useState","animationCallbackRef","useRef","busyStateResolveRef","controller","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","useCallback","current","undefined","addBusyState","useMessagesContext","onEnteringCallback","node","callback","metadata","cancel","onExitingCallback","useLayoutEffect","_jsx","ref","style","children","Transition","data","onMessageWillRemove","handleExited","async","key","index","TransitionGroup","elementType","Fragment","map","item","onExited"],"mappings":"gOAcA,MAAMA,EAA2B,CAAA,WAgBjBC,GAAkBC,gBAChCA,EAAkBF,EAAwBG,uBAC1CA,EAAsBC,WACtBA,EAAUC,UACVA,KACGC,IAEH,MAAOC,EAAOC,GAAYC,EAAQA,SAAQ,YACpCC,EAAuBC,EAAAA,SACvBC,EAAsBD,EAAAA,UACtBE,WAAEA,EAAUC,QAAEA,GAAYC,EAAAA,aAAaR,EAAO,CAClDL,kBACAc,mBAAmB,EACnBC,eAAgBC,EAAWA,aAAiC,KAE1DR,EAAqBS,YACrBT,EAAqBS,aAAUC,EAC/BR,EAAoBO,YACpBP,EAAoBO,aAAUC,CAAS,GACtC,OAECC,aAAEA,GAAiBC,EAAAA,qBAEnBC,EAAqBL,EAAWA,aACpC,CAACM,EAAMC,EAAUC,KAEXhB,EAAqBS,UACvBT,EAAqBS,aAAUC,EAC/BP,EAAWc,UAIbf,EAAoBO,YACpBP,EAAoBO,aAAUC,EAE9BhB,IAAaoB,OAAMJ,EAAWM,GAE9BlB,EAAS,iBAIyBY,IAAhClB,EAA0B,eACiBkB,IAA3ClB,EAAgB,wBAKlBQ,EAAqBS,QAAUM,EAC/Bb,EAAoBO,QAAUE,IAAe,uBAJ3CI,KAIgE,GAEpE,CAACvB,EAAiBW,EAAYQ,EAAcjB,IAGxCwB,EAAoBV,EAAWA,aACnC,CAACM,EAAMC,EAAUC,KAEXhB,EAAqBS,UACvBT,EAAqBS,aAAUC,EAC/BP,EAAWc,UAIbf,EAAoBO,YACpBP,EAAoBO,aAAUC,EAE9Bf,IAAYmB,OAAMJ,EAAWM,GAE7BlB,EAAS,gBAIwBY,IAA/BlB,EAAyB,cACkBkB,IAA3ClB,EAAgB,wBAKlBQ,EAAqBS,QAAUM,EAC/Bb,EAAoBO,QAAUE,IAAe,uBAJ3CI,KAIgE,GAEpE,CAACvB,EAAiBW,EAAYQ,EAAchB,IAU9C,OAFAwB,EAAAA,iBAAgB,IAAM,IAAMjB,EAAoBO,aAAa,IAG3DW,EAAAA,IAAK,MAAA,CAAAC,IAAKjB,EAASkB,MAAO7B,EAAsB8B,SAC9CH,EAAAA,IAACI,EAAAA,eACK5B,EACJF,WAAYmB,EACZlB,UAAWuB,KAInB,mBCjEgB,UAAsEO,KACpFA,EAAIjC,gBACJA,EAAe+B,SACfA,EAAQ9B,uBACRA,EAAsBiC,oBACtBA,IAQA,MAAMC,EAAenB,EAAAA,aACnBoB,MAAOd,EAAgBE,KACrBA,GAAYU,IAAsBV,EAASa,IAAKb,EAASc,MAAOhB,EAAK,GAEvE,CAACY,IAGH,OACEN,EAAAA,IAACW,EAAAA,gBAAe,CAACC,YAAaC,EAAAA,SAAQV,SACnCE,EAAKS,KAAI,CAACC,EAAML,IACfV,EAAAA,IAAC7B,EAAiB,CAChBC,gBAAiBA,EACjBC,uBAAwBA,EAExBuB,SAAU,CAAEc,QAAOD,IAAKM,EAAKN,KAC7BO,SAAUT,WACTJ,IAAW,CAAEO,QAAOK,UAHhBA,EAAKN,QAQpB"}

package/amd/MeterCircleVariants.styles.css

@@ -1,18 +1,18 @@
-.MeterCircleVariants_multiVariantStyles_size_sm__id92ht0 {
+.MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0 {
   --size__1qest1m0: var(--sizes-sm__1qest1m4);
 }
-.MeterCircleVariants_multiVariantStyles_size_md__id92ht1 {
+.MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1 {
   --size__1qest1m0: var(--sizes-md__1qest1m3);
 }
-.MeterCircleVariants_multiVariantStyles_size_lg__id92ht2 {
+.MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2 {
   --size__1qest1m0: var(--sizes-lg__1qest1m2);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht3 {
+.MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm3 {
   --trackSize__1qest1m1: var(--trackSizes-sm__1qest1m7);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht4 {
+.MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm4 {
   --trackSize__1qest1m1: var(--trackSizes-md__1qest1m6);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht5 {
+.MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm5 {
   --trackSize__1qest1m1: var(--trackSizes-lg__1qest1m5);
 }

package/amd/MeterCircleVariants.styles2.css

@@ -1,18 +1,18 @@
-.MeterCircleVariants_multiVariantStyles_size_sm__1k0drkm0 {
+.MeterCircleVariants_multiVariantStyles_size_sm__id92ht0 {
   --size__1qest1m0: var(--sizes-sm__1qest1m4);
 }
-.MeterCircleVariants_multiVariantStyles_size_md__1k0drkm1 {
+.MeterCircleVariants_multiVariantStyles_size_md__id92ht1 {
   --size__1qest1m0: var(--sizes-md__1qest1m3);
 }
-.MeterCircleVariants_multiVariantStyles_size_lg__1k0drkm2 {
+.MeterCircleVariants_multiVariantStyles_size_lg__id92ht2 {
   --size__1qest1m0: var(--sizes-lg__1qest1m2);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_sm__1k0drkm3 {
+.MeterCircleVariants_multiVariantStyles_trackSize_sm__id92ht3 {
   --trackSize__1qest1m1: var(--trackSizes-sm__1qest1m7);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_md__1k0drkm4 {
+.MeterCircleVariants_multiVariantStyles_trackSize_md__id92ht4 {
   --trackSize__1qest1m1: var(--trackSizes-md__1qest1m6);
 }
-.MeterCircleVariants_multiVariantStyles_trackSize_lg__1k0drkm5 {
+.MeterCircleVariants_multiVariantStyles_trackSize_lg__id92ht5 {
   --trackSize__1qest1m1: var(--trackSizes-lg__1qest1m5);
 }

package/amd/Modal-4770cdd5.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useModal-523482cc', './UNSAFE_Layer', './UNSAFE_Modal/themes/ModalStyles.css'], (function(e,t,r,n,o,s){"use strict";const l=r.forwardRef((({variant:e="scrim"},r)=>{const n=s.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:r,class:n})}));function a(e){const t=[];let r=e.previousSibling;for(;null!=r;)1===r.nodeType&&t.push(r),r=r.previousSibling;for(r=e.nextSibling;null!=r;)1===r.nodeType&&t.push(r),r=r.nextSibling;return t}function i(e){if(!e.modalRef)return[];const t=[];let r=e.modalRef.parentElement;do{if(!r)break;a(r).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),r=r.parentElement}while(r&&"body"!==r.tagName.toLowerCase());return t}const d=new class{constructor(){this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)&&(this.modals.push({modal:e,ariaHiddenChildren:i(e)}),1===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body,r=window.innerWidth-document.documentElement.clientWidth;if(r>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${r}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${r}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}}pop(e){const t=this._findModalIndex(e);if(-1===t)return;if(t!==this.modals.length-1)return;const r=this.modals.pop();var n;if(r&&(n=r?.ariaHiddenChildren,n.forEach((e=>{e.removeAttribute("aria-hidden")}))),0===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:r})=>{t.style.setProperty(e,r)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((r,n)=>{r.modal!==e||(t=n)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};e.Modal=({children:e,isOpen:a,onBackdropClick:i,backdropVariant:u})=>{const c=d,{backdropRef:p}=n.useModal({isOpen:a,onBackdropClick:i}),h=r.useRef(null),f=r.useRef({}),m=()=>(f.current.modalRef=h.current,f.current);return r.useEffect((()=>{a&&h.current?c?.push(m()):f.current.modalRef&&c?.pop(m())}),[a,h.current]),r.useEffect((()=>()=>{f.current.modalRef&&c?.pop(m())}),[]),a?t.jsx(o.Layer,{children:t.jsxs("div",{ref:h,class:s.baseStyle,children:[t.jsx(l,{ref:p,variant:u}),e]})}):null}}));
+//# sourceMappingURL=Modal-4770cdd5.js.map

package/amd/Modal-4770cdd5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-4770cdd5.js","sources":["../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","interface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n}\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: () => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // modal ref cache, required to lookup the item in modal manger when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalRef.current]);\n\n  useEffect(() => {\n    return () => {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, []);\n\n  return isOpen ? (\n    <Layer>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","getSiblings","elem","siblings","sibling","previousSibling","nodeType","push","nextSibling","setAriaHiddenOnBackgroundElements","modal","modalRef","ariaHiddenElements","node","parentElement","forEach","tagName","toLowerCase","getAttribute","setAttribute","globalModalManager","constructor","this","modals","styleBackup","_findModalIndex","ariaHiddenChildren","length","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","document","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","pop","modalIndex","modalDescriptor","elements","removeAttribute","setProperty","isTopModal","index","idx","ownerDocument","children","isOpen","onBackdropClick","backdropVariant","modalManager","backdropRef","useModal","useRef","getModal","current","useEffect","Layer","_jsxs","baseStyle"],"mappings":"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"}

package/amd/NavigationListItem-a60f2a16.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_NavigationList/themes/NavigationListStyles.css', './utils/PRIVATE_collectionUtils', './utils/UNSAFE_mergeProps', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useCurrentKey', './UNSAFE_Text', './hooks/UNSAFE_usePress', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useComponentTheme', 'preact', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_interpolations/flexitem', './UNSAFE_NavigationList/themes/redwood/NavigationListItemTheme', './flexitem-b78956a6', './classNames-e60cc88e', './Text-cf5ce408'], (function(e,t,n,s,i,o,r,l,a,c,u,d,m,y,v,g,h,C,f,S){"use strict";const p=y.createContext(null);const R=e=>{const t=n.useRef(!0);t.current&&(t.current=!1,e())},b=v.mergeInterpolations([...Object.values(C.flexitemInterpolations)]),{class:N,...A}=b({alignSelf:"center"}),x="oj-c-navigationlist-item",F="."+x;function E({itemRef:e,itemKey:t}){const{onSelectionChange:s,selection:i,currentKey:r,showFocusRing:l,containsActiveElement:a,firstItemRenderedKey:u,onCurrentKeyChange:y}=n.useContext(p),v=r===t;R((()=>{void 0===r&&u&&void 0===u.current&&(u.current=t)}));const g=i===t,{interactionProps:C,applyPseudoHoverStyle:S,applyHoverStyle:b,applyActiveStyle:F}=d.useInteractionStyle(),{classes:E,styles:{labelContainerClasses:K}}=m.useComponentTheme(h.NavigationListItemRedwoodTheme,{focusRing:l?"isFocusRing":"notFocusRing",current:v?"isCurrent":"notCurrtent",selected:g?"isSelected":"notSelected",hybridHover:b?"isHybridHover":"notHybridHover",pseudoHover:S?"isPseudoHover":"notPseudoHover",active:F?"isActive":"notActive"});n.useLayoutEffect((()=>{a?.()&&v&&e?.current?.focus()}),[v,a]);const{pressProps:I}=c.usePress((()=>{s?.({value:t})})),P={onFocus:()=>{void 0===r&&y({value:t})}};return{itemHandlers:o.mergeProps(C,I,P),itemClasses:f.classNames([E,x]),isItemFocusable:!!(v||u?.current===t&&void 0===r),isSelected:g,labelContainerClasses:f.classNames([K,N]),labelContainerStyle:A}}e.NavigationList=function({children:e,selection:a,onSelectionChange:c,"aria-label":u,"aria-labelledby":d}){const m=n.useRef(null),{firstItemRenderedKey:y,showFocusRing:v,currentKey:g,onCurrentKeyChange:h,containsActiveElement:C,containerHandlers:f}=function({containerRef:e,selection:t}){const s=n.useRef(),[a,c]=n.useState(t),u=n.useCallback((({value:e})=>{c(e)}),[]),{currentKeyProps:d}=l.useCurrentKey((e=>i.keyExtractor(e,F)),!1,i.getPrevNextKey(e.current,a,!0,F),i.getPrevNextKey(e.current,a,!1,F),void 0,void 0,a,u),[m,y]=r.useCollectionFocusRing((t=>!!e.current?.contains(t)),["ArrowUp","ArrowDown"]);return{firstItemRenderedKey:s,showFocusRing:m,currentKey:a,onCurrentKeyChange:u,containsActiveElement:n.useCallback((()=>!!e?.current?.contains(document.activeElement)),[]),containerHandlers:o.mergeProps(y,d)}}({containerRef:m,selection:a});return t.jsx("ul",{"aria-label":u,"aria-labelledby":d,role:"listbox",ref:m,tabIndex:e?-1:0,...f,class:s.navigationListStyles.uListStyle,children:t.jsx(p.Provider,{value:{selection:a,onSelectionChange:c,onCurrentKeyChange:h,currentKey:g,showFocusRing:v,containsActiveElement:C,firstItemRenderedKey:y},children:e})})},e.NavigationListItem=function({itemKey:e,label:s}){const i=n.useRef(null),{isItemFocusable:o,itemHandlers:r,itemClasses:l,isSelected:a,labelContainerClasses:c,labelContainerStyle:u}=E({itemRef:i,itemKey:e});return t.jsx("li",{role:"option",...r,"data-oj-key":e,class:l,tabIndex:o?0:-1,"aria-selected":a,ref:i,children:s&&t.jsx("span",{class:c,style:u,children:t.jsx(S.Text,{size:"inherit",weight:"inherit",variant:"inherit",children:s})})})}}));
+//# sourceMappingURL=NavigationListItem-a60f2a16.js.map

package/amd/NavigationListItem-a60f2a16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationListItem-a60f2a16.js","sources":["../../src/UNSAFE_NavigationList/NavigationListContext.ts","../../src/UNSAFE_NavigationList/useNavigationListItem.ts","../../src/UNSAFE_NavigationList/useNavigationListContext.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationList';\nimport { MutableRefObject } from 'preact/compat';\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  containsActiveElement: () => boolean;\n  firstItemRenderedKey?: MutableRefObject<K | undefined>;\n  onCurrentKeyChange: Required<NavigationListProps<K>>['onSelectionChange'];\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","import { useLayoutEffect, MutableRef, useRef } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\n\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from './themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\n\n//Little hook to run some function before first render\nexport const useWillMount = (callback: () => void) => {\n  const willMount = useRef(true);\n\n  if (willMount.current) {\n    willMount.current = false;\n    callback();\n  }\n};\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\n// default style class for items in NavigationList\nexport const ITEM_STYLE_CLASS = 'oj-c-navigationlist-item';\nexport const ITEM_SELECTOR = '.' + ITEM_STYLE_CLASS;\n\nexport function useNavigationListItem<K extends string | number>({\n  itemRef,\n  itemKey\n}: {\n  itemRef: MutableRef<HTMLLIElement>;\n  itemKey: K;\n}) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    containsActiveElement,\n    firstItemRenderedKey,\n    onCurrentKeyChange\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  useWillMount(() => {\n    if (\n      currentKey === undefined &&\n      firstItemRenderedKey &&\n      firstItemRenderedKey.current === undefined\n    ) {\n      firstItemRenderedKey.current = itemKey;\n    }\n  });\n\n  const isSelected = selection === itemKey;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const {\n    classes: listItemClasses,\n    styles: { labelContainerClasses }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive'\n    }\n  );\n\n  useLayoutEffect(() => {\n    //We just focus the item if the container is the active element\n    if (containsActiveElement?.() && isCurrent) {\n      itemRef?.current?.focus();\n    }\n  }, [isCurrent, containsActiveElement]);\n\n  //Item handlers\n  const handlePress = () => {\n    onSelectionChange?.({ value: itemKey as K });\n  };\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  // We have to update current key if there no initial selection\n  const onFocus = () => {\n    if (currentKey === undefined) {\n      onCurrentKeyChange({ value: itemKey as K });\n    }\n  };\n\n  const onFocusProps = { onFocus };\n\n  return {\n    itemHandlers: mergeProps(interactionProps, pressProps, onFocusProps),\n    itemClasses: classNames([listItemClasses, ITEM_STYLE_CLASS]),\n    isItemFocusable:\n      isCurrent || (firstItemRenderedKey?.current === itemKey && currentKey === undefined)\n        ? true\n        : false,\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { ComponentChildren } from 'preact';\nimport { MutableRef, useRef } from 'preact/hooks';\n\nimport { NavigationListContext } from './NavigationListContext';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { useNavigationList } from './useNavigationList';\n\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListProps<K extends string | number> = {\n  /**\n   * A set of NavigationListItem(s) that NavigationList will hold\n   */\n  children: ComponentChildren;\n  /**\n   * Key of the selected item.\n   */\n  selection?: K;\n  /**\n   * Callback function to handle when selection has changed\n   */\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-label'?: string;\n\n  /**\n   * Specifies some a relation between navigationList and other element. Based on this specifies some\n   * screen reader text. Set it to create an accesible navigationList.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport function NavigationList<K extends string | number>({\n  children,\n  selection,\n  onSelectionChange,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelLedBy\n}: NavigationListProps<K>) {\n  const containerRef = useRef<HTMLUListElement>(null);\n\n  const {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers\n  } = useNavigationList({\n    containerRef: containerRef as MutableRef<HTMLUListElement>,\n    selection\n  });\n\n  return (\n    <ul\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelLedBy}\n      role=\"listbox\"\n      ref={containerRef}\n      tabIndex={children ? -1 : 0}\n      {...containerHandlers}\n      class={navigationListStyles.uListStyle}>\n      <NavigationListContext.Provider\n        value={{\n          selection,\n          onSelectionChange,\n          onCurrentKeyChange,\n          currentKey,\n          showFocusRing,\n          containsActiveElement,\n          firstItemRenderedKey\n        }}>\n        {children}\n      </NavigationListContext.Provider>\n    </ul>\n  );\n}\n","import { useState, useCallback, MutableRef, useRef } from 'preact/hooks';\n\nimport { keyExtractor, getPrevNextKey } from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { ITEM_SELECTOR } from './useNavigationListItem';\n\nimport { NavigationListContextProps } from './NavigationListContext';\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\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}: {\n  containerRef: MutableRef<HTMLUListElement>;\n  selection?: K;\n}) {\n  //Ref used to track if the first item was already rendered\n  const firstItemRenderedKey = useRef<K>();\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback(({ value }: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKey(containerRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(containerRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!containerRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  const containsActiveElement = useCallback(() => {\n    return !!containerRef?.current?.contains(document.activeElement);\n  }, []);\n\n  return {\n    firstItemRenderedKey,\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    containsActiveElement,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps)\n  };\n}\n","import { useRef, MutableRef } from 'preact/hooks';\n\nimport { Text } from '../UNSAFE_Text';\n\nimport { useNavigationListItem } from './useNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = {\n  /**\n   * Key of the NavigationListItem\n   */\n  itemKey: K;\n  /**\n   * Label of the NavigationListItem\n   */\n  label?: string;\n};\n\n/*TODO: JET-58535. Add ripple effect when touching navigationListItem. */\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label\n}: NavigationListItemProps<K>) {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n\n  //Logic of the component handled here\n  const {\n    isItemFocusable,\n    itemHandlers,\n    itemClasses,\n    isSelected,\n    labelContainerClasses,\n    labelContainerStyle\n  } = useNavigationListItem({\n    itemRef: itemRef as MutableRef<HTMLLIElement>,\n    itemKey\n  });\n\n  return (\n    <li\n      role=\"option\"\n      {...itemHandlers}\n      data-oj-key={itemKey}\n      class={itemClasses}\n      tabIndex={isItemFocusable ? 0 : -1}\n      aria-selected={isSelected}\n      ref={itemRef}>\n      {label && (\n        <span class={labelContainerClasses} style={labelContainerStyle}>\n          <Text size=\"inherit\" weight=\"inherit\" variant=\"inherit\">\n            {label}\n          </Text>\n        </span>\n      )}\n    </li>\n  );\n}\n"],"names":["NavigationListContext","createContext","useWillMount","callback","willMount","useRef","current","flexItemStyleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","labelContainerFlexItemClasses","labelContainerFlexItemStyle","alignSelf","ITEM_STYLE_CLASS","ITEM_SELECTOR","useNavigationListItem","itemRef","itemKey","onSelectionChange","selection","currentKey","showFocusRing","containsActiveElement","firstItemRenderedKey","onCurrentKeyChange","useContext","isCurrent","undefined","isSelected","interactionProps","applyPseudoHoverStyle","applyHoverStyle","applyActiveStyle","useInteractionStyle","classes","listItemClasses","styles","labelContainerClasses","useComponentTheme","NavigationListItemRedwoodTheme","focusRing","selected","hybridHover","pseudoHover","active","useLayoutEffect","focus","pressProps","usePress","value","onFocusProps","onFocus","itemHandlers","mergeProps","itemClasses","classNames","isItemFocusable","labelContainerStyle","children","ariaLabel","ariaLabelLedBy","containerRef","containerHandlers","setCurrentKey","useState","useCallback","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","elem","contains","document","activeElement","useNavigationList","_jsx","role","ref","tabIndex","navigationListStyles","uListStyle","Provider","label","jsx","style","Text","size","weight","variant"],"mappings":"8pBA4BA,MAAMA,EAAwBC,EAAaA,cAA8C,MCTlF,MAAMC,EAAgBC,IAC3B,MAAMC,EAAYC,UAAO,GAErBD,EAAUE,UACZF,EAAUE,SAAU,EACpBH,IACD,EAGGI,EAA8BC,EAAAA,oBAAmC,IAClEC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAkCC,GAC/CP,EAA4B,CAC1BQ,UAAW,WAIFC,EAAmB,2BACnBC,EAAgB,IAAMD,WAEnBE,GAAiDC,QAC/DA,EAAOC,QACPA,IAKA,MAAMC,kBACJA,EAAiBC,UACjBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,sBACbA,EAAqBC,qBACrBA,EAAoBC,mBACpBA,GCrCKC,EAAAA,WAAW5B,GDyCZ6B,EAAYN,IAAeH,EAEjClB,GAAa,UAEM4B,IAAfP,GACAG,QACiCI,IAAjCJ,EAAqBpB,UAErBoB,EAAqBpB,QAAUc,EAChC,IAGH,MAAMW,EAAaT,IAAcF,GAG3BY,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,EAAeC,iBAAEA,GAChEC,EAAAA,uBAGAC,QAASC,EACTC,QAAQC,sBAAEA,IACRC,EAAiBA,kBACnBC,iCACA,CACEC,UAAWnB,EAAgB,cAAgB,eAC3ClB,QAASuB,EAAY,YAAc,cACnCe,SAAUb,EAAa,aAAe,cACtCc,YAAaX,EAAkB,gBAAkB,iBACjDY,YAAab,EAAwB,gBAAkB,iBACvDc,OAAQZ,EAAmB,WAAa,cAI5Ca,EAAAA,iBAAgB,KAEVvB,OAA6BI,GAC/BV,GAASb,SAAS2C,OACnB,GACA,CAACpB,EAAWJ,IAGf,MAMMyB,WAAEA,GAAeC,EAAQA,UANX,KAClB9B,IAAoB,CAAE+B,MAAOhC,GAAe,IAcxCiC,EAAe,CAAEC,QANP,UACKxB,IAAfP,GACFI,EAAmB,CAAEyB,MAAOhC,GAC7B,GAKH,MAAO,CACLmC,aAAcC,EAAUA,WAACxB,EAAkBkB,EAAYG,GACvDI,YAAaC,EAAUA,WAAC,CAACpB,EAAiBtB,IAC1C2C,mBACE9B,GAAcH,GAAsBpB,UAAYc,QAA0BU,IAAfP,GAG7DQ,aACAS,sBAAuBkB,EAAUA,WAAC,CAAClB,EAAuB3B,IAC1D+C,oBAAqB9C,EAEzB,4BExF0D+C,SACxDA,EAAQvC,UACRA,EAASD,kBACTA,EACA,aAAcyC,EACd,kBAAmBC,IAEnB,MAAMC,EAAe3D,SAAyB,OAExCqB,qBACJA,EAAoBF,cACpBA,EAAaD,WACbA,EAAUI,mBACVA,EAAkBF,sBAClBA,EAAqBwC,kBACrBA,aCpCyDD,aAC3DA,EAAY1C,UACZA,IAMA,MAAMI,EAAuBrB,EAAAA,UACtBkB,EAAY2C,GAAiBC,EAAQA,SAAgB7C,GAEtDK,EAAqByC,EAAAA,aAAY,EAAGhB,YACxCc,EAAcd,EAAM,GACnB,KAEGiB,gBAAEA,GAAoBC,iBACzBC,GAAYC,EAAYA,aAACD,EAAStD,KACnC,EACAwD,iBAAeT,EAAa1D,QAASiB,GAAY,EAAMN,GACvDwD,EAAAA,eAAeT,EAAa1D,QAASiB,GAAY,EAAON,QACxDa,OACAA,EACAP,EACAI,IAGKH,EAAekD,GAAkBC,EAAsBA,wBAC3DC,KACUZ,EAAa1D,SAASuE,SAASD,IAE1C,CAAC,UAAW,cAOd,MAAO,CACLlD,uBACAF,gBACAD,aACAI,qBACAF,sBAT4B2C,EAAAA,aAAY,MAC/BJ,GAAc1D,SAASuE,SAASC,SAASC,gBACjD,IAQDd,kBAAmBT,EAAAA,WAAWkB,EAAgBL,GAElD,CDRMW,CAAkB,CACpBhB,aAAcA,EACd1C,cAGF,OACE2D,MACc,KAAA,CAAA,aAAAnB,oBACKC,EACjBmB,KAAK,UACLC,IAAKnB,EACLoB,SAAUvB,GAAY,EAAI,KACtBI,EACJrD,MAAOyE,EAAoBA,qBAACC,oBAC5BL,EAAAA,IAACjF,EAAsBuF,SAAQ,CAC7BnC,MAAO,CACL9B,YACAD,oBACAM,qBACAJ,aACAC,gBACAC,wBACAC,wBACDmC,SACAA,KAIT,iCEjE8DzC,QAC5DA,EAAOoE,MACPA,IAEA,MAAMrE,EAAUd,SAA6B,OAGvCsD,gBACJA,EAAeJ,aACfA,EAAYE,YACZA,EAAW1B,WACXA,EAAUS,sBACVA,EAAqBoB,oBACrBA,GACE1C,EAAsB,CACxBC,QAASA,EACTC,YAGF,OACE6D,EAAAQ,IAAA,KAAA,CACEP,KAAK,YACD3B,EAAY,cACHnC,EACbR,MAAO6C,EACP2B,SAAUzB,EAAkB,GAAK,EAClB,gBAAA5B,EACfoD,IAAKhE,EAAO0C,SACX2B,GACCP,EAAAQ,IAAA,OAAA,CAAM7E,MAAO4B,EAAuBkD,MAAO9B,EAAmBC,SAC5DoB,EAAAA,IAACU,EAAIA,MAACC,KAAK,UAAUC,OAAO,UAAUC,QAAQ,UAC3CjC,SAAA2B,OAMb"}

package/amd/NumberInputText-8d0c8737.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './hooks/UNSAFE_useFocusableTextField', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useTextField', './UNSAFE_Label', './hooks/UNSAFE_usePrefixSuffix', './UNSAFE_TextField', './UNSAFE_UserAssistance', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useToggle', './UNSAFE_IconButton', './PRIVATE_ThemedIcons/IncrementIcon', './PRIVATE_ThemedIcons/DecrementIcon', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './index-c76e9b48', './index-07ee1ee0', './IconButton-2a614b4c', './UNSAFE_Grid', './hooks/UNSAFE_useCurrentValueReducer', './Label-346a6ca9', './ReadonlyTextFieldInput-364370c8', './TextFieldInput-95eff25b', './clientHints-44591878'], (function(e,s,n,t,i,r,a,o,l,u,d,c,p,b,x,f,v,h,S,m,F,A,y,T,C,D,E,R,U){"use strict";function g({direction:e,isDisabled:n,onStep:i,variant:r}){const a=m.useTranslationBundle("@oracle/oraclejet-preact"),o=a.inputNumber_increase(),l=a.inputNumber_decrease(),u="increase"===e?o:l,d=t.useCallback((()=>{i?.({direction:e})}),[i,e]),c="arrowup"===r?s.jsx(F.SvgChevronUp,{}):s.jsx(A.SvgChevronDown,{});return s.jsx(S.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx(y.IconButton,{isDisabled:n,tooltip:u,onAction:d,variant:"borderless",children:c})})}function w({children:e}){return s.jsx(T.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const I=n.forwardRef((({"aria-describedby":e,"aria-valuemax":n,"aria-valuemin":u,"aria-valuenow":b,"aria-valuetext":f,assistiveText:v,autoComplete:h="off",autoFocus:S=!1,helpSourceLink:m,helpSourceText:F,isDisabled:A,isReadonly:y,isRequired:T=!1,isRequiredShown:U,isStepDownDisabled:I,isStepUpDisabled:j,hasSteppers:P=!1,label:_,labelEdge:N,labelStartWidth:L,messages:V,placeholder:B,prefix:H,suffix:q,textAlign:M,userAssistanceDensity:K,value:W,variant:G="default",virtualKeyboard:z,onInput:J,onCommit:O,onSpin:Q,onSpinComplete:X,onStep:Y},Z)=>{const{currentCommitValue:$,dispatch:ee}=C.useCurrentValueReducer({value:W}),se=t.useCallback((e=>{ee({type:"input",payload:e.value}),J?.(e)}),[J,ee]),ne=t.useCallback((e=>{ee({type:"commit",payload:e.value}),O?.(e)}),[O,ee]),{isDisabled:te,isReadonly:ie,labelEdge:re,labelStartWidth:ae,textAlign:oe,userAssistanceDensity:le}=r.useFormContext(),ue=A??te,de=y??ie,ce=N??re,pe=L??ae,be=M??oe,xe=K??le,{enabledElementRef:fe,focusProps:ve,isFocused:he,readonlyElementRef:Se}=i.useFocusableTextField({isDisabled:ue,isReadonly:de,ref:Z}),{hoverProps:me}=o.useHover({isDisabled:de||ue||!1}),{baseId:Fe,formFieldContext:Ae,inputProps:ye,labelProps:Te,textFieldProps:Ce,userAssistanceProps:De}=l.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:F,isDisabled:ue,isFocused:he,isReadonly:de,isRequiredShown:U,labelEdge:ce,messages:V,styleVariant:G,userAssistanceDensity:xe,value:W}),Ee=ue||I,Re=ue||j,{steppers:Ue,stepHandlerProps:ge}=(({hasSteppers:e,inputRef:n,isStepDownDisabled:i,isStepUpDisabled:r,onSpin:a,onSpinComplete:o,onStep:l})=>{const{bool:u,setTrue:d,setFalse:c}=x.useToggle(!1),{bool:p,setTrue:b,setFalse:f}=x.useToggle(!1),v=t.useRef(null),h=t.useRef(null),S=t.useRef("increase"),m=t.useRef(!1),F=t.useCallback((e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),e.stopPropagation(),u||"ArrowDown"===e.key&&i||"ArrowUp"===e.key&&r||(S.current="ArrowDown"===e.key?"decrease":"increase",d(),l?.({direction:S.current})))}),[u,l,i,r,d]),A=t.useCallback((e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(p&&(m.current=!0),c(),f(),e.stopPropagation())}),[p,c,f]);t.useEffect((()=>(u&&!v.current&&(v.current=setTimeout((()=>{b()}),500)),()=>{v.current&&(clearTimeout(v.current),v.current=null)})),[u,b]),t.useEffect((()=>(p?h.current||(h.current=setInterval((()=>{"increase"===S.current&&r||"decrease"===S.current&&i?(f(),m.current=!0):a?.({direction:S.current})}),40)):h.current&&(clearInterval(h.current),h.current=null),()=>{h.current&&(clearInterval(h.current),h.current=null)})),[p,i,r,a,f]),t.useEffect((()=>{!p&&m.current&&(m.current=!1,o?.())}),[p,o]);const y=t.useCallback((e=>{n.current?.focus(),l?.(e)}),[l,n]),T=t.useCallback((e=>{e.preventDefault(),e.stopPropagation()}),[]);return{steppers:e?s.jsxs(w,{children:[s.jsx("div",{onMouseDown:e=>i&&T(e),"aria-hidden":"true",children:s.jsx(g,{direction:"decrease",isDisabled:i,onStep:y,variant:"arrowdown"})}),s.jsx("div",{onMouseDown:e=>r&&T(e),"aria-hidden":"true",children:s.jsx(g,{direction:"increase",isDisabled:r,onStep:y,variant:"arrowup"})})]}):void 0,stepHandlerProps:e?{onKeyDown:F,onKeyUp:A}:{}}})({hasSteppers:P,inputRef:fe,isStepDownDisabled:Ee,isStepUpDisabled:Re,onSpin:Q,onSpinComplete:X,onStep:Y}),{renderedPrefix:we,renderedSuffix:Ie,text:ke,ariaLabelledBy:je}=d.usePrefixSuffix({baseId:Fe,hasEndContent:void 0!==Ue,hasInsideLabel:void 0!==_&&"inside"===ce,hasStartContent:!1,hasValue:Ae.hasValue,isDisabled:ue,isFocused:he,labelId:Te.id,prefix:H,suffix:q,value:W}),Pe="none"!==ce?s.jsx(D.Label,{...Te,children:_}):void 0,_e={label:"none"!==ce?Pe:void 0,labelEdge:"none"!==ce?ce:void 0,labelStartWidth:"none"!==ce?pe:void 0},Ne="none"===ce?_:void 0,Le="efficient"===xe||"reflow"===xe?ue||de?"efficient"!==xe?void 0:s.jsx(p.InlineUserAssistance,{userAssistanceDensity:xe,...De}):s.jsx(p.InlineUserAssistance,{assistiveText:v,fieldLabel:_,helpSourceLink:m,helpSourceText:F,messages:V,isRequiredShown:U,userAssistanceDensity:xe,...De}):void 0,Ve=t.useRef(null),Be="compact"===xe?s.jsx(p.CompactUserAssistance,{anchorRef:Ve,messages:V,assistiveText:v,...De}):void 0;if(de)return s.jsx(a.FormFieldContext.Provider,{value:Ae,children:s.jsx(c.ReadonlyTextField,{role:"presentation",compactUserAssistance:Be,inlineUserAssistance:Le,onBlur:ve.onfocusout,onFocus:ve.onfocusin,ref:Ve,..._e,children:s.jsx(E.ReadonlyTextFieldInput,{"aria-describedby":ye["aria-describedby"],"aria-label":Ne,"aria-labelledby":Te.id,as:"div",autoFocus:S,elementRef:Se,textAlign:be,value:ke,hasEmptyLabel:""===_&&"none"===ce,hasInsideLabel:void 0!==_&&"inside"===ce})})});const He=void 0===b||b.toString()!==f?f:void 0,qe=s.jsxs(s.Fragment,{children:[we,s.jsx(R.TextFieldInput,{"aria-labelledby":je,"aria-label":Ne,"aria-valuemax":n,"aria-valuemin":u,"aria-valuenow":b,"aria-valuetext":He,autoComplete:h,autoFocus:S,currentCommitValue:$,hasEmptyLabel:""===_&&"none"===ce,hasEndContent:void 0!==Ue,hasInsideLabel:void 0!==Pe&&"inside"===ce,hasPrefix:void 0!==we,hasStartContent:!1,hasSuffix:void 0!==Ie,inputRef:fe,isRequired:T,placeholder:B,role:P?"spinbutton":void 0,textAlign:be,type:k()?z:void 0,value:ue?ke:W,onCommit:ne,onInput:se,...ye,...ge}),Ie]});return s.jsx(a.FormFieldContext.Provider,{value:Ae,children:s.jsx(c.TextField,{endContent:Ue,compactUserAssistance:Be,inlineUserAssistance:Le,mainContent:qe,onBlur:ve.onfocusout,onFocus:ve.onfocusin,mainFieldRef:Ve,...Ce,..._e,...me})})}));function k(){const e=U.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=I}));
+//# sourceMappingURL=NumberInputText-8d0c8737.js.map

package/amd/NumberInputText-8d0c8737.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputText-8d0c8737.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { BundleType } from '../resources/nls/bundle';\nimport { IncrementIcon } from '../PRIVATE_ThemedIcons/IncrementIcon';\nimport { DecrementIcon } from '../PRIVATE_ThemedIcons/DecrementIcon';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useCallback } from 'preact/hooks';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * Variants representing different icons for the button.\n   */\n  variant: 'arrowup' | 'arrowdown';\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, variant }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  const icon = variant === 'arrowup' ? <IncrementIcon /> : <DecrementIcon />;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <IconButton\n        isDisabled={isDisabled}\n        tooltip={label}\n        onAction={handleClick}\n        variant=\"borderless\">\n        {icon}\n      </IconButton>\n    </TabbableModeContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Ref, useCallback, useEffect, useRef } from 'preact/hooks';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\n\nconst SPIN_DELAY = 500;\nconst SPIN_INTERVAL = 40;\n\nexport type StepDirection = 'increase' | 'decrease';\n\nexport type StepEvent = {\n  /**\n   * The direction of the requested step.\n   */\n  direction: StepDirection;\n};\n\ntype Props = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a single step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns A JSX element which can be placed in the endContent of NumberInputText.\n */\nexport const useSteppers = ({\n  hasSteppers,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { bool: isStarted, setTrue: setStartedTrue, setFalse: setStartedFalse } = useToggle(false);\n  const {\n    bool: isSpinning,\n    setTrue: setSpinningTrue,\n    setFalse: setSpinningFalse\n  } = useToggle(false);\n  const startTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const spinTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const directionRef = useRef<StepDirection>('increase');\n  const spinCompleteRef = useRef(false);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!(event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n        return;\n      }\n      // By default, pressing the arrow keys moves the cursor to the\n      // beginning or end which we don't want, so call preventDefault.\n      // We also want to stop propagation of handled events.\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isStarted) {\n        // If already started, ignore repeated key down events.\n        return;\n      }\n      if (\n        (event.key === 'ArrowDown' && isStepDownDisabled) ||\n        (event.key === 'ArrowUp' && isStepUpDisabled)\n      ) {\n        // If requested step is disabled, return.\n        return;\n      }\n      directionRef.current = event.key === 'ArrowDown' ? 'decrease' : 'increase';\n      setStartedTrue();\n      // Do an initial step, which is what oj-input-number did as well.\n      onStep?.({ direction: directionRef.current });\n    },\n    [isStarted, onStep, isStepDownDisabled, isStepUpDisabled, setStartedTrue]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        if (isSpinning) {\n          // Only want to call onSpinComplete if we were actually spinning.\n          spinCompleteRef.current = true;\n        }\n        setStartedFalse();\n        setSpinningFalse();\n        event.stopPropagation();\n      }\n    },\n    [isSpinning, setStartedFalse, setSpinningFalse]\n  );\n\n  useEffect(() => {\n    if (isStarted && !startTimerRef.current) {\n      startTimerRef.current = setTimeout(() => {\n        setSpinningTrue();\n      }, SPIN_DELAY);\n    }\n    return () => {\n      // Clean up between renders.\n      if (startTimerRef.current) {\n        clearTimeout(startTimerRef.current);\n        startTimerRef.current = null;\n      }\n    };\n  }, [isStarted, setSpinningTrue]);\n\n  useEffect(() => {\n    if (!isSpinning) {\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    } else {\n      if (!spinTimerRef.current) {\n        spinTimerRef.current = setInterval(() => {\n          // If further spinning is disabled, call setSpinningFalse to\n          // clean up the timer otherwise repeat the step.\n          if (\n            (directionRef.current === 'increase' && isStepUpDisabled) ||\n            (directionRef.current === 'decrease' && isStepDownDisabled)\n          ) {\n            setSpinningFalse();\n            spinCompleteRef.current = true;\n          } else {\n            onSpin?.({ direction: directionRef.current });\n          }\n        }, SPIN_INTERVAL);\n      }\n    }\n    return () => {\n      // Clean up between renders.\n      if (spinTimerRef.current) {\n        clearInterval(spinTimerRef.current);\n        spinTimerRef.current = null;\n      }\n    };\n  }, [isSpinning, isStepDownDisabled, isStepUpDisabled, onSpin, setSpinningFalse]);\n\n  // Only want to run this effect when isSpinning is false and our ref is true.\n  // This helps guarantee onSpinComplete is only called once after spinning stops,\n  // even if onSpinComplete's identity is changing.\n  useEffect(() => {\n    if (!isSpinning && spinCompleteRef.current) {\n      spinCompleteRef.current = false;\n      onSpinComplete?.();\n    }\n  }, [isSpinning, onSpinComplete]);\n\n  const handleClick = useCallback(\n    (event: StepEvent) => {\n      // When a step button is clicked, set focus to the input.\n      inputRef.current?.focus();\n      onStep?.(event);\n    },\n    [onStep, inputRef]\n  );\n\n  const handleDisabledMouseDown = useCallback((event: Event) => {\n    // Using preventDefault prevents focus from moving to the body when a disabled stepper is clicked.\n    // FIXME: can we handle this use case more generally at the startContent/endContent level in TextFieldContent?\n    event.preventDefault();\n    event.stopPropagation();\n  }, []);\n\n  const steppers = hasSteppers ? (\n    <Steppers>\n      <div onMouseDown={(e) => isStepDownDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"decrease\"\n          isDisabled={isStepDownDisabled}\n          onStep={handleClick}\n          variant=\"arrowdown\"\n        />\n      </div>\n\n      <div onMouseDown={(e) => isStepUpDisabled && handleDisabledMouseDown(e)} aria-hidden=\"true\">\n        <StepButton\n          direction=\"increase\"\n          isDisabled={isStepUpDisabled}\n          onStep={handleClick}\n          variant=\"arrowup\"\n        />\n      </div>\n    </Steppers>\n  ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? { onKeyDown, onKeyUp } : {};\n\n  return { steppers, stepHandlerProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps & {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n  /**\n   * The maximum allowed value. Used for the aria-valuemax attribute.\n   */\n  'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n  /**\n   * The minimum allowed value. Used for the aria-valuemin attribute.\n   */\n  'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n  /**\n   * The number value of the component. Used for the aria-valuenow attribute.\n   */\n  'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\n\n  /**\n   * The formatted value of the component. Used for the aria-valueText\n   * attribute to provide a more human readable text alternative for\n   * aria-valuenow.\n   */\n  'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\n\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n  /**\n   * Dictates component's autocomplete state.\n   * This attribute indicates whether the value of the control can be automatically completed by the browser.\n   * The common values are \"on\" and \"off\".\n   */\n  autoComplete?: TextFieldInputProps['autoComplete'];\n\n  /**\n   * Autofocus specifies whether the component will get focus when the page is loaded.\n   * If it is set to true then the associated component will get input focus when the page is loaded.\n   * Setting this property doesn't set the focus to the component: it tells the browser to focus\n   * to it when the element is inserted in the document.\n   */\n  autoFocus?: TextFieldInputProps['autoFocus'];\n\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n  /**\n   * Specifies whether the component is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies whether the component is readonly.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Specifies for accessibility purposes whether a value is required.\n   *\n   * Setting this property to <code>false</code> means that a value is not required to be\n   * committed by the user. Setting this property to <code>true</code> means that a value\n   * is required to be committed by the user.\n   */\n  isRequired?: TextFieldInputProps['isRequired'];\n\n  /**\n   * Specifies whether to show an indicator on screen that a value is required, for example\n   * before the user has committed a value.\n   */\n  isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n  /**\n   * Specifies the label associated with the field.\n   */\n  label: string;\n\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n\n  /**\n   * A short hint to display before the user enters a value.\n   */\n  placeholder?: TextFieldInputProps['placeholder'];\n\n  /**\n   * The prefix displays as regular text before the input text, and inline with it.\n   * The prefix is not editable or focusable.\n   */\n  prefix?: string;\n\n  /**\n   * The suffix displays as regular text after the input text, and inline with it.\n   * The suffix is not editable or focusable.\n   */\n  suffix?: string;\n\n  /**\n   * Specifies how to align text within the field.\n   */\n  textAlign?: TextFieldInputProps['textAlign'];\n\n  /**\n   * Specifies the density of the user assistance presentation. It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n\n  /**\n   * The current possibly formatted display value of the component.\n   */\n  value?: TextFieldInputProps['value'];\n\n  /**\n   * The style variant of the component.\n   */\n  variant?: TextFieldInputProps['variant'];\n\n  /**\n   * The type of virtual keyboard to display for entering a value on mobile browsers.\n   * This property has no effect on desktop browsers.\n   */\n  virtualKeyboard?: 'auto' | 'number' | 'text';\n\n  /**\n   * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n   */\n  onCommit?: TextFieldInputProps['onCommit'];\n\n  /**\n   * Callback invoked each time the user changes the value of the field. For example, if the user\n   * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n   * respectively.\n   */\n  onInput: TextFieldInputProps['onInput'];\n};\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { steppers, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: steppers !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: false,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={ariaValueMax}\n          aria-valuemin={ariaValueMin}\n          aria-valuenow={ariaValueNow}\n          aria-valuetext={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={steppers !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={false}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={steppers}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          mainFieldRef={anchorRef}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","variant","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","icon","_jsx","IncrementIcon","jsx","DecrementIcon","TabbableModeContext","Provider","value","isTabbable","children","IconButton","tooltip","onAction","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","steppers","stepHandlerProps","inputRef","bool","isStarted","setTrue","setStartedTrue","setFalse","setStartedFalse","useToggle","isSpinning","setSpinningTrue","setSpinningFalse","startTimerRef","useRef","spinTimerRef","directionRef","spinCompleteRef","onKeyDown","event","key","preventDefault","stopPropagation","current","onKeyUp","useEffect","setTimeout","clearTimeout","setInterval","clearInterval","focus","handleDisabledMouseDown","_jsxs","onMouseDown","e","undefined","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","valueText","toString","mainContent","jsxs","_Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","endContent","mainFieldRef","deviceType","getClientHints"],"mappings":"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"}

package/amd/PRIVATE_CheckboxRadioField.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './UNSAFE_Label', './UNSAFE_UserAssistance', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './stringUtils-cb143ff2', './UNSAFE_Theme', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', './CheckboxRadioContext-d3364f97', './Flex-1ffbde86', './utils-ac6bf383', './Label-d7c77d3a', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './InlineHelpSource-c7081ed6', './utils/UNSAFE_classNames', './classNames-2ae809ea', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useTranslationBundle', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './UNSAFE_ComponentMessage', './ComponentMessage-d77077ce', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-0d661f07', './UNSAFE_IconButton', './IconButton-fab89d34', './UNSAFE_BaseButton', './BaseButton-d9df1851', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_has-72ed1986', './utils/PRIVATE_clientHints', './clientHints-0d755236', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-69dfc955', './UNSAFE_Text', './Text-c4aa2975', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-589b39b6', './index-95d915df', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-bd23cf70', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-240f18e2', './MessageFormattingUtils-be099936', './utils/UNSAFE_getLocale', './Message.types-9e800dad', './MessageStartIcon-44fb18a6', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-5c2ccec5', './MessageTimestamp-e6e2e8f9', './MessageUtils-b4c47838', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-eebfec42', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-790dc695', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-2e191ef9', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-23a64394', './UNSAFE_FocusTrap', './FocusTrap-14115cb3', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-b4a009d3', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-88c1945d', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-b7424620', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles2.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d771635a', './utils/UNSAFE_interpolations/flexbox', './flexbox-fe6e1c28', './utils/UNSAFE_interpolations/flexitem', './flexitem-dab4db50'], (function(e,s,o,t,a,n,i,l,r,d,c,m,h,A,F,u,S,U,_,E,p,N,T,y,g,b,x,C,f,I,w,M,R,B,k,P,V,L,v,j,D,H,q,$,W,G,O,z,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,re,de,ce,me,he,Ae,Fe,ue,Se,Ue,_e,Ee,pe,Ne,Te,ye,ge,be,xe,Ce,fe,Ie,we,Me,Re,Be,ke,Pe,Ve,Le,ve,je,De,He,qe,$e,We,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,rs,ds,cs,ms,hs,As,Fs,us,Ss,Us,_s,Es,ps,Ns,Ts,ys,gs,bs,xs,Cs,fs,Is,ws,Ms,Rs,Bs,ks,Ps,Vs,Ls,vs,js,Ds,Hs,qs,$s,Ws,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,ro,co,mo,ho,Ao,Fo,uo,So,Uo,_o,Eo,po,No,To,yo,go,bo,xo,Co,fo,Io,wo,Mo,Ro,Bo,ko,Po,Vo){"use strict";var Lo="CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60",vo="CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61";const jo=o.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:n,direction:d="column",hasValue:m,helpSourceLink:h,helpSourceText:_,isDisabled:E,isReadonly:p,isRequired:N,label:T,labelEdge:y,labelStartWidth:g="33%",parentComponentVariant:b,messages:x,userAssistanceDensity:C,role:f,children:I},w=null)=>{const M=!!a||!!h&&!!_,R=!E&&!p,B=o.useRef(null),{groupProps:k,labelProps:P,topUserAssistanceProps:V,bottomUserAssistanceProps:L}=function({ariaDescribedBy:e,baseId:s,hasValue:o,hasTopUserAssistance:t,hasBottomUserAssistance:a,isReadonly:n,isRequired:i=!1,label:d,labelEdge:m,messages:h}){const A=`${s}-group`,F=`${s}-label`,u=t?`${s}-top-ua`:void 0,S=a?`${s}-bottom-ua`:void 0,{UNSAFE_ariaLabelledBy:U}=r.useAccessibleContext(),_=""===d&&"none"===m?U:F,E="error"===l.useMessageSeverity(h);return{groupProps:{"aria-describedby":c.merge([u,S,e]),"aria-labelledby":_,"aria-required":i,...n&&{readonly:!0},...E&&{"aria-invalid":!0},id:A},labelProps:{forId:A,id:F},...t&&{topUserAssistanceProps:{id:u,variant:"reflow"}},...a&&{bottomUserAssistanceProps:{id:S,isRequiredShown:!!i&&!o}}}}({ariaDescribedBy:e,baseId:n,isRequired:N,isReadonly:p,label:T,labelEdge:y,messages:x,hasValue:m,hasTopUserAssistance:M,hasBottomUserAssistance:R});o.useImperativeHandle(w,(()=>({focus:()=>{if(!E){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[v,j]=t.useCollectionFocusRing((e=>!!B.current?.contains(e)),["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]),D=s.jsxs(s.Fragment,{children:[M&&s.jsx("div",{id:`${n}-top-ua-container`,class:"start"===y?vo:Lo,children:s.jsx(i.InlineUserAssistanceContainer,{...V,children:s.jsx(i.InlineHelp,{assistiveText:a,sourceLink:h,sourceText:_})})}),s.jsx(u.Flex,{direction:d,..."row"===d&&{gap:S.xUnits(8)},children:I}),R&&!p&&s.jsx(i.InlineUserAssistance,{...L,requiredAlignment:"start",messages:x,userAssistanceDensity:"reflow"===C?C:"efficient",id:`${n}-bottom-ua-container`})]});return s.jsxs("div",{role:f,ref:B,...k,...j,children:["none"===y&&D,"none"!==y&&s.jsx(A.LabelValueLayout,{parentComponentVariant:b,hasTopUserAssistance:M,label:s.jsx(U.Label,{...P,variant:y,userAssistanceDensity:"efficient",parentComponentVariant:b,children:T}),labelEdge:"inside"===y?"top":y,labelStartWidth:g,children:s.jsx(F.CheckboxRadioContext.Provider,{value:{isFocusRingShown:v},children:D})})]})}));e.CheckboxRadioField=jo,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './hooks/PRIVATE_useCollectionFocusRing', './UNSAFE_Flex', './UNSAFE_Label', './UNSAFE_UserAssistance', './hooks/PRIVATE_useMessageSeverity', './hooks/UNSAFE_useAccessibleContext', './utils/UNSAFE_stringUtils', './stringUtils-7b2298b0', './UNSAFE_Theme', 'css!./CheckboxRadioFieldStyles.styles.css', './UNSAFE_LabelValueLayout', './CheckboxRadioContext-c41d80e2', './Flex-47d4c40c', './utils-8c10b518', './Label-346a6ca9', 'preact/hooks', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-68b0cf28', './_curry2-e9df055f', './InlineHelpSource-7b317904', './utils/UNSAFE_classNames', './classNames-e60cc88e', './hooks/UNSAFE_useTabbableMode', 'preact', './hooks/UNSAFE_useTranslationBundle', './index-6c4e8ae0', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', './UNSAFE_ComponentMessage', './ComponentMessage-cbe34822', './PRIVATE_Message', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-753a461f', './UNSAFE_IconButton', './IconButton-2a614b4c', './UNSAFE_BaseButton', './BaseButton-67395228', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './utils/UNSAFE_mergeInterpolations', './_curry3-76b87f8e', './_has-658ea1d3', './utils/PRIVATE_clientHints', './clientHints-44591878', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-344081df', './UNSAFE_Text', './Text-cf5ce408', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-4a4f829a', './index-0e42ee05', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-ddec2fc0', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-aadd8313', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c2fbd94a', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-b9d6e0d8', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-63fd672e', './MessageFormattingUtils-cfd5d343', './utils/UNSAFE_getLocale', './Message.types-949d0630', './MessageStartIcon-9602ed72', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-3fccb0bd', './MessageTimestamp-dc3db3d6', './MessageUtils-82d253f6', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-52b8bbe3', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-bae24dac', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-f3ebd28c', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-13a2bc13', './UNSAFE_FocusTrap', './FocusTrap-415da5f3', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-e7bf32fd', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-0787c490', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-366ad5da', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './UNSAFE_Radio/themes/redwood/RadioTheme', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-7b07331a', './utils/UNSAFE_interpolations/flexbox', './flexbox-3cfe2632', './utils/UNSAFE_interpolations/flexitem', './flexitem-b78956a6'], (function(e,s,o,t,a,n,i,l,r,c,d,m,h,A,F,u,S,U,_,E,p,N,T,y,g,b,x,C,I,f,w,M,R,B,k,P,V,L,v,j,D,H,q,$,W,G,O,z,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,re,ce,de,me,he,Ae,Fe,ue,Se,Ue,_e,Ee,pe,Ne,Te,ye,ge,be,xe,Ce,Ie,fe,we,Me,Re,Be,ke,Pe,Ve,Le,ve,je,De,He,qe,$e,We,Ge,Oe,ze,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,rs,cs,ds,ms,hs,As,Fs,us,Ss,Us,_s,Es,ps,Ns,Ts,ys,gs,bs,xs,Cs,Is,fs,ws,Ms,Rs,Bs,ks,Ps,Vs,Ls,vs,js,Ds,Hs,qs,$s,Ws,Gs,Os,zs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,ro,co,mo,ho,Ao,Fo,uo,So,Uo,_o,Eo,po,No,To,yo,go,bo,xo,Co,Io,fo,wo,Mo,Ro,Bo,ko,Po,Vo){"use strict";var Lo="CheckboxRadioFieldStyles_topUAContainerStyles_top__j1xru60",vo="CheckboxRadioFieldStyles_topUAContainerStyles_start__j1xru61";const jo=o.forwardRef((({"aria-describedby":e,assistiveText:a,baseId:n,direction:c="column",hasValue:m,helpSourceLink:h,helpSourceText:_,isDisabled:E,isReadonly:p,isRequired:N,label:T,labelEdge:y,labelStartWidth:g="33%",parentComponentVariant:b,messages:x,userAssistanceDensity:C,role:I,children:f},w=null)=>{const M=!!a||!!h&&!!_,R=!E&&!p,B=o.useRef(null),{groupProps:k,labelProps:P,topUserAssistanceProps:V,bottomUserAssistanceProps:L}=function({ariaDescribedBy:e,baseId:s,hasValue:o,hasTopUserAssistance:t,hasBottomUserAssistance:a,isReadonly:n,isRequired:i=!1,label:c,labelEdge:m,messages:h}){const A=`${s}-group`,F=`${s}-label`,u=t?`${s}-top-ua`:void 0,S=a?`${s}-bottom-ua`:void 0,{UNSAFE_ariaLabelledBy:U}=r.useAccessibleContext(),_=""===c&&"none"===m?U:F,E="error"===l.useMessageSeverity(h);return{groupProps:{"aria-describedby":d.merge([u,S,e]),"aria-labelledby":_,"aria-required":i,...n&&{readonly:!0},...E&&{"aria-invalid":!0},id:A},labelProps:{forId:A,id:F},...t&&{topUserAssistanceProps:{id:u,variant:"reflow"}},...a&&{bottomUserAssistanceProps:{id:S,isRequiredShown:!!i&&!o}}}}({ariaDescribedBy:e,baseId:n,isRequired:N,isReadonly:p,label:T,labelEdge:y,messages:x,hasValue:m,hasTopUserAssistance:M,hasBottomUserAssistance:R});o.useImperativeHandle(w,(()=>({focus:()=>{if(!E){const e=B.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{B.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[v,j]=t.useCollectionFocusRing((e=>!!B.current?.contains(e)),["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]),D=s.jsxs(s.Fragment,{children:[M&&s.jsx("div",{id:`${n}-top-ua-container`,class:"start"===y?vo:Lo,children:s.jsx(i.InlineUserAssistanceContainer,{...V,children:s.jsx(i.InlineHelp,{assistiveText:a,sourceLink:h,sourceText:_})})}),s.jsx(u.Flex,{direction:c,..."row"===c&&{gap:S.xUnits(8)},children:f}),R&&!p&&s.jsx(i.InlineUserAssistance,{...L,requiredAlignment:"start",messages:x,userAssistanceDensity:"reflow"===C?C:"efficient",id:`${n}-bottom-ua-container`})]});return s.jsxs("div",{role:I,ref:B,...k,...j,children:["none"===y&&D,"none"!==y&&s.jsx(A.LabelValueLayout,{parentComponentVariant:b,hasTopUserAssistance:M,label:s.jsx(U.Label,{...P,variant:y,userAssistanceDensity:"efficient",parentComponentVariant:b,children:T}),labelEdge:"inside"===y?"top":y,labelStartWidth:g,children:s.jsx(F.CheckboxRadioContext.Provider,{value:{isFocusRingShown:v},children:D})})]})}));e.CheckboxRadioField=jo,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PRIVATE_CheckboxRadioField.js.map