@oracle/oraclejet-preact 15.0.0 → 15.0.2

package/es/CompactHelpSource-0b1cebb0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactHelpSource-0b1cebb0.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onfocusin) {\n          ref.current?.addEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.addEventListener('focusout', focusProps.onfocusout, false);\n        }\n      } else {\n        if (focusProps.onfocusin) {\n          ref.current?.removeEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.removeEventListener('focusout', focusProps.onfocusout, false);\n        }\n      }\n    },\n    [focusProps.onfocusin, focusProps.onfocusout, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        {...(source && { href: source })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n"],"names":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}

package/es/ComponentMessage-462a6363.js

@@ -1,31 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.0 */
-import { jsxs, jsx } from 'preact/jsx-runtime';
-import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
-import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
-import './PRIVATE_Message.js';
-import './UNSAFE_HiddenAccessible.js';
-import { ComponentMessageRedwoodTheme } from './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme.js';
-import { H as HiddenAccessible } from './HiddenAccessible-ed256712.js';
-import { i as isSeverityIconNeeded } from './MessageUtils-7fb39757.js';
-import { M as MessageStartIcon } from './MessageStartIcon-88329b2f.js';
-import { M as MessageSummary } from './MessageSummary-8f992235.js';
-
-/**
- * The component that renders an individual message for inline component messaging.
- */
-function ComponentMessage({ detail, fieldLabel, severity = 'error' }) {
-    const { classes } = useComponentTheme(ComponentMessageRedwoodTheme, {
-        severity: severity ?? 'none'
-    });
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const severityTranslations = {
-        confirmation: translations.confirmation(),
-        error: translations.error(),
-        info: translations.info(),
-        warning: translations.warn()
-    };
-    return (jsxs("div", { class: classes, role: "alert", "aria-atomic": "true", children: [fieldLabel && jsx(HiddenAccessible, { children: fieldLabel }), isSeverityIconNeeded(severity) && (jsx(MessageStartIcon, { variant: "inline", severity: severity, translations: severityTranslations })), jsx(MessageSummary, { variant: "inline", text: detail })] }));
-}
-
-export { ComponentMessage as C };
-//# sourceMappingURL=ComponentMessage-462a6363.js.map

package/es/ComponentMessage-462a6363.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessage-462a6363.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const { classes } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;AA6CA;;AAEG;AACG,SAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,OAAO,EAAS,EAAA;AAChF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CACnC,4BAA4B,EAC5B;QACE,QAAQ,EAAE,QAAQ,IAAI,MAAM;AAC7B,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,oBAAoB,GAAG;AAC3B,QAAA,YAAY,EAAE,YAAY,CAAC,YAAY,EAAE;AACzC,QAAA,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE;AAC3B,QAAA,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE;AACzB,QAAA,OAAO,EAAE,YAAY,CAAC,IAAI,EAAE;KAC7B,CAAC;IAEF,QACEA,IAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAa,aAAA,EAAA,MAAM,EACjD,QAAA,EAAA,CAAA,UAAU,IAAIC,GAAC,CAAA,gBAAgB,EAAE,EAAA,QAAA,EAAA,UAAU,EAAoB,CAAA,EAC/D,oBAAoB,CAAC,QAAQ,CAAC,KAC7BA,GAAC,CAAA,gBAAgB,IACf,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,oBAAoB,EAAA,CAClC,CACH,EAEDA,IAAC,cAAc,EAAA,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,MAAM,EAAA,CAAI,CAC7C,EAAA,CAAA,EACN;AACJ;;;;"}

package/es/ComponentMessageContainer-6fbe4327.js

@@ -1,31 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.0 */
-import { jsx } from 'preact/jsx-runtime';
-import './PRIVATE_Message.js';
-import { C as ComponentMessage } from './ComponentMessage-462a6363.js';
-import { componentMessageContainerBase } from './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css.js';
-import { M as MessagesManager } from './MessagesManager-76a8d68a.js';
-
-/**
- * Converts the messages data into Item
- *
- * @param messages The messages data passed down as prop
- * @returns The messages data as Item
- */
-function generateMessagesData(messages) {
-    return messages.map((message, index) => {
-        return {
-            key: index,
-            data: {
-                closeAffordance: 'off',
-                severity: message.severity || 'error',
-                detail: message.detail
-            }
-        };
-    });
-}
-function ComponentMessageContainer({ fieldLabel, messages = [] }) {
-    return (jsx("div", { class: componentMessageContainerBase, children: jsx(MessagesManager, { data: generateMessagesData(messages), children: ({ item }) => (jsx(ComponentMessage, { detail: item.data.detail, fieldLabel: fieldLabel, severity: item.data.severity }, item.key)) }) }));
-}
-
-export { ComponentMessageContainer as C };
-//# sourceMappingURL=ComponentMessageContainer-6fbe4327.js.map

package/es/ComponentMessageContainer-6fbe4327.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessageContainer-6fbe4327.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.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 { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={componentMessageContainerBase}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;;AAaA;;;;;AAKG;AACH,SAAS,oBAAoB,CAAC,QAAgC,EAAA;IAC5D,OAAO,QAAQ,CAAC,GAAG,CAAqC,CAAC,OAAO,EAAE,KAAK,KAAI;QACzE,OAAO;AACL,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,IAAI,EAAE;AACJ,gBAAA,eAAe,EAAE,KAAK;AACtB,gBAAA,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,OAAO;gBACrC,MAAM,EAAE,OAAO,CAAC,MAAM;AACvB,aAAA;SACF,CAAC;AACJ,KAAC,CAAC,CAAC;AACL,CAAC;AAiBK,SAAU,yBAAyB,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,EAAE,EAAS,EAAA;IAC5E,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,YACvCA,GAAC,CAAA,eAAe,EAAC,EAAA,IAAI,EAAE,oBAAoB,CAAC,QAAQ,CAAC,EAClD,QAAA,EAAA,CAAC,EAAE,IAAI,EAAE,MACRA,GAAA,CAAC,gBAAgB,EAAA,EAEf,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAA,EAHvB,IAAI,CAAC,GAAG,CAIb,CACH,EAAA,CACe,EACd,CAAA,EACN;AACJ;;;;"}

package/es/Divider-056b3490.js

@@ -1,18 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.0 */
-import { jsx } from 'preact/jsx-runtime';
-import './utils/UNSAFE_classNames.js';
-import { multiVariantStyles, styles } from './UNSAFE_Divider/themes/DividerStyles.css.js';
-import { c as classNames } from './classNames-a0bd3c37.js';
-
-// TODO - Support vertical orientation
-function Divider({ orientation = 'horizontal' }) {
-    const variantClasses = multiVariantStyles({
-        orientation: orientation
-    });
-    const classes = classNames([variantClasses, styles.dividerBase]);
-    // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it
-    return jsx("span", { class: classes, role: "separator", "aria-orientation": orientation });
-}
-
-export { Divider as D };
-//# sourceMappingURL=Divider-056b3490.js.map

package/es/Divider-056b3490.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-056b3490.js","sources":["../../src/UNSAFE_Divider/Divider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { multiVariantStyles, styles } from './themes/DividerStyles.css';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\n// TODO - Support vertical orientation\nexport function Divider({ orientation = 'horizontal' }: DividerProps) {\n  const variantClasses = multiVariantStyles({\n    orientation: orientation\n  });\n  const classes = classNames([variantClasses, styles.dividerBase]);\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={classes} role=\"separator\" aria-orientation={orientation}></span>;\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAkBA;SACgB,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,EAAgB,EAAA;IAClE,MAAM,cAAc,GAAG,kBAAkB,CAAC;AACxC,QAAA,WAAW,EAAE,WAAW;AACzB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;;IAEjE,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,EAAA,kBAAA,EAAmB,WAAW,EAAA,CAAS,CAAC;AACvF;;;;"}

package/es/FilePicker-dc397c17.js

@@ -1,503 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.0 */
-import { jsx } from 'preact/jsx-runtime';
-import { mergeProps } from './utils/UNSAFE_mergeProps.js';
-import './utils/UNSAFE_classNames.js';
-import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
-import { sizeToCSS } from './utils/UNSAFE_size.js';
-import './utils/UNSAFE_stringUtils.js';
-import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
-import { FilePickerRedwoodTheme } from './UNSAFE_FilePicker/themes/redwood/FilePickerTheme.js';
-import { t as trim } from './stringUtils-3710961f.js';
-import { pickFiles } from './utils/UNSAFE_filePickerUtils.js';
-import './utils/PRIVATE_clientHints.js';
-import { usePress } from './hooks/UNSAFE_usePress.js';
-import { useRef, useState, useImperativeHandle } from 'preact/hooks';
-import { g as getClientHints } from './clientHints-31bf713d.js';
-import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
-import { useInteractionStyle } from './hooks/UNSAFE_useInteractionStyle.js';
-import { c as classNames } from './classNames-a0bd3c37.js';
-
-/**
- * Gets the default content of the file picker
- */
-const getDefaultTriggerContent = (isDisabled, primaryText, secondaryText, translations, selectionMode) => {
-    const { styles: { disabledPrimaryTextStyle, primaryTextStyle, disabledSecondaryTextStyle, secondaryTextStyle } } = useComponentTheme(FilePickerRedwoodTheme);
-    return [
-        jsx("div", { class: isDisabled ? disabledPrimaryTextStyle : primaryTextStyle, children: getPrimaryText(primaryText, translations) }),
-        jsx("div", { class: isDisabled ? disabledSecondaryTextStyle : secondaryTextStyle, children: getSecondaryText(secondaryText, translations, selectionMode) })
-    ];
-};
-const getAriaLabel = ({ ariaLabel, isDisabled, translations, primaryText, secondaryText, selectionMode }) => {
-    return ariaLabel
-        ? ariaLabel
-        : `${isDisabled ? '' : translations.filePicker_addFiles() + '. '}${getPrimaryText(primaryText, translations)}. ${getSecondaryText(secondaryText, translations, selectionMode)}`;
-};
-/**
- * Returns the styles of the file picker
- */
-const getStyles = (width, height) => {
-    const dimStyles = {
-        width: width ? sizeToCSS(width) : undefined,
-        height: height ? sizeToCSS(height) : undefined
-    };
-    return dimStyles;
-};
-/**
- * Returns the primary text
- */
-const getPrimaryText = (primaryText, translations) => {
-    return primaryText ? primaryText : translations.filePicker_dropzonePrimaryText();
-};
-/**
- * Returns the secondary text text
- */
-const getSecondaryText = (secondaryText, translations, selectionMode) => {
-    const defaultSecondaryText = selectionMode === 'multiple'
-        ? translations.filePicker_dropzoneSecondaryTextMultiple()
-        : translations.filePicker_dropzoneSecondaryText();
-    return secondaryText ? secondaryText : defaultSecondaryText;
-};
-/**
- * Takes in a list of files and returns a list of accepted files and
- * a list of rejected files based on file type
- */
-const validateTypes = (files, accept, translations) => {
-    const accepted = [];
-    const rejected = [];
-    let file;
-    let type;
-    if (files) {
-        for (let i = 0; i < files.length; i++) {
-            file = files[i];
-            const name = file.name;
-            type = translations.filePicker_unknownFileTypeUploadError();
-            if (name) {
-                const nameSplit = name.split('.');
-                type = nameSplit.length > 1 ? '.' + nameSplit.pop() : type;
-            }
-            type = file.type ? file.type : type;
-            // If type isn't already in one of the lists, add it
-            if (accepted.indexOf(type) === -1 && rejected.indexOf(type) === -1) {
-                if (_acceptFile(file, accept)) {
-                    accepted.push(type);
-                }
-                else {
-                    rejected.push(type);
-                }
-            }
-        }
-    }
-    return { accepted, rejected };
-};
-/**
- * Creates a file list
- */
-const createFileList = (origList) => {
-    const descriptor = {
-        length: { value: origList.length },
-        item: {
-            value(index) {
-                return this[index];
-            }
-        }
-    };
-    for (let i = 0; i < origList.length; i++) {
-        descriptor[i] = { value: origList[i], enumerable: true };
-    }
-    return Object.create(FileList.prototype, descriptor);
-};
-/**
- * Returns false if selected multiple files when in single file selection mode
- */
-const validateSelectionMode = (files, selectionMode) => {
-    return selectionMode !== 'single' || files.length === 1;
-};
-/**
- * Returns the correct message if mime type validation has failed
- */
-const getMimeTypeValidationMessages = (rejected, translations) => {
-    const messages = [];
-    if (rejected.length === 1) {
-        messages.push({
-            severity: 'error',
-            summary: translations.filePicker_singleTypeUploadError({
-                fileType: rejected[0]
-            })
-        });
-    }
-    else {
-        messages.push({
-            severity: 'error',
-            summary: translations.filePicker_multipleFileTypeUploadError({
-                fileTypes: rejected.join(translations.plural_separator())
-            })
-        });
-    }
-    return messages;
-};
-/**
- * Returns true if file passes mimetype validation
- */
-const _acceptFile = (file, accept) => {
-    const acceptProp = accept;
-    if (!acceptProp || acceptProp.length === 0 || !file) {
-        return true;
-    }
-    let fileAccept;
-    for (let i = 0; i < acceptProp.length; i++) {
-        fileAccept = trim(acceptProp[i]);
-        if (!fileAccept) {
-            return true;
-        }
-        else if (fileAccept.startsWith('.', 0)) {
-            // when dragover, only MIME type is available, file name is undefined
-            // to lowerCase is to make the string comparison case insensitive
-            if (!file.name || (file.name && file.name.toLowerCase().endsWith(fileAccept.toLowerCase()))) {
-                return true;
-            }
-        }
-        else if (!file.type) {
-            return false;
-        }
-        else if (fileAccept === 'image/*') {
-            if (file.type.startsWith('image/', 0)) {
-                return true;
-            }
-        }
-        else if (fileAccept === 'video/*') {
-            if (file.type.startsWith('video/', 0)) {
-                return true;
-            }
-        }
-        else if (fileAccept === 'audio/*') {
-            if (file.type.startsWith('audio/', 0)) {
-                return true;
-            }
-        }
-        else if (file.type === fileAccept) {
-            return true;
-        }
-    }
-    return false;
-};
-
-/**
- * Calls the onReject callback when invalid files are selected.
- * For invalid dragged files, this function will return a promise resolver that
- * should be called when the invalid files are no longer dragged over the filepicker.
- */
-const fireRejectAction = (messages, isDrag, onReject) => {
-    let resolver;
-    const dragPromise = isDrag
-        ? new Promise((resolve) => {
-            resolver = resolve;
-        })
-        : null;
-    onReject?.({
-        messages,
-        until: dragPromise
-    });
-    return resolver;
-};
-/**
- * Calls the onCommit callback when all files are valid.
- */
-const handleFilesAdded = (files, onCommit) => {
-    // Bug 28503874 - filepicker: filelist cleared after the handler returns
-    // Note: the parameter "files" is a direct reference to the embedded Input element's property
-    // which could be reset or changed.
-    // we need to return a copy of FileList just in case apps hold on to a reference to FileList
-    const list = createFileList(files);
-    onCommit?.({
-        files: list
-    });
-};
-
-/**
- * The file picker helper method for non-disabled filepickers.
- */
-const useFilepickerElementHelper = (props, rootRef, setValidity) => {
-    const { callback, validation } = clickCallbackUtils(props);
-    const { pressProps } = usePress(callback);
-    const dragAndDropProps = useDragAndDropEvents(props.accept, props.selectionMode, fireRejectAction, handleFilesAdded, rootRef, props.translations, props.onCommit, props.onReject, setValidity);
-    return {
-        validation,
-        dragAndDropProps,
-        pressProps
-    };
-};
-const clickCallbackUtils = (props) => {
-    /**
-     * Callback function when the filepicker is clicked.
-     */
-    const handleSelectingFiles = (event) => {
-        // Bug 27775173 - within firefox browser cannot tab past filepicker without file selector
-        // window opening
-        // only launching the file picker if click or 'Enter' was pressed
-        if (event.type === 'click' ||
-            (event.type === 'keyup' && event.code === 'Enter')) {
-            // Bug 26907138 - form submit event is triggered when the file upload button is clicked
-            event.preventDefault();
-            pickFiles(_handleClickValidation, {
-                accept: props.accept,
-                selectionMode: props.selectionMode ?? 'multiple',
-                capture: props.capture ?? 'none'
-            });
-        }
-    };
-    /**
-     * Handles file validation from selecting files through the file dialog
-     */
-    const _handleClickValidation = (files) => {
-        if (files.length > 0) {
-            const rejected = validateTypes(files, props.accept, props.translations).rejected;
-            if (rejected.length > 0) {
-                fireRejectAction(getMimeTypeValidationMessages(rejected, props.translations), false, props.onReject);
-            }
-            else {
-                handleFilesAdded(files, props.onCommit);
-            }
-        }
-    };
-    return {
-        callback: handleSelectingFiles,
-        validation: _handleClickValidation
-    };
-};
-const useDragAndDropEvents = (accept, selectionMode, fireRejectAction, handleFilesAdded, rootRef, translations, onCommit, onReject, 
-// setValidity not set for custom filepicker
-setValidity) => {
-    const inDropZone = useRef(false);
-    const isDroppable = useRef(false);
-    const dragPromiseResolver = useRef();
-    /**
-     * Drag Enter handler called when a dragged file enter the filepicker dropzone
-     */
-    const _handleDragEnter = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    /**
-     * Drag over handler called when a file is dragged over the filepicker
-     */
-    const _handleDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (inDropZone.current) {
-            return;
-        }
-        const browser = getClientHints().browser;
-        inDropZone.current = true;
-        isDroppable.current = true;
-        // Safari doesn't provide the data for the files on drag over so validation cannot be done until drop
-        if (browser !== 'safari') {
-            if (!event.dataTransfer) {
-                return;
-            }
-            const files = createFileList(event.dataTransfer.items);
-            let messages = [];
-            const selectionModeValid = validateSelectionMode(files, selectionMode);
-            const droppable = validateTypes(files, accept, translations);
-            if (selectionModeValid && droppable.rejected.length === 0) {
-                // validation passes
-                setValidity?.('valid');
-            }
-            else {
-                isDroppable.current = false;
-                if (selectionModeValid) {
-                    // mimetype Validation fails
-                    messages = getMimeTypeValidationMessages(droppable.rejected, translations);
-                }
-                else {
-                    // selected multiple files in single selection mode
-                    messages.push({
-                        severity: 'error',
-                        summary: translations.filePicker_singleFileUploadError()
-                    });
-                }
-                setValidity?.('invalid');
-                dragPromiseResolver.current = fireRejectAction(messages, true, onReject);
-            }
-        }
-        else {
-            setValidity?.('valid');
-        }
-    };
-    /**
-     * Drag leave handler is called when the dragged file leaves the filepicker dropzone
-     */
-    const _handleDragLeave = (event, mimeTypeDropFail = false) => {
-        if (!inDropZone.current) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        if (!rootRef.current?.contains(event.relatedTarget)) {
-            inDropZone.current = false;
-            setValidity?.('NA');
-            // There's only a promise if validation failed on dragover
-            if (!isDroppable.current && !mimeTypeDropFail) {
-                dragPromiseResolver.current?.();
-            }
-        }
-    };
-    /**
-     * Drop file handler is called when a file is dropped on the filepicker dropzone
-     */
-    const _handleFileDrop = (event) => {
-        if (inDropZone.current) {
-            event.preventDefault();
-            event.stopPropagation();
-            if (!event.dataTransfer) {
-                inDropZone.current = false;
-                return;
-            }
-            const files = createFileList(event.dataTransfer.files);
-            let mimeTypeDropFail = false;
-            if (isDroppable.current) {
-                let messages = [];
-                if (validateSelectionMode(files, selectionMode)) {
-                    const droppable = validateTypes(files, accept, translations);
-                    if (droppable.rejected.length > 0) {
-                        // mimetype Validation fails
-                        messages = getMimeTypeValidationMessages(droppable.rejected, translations);
-                        mimeTypeDropFail = true;
-                    }
-                }
-                else {
-                    messages.push({
-                        severity: 'error',
-                        summary: translations.filePicker_singleFileUploadError()
-                    });
-                }
-                if (messages.length > 0) {
-                    isDroppable.current = false;
-                    fireRejectAction(messages, false, onReject);
-                }
-                if (isDroppable.current) {
-                    handleFilesAdded(files, onCommit);
-                }
-            }
-            _handleDragLeave(event, mimeTypeDropFail);
-        }
-    };
-    return {
-        onDragEnter: _handleDragEnter,
-        onDragOver: _handleDragOver,
-        onDragLeave: _handleDragLeave,
-        onDrop: _handleFileDrop
-    };
-};
-
-/**
- * A file picker displays a clickable dropzone for selecting files from the device storage.
- */
-function FilePicker({ capture = 'none', isDisabled = false, selectionMode = 'multiple', children, ...otherProps }) {
-    // this ref is added only for testing purposes.  Allows the test to directly
-    // call certain functions that should be tested
-    const testHandlersRef = otherProps.__testHandlerSymbol;
-    const translations = useTranslationBundle('@oracle/oraclejet-preact');
-    const props = { capture, selectionMode, translations, ...otherProps };
-    if (isDisabled) {
-        return jsx(DisabledFilePicker, { ...props, children: children });
-    }
-    return children ? (jsx(CustomFilePicker, { testHandlersRef: testHandlersRef, ...props, children: children })) : (jsx(DefaultFilePicker, { testHandlersRef: testHandlersRef, ...props }));
-}
-/**
- * The default file picker element.
- */
-const DefaultFilePicker = (props) => {
-    const { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } = useInteractionStyle(false);
-    const { classes, styles: { maxWidth, inner, activeStyle, innerNeedsEventsHoverStyle, innerPseudoHoverStyle, invalidDrop, validDrop } } = useComponentTheme(FilePickerRedwoodTheme, {
-        disabledState: 'notDisabled',
-        hoveredState: applyHoverStyle ? 'isHover' : 'notHover',
-        pseudoHoveredState: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'
-    });
-    const innerInteractiveClasses = [
-        applyActiveStyle ? activeStyle : '',
-        applyHoverStyle ? innerNeedsEventsHoverStyle : '',
-        applyPseudoHoverStyle ? innerPseudoHoverStyle : ''
-    ];
-    const [validity, setValidity] = useState('NA');
-    // class added to change bg/border color based on if file is valid on drag and drop
-    const validityClass = validity === 'valid' ? validDrop : validity === 'invalid' ? invalidDrop : undefined;
-    const rootRef = useRef(null);
-    const { validation, dragAndDropProps, pressProps } = useFilepickerElementHelper(props, rootRef, setValidity);
-    const mergedEventProps = mergeProps(pressProps, interactionProps);
-    // These are backdoor handles that are used for testing purposes only
-    useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);
-    const wrapperClasses = classNames([classes, props.width === undefined && maxWidth]);
-    const { isTabbable } = useTabbableMode();
-    const { primaryText, secondaryText, translations, selectionMode, width, height } = props;
-    return (jsx("div", { ...mergedEventProps, class: wrapperClasses, tabIndex: isTabbable ? 0 : -1, role: "button", "aria-label": getAriaLabel({
-            ariaLabel: props['aria-label'],
-            isDisabled: false,
-            translations,
-            primaryText,
-            secondaryText,
-            selectionMode
-        }), ref: rootRef, style: getStyles(width, height), children: jsx("div", { class: classNames([inner, validityClass, ...innerInteractiveClasses]), ...dragAndDropProps, children: getDefaultTriggerContent(false, primaryText, secondaryText, translations, selectionMode) }) }));
-};
-/**
- * The disabled file picker element.
- */
-const DisabledFilePicker = ({ children, primaryText, secondaryText, translations, selectionMode, width, height, ...props }) => {
-    const { classes, styles: { maxWidth, inner, noChildrenMargin } } = useComponentTheme(FilePickerRedwoodTheme, {
-        disabledState: 'isDisabled',
-        hoveredState: 'notHover',
-        pseudoHoveredState: 'notPseudoHover'
-    });
-    return (jsx("div", { class: classNames([classes, inner, noChildrenMargin, width === undefined && maxWidth]), role: "button", "aria-label": getAriaLabel({
-            ariaLabel: props['aria-label'],
-            isDisabled: true,
-            translations,
-            primaryText,
-            secondaryText
-        }), "aria-hidden": "true", style: getStyles(width, height), children: children ||
-            getDefaultTriggerContent(true, primaryText, secondaryText, translations, selectionMode) }));
-};
-/**
- * The custom file picker element.
- */
-const CustomFilePicker = (props) => {
-    const { interactionProps, applyHoverStyle, applyPseudoHoverStyle } = useInteractionStyle(false);
-    const { classes, styles: { maxWidth, noChildrenMargin } } = useComponentTheme(FilePickerRedwoodTheme, {
-        disabledState: 'notDisabled',
-        hoveredState: applyHoverStyle ? 'isHover' : 'notHover',
-        pseudoHoveredState: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'
-    });
-    const rootRef = useRef(null);
-    const { validation, dragAndDropProps, pressProps } = useFilepickerElementHelper(props, rootRef);
-    const mergedEventProps = mergeProps(pressProps, dragAndDropProps, interactionProps);
-    // These are backdoor handles that are used for testing purposes only
-    useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);
-    const wrapperClasses = classNames([
-        classes,
-        noChildrenMargin,
-        props.width === undefined && maxWidth
-    ]);
-    const { translations, selectionMode } = props;
-    const { isTabbable } = useTabbableMode();
-    return (jsx("div", { class: classNames([wrapperClasses]), tabIndex: isTabbable ? undefined : -1, role: "button", "aria-label": getAriaLabel({
-            ariaLabel: props['aria-label'],
-            isDisabled: false,
-            translations,
-            selectionMode
-        }), ref: rootRef, style: getStyles(props.width, props.height), ...mergedEventProps, children: props.children }));
-};
-/**
- * Only called for testing purposes, sets up the test ref that
- * allows for backdoor access to certain methods
- */
-const useSetupTestRef = (dragAndDropProps, validation, testHandlersRef) => {
-    useImperativeHandle(testHandlersRef, () => ({
-        onDragEnter: dragAndDropProps.onDragEnter,
-        onDragOver: dragAndDropProps.onDragOver,
-        onDrop: dragAndDropProps.onDrop,
-        onDragLeave: dragAndDropProps.onDragLeave,
-        onClickSelected: validation
-    }));
-};
-
-export { FilePicker as F };
-//# sourceMappingURL=FilePicker-dc397c17.js.map