@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/types/UNSAFE_MeterCircle/CircularReferenceLine.d.ts

@@ -7,9 +7,10 @@
  */
 import { getCenterCoord } from '../utils/PRIVATE_meterUtils';
 import { ColorProps } from '../utils/UNSAFE_interpolations/colors';
+import { DvtThresholdsColors } from '../utils/UNSAFE_dvtCommonUtils';
 declare type getCenterCoordParamType = Parameters<typeof getCenterCoord>;
 export declare type CircularReferenceLineProps = {
-    color?: ColorProps['color'];
+    color?: ColorProps['color'] | DvtThresholdsColors;
     angle: number;
     radius: string;
     length: string;

package/types/UNSAFE_Popup/Popup.d.ts

@@ -3,41 +3,78 @@ import { Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_
 declare type IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;
 declare type Props = IntrinsicProps & {
     /**
-     * Determines whether the Popup is open.
+     * Specifies whether the Popup is open.
      */
     isOpen: boolean;
     /**
-     * Anchor for Popup's placement.
+     * Specifies Popup's anchor. Popup is placed relatively to its anchor.
      */
     anchorRef: RefObject<HTMLElement | Coords>;
     /**
-     * Placement of the Popup relative to the anchor.
+     * Specifies placement of the Popup relative to the anchor.
      */
     placement?: Placement;
     /**
-     * Popup's offset from the anchor.
+     * Specifies displacement of the Popup from the anchor element placement along the specified axes.
+     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties
+     * are applied depends on the current value of the position property.
+     *
+     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.
+     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the achnor.
      */
     offset?: Offset;
     /**
-     * Popup's flip options
+     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.
+     *
+     * The flipOptions object consists of mainAxis and crossAxis properties.
+     * The <code>mainAxis</code> runs along the side of the Popup element.
+     * The <code>crossAxis</code> runs along the alignment of the Popup element.
      */
     flipOptions?: FlipOptions;
     /**
-     * Popup's shift options
+     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.
+     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.
+     *
+     * The shiftOptions object consists of mainAxis and crossAxis properties.
+     * The <code>mainAxis</code> runs along the side of the Popup element.
+     * The <code>crossAxis</code> runs along the alignment of the Popup element.
      */
     shiftOptions?: ShiftOptions;
     /**
-     * Popup's click outside callback.
+     * Specifies if the Popup sets focus to its content when initially open.
+     * A value of none prevents the popup from setting focus when open.
+     *
+     * <code>auto</code> in modeless mode resolves to none.
+     * <code>none</code> prevents the popup from setting focus when open.
+     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).
+     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.
+     */
+    initialFocus?: 'auto' | 'none' | 'popup' | 'firstFocusable';
+    /**
+     * Specifies callback triggered when a user clicks outside Popup.
      */
     onClickOutside?: (event: MouseEvent) => void;
     /**
-     * Tail
+     * Specifies callback triggered when a user tries to close a Popup through UI interaction.
+     * The parent should listen to this event and close the Popup. If the parent fails to remove
+     * the Popup, then no change will be done in the UI by the component.
+     */
+    onClose?: (event: KeyboardEvent) => void;
+    /**
+     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.
      */
     tail?: 'none' | 'simple';
     /**
-     * Property that triggers a callback after the animation is done
+     * Specifies callback triggered after the animation ends.
      */
     onTransitionEnd?: (value: boolean) => void;
+    /**
+     * Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:
+     * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specificed.
+     * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.
+     * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.
+     */
+    role?: string;
 };
 export declare const Popup: import("preact").FunctionalComponent<Omit<Props, "ref"> & {
     ref?: import("preact").Ref<HTMLElement | null> | undefined;

package/types/UNSAFE_RatingGauge/RatingGauge.d.ts

@@ -1,4 +1,5 @@
 import { CommitDetail, InputDetail } from './useEvents';
+import { Threshold } from '../utils/UNSAFE_meterTypes';
 /**
  * Props for the RatingGauge
  */
@@ -59,6 +60,11 @@ declare type Props = {
      * One or more ids (separated by spaces) of elements that describe the rating gauge.
      */
     ariaDescribedBy?: string;
+    /**
+     * An array of Threshold objects.
+     * Applications are required to include information about thresholds for screen readers to make their component accessible by using ariaDescribedBy, ariaLabelledBy or accessibleLabel.
+     */
+    thresholds?: Threshold[];
 };
 /**
  * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.

package/types/UNSAFE_RatingGauge/RatingUtils.d.ts

@@ -1,4 +1,5 @@
 import type { Ref } from 'preact/hooks';
+import { Threshold } from '../utils/UNSAFE_meterTypes';
 export declare function getValue(pageX: number, max: number, step: number, dimensionsRef: Ref<{
     width: number;
     x: number;
@@ -7,3 +8,30 @@ export declare function getDimensions(element: HTMLElement | null): {
     width: number;
     x: number;
 };
+/**
+ * Returns the aria properties of the rating gauge.
+ * @param value The value of the rating gauge.
+ * @param max The maximum value of the rating gauge.
+ * @param valueText The default aria value text for the rating gauge.
+ * @param accessibleLabel The aria label of the rating gauge.
+ * @param ariaLabelledby The ariaLabelledBy of the rating gauge.
+ * @param thresholds The thresholds values for the rating gauge.
+ * @returns The aria properties of the rating gauge.
+ */
+export declare function getRatingAriaProps(value: number, max: number, accessibleLabel?: string, ariaLabelledby?: string, isDisabled?: boolean, isReadonly?: boolean, thresholds?: Threshold[], tooltip?: string): {
+    'aria-label': string | undefined;
+    'aria-valuenow': string;
+    'aria-valuetext': string;
+    'aria-valuemax': string;
+    'aria-labelledby': string | undefined;
+    'aria-disabled': boolean | undefined;
+    'aria-readonly': boolean | undefined;
+    'aria-valuemin': string;
+    role: string;
+};
+/**
+ * Returns whether the color is a valid enum.
+ * @param color The color in rating gauge.
+ * @returns true if the color enum is supported. false otherwise.
+ */
+export declare function isColorEnum(color: string | undefined): boolean;

package/types/UNSAFE_RatingGauge/useTooltipOrDatatip.d.ts

@@ -1,4 +1,5 @@
 import { ComponentChild } from 'preact';
+import { Threshold } from '../utils/UNSAFE_meterTypes';
 declare type Props = {
     max: number;
     value: number;
@@ -6,10 +7,11 @@ declare type Props = {
     isDisabled?: boolean;
     tooltip?: string;
     datatip?: string;
+    thresholds?: Threshold[];
     ariaDescribedBy?: string;
     width: number;
 };
-export declare function useTooltipOrDatatip({ max, value, isReadonly, isDisabled, tooltip, datatip, ariaDescribedBy, width }: Props): {
+export declare function useTooltipOrDatatip({ max, value, isReadonly, isDisabled, tooltip, datatip, thresholds, ariaDescribedBy, width }: Props): {
     tooltipContent: ComponentChild;
     tooltipProps: Record<string, any>;
 };

package/types/UNSAFE_SelectMultiple/useSelectMultiple.d.ts

@@ -57,6 +57,7 @@ export declare function useSelectMultiple<K, D>({ data: propData, inputRef, isDi
     };
     dropdownEventHandlers: {
         onAutoDismiss: ((event?: Event | undefined) => void) | ((event?: Event) => void);
+        onPosition: (data: import("../UNSAFE_Floating").PositionData) => void;
     };
     dropdownRef: import("preact/hooks").Ref<HTMLDivElement>;
     hasSelectedValuesCount: boolean;
@@ -66,6 +67,7 @@ export declare function useSelectMultiple<K, D>({ data: propData, inputRef, isDi
         onKeyUp: (event: KeyboardEvent) => void;
     };
     inputRef: MutableRef<HTMLInputElement>;
+    isDropdownAbove: boolean;
     isDropdownOpen: boolean;
     isDropdownSelectedOnlyView: boolean;
     isFocused: boolean;

package/types/UNSAFE_SelectSingle/useSelectSingle.d.ts

@@ -49,6 +49,7 @@ export declare function useSelectSingle<K, D>({ data, inputRef, isDisabled, isFo
     };
     dropdownEventHandlers: {
         onAutoDismiss: ((event?: Event | undefined) => void) | ((event?: Event) => void);
+        onPosition: (data: import("../UNSAFE_Floating").PositionData) => void;
     };
     dropdownRef: import("preact/hooks").Ref<HTMLDivElement>;
     inputEventHandlers: {
@@ -57,6 +58,7 @@ export declare function useSelectSingle<K, D>({ data, inputRef, isDisabled, isFo
         onKeyUp: (event: KeyboardEvent) => void;
     };
     inputRef: MutableRef<HTMLInputElement>;
+    isDropdownAbove: boolean;
     isDropdownOpen: boolean;
     isFocused: boolean;
     isUserFiltering: boolean;

package/types/UNSAFE_Subheading/Subheading.d.ts

@@ -0,0 +1,23 @@
+import { ComponentChildren } from 'preact';
+export declare const subheadingElementTypes: ("span" | "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6")[];
+declare type ElementType = typeof subheadingElementTypes[number];
+declare type SubheadingProps = {
+    /**
+     * Specifies the subheading tag. When a heading tag should not be used 'as' may be set to div or span, for example in collection group headers (such as list view group headers).
+     */
+    as: ElementType;
+    /**
+     * Specifies the font size and line height.   */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';
+    /**
+     * Specifies the subheader id
+     */
+    id?: string;
+    /**
+     * Specifies the children
+     */
+    children: ComponentChildren;
+};
+export declare const sizeOptions: ("inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl")[];
+export declare const Subheading: ({ children, ...props }: SubheadingProps) => import("preact").JSX.Element;
+export {};

package/types/UNSAFE_Subheading/index.d.ts

@@ -0,0 +1 @@
+export * from './Subheading';

package/types/resources/nls/bundle.d.ts

@@ -26,6 +26,8 @@ declare const bundle: {
     formControl_maxLengthRemaining: (p: {
         CHARACTER_COUNT: string;
     }) => string;
+    formControl_requiredMessageDetail: () => string;
+    select_requiredMessageDetail: () => string;
     select_noMatchesFound: () => string;
     select_oneMatchFound: () => string;
     select_sizeMatchesFound: (p: {

package/types/utils/UNSAFE_dvtCommonUtils/dvtCommonUtils.d.ts

@@ -0,0 +1,8 @@
+import { ColorProps } from '../UNSAFE_interpolations/colors';
+export declare type DvtThresholdsColors = 'danger' | 'warning' | 'success';
+/**
+ * Returns the color of the threshold.
+ * @param color The color provided via prop of the dvt component.
+ * @returns The color of the threshold.
+ */
+export declare function getDvtThresholdColor(color: ColorProps['color'] | DvtThresholdsColors): string | undefined;

package/types/utils/UNSAFE_dvtCommonUtils/index.d.ts

@@ -0,0 +1 @@
+export { DvtThresholdsColors, getDvtThresholdColor } from './dvtCommonUtils';

package/types/utils/UNSAFE_meterTypes/meterTypes.d.ts

@@ -5,6 +5,8 @@
  * as shown at https://oss.oracle.com/licenses/upl/
  * @ignore
  */
+import { ColorProps } from '../UNSAFE_interpolations/colors';
+import { DvtThresholdsColors } from '../UNSAFE_dvtCommonUtils';
 export declare type MeterSize = 'sm' | 'md' | 'lg';
 export declare type ThresholdDisplay = 'all' | 'track' | 'indicator';
 export declare type Threshold = {
@@ -14,18 +16,20 @@ export declare type Threshold = {
     max: number;
     /**
      * The color for the threshold range.
+     * <p>It also supports 'danger', 'warning', 'success' enums which are mapped to colors depending on theme.</p>
      */
-    color?: string;
+    color?: ColorProps['color'] | DvtThresholdsColors;
     /**
-     * The accessible label for the threshold range.
+     * A label to be used for accessibility purposes for the threshold.
      */
     accessibleLabel?: string;
 };
 export declare type ReferenceLine = {
     /**
      * The color of the reference line.
+     * <p>It also supports 'danger', 'warning', 'success' enums which are mapped to colors depending on theme.</p>
      */
-    color?: string;
+    color?: ColorProps['color'] | DvtThresholdsColors;
     /**
      * The value of the reference line.
      */

package/amd/Badge-7df5d353.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'module',"./classNames-14cea078"],function(e,n,s,a,i){"use strict";const r={base:"_19q1vvr",end:"_1axuh6i",neutral:"akynap",danger:"_1jwmd3h",warning:"_1lgiijs",success:"m1a86q",info:"_14z8y8u",neutralSubtle:"_1x2b04h",dangerSubtle:"exvfog",warningSubtle:"_1a1vqvm",successSubtle:"_1bsfbqw",infoSubtle:"_15q4b6v",childrenMargins:"nco491"};e.Badge=function({variant:e="neutral",size:s="md",edge:a="none",children:c}){const t=i.classNames([r.base,"sm"===s&&"oj-badge-sm","end"===a&&r.end,r[e],r.childrenMargins]);return n.jsx("span",Object.assign({class:t},{children:c}))}});
-//# sourceMappingURL=Badge-7df5d353.js.map

package/amd/Badge-7df5d353.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge-7df5d353.js","sources":["../../src/UNSAFE_Badge/Badge.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 { cssProps } from '@oracle/oraclejet-cssprops';\n\nexport type Props = {\n  /**\n   * Sets the variant for the badge. Badge can be subtle or solid with different colors.\n   */\n  variant?:\n    | 'neutral'\n    | 'neutralSubtle'\n    | 'danger'\n    | 'dangerSubtle'\n    | 'success'\n    | 'successSubtle'\n    | 'warning'\n    | 'warningSubtle'\n    | 'info'\n    | 'infoSubtle';\n  /**\n   * Specifies the size of the badge. Consists of two options: Medium and small.\n   */\n  size?: 'sm' | 'md';\n  /**\n   * Specifies the edge of the badge. Badges can be attached to the end edge of another component. They lose their default corner rounding on right side for ltr direction or left side for rtl direction.\n   */\n  edge?: 'none' | 'end';\n  /**\n   * Specifies the string that will be rendered in the badge.\n   */\n  children: string;\n};\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color)',\n    display: 'inline-block',\n    paddingTop: '0',\n    paddingBottom: '0',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight)',\n    fontStretch: 'var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center',\n    verticalAlign: 'middle'\n  }}`,\n\n  //right-aligned with the right edge of another component for ltr direction\n  //left-aligned for rtl direction pending by\n  //https://jira.oraclecorp.com/jira/browse/JET-47572: need an api for rtl\n  end: cssProps`${{\n    borderTopRightRadius: '0',\n    borderBottomRightRadius: '0'\n  }}`,\n\n  neutral: cssProps`${{\n    /* solid neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast)'\n  }}`,\n  danger: cssProps`${{\n    /* solid danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast)'\n  }}`,\n  warning: cssProps`${{\n    /* solid warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast)'\n  }}`,\n  success: cssProps`${{\n    /* solid success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast)'\n  }}`,\n  info: cssProps`${{\n    /* solid info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n\n  neutralSubtle: cssProps`${{\n    /* subtle neutral badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast)'\n  }}`,\n  dangerSubtle: cssProps`${{\n    /* subtle danger badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast)'\n  }}`,\n  warningSubtle: cssProps`${{\n    /* subtle warning badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast)'\n  }}`,\n  successSubtle: cssProps`${{\n    /* subtle success badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    /* subtle info badges */\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-badge-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport function Badge({ variant = 'neutral', size = 'md', edge = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    edge === 'end' && styles.end,\n    styles[variant],\n    styles.childrenMargins\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","variant","size","edge","children","base","end","childrenMargins","_jsx","Object","assign","class","textClasses"],"mappings":"uIAuCA,MAAAA,EAAA,MAAA,eAAA,mBAAA,gBAAA,mBAAA,mBAAA,cAAA,yBAAA,wBAAA,uBAAA,yBAAA,sBAAA,6CAkHA,UAAAC,QAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,KAAAA,EAAA,OAAAC,SAAAA,0BAEIJ,EAAAK,6BAEA,QAAAF,GAAAH,EAAAM,SAEAN,EAAAO,kBAEF,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAR,SAAAA"}

package/amd/BaseButton-7b3d7ae3.js

@@ -1,2 +0,0 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","preact/compat",'module',"./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/PRIVATE_clientHints","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./clientHints-4d8618df","./classNames-14cea078"],function(e,s,t,i,a,n,o,r,l,d,c,u,b,p,m,_){"use strict";const f=()=>null,g="bz4a5q",v="gfvpkp",h="_1ineg5n",y="_1epyo4e",A="ime6h4",E="_12ynms3",N="_1o8u0l1",H="ahkwm8",x="idmyy9",R="ix6he2",S="_152166t",k="pqn4ds",F="_1rvbo1h",P="_10lmwdm",U=[...Object.values(d.dimensionInterpolations)],j=c.mergeInterpolations(U),D="ios"===m.getClientHints().platform?{ontouchstart:function(){}}:{},I=m.getClientHints().isHybrid,w=r.forwardRef((e,o)=>{var{variant:r="outlined",isDisabled:l=!1,isRepeat:d=!1,size:c="md",elementDetails:u={type:"button"},styling:m=["default"],edge:U="none",accessibleLabel:w,ariaHidden:B,ariaExpanded:O,ariaRoledescription:T}=e,$=s.__rest(e,["variant","isDisabled","isRepeat","size","elementDetails","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription"]);const{pressProps:q}=i.usePress($.onAction?$.onAction:f,{isDisabled:l,isRepeat:d}),z=e=>m.indexOf(e)>-1,{hoverProps:C,isHover:L}=a.useHover({isDisabled:!I}),{activeProps:M,isActive:V}=n.useActive(),G=j($),{class:J}=G,K=s.__rest(G,["class"]),Q=Object.assign({},u),{type:W="button"}=Q,X=s.__rest(Q,["type"]),Y=((e,s)=>{switch(e){case"link":return{role:"link"};case"button":return{};default:return s?{role:"generic"}:{role:"button"}}})(W,null!=B&&B),Z=$.title||w,ee=u.type,se="span"==ee,te="button"==ee,{isTabbable:ie}=b.useTabbableMode(),ae=_.classNames([!z("unstyled")&&g,z("unstyled")&&E,z("embedded")&&R,z("container")&&x,z("noBorderRadiusStart")&&S,z("noBorderRadiusEnd")&&k,z("active")&&h,z("fill")&&H,z("min")&&N,`oj-c-base-button-${r}`,`oj-c-base-button-${c}`,l&&F,"bottom"===U&&P,!I&&!se&&!V&&y,!I&&se&&!V&&!l&&!z("container")&&A,I&&L&&!V&&!l&&!z("container")&&v,!z("container")&&V&&!l&&h,"q1i3bi"]),ne=p.mergeProps(X,q,D,C,z("container")?{}:M,te?{}:{"aria-disabled":l});return t.jsx(ee,Object.assign({ref:o,disabled:l,class:`${ae} ${J}`,style:K,autofocus:$.autofocus,title:Z,tabIndex:l||!ie?-1:0,"aria-label":w,"aria-hidden":B,"aria-roledescription":T,"aria-expanded":O},ne,Y,{children:$.children}))});e.BaseButton=w});
-//# sourceMappingURL=BaseButton-7b3d7ae3.js.map

package/amd/BaseButton-7b3d7ae3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-7b3d7ae3.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'autofocus' | 'title'>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  ariaHidden?: boolean;\n  ariaExpanded?: boolean;\n  ariaRoledescription?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The accessibleLabel is used to provide guidance for screen readers.\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover)',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color)',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    display: 'inline-block',\n    fontFamily: 'inherit',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    pointerEvents: 'auto',\n    textOverflow: 'ellipsis',\n    verticalAlign: 'top',\n    WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n    whiteSpace: 'nowrap',\n\n    // @ts-ignore\n    '&:active': activeStyles,\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\n    }\n  }}`,\n\n  unstyled: cssProps`${{\n    boxSizing: 'border-box',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled)'\n  }}`,\n\n  bottom: cssProps`${{\n    borderLeftWidth: '0',\n    borderRightWidth: '0',\n    borderBlockEndWidth: '0',\n    width: '100%',\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().isHybrid;\n\nconst roleProps = (elType: string, hidden: boolean) => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'generic' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      accessibleLabel,\n      ariaHidden,\n      ariaExpanded,\n      ariaRoledescription,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled }\n    );\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["NullFunction","compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","BaseButton","forwardRef","_a","ref","pressProps","usePress","props","onAction","isStyled","name","hoverProps","isHover","useHover","isDisabled","_b","class","cls","styles","__rest","_c","assign","elementDetails","type","elementType","elementProps","role","elType","hidden","roleProps","ariaHidden","tooltip","title","accessibleLabel","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","variant","size","edge","isActive","mergedProps","mergeProps","activeProps","disabled","rootStyles","style","autofocus","tabIndex","ariaRoledescription","ariaExpanded","children"],"mappings":"udA0BA,MAAAA,EAAA,IAAA,KAmGAC,EAAA,SAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,WAAAA,EAAA,SAAAA,EAAA,WAAAA,aA+IAC,EAAA,IAAAC,OAAAC,OAAAC,EAAAA,0BAEAC,EAAAC,EAAAA,oBAAAL,GAIAM,EAAA,QAFAC,EAAAA,iBAEAC,SAAA,CAAAC,aAAA,cAAA,GACAC,EAAAH,EAAAA,iBAAAG,SAaAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,mXAqBI,MAAAC,WAAAA,GAAAC,EAAAA,SAAAC,EAAAC,SAAAD,EAAAC,SAAApB,EAAA,2BAIAqB,EAAAC,oBAGAC,WAAAA,EAAAC,QAAAA,GAAAC,WAAA,CAAAC,YAAAd,6CAEAe,EAAArB,EAAAa,IAAAS,MAAAC,GAAAF,EAAAG,EAAAC,EAAAA,OAAAJ,EAAA,CAAA,UACAK,EAAA7B,OAAA8B,OAAA,GAAAC,IAAAC,KAAAC,EAAA,UAAAJ,EAAAK,EAAAN,EAAAA,OAAAC,EAAA,CAAA,SACAM,EA3CJ,EAAAC,EAAAC,KACE,OAAAD,GACE,IAAA,OACE,MAAA,CAAAD,KAAA,QACF,IAAA,SACE,MAAA,GACF,QACE,OAAAE,EAAA,CAAAF,KAAA,WAAA,CAAAA,KAAA,YAoCFG,CAAAL,EAAAM,MAAAA,GAAAA,GACAC,EAAAxB,EAAAyB,OAAAC,EACAC,GAAAZ,EAAAC,KACAY,GAAA,QAAAD,GACAE,GAAA,UAAAF,IACAG,WAAAA,IAAAC,EAAAA,oCAEE7B,EAAA,aAAApB,EACAoB,EAAA,aAAApB,EACAoB,EAAA,aAAApB,EACAoB,EAAA,cAAApB,EACAoB,EAAA,wBAAApB,EACAoB,EAAA,sBAAApB,EACAoB,EAAA,WAAApB,EACAoB,EAAA,SAAApB,EACAoB,EAAA,QAAApB,EACA,oBAAAkD,IACA,oBAAAC,SAEA,WAAAC,GAAApD,kBAEAW,QAEE0C,IACA5B,oBAEAzB,EACFW,GAAAY,IAAA8B,IAAA5B,IAAAL,EAAA,cAAApB,GACAoB,EAAA,cAAAiC,IAAA5B,GAAAzB,EA1FN,WA8FIsD,GAAAC,EAAAA,WAAAnB,EAAApB,EAAAT,EAAAe,EAAAF,EAAA,aAAA,GAAAoC,EAAAT,GAAA,GAAA,CAAA,gBAAAtB,mCAYIV,IAAAA,EAAA0C,SAAAhC,EAAAE,MAAA,GAAA+B,MAAA9B,IAAA+B,MAAA9B,EAAA+B,UAAA1C,EAAA,UAAAyB,MAAAD,EAAAmB,SAAApC,IAAAuB,IAAA,EAAA,EAAA,aAAAJ,EAAA,cAAAH,EAAA,uBAAAqB,EAAA,gBAAAC,GAAAT,GAAAjB,EAAA,CAAA2B,SAAA9C,EAAA8C"}

package/amd/Button-d575f4d8.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","./UNSAFE_BaseButton","./tslib.es6-10853083",'module',"./utils/UNSAFE_classNames","./classNames-14cea078","preact/compat","./BaseButton-7b3d7ae3"],function(s,e,n,t,a,l,c,i,o){"use strict";const d="s1c0bb",r="st2q91",u="ad60kc",b="e276hy",j="ed0ed7",p="cko306",I="_1u4rq1g",h="l88hmx",g=s=>null==s;function m(s){var{size:n="md",display:a="all",styling:l="default"}=s,i=t.__rest(s,["size","display","styling"]);const o="all"===a||"icons"===a,m="all"===a||"label"===a,y=h,f=i.startIcon&&("icons"===a||!i.children)&&!i.endIcon,x="embedded"===l,B=!g(i.startIcon)&&"all"===a,N=!g(i.endIcon)&&"all"===a,O=i.startIcon&&i.endIcon,v=`${r} oj-c-button-layout-${n} ${I}`,z=c.classNames([r,x?`oj-c-button-layout-embedded-${n}`:`oj-c-button-layout-${n}`,f?p:j]),$=c.classNames([d,B&&!O&&b,N&&!O&&u]);return e.jsxs("span",Object.assign({class:y},{children:[o&&i.startIcon&&e.jsx("span",Object.assign({class:z},{children:i.startIcon})),m&&i.children&&e.jsxs("span",Object.assign({class:$},{children:[" ",i.children," "]})),o&&i.endIcon&&e.jsx("span",Object.assign({class:v},{children:i.endIcon}))]}))}const y=i.forwardRef(({variant:s="outlined",isDisabled:n=!1,isRepeat:t=!1,size:a="md",display:l="all",endIcon:c,startIcon:i,autofocus:d,edge:r,onAction:u,label:b="",accessibleLabel:j,title:p,width:I},h)=>{const g=!i&&!c||"label"===l,y=g?b:e.jsx(m,Object.assign({display:l,startIcon:i,endIcon:c,size:a},{children:b}));return e.jsx(o.BaseButton,Object.assign({ref:h,isDisabled:n,isRepeat:t,size:a,width:I,autofocus:d,edge:r,variant:s,styling:[g?"default":"min"],onAction:u,accessibleLabel:null!=j?j:"icons"===l?b:void 0,title:null!=p?p:"icons"===l?null!=j?j:b:void 0,"aria-label":"icons"===l?b:null},{children:y}))});s.Button=y,s.ButtonLayout=m});
-//# sourceMappingURL=Button-d575f4d8.js.map

package/amd/Button-d575f4d8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-d575f4d8.js","sources":["../../src/UNSAFE_Button/ButtonLayout.tsx","../../src/UNSAFE_Button/Button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nexport type ButtonDisplay = 'icons' | 'label' | 'all';\n\nexport type Props = {\n  /**\n   *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n   */\n  children?: ComponentChildren;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\n      display: 'inline-flex',\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n      fontWeight: 'normal',\n      marginTop: 0,\n      marginBottom: 0\n    }}\n  `,\n\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  startIconOnly: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  endIcon: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n    }}\n  `,\n\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\n  `\n};\n\nconst isNullOrUndefined = (\n  value: ComponentChildren | null | undefined\n): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\nexport function ButtonLayout({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: Props) {\n  const showIcons = display === 'all' || display === 'icons';\n  const showText = display === 'all' || display === 'label';\n  const labelClass = compStyles.label;\n  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;\n  const isEmbedded = styling === 'embedded';\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = props.startIcon && props.endIcon;\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`,\n    isOnlyIcon ? compStyles.startIconOnly : compStyles.startIcon\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n\n  return (\n    <span class={labelClass}>\n      {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n      {showText && props.children && <span class={textStyles}> {props.children} </span>}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLButtonElement>, 'autofocus'>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * accessibleLabel - override label for accessibility\n     */\n    accessibleLabel?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are the least prominent variation.\n     * Borderless buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\",\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * The title is used to provide a tooltip.\n     */\n    title?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      accessibleLabel,\n      title,\n      width\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLayout>\n    );\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        accessibleLabel={accessibleLabel ?? (display === 'icons' ? label : undefined)}\n        title={title ?? (display === 'icons' ? accessibleLabel ?? label : undefined)}\n        aria-label={display === 'icons' ? label : null}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["compStyles","isNullOrUndefined","value","ButtonLayout","_a","size","display","styling","props","__rest","labelClass","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","isTwoIcons","Button","forwardRef","variant","isDisabled","isRepeat","autofocus","edge","onAction","label","accessibleLabel","title","width","ref","labelOnly","content","_jsx","jsx","Object","assign","children","BaseButton","undefined"],"mappings":"oOA8CA,MAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,SAAAA,EAAA,WAAAA,WAkEAC,EAAAC,GAGEA,MAAAA,EAGF,SAAAC,EAAAC,GAA6B,IAAAC,KAAAA,EAAA,KAAAC,QAAAA,EAAA,MAAAC,QAAAA,EAAA,WAAAH,EAAAI,EAAAC,EAAAA,OAAAL,EAAA,CAAA,OAAA,UAAA,oEAQ3BM,EAAAV,wDAEAW,EAAA,aAAAJ,EACAK,GAAAX,EAAAO,EAAAK,YAAA,QAAAP,EACAQ,GAAAb,EAAAO,EAAAO,UAAA,QAAAT,2BAGAU,EAAA,GAAAhB,wBAAAK,KAAAL,oBAEEA,yFAKAA,EACAY,IAAAK,GAAAjB,EACAc,IAAAG,GAAAjB,+SClDS,MAAAkB,EAASC,EAAUA,WAC9B,EAEIC,QAAAA,EAAU,WACVC,WAAAA,GAAa,EACbC,SAAAA,GAAW,EACXjB,KAAAA,EAAO,KACPC,QAAAA,EAAU,MACVS,QAAAA,EACAF,UAAAA,EACAU,UAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,MAAAA,EAAQ,GACRC,gBAAAA,EACAC,MAAAA,EACAC,MAAAA,GAEFC,KAEA,MAAMC,GAAclB,IAAcE,GAAwB,UAAZT,EACxC0B,EAAUD,EACd,EAEAE,EAAAC,IAAC/B,EAAagC,OAAAC,OAAA,CAAA9B,QAASA,EAASO,UAAWA,EAAWE,QAASA,EAASV,KAAMA,GAAI,CAAAgC,SAC/EX,KAGL,OACEO,EAAAA,IAACK,EAAAA,WACCH,OAAAC,OAAA,CAAAN,IAAKA,EACLT,WAAYA,EACZC,SAAUA,EACVjB,KAAMA,EACNwB,MAAOA,EACPN,UAAWA,EACXC,KAAMA,EACNJ,QAASA,EACTb,QAAS,CAACwB,EAAY,UAAY,OAClCN,SAAUA,EACVE,gBAAiBA,MAAAA,EAAAA,EAAgC,UAAZrB,EAAsBoB,OAAQa,EACnEX,MAAOA,MAAAA,EAAAA,EAAsB,UAAZtB,EAAsBqB,MAAAA,EAAAA,EAAmBD,OAAQa,EACtD,aAAY,UAAZjC,EAAsBoB,EAAQ,MACzC,CAAAW,SAAAL"}

package/amd/Chip-c048386f.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useActionable",'module',"preact/hooks","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTabbableMode","./classNames-14cea078"],function(e,s,i,a,l,b,c,n){"use strict";const t={base:"rq2tb9",disabled:"i464hw",info:"_1439x0i",infoSubtle:"_1cuumt6",infoSubtleLighter:"f27y2p",childrenMargins:"_16m8pb8"};e.Chip=function({isSelected:e,isDisabled:a,accessibleLabel:b,children:o,onToggle:r}){const u=l.useCallback(()=>{null==r||r({previousValue:e,value:!e})},[e,r]),{actionableProps:d,isHover:h,isActive:f}=i.useActionable(u),p=a?"disabled":e||f?"info":h?"infoSubtle":"infoSubtleLighter",g=n.classNames([t.base,a?t.disabled:`${t.base} ${t[p]} ow3ypb`,t.childrenMargins]),{isTabbable:S}=c.useTabbableMode();return a?s.jsx("div",Object.assign({class:g},{children:o})):s.jsx("div",Object.assign({},d,{class:g,tabIndex:S?0:-1,"aria-label":b,role:"switch","aria-checked":e?"true":"false"},{children:o}))}});
-//# sourceMappingURL=Chip-c048386f.js.map

package/amd/Chip-c048386f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip-c048386f.js","sources":["../../src/UNSAFE_Chip/Chip.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 { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\nconst cursorandFocusStyle = cssProps`${{\n  cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '1px'\n  }\n}}`;\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n    display: 'inline-block',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    height: '2rem',\n    minWidth: '2rem',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center'\n  }}`,\n  disabled: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  info: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`,\n  infoSubtleLighter: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`,\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n  /**\n   * Specifies if the chip component is selected.\n   */\n  isSelected?: boolean;\n  /**\n   * Disables the component.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies some screen reader text.\n   */\n  accessibleLabel?: string;\n  children: string;\n  /**\n   * Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n   */\n  onToggle?: (detail: SelectedChangeDetail) => void;\n  //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n  const handleAction = useCallback(() => {\n    onToggle?.({ previousValue: isSelected, value: !isSelected });\n  }, [isSelected, onToggle]);\n\n  const { actionableProps, isHover, isActive } = useActionable(handleAction);\n\n  const variant = isDisabled\n    ? 'disabled'\n    : isSelected || isActive\n    ? 'info'\n    : isHover\n    ? 'infoSubtle'\n    : 'infoSubtleLighter';\n\n  const classes = classNames([\n    styles.base,\n    isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`,\n    styles.childrenMargins\n  ]);\n  const { isTabbable } = useTabbableMode();\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...actionableProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      aria-label={accessibleLabel}\n      role=\"switch\"\n      aria-checked={isSelected ? 'true' : 'false'}>\n      {children}\n    </div>\n  );\n}\n"],"names":["styles","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","actionableProps","isHover","isActive","useActionable","base","childrenMargins","isTabbable","useTabbableMode"],"mappings":"4NAaA,MAUAA,EAAA,MAAA,kBAAA,cAAA,sBAAA,6BAAA,4CAkFA,UAAAC,WAAAA,EAAAC,WAAAA,EAAAC,gBAAAA,EAAAC,SAAAA,EAAAC,SAAAA,IACE,MAAAC,EAAAC,EAAAA,YAAA,KACEF,MAAAA,GAAAA,EAAA,CAAAG,cAAAP,EAAAQ,OAAAR,KACF,CAAAA,EAAAI,KAEAK,gBAAAA,EAAAC,QAAAA,EAAAC,SAAAA,GAAAC,EAAAA,cAAAP,OAGE,gBAEA,OACAK,EACA,iDAIAX,EAAAc,6CAEAd,EAAAe,mBAEFC,WAAAA,GAAAC,EAAAA"}

package/amd/ClearIcon-758f35e3.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"preact/hooks","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useTranslationBundle"],function(e,s,n,t,r,o){"use strict";const l="xyhj9u",a=()=>{};e.ClearIcon=function({onClick:e}){const n=t.useCallback(e=>{e.preventDefault()},[]),{pressProps:i}=r.usePress(null!=e?e:a),c=o.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return s.jsx("span",Object.assign({"aria-hidden":"true",class:l,tabIndex:-1,onMouseDown:n,title:c},i,{children:s.jsx("svg",Object.assign({height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg"},{children:s.jsx("path",{d:"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z",fill:"#100f0e","fill-rule":"evenodd"})}))}))}});
-//# sourceMappingURL=ClearIcon-758f35e3.js.map

package/amd/ClearIcon-758f35e3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearIcon-758f35e3.js","sources":["../../src/UNSAFE_InputText/ClearIcon.tsx"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\ntype Props = {\n  onClick?: () => void;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-border-radius) once it is available\nconst ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available\nconst ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available\nconst ojButtonBorderlessChromeTextColorHover =\n  'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)';\n// TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available\nconst ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)';\n// TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available\nconst ojButtonBorderlessChromeBorderColorHover = 'transparent';\n\nconst clearIconStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n\n    paddingInline: 0,\n    paddingBlock: 0,\n    borderRadius: ojButtonBorderRadius,\n    color: ojButtonBorderlessChromeTextColor,\n\n    width: ojButtonHeight,\n    height: ojButtonHeight,\n    lineHeight: ojButtonHeight,\n\n    '&:hover': {\n      color: ojButtonBorderlessChromeTextColorHover,\n      backgroundColor: ojButtonBorderlessChromeBgColorHover,\n      borderColor: ojButtonBorderlessChromeBorderColorHover\n    }\n  }}}`\n};\n\nconst noop = () => {};\n\nexport function ClearIcon({ onClick }: Props) {\n  const killEvent = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={clearIconStyles.base}\n      tabIndex={-1}\n      onMouseDown={killEvent}\n      title={clearStr}\n      {...pressProps}>\n      <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m12 1c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm3.4979817 6-3.4979817 3.498-3.49798173-3.498-1.50201827 1.50201827 3.498 3.49798173-3.498 3.4979817 1.50201827 1.5020183 3.49798173-3.498 3.4979817 3.498 1.5020183-1.5020183-3.498-3.4979817 3.498-3.49798173z\"\n          fill=\"#100f0e\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["clearIconStyles","noop","onClick","killEvent","useCallback","event","pressProps","usePress","clearStr","useTranslationBundle","formControl_clear"],"mappings":"oKAWA,MAaAA,WAwBAC,EAAA,mBAEA,UAAAC,QAAAA,IACE,MAAAC,EAAAC,EAAAA,YAAAC,6BAGAC,WAAAA,GAAAC,EAAAA,SAAAL,MAAAA,EAAAA,EAAAD,GAEAO,EADAC,uBAAA,4BACAC"}

package/amd/Collection-25c13095.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime","preact"],function(e,t,n){"use strict";e.Collection=function({items:e,children:i}){return t.jsx(n.Fragment,{children:e.map((e,t)=>i({index:t,data:e}))})}});
-//# sourceMappingURL=Collection-25c13095.js.map

package/amd/Collection-25c13095.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collection-25c13095.js","sources":["../../src/PRIVATE_Collection/Collection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        const ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["items","children","_jsx","jsx","Fragment","map","data","index"],"mappings":"qGA2B8BA,MAAEA,EAAKC,SAAEA,IACrC,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAAH,SACND,EAAMK,IAAI,CAACC,EAASC,IAEZN,EADK,CAAEM,MAAAA,EAAOD,KAAAA"}

package/amd/ComponentMessage-e718a00c.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./UNSAFE_HiddenAccessible","./utils/UNSAFE_classNames","./classNames-14cea078","./MessageUtils-9295af3b","./HiddenAccessible-c8f46f15","./MessageStartIcon-0470534b","./MessageSummary-71773382"],function(e,s,a,i,n,r,t,c,l,o,d,u){"use strict";e.ComponentMessage=function({detail:e,fieldLabel:a,severity:n="error"}){const r=c.classNames(["_9f37uf",l.severityBasedStyleClass(n,"inline")]),t=i.useTranslationBundle("@oracle/oraclejet-preact"),f={confirmation:t.confirmation(),error:t.error(),info:t.info(),warning:t.warn()};return s.jsxs("div",Object.assign({class:r,role:"alert","aria-atomic":"true"},{children:[a&&s.jsx(o.HiddenAccessible,{children:a}),l.isSeverityIconNeeded(n)&&s.jsx(d.MessageStartIcon,{variant:"inline",severity:n,translations:f}),s.jsx(u.MessageSummary,{variant:"inline",text:e})]}))}});
-//# sourceMappingURL=ComponentMessage-e718a00c.js.map

package/amd/ComponentMessage-e718a00c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessage-e718a00c.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  severityBasedStyleClass\n} from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\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 = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\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":["detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn"],"mappings":"gXA0DA,UAAAA,OAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAA,UACE,MAAAC,EAAAC,EAAAA,WAAA,CAxCF,UAwCEC,EAAAA,wBAAAH,EAAA,YACAI,EAAAC,uBAAA,4BACAC,EAAA,CACEC,aAAAH,EAAAG,eACAC,MAAAJ,EAAAI,QACAC,KAAAL,EAAAK,OACAC,QAAAN,EAAAO"}

package/amd/ComponentMessageContainer-b043c5d9.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./PRIVATE_Message","./ComponentMessage-e718a00c","./MessagesManager-4b874934"],function(e,a,s,t,n,i){"use strict";function r(e){return e.map((e,a)=>({key:a,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}}))}e.ComponentMessageContainer=function({fieldLabel:e,messages:s=[]}){return a.jsx("div",Object.assign({class:"qpveq1"},{children:a.jsx(i.MessagesManager,Object.assign({data:r(s)},{children:({item:s})=>a.jsx(n.ComponentMessage,{detail:s.data.detail,fieldLabel:e,severity:s.data.severity},s.key)}))}))}});
-//# sourceMappingURL=ComponentMessageContainer-b043c5d9.js.map

package/amd/ComponentMessageContainer-b043c5d9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessageContainer-b043c5d9.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\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={rootStyles}>\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":["generateMessagesData","messages","key","index","data","closeAffordance","severity","message","fieldLabel"],"mappings":"oKAuBA,SAAAA,EAAAC,yBAGMC,IAAAC,EACAC,KAAA,CACEC,gBAAA,MACAC,SAAAC,EAAAD,UAAA,wDAsBR,UAAAE,WAAAA,EAAAP,SAAAA,EAAA,6CAvCA"}

package/amd/Divider-0e4c5047.js

@@ -1,2 +0,0 @@
-define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_mergeInterpolations"],function(t,n,o,i){"use strict";const r={orientation:{horizontal:"_1tm2ggs"}},a=[({orientation:t="horizontal"})=>({class:r.orientation[t]})],e=i.mergeInterpolations(a);t.Divider=function(){const{class:t}=e({orientation:"horizontal"});return n.jsx("span",{class:t,role:"separator","aria-orientation":"horizontal"})}});
-//# sourceMappingURL=Divider-0e4c5047.js.map

package/amd/Divider-0e4c5047.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-0e4c5047.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 */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\nconst styles = {\n  orientation: {\n    horizontal: cssProps`${{\n      display: 'block',\n      width: '100%',\n      height: '0',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n      borderStyle: 'solid',\n      borderWidth: '1px 0 0 0',\n      fontSize: '0',\n      lineHeight: '0'\n    }}`\n  }\n};\n\nconst interpolations = [\n  ({ orientation = 'horizontal' }: Pick<DividerProps, 'orientation'>) => ({\n    class: styles.orientation[orientation]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<DividerProps>(interpolations);\n\n// TODO - Support vertical orientation\nexport function Divider() {\n  const { class: cls } = styleInterpolations({ orientation: 'horizontal' });\n\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={cls} role=\"separator\" aria-orientation=\"horizontal\"></span>;\n}\n"],"names":["styles","orientation","interpolations","class","styleInterpolations","mergeInterpolations","cls"],"mappings":"sHAmBA,MAAAA,EAAA,CACEC,YAAA,yBAcFC,EAAA,mCAEIC,MAAAH,EAAAC,YAAAA,MAIJG,EAAAC,EAAAA,oBAAAH,aAGA,WACE,MAAAC,MAAAG,GAAAF,EAAA,CAAAH,YAAA"}

package/amd/FilePicker-89374ddb.js

@@ -1,2 +0,0 @@
-define(["exports","./tslib.es6-10853083","preact/jsx-runtime","./utils/UNSAFE_mergeProps","./utils/UNSAFE_classNames","./hooks/UNSAFE_useTranslationBundle",'module',"./UNSAFE_Text","./UNSAFE_Spacer","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./Text-617f0e96","./Spacer-bcde3cb4","./stringUtils-20539320","./utils/UNSAFE_filePickerUtils","./utils/PRIVATE_clientHints","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","preact/hooks","./clientHints-4d8618df","./hooks/UNSAFE_useTabbableMode","./classNames-14cea078"],function(e,r,t,s,i,n,a,l,o,c,d,u,p,h,b,f,v,g,m,y,x,j){"use strict";const T=(e,r,s,i,n)=>[t.jsx(u.Text,Object.assign({variant:e?"disabled":"primary",weight:"bold",size:"xl"},{children:D(r,i)})),t.jsx(p.Spacer,{height:"1.5x"}),t.jsx(u.Text,Object.assign({variant:e?"disabled":"secondary",size:"sm"},{children:k(s,i,n)}))],P=({accessibleLabel:e,isDisabled:r,translations:t,primaryText:s,secondaryText:i,selectionMode:n})=>e||`${r?"":t.filePicker_addFiles()+". "}${D(s,t)}. ${k(i,t,n)}`,_=(e,r)=>({width:e?c.sizeToCSS(e):void 0,height:r?c.sizeToCSS(r):void 0}),D=(e,r)=>e||r.filePicker_dropzonePrimaryText(),k=(e,r,t)=>{const s="multiple"===t?r.filePicker_dropzoneSecondaryTextMultiple():r.filePicker_dropzoneSecondaryText();return e||s},S=(e,r,t)=>{const s=[],i=[];let n,a;if(e)for(let l=0;l<e.length;l++){n=e[l];const o=n.name;if(a=t.filePicker_unknownFileTypeUploadError(),o){const e=o.split(".");a=e.length>1?"."+e.pop():a}a=n.type?n.type:a,-1===s.indexOf(a)&&-1===i.indexOf(a)&&(U(n,r)?s.push(a):i.push(a))}return{accepted:s,rejected:i}},E=e=>{const r={length:{value:e.length},item:{value(e){return this[e]}}};for(let t=0;t<e.length;t++)r[t]={value:e[t],enumerable:!0};return Object.create(FileList.prototype,r)},N=(e,r)=>"single"!==r||1===e.length,F=(e,r)=>{const t=[];return 1===e.length?t.push({severity:"error",summary:r.filePicker_singleTypeUploadError({fileType:e[0]})}):t.push({severity:"error",summary:r.filePicker_multipleFileTypeUploadError({fileTypes:e.join(r.plural_separator())})}),t},U=(e,r)=>{const t=r;if(!t||0===t.length||!e)return!0;let s;for(let r=0;r<t.length;r++){if(s=h.trim(t[r]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},A=(e,r,t)=>{let s;const i=r?new Promise(e=>{s=e}):null;return null==t||t({messages:e,until:i}),s},O=(e,r)=>{const t=E(e);null==r||r({files:t})},M=(e,r,t)=>{const{callback:s,validation:i}=H(e),{pressProps:n}=v.usePress(s),a=L(e.accept,e.selectionMode,A,O,r,e.translations,e.onCommit,e.onReject,t),{hoverProps:l,isHover:o}=g.useHover({isDisabled:!1});return{validation:i,dragAndDropProps:a,pressProps:n,isHover:o,hoverProps:l}},H=e=>{const r=r=>{if(r.length>0){const t=S(r,e.accept,e.translations).rejected;t.length>0?A(F(t,e.translations),!1,e.onReject):O(r,e.onCommit)}};return{callback:t=>{var s,i;("click"===t.type||"keyup"===t.type&&"Enter"===t.code)&&(t.preventDefault(),b.pickFiles(r,{accept:e.accept,selectionMode:null!==(s=e.selectionMode)&&void 0!==s?s:"multiple",capture:null!==(i=e.capture)&&void 0!==i?i:"none"}))},validation:r}},L=(e,r,t,s,i,n,a,l,o)=>{const c=m.useRef(!1),d=m.useRef(!1),u=m.useRef(),p=(e,r=!1)=>{var t,s;c.current&&(e.preventDefault(),e.stopPropagation(),(null===(t=i.current)||void 0===t?void 0:t.contains(e.relatedTarget))||(c.current=!1,null==o||o("NA"),d.current||r||null===(s=u.current)||void 0===s||s.call(u)))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),c.current)return;const i=y.getClientHints().browser;if(c.current=!0,d.current=!0,"safari"!==i){if(!s.dataTransfer)return;const i=E(s.dataTransfer.items);let a=[];const c=N(i,r),p=S(i,e,n);c&&0===p.rejected.length?null==o||o("valid"):(d.current=!1,c?a=F(p.rejected,n):a.push({severity:"error",summary:n.filePicker_singleFileUploadError()}),null==o||o("invalid"),u.current=t(a,!0,l))}else null==o||o("valid")},onDragLeave:p,onDrop:i=>{if(c.current){if(i.preventDefault(),i.stopPropagation(),!i.dataTransfer)return void(c.current=!1);const o=E(i.dataTransfer.files);let u=!1;if(d.current){let i=[];if(N(o,r)){const r=S(o,e,n);r.rejected.length>0&&(i=F(r.rejected,n),u=!0)}else i.push({severity:"error",summary:n.filePicker_singleFileUploadError()});i.length>0&&(d.current=!1,t(i,!1,l)),d.current&&s(o,a)}p(i,u)}}}};const w=e=>{const[r,i]=m.useState("NA"),n="valid"===r?"oj-c-valid-drop":"invalid"===r?"oj-c-invalid-drop":"",a=m.useRef(null),{validation:l,dragAndDropProps:o,pressProps:c,isHover:d,hoverProps:u}=M(e,a,i),p=s.mergeProps(c,u);C(o,l,e.testHandlersRef||null);const h=j.classNames([I.base,void 0===e.width&&I.maxWidth,d&&I.hover]),{isTabbable:b}=x.useTabbableMode(),{accessibleLabel:f,primaryText:v,secondaryText:g,translations:y,selectionMode:D,width:k,height:S}=e;return t.jsx("div",Object.assign({},p,{class:h,tabIndex:b?0:-1,role:"button","aria-label":P({accessibleLabel:f,isDisabled:!1,translations:y,primaryText:v,secondaryText:g,selectionMode:D}),ref:a,style:_(k,S)},{children:t.jsx("div",Object.assign({class:j.classNames([I.inner,n])},o,{children:T(!1,v,g,y,D)}))}))},R=e=>t.jsx("div",Object.assign({className:$},{children:e})),z=({children:e,accessibleLabel:r,primaryText:s,secondaryText:i,translations:n,selectionMode:a,width:l,height:o})=>t.jsx("div",Object.assign({class:j.classNames([I.base,I.inner,void 0===l&&I.maxWidth,"oj-c-filepicker-disabled"]),role:"button","aria-label":P({accessibleLabel:r,isDisabled:!0,translations:n,primaryText:s,secondaryText:i}),"aria-hidden":"true",style:_(l,o)},{children:e&&R(e)||T(!0,s,i,n,a)})),W=e=>{const r=m.useRef(null),{validation:i,dragAndDropProps:n,pressProps:a,isHover:l,hoverProps:o}=M(e,r),c=s.mergeProps(a,n,o);C(n,i,e.testHandlersRef||null);const d=j.classNames([I.base,void 0===e.width&&I.maxWidth,l&&I.hover]),{accessibleLabel:u,translations:p,selectionMode:h}=e,{isTabbable:b}=x.useTabbableMode();return t.jsx("div",Object.assign({class:d,tabIndex:b?void 0:-1,role:"button","aria-label":P({accessibleLabel:u,isDisabled:!1,translations:p,selectionMode:h}),ref:r,style:_(e.width,e.height)},c,{children:e.children&&R(e.children)}))},C=(e,r,t)=>{m.useImperativeHandle(t,()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:r}))},I={base:"_1hx7mch",maxWidth:"_1fm0bgf",inner:"qin7ge",hover:"c4s6lu",pseudohover:"lnafia"},$="_16u1zj";e.FilePicker=function(e){var{capture:s="none",isDisabled:i=!1,selectionMode:a="multiple",children:l}=e,o=r.__rest(e,["capture","isDisabled","selectionMode","children"]);const c=o.__testHandlerSymbol,d=n.useTranslationBundle("@oracle/oraclejet-preact"),u=Object.assign({capture:s,selectionMode:a,translations:d},o);return i?t.jsx(z,Object.assign({},u,{children:l})):l?t.jsx(W,Object.assign({testHandlersRef:c},u,{children:l})):t.jsx(w,Object.assign({testHandlersRef:c},u))}});
-//# sourceMappingURL=FilePicker-89374ddb.js.map