@oracle/oraclejet-preact 14.0.0

package/README.md

@@ -0,0 +1,108 @@
+# @oracle/oraclejet-preact
+
+Oracle JET components built using [Preact](https://preactjs.com).
+
+### IMPORTANT
+
+This distribution is available only as a dependency for the @orcale/oraclejet-corepack distribution. There is **NO** support in any way for use of this package in a standalone fashion. All code in this distribution can be changed without notice. Any use of libraries included in this distribution outside of a dependency to other Oracle JET distributions is not supported or recommended. This code **WILL** change over time, without any notifications or documentation.
+
+Note that by default, `oraclejet-preact` is distributed in production mode
+(minified, with source maps), and is available in three module formats:
+
+- `es` The preferred format for consumption/bundling
+- `amd` For RequireJS use
+- `cjs` For NodeJS-based testing
+
+## Usage
+
+```javascript
+import { Avatar } from '@oracle/oraclejet-preact/UNSAFE_Avatar';
+
+export default () => <Avatar initials="OJP" />;
+```
+
+## Bundling
+
+If you're using a bundler that supports [subpath exports](https://nodejs.org/api/packages.html#subpath-exports)
+(such as [Webpack 5](https://webpack.js.org/guides/package-exports/)), then it should automatically find the correct distribution
+to use. If not, then you will need to configure this manually:
+
+**Webpack 4**
+
+```javascript
+module.exports = {
+  resolve: {
+    alias: {
+      '@oracle/oraclejet-preact': '@oracle/oraclejet-preact/es'
+    }
+  }
+};
+```
+
+**AMD**
+
+```javascript
+requirejs.config({
+  paths: {
+    '@oracle/oraclejet-preact': './node_modules/@oracle/oraclejet-preact/amd'
+  }
+});
+```
+
+### CSS
+
+`oraclejet-preact` components are modular, and each may have associated CSS
+that's needed to make the UI functional. Depending on the module used, some
+components may contain imports such as
+
+```javascript
+// ES module
+import './Component.css';
+```
+
+or
+
+```javascript
+// AMD module
+define(['exports', 'css!./Component.css']);
+```
+
+When bundling the component, you must configure your bundler to correctly import
+the CSS.
+
+#### Webpack
+
+See Webpack's documentation on using [css-loader](https://webpack.js.org/loaders/css-loader/)
+to load and serve CSS.
+If your application is TS/ES-based, it's recommended to use `oraclejet-preact`'s
+ES distribution found under `@oracle/oraclejet-preact/es`.
+
+> _**Warning**_
+>
+> _Webpack may not complain when importing different formats into
+> a single bundle, but this will cause silent failures with CSS imports. Whenever
+> possible, use a single module format._
+
+#### RequireJS
+
+If bundling or running with RequireJS, use
+[require-css](https://github.com/guybedford/require-css) plugin. Components which import
+CSS will precede the file name with `css!`, which triggers the plugin. You must
+use `oraclejet-preact`'s AMD distribution found under `@oracle/oraclejet-preact/amd`.
+
+## Testing
+
+`oraclejet-preact` supports NodeJS-based testing by distributing a CommonJS version
+of the code that has been stripped of CSS imports. For libraries that support
+subpath exports, this should be automatically mapped. Otherwise, configure it to
+use the `cjs` directory.
+
+**Jest**
+
+```json
+{
+  "moduleNameMapper": {
+    "@oracle/oraclejet-preact/(.*)": "@oracle/oraclejet-preact/cjs/$1"
+  }
+}
+```

package/THIRDPARTYLICENSE.txt

@@ -0,0 +1,98 @@
+DO NOT TRANSLATE OR LOCALIZE.
+
+********************************************************************************
+Oracle elects to use only the GNU Lesser General Public License version 2.1
+(LGPL) for any software where a choice of LGPL/GPL license versions are made
+available with the language indicating that LGPLv2.1/GPLv2 or any later version
+may be used, or where a choice of which version of the LGPL/GPL is applied is
+unspecified.
+********************************************************************************
+
+THIRD-PARTY COMPONENT FILE                                               LICENSE
+(path in the installation)                   (see license text reproduced below)
+--------------------------------------------------------------------------------
+node_modules/ramda/                                                         MIT
+
+
+Ramda v0.27.1
+
+The MIT License (MIT)
+
+Copyright (c) 2013-2020 Scott Sauyet and Michael Hurley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+
+THIRD-PARTY COMPONENT FILE                                               LICENSE
+(path in the installation)                   (see license text reproduced below)
+--------------------------------------------------------------------------------
+utils/mergeProps/mergeProps.ts                                               MIT
+
+
+merge-props v5.0.3
+
+MIT License
+
+Copyright (c) 2018 Andrew Branch
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+THIRD-PARTY COMPONENT FILE                                               LICENSE
+(path in the installation)                   (see license text reproduced below)
+--------------------------------------------------------------------------------
+Floating.js                                                                  MIT
+
+MIT License
+
+Copyright (c) 2021 Floating UI contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/amd/Badge-0881d386.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime","./utils/UNSAFE_classNames",'module',"./classNames-3c307969"],(function(e,s,n,a,t){"use strict";const i={base:"ffnbh8",end:"pgzmm3",neutral:"_154aixu",danger:"cq4fw2",warning:"_1u3zffk",success:"_1ree5pw",info:"xm6a39",neutralSubtle:"_1s7saoo",dangerSubtle:"_1ht9wzy",warningSubtle:"_1m1g3eg",successSubtle:"_1g331bp",infoSubtle:"qgeytz",childrenMargins:"_8tey1f"};e.Badge=function({variant:e="neutral",size:n="md",edge:a="none",children:r}){const c=t.classNames([i.base,"sm"===n&&"oj-badge-sm","end"===a&&i.end,i[e],i.childrenMargins]);return s.jsx("span",Object.assign({class:c},{children:r}))}}));
+//# sourceMappingURL=Badge-0881d386.js.map

package/amd/Badge-0881d386.js.map

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

package/amd/BaseButton-c6deca8c.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,a=new Array(t);r<t;r++)a[r]=e[r];return a}define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","preact/compat",'module',"./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/PRIVATE_clientHints","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_mergeProps","./clientHints-7d8b1c52","./classNames-3c307969"],(function(e,t,r,a,n,i,s,o,l,u,c,d,b,p,y,_){"use strict";const f=()=>null,m="njigfk",A="m7hqrf",h="_46ejrk",v="_1deojtv",g="_19jqklf",S="_1ev4b7a",j="_191sf7e",k="_12nf9hi",E="_1aiik4e",T="sq68qh",H="x7uu17",I="br1zs8",N="_70jzi6",x="_1bsq7np",R=_toConsumableArray(Object.values(u.dimensionInterpolations)),U=c.mergeInterpolations(R),F="ios"===y.getClientHints().platform?{ontouchstart:function(){}}:{},P=y.getClientHints().isHybrid,q=o.forwardRef(((e,s)=>{var{variant:o="outlined",isDisabled:l=!1,isRepeat:u=!1,size:c="md",elementDetails:d={type:"button"},styling:y=["default"],edge:R="none",accessibleLabel:q,ariaHidden:D,ariaExpanded:L,ariaRoledescription:O}=e,w=t.__rest(e,["variant","isDisabled","isRepeat","size","elementDetails","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription"]);const{pressProps:C}=a.usePress(w.onAction?w.onAction:f,{isDisabled:l,isRepeat:u}),$=e=>y.indexOf(e)>-1,{hoverProps:z,isHover:B}=n.useHover({isDisabled:!P}),{activeProps:M,isActive:W}=i.useActive(),V=U(w),{class:G}=V,J=t.__rest(V,["class"]),K=Object.assign({},d),{type:Q="button"}=K,X=t.__rest(K,["type"]),Y=((e,t)=>{switch(e){case"link":return{role:"link"};case"button":return{};default:return t?{role:"generic"}:{role:"button"}}})(Q,null!=D&&D),Z=w.title||q,ee=d.type,te="span"==ee,re="button"==ee,{isTabbable:ae}=b.useTabbableMode(),ne=_.classNames([!$("unstyled")&&m,$("unstyled")&&S,$("embedded")&&T,$("container")&&E,$("noBorderRadiusStart")&&H,$("noBorderRadiusEnd")&&I,$("active")&&h,$("fill")&&k,$("min")&&j,`oj-c-base-button-${o}`,`oj-c-base-button-${c}`,l&&N,"bottom"===R&&x,!P&&!te&&!W&&v,!P&&te&&!W&&!l&&!$("container")&&g,P&&B&&!W&&!l&&!$("container")&&A,!$("container")&&W&&!l&&h,"b1mf7q"]),ie=p.mergeProps(X,C,F,z,$("container")?{}:M,re?{}:{"aria-disabled":l});return r.jsx(ee,Object.assign({ref:s,disabled:l,class:`${ne} ${G}`,style:J,autofocus:w.autofocus,title:Z,tabIndex:l||!ae?-1:0,"aria-label":q,"aria-hidden":D,"aria-roledescription":O,"aria-expanded":L},ie,Y,{children:w.children}))}));e.BaseButton=q}));
+//# sourceMappingURL=BaseButton-c6deca8c.js.map

package/amd/BaseButton-c6deca8c.js.map

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

package/amd/Button-18083439.js

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

package/amd/Button-18083439.js.map

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

package/amd/Chip-d8fcbe0a.js

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

package/amd/Chip-d8fcbe0a.js.map

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

package/amd/ClearIcon-7e5374d7.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="m9zyeh",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-7e5374d7.js.map

package/amd/ClearIcon-7e5374d7.js.map

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

package/amd/Collection-0cd076bf.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-0cd076bf.js.map

package/amd/Collection-0cd076bf.js.map

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

package/amd/ComponentMessage-3a247b9a.js

@@ -0,0 +1,2 @@
+define(["exports","preact/jsx-runtime",'module',"./hooks/UNSAFE_useTranslationBundle","./PRIVATE_Message","./UNSAFE_HiddenAccessible","./utils/UNSAFE_classNames","./classNames-3c307969","./MessageUtils-d33dd1be","./HiddenAccessible-061a4f41","./MessageStartIcon-6ef050cb","./MessageSummary-6829e689"],(function(e,s,a,i,n,r,t,l,c,o,d,u){"use strict";e.ComponentMessage=function({detail:e,fieldLabel:a,severity:n="error"}){const r=l.classNames(["_1lfv7q",c.severityBasedStyleClass(n,"inline")]),t=i.useTranslationBundle("@oracle/oraclejet-preact"),m={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}),c.isSeverityIconNeeded(n)&&s.jsx(d.MessageStartIcon,{variant:"inline",severity:n,translations:m}),s.jsx(u.MessageSummary,{variant:"inline",text:e})]}))}}));
+//# sourceMappingURL=ComponentMessage-3a247b9a.js.map

package/amd/ComponentMessage-3a247b9a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-3a247b9a.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  severityBasedStyleClass\n} from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n"],"names":["detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn"],"mappings":"iXA0DA,UAAAA,OAAAA,EAAAC,WAAAA,EAAAC,SAAAA,EAAA,UACE,MAAAC,EAAAC,EAAAA,WAAA,CAxCF,UAwCEC,EAAAA,wBAAAH,EAAA,YACAI,EAAAC,uBAAA,4BACAC,EAAA,CACEC,aAAAH,EAAAG,eACAC,MAAAJ,EAAAI,QACAC,KAAAL,EAAAK,OACAC,QAAAN,EAAAO"}

package/amd/ComponentMessageContainer-eaa98f45.js

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

package/amd/ComponentMessageContainer-eaa98f45.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-eaa98f45.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["generateMessagesData","messages","key","index","data","closeAffordance","severity","message","fieldLabel"],"mappings":"qKAuBA,SAAAA,EAAAC,0BAGMC,IAAAC,EACAC,KAAA,CACEC,gBAAA,MACAC,SAAAC,EAAAD,UAAA,yDAsBR,UAAAE,WAAAA,EAAAP,SAAAA,EAAA,6CAvCA"}

package/amd/Divider-6855675c.js

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

package/amd/Divider-6855675c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-6855675c.js","sources":["../../src/UNSAFE_Divider/Divider.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\nconst styles = {\n  orientation: {\n    horizontal: cssProps`${{\n      display: 'block',\n      width: '100%',\n      height: '0',\n      borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n      borderStyle: 'solid',\n      borderWidth: '1px 0 0 0',\n      fontSize: '0',\n      lineHeight: '0'\n    }}`\n  }\n};\n\nconst interpolations = [\n  ({ orientation = 'horizontal' }: Pick<DividerProps, 'orientation'>) => ({\n    class: styles.orientation[orientation]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<DividerProps>(interpolations);\n\n// TODO - Support vertical orientation\nexport function Divider() {\n  const { class: cls } = styleInterpolations({ orientation: 'horizontal' });\n\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={cls} role=\"separator\" aria-orientation=\"horizontal\"></span>;\n}\n"],"names":["styles","orientation","interpolations","class","styleInterpolations","mergeInterpolations","cls"],"mappings":"uHAmBA,MAAAA,EAAA,CACEC,YAAA,yBAcFC,EAAA,mCAEIC,MAAAH,EAAAC,YAAAA,MAIJG,EAAAC,EAAAA,oBAAAH,aAGA,WACE,MAAAC,MAAAG,GAAAF,EAAA,CAAAH,YAAA"}

package/amd/FilePicker-22dcb644.js

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

package/amd/FilePicker-22dcb644.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker-22dcb644.js","sources":["../../src/UNSAFE_FilePicker/FilePickerUtils.tsx","../../src/UNSAFE_FilePicker/postValidationUtils.tsx","../../src/UNSAFE_FilePicker/useFilePickerElement.tsx","../../src/UNSAFE_FilePicker/FilePicker.tsx"],"sourcesContent":["import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { Text } from '../UNSAFE_Text';\nimport { Spacer } from '../UNSAFE_Spacer';\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { trim } from '../utils/UNSAFE_stringUtils';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker } from './FilePicker';\n\nimport { JSX, ComponentProps } from 'preact';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\n/**\n * Gets the default content of the file picker\n */\nexport const getDefaultTriggerContent = (\n  isDisabled: FilePickerProps['isDisabled'],\n  primaryText: FilePickerProps['primaryText'],\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return [\n    <Text variant={isDisabled ? 'disabled' : 'primary'} weight=\"bold\" size=\"xl\">\n      {getPrimaryText(primaryText, translations)}\n    </Text>,\n    <Spacer height=\"1.5x\"></Spacer>,\n    <Text variant={isDisabled ? 'disabled' : 'secondary'} size=\"sm\">\n      {getSecondaryText(secondaryText, translations, selectionMode)}\n    </Text>\n  ];\n};\n\n/**\n * Returns the aria label\n */\ntype AriaLabelProps = {\n  accessibleLabel: FilePickerProps['accessibleLabel'];\n  isDisabled: FilePickerProps['isDisabled'];\n  translations: BundleType;\n  primaryText?: FilePickerProps['primaryText'];\n  secondaryText?: FilePickerProps['secondaryText'];\n  selectionMode?: FilePickerProps['selectionMode'];\n};\nexport const getAriaLabel = ({\n  accessibleLabel,\n  isDisabled,\n  translations,\n  primaryText,\n  secondaryText,\n  selectionMode\n}: AriaLabelProps) => {\n  return accessibleLabel\n    ? accessibleLabel\n    : `${isDisabled ? '' : translations.filePicker_addFiles() + '. '}${getPrimaryText(\n        primaryText,\n        translations\n      )}. ${getSecondaryText(secondaryText, translations, selectionMode)}`;\n};\n\n/**\n * Returns the styles of the file picker\n */\nexport const getStyles = (width: FilePickerProps['width'], height: FilePickerProps['height']) => {\n  const dimStyles: JSX.CSSProperties = {\n    width: width ? sizeToCSS(width) : undefined,\n    height: height ? sizeToCSS(height) : undefined\n  };\n  return dimStyles;\n};\n\n/**\n * Returns the primary text\n */\nconst getPrimaryText = (primaryText: FilePickerProps['primaryText'], translations: BundleType) => {\n  return primaryText ? primaryText : translations.filePicker_dropzonePrimaryText();\n};\n\n/**\n * Returns the secondary text text\n */\nconst getSecondaryText = (\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  const defaultSecondaryText =\n    selectionMode === 'multiple'\n      ? translations.filePicker_dropzoneSecondaryTextMultiple()\n      : translations.filePicker_dropzoneSecondaryText();\n  return secondaryText ? secondaryText : defaultSecondaryText;\n};\n\n/**\n * Takes in a list of files and returns a list of accepted files and\n * a list of rejected files based on file type\n */\nexport const validateTypes = (\n  files: FileList,\n  accept: FilePickerProps['accept'],\n  translations: BundleType\n) => {\n  const accepted = [];\n  const rejected = [];\n  let file: File;\n  let type: string;\n  if (files) {\n    for (let i = 0; i < files.length; i++) {\n      file = files[i];\n      const name = file.name;\n      type = translations.filePicker_unknownFileTypeUploadError();\n      if (name) {\n        const nameSplit = name.split('.');\n        type = nameSplit.length > 1 ? '.' + nameSplit.pop() : type;\n      }\n      type = file.type ? file.type : type;\n      // If type isn't already in one of the lists, add it\n      if (accepted.indexOf(type) === -1 && rejected.indexOf(type) === -1) {\n        if (_acceptFile(file, accept)) {\n          accepted.push(type);\n        } else {\n          rejected.push(type);\n        }\n      }\n    }\n  }\n  return { accepted, rejected };\n};\n\n/**\n * Creates a file list\n */\nexport const createFileList = (origList: FileList | DataTransferItemList) => {\n  const descriptor: Record<string | number, PropertyDescriptor> = {\n    length: { value: origList.length },\n    item: {\n      value(index: number): File {\n        return (this as unknown as FileList)[index];\n      }\n    }\n  };\n  for (let i = 0; i < origList.length; i++) {\n    descriptor[i] = { value: origList[i], enumerable: true };\n  }\n\n  return Object.create(FileList.prototype, descriptor);\n};\n\n/**\n * Returns false if selected multiple files when in single file selection mode\n */\nexport const validateSelectionMode = (\n  files: FileList,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return selectionMode !== 'single' || files.length === 1;\n};\n\n/**\n * Returns the correct message if mime type validation has failed\n */\nexport const getMimeTypeValidationMessages = (\n  rejected: Array<string>,\n  translations: BundleType\n): ComponentMessageItem[] => {\n  const messages: ComponentMessageItem[] = [];\n  if (rejected.length === 1) {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_singleTypeUploadError({\n        fileType: rejected[0]\n      })\n    });\n  } else {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_multipleFileTypeUploadError({\n        fileTypes: rejected.join(translations.plural_separator())\n      })\n    });\n  }\n  return messages;\n};\n\n/**\n * Returns true if file passes mimetype validation\n */\nconst _acceptFile = (file: File, accept: FilePickerProps['accept']) => {\n  const acceptProp = accept;\n  if (!acceptProp || acceptProp.length === 0 || !file) {\n    return true;\n  }\n\n  let fileAccept;\n  for (let i = 0; i < acceptProp.length; i++) {\n    fileAccept = trim(acceptProp[i]) as string;\n    if (!fileAccept) {\n      return true;\n    } else if (fileAccept.startsWith('.', 0)) {\n      // when dragover, only MIME type is available, file name is undefined\n      // to lowerCase is to make the string comparison case insensitive\n      if (!file.name || (file.name && file.name.toLowerCase().endsWith(fileAccept.toLowerCase()))) {\n        return true;\n      }\n    } else if (!file.type) {\n      return false;\n    } else if (fileAccept === 'image/*') {\n      if (file.type.startsWith('image/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'video/*') {\n      if (file.type.startsWith('video/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'audio/*') {\n      if (file.type.startsWith('audio/', 0)) {\n        return true;\n      }\n    } else if (file.type === fileAccept) {\n      return true;\n    }\n  }\n  return false;\n};\n","import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\n\nimport { createFileList } from './FilePickerUtils';\nimport { RejectDetail, CommitDetail } from './FilePicker';\n\n/**\n * Calls the onReject callback when invalid files are selected.\n * For invalid dragged files, this function will return a promise resolver that\n * should be called when the invalid files are no longer dragged over the filepicker.\n */\nexport const fireRejectAction = (\n  messages: ComponentMessageItem[],\n  isDrag: boolean,\n  onReject?: (detail: RejectDetail) => void\n) => {\n  let resolver;\n  const dragPromise = isDrag\n    ? new Promise<void>((resolve) => {\n        resolver = resolve;\n      })\n    : null;\n\n  onReject?.({\n    messages,\n    until: dragPromise\n  });\n  return resolver;\n};\n\n/**\n * Calls the onCommit callback when all files are valid.\n */\nexport const handleFilesAdded = (files: FileList, onCommit?: (detail: CommitDetail) => void) => {\n  // Bug 28503874 - filepicker: filelist cleared after the handler returns\n  // Note: the parameter \"files\" is a direct reference to the embedded Input element's property\n  // which could be reset or changed.\n  // we need to return a copy of FileList just in case apps hold on to a reference to FileList\n  const list = createFileList(files);\n  onCommit?.({\n    files: list\n  });\n};\n","import { pickFiles } from '../utils/UNSAFE_filePickerUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker, CommitDetail, RejectDetail } from './FilePicker';\nimport {\n  validateTypes,\n  getMimeTypeValidationMessages,\n  createFileList,\n  validateSelectionMode\n} from './FilePickerUtils';\nimport { fireRejectAction, handleFilesAdded } from './postValidationUtils';\n\nimport { ComponentProps } from 'preact';\nimport { useRef, Ref, StateUpdater } from 'preact/hooks';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\ntype FilePickerElementProps = FilePickerProps & {\n  translations: BundleType;\n};\n\n/**\n * The file picker helper method for non-disabled filepickers.\n */\nexport const useFilepickerElementHelper = (\n  props: FilePickerElementProps,\n  rootRef: Ref<HTMLDivElement>,\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const { callback, validation } = clickCallbackUtils(props);\n  const { pressProps } = usePress(callback);\n\n  const dragAndDropProps = useDragAndDropEvents(\n    props.accept,\n    props.selectionMode,\n    fireRejectAction,\n    handleFilesAdded,\n    rootRef,\n    props.translations,\n    props.onCommit,\n    props.onReject,\n    setValidity\n  );\n  const { hoverProps, isHover } = useHover({ isDisabled: false });\n  return {\n    validation,\n    dragAndDropProps,\n    pressProps,\n    isHover,\n    hoverProps\n  };\n};\n\ntype ClickProps = {\n  accept?: FilePickerProps['accept'];\n  capture?: FilePickerProps['capture'];\n  selectionMode?: FilePickerProps['selectionMode'];\n  onCommit?: FilePickerProps['onCommit'];\n  onReject?: FilePickerProps['onReject'];\n  translations: BundleType;\n};\n\nconst clickCallbackUtils = (props: ClickProps) => {\n  /**\n   * Callback function when the filepicker is clicked.\n   */\n  const handleSelectingFiles = (event: Event) => {\n    // Bug 27775173 - within firefox browser cannot tab past filepicker without file selector\n    // window opening\n    // only launching the file picker if click or 'Enter' was pressed\n    if (\n      event.type === 'click' ||\n      (event.type === 'keyup' && (event as KeyboardEvent).code === 'Enter')\n    ) {\n      // Bug 26907138 - form submit event is triggered when the file upload button is clicked\n      event.preventDefault();\n\n      pickFiles(_handleClickValidation, {\n        accept: props.accept,\n        selectionMode: props.selectionMode ?? 'multiple',\n        capture: props.capture ?? 'none'\n      });\n    }\n  };\n\n  /**\n   * Handles file validation from selecting files through the file dialog\n   */\n  const _handleClickValidation = (files: FileList) => {\n    if (files.length > 0) {\n      const rejected = validateTypes(files, props.accept, props.translations).rejected;\n      if (rejected.length > 0) {\n        fireRejectAction(\n          getMimeTypeValidationMessages(rejected, props.translations),\n          false,\n          props.onReject\n        );\n      } else {\n        handleFilesAdded(files, props.onCommit);\n      }\n    }\n  };\n  return {\n    callback: handleSelectingFiles,\n    validation: _handleClickValidation\n  };\n};\n\nconst useDragAndDropEvents = (\n  accept: FilePickerProps['accept'],\n  selectionMode: FilePickerProps['selectionMode'],\n  fireRejectAction: (\n    messages: ComponentMessageItem[],\n    isDrag: boolean,\n    onReject?: (detail: RejectDetail) => void\n  ) => any,\n  handleFilesAdded: (files: FileList, onCommit?: (detail: CommitDetail) => void) => void,\n  rootRef: Ref<HTMLDivElement>,\n  translations: BundleType,\n  onCommit?: (detail: CommitDetail) => void,\n  onReject?: (detail: RejectDetail) => void,\n  // setValidity not set for custom filepicker\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const inDropZone = useRef<boolean>(false);\n  const isDroppable = useRef<boolean>(false);\n  const dragPromiseResolver = useRef<() => void>();\n\n  /**\n   * Drag Enter handler called when a dragged file enter the filepicker dropzone\n   */\n  const _handleDragEnter = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  /**\n   * Drag over handler called when a file is dragged over the filepicker\n   */\n  const _handleDragOver = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (inDropZone.current) {\n      return;\n    }\n\n    const browser = getClientHints().browser;\n    inDropZone.current = true;\n    isDroppable.current = true;\n    // Safari doesn't provide the data for the files on drag over so validation cannot be done until drop\n    if (browser !== 'safari') {\n      if (!event.dataTransfer) {\n        return;\n      }\n      const files = createFileList(event.dataTransfer.items);\n      let messages = [] as ComponentMessageItem[];\n      const selectionModeValid = validateSelectionMode(files, selectionMode);\n      const droppable = validateTypes(files, accept, translations);\n      if (selectionModeValid && droppable.rejected.length === 0) {\n        // validation passes\n        setValidity?.('valid');\n      } else {\n        isDroppable.current = false;\n        if (selectionModeValid) {\n          // mimetype Validation fails\n          messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n        } else {\n          // selected multiple files in single selection mode\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        setValidity?.('invalid');\n        dragPromiseResolver.current = fireRejectAction(messages, true, onReject);\n      }\n    } else {\n      setValidity?.('valid');\n    }\n  };\n\n  /**\n   * Drag leave handler is called when the dragged file leaves the filepicker dropzone\n   */\n  const _handleDragLeave = (event: DragEvent, mimeTypeDropFail = false) => {\n    if (!inDropZone.current) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    if (!rootRef.current?.contains(event.relatedTarget as Node)) {\n      inDropZone.current = false;\n      setValidity?.('NA');\n      // There's only a promise if validation failed on dragover\n      if (!isDroppable.current && !mimeTypeDropFail) {\n        dragPromiseResolver.current?.();\n      }\n    }\n  };\n\n  /**\n   * Drop file handler is called when a file is dropped on the filepicker dropzone\n   */\n  const _handleFileDrop = (event: DragEvent) => {\n    if (inDropZone.current) {\n      event.preventDefault();\n      event.stopPropagation();\n      if (!event.dataTransfer) {\n        inDropZone.current = false;\n        return;\n      }\n      const files = createFileList(event.dataTransfer.files);\n      let mimeTypeDropFail = false;\n      if (isDroppable.current) {\n        let messages: ComponentMessageItem[] = [];\n        if (validateSelectionMode(files, selectionMode)) {\n          const droppable = validateTypes(files, accept, translations);\n          if (droppable.rejected.length > 0) {\n            // mimetype Validation fails\n            messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n            mimeTypeDropFail = true;\n          }\n        } else {\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        if (messages.length > 0) {\n          isDroppable.current = false;\n          fireRejectAction(messages, false, onReject);\n        }\n        if (isDroppable.current) {\n          handleFilesAdded(files, onCommit);\n        }\n      }\n      _handleDragLeave(event, mimeTypeDropFail);\n    }\n  };\n\n  return {\n    onDragEnter: _handleDragEnter,\n    onDragOver: _handleDragOver,\n    onDragLeave: _handleDragLeave,\n    onDrop: _handleFileDrop\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 { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Size } from '../utils/UNSAFE_size';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { getDefaultTriggerContent, getAriaLabel, getStyles } from './FilePickerUtils';\nimport { useFilepickerElementHelper } from './useFilePickerElement';\n\nimport { ComponentChildren } from 'preact';\nimport { useState, useRef, useImperativeHandle } from 'preact/hooks';\nimport { ForwardedRef } from 'preact/compat';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\n// TODO: Andy's comment below JET-53230\n// The FilePicker supports two very different use cases: default and custom file pickers. Should we consider dropping the wrapper and instead exporting the two underlying components (with the appropriate property types) directly?\n// If not, perhaps we should look into defining the Props type as a discriminated union such that primaryText/secondaryText props are only valid when children is not specified?\n\ntype Props = {\n  /**\n   * An array of strings of allowed MIME types or file extensions that can be uploaded; this is unlike the accept attribute of the html &lt;input> element that accepts a simple comma-delimited string. If not specified, all file types will be accepted.\n   * <p>Note: If accept is specified, files with empty string type will be rejected if no match found in the \"accept\" value.   */\n  accept?: string[];\n\n  /**\n   * Specifies the preferred facing mode for the device's\n   * <a href=\"https://www.w3.org/TR/html-media-capture/#dom-htmlinputelement-capture\">media capture</a> mechanism;\n   * This is most often used to provide direct camera access on mobile devices.  Note that the accept attribute must\n   * be specified and have an associated capture control type (e.g.[\"image/*\"]) for the capture attribute to take effect.  Support may vary by browser.\n   *\n   */\n  capture?: 'user' | 'environment' | 'implementation' | 'none';\n\n  /**\n   * Disables the filepicker if set to <code class=\"prettyprint\">true</code>.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The primary text for the default file picker.\n   */\n  primaryText?: string;\n\n  /**\n   * The secondary text for the default file picker.\n   */\n  secondaryText?: string;\n  /**\n   * Whether to allow single or multiple file selection.\n   */\n  selectionMode?: 'multiple' | 'single';\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been committed\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been rejected\n   */\n  onReject?: (detail: RejectDetail) => void;\n\n  /**\n   * Width of the File Picker\n   */\n  width?: Size;\n\n  /**\n   * Height of the File Picker\n   */\n  height?: Size;\n\n  /**\n   * If the children is provided, its contents replace the default filepicker.  Filepicker will still set role and aria-label, but\n   * the application is responsible for setting the tabindex.\n   */\n  children?: ComponentChildren;\n};\n\nexport type CommitDetail = {\n  files: FileList;\n};\n\nexport type RejectDetail = {\n  /**\n   * Messages that should be displayed to the user (e.g. in an oj-messages component) describing rejected files.\n   */\n  messages: ComponentMessageItem[];\n\n  /**\n   * This property may be populated with a Promise to provide short-term feedback during a user interaction (typically drag and drop); the feedback should be cleared upon the resolution of this Promise.\n   */\n  until: Promise<void> | null;\n};\n\n/**\n * A file picker displays a clickable dropzone for selecting files from the device storage.\n */\nexport function FilePicker({\n  capture = 'none',\n  isDisabled = false,\n  selectionMode = 'multiple',\n  children,\n  ...otherProps\n}: Props) {\n  // this ref is added only for testing purposes.  Allows the test to directly\n  // call certain functions that should be tested\n  const testHandlersRef = (otherProps as any).__testHandlerSymbol;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const props = { capture, selectionMode, translations, ...otherProps };\n  if (isDisabled) {\n    return <DisabledFilePicker {...props}>{children}</DisabledFilePicker>;\n  }\n  return children ? (\n    <CustomFilePicker testHandlersRef={testHandlersRef} {...props}>\n      {children}\n    </CustomFilePicker>\n  ) : (\n    <DefaultFilePicker testHandlersRef={testHandlersRef} {...props} />\n  );\n}\n\ntype FilePickerProps = Props & {\n  translations: BundleType;\n};\n\ntype DndProps = {\n  onDragEnter: (event: Event) => void;\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: (event: DragEvent, mimeTypeDropFail: boolean) => void;\n  onDrop: (event: DragEvent) => void;\n};\n\nexport type TestHandlersRef = ForwardedRef<\n  DndProps & {\n    onClickSelected: (files: FileList) => void;\n  }\n>;\n\ntype TestHandlerProps = {\n  // this ref is populated only in tests\n  testHandlersRef?: TestHandlersRef;\n};\n\ntype DefaultProps = Omit<FilePickerProps, 'isDisabled' | 'children'> & TestHandlerProps;\n\n/**\n * The default file picker element.\n */\nconst DefaultFilePicker = (props: DefaultProps) => {\n  const [validity, setValidity] = useState<'NA' | 'valid' | 'invalid'>('NA');\n\n  // class added to change bg/border color based on if file is valid on drag and drop\n  const validityClass =\n    validity === 'valid' ? 'oj-c-valid-drop' : validity === 'invalid' ? 'oj-c-invalid-drop' : '';\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef, setValidity);\n  const mergedEventProps = mergeProps(pressProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { isTabbable } = useTabbableMode();\n  const {\n    accessibleLabel,\n    primaryText,\n    secondaryText,\n    translations,\n    selectionMode,\n    width,\n    height\n  } = props;\n  return (\n    <div\n      {...mergedEventProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: false,\n        translations,\n        primaryText,\n        secondaryText,\n        selectionMode\n      })}\n      ref={rootRef}\n      style={getStyles(width, height)}>\n      <div class={classNames([styles.inner, validityClass])} {...dragAndDropProps}>\n        {getDefaultTriggerContent(false, primaryText, secondaryText, translations, selectionMode)}\n      </div>\n    </div>\n  );\n};\n\ntype DisabledProps = Omit<\n  FilePickerProps,\n  'accept' | 'capture' | 'onCommit' | 'onReject' | 'isDisabled'\n>;\n\nconst childrenContainer = (children: ComponentChildren) => {\n  return <div className={childrenStyles}>{children}</div>;\n};\n\n/**\n * The disabled file picker element.\n */\nconst DisabledFilePicker = ({\n  children,\n  accessibleLabel,\n  primaryText,\n  secondaryText,\n  translations,\n  selectionMode,\n  width,\n  height\n}: DisabledProps) => {\n  return (\n    <div\n      class={classNames([\n        styles.base,\n        styles.inner,\n        width === undefined && styles.maxWidth,\n        'oj-c-filepicker-disabled'\n      ])}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: true,\n        translations,\n        primaryText,\n        secondaryText\n      })}\n      aria-hidden=\"true\"\n      style={getStyles(width, height)}>\n      {(children && childrenContainer(children)) ||\n        getDefaultTriggerContent(true, primaryText, secondaryText, translations, selectionMode)}\n    </div>\n  );\n};\n\ntype CustomProps = Omit<FilePickerProps, 'isDisabled' | 'primaryText' | 'secondaryText'> &\n  TestHandlerProps;\n\n/**\n * The custom file picker element.\n */\nconst CustomFilePicker = (props: CustomProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef);\n  const mergedEventProps = mergeProps(pressProps, dragAndDropProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { accessibleLabel, translations, selectionMode } = props;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? undefined : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({ accessibleLabel, isDisabled: false, translations, selectionMode })}\n      ref={rootRef}\n      style={getStyles(props.width, props.height)}\n      {...mergedEventProps}>\n      {props.children && childrenContainer(props.children)}\n    </div>\n  );\n};\n\n/**\n * Only called for testing purposes, sets up the test ref that\n * allows for backdoor access to certain methods\n */\nconst useSetupTestRef = (\n  dragAndDropProps: DndProps,\n  validation: (files: FileList) => void,\n  testHandlersRef: TestHandlersRef\n) => {\n  useImperativeHandle(testHandlersRef, () => ({\n    onDragEnter: dragAndDropProps.onDragEnter,\n    onDragOver: dragAndDropProps.onDragOver,\n    onDrop: dragAndDropProps.onDrop,\n    onDragLeave: dragAndDropProps.onDragLeave,\n    onClickSelected: validation\n  }));\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'block',\n    height: '100%',\n    width: '100%'\n  }}`,\n  maxWidth: cssProps`${{\n    maxWidth: '400px'\n  }}`,\n  inner: cssProps`${{\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    height: '100%',\n    borderStyle: 'dashed',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color)',\n    '&:active': { backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)' }\n  }}`,\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': {\n      cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n    }\n  }}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': {\n        cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n      }\n    }\n  }}`\n};\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["getDefaultTriggerContent","isDisabled","primaryText","secondaryText","translations","selectionMode","_jsx","Text","Object","assign","variant","weight","size","children","getPrimaryText","Spacer","height","jsx","getSecondaryText","getAriaLabel","accessibleLabel","filePicker_addFiles","getStyles","width","sizeToCSS","undefined","filePicker_dropzonePrimaryText","defaultSecondaryText","filePicker_dropzoneSecondaryTextMultiple","filePicker_dropzoneSecondaryText","validateTypes","files","accept","accepted","rejected","file","type","i","length","name","filePicker_unknownFileTypeUploadError","nameSplit","split","pop","indexOf","_acceptFile","push","createFileList","origList","descriptor","value","item","index","this","enumerable","create","FileList","prototype","validateSelectionMode","getMimeTypeValidationMessages","messages","severity","summary","filePicker_singleTypeUploadError","fileType","filePicker_multipleFileTypeUploadError","fileTypes","join","plural_separator","acceptProp","fileAccept","trim","startsWith","toLowerCase","endsWith","fireRejectAction","isDrag","onReject","resolver","dragPromise","Promise","resolve","until","handleFilesAdded","onCommit","list","useFilepickerElementHelper","props","rootRef","setValidity","callback","validation","clickCallbackUtils","pressProps","usePress","dragAndDropProps","useDragAndDropEvents","hoverProps","isHover","useHover","_handleClickValidation","event","code","preventDefault","pickFiles","_a","capture","_b","inDropZone","useRef","isDroppable","dragPromiseResolver","_handleDragLeave","mimeTypeDropFail","current","stopPropagation","contains","relatedTarget","call","onDragEnter","onDragOver","browser","getClientHints","dataTransfer","items","selectionModeValid","droppable","filePicker_singleFileUploadError","onDragLeave","onDrop","DefaultFilePicker","styles","base","maxWidth","isTabbable","useTabbableMode","childrenContainer","className","childrenStyles","DisabledFilePicker","class","classNames","inner","role","style","CustomFilePicker","classes","tabIndex","ref","mergedEventProps","useSetupTestRef","testHandlersRef","useImperativeHandle","onClickSelected","otherProps","__rest","__testHandlerSymbol","useTranslationBundle"],"mappings":"mlBAgBO,MAAMA,EAA2B,CACtCC,EACAC,EACAC,EACAC,EACAC,IAEO,CACLC,MAACC,EAAAA,KAAIC,OAAAC,OAAA,CAACC,QAAST,EAAa,WAAa,UAAWU,OAAO,OAAOC,KAAK,MAAI,CAAAC,SACxEC,EAAeZ,EAAaE,MAE/BE,EAAAA,IAACS,EAAMA,OAAA,CAACC,OAAO,SACfV,EAACW,IAAAV,EAAIA,KAACC,OAAAC,OAAA,CAAAC,QAAST,EAAa,WAAa,YAAaW,KAAK,MAAI,CAAAC,SAC5DK,EAAiBf,EAAeC,EAAcC,OAgBxCc,EAAe,EAC1BC,gBAAAA,EACAnB,WAAAA,EACAG,aAAAA,EACAF,YAAAA,EACAC,cAAAA,EACAE,cAAAA,KAEOe,GAEH,GAAGnB,EAAa,GAAKG,EAAaiB,sBAAwB,OAAOP,EAC/DZ,EACAE,OACIc,EAAiBf,EAAeC,EAAcC,KAM7CiB,EAAY,CAACC,EAAiCP,KACpB,CACnCO,MAAOA,EAAQC,YAAUD,QAASE,EAClCT,OAAQA,EAASQ,YAAUR,QAAUS,IAQnCX,EAAiB,CAACZ,EAA6CE,IAC5DF,GAA4BE,EAAasB,iCAM5CR,EAAmB,CACvBf,EACAC,EACAC,KAEA,MAAMsB,EACc,aAAlBtB,EACID,EAAawB,2CACbxB,EAAayB,mCACnB,OAAO1B,GAAgCwB,GAO5BG,EAAgB,CAC3BC,EACAC,EACA5B,KAEA,MAAM6B,EAAW,GACXC,EAAW,GACjB,IAAIC,EACAC,EACJ,GAAIL,EACF,IAAK,IAAIM,EAAI,EAAGA,EAAIN,EAAMO,OAAQD,IAAK,CACrCF,EAAOJ,EAAMM,GACb,MAAME,EAAOJ,EAAKI,KAElB,GADAH,EAAOhC,EAAaoC,wCAChBD,EAAM,CACR,MAAME,EAAYF,EAAKG,MAAM,KAC7BN,EAAOK,EAAUH,OAAS,EAAI,IAAMG,EAAUE,MAAQP,EAExDA,EAAOD,EAAKC,KAAOD,EAAKC,KAAOA,GAEC,IAA5BH,EAASW,QAAQR,KAA4C,IAA5BF,EAASU,QAAQR,KAChDS,EAAYV,EAAMH,GACpBC,EAASa,KAAKV,GAEdF,EAASY,KAAKV,IAKtB,MAAO,CAAEH,SAAAA,EAAUC,SAAAA,IAMRa,EAAkBC,IAC7B,MAAMC,EAA0D,CAC9DX,OAAQ,CAAEY,MAAOF,EAASV,QAC1Ba,KAAM,CACJD,MAAME,GACJ,OAAQC,KAA6BD,MAI3C,IAAK,IAAIf,EAAI,EAAGA,EAAIW,EAASV,OAAQD,IACnCY,EAAWZ,GAAK,CAAEa,MAAOF,EAASX,GAAIiB,YAAY,GAGpD,OAAO9C,OAAO+C,OAAOC,SAASC,UAAWR,IAM9BS,EAAwB,CACnC3B,EACA1B,IAEyB,WAAlBA,GAA+C,IAAjB0B,EAAMO,OAMhCqB,EAAgC,CAC3CzB,EACA9B,KAEA,MAAMwD,EAAmC,GAgBzC,OAfwB,IAApB1B,EAASI,OACXsB,EAASd,KAAK,CACZe,SAAU,QACVC,QAAS1D,EAAa2D,iCAAiC,CACrDC,SAAU9B,EAAS,OAIvB0B,EAASd,KAAK,CACZe,SAAU,QACVC,QAAS1D,EAAa6D,uCAAuC,CAC3DC,UAAWhC,EAASiC,KAAK/D,EAAagE,wBAIrCR,GAMHf,EAAc,CAACV,EAAYH,KAC/B,MAAMqC,EAAarC,EACnB,IAAKqC,GAAoC,IAAtBA,EAAW/B,SAAiBH,EAC7C,OAAO,EAGT,IAAImC,EACJ,IAAK,IAAIjC,EAAI,EAAGA,EAAIgC,EAAW/B,OAAQD,IAAK,CAE1C,GADAiC,EAAaC,EAAIA,KAACF,EAAWhC,KACxBiC,EACH,OAAO,EACF,GAAIA,EAAWE,WAAW,IAAK,IAGpC,IAAKrC,EAAKI,MAASJ,EAAKI,MAAQJ,EAAKI,KAAKkC,cAAcC,SAASJ,EAAWG,eAC1E,OAAO,MAEJ,CAAA,IAAKtC,EAAKC,KACf,OAAO,EACF,GAAmB,YAAfkC,GACT,GAAInC,EAAKC,KAAKoC,WAAW,SAAU,GACjC,OAAO,OAEJ,GAAmB,YAAfF,GACT,GAAInC,EAAKC,KAAKoC,WAAW,SAAU,GACjC,OAAO,OAEJ,GAAmB,YAAfF,GACT,GAAInC,EAAKC,KAAKoC,WAAW,SAAU,GACjC,OAAO,OAEJ,GAAIrC,EAAKC,OAASkC,EACvB,OAAO,GAGX,OAAO,GCrNIK,EAAmB,CAC9Bf,EACAgB,EACAC,KAEA,IAAIC,EACJ,MAAMC,EAAcH,EAChB,IAAII,SAAeC,IACjBH,EAAWG,KAEb,KAMJ,OAJAJ,MAAAA,GAAAA,EAAW,CACTjB,SAAAA,EACAsB,MAAOH,IAEFD,GAMIK,EAAmB,CAACpD,EAAiBqD,KAKhD,MAAMC,EAAOtC,EAAehB,GAC5BqD,MAAAA,GAAAA,EAAW,CACTrD,MAAOsD,KCXEC,EAA6B,CACxCC,EACAC,EACAC,KAEA,MAAMC,SAAEA,EAAFC,WAAYA,GAAeC,EAAmBL,IAC9CM,WAAEA,GAAeC,EAAQA,SAACJ,GAE1BK,EAAmBC,EACvBT,EAAMvD,OACNuD,EAAMlF,cACNsE,EACAQ,EACAK,EACAD,EAAMnF,aACNmF,EAAMH,SACNG,EAAMV,SACNY,IAEIQ,WAAEA,EAAFC,QAAcA,GAAYC,EAAQA,SAAC,CAAElG,YAAY,IACvD,MAAO,CACL0F,WAAAA,EACAI,iBAAAA,EACAF,WAAAA,EACAK,QAAAA,EACAD,WAAAA,IAaEL,EAAsBL,IAI1B,MAsBMa,EAA0BrE,IAC9B,GAAIA,EAAMO,OAAS,EAAG,CACpB,MAAMJ,EAAWJ,EAAcC,EAAOwD,EAAMvD,OAAQuD,EAAMnF,cAAc8B,SACpEA,EAASI,OAAS,EACpBqC,EACEhB,EAA8BzB,EAAUqD,EAAMnF,eAC9C,EACAmF,EAAMV,UAGRM,EAAiBpD,EAAOwD,EAAMH,YAIpC,MAAO,CACLM,SArC4BW,aAKX,UAAfA,EAAMjE,MACU,UAAfiE,EAAMjE,MAAsD,UAAjCiE,EAAwBC,QAGpDD,EAAME,iBAENC,EAAAA,UAAUJ,EAAwB,CAChCpE,OAAQuD,EAAMvD,OACd3B,sBAAeoG,EAAAlB,EAAMlF,6BAAiB,WACtCqG,gBAASC,EAAApB,EAAMmB,uBAAW,WAwB9Bf,WAAYS,IAIVJ,EAAuB,CAC3BhE,EACA3B,EACAsE,EAKAQ,EACAK,EACApF,EACAgF,EACAP,EAEAY,KAEA,MAAMmB,EAAaC,UAAgB,GAC7BC,EAAcD,UAAgB,GAC9BE,EAAsBF,EAAAA,SA0DtBG,EAAmB,CAACX,EAAkBY,GAAmB,aACxDL,EAAWM,UAGhBb,EAAME,iBACNF,EAAMc,mBACc,QAAfV,EAAAjB,EAAQ0B,eAAO,IAAAT,OAAA,EAAAA,EAAEW,SAASf,EAAMgB,kBACnCT,EAAWM,SAAU,EACrBzB,MAAAA,GAAAA,EAAc,MAETqB,EAAYI,SAAYD,GACA,QAA3BN,EAAAI,EAAoBG,eAAO,IAAAP,GAAAA,EAAAW,KAAAP,MA6CjC,MAAO,CACLQ,YA9GwBlB,IACxBA,EAAME,iBACNF,EAAMc,mBA6GNK,WAvGuBnB,IAGvB,GAFAA,EAAME,iBACNF,EAAMc,kBACFP,EAAWM,QACb,OAGF,MAAMO,EAAUC,mBAAiBD,QAIjC,GAHAb,EAAWM,SAAU,EACrBJ,EAAYI,SAAU,EAEN,WAAZO,EAAsB,CACxB,IAAKpB,EAAMsB,aACT,OAEF,MAAM5F,EAAQgB,EAAesD,EAAMsB,aAAaC,OAChD,IAAIhE,EAAW,GACf,MAAMiE,EAAqBnE,EAAsB3B,EAAO1B,GAClDyH,EAAYhG,EAAcC,EAAOC,EAAQ5B,GAC3CyH,GAAoD,IAA9BC,EAAU5F,SAASI,OAE3CmD,MAAAA,GAAAA,EAAc,UAEdqB,EAAYI,SAAU,EAClBW,EAEFjE,EAAWD,EAA8BmE,EAAU5F,SAAU9B,GAG7DwD,EAASd,KAAK,CACZe,SAAU,QACVC,QAAS1D,EAAa2H,qCAG1BtC,MAAAA,GAAAA,EAAc,WACdsB,EAAoBG,QAAUvC,EAAiBf,GAAU,EAAMiB,SAGjEY,MAAAA,GAAAA,EAAc,UAkEhBuC,YAAahB,EACbiB,OAzCuB5B,IACvB,GAAIO,EAAWM,QAAS,CAGtB,GAFAb,EAAME,iBACNF,EAAMc,mBACDd,EAAMsB,aAET,YADAf,EAAWM,SAAU,GAGvB,MAAMnF,EAAQgB,EAAesD,EAAMsB,aAAa5F,OAChD,IAAIkF,GAAmB,EACvB,GAAIH,EAAYI,QAAS,CACvB,IAAItD,EAAmC,GACvC,GAAIF,EAAsB3B,EAAO1B,GAAgB,CAC/C,MAAMyH,EAAYhG,EAAcC,EAAOC,EAAQ5B,GAC3C0H,EAAU5F,SAASI,OAAS,IAE9BsB,EAAWD,EAA8BmE,EAAU5F,SAAU9B,GAC7D6G,GAAmB,QAGrBrD,EAASd,KAAK,CACZe,SAAU,QACVC,QAAS1D,EAAa2H,qCAGtBnE,EAAStB,OAAS,IACpBwE,EAAYI,SAAU,EACtBvC,EAAiBf,GAAU,EAAOiB,IAEhCiC,EAAYI,SACd/B,EAAiBpD,EAAOqD,GAG5B4B,EAAiBX,EAAOY,OC7E9B,MAAAiB,EAAA3C,qGAMEC,EAAAqB,SAAA,8JASEsB,EAAAC,UACA3G,IAAA8D,EAAAhE,OAAA4G,EAAAE,uBAGFC,WAAAA,GAAAC,EAAAA,mBACAnH,gBAAAA,EAAAlB,YAAAA,EAAAC,cAAAA,EAAAC,aAAAA,EAAAC,cAAAA,EAAAkB,MAAAA,EAAAP,OAAAA,GAAAuE,iHAiBMtF,YAAA,4LAoBRuI,EAAA3H,GACEP,MAAA,MAAAE,OAAAC,OAAA,CAAAgI,UAAAC,GAAA,CAAA7H,SAAAA,KAMF8H,EAAA,EAAA9H,SAAAA,EAAAO,gBAAAA,EAAAlB,YAAAA,EAAAC,cAAAA,EAAAC,aAAAA,EAAAC,cAAAA,EAAAkB,MAAAA,EAAAP,OAAAA,KAUEV,MAAA,MAAAE,OAAAC,OAAA,CAAAmI,MAAAC,EAAAA,WAAA,CAGMV,EAAAC,KACAD,EAAAW,WACArH,IAAAF,GAAA4G,EAAAE,sCAEDU,KAAA,SAAA,aAAA5H,EAAA,mBAIClB,YAAA,iDAID,cAAA,OAAA+I,MAAA1H,EAAAC,EAAAP,IAAA,CAAAH,SAAAA,GAAA2H,EAAA3H,IAICb,GAAA,EAAAE,EAAAC,EAAAC,EAAAC,MAWR4I,EAAA1D,IACE,MAAAC,EAAAqB,SAAA,OACAlB,WAAAA,EAAAI,iBAAAA,EAAAF,WAAAA,EAAAK,QAAAA,EAAAD,WAAAA,GAAAX,EAAAC,EAAAC,8EAQE2C,EAAAC,UACA3G,IAAA8D,EAAAhE,OAAA4G,EAAAE,4EAIFC,WAAAA,GAAAC,EAAAA,kBACA,OAAAjI,MAAA,MAAAE,OAAAC,OAAA,CAAAmI,MAAAM,EAAAC,SAAAb,OAAA7G,GAAA,EAAAsH,KAAA,SAAA,aAAA5H,EAAA,CAAAC,gBAAAA,EAAAnB,YAAA,EAAAG,aAAAA,EAAAC,cAAAA,IAAA+I,IAAA5D,EAAAwD,MAAA1H,EAAAiE,EAAAhE,MAAAgE,EAAAvE,SAAAqI,EAAA,CAAAxI,SAAA0E,EAAA1E,UAAA2H,EAAAjD,EAAA1E,cAkBFyI,EAAA,CAAAvD,EAAAJ,EAAA4D,KAKEC,EAAAA,oBAAAD,GAAA,KAAA,6FAKEE,gBAAA9D,OAIJwC,EAAA,MAAA,oBAAA,gBAAA,eAAA,kCAyCAO,EAAA,wBApPA,SAAAjC,GAA2B,IAAAC,QAAAA,EAAA,OAAAzG,WAAAA,GAAA,EAAAI,cAAAA,EAAA,WAAAQ,SAAAA,GAAA4F,EAAAiD,EAAAC,EAAAA,OAAAlD,EAAA,CAAA,UAAA,aAAA,gBAAA,aASzB,MAAA8C,EAAAG,EAAAE,oBACAxJ,EAAAyJ,uBAAA,0FAEA,OAAA5J,EACEK,EAAAA,IAAAqI,EAAAnI,OAAAC,OAAA,GAAA8E,EAAA,CAAA1E,SAAAA,KAEFA,EAAAP,EAAAW,IAAAgI,EAAAzI,OAAAC,OAAA,CAAA8I,gBAAAA,GAAAhE,EAAA,CAAA1E,SAAAA,KAAAP,EAAAW,IAAAiH,EAAA1H,OAAAC,OAAA,CAAA8I,gBAAAA,GAAAhE"}

package/amd/Flex-0dec0de8.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,a=new Array(e);t<e;t++)a[t]=r[t];return a}define(["exports","./tslib.es6-d070fafc","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations",'module',"./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./utils/UNSAFE_interpolations/flexitem","./utils/UNSAFE_classNames","./flexbox-b8de8bb4","./flexitem-d8628091","./classNames-3c307969"],(function(r,e,t,a,n,o,i,s,l,u,c,y,b){"use strict";const m=[].concat(_toConsumableArray(Object.values(a.dimensionInterpolations)),_toConsumableArray(Object.values(c.flexboxInterpolations)),_toConsumableArray(Object.values(y.flexitemInterpolations)),_toConsumableArray(Object.values(i.boxAlignmentInterpolations))),_=n.mergeInterpolations(m);r.Flex=r=>{var{children:a,hasZeroMargins:n}=r,o=e.__rest(r,["children","hasZeroMargins"]);const i=b.classNames(["_8nida1",n&&"_1f85y0n"]),s=_(o),{class:l}=s,u=e.__rest(s,["class"]);return t.jsx("div",Object.assign({class:`${i} ${l}`,style:u},{children:a}))}}));
+//# sourceMappingURL=Flex-0dec0de8.js.map

package/amd/Flex-0dec0de8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-0dec0de8.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';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n  hasZeroMargins?: boolean;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\nconst marginZeroStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst interpolations = [\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, hasZeroMargins, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","_toConsumableArray","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","_a","flexComponentClasses","classNames","hasZeroMargins","_b","props","class","cls","styles","__rest","_jsx","assign","style","children"],"mappings":"24CA2BA,MAWAA,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,mFACE,MAAAC,EAAAC,EAAAA,WAAA,CArBF,UAqBEC,GApBF,aAqBEC,EAAAN,EAAAO,IAAAC,MAAAC,GAAAH,EAAAI,EAAAC,EAAAA,OAAAL,EAAA,CAAA,UACA,OAAAM,MAAA,MAAAnB,OAAAoB,OAAA,CAAAL,MAAA,GAAAL,KAAAM,IAAAK,MAAAJ,GAAA,CAAAK,SAAAA"}

package/amd/Floating-a320db48.js

@@ -0,0 +1,2 @@
+function _toConsumableArray(t){return _arrayWithoutHoles(t)||_iterableToArray(t)||_unsupportedIterableToArray(t)||_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(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(t,r):void 0}}function _iterableToArray(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,o=new Array(r);e<r;e++)o[e]=t[e];return o}define(["exports","preact/jsx-runtime","preact/hooks","preact/compat","./index-2f5333e8","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useUser"],(function(t,r,e,o,n,i,s,a){"use strict";const l=o.forwardRef((({},t)=>r.jsxs("div",Object.assign({ref:t},{children:[" ",r.jsx("div",{})," "]}))));const c=o.forwardRef((({children:t,onClickOutside:o,placement:c="bottom",anchorRef:u,offsetValue:f,class:d,tail:p="none",flipOptions:m={mainAxis:!0,crossAxis:!1},shiftOptions:b={mainAxis:!0,crossAxis:!1},onPosition:y},h)=>{const A=e.useRef(null),[g,x]=e.useState(null);e.useLayoutEffect((()=>{x(u.current)}),[]),u.current!==g&&x(u.current);const{direction:v}=a.useUser(),_="rtl"===v,T=e.useCallback((t=>{!function(t,r,e,o,n){var i,s;if("simple"===o&&t.arrow){const{x:o,y:a,centerOffset:l}=t.arrow,c=e.current,u=7,f=6,d=null===(i=e.current)||void 0===i?void 0:i.querySelector("div"),p=5,m=5,b={position:"absolute",width:"0px",height:"0px"};let y=0,h=0;const A=r.current,g=void 0===(null==A?void 0:A.x)&&void 0===(null==A?void 0:A.y);g&&(y=Math.round(A.getBoundingClientRect().height),h=Math.round(null===(s=r.current)||void 0===s?void 0:s.getBoundingClientRect().width));const x=g?Math.abs(l)>=y/2-u/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(t.origPlacement),v=g?Math.abs(l)>=h/2-u/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(t.origPlacement),_=0===l,T=l>0;function k(t){const r=t?f:u;j({borderTop:`${S(r)} solid rgba(var(--oj-c-PRIVATE-DO-NOT-USE-palette-neutral-rgb-90), 0.1)`,borderRight:E(r),borderLeft:E(r)});const e=t?m:p;w({borderTop:`${S(e)} solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color)`,borderRight:`${E(e)}`,borderLeft:`${E(e)}`})}function O(t,r){Object.assign(null==r?void 0:r.style,t)}function j(t){O(t,c)}function w(t){O(t,d)}function R(t){return`rotate(${45*t}deg)`}function S(t){return`${t}px`}function E(t){return`${S(t)} solid transparent`}switch(O(b,c),O(b,d),k(x||v),t.placement.split("-")[0]){case"top":C();break;case"end":n?U():I();break;case"bottom":L();break;case"start":n?I():U()}function C(){null!=o&&(v?(j({top:"",bottom:S(2-u),left:S(o+(T?5:-5)),transform:R(T?5:3)}),$()):(j({top:"",bottom:S(-u),left:S(_?o:o+(T?1:-1)),transform:R(0)}),M()))}function I(){null!=a&&(x?(j({top:S(a+(T?2:-2)),right:"",left:S(-u-1),transform:R(T?7:5)}),$()):(j({top:S(_?a:a+(T?-2:2)),right:"",left:S(1.5*-u),transform:R(2)}),M()))}function L(){null!=o&&(v?(j({top:S(3-u),bottom:"",left:S(o+(T?4:-4)),transform:R(T?2:6)}),w({top:S(-p),left:S((T?1:-1)-p)})):(j({top:S(-u),bottom:"",left:S(_?o:o+(T?1:-1)),transform:R(4)}),M()))}function U(){null!=a&&(x?(j({top:S(a+(T?2:-2)),right:S(-u-1),left:"",transform:R(T?1:3)}),w({top:S(-p),left:S((T?-2:2)-p)})):(j({top:S(_?a:a+(T?-2:2)),right:S(1.5*-u),left:"",transform:R(6)}),M()))}function $(){w({top:S(-p),left:S((T?2:-2)-p)})}function M(){w({top:S(-p-2),left:S(-p)})}}}(t,u,A,p,_),null==y||y(t)}),[c,u,A,p,y]),{x:k,y:O,reference:j,floating:w,refs:R}=n.useFloating({placement:c,middleware:[n.offset(f),n.b({mainAxis:m.mainAxis,crossAxis:m.crossAxis}),n.D({mainAxis:b.mainAxis,crossAxis:b.crossAxis,limiter:n.L({mainAxis:b.mainAxis,crossAxis:b.crossAxis})})].concat(_toConsumableArray(A.current?[n.m({element:A.current})]:[])),whileElementsMounted:n.N,onPosition:T});s.useOutsideClick({isDisabled:!1,ref:R.floating,handler:o}),e.useLayoutEffect((()=>{if(g instanceof Element){return void j(g)}const t=g,r={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&j(r)}),[g,j]);const S=e.useMemo((()=>i.mergeRefs(h,w)),[h,w]);return r.jsxs("div",Object.assign({class:d,ref:S,style:{display:"block",visibility:null==k&&null==O?"hidden":"visible",position:"absolute",top:null!=O?O:"",left:null!=k?k:""}},{children:[t,r.jsx(l,{ref:A})]}))}));t.Floating=c}));
+//# sourceMappingURL=Floating-a320db48.js.map