@oracle/oraclejet-preact 19.0.0 → 19.0.2

package/cjs/Message-1153fc51.js

@@ -1,208 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-var Flex = require('./Flex-a6d1c038.js');
-var UNSAFE_MessageBanner_themes_redwood_MessageBannerTheme = require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var timer = require('./timer-c32f7725.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var Close = require('./Close-8eecf245.js');
-var IconButton = require('./IconButton-217314e6.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var PRIVATE_Message_themes_MessageStyles_css = require('./PRIVATE_Message/themes/MessageStyles.css.js');
-var preact = require('preact');
-var MessageFormattingUtils = require('./MessageFormattingUtils-539d75b0.js');
-var MessagesManager = require('./MessagesManager-5f1e36da.js');
-var utils = require('./utils-a66430fc.js');
-
-/**
- * A Component for rendering the message close button
- */
-function MessageCloseButton({ onAction, variant = 'banner' }) {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const renderedButton = (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translations.message_close(), size: "sm", variant: "borderless", onAction: onAction, children: jsxRuntime.jsx(Close.SvgClose, {}) }));
-    // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.
-    const classes = classNames.classNames([PRIVATE_Message_themes_MessageStyles_css.messageCloseButtonStyles.base, PRIVATE_Message_themes_MessageStyles_css.messageCloseButtonStyles[variant]]);
-    // Otherwise, render the close icon
-    return (jsxRuntime.jsx("div", { class: classes, "data-oj-message-close-button": "", children: renderedButton }));
-}
-
-/**
- * Component for rendering custom icon/content for start icon in Message
- */
-function MessageCustomStartIcon({ item, renderer }) {
-    // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.
-    const classes = classNames.classNames([
-        PRIVATE_Message_themes_MessageStyles_css.messageStartIconStyles.base,
-        // for now only toast has support for custom icon
-        PRIVATE_Message_themes_MessageStyles_css.messageStartIconStyles.toast,
-        PRIVATE_Message_themes_MessageStyles_css.messageStartIconStyles.customToast
-    ]);
-    return (jsxRuntime.jsx("div", { class: classes, role: "presentation", "data-oj-message-custom-icon": "", children: renderer(item) }));
-}
-
-/**
- * Default renderer for rendering the detail content.
- *
- * @param item The data item object
- * @returns Rendered detail content
- */
-function defaultDetailRenderer(item) {
-    const { detail } = item.data;
-    // If the detail is null or an empty string, do not render the
-    // content row
-    if (!MessageFormattingUtils.isValidValueForProp(detail)) {
-        return null;
-    }
-    return jsxRuntime.jsx(preact.Fragment, { children: detail });
-}
-/**
- * Detail Component for rendering the detail content of the Message
- */
-function MessageDetail({ item, renderer, variant = 'banner' }) {
-    const isCustomRendered = renderer != null;
-    const renderedContent = (renderer ?? defaultDetailRenderer)(item);
-    if (renderedContent == null)
-        return null;
-    // If detail content is rendered, then wrap it in a div with specified style classes
-    const classes = classNames.classNames([PRIVATE_Message_themes_MessageStyles_css.messageDetailStyles.base, PRIVATE_Message_themes_MessageStyles_css.messageDetailStyles[variant]]);
-    return (jsxRuntime.jsx("div", { class: classes, ...(isCustomRendered ? { 'data-oj-message-custom-detail': '' } : {}), children: renderedContent }));
-}
-
-/**
- * A component that styles the header for the message component
- * @param param0 Props
- * @returns MessageHeader component instance
- */
-function MessageHeader({ children, variant = 'banner' }) {
-    const rootClasses = classNames.classNames([PRIVATE_Message_themes_MessageStyles_css.messageHeaderStyles.base, PRIVATE_Message_themes_MessageStyles_css.messageHeaderStyles[variant]]);
-    return (jsxRuntime.jsx("div", { role: "presentation", class: rootClasses, children: children }));
-}
-
-/**
- * Timestamp Component for rendering timestamp in Message
- */
-function MessageTimestamp({ value, variant = 'banner' }) {
-    // If detail content is rendered, then wrap it in a div with specified style classes
-    // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.
-    const classes = classNames.classNames([PRIVATE_Message_themes_MessageStyles_css.messageTimestampStyles[variant]]);
-    // Otherwise, render the timestamp
-    const formattedTimestamp = MessageFormattingUtils.formatTimestamp(value);
-    return jsxRuntime.jsx("div", { class: classes, children: formattedTimestamp });
-}
-
-/**
- * Determines the base variant of the message - banner or toast
- *
- * @param variant The message variant
- * @returns The base variant
- */
-function getBaseVariant(variant) {
-    if (variant === 'pageBanner' || variant === 'sectionBanner') {
-        return 'banner';
-    }
-    return 'toast';
-}
-/**
- * Determines if a severity icon is needed based on the component severity
- *
- * @param severity The component severity
- * @returns Whether or not to render the severity icon
- */
-function isSeverityIconNeeded(severity) {
-    const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
-    return isValidSeverity && severity !== 'none';
-}
-/**
- * Default timeout duration for autoTimeout in milliseconds
- */
-const MIN_SECONDS = 5;
-const DEFAULT_TIMEOUT = MIN_SECONDS * 1000;
-/**
- * Component that renders an individual message
- */
-function Message({ detailRenderer, iconRenderer, item, onClose, messageRef = () => { }, variant = 'pageBanner' }) {
-    const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;
-    const { autoTimeout = 'off' } = item.data;
-    const baseVariant = getBaseVariant(variant);
-    /**
-     * Handles clicking on the close icon of the message
-     */
-    const handleClose = hooks.useCallback(() => {
-        onClose?.(item);
-    }, [item, onClose]);
-    /**
-     * Handles closing the message on pressing Esc
-     */
-    const handleCloseOnEsc = hooks.useCallback((event) => {
-        // Close the message only when closeAffordance is on
-        if (event.key === 'Escape' && closeAffordance === 'on') {
-            onClose?.(item);
-        }
-    }, [closeAffordance, item, onClose]);
-    /**
-     * Set auto timeout for toast messages
-     */
-    const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';
-    const currentTimerRef = hooks.useRef();
-    const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;
-    const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;
-    const startTimer = hooks.useCallback(() => {
-        if (currentTimerRef.current)
-            return;
-        currentTimerRef.current = new timer.Timer(handleClose, timeoutDuration);
-    }, [handleClose, timeoutDuration]);
-    const clearTimer = hooks.useCallback(() => {
-        if (!currentTimerRef.current)
-            return;
-        currentTimerRef.current.clear();
-        currentTimerRef.current = undefined;
-    }, []);
-    const pauseTimer = hooks.useCallback(() => {
-        currentTimerRef.current?.pause();
-    }, []);
-    const resumeTimer = hooks.useCallback(() => {
-        currentTimerRef.current?.resume();
-    }, []);
-    hooks.useEffect(() => {
-        if (MessageFormattingUtils.isValidValueForProp(sound)) {
-            // It is sufficient to check for the value to be a
-            // non-empty string. The playSound method takes care of the rest.
-            MessagesManager.playSound(sound);
-        }
-        // on mount, start timer for toast messages if needed
-        if (shouldTimeout) {
-            startTimer();
-        }
-        return () => {
-            // clear out any pending timer
-            clearTimer();
-        };
-        // eslint-disable-next-line
-    }, []); // No deps to run this only on mount
-    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_MessageBanner_themes_redwood_MessageBannerTheme.MessageBannerRedwoodTheme, {
-        severity
-    });
-    // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.
-    const rootClasses = classNames.classNames([
-        baseVariant === 'banner' && variantClasses,
-        PRIVATE_Message_themes_MessageStyles_css.messageStyles.base[baseVariant],
-        // for now, we do not have severity based styling on toast. So, we ignore this class for toasts
-        variant !== 'toast' && MessagesManager.severityBasedStyleClass(severity, baseVariant),
-        variant === 'sectionBanner' && PRIVATE_Message_themes_MessageStyles_css.messageStyles.section
-    ]);
-    const contentClasses = classNames.classNames([PRIVATE_Message_themes_MessageStyles_css.messageStyles.content.base, PRIVATE_Message_themes_MessageStyles_css.messageStyles.content[baseVariant]]);
-    // We will be animating the root div, so add padding to an inner wrapper div so that
-    // when animating height looks smooth. If padding were to be added to the root
-    // div, the animation will not be smooth as height will never reach 0 due to the
-    // padding.
-    return (jsxRuntime.jsx("div", { ref: messageRef, class: rootClasses, role: "alert", "aria-atomic": "true", "data-oj-key": `${typeof item.key}-${item.key}`, tabIndex: 0, onKeyUp: handleCloseOnEsc, onFocusIn: pauseTimer, onFocusOut: resumeTimer, children: jsxRuntime.jsxs("div", { class: contentClasses, children: [iconRenderer ? (jsxRuntime.jsx(MessageCustomStartIcon, { item: item, renderer: iconRenderer })) : isSeverityIconNeeded(severity) ? (jsxRuntime.jsx(MessagesManager.MessageStartIcon, { severity: severity, variant: baseVariant })) : null, jsxRuntime.jsxs(Flex.Flex, { direction: "column", flex: "1", gap: utils.xUnits(2), children: [jsxRuntime.jsxs(MessageHeader, { variant: baseVariant, children: [jsxRuntime.jsx(MessagesManager.MessageSummary, { variant: baseVariant, text: summary, role: "heading", "aria-level": 2 }), MessageFormattingUtils.isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (jsxRuntime.jsx(MessageTimestamp, { variant: baseVariant, value: timestamp }))] }), jsxRuntime.jsx(MessageDetail, { variant: baseVariant, item: item, renderer: detailRenderer })] }), closeAffordance === 'on' && (jsxRuntime.jsx(MessageCloseButton, { variant: baseVariant, onAction: handleClose }))] }) }));
-}
-
-exports.Message = Message;
-exports.MessageCloseButton = MessageCloseButton;
-exports.MessageDetail = MessageDetail;
-exports.MessageTimestamp = MessageTimestamp;
-//# sourceMappingURL=Message-1153fc51.js.map

package/cjs/Message-1153fc51.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Message-1153fc51.js","sources":["../../src/PRIVATE_Message/MessageCloseButton.tsx","../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageDetail.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/MessageTimestamp.tsx","../../src/PRIVATE_Message/Message.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 { CloseIcon } from '../PRIVATE_ThemedIcons/CloseIcon';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\nimport { messageCloseButtonStyles } from './themes/MessageStyles.css';\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({ onAction, variant = 'banner' }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const renderedButton = (\n    <IconButton\n      aria-label={translations.message_close()}\n      size=\"sm\"\n      variant=\"borderless\"\n      onAction={onAction}>\n      <CloseIcon />\n    </IconButton>\n  );\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([messageCloseButtonStyles.base, messageCloseButtonStyles[variant]]);\n\n  // Otherwise, render the close icon\n  return (\n    <div class={classes} data-oj-message-close-button=\"\">\n      {renderedButton}\n    </div>\n  );\n}\n\nexport { MessageCloseButton };\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 { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageStartIconStyles } from './themes/MessageStyles.css';\nimport { MessageRendererDataItem } from './Message.types';\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast,\n    messageStartIconStyles.customToast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\" data-oj-message-custom-icon=\"\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\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 { 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  const classes = classNames([messageDetailStyles.base, messageDetailStyles[variant]]);\n  return (\n    <div class={classes} {...(isCustomRendered ? { 'data-oj-message-custom-detail': '' } : {})}>\n      {renderedContent}\n    </div>\n  );\n}\n\nexport { MessageDetail };\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 { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { messageHeaderStyles } from './themes/MessageStyles.css';\nimport { MessageVariant } from './Message.types';\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\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 */\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:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const classes = classNames([messageTimestampStyles[variant]]);\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","/**\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, Ref } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageBannerVariantOptions } from '../UNSAFE_MessageBanner';\nimport { MessageBannerRedwoodTheme } from '../UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\nimport { messageStyles } from './themes/MessageStyles.css';\nimport { xUnits } from '#UNSAFE_Theme';\nimport { Size } from '#utils/UNSAFE_size';\n\n// TODO: Refactor Message Item types\n// \n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\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  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\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 timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\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\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  detailRenderer,\n  iconRenderer,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner'\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const { variantClasses } = useComponentTheme<MessageBannerVariantOptions>(\n    MessageBannerRedwoodTheme,\n    {\n      severity\n    }\n  );\n\n  // TODO:  Refactor to utilize useComponentTheme and multiVariantStyles.\n  const rootClasses = cx([\n    baseVariant === 'banner' && variantClasses,\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      data-oj-key={`${typeof item.key}-${item.key}`}\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onFocusIn={pauseTimer}\n      onFocusOut={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={item} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap={xUnits(2) as Size}>\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} role=\"heading\" aria-level={2} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail variant={baseVariant} item={item} renderer={detailRenderer} />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton variant={baseVariant} onAction={handleClose} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["useTranslationBundle","_jsx","IconButton","CloseIcon","classNames","messageCloseButtonStyles","messageStartIconStyles","isValidValueForProp","Fragment","messageDetailStyles","messageHeaderStyles","messageTimestampStyles","formatTimestamp","useCallback","useRef","Timer","useEffect","playSound","useComponentTheme","MessageBannerRedwoodTheme","cx","messageStyles","severityBasedStyleClass","_jsxs","MessageStartIcon","Flex","xUnits","MessageSummary"],"mappings":"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"}

package/cjs/MonthView-2e74479d.js

@@ -1,221 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var dayUtils = require('./dayUtils-78df6937.js');
-var getFormatParse = require('./getFormatParse-88bacc78.js');
-var logger = require('./logger-2b636482.js');
-var calendarDateUtils = require('./calendarDateUtils-32adc676.js');
-var hooks = require('preact/hooks');
-var StyledDatePickerButton = require('./StyledDatePickerButton-128e2a5d.js');
-var compat = require('preact/compat');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var useCellNavigation = require('./useCellNavigation-24305f7b.js');
-var PRIVATE_MonthView_themes_DayCellStyles_css = require('./PRIVATE_MonthView/themes/DayCellStyles.css.js');
-var useUser = require('./useUser-081e5bd5.js');
-var Grid = require('./Grid-44ca9332.js');
-var PRIVATE_MonthView_themes_redwood_MonthViewTheme = require('./PRIVATE_MonthView/themes/redwood/MonthViewTheme.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var PRIVATE_MonthView_themes_MonthViewContract_css = require('./PRIVATE_MonthView/themes/MonthViewContract.css.js');
-var PRIVATE_MonthView_themes_WeekNumberCellStyle_css = require('./PRIVATE_MonthView/themes/WeekNumberCellStyle.css.js');
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.
- * These include the event handlers for keydown and click.
- */
-const useDayCell = ({ date, dayFormatter = defaultDayFormatter, dateFormatter, isAdjacentMonth, isDisabled, isFocusable, isFocused, isHidden, isReadonly, isSelected, isToday, onAction, onDayFocused, onNavigation }) => {
-    // apply day formatting
-    const { state } = dayFormatter(date);
-    const isDisabledFormat = state === 'disabled';
-    const isRestrictedFormat = state === 'restricted';
-    // Focus the day cell with isFocused true when the state updates.
-    const buttonProps = useCellNavigation.useFocusableCell({ isFocusable, isFocused });
-    // Override onAction to not call it if disabled, readonly or restricted
-    const handleAction = compat.useCallback((payload) => {
-        if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat)
-            return;
-        onAction(payload);
-    }, [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]);
-    const buttonEventHandlers = useCellNavigation.useCellNavigation({
-        navigationMap: {
-            ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },
-            ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },
-            ArrowDown: 'nextWeek',
-            ArrowUp: 'previousWeek',
-            PageDown: 'nextMonth',
-            PageUp: 'previousMonth',
-            Home: 'firstDayOfMonth',
-            End: 'lastDayOfMonth',
-            ShiftPageDown: 'nextYear',
-            ShiftPageUp: 'previousYear',
-            CtrlAltT: 'today'
-        },
-        payload: { date },
-        onAction: handleAction,
-        onNavigation
-    });
-    // JET-73067 (can not set value on first click) - when the currently selected cell is not
-    // in the viewport, the first click on any other cell scrolls that selection into view
-    // instead of selecting it. To fix this, we update the focusableDate onmousedown, before
-    // focus is transferred to MonthView, so that it does not try to focus or scroll to
-    // the previously selected cell.
-    const onMouseDown = compat.useCallback(() => {
-        if (isDisabled || isDisabledFormat || isRestrictedFormat)
-            return;
-        onDayFocused({ date });
-    }, [date, isDisabled, isDisabledFormat, isRestrictedFormat, onDayFocused]);
-    // For accessibility, we want a full date.
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const today = translations.datePicker_today();
-    const selected = translations.datePicker_selected();
-    const restricted = translations.datePicker_restricted();
-    const dateIsoStr = calendarDateUtils.getIsoDateStr(date.year, date.month, date.day);
-    const formattedDate = dateFormatter(dateIsoStr);
-    let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;
-    ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;
-    ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;
-    const dayOfMonth = calendarDateUtils.toJSDate(date.year, date.month, date.day).getDate().toString();
-    return {
-        buttonProps: {
-            'aria-label': ariaLabel,
-            ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {
-                'aria-disabled': true
-            }),
-            isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),
-            isAdjacentMonth,
-            isDimmed: isDisabled || isDisabledFormat,
-            isHidden,
-            isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),
-            isReadonly,
-            isSelected,
-            isRestricted: isRestrictedFormat,
-            isToday,
-            label: dayOfMonth,
-            onMouseDown,
-            ...buttonProps,
-            ...buttonEventHandlers
-        }
-    };
-};
-/**
- * A default day formatter that always formats as enabled state.
- */
-const defaultDayFormatter = () => ({ state: 'enabled' });
-
-/**
- * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.
- * This component will format the date for the aria-label.
- * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.
- */
-const DayCell = (props) => {
-    const { buttonProps } = useDayCell(props);
-    // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states
-    return (jsxRuntime.jsx("div", { role: "gridcell", class: PRIVATE_MonthView_themes_DayCellStyles_css.dayCellStyles, children: jsxRuntime.jsx(StyledDatePickerButton.StyledDatePickerButton, { ...buttonProps }) }));
-};
-
-/**
- * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.
- * https://en.wikipedia.org/wiki/ISO_week_date
- * @param date The first date of the week row to be used to calculate the week number.
- * The date must be a Saturday, Sunday, or Monday. We assume this because the week for
- * all the locales we support start on one of these days.
- * @returns the number of week in the year
- */
-const calculateWeekNumber = (date) => {
-    const checkDate = calendarDateUtils.toJSDate(date.year, date.month, date.day);
-    const dayNumber = checkDate.getUTCDay(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.
-    if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {
-        // This message is for internal JET developers. We should never see this message. In all locales the day of the
-        // week starts on Sunday, Monday or Saturday.
-        logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)
-      since that is the first day of the week for the locale's JET supports.`);
-    }
-    // For ISO week, we set the start of the week to Monday
-    if (dayNumber !== 1) {
-        // If it is already Monday, do nothing.
-        // If it is Sunday (0), add 1 to move it up to Monday.
-        // If it is Saturday (6), move it up two days to Monday.
-        checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));
-    }
-    // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,
-    // we move it up 3 days.
-    checkDate.setUTCDate(checkDate.getUTCDate() + 3);
-    // Create the start of the year date
-    const janFirst = calendarDateUtils.toJSDate(checkDate.getUTCFullYear(), 1, 1);
-    return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;
-};
-/**
- * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's
- * month view that contains the week's number within the year. This displays when
- * the DatePicker's 'weekDisplay' prop is set to 'number'.
- * This component will format the week number for the aria-label.
- */
-const WeekNumberCell = ({ startDateOfWeek }) => {
-    const weekNumber = calculateWeekNumber(startDateOfWeek);
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    return (jsxRuntime.jsx("div", { "aria-label": translations.datePicker_weekNum({ NUM: String(weekNumber) }), class: PRIVATE_MonthView_themes_WeekNumberCellStyle_css.weekNumberCellStyles, role: "rowheader", children: jsxRuntime.jsx("span", { class: PRIVATE_MonthView_themes_WeekNumberCellStyle_css.weekNumberStyles, children: weekNumber }) }));
-};
-
-/**
- * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header
- * abbreviations and the days of the month. A MonthView is used inside of a DatePicker
- * along with the DatePickerHeader and the MonthGridView and YearGridView.
- */
-const MonthView = ({ dayFormatter, daysOutsideMonth = 'hidden', isReadonly = false, max, min, onAction, onDayFocused, onNavigation, selectedDate, focusableDate, isFocused = false, testId, todaysDate, weekDisplay = 'none' }) => {
-    const { locale } = useUser.useUser();
-    const weeksInMonth = dayUtils.getWeeksInMonth(focusableDate.year, focusableDate.month, locale);
-    const { baseTheme, styles } = useComponentTheme.useComponentTheme(PRIVATE_MonthView_themes_redwood_MonthViewTheme.MonthViewRedwoodTheme, {});
-    const isWeekNumberDisplayed = weekDisplay === 'number';
-    const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;
-    const dateFormatter = hooks.useMemo(() => {
-        calendarDateUtils.checkNoCalendarExtension(locale);
-        const dateFormatOptions = {
-            locale,
-            dateStyle: 'full'
-        };
-        const { format } = getFormatParse.getFormatParse(dateFormatOptions);
-        return format;
-    }, [locale]);
-    const renderMonthViewHeaderRow = () => {
-        const weekDays = dayUtils.getDaysOfWeekNames(locale, 'short');
-        return (jsxRuntime.jsx("div", { class: styles.sticky, children: jsxRuntime.jsxs(Grid.Grid, { role: "row", "aria-hidden": "true", gridTemplateColumns: gridTemplateColumns, gap: PRIVATE_MonthView_themes_MonthViewContract_css.monthViewScaleVars.columnGap, children: [isWeekNumberDisplayed && jsxRuntime.jsx("div", { role: "presentation" }), weekDays.map((day) => (jsxRuntime.jsx("div", { role: "columnheader", class: styles.dayOfTheWeek, children: jsxRuntime.jsx("span", { children: day }) })))] }) }));
-    };
-    const renderMonthView = () => {
-        const calendarGrid = [];
-        for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {
-            const startDateOfWeek = dayUtils.getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);
-            const weekDates = dayUtils.getDatesInWeek(weekIndex, startDateOfWeek.year, startDateOfWeek.month, startDateOfWeek.day);
-            const weekCells = weekDates.map((dayCellDate) => {
-                // This figures out the visual state of the DayCell.
-                const isDisabled = calendarDateUtils.isDateOutOfRange(dayCellDate, min, max);
-                // Even if the selected date is out of range, the UX design shows it as selected.
-                const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;
-                const isToday = isSameDate(dayCellDate, todaysDate);
-                const isFocusable = isSameDate(dayCellDate, focusableDate);
-                const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);
-                const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';
-                return (jsxRuntime.jsx(DayCell, { date: dayCellDate, dateFormatter: dateFormatter, dayFormatter: dayFormatter, isAdjacentMonth: isAdjacentMonth, isDisabled: isDisabled, isFocusable: isFocusable, isFocused: isFocusable && isFocused, isHidden: isHidden, isReadonly: isReadonly, isSelected: isSelected, isToday: isToday, onAction: onAction, onDayFocused: onDayFocused, onNavigation: onNavigation }, `${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`));
-            });
-            calendarGrid.push(jsxRuntime.jsxs(Grid.Grid, { role: "row", gridTemplateColumns: gridTemplateColumns, gap: PRIVATE_MonthView_themes_MonthViewContract_css.monthViewScaleVars.columnGap, children: [isWeekNumberDisplayed && jsxRuntime.jsx(WeekNumberCell, { startDateOfWeek: weekDates[0] }), weekCells] }, weekIndex));
-        }
-        return calendarGrid;
-    };
-    const monthViewAriaLabel = calendarDateUtils.formatFullCalendarDate(locale, focusableDate, 'month');
-    return (jsxRuntime.jsx("div", { class: baseTheme, children: jsxRuntime.jsxs(Grid.Grid, { gap: PRIVATE_MonthView_themes_MonthViewContract_css.monthViewScaleVars.rowGap, "aria-label": monthViewAriaLabel, role: "grid", testId: testId, children: [renderMonthViewHeaderRow(), renderMonthView()] }) }));
-};
-function isSameDate(date1, date2) {
-    return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;
-}
-function isOutOfMonth(date1, currentMonthDate) {
-    return date1.month !== currentMonthDate.month;
-}
-
-exports.MonthView = MonthView;
-//# sourceMappingURL=MonthView-2e74479d.js.map

package/cjs/MonthView-2e74479d.js.map

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