@oracle/oraclejet 13.1.1 → 13.1.3

package/dist/js/libs/oraclejet-preact/amd/Badge-582da4a0.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'module',"./classNames-c5664765"],(function(e,n,s,a,t){"use strict";const c={base:"lxgdcx",end:"ejap3w",neutral:"f7m9ja",danger:"_nz7t6x",warning:"_og6ql7",success:"_so7im",info:"_632ge",neutralSubtle:"vzto6k",dangerSubtle:"ydi4d9",warningSubtle:"_v53zn8",successSubtle:"_j7d061",infoSubtle:"zgovb5"};e.Badge=function({variant:e="neutral",size:s="md",placement:a="none",children:i}){const l=t.classNames([c.base,"sm"===s&&"oj-badge-sm","end"===a&&c.end,c[e]]);return n.jsx("span",Object.assign({class:l},{children:i}))}}));
+//# sourceMappingURL=Badge-582da4a0.js.map

package/dist/js/libs/oraclejet-preact/amd/Badge-582da4a0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-582da4a0.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 placement 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  placement?: '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  }}`,\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\nexport function Badge({ variant = 'neutral', size = 'md', placement = 'none', children }: Props) {\n  const textClasses = classNames([\n    styles.base,\n    size === 'sm' && 'oj-badge-sm',\n    placement === 'end' && styles.end,\n    styles[variant]\n  ]);\n  return <span class={textClasses}>{children}</span>;\n}\n"],"names":["styles","variant","size","placement","children","base","end","_jsx","Object","assign","class","textClasses"],"mappings":"wIAuCA,MAAAA,EAAA,MAAA,aAAA,iBAAA,gBAAA,kBAAA,kBAAA,cAAA,uBAAA,sBAAA,uBAAA,wBAAA,uCAuGA,UAAAC,QAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,UAAAA,EAAA,OAAAC,SAAAA,0BAEIJ,EAAAK,6BAEA,QAAAF,GAAAH,EAAAM,WAGF,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAP,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/Button-84b785e8.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var s=Object.prototype.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,n=new Array(t);s<t;s++)n[s]=e[s];return n}define(["exports","preact/jsx-runtime","./tslib.es6-b778e93a",'module',"./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./utils/UNSAFE_classNames","preact/compat","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/PRIVATE_clientHints","./clientHints-d8464082","./classNames-c5664765"],(function(e,t,s,n,a,r,o,i,l,c,u,d,b){"use strict";const y=()=>null,p="ubp28v",_="_3uj6w",f="_rd178w",m="wankdq",g="_hs9vg7",A="_s9ac1n",j="_y4kaxx",I=_toConsumableArray(Object.values(l.dimensionInterpolations)),h=c.mergeInterpolations(I),v="ios"===d.getClientHints().platform?{ontouchstart:function(){}}:{},x=d.getClientHints().isHybrid,S=i.forwardRef(((e,n)=>{var{variant:o="outlined",isDisabled:i=!1,size:l="md",elementDetails:c={type:"button"},styling:u="default",edge:d="none",accessibleLabel:I}=e,S=s.__rest(e,["variant","isDisabled","size","elementDetails","styling","edge","accessibleLabel"]);const{pressProps:w}=a.usePress(S.onAction?S.onAction:y,{isDisabled:i}),{hoverProps:O,isHover:k}=r.useHover({isDisabled:x}),H=h(S),{class:N}=H,T=s.__rest(H,["class"]),$=b.classNames(["default"===u&&p,"unstyled"===u&&m,"min"===u&&p||g,`oj-c-button-${o}`,`oj-c-button-${l}`,i&&A,"bottom"===d&&j,!x&&f,x&&k&&_]),z=Object.assign({},c),{type:D="button"}=z,L=s.__rest(z,["type"]),E="button"===D?{type:"button"}:{role:"link"},U=S.title||I,C=c.type;return t.jsx(C,Object.assign({ref:n,disabled:i,class:`${$} ${N}`,style:T,autofocus:S.autofocus,title:U,tabIndex:i?-1:0,"aria-label":I},L,E,w,v,O,{children:S.children}))})),w="gpzo3d",O="_bgger1",k="_e6ay40",H="_a6ofxk",N="_3l5s4r",T="_buvn7r",$="q2xvw0",z="_47ljs8",D=e=>null==e;function L(e){var{size:n="md",display:a="all"}=e,r=s.__rest(e,["size","display"]);const o="all"==a||"icons"==a,i="all"==a||"label"==a,l=z,c=r.startIcon&&("icons"===a||!r.children)&&!r.endIcon,u=!D(r.startIcon)&&"all"===a,d=!D(r.endIcon)&&"all"===a,y=r.startIcon&&r.endIcon,p=`${O} oj-c-button-layout-${n} ${$}`,_=b.classNames([O,`oj-c-button-layout-${n}`,c?T:N]),f=b.classNames([w,u&&!y&&H,d&&!y&&k]);return t.jsxs("span",Object.assign({class:l},{children:[o&&r.startIcon&&t.jsx("span",Object.assign({class:_},{children:r.startIcon})),i&&r.children&&t.jsxs("span",Object.assign({class:f},{children:[" ",r.children," "]})),o&&r.endIcon&&t.jsx("span",Object.assign({class:p},{children:r.endIcon}))]}))}const E=i.forwardRef((({variant:e="outlined",isDisabled:s=!1,size:n="md",display:a="all",endIcon:r,startIcon:o,autofocus:i,edge:l,onAction:c,label:u="",accessibleLabel:d,title:b,width:y},p)=>{const _=!o&&!r||"label"===a,f=_?u:t.jsx(L,Object.assign({display:a,startIcon:o,endIcon:r,size:n},{children:u}));return t.jsx(S,Object.assign({ref:p,isDisabled:s,size:n,width:y,autofocus:i,edge:l,variant:e,styling:_?"min":"default",onAction:c,accessibleLabel:null!=d?d:"icons"===a?u:void 0,title:null!=b?b:"icons"===a?null!=d?d:u:void 0,"aria-label":"icons"===a?u:null},{children:f}))}));e.Button=E}));
+//# sourceMappingURL=Button-84b785e8.js.map

package/dist/js/libs/oraclejet-preact/amd/Button-84b785e8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-84b785e8.js","sources":["../../src/UNSAFE_Button/BaseButton.tsx","../../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, JSX, Ref } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef } from 'preact/compat';\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';\n\ntype ButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string };\nconst NullFunction = () => null;\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLElement>, 'autofocus' | 'title'>;\n\nexport type Props = IntrinsicProps &\n  DimensionProps & {\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     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\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     * size\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * edge\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * accessibleLabel\n     */\n    accessibleLabel?: string;\n\n    /**\n     * styling\n     */\n    styling?: 'default' | 'min' | 'unstyled';\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?: ButtonElementDetails;\n  };\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-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-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-height)',\n    overflowX: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-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:enabled': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-active)',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-active)',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-active)'\n    },\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    },\n    '@supports selector(:focus-visible)': {\n      '&:focus': {\n        /* Remove the focus indicator on mouse-focus for browsers\n           that do support :focus-visible */\n        outline: 'none'\n      }\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)': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n      color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n    }\n  }}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': {\n        backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-hover)',\n        borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-hover)',\n        color: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-color-hover)'\n      }\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-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-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 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\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = 'default',\n      edge = 'none',\n      accessibleLabel,\n      ...props\n    }: Props,\n    ref?: Ref<HTMLButtonElement> & Ref<HTMLAnchorElement>\n  ) => {\n    const { pressProps } = usePress(props.onAction ? props.onAction : NullFunction, {\n      isDisabled\n    });\n    const { hoverProps, isHover } = useHover({ isDisabled: isHybrid });\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const rootStyles = classNames([\n      styling === 'default' && compStyles.base,\n      styling === 'unstyled' && compStyles.unstyled,\n      (styling === 'min' && compStyles.base) || compStyles.min,\n      `oj-c-button-${variant}`,\n      `oj-c-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && compStyles.pseudohover,\n      isHybrid && isHover && compStyles.hover\n    ]);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = elementType === 'button' ? { type: 'button' } : { role: 'link' };\n    const tooltip = props.title || accessibleLabel;\n    const ElementType = elementDetails.type;\n\n    return (\n      <ElementType\n        ref={ref}\n        disabled={isDisabled}\n        class={`${rootStyles} ${cls}`}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={tooltip}\n        tabIndex={isDisabled ? -1 : 0}\n        aria-label={accessibleLabel}\n        {...elementProps}\n        {...role}\n        {...pressProps}\n        {...iosProps}\n        {...hoverProps}>\n        {props.children}\n      </ElementType>\n    );\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 } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from './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   * size\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * display\n   */\n  display?: ButtonDisplay;\n};\n\nconst compStyles = {\n  text: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    display: 'inline-flex'\n  }}`,\n\n  icon: cssProps`${{\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  startText: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n  }}`,\n\n  endText: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-text-to-edge-padding)'\n  }}`,\n\n  startIcon: cssProps`${{\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  startIconOnly: cssProps`${{\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  endIcon: cssProps`${{\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  label: cssProps`${{\n    cursor: 'inherit',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%'\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({ size = 'md', display = 'all', ...props }: 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 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    `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 { JSX, ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from './BaseButton';\nimport { ButtonLayout } from './ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<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     * 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     * size\n     */\n    size?: ComponentProps<typeof BaseButton>['size'];\n\n    /**\n     * edge\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\n     */\n    display?: ComponentProps<typeof ButtonLayout>['display'];\n\n    /**\n     * title\n     */\n    title?: string;\n  };\n\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = 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>}\n        isDisabled={isDisabled}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={labelOnly ? 'min' : 'default'}\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":["NullFunction","compStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","iosProps","getClientHints","platform","ontouchstart","isHybrid","BaseButton","forwardRef","_a","ref","variant","isDisabled","size","elementDetails","type","styling","edge","accessibleLabel","props","__rest","pressProps","usePress","onAction","hoverProps","isHover","useHover","_b","class","cls","styles","_c","assign","elementType","elementProps","tooltip","title","ElementType","_jsx","disabled","rootStyles","style","autofocus","tabIndex","role","children","isNullOrUndefined","value","ButtonLayout","display","labelClass","textStartIcon","startIcon","textEndIcon","endIcon","endIconClass","isTwoIcons","Button","label","width","labelOnly","content","jsx","undefined"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/amd/Chip-1b5426f9.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./hooks/UNSAFE_useActionable",'module',"preact/hooks","./utils/UNSAFE_classNames","./classNames-c5664765"],(function(e,s,i,a,l,c,n){"use strict";const t={base:"lkufdu",disabled:"ghgi71",info:"_8qy54f",infoSubtle:"_pbshp",infoSubtleLighter:"_senboo"};e.Chip=function({isSelected:e,isDisabled:a,accessibleLabel:c,children:o,onToggle:b}){const r=l.useCallback((()=>{null==b||b({previousValue:e,value:!e})}),[e,b]),{actionableProps:u,isHover:d,isActive:f}=i.useActionable(r,{isSuppressDup:!1}),h=a?"disabled":e||f?"info":d?"infoSubtle":"infoSubtleLighter",p=n.classNames([t.base,a?t.disabled:`${t.base} ${t[h]} _7vwr9`]);return a?s.jsx("div",Object.assign({class:p},{children:o})):s.jsx("div",Object.assign({},u,{class:p,tabIndex:0,"aria-label":c,role:"switch","aria-checked":e?"true":"false"},{children:o}))}}));
+//# sourceMappingURL=Chip-1b5426f9.js.map

package/dist/js/libs/oraclejet-preact/amd/Chip-1b5426f9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-1b5426f9.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';\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\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    isSuppressDup: false\n  });\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  ]);\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...actionableProps}\n      class={classes}\n      tabIndex={0}\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","isSuppressDup","isHover","base"],"mappings":"0LAYA,MAUAA,EAAA,MAAA,kBAAA,cAAA,qBAAA,6CAwEA,UAAAC,WAAAA,EAAAC,WAAAA,EAAAC,gBAAAA,EAAAC,SAAAA,EAAAC,SAAAA,IACE,MAAAC,EAAAC,EAAAA,aAAA,KACEF,MAAAA,GAAAA,EAAA,CAAAG,cAAAP,EAAAQ,OAAAR,MACF,CAAAA,EAAAI,gEAGEK,eAAA,QAIA,gBAEA,OACAC,EACA,iDAIAX,EAAAY"}

package/dist/js/libs/oraclejet-preact/amd/ClearIcon-19d9b420.js

@@ -0,0 +1,2 @@
+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="_gue1th",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-19d9b420.js.map

package/dist/js/libs/oraclejet-preact/amd/ClearIcon-19d9b420.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-19d9b420.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":"qKAWA,MAaAA,YAwBAC,EAAA,mBAEA,UAAAC,QAAAA,IACE,MAAAC,EAAAC,EAAAA,aAAAC,8BAGAC,WAAAA,GAAAC,EAAAA,SAAAL,MAAAA,EAAAA,EAAAD,GAEAO,EADAC,uBAAA,4BACAC"}

package/dist/js/libs/oraclejet-preact/amd/Collection-f18e7c7a.js

@@ -0,0 +1,2 @@
+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-f18e7c7a.js.map

package/dist/js/libs/oraclejet-preact/amd/Collection-f18e7c7a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-f18e7c7a.js","sources":["../../src/UNSAFE_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 './Collection.types';\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        let ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["items","children","_jsx","jsx","Fragment","map","data","index"],"mappings":"sGA2B8BA,MAAEA,EAAFC,SAASA,IACrC,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAAH,SACND,EAAMK,KAAI,CAACC,EAASC,IAEZN,EADG,CAAEM,MAAAA,EAAOD,KAAAA"}

package/dist/js/libs/oraclejet-preact/amd/ComponentMessage-8a7c4ce2.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useTranslationBundle","./UNSAFE_HiddenAccessible","./UNSAFE_Message","./utils/UNSAFE_classNames","./classNames-c5664765","./MessageUtils-ff4822f6","./HiddenAccessible-5f553d37","./MessageStartIcon-3b31040a","./MessageSummary-b0969c6d"],(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(["_76skuq",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-8a7c4ce2.js.map

package/dist/js/libs/oraclejet-preact/amd/ComponentMessage-8a7c4ce2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-8a7c4ce2.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 { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  MessageSeverity,\n  severityBasedStyleClass\n} from '../UNSAFE_Message';\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?: Exclude<MessageSeverity, 'none'>;\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":"gXA2DA,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/dist/js/libs/oraclejet-preact/amd/ComponentMessageContainer-b4b34869.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./UNSAFE_Message","./ComponentMessage-8a7c4ce2","./MessagesManager-1b2a7b8e"],(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({animations:e,fieldLabel:s,messages:t=[]}){return a.jsx("div",Object.assign({class:"bu2ahh"},{children:a.jsx(i.MessagesManager,Object.assign({animations:e,data:r(t)},{children:({item:e})=>a.jsx(n.ComponentMessage,{detail:e.data.detail,fieldLabel:s,severity:e.data.severity},e.key)}))}))}}));
+//# sourceMappingURL=ComponentMessageContainer-b4b34869.js.map

package/dist/js/libs/oraclejet-preact/amd/ComponentMessageContainer-b4b34869.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-b4b34869.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 { MessageAnimation, MessagesManager } from '../UNSAFE_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   * An object of various animation effects for the transitions.\n   */\n  animations?: Record<string, MessageAnimation[]>;\n\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({ animations, fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager animations={animations} 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","animations","fieldLabel"],"mappings":"oKAuBA,SAAAA,EAAAC,0BAGMC,IAAAC,EACAC,KAAA,CACEC,gBAAA,MACAC,SAAAC,EAAAD,UAAA,yDA2BR,UAAAE,WAAAA,EAAAC,WAAAA,EAAAR,SAAAA,EAAA,6CA5CA"}

package/dist/js/libs/oraclejet-preact/amd/Flex-cef36544.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,e){if(r){if("string"==typeof r)return _arrayLikeToArray(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,e):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}define(["exports","./tslib.es6-b778e93a","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations",'module',"./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./utils/UNSAFE_interpolations/flexitem","./flexbox-6ea02906","./flexitem-9c2d026d"],(function(r,e,t,n,o,a,i,l,s,u,c){"use strict";const y=[].concat(_toConsumableArray(Object.values(n.dimensionInterpolations)),_toConsumableArray(Object.values(u.flexboxInterpolations)),_toConsumableArray(Object.values(c.flexitemInterpolations)),_toConsumableArray(Object.values(i.boxAlignmentInterpolations))),b=o.mergeInterpolations(y);r.Flex=r=>{var{children:n}=r,o=e.__rest(r,["children"]);const a=b(o),{class:i}=a,l=e.__rest(a,["class"]);return t.jsx("div",Object.assign({class:`_g0csjx ${i}`,style:l},{children:n}))}}));
+//# sourceMappingURL=Flex-cef36544.js.map

package/dist/js/libs/oraclejet-preact/amd/Flex-cef36544.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-cef36544.js","sources":["../../src/UNSAFE_Flex/Flex.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 } from 'preact';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${baseStyles} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","_toConsumableArray","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","_a","children","props","__rest","_b","class","cls","styles","_jsx","assign","style"],"mappings":"m1CAyBA,MAEAA,EACEC,GAAAA,OAAAA,mBAAAA,OAAAC,OAAAC,EAAAA,6CACAF,OAAAC,OAAAE,EAAAA,wBAFFC,mBAGEJ,OAAAC,OAAAI,2BACAL,mBAAAA,OAAAC,OAAAK,EAAAA,8BAGFC,EAAAC,EAAAA,oBAAAT,UAEAU,IAAqB,IAAAC,SAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,aACnB,MAAAI,EAAAN,EAAAI,IAAAG,MAAAC,GAAAF,EAAAG,EAAAJ,EAAAA,OAAAC,EAAA,CAAA,UACA,OAAAI,MAAA,MAAAjB,OAAAkB,OAAA,CAAAJ,MAAA,WAAAC,IAAAI,MAAAH,GAAA,CAAAN,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/Floating-8793c969.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact/hooks","preact/compat","./index-5ee30383","./hooks/UNSAFE_useOutsideClick"],(function(e,t,n,r,o,c){"use strict";function i(...e){return t=>{e.forEach((e=>function(e,t){if(null!=e)if("function"!=typeof e)try{e.current=t}catch(n){throw new Error(`Cannot assign value '${t}' to ref '${e}'`)}else e(t)}(e,t)))}}const s=r.forwardRef((({children:e,onClickOutside:r,placement:s="bottom",anchorRef:l,offsetValue:u,class:a},f)=>{const{x:d,y:h,reference:m,floating:p,refs:x}=o.useFloating({placement:s,middleware:[o.offset(u),o.b({mainAxis:!0,crossAxis:!0}),o.D({limiter:o.L()})],whileElementsMounted:o.N});r&&c.default({isDisabled:!1,ref:x.floating,handler:r}),n.useLayoutEffect((()=>{if(l.current instanceof Element){return void m(l.current)}const e=l,t={getBoundingClientRect:()=>({width:0,height:0,x:e.current.x,y:e.current.y,top:e.current.y,left:e.current.x,right:e.current.x,bottom:e.current.y})};e.current&&null!=e.current.x&&m(t)}),[l.current]);const g=n.useMemo((()=>i(f,p)),[f,p]);return t.jsx("div",Object.assign({class:a,ref:g,style:{display:"block",position:"absolute",top:null!=h?h:"",left:null!=d?d:""}},{children:e}))}));e.Floating=s}));
+//# sourceMappingURL=Floating-8793c969.js.map

package/dist/js/libs/oraclejet-preact/amd/Floating-8793c969.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Floating-8793c969.js","sources":["../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { JSX, RefObject, Ref } from 'preact';\nimport { useLayoutEffect, MutableRef, useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\nimport { useFloating, shift, flip, offset, limitShift } from '../hooks/UNSAFE_useFloating';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { Offset, Placement, Coords, VirtualElement, Rect } from '../hooks/UNSAFE_useFloating';\nimport useOutsideClick from '../hooks/UNSAFE_useOutsideClick';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'class'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Placement of the popup element relative to the trigger.\n   */\n  placement?: Placement;\n\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: RefObject<Element | Coords>;\n\n  /**\n   * Placement offset.\n   */\n  offsetValue?: Offset;\n\n  /**\n   * Click outside callback.\n   */\n  onClickOutside?: (event: MouseEvent) => void;\n};\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (ref == null) return;\n\n  if (typeof ref === 'function') {\n    ref(value);\n    return;\n  }\n\n  try {\n    // @ts-ignore\n    ref.current = value;\n  } catch (error) {\n    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);\n  }\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (node: T | null) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className\n    }: Props,\n    ref: MutableRef<HTMLElement | null>\n  ) => {\n    const { x, y, reference, floating, refs } = useFloating({\n      placement: placement,\n      middleware: [offset(offsetValue), flip({ mainAxis: true, crossAxis: true }), shift({limiter: limitShift()})],\n      whileElementsMounted: autoUpdate\n    });\n\n    if (onClickOutside) {\n      useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n    }\n\n    useLayoutEffect(() => {      \n      if (isElement(anchorRef.current)) {\n        const element = anchorRef as RefObject<Element>;\n        reference(element.current);\n        return;\n      }\n\n      const coords = anchorRef as RefObject<Coords>;\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords.current!.x,\n            y: coords.current!.y,\n            top: coords.current!.y,\n            left: coords.current!.x,\n            right: coords.current!.x,\n            bottom: coords.current!.y\n          };\n        }\n      };\n      if (coords.current && coords.current.x != null) {\n        reference(virtualEl);\n      }  \n    }, [anchorRef.current]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n\n    const content = (\n      <div\n        class={className}\n        ref={stableRef}\n        style={{\n          display: 'block',\n          position: 'absolute',\n          top: y ?? '',\n          left: x ?? ''\n        }}>\n        {children}\n      </div>\n    );\n    return content;\n  }\n);\n\nexport { Offset, Placement, Coords, Rect };\n"],"names":["mergeRefs","refs","node","forEach","ref","value","current","error","Error","assignRef","Floating","forwardRef","children","onClickOutside","placement","anchorRef","offsetValue","class","className","x","y","reference","floating","useFloating","middleware","offset","flip","b","mainAxis","crossAxis","shift","D","limiter","limitShift","whileElementsMounted","autoUpdate","N","useOutsideClick","isDisabled","handler","useLayoutEffect","Element","coords","virtualEl","getBoundingClientRect","width","height","top","left","right","bottom","stableRef","useMemo","_jsx","Object","assign","style","display","position"],"mappings":"+JAgDA,SAASA,KAAgBC,GACvB,OAAQC,IACND,EAAKE,SAASC,GAlBlB,SAAsBA,EAAyBC,GAC7C,GAAW,MAAPD,EAEJ,GAAmB,mBAARA,EAKX,IAEEA,EAAIE,QAAUD,EACd,MAAOE,GACP,MAAM,IAAIC,MAAM,wBAAwBH,cAAkBD,WAR1DA,EAAIC,GAckBI,CAAUL,EAAKF,MAQ5B,MAAAQ,EAAWC,EAAAA,YACtB,EAEIC,SAAAA,EACAC,eAAAA,EACAC,UAAAA,EAAY,SACZC,UAAAA,EACAC,YAAAA,EACAC,MAAOC,GAETd,KAEA,MAAMe,EAAEA,EAAFC,EAAKA,EAALC,UAAQA,EAARC,SAAmBA,EAAnBrB,KAA6BA,GAASsB,cAAY,CACtDT,UAAWA,EACXU,WAAY,CAACC,EAAAA,OAAOT,GAAcU,EAAIC,EAAC,CAAEC,UAAU,EAAMC,WAAW,IAASC,EAAKC,EAAC,CAACC,QAASC,EAAAA,OAC7FC,qBAAsBC,EAAUC,IAG9BvB,GACFwB,UAAgB,CAAEC,YAAY,EAAOlC,IAAKH,EAAKqB,SAAUiB,QAAS1B,IAGpE2B,EAAAA,iBAAgB,KACd,GAAczB,EAAUT,mBA1BJmC,QA0Bc,CAGhC,YADApB,EADgBN,EACET,SAIpB,MAAMoC,EAAS3B,EACT4B,EAA4B,CAChCC,sBAAqB,KACZ,CACLC,MAAO,EACPC,OAAQ,EACR3B,EAAGuB,EAAOpC,QAASa,EACnBC,EAAGsB,EAAOpC,QAASc,EACnB2B,IAAKL,EAAOpC,QAASc,EACrB4B,KAAMN,EAAOpC,QAASa,EACtB8B,MAAOP,EAAOpC,QAASa,EACvB+B,OAAQR,EAAOpC,QAASc,KAI1BsB,EAAOpC,SAA+B,MAApBoC,EAAOpC,QAAQa,GACnCE,EAAUsB,KAEX,CAAC5B,EAAUT,UAEd,MAAM6C,EAAYC,WAAQ,IAAMpD,EAAUI,EAAKkB,IAAW,CAAClB,EAAKkB,IAehE,OAZE+B,EAAAA,IAAA,MAAAC,OAAAC,OAAA,CACEtC,MAAOC,EACPd,IAAK+C,EACLK,MAAO,CACLC,QAAS,QACTC,SAAU,WACVX,IAAK3B,MAAAA,EAAAA,EAAK,GACV4B,KAAM7B,MAAAA,EAAAA,EAAK,KAEZ,CAAAP,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/HiddenAccessible-5f553d37.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module'],(function(n,e,i){"use strict";n.HiddenAccessible=function({children:n}){return e.jsx("span",Object.assign({class:"_7nlwt9"},{children:n}))}}));
+//# sourceMappingURL=HiddenAccessible-5f553d37.js.map

package/dist/js/libs/oraclejet-preact/amd/HiddenAccessible-5f553d37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-5f553d37.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["children","_jsx","Object","assign","class"],"mappings":"mGA8BA,UAAAA,SAAAA,IACE,OAAAC,MAAA,OAAAC,OAAAC,OAAA,CAAAC,MA5BF,WA4BE,CAAAJ,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/HighlightText-50567946.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact",'module'],(function(e,n,t,r){"use strict";const c="_cm7he7";const i="__@@__",s="__@@__$&__@@__";e.HighlightText=function({children:e="",matchText:r=""}){return function(e,r){if(r.length>0&&e.length>0){const a=r.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),_=e.replace(new RegExp(a,"gi"),s).split(i).map(((e,t)=>t%2==0?e:n.jsx("span",Object.assign({class:c},{children:e}))));return n.jsx(t.Fragment,{children:_})}return n.jsx(t.Fragment,{children:e})}(e,r)}}));
+//# sourceMappingURL=HighlightText-50567946.js.map

package/dist/js/libs/oraclejet-preact/amd/HighlightText-50567946.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-50567946.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["highlightStyles","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","unhighlightedText","escapedMatchText","nodes","replace","RegExp","map","current","index","_jsx","Object","assign","class","Fragment","highlighter"],"mappings":"2FAWA,MAAAA,EAAA,UAsBA,MAAAC,EAAA,SACAC,EAAA,iCALA,UAAAC,SAAAA,EAAA,GAAAC,UAAAA,EAAA,KACE,OAMF,SAAAC,EAAAD,8BAEI,MAAAE,EAAAF,0CAMAG,EALAF,EAAAG,QAAA,IAAAC,OAAAH,EAAA,MAAAJ,YAKAQ,KAAA,CAAAC,EAAAC,IAAAA,EAAA,GAAA,EAAAD,EAAAE,EAAAA,IAAA,OAAAC,OAAAC,OAAA,CAAAC,MAAAhB,GAAA,CAAAG,SAAAQ,OAGA,OAAAE,EAAAA,IAAAI,EAAAA,SAAA,CAAAd,SAAAI,IAEF,OAAAM,EAAAA,IAAAI,EAAAA,SAAA,CAAAd,SAAAE,IAnBAa,CAAAf,EAAAC"}

package/dist/js/libs/oraclejet-preact/amd/Icon-08ef29dc.js

@@ -0,0 +1,2 @@
+define(["exports","./tslib.es6-b778e93a","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./classNames-c5664765"],(function(s,e,c,a,l,i){"use strict";const r=s=>{var{accessibleLabel:a}=s,l=e.__rest(s,["accessibleLabel"]);return""!==a?c.jsx(t,Object.assign({accessibleLabel:a},l)):c.jsx(n,Object.assign({},l))},n=s=>c.jsx("svg",Object.assign({},s)),t=s=>{var{accessibleLabel:a,children:l}=s,i=e.__rest(s,["accessibleLabel","children"]);return c.jsxs("svg",Object.assign({role:"img"},i,{children:[c.jsx("title",{children:a}),l]}))},x={"1em":"_1o1yqj","1x":"_sm7828","2x":"_oa718k","3x":"_qsfbgb","4x":"_s0xd8n","5x":"g1sky3","6x":"shlh1q","7x":"_jzl202","8x":"_gd6lxg","9x":"_pgltlg","10x":"vroci6","11x":"c8j8yh","12x":"qgg33d"},b={primary:"_fhzvpr",secondary:"_3m21p5",disabled:"_266n1k",danger:"sklqpx",warning:"c249z5",success:"u8ecpy",info:"_yc3pns",currentColor:"_5vaqzp"};s.Icon=({size:s="1em",color:e="currentColor",accessibleLabel:a="",viewBox:l="none",children:n})=>c.jsx(r,Object.assign({height:"1em",width:"1em",viewBox:l,accessibleLabel:a,class:i.classNames([b[e],x[s]])},{children:n}))}));
+//# sourceMappingURL=Icon-08ef29dc.js.map

package/dist/js/libs/oraclejet-preact/amd/Icon-08ef29dc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-08ef29dc.js","sources":["../../src/UNSAFE_Icon/Icon.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 { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: keyof typeof sizeStyles;\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={classNames([colorStyles[color], sizeStyles[size]])}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' | 'width' | 'viewBox' | 'class' | 'children'>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel !== '' ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n  <svg role=\"img\" {...props}>\n    <title>{accessibleLabel}</title>\n    {children}\n  </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n  '1em': cssProps`${{\n    fontSize: '1em'\n  }}`,\n  '1x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  '2x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  '3x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n  }}`,\n  '4x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n  }}`,\n  '5x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  '6x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n  }}`,\n  '7x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n  }}`,\n  '8x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n  }}`,\n  '9x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n  }}`,\n  '10x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n  }}`,\n  '11x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n  }}`,\n  '12x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n  }}`\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n"],"names":["Icon","Svg","_a","accessibleLabel","otherProps","__rest","DecorativeSvg","props","_jsx","Object","assign","SemanticSvg","_jsxs","role","children","jsx","sizeStyles","colorStyles","size","color","viewBox","height","width","class","classNames"],"mappings":"iKA4BAA,MAsBAC,EAAAC,IAAa,IAAAC,gBAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,6GAObI,EAAAC,GAAAC,EAAAA,IAAA,MAAAC,OAAAC,OAAA,GAAAH,IAKAI,EAAAT,qFAA2E,OAAAU,OAAA,MAAAH,OAAAC,OAAA,CAAAG,KAAA,OAAAN,EAAA,CAAAO,SAAA,CAAAN,EAAAO,IAAA,QAAA,CAAAD,SAAAX,IAAAW,OAU3EE,EAAA,OAAA,eAAA,eAAA,eAAA,eAAA,eAAA,cAAA,cAAA,eAAA,eAAA,gBAAA,eAAA,yBA0CAC,EAAA,SAAA,oBAAA,mBAAA,iBAAA,iBAAA,iBAAA,cAAA,yCAtFA,EAAAC,KAAAA,EAAA,MAAAC,MAAAA,EAAA,eAAAhB,gBAAAA,EAAA,GAAAiB,QAAAA,EAAA,OAAAN,SAAAA,KAAAN,MAAAP,EAAAQ,OAAAC,OAAA,CAAAW,OAAA,MAAAC,MAAA,MAAAF,QAAAA,EAAAjB,gBAAAA,EAAAoB,MAAAC,EAAAA,WAAA,CAAAP,EAAAE,GAAAH,EAAAE,MAAA,CAAAJ,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/InputText-1060fc11.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","preact","preact/compat","preact/hooks","./hooks/UNSAFE_useClearIcon","./hooks/UNSAFE_useFocusableTextField","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useLengthFilter","./hooks/UNSAFE_useTextField","./UNSAFE_Label","./UNSAFE_TextField","./UNSAFE_UserAssistance","./utils/PRIVATE_clientHints","./utils/UNSAFE_componentUtils","./ClearIcon-19d9b420","./hooks/UNSAFE_useCurrentValueReducer","./clientHints-d8464082","./TextFieldInput-4ba79135"],(function(e,s,n,t,i,l,o,a,u,r,d,c,x,F,b,h,p,v,m,g,C){"use strict";function A(){const e=g.getClientHints().deviceType;return"phone"===e||"tablet"===e}const f=t.forwardRef((({assistiveText:e,autoComplete:t="off",autoFocus:h=!1,hasClearIcon:g,endContent:f,helpSourceLink:L,helpSourceText:j,id:E,isDisabled:S,isReadonly:y,isRequired:U=!1,isRequiredShown:I,label:R,labelEdge:T,labelStartWidth:k,maxLength:N,maxLengthUnit:_,messages:D,placeholder:O,role:P,startContent:V,textAlign:H,userAssistanceDensity:q,value:w,virtualKeyboard:M,onInput:W,onCommit:B},K)=>{const{currentCommitValue:z,dispatch:G}=m.useCurrentValueReducer({value:w}),J=i.useCallback((e=>{G({type:"input",payload:e.value}),null==W||W(e)}),[W]),Q=i.useCallback((e=>{G({type:"commit",payload:e.value}),null==B||B(e)}),[B]),{isDisabled:X,isReadonly:Y,labelEdge:Z,labelStartWidth:$,textAlign:ee,userAssistanceDensity:se}=a.useFormContext(),ne=null!=S?S:X,te=null!=y?y:Y,ie=null!=T?T:Z,le=null!=k?k:$,oe=null!=H?H:ee,ae=null!=q?q:se,{enabledElementRef:ue,focusProps:re,isFocused:de,readonlyElementRef:ce}=o.useFocusableTextField({isDisabled:ne,isReadonly:te,ref:K}),{hoverProps:xe,isHover:Fe}=r.useHover({isDisabled:te||ne||!1}),{formFieldContext:be,inputProps:he,labelProps:pe,textFieldProps:ve,userAssistanceProps:me}=c.useTextField({id:E,isDisabled:ne,isFocused:de,isReadonly:te,labelEdge:ie,messages:D,value:w}),ge=i.useCallback((()=>{var e;null===(e=ue.current)||void 0===e||e.focus(),null==J||J({previousValue:w,value:""})}),[J,w]),Ce=l.useClearIcon({clearIcon:s.jsx(v.ClearIcon,{onClick:ge}),display:g,hasValue:be.hasValue,isFocused:de,isEnabled:!te&&!ne,isHover:Fe}),Ae=p.beforeVNode(f,Ce),{isMaxLengthExceeded:fe,valueLength:Le,onFilteredInput:je}=d.useLengthFilter({maxLength:N,maxLengthUnit:_,value:w,onInput:J,onCommit:Q}),Ee="none"!==ie?s.jsx(x.Label,Object.assign({},pe,{children:R})):void 0,Se={label:"none"!==ie?Ee:void 0,labelEdge:"none"!==ie?ie:void 0,labelStartWidth:"none"!==ie?le:void 0},ye="none"===ie?R:void 0,Ue=ne||te?"efficient"!==ae?void 0:s.jsx(b.InlineUserAssistance,Object.assign({userAssistanceDensity:ae},me)):s.jsx(b.InlineUserAssistance,Object.assign({assistiveText:e,fieldLabel:R,helpSourceLink:L,helpSourceText:j,messages:D,isRequiredShown:I,userAssistanceDensity:ae},me));if(te)return s.jsx(u.FormFieldContext.Provider,Object.assign({value:be},{children:s.jsx(F.ReadonlyTextField,Object.assign({role:"presentation",inlineUserAssistance:Ue,onBlur:re.onfocusout,onFocus:re.onfocusin},Se,{children:s.jsx(F.ReadonlyTextFieldInput,{ariaLabel:ye,ariaLabelledby:pe.id,as:"div",autoFocus:h,elementRef:ce,id:ve.id,textAlign:oe,value:w,hasInsideLabel:void 0!==R&&"inside"===ie})}))}));const Ie=s.jsxs(n.Fragment,{children:[s.jsx(C.TextFieldInput,Object.assign({ariaLabel:ye,autoComplete:t,autoFocus:h,currentCommitValue:z,hasInsideLabel:void 0!==Ee&&"inside"===ie,inputRef:ue,isRequired:U,placeholder:O,role:P,textAlign:oe,type:A()?M:void 0,value:w,onCommit:Q,onInput:je},he)),void 0!==N&&s.jsx(F.MaxLengthLiveRegion,Object.assign({},{isMaxLengthExceeded:fe,maxLength:N,valueLength:Le}))]});return s.jsx(u.FormFieldContext.Provider,Object.assign({value:be},{children:s.jsx(F.TextField,Object.assign({endContent:Ae,inlineUserAssistance:Ue,mainContent:Ie,onBlur:re.onfocusout,onFocus:re.onfocusin,startContent:V},ve,Se,xe))}))}));e.InputText=f}));
+//# sourceMappingURL=InputText-1060fc11.js.map

package/dist/js/libs/oraclejet-preact/amd/InputText-1060fc11.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText-1060fc11.js","sources":["../../src/UNSAFE_InputText/InputText.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 { ComponentProps, Fragment, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { useClearIcon } from '../hooks/UNSAFE_useClearIcon';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { CountUnit, useLengthFilter } from '../hooks/UNSAFE_useLengthFilter';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { beforeVNode } from '../utils/UNSAFE_componentUtils';\nimport { ClearIcon } from './ClearIcon';\nimport { MaxLengthLiveRegion } from '../UNSAFE_TextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype PickedPropsFromTextField = Pick<\n  ComponentProps<typeof TextField>,\n  'id' | 'startContent' | 'endContent'\n>;\n\ntype PickedPropsFromTextFieldInput = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'autoComplete'\n  | 'autoFocus'\n  | 'placeholder'\n  | 'isRequired'\n  | 'role'\n  | 'textAlign'\n  | 'value'\n  | 'onInput'\n  | 'onCommit'\n>;\n\ntype PickedPropsFromInlineUserAssistance = Pick<\n  ComponentProps<typeof InlineUserAssistance>,\n  | 'assistiveText'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isRequiredShown'\n  | 'messages'\n  | 'userAssistanceDensity'\n>;\n\ntype Props = PickedPropsFromTextField &\n  PickedPropsFromTextFieldInput &\n  PickedPropsFromInlineUserAssistance & {\n    hasClearIcon?: 'always' | 'conditionally' | 'never';\n    isDisabled?: boolean;\n    isReadonly?: boolean;\n    label: string;\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n    labelStartWidth?: Size;\n    maxLength?: number;\n    maxLengthUnit?: CountUnit;\n    virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n  };\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if runnning on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\nexport const InputText = forwardRef(\n  (\n    {\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      hasClearIcon,\n      endContent,\n      helpSourceLink,\n      helpSourceText,\n      id,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      maxLength,\n      maxLengthUnit,\n      messages,\n      placeholder,\n      role,\n      startContent,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      virtualKeyboard,\n      onInput,\n      onCommit\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps, isHover } = useHover({ isDisabled: isReadonly || isDisabled || false });\n\n    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } =\n      useTextField({\n        id,\n        isDisabled,\n        isFocused,\n        isReadonly,\n        labelEdge,\n        messages,\n        value\n      });\n\n    const onClickClearIcon = useCallback(() => {\n      // Clicking the clear icon should put the focus on the input field\n      enabledElementRef.current?.focus();\n      // Send an event to clear the field's value\n      onInputAndDispatch?.({ previousValue: value, value: '' });\n    }, [onInputAndDispatch, value]);\n\n    const maybeClearIcon = useClearIcon({\n      clearIcon: <ClearIcon onClick={onClickClearIcon} />,\n      display: hasClearIcon,\n      hasValue: formFieldContext.hasValue,\n      isFocused,\n      isEnabled: !isReadonly && !isDisabled,\n      isHover\n    });\n    const endContentCombined = beforeVNode(endContent, maybeClearIcon);\n\n    const { isMaxLengthExceeded, valueLength, onFilteredInput } = useLengthFilter({\n      maxLength,\n      maxLengthUnit,\n      value,\n      onInput: onInputAndDispatch,\n      onCommit: onCommitAndDispatch\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n\n    const inlineUserAssistance =\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      );\n\n    if (isReadonly) {\n      // TODO: should be able to configure whether start/end content is shown when readonly\n      // JET-49916 - Preact InputText: show start/end content when readonly\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              ariaLabel={ariaLabel}\n              ariaLabelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              id={textFieldProps.id}\n              textAlign={textAlign}\n              value={value}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    const mainContent = (\n      <Fragment>\n        <TextFieldInput\n          ariaLabel={ariaLabel}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={role}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={value}\n          onCommit={onCommitAndDispatch}\n          onInput={onFilteredInput}\n          {...inputProps}\n        />\n        {maxLength !== undefined && (\n          <MaxLengthLiveRegion {...{ isMaxLengthExceeded, maxLength, valueLength }} />\n        )}\n      </Fragment>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          endContent={endContentCombined}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          startContent={startContent}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["isMobile","deviceType","getClientHints","InputText","forwardRef","assistiveText","autoComplete","autoFocus","hasClearIcon","endContent","helpSourceLink","helpSourceText","id","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","maxLength","maxLengthUnit","messages","placeholder","role","startContent","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","value","virtualKeyboard","onInput","onCommit","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","isHover","useHover","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","onClickClearIcon","_a","current","focus","previousValue","maybeClearIcon","useClearIcon","clearIcon","_jsx","ClearIcon","onClick","display","hasValue","isEnabled","endContentCombined","beforeVNode","isMaxLengthExceeded","valueLength","onFilteredInput","useLengthFilter","labelComp","Label","Object","assign","undefined","fieldLabelProps","ariaLabel","inlineUserAssistance","jsx","InlineUserAssistance","fieldLabel","FormFieldContext","Provider","children","ReadonlyTextField","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","ariaLabelledby","as","elementRef","hasInsideLabel","mainContent","_jsxs","jsxs","Fragment","TextFieldInput","inputRef","MaxLengthLiveRegion","TextField"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/amd/Link-11f71e34.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./hooks/UNSAFE_usePress","./classNames-c5664765"],(function(e,s,a,n,t,r){"use strict";const l={default:"de28jw",primary:"m1znk7",secondary:"_521zks",standalone:"_w8g15j",embedded:"_dbg7mb"},c=()=>{};e.Link=function({href:e,variant:a="default",placement:n="standalone",target:d,children:i,onClick:u}){const o=r.classNames([l.default,l[n],"default"!==a&&l[a]]),{pressProps:f}=t.usePress(null!=u?u:c);return s.jsx("a",Object.assign({href:e,target:d},f,{class:o},{children:i}))}}));
+//# sourceMappingURL=Link-11f71e34.js.map

package/dist/js/libs/oraclejet-preact/amd/Link-11f71e34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-11f71e34.js","sources":["../../src/UNSAFE_Link/Link.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 } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant.\n   */\n  variant?: 'default' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n};\n\nconst styles = {\n  default: cssProps`${{\n    display: 'inline-block',\n    color: 'var(--oj-c-link-text-color)',\n    textDecorationColor: 'var(--oj-c-link-text-color)',\n    textDecorationThickness: '1px',\n    textUnderlineOffset: 'var(--oj-c-link-text-underline-offset)',\n    cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    '&:visited': { color: '--oj-c-link-text-color-visited' },\n    '&:active': { color: '--oj-c-link-text-color-active' },\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  primary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    '--oj-c-link-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-visited': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)',\n    '--oj-c-link-text-color-active': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  standalone: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-standalone-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-standalone-text-decoration-hover)' }\n  }}`,\n  embedded: cssProps`${{\n    textDecorationLine: 'var(--oj-c-link-embedded-text-decoration)',\n    '&:hover': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' },\n    '&:active': { textDecorationLine: 'var(--oj-c-link-embedded-text-decoration-hover)' }\n  }}`\n};\n\nconst noop = () => {};\n\nexport function Link({\n  href,\n  variant = 'default',\n  placement = 'standalone',\n  target,\n  children,\n  onClick\n}: Props) {\n  const linkClass = classNames([\n    styles.default,\n    styles[placement],\n    variant !== 'default' && styles[variant]\n  ]);\n  const { pressProps } = usePress(onClick ?? noop);\n  return (\n    <a href={href} target={target} {...pressProps} class={linkClass}>\n      {children}\n    </a>\n  );\n}\n"],"names":["styles","noop","href","variant","placement","target","children","onClick","default","pressProps","usePress","_jsx","Object","assign","class","linkClass"],"mappings":"oKA4CA,MAAAA,EAAA,SAAA,iBAAA,mBAAA,qBAAA,8BAuCAC,EAAA,cAEA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,UAAAC,UAAAA,EAAA,aAAAC,OAAAA,EAAAC,SAAAA,EAAAC,QAAAA,0BASIP,EAAAQ,aAEA,YAAAL,GAAAH,EAAAG,MAEFM,WAAAA,GAAAC,EAAAA,SAAAH,MAAAA,EAAAA,EAAAN,GACA,OAAAU,MAAA,IAAAC,OAAAC,OAAA,CAAAX,KAAAA,EAAAG,OAAAA,GAAAI,EAAA,CAAAK,MAAAC,GAAA,CAAAT,SAAAA"}

package/dist/js/libs/oraclejet-preact/amd/ListView-99d4757a.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}define(["exports","preact/jsx-runtime","preact/hooks",'module',"./utils/UNSAFE_classNames","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./UNSAFE_Selector","./hooks/UNSAFE_useId","./classNames-c5664765","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./UNSAFE_Flex","./Flex-cef36544","./Skeleton-9496f3ce","./VirtualizedCollection-d61828ef"],(function(e,t,r,n,i,o,s,l,a,c,u,d,y,f,g,m,p,h,b,v){"use strict";const x="oj-listview-item",S="_l3gm0",j="l6fvrl",A="_3zsgg4",_="uvt4ex",k="_p56ysr",C="_xzpka",E="_1kg7if",w="_f033ng",K="_nljp83",T=(e,t)=>"none"!==e&&("multiple"===e||!t);function F({children:e,itemKey:n,itemIndex:i,currentKey:o,isFocusRingVisible:s,isGridlineVisible:a,suggestion:y,selectedKeys:f,selectionMode:g,onSelectionChange:m}){const p=r.useRef(null),h=o==n,b=l.containsKey(f,n),v=d.classNames([S,x,a&&j,T(g,b)&&!b&&A,b&&_,b&&"single"===g&&k,"end"===y&&!(b&&"single"===g)&&C]),F=d.classNames([E,"multiple"===g&&w,h&&s&&K]);return t.jsx("div",Object.assign({role:"presentation","aria-rowindex":i+1,"data-oj-key":n,"data-oj-suggestion":!!y,class:v,ref:p},"number"==typeof n&&{"data-oj-key-type":"number"},{children:t.jsxs("div",Object.assign({id:u.useId(),class:F,role:"option","aria-posinset":i+1,"aria-setsize":-1,"aria-colindex":1,"aria-selected":"none"!==g?b:void 0},{children:["multiple"===g&&t.jsx(c.Selector,{rowKey:n,selectedKeys:f,onChange:m}),e]}))}),n)}const N="_5vgzxd";function I({children:e,minimumCount:n=3}){const[i,o]=r.useState(!1);r.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]);const s=d.classNames([N]);return i&&e?t.jsx("div",Object.assign({class:s,role:"presentation"},{children:_toConsumableArray(Array(n)).map(((t,r)=>e(r)))})):null}o.stringLiteralArray(["visible","hidden"]);const R="_yohufo",O="_xhe31",L="_2lusbt",U=(e,t)=>null!=t?t:{scroller:()=>e.current},V={all:!1,keys:new Set},z=(e,t)=>{const r=t.data.map((e=>e.metadata.key)),n=r.indexOf(e.value.start),i=r.indexOf(e.value.end),o=Math.min(n,i),s=Math.max(n,i);return-1===o?{offset:0,count:t.offset+r.length}:r.slice(o,s+1)};function M({sparkleHeight:e}){if(e<=0)return null;const r=e+"px",n=d.classNames([O]),i=d.classNames([L]);return t.jsx("div",Object.assign({class:i},{children:t.jsx("div",{class:n,style:{height:r}})}),"sparkle")}const P=e=>{const t=null==e?void 0:e.data,r=H(t);if(0===r)return null;return t.slice(0,r).reduce(((e,t,n)=>{const i=t.metadata.key;return n===r-1?e.set(i,"end"):e.set(i,!0),e}),new Map)},H=e=>{if(!e)return 0;const t=e.findIndex((e=>!e.metadata.suggestion));return-1===t?0:t},q=e=>"number"===e.dataset.ojKeyType?Number(e.dataset.ojKey):e.dataset.ojKey,D=(e,t)=>{if(e){const r=e.querySelectorAll(".oj-listview-item");for(let e=0;e<r.length;e++){if(t==q(r[e]))return r[e]}}return null},B=e=>{if(e){const t=e.querySelector(".oj-listview-item");if(t){return q(t)}}return null},G=(e,t,r)=>()=>{if(l.isKeyDefined(t)&&e){const n=D(e,t);if(n){const e=r?n.previousElementSibling:n.nextElementSibling;if(e)return q(e)}return B(e)}return null},W=(e,t)=>{if(e&&t){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();n.bottom>r.bottom?t.scrollTop=t.scrollTop+(n.bottom-r.bottom):n.top<r.top&&(t.scrollTop=t.scrollTop-(r.top-n.top))}},Y=e=>{const t=e.target.closest(".oj-listview-item");if(t){const e=q(t);return void 0===e?null:e}return null};e.ListView=function({accessibleSummary:e,data:n,children:i,currentKey:o,gridlines:a="hidden",selectedKeys:c=V,selectionMode:u="none",onCurrentKeyChange:m,onLoadRange:p,onSelectionChange:x,viewportConfig:S}){const j=r.useRef(null),A=r.useRef(),_=r.useRef(),[k,C]=r.useState(0),E="none"===u?void 0:"multiple"===u,w=null===n?void 0:"exact"===n.sizePrecision?n.totalSize:-1,K=d.classNames([R]),{currentKeyProps:T}=f.useCurrentKey(Y,G(j.current,o,!0),G(j.current,o,!1),o,m),N=r.useCallback((()=>{if(j.current&&m){const e=B(j.current);l.isKeyDefined(e)&&m({value:e})}}),[o,m]),O=!l.isKeyDefined(o)&&m?{onFocus:N}:{},[L,H]=g.useCollectionFocusRing((e=>{var t;return!!(null===(t=j.current)||void 0===t?void 0:t.contains(e))}),["ArrowUp","ArrowDown"]);r.useEffect((()=>{if(null!=o&&j.current){const e=D(j.current,o);if(e){const t=null==S?void 0:S.scroller();W(e,null!=t?t:j.current);const r=e.querySelector("[role=option]");r&&j.current.setAttribute("aria-activedescendant",r.id)}}}),[o]);const q=r.useCallback((e=>{x&&(!1===e.value.all&&e.value.keys.size>0&&(A.current=Array.from(e.value.keys).pop()),x(e))}),[A,x]),$=r.useCallback((e=>{if(n&&x){const t=z(e,n);Array.isArray(t)?x({value:{all:!1,keys:new Set(t)}}):(_.current=e,p(t))}}),[n,x,_,p]),{selectionProps:J}=y.useSelection((e=>e.target===j.current?void 0===o?null:o:Y(e)),c,u,!1,"replace",q,A.current,o,((e,t)=>G(j.current,e,t)),(e=>{if(j.current){const t=D(j.current,e);if(t){const e=null==S?void 0:S.scroller();W(t,null!=e?e:j.current)}}}),$);if(n&&_.current&&x){const e=z(_.current,n);Array.isArray(e)&&(x({value:{all:!1,keys:new Set(e)}}),_.current=void 0)}const Q=t.jsx(I,Object.assign({minimumCount:3},{children:()=>t.jsx(h.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(b.Skeleton,{height:"4x"})}))})),X=r.useMemo((()=>P(n)),[null==n?void 0:n.data]),Z=t.jsx(M,{sparkleHeight:k});return r.useEffect((()=>{var e,t;if(X){let r=(null===(e=j.current)||void 0===e?void 0:e.querySelector("."+v.PLACEHOLDER_STYLE_CLASS)).offsetHeight;const n=null===(t=j.current)||void 0===t?void 0:t.querySelectorAll("[data-oj-suggestion]");null==n||n.forEach((e=>r+=e.offsetHeight)),C(r)}}),[X]),t.jsx("div",Object.assign({},s.mergeProps(T,J,H,O),{role:"listbox","aria-rowcount":w,"aria-colcount":1,ref:j,class:K,tabIndex:0,"aria-label":e,"aria-multiselectable":E},{children:null==n?t.jsx(I,{children:()=>t.jsx(h.Flex,Object.assign({height:"12x",align:"center"},{children:t.jsx(b.Skeleton,{height:"4x"})}))}):t.jsx(v.VirtualizedCollection,Object.assign({data:n,onLoadRange:p,itemSelector:".oj-listview-item",viewportConfig:U(j,S),loadMoreIndicator:Q,suggestions:Z},{children:e=>{const r=null==X?void 0:X.get(e.metadata.key);return t.jsx(F,Object.assign({itemIndex:e.index,itemKey:e.metadata.key,currentKey:o,isFocusRingVisible:L,isGridlineVisible:(n=e.index,"visible"===a&&n>0),selectedKeys:c,selectionMode:u,onSelectionChange:q},r&&{suggestion:r},{children:i(e)}));var n}}))}))}}));
+//# sourceMappingURL=ListView-99d4757a.js.map

package/dist/js/libs/oraclejet-preact/amd/ListView-99d4757a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-99d4757a.js","sources":["../../src/UNSAFE_ListView/ListViewItem.tsx","../../src/UNSAFE_ListView/SkeletonContainer.tsx","../../src/UNSAFE_ListView/ListView.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 } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { SelectionDetail, SelectionMode } from '../UNSAFE_Collection';\nimport { Selector } from '../UNSAFE_Selector';\nimport { useId } from '../hooks/UNSAFE_useId';\n\n// default style class for items in ListView\nexport const ITEM_STYLE_CLASS = 'oj-listview-item';\n\nconst styles = {\n  base: cssProps`${{\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: 'var(--oj-collection-list-row-height)',\n    boxSizing: 'border-box',\n    backgroundImage:\n      'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color),var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color))',\n    backgroundSize: 0,\n    backgroundPosition: '0 0',\n    backgroundRepeat: 'no-repeat',\n    borderTop: '1px solid transparent'\n  }}`,\n  gridlines: cssProps`${{\n    backgroundSize: '100% 1px'\n  }}`,\n  selectable: cssProps`${{\n    '&:hover': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);'\n    }\n  }}`,\n  selected: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected)'\n  }}`,\n  selectedSingle: cssProps`${{\n    borderTop: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected)',\n    boxShadow: 'inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-border-color-selected)'\n  }}`,\n  // TODO: revisit later to prevent double lines when implementing gridlines feature\n  suggestionEnd: cssProps`${{\n    boxShadow: 'inset 0 -1px var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)'\n  }}`\n};\n\nconst cellStyles = {\n  base: cssProps`${{\n    flexGrow: '1',\n    '&:focus': {\n      outlineStyle: 'none'\n    }\n  }}`,\n  checkboxContainer: cssProps`${{\n    display: 'flex'\n  }}`,\n  focused: cssProps`${{\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineColor: 'var(---oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineOffset: '-1px'\n  }}`\n};\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K> = {\n  children: ComponentChildren;\n  itemKey: K;\n  itemIndex: number;\n  currentKey?: K;\n  selectedKeys: Keys<K>;\n  selectionMode: SelectionMode;\n  isFocusRingVisible: boolean;\n  isGridlineVisible: boolean;\n  suggestion?: 'end' | true;\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n};\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number>({\n  children,\n  itemKey,\n  itemIndex,\n  currentKey,\n  isFocusRingVisible,\n  isGridlineVisible,\n  suggestion,\n  selectedKeys,\n  selectionMode,\n  onSelectionChange\n}: Props<K>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isFocused = currentKey == itemKey;\n  const isSelected = containsKey(selectedKeys, itemKey);\n  const classes = classNames([\n    styles.base,\n    ITEM_STYLE_CLASS,\n    isGridlineVisible && styles.gridlines,\n    isSelectable(selectionMode, isSelected) && !isSelected && styles.selectable,\n    isSelected && styles.selected,\n    isSelected && selectionMode === 'single' && styles.selectedSingle,\n    suggestion === 'end' && !(isSelected && selectionMode === 'single') && styles.suggestionEnd\n  ]);\n\n  const cellClasses = classNames([\n    cellStyles.base,\n    selectionMode === 'multiple' && cellStyles.checkboxContainer,\n    isFocused && isFocusRingVisible && cellStyles.focused\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      role=\"presentation\"\n      aria-rowindex={itemIndex + 1}\n      key={itemKey}\n      data-oj-key={itemKey}\n      data-oj-suggestion={!!suggestion}\n      class={classes}\n      ref={rootRef}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <div\n        id={useId()}\n        class={cellClasses}\n        role=\"option\"\n        aria-posinset={itemIndex + 1}\n        aria-setsize={-1}\n        aria-colindex={1}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}>\n        {selectionMode === 'multiple' && (\n          <Selector\n            rowKey={itemKey}\n            selectedKeys={selectedKeys}\n            onChange={onSelectionChange}></Selector>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\nconst containerStyle = {\n  base: cssProps`${{\n    height: '100%',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 3 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([containerStyle.base]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, RefObject } from 'preact';\nimport { useRef, useCallback, useEffect, useState, useMemo } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys, isKeyDefined } from '../utils/UNSAFE_keys';\nimport {\n  CurrentKeyDetail,\n  DataState,\n  ListItemContext,\n  Metadata,\n  Range,\n  SelectionDetail,\n  SelectionMode\n} from '../UNSAFE_Collection';\nimport {\n  VirtualizedCollection,\n  ViewportConfig,\n  PLACEHOLDER_STYLE_CLASS\n} from '../UNSAFE_VirtualizedCollection';\nimport { ListViewItem, ITEM_STYLE_CLASS } from './ListViewItem';\nimport { SelectionRangeDetail, useSelection } from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\n/**\n * Type for gridlines\n */\nexport const gridlinesValues = stringLiteralArray(['visible', 'hidden']);\nexport type Gridlines = typeof gridlinesValues[number];\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to this ListView.\n   * If the value is null, then ListView will show loading indicator until a DataState is set.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * A function to render each item\n   */\n  children: (context: ListItemContext<K, D>) => ComponentChildren;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * A text that provides a summary of this ListView for the purpose of accessibility.\n   * This is required in order to make ListView accessible.\n   */\n  accessibleSummary: string;\n\n  /**\n   * The key of the item that currently have keyboard focus. Ignored if the current item is not\n   * currently in the viewport.\n   */\n  currentKey?: K;\n\n  /**\n   * Specifies whether the horizontal grid lines should be visible.  By default gridlines\n   * are hidden.\n   */\n  gridlines?: Gridlines;\n\n  /**\n   * The keys of the current selected items in the ListView.\n   */\n  selectedKeys?: Keys<K>;\n\n  /**\n   * The type of selection behavior that is enabled on the ListView. This property controls the number\n   * of selections that can be made via selection gestures at any given time.\n   */\n  selectionMode?: SelectionMode;\n\n  /**\n   * Callback function to handle when current focused item has changed.  The function should\n   * update the currentKey prop with a new current key.\n   */\n  onCurrentKeyChange?: (detail: CurrentKeyDetail<K>) => void;\n\n  /**\n   * Callback function to handle when selection has changed.  The function should update\n   * the selectedKeys prop with a new set of selected keys.\n   */\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n\n  /**\n   * Viewport configuration which the application can specify the element to determine what range\n   * of data to render.\n   */\n  viewportConfig?: ViewportConfig;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: '100%',\n    userSelect: 'none',\n    overflowY: 'inherit',\n    '&:focus': {\n      outlineStyle: 'none'\n    }\n  }}`\n};\n\nconst sparkleStyles = {\n  base: cssProps`${{\n    position: 'absolute',\n    top: 0,\n    width: '4px',\n    zIndex: 1,\n    display: 'block',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-collection-sparkle-img)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '100% 100%'\n  }}`,\n  container: cssProps`${{\n    position: 'relative'\n  }}`\n};\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch, maxIndex should not be -1\n    return { offset: 0, count: dataState.offset + keys.length };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([sparkleStyles.container]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function ListView<K extends string | number, D>({\n  accessibleSummary,\n  data,\n  children,\n  currentKey,\n  gridlines = 'hidden',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  onCurrentKeyChange,\n  onLoadRange,\n  onSelectionChange,\n  viewportConfig\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  // tracking\n  const pendingSelection = useRef<SelectionRangeDetail<K>>();\n\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const showGridline = (index: number) => {\n    // gridlines are positioned at the top so never show it for the first item\n    return gridlines === 'visible' && index > 0;\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([styles.base]);\n\n  const { currentKeyProps } = useCurrentKey(\n    keyExtractor,\n    getPrevNextKey(rootRef.current, currentKey, true),\n    getPrevNextKey(rootRef.current, currentKey, false),\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (rootRef.current && onCurrentKeyChange) {\n      const firstKey = getFirstVisibleKey(rootRef.current) as K;\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [currentKey, onCurrentKeyChange]);\n\n  const focusHandler =\n    !isKeyDefined(currentKey) && onCurrentKeyChange ? { onFocus: handleInitialFocus } : {};\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(\n    (elem: Element | null) => {\n      return !!rootRef.current?.contains(elem);\n    },\n    ['ArrowUp', 'ArrowDown']\n  );\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey);\n      if (elem) {\n        const scroller = viewportConfig?.scroller();\n        // make sure item is visible\n        scrollToVisible(elem, scroller != null ? scroller : rootRef.current);\n        const cell = elem.querySelector('[role=option]');\n        // update aria-activedescendant for screenreader\n        if (cell) {\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n        }\n      }\n    }\n  }, [currentKey]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          onSelectionChange({ value: { all: false, keys: new Set(value) } });\n        } else {\n          pendingSelection.current = detail;\n          onLoadRange(value);\n        }\n      }\n    },\n    [data, onSelectionChange, pendingSelection, onLoadRange]\n  );\n\n  const { selectionProps } = useSelection(\n    (event: Event) => {\n      if (event.target === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(event) as K;\n    },\n    selectedKeys,\n    selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev),\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  if (data && pendingSelection.current && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current, data);\n    if (Array.isArray(keys)) {\n      onSelectionChange({ value: { all: false, keys: new Set(keys) } });\n      pendingSelection.current = undefined;\n    }\n  }\n\n  const loadMoreIndicator = (\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Flex height=\"12x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        );\n      }}\n    </SkeletonContainer>\n  );\n\n  const suggestions = useMemo(() => findSuggestions(data), [data?.data]);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder.offsetHeight;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [suggestions]);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  return (\n    <div\n      {...mergeProps(currentKeyProps, selectionProps, focusRingProps, focusHandler)}\n      role=\"listbox\"\n      aria-rowcount={ariaRowCount}\n      aria-colcount={1}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={accessibleSummary}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        <SkeletonContainer>\n          {() => {\n            return (\n              <Flex height=\"12x\" align=\"center\">\n                <Skeleton height=\"4x\" />\n              </Flex>\n            );\n          }}\n        </SkeletonContainer>\n      ) : (\n        <VirtualizedCollection\n          data={data}\n          onLoadRange={onLoadRange}\n          itemSelector={'.' + ITEM_STYLE_CLASS}\n          viewportConfig={getViewportConfig(rootRef, viewportConfig)}\n          loadMoreIndicator={loadMoreIndicator}\n          suggestions={sparkleIndicator}>\n          {(context: ListItemContext<K, D>) => {\n            const suggestion = suggestions?.get(context.metadata.key);\n            return (\n              <ListViewItem\n                itemIndex={context.index}\n                itemKey={context.metadata.key}\n                currentKey={currentKey}\n                isFocusRingVisible={showFocusRing}\n                isGridlineVisible={showGridline(context.index)}\n                selectedKeys={selectedKeys}\n                selectionMode={selectionMode}\n                onSelectionChange={handleSelectionChange}\n                {...(suggestion && { suggestion })}>\n                {children(context)}\n              </ListViewItem>\n            );\n          }}\n        </VirtualizedCollection>\n      )}\n    </div>\n  );\n}\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(dataState?: DataState<K, D> | null) => {\n  const data = dataState?.data;\n  const count = getSuggestionsCount(data);\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data!.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\n};\n\n/**\n * A helper function that finds the number of suggestions\n * @param data\n */\nconst getSuggestionsCount = <K, D>(data?: DataState<K, D>['data']) => {\n  if (!data) {\n    return 0;\n  }\n\n  const index = data.findIndex((value) => !value.metadata.suggestion);\n  return index === -1 ? 0 : index;\n};\n\n/**\n * Returns the key from the item element\n */\nconst getKey = (item: HTMLElement) => {\n  return item.dataset['ojKeyType'] === 'number'\n    ? Number(item.dataset['ojKey'])\n    : item.dataset['ojKey'];\n};\n\n/**\n * A helper function to find the element with the specified key.\n * Returns null if the element with key is not found.\n */\nconst findElementByKey = <K extends string | number>(root: HTMLElement, key: K) => {\n  if (root) {\n    const items = root.querySelectorAll('.' + ITEM_STYLE_CLASS);\n    for (let i = 0; i < items.length; i++) {\n      const thisKey = getKey(items[i] as HTMLElement);\n      if (key == (thisKey as K)) {\n        return items[i];\n      }\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that return the key of the first available item.\n */\nconst getFirstVisibleKey = (root: HTMLElement) => {\n  if (root) {\n    const firstItem = root.querySelector('.' + ITEM_STYLE_CLASS);\n    if (firstItem) {\n      const key = getKey(firstItem as HTMLElement);\n      return key;\n    }\n  }\n  return null;\n};\n\n/**\n * A helper function that returns the key of the previous or the next item\n * given the specified current key\n */\nconst getPrevNextKey = <K extends string | number>(\n  root: HTMLElement | null,\n  currentKey: K | undefined,\n  isPrev: boolean\n) => {\n  return (): K | null => {\n    if (isKeyDefined(currentKey) && root) {\n      const currItem = findElementByKey(root, currentKey as K);\n      if (currItem) {\n        const nextItem = isPrev ? currItem.previousElementSibling : currItem.nextElementSibling;\n        if (nextItem) {\n          return getKey(nextItem as HTMLElement) as K;\n        }\n      }\n      return getFirstVisibleKey(root) as K;\n    }\n    return null;\n  };\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nconst scrollToVisible = (elem: Element, scroller: Element) => {\n  if (elem && scroller) {\n    const scrollerBounds = scroller.getBoundingClientRect();\n    const elemBounds = elem.getBoundingClientRect();\n    if (elemBounds.bottom > scrollerBounds.bottom) {\n      scroller.scrollTop = scroller.scrollTop + (elemBounds.bottom - scrollerBounds.bottom);\n    } else if (elemBounds.top < scrollerBounds.top) {\n      scroller.scrollTop = scroller.scrollTop - (scrollerBounds.top - elemBounds.top);\n    }\n  }\n};\n\n/**\n * A helper function to get the key from an event\n */\nconst keyExtractor = <K extends string | number>(event: Event): K | null => {\n  const elem = event.target as HTMLElement;\n  const item = elem.closest('.' + ITEM_STYLE_CLASS);\n  if (item) {\n    const key = getKey(item as HTMLElement) as K;\n    return key === undefined ? null : key;\n  }\n  return null;\n};\n"],"names":["ITEM_STYLE_CLASS","styles","cellStyles","isSelectable","selectionMode","isItemSelected","ListViewItem","children","itemKey","itemIndex","currentKey","isFocusRingVisible","isGridlineVisible","suggestion","selectedKeys","onSelectionChange","rootRef","useRef","isFocused","isSelected","containerStyle","SkeletonContainer","minimumCount","stringLiteralArray","sparkleStyles","getViewportConfig","config","emptyKeys","all","keys","Set","handleSelectionRange","detail","dataState","value","metadata","key","startIndex","indexOf","start","endIndex","end","minIndex","offset","count","length","Sparkle","sparkleHeight","height","findSuggestions","getSuggestionsCount","data","index","suggestions","set","Map","findIndex","getKey","item","dataset","findElementByKey","root","i","items","getFirstVisibleKey","firstItem","getPrevNextKey","isPrev","isKeyDefined","currItem","nextItem","previousElementSibling","nextElementSibling","scrollToVisible","elem","scroller","scrollerBounds","getBoundingClientRect","elemBounds","bottom","scrollTop","top","keyExtractor","event","target","accessibleSummary","gridlines","onCurrentKeyChange","onLoadRange","viewportConfig","anchorKey","pendingSelection","ariaMultiSelectable","undefined","ariaRowCount","sizePrecision","totalSize","currentKeyProps","useCurrentKey","current","handleInitialFocus","useCallback","firstKey","_a","contains","cell","handleSelectionChange","size","Array","from","pop","handleSelectionRangeChange","isArray","querySelector","PLACEHOLDER_STYLE_CLASS","offsetHeight","_jsx","jsx","VirtualizedCollection","Object","assign","itemSelector","loadMoreIndicator","sparkleIndicator","context","get","showFocusRing"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/amd/Message.types-1e78022f.js

@@ -0,0 +1,2 @@
+define(["exports","./utils/UNSAFE_arrayUtils"],(function(r,i){"use strict";i.stringLiteralArray(["banner","inline"]);const n=i.stringLiteralArray(["error","warning","confirmation","info","none"]);r.severities=n}));
+//# sourceMappingURL=Message.types-1e78022f.js.map

package/dist/js/libs/oraclejet-preact/amd/Message.types-1e78022f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.types-1e78022f.js","sources":["../../src/UNSAFE_Message/Message.types.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const variants = stringLiteralArray(['banner', 'inline']);\nexport type MessageVariant = typeof variants[number];\n\nexport const severities = stringLiteralArray(['error', 'warning', 'confirmation', 'info', 'none']);\nexport type MessageSeverity = typeof severities[number];\n"],"names":["stringLiteralArray","severities"],"mappings":"2EAUwBA,EAAAA,mBAAmB,CAAC,SAAU,WAA/C,MAGMC,EAAaD,EAAkBA,mBAAC,CAAC,QAAS,UAAW,eAAgB,OAAQ"}

package/dist/js/libs/oraclejet-preact/amd/MessageCloseButton-4653c6e6.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module'],(function(n,e,t){"use strict";const i={banner:"_fkue9w",inline:void 0};n.MessageCloseButton=function({onAction:n,buttonRenderer:t,title:s="Close",variant:o="banner"}){const c=t?t(s,n,o):e.jsx("button",Object.assign({"aria-label":s,onClick:n,title:s},{children:"X"})),a=`oj-c-message${o}-close-icon ${i[o]}`;return e.jsx("div",Object.assign({class:a},{children:c}))}}));
+//# sourceMappingURL=MessageCloseButton-4653c6e6.js.map

package/dist/js/libs/oraclejet-preact/amd/MessageCloseButton-4653c6e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCloseButton-4653c6e6.js","sources":["../../src/UNSAFE_Message/MessageCloseButton.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 { cssProps } from '@oracle/oraclejet-cssprops';\nimport { VNode } from 'preact';\nimport { MessageVariant } from './Message.types';\n\nconst messageCloseButtonStyles = {\n  banner: cssProps`${{\n    marginInlineStart: '0.25rem',\n    marginInlineEnd: '-0.5rem',\n    marginTop: '-0.5rem',\n    marginBottom: '-0.5rem'\n  }}`,\n  inline: undefined\n};\n\n/**\n * Props for the MessageCloseButton component\n */\ntype Props = {\n  /**\n   * The callback function to be called when the close icon is clicked\n   */\n  onAction: (event?: Event) => void;\n\n  /**\n   * Button renderer\n   */\n  buttonRenderer?: (\n    title: string,\n    onAction: (event?: Event) => void,\n    variant?: MessageVariant\n  ) => VNode;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Close button title\n   */\n  title?: string;\n};\n\n/**\n * A Component for rendering the message close button\n */\nfunction MessageCloseButton({\n  onAction,\n  buttonRenderer,\n  title = 'Close',\n  variant = 'banner'\n}: Props) {\n  const renderedButton = buttonRenderer ? (\n    buttonRenderer(title, onAction, variant)\n  ) : (\n    // we should ultimately be able to create an oj-button (or rather its preact\n    // equivalent) here, but for now just create a regular HTML button if a renderer\n    // is not passed in from the core JET layer\n    <button aria-label={title} onClick={onAction} title={title}>\n      X\n    </button>\n  );\n  const classes = `oj-c-message${variant}-close-icon ${messageCloseButtonStyles[variant]}`;\n\n  // Otherwise, render the close icon\n  return <div class={classes}>{renderedButton}</div>;\n}\n\nexport { MessageCloseButton };\n"],"names":["messageCloseButtonStyles","inline","undefined","onAction","buttonRenderer","title","variant","renderedButton","_jsx","Object","assign","class","classes","children"],"mappings":"gFAYA,MAAAA,EAAA,QAAA,UAOEC,YAAAC,wBAmCF,UAAAC,SAAAA,EAAAC,eAAAA,EAAAC,MAAAA,EAAA,QAAAC,QAAAA,EAAA,WAME,MAAAC,EAAAH,EAAAA,EAAAC,EAAAF,EAAAG,4HAaA,OAAAE,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAN"}

package/dist/js/libs/oraclejet-preact/amd/MessageDetail-9eb62716.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"preact","./MessageFormattingUtils-db162160"],(function(e,n,t,i,r){"use strict";const a={base:"_ggj18",banner:"_v7qlr1",inline:void 0};function s(e){const{detail:t}=e.data;return r.isValidValueForProp(t)?n.jsx(i.Fragment,{children:t}):null}e.MessageDetail=function({item:e,renderer:t=s,variant:i="banner"}){const r=t(e);if(null==r)return null;const l=`oj-c-message${i}-detail ${a.base} ${a[i]}`;return n.jsx("div",Object.assign({class:l},{children:r}))}}));
+//# sourceMappingURL=MessageDetail-9eb62716.js.map

package/dist/js/libs/oraclejet-preact/amd/MessageDetail-9eb62716.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageDetail-9eb62716.js","sources":["../../src/UNSAFE_Message/MessageDetail.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { ComponentChildren, Fragment } from 'preact';\nimport { MessageVariant } from './Message.types';\nimport { isValidValueForProp } from './MessageFormattingUtils';\n\nconst messageDetailStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    marginTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  inline: undefined\n};\n\ntype MessageWithDetailText = {\n  /**\n   * The detail text for the message\n   */\n  detail?: string;\n};\n\n/**\n * Structure of template item used for dynamic templates\n */\ntype MessageTemplateItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The zero-based index of the current message\n   */\n  index: number;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\n/**\n * Props for the Detail component\n */\ntype Props<K, D> = {\n  /**\n   * The template item for rendering the detail content\n   */\n  item: MessageTemplateItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  renderer?: (item: MessageTemplateItem<K, D>) => ComponentChildren;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Default renderer for rendering the detail content.\n *\n * @param item The template item object\n * @returns Rendered detail content\n */\nfunction defaultDetailRenderer<D extends MessageWithDetailText>(\n  item: MessageTemplateItem<unknown, D>\n): ComponentChildren {\n  const { detail } = item.data;\n  // If the detail is null or an empty string, do not render the\n  // content row\n  if (!isValidValueForProp(detail)) {\n    return null;\n  }\n  return <Fragment>{detail}</Fragment>;\n}\n\n/**\n * Detail Component for rendering the detail content of the Message\n */\nfunction MessageDetail<K, D>({\n  item,\n  renderer = defaultDetailRenderer,\n  variant = 'banner'\n}: Props<K, D>) {\n  const renderedContent = renderer(item);\n\n  if (renderedContent == null) return null;\n\n  // If detail content is rendered, then wrap it in a div with specified style classes\n  const classes = `oj-c-message${variant}-detail ${messageDetailStyles.base} ${messageDetailStyles[variant]}`;\n  return <div class={classes}>{renderedContent}</div>;\n}\n\nexport { MessageDetail, MessageTemplateItem };\n"],"names":["messageDetailStyles","inline","undefined","defaultDetailRenderer","item","detail","data","isValidValueForProp","_jsx","Fragment","children","renderer","variant","renderedContent","classes","base","Object","assign","class"],"mappings":"iIAcA,MAAAA,EAAA,MAAA,gBAAA,UAWEC,YAAAC,GA6DF,SAAAC,EAAAC,GAGE,MAAAC,OAAAA,GAAAD,EAAAE,KAGA,OAAAC,EAAAA,oBAAAF,GAGAG,EAAAA,IAAAC,EAAAA,SAAA,CAAAC,SAAAL,IAFE,qBAQJ,UAAAD,KAAAA,EAAAO,SAAAA,EAAAR,EAAAS,QAAAA,EAAA,WAKE,MAAAC,EAAAF,EAAAP,cAE6B,OAAA,KAG7B,MAAAU,EAAAF,eAAAA,YAAAZ,EAAAe,QAAAf,EAAAY,KACA,OAAAJ,MAAA,MAAAQ,OAAAC,OAAA,CAAAC,MAAAJ,GAAA,CAAAJ,SAAAG"}

package/dist/js/libs/oraclejet-preact/amd/MessageFormattingUtils-db162160.js

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

package/dist/js/libs/oraclejet-preact/amd/MessageFormattingUtils-db162160.js.map

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

package/dist/js/libs/oraclejet-preact/amd/MessageStartIcon-3b31040a.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./utils/UNSAFE_classNames","./index-81e81559","./UNSAFE_Flex","./index-921bdf02","./Flex-cef36544","./classNames-c5664765"],(function(e,n,s,i,a,c,r,t,o){"use strict";const l={banner:"_ktczz8",inline:"sxesvi"},g={confirmation:r.SvgIcoSuccessS,error:r.SvgIcoErrorS,info:r.SvgIcoInformationS,warning:r.SvgIcoWarningS};e.MessageStartIcon=function({severity:e,variant:s="banner",translations:i}){const a=g[e],c="banner"===s?n.jsx(t.Flex,Object.assign({align:"center",height:"100%"},{children:n.jsx(a,{accessibleLabel:null==i?void 0:i[e]})})):n.jsx(a,{accessibleLabel:null==i?void 0:i[e]});return n.jsx("div",Object.assign({class:o.classNames([`oj-c-message${s}-start-icon`,"wna0fr",l[s]]),role:"presentation"},{children:c}))}}));
+//# sourceMappingURL=MessageStartIcon-3b31040a.js.map

package/dist/js/libs/oraclejet-preact/amd/MessageStartIcon-3b31040a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageStartIcon-3b31040a.js","sources":["../../src/UNSAFE_Message/MessageStartIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity, MessageVariant } from './Message.types';\nimport {\n  MessageConfirmationIcon,\n  MessageErrorIcon,\n  MessageInfoIcon,\n  MessageWarningIcon\n} from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\n\nconst messageStartIconStyles = cssProps`${{\n  marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n}}`;\n\nconst severityIconStyles = {\n  banner: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-inline-start-icon-color)',\n    fontSize: '1rem'\n  }}`\n};\n\nconst severityIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props = {\n  /**\n   * The icon severity\n   */\n  severity: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n\n  /**\n   * Translations resources\n   * TODO: Replace with preact translations when it is available\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * StartIcon Component for rendering the severity based icon in Message\n */\nfunction MessageStartIcon({ severity, variant = 'banner', translations }: Props) {\n  const IconComponent = severityIcons[severity];\n  // TODO: JET-50793\n  const iconContent =\n    variant === 'banner' ? (\n      <Flex align=\"center\" height=\"100%\">\n        <IconComponent accessibleLabel={translations?.[severity]} />\n      </Flex>\n    ) : (\n      <IconComponent accessibleLabel={translations?.[severity]} />\n    );\n  return (\n    <div\n      class={classNames([\n        `oj-c-message${variant}-start-icon`,\n        messageStartIconStyles,\n        severityIconStyles[variant]\n      ])}\n      role=\"presentation\">\n      {iconContent}\n    </div>\n  );\n}\n\nexport { MessageStartIcon };\n"],"names":["severityIconStyles","severityIcons","confirmation","MessageConfirmationIcon","SvgIcoSuccessS","error","MessageErrorIcon","SvgIcoErrorS","info","MessageInfoIcon","SvgIcoInformationS","warning","MessageWarningIcon","severity","variant","translations","IconComponent","_jsx","Object","assign","class","classNames"],"mappings":"wNAmBA,MAIAA,EAAA,QAAA,2BAYAC,EAAA,CACEC,aAAAC,EADFC,eAEEC,MAAAC,EAFFC,aAGEC,KAAAC,EAHFC,mBAIEC,QAAAC,EAAAA,mCA+CF,UAAAC,SAAAA,EAAAC,QAAAA,EAAA,SAAAC,aAAAA,IACE,MAAAC,EAAAf,EAAAY,uLAUA,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAA,WAAA,gBAGMP,eAjFR"}

package/dist/js/libs/oraclejet-preact/amd/MessageSummary-b0969c6d.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module'],(function(e,n,s){"use strict";const a={base:"_2zah46",banner:"h9djhh",inline:"ekj1g0"};e.MessageSummary=function({text:e,variant:s="banner"}){const i=`oj-c-message${s}-summary ${a.base} ${a[s]}`;return n.jsx("div",Object.assign({role:"heading",class:i},{children:e}))}}));
+//# sourceMappingURL=MessageSummary-b0969c6d.js.map

package/dist/js/libs/oraclejet-preact/amd/MessageSummary-b0969c6d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSummary-b0969c6d.js","sources":["../../src/UNSAFE_Message/MessageSummary.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageVariant } from './Message.types';\n\nconst messageSummaryStyles = {\n  // TODO: Reevaluate once the TEXT component is available (JET-46891)\n  base: cssProps`${{\n    flex: '1',\n    overflowWrap: 'anywhere'\n  }}`,\n\n  banner: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-weight)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color)'\n  }}`,\n\n  inline: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size)',\n    fontWeight: '400',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color)',\n    lineHeight: 1.333\n  }}`\n};\n\n/**\n * Props for the Summary component\n */\ntype Props = {\n  /**\n   * The summary text\n   */\n  text?: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Summary Component for rendering the summary text of the Message\n */\nfunction MessageSummary({ text, variant = 'banner' }: Props) {\n  const classes = `oj-c-message${variant}-summary ${messageSummaryStyles.base} ${messageSummaryStyles[variant]}`;\n  return (\n    <div role=\"heading\" class={classes}>\n      {text}\n    </div>\n  );\n}\n\nexport { MessageSummary };\n"],"names":["messageSummaryStyles","text","variant","classes","base","_jsx","Object","assign","role","class","children"],"mappings":"gFAUA,MAAAA,EAAA,MAAA,iBAAA,2CAuCA,UAAAC,KAAAA,EAAAC,QAAAA,EAAA,WACE,MAAAC,EAAAD,eAAAA,aAAAF,EAAAI,QAAAJ,EAAAE,KACA,OAAAG,MAAA,MAAAC,OAAAC,OAAA,CAAAC,KAAA,UAAAC,MAAAN,GAAA,CAAAO,SAAAT"}

package/dist/js/libs/oraclejet-preact/amd/MessageTimestamp-dcb02617.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./MessageFormattingUtils-db162160"],(function(e,s,n,t){"use strict";const i={banner:"ejmfxk",inline:void 0};e.MessageTimestamp=function({value:e,variant:n="banner"}){const a=`oj-c-message${n}-timestamp ${i[n]}`,r=t.formatTimestamp(e);return s.jsx("div",Object.assign({class:a},{children:r}))}}));
+//# sourceMappingURL=MessageTimestamp-dcb02617.js.map

package/dist/js/libs/oraclejet-preact/amd/MessageTimestamp-dcb02617.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTimestamp-dcb02617.js","sources":["../../src/UNSAFE_Message/MessageTimestamp.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageVariant } from './Message.types';\nimport { formatTimestamp } from './MessageFormattingUtils';\n\nconst messageTimestampStyles = {\n  banner: cssProps`${{\n    flexShrink: 0,\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  inline: undefined\n};\n\n/**\n * Props for the Timestamp component\n */\ntype Props = {\n  /**\n   * The timestamp to show in ISO format\n   */\n  value: string;\n\n  /**\n   * Style variant\n   */\n  variant?: MessageVariant;\n};\n\n/**\n * Timestamp Component for rendering timestamp in Message\n */\nfunction MessageTimestamp({ value, variant = 'banner' }: Props) {\n  const classes = `oj-c-message${variant}-timestamp ${messageTimestampStyles[variant]}`;\n\n  // Otherwise, render the timestamp\n  const formattedTimestamp = formatTimestamp(value as string);\n  return <div class={classes}>{formattedTimestamp}</div>;\n}\n\nexport { MessageTimestamp };\n"],"names":["messageTimestampStyles","inline","undefined","value","variant","formattedTimestamp","formatTimestamp","_jsx","Object","assign","class","classes","children"],"mappings":"sHAYA,MAAAA,EAAA,QAAA,SAMEC,YAAAC,sBAqBF,UAAAC,MAAAA,EAAAC,QAAAA,EAAA,wDAIEC,EAAAC,kBAAAH,GACA,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,GAAA,CAAAC,SAAAP"}