@oracle/oraclejet 13.1.0 → 13.1.2

package/dist/js/libs/oraclejet-preact/cjs/ClearIcon-7272d880.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-7272d880.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":["ojButtonHeight","ojButtonBorderRadius","ojButtonBorderlessChromeTextColor","ojButtonBorderlessChromeTextColorHover","ojButtonBorderlessChromeBgColorHover","ojButtonBorderlessChromeBorderColorHover","clearIconStyles","noop","ClearIcon","onClick","killEvent","useCallback","event","pressProps","usePress","translations","useTranslationBundle","clearStr","formControl_clear"],"mappings":";;;;;;;;;AAWA,MAAAA,cAAA,GAAA,SAAA;;AAEA,MAAAC,oBAAA,GAAA,sDAAA;;AAEA,MAAAC,iCAAA,GAAA,wDAAA;;AAEA,MAAAC,sCAAA,GAAA,wDAAA;;AAGA,MAAAC,oCAAA,GAAA,oDAAA;;AAEA,MAAAC,wCAAA,GAAA,aAAA,CAAA;AAEA,MAAAC,eAAA,GAAA;;AAAA,CAAA,CAAA;;AAwBA,MAAAC,IAAA,GAAA,MAAA,EAAA,CAAA;;AAEA,SAAAC,SAAA,CAAA;AAAAC,EAAAA,OAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,SAAA,GAAAC,iBAAA,CAAAC,KAAA,IAAA;;GAAA,IAAA,CAAA,CAAA;EAGA,MAAA;AAAAC,IAAAA,UAAAA;AAAA,GAAA,GAAAC,8BAAA,CAAAL,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAA,KAAA,CAAA,GAAAA,OAAA,GAAAF,IAAA,CAAA,CAAA;AACA,EAAA,MAAAQ,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,QAAA,GAAAF,YAAA,CAAAG,iBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Collection-dc7dc481.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+
+/**
+ * Component that renders an array of data.
+ */
+function Collection({ items, children }) {
+    return (jsxRuntime.jsx(preact.Fragment, { children: items.map((data, index) => {
+            let ctx = { index, data };
+            return children(ctx);
+        }) }));
+}
+
+exports.Collection = Collection;
+/*  */
+//# sourceMappingURL=Collection-dc7dc481.js.map

package/dist/js/libs/oraclejet-preact/cjs/Collection-dc7dc481.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-dc7dc481.js","sources":["../../src/UNSAFE_Collection/Collection.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from './Collection.types';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        let ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["_jsx","Fragment"],"mappings":";;;;;;AAwBA;;AAEG;SACa,UAAU,CAAI,EAAE,KAAK,EAAE,QAAQ,EAAY,EAAA;AACzD,IAAA,QACEA,cAAA,CAACC,eAAQ,EAAA,EAAA,QAAA,EACN,KAAK,CAAC,GAAG,CAAC,CAAC,IAAO,EAAE,KAAa,KAAI;AACpC,YAAA,IAAI,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC1B,YAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;SACtB,CAAC,EACO,CAAA,EACX;AACJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessage-f53c160e.js

@@ -0,0 +1,54 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+require('./UNSAFE_HiddenAccessible.js');
+require('./UNSAFE_Message.js');
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-6ddd6c0f.js');
+var MessageUtils = require('./MessageUtils-ed0d1213.js');
+var HiddenAccessible = require('./HiddenAccessible-cc8b1149.js');
+var MessageStartIcon = require('./MessageStartIcon-ad23daca.js');
+var MessageSummary = require('./MessageSummary-8dd6bf46.js');
+
+const baseStyles = "_epu3y5";
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+
+function ComponentMessage({
+  detail,
+  fieldLabel,
+  severity = 'error'
+}) {
+  const classes = classNames.classNames([baseStyles, MessageUtils.severityBasedStyleClass(severity, 'inline')]);
+  const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+  const severityTranslations = {
+    confirmation: translations.confirmation(),
+    error: translations.error(),
+    info: translations.info(),
+    warning: translations.warn()
+  };
+  return jsxRuntime.jsxs("div", Object.assign({
+    class: classes,
+    role: "alert",
+    "aria-atomic": "true"
+  }, {
+    children: [fieldLabel && jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, {
+      children: fieldLabel
+    }), MessageUtils.isSeverityIconNeeded(severity) && jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, {
+      variant: "inline",
+      severity: severity,
+      translations: severityTranslations
+    }), jsxRuntime.jsx(MessageSummary.MessageSummary, {
+      variant: "inline",
+      text: detail
+    })]
+  }));
+}
+
+exports.ComponentMessage = ComponentMessage;
+/*  */
+//# sourceMappingURL=ComponentMessage-f53c160e.js.map

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessage-f53c160e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-f53c160e.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  MessageSeverity,\n  severityBasedStyleClass\n} from '../UNSAFE_Message';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: Exclude<MessageSeverity, 'none'>;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,qBAAA,CAAA,CAAAN,UAAA,EAAAO,oCAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,oBAAA,GAAA;AACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;AAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;AAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;IAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;GAJF,CAAA;;;;;;;;;;;;;;;;;AAqBF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessageContainer-b3f526a2.js

@@ -0,0 +1,56 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./UNSAFE_Message.js');
+var ComponentMessage = require('./ComponentMessage-f53c160e.js');
+var MessagesManager = require('./MessagesManager-9b3dc3ea.js');
+
+const rootStyles = "_ao9dfs";
+/**
+ * Converts the messages data into Item
+ *
+ * @param messages The messages data passed down as prop
+ * @returns The messages data as Item
+ */
+
+function generateMessagesData(messages) {
+  return messages.map((message, index) => {
+    return {
+      key: index,
+      data: {
+        closeAffordance: 'off',
+        severity: message.severity || 'error',
+        detail: message.detail
+      }
+    };
+  });
+}
+
+function ComponentMessageContainer({
+  animations,
+  fieldLabel,
+  messages = []
+}) {
+  return jsxRuntime.jsx("div", Object.assign({
+    class: rootStyles
+  }, {
+    children: jsxRuntime.jsx(MessagesManager.MessagesManager, Object.assign({
+      animations: animations,
+      data: generateMessagesData(messages)
+    }, {
+      children: ({
+        item
+      }) => jsxRuntime.jsx(ComponentMessage.ComponentMessage, {
+        detail: item.data.detail,
+        fieldLabel: fieldLabel,
+        severity: item.data.severity
+      }, item.key)
+    }))
+  }));
+}
+
+exports.ComponentMessageContainer = ComponentMessageContainer;
+/*  */
+//# sourceMappingURL=ComponentMessageContainer-b3f526a2.js.map

package/dist/js/libs/oraclejet-preact/cjs/ComponentMessageContainer-b3f526a2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-b3f526a2.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageAnimation, MessagesManager } from '../UNSAFE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * An object of various animation effects for the transitions.\n   */\n  animations?: Record<string, MessageAnimation[]>;\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager animations={animations} data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","severity","message","ComponentMessageContainer","animations","fieldLabel"],"mappings":";;;;;;;;;AAYA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEEC,QAAAA,QAAA,EAAAC,OAAA,CAAAD,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAsBA,SAAAE,yBAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;AAAAT,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;AAeA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Flex-896c7621.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-8ff7b65d.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var utils_UNSAFE_interpolations_dimensions = require('./utils/UNSAFE_interpolations/dimensions.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+
+var utils_UNSAFE_interpolations_boxalignment = require('./utils/UNSAFE_interpolations/boxalignment.js');
+require('./utils/UNSAFE_interpolations/flexbox.js');
+require('./utils/UNSAFE_interpolations/flexitem.js');
+var flexbox = require('./flexbox-3703a8f4.js');
+var flexitem = require('./flexitem-b10343b9.js');
+
+const baseStyles = "_2q701j";
+const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations), ...Object.values(flexbox.flexboxInterpolations), ...Object.values(flexitem.flexitemInterpolations), ...Object.values(utils_UNSAFE_interpolations_boxalignment.boxAlignmentInterpolations)];
+const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+const Flex = _a => {
+  var {
+    children
+  } = _a,
+      props = tslib_es6.__rest(_a, ["children"]);
+
+  const _b = styleInterpolations(props),
+        {
+    class: cls
+  } = _b,
+        styles = tslib_es6.__rest(_b, ["class"]);
+
+  return jsxRuntime.jsx("div", Object.assign({
+    class: `${baseStyles} ${cls}`,
+    style: styles
+  }, {
+    children: children
+  }));
+};
+
+exports.Flex = Flex;
+/*  */
+//# sourceMappingURL=Flex-896c7621.js.map

package/dist/js/libs/oraclejet-preact/cjs/Flex-896c7621.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-896c7621.js","sources":["../../src/UNSAFE_Flex/Flex.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexboxInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${baseStyles} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["baseStyles","interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Flex","_a","children","props","__rest","_b","class","cls","styles","_jsx","assign","style"],"mappings":";;;;;;;;;;;;;;AAyBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,8DAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,6BAAA,CAFF,EAGE,GAAAH,MAAA,CAAAC,MAAA,CAAAG,+BAAA,CAHF,EAIE,GAAAJ,MAAA,CAAAC,MAAA,CAAAI,mEAAA,CAJF,CAAA,CAAA;AAOA,MAAAC,mBAAA,GAAAC,oDAAA,CAAAR,cAAA,CAAA,CAAA;AAEAS,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,gBAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAP,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAG,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAF,EAAA;QAAAG,MAAA,GAAAJ,gBAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAI,cAAA,CAAA,KAAA,EAAAjB,MAAA,CAAAkB,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAA,CAAA,EAAAhB,UAAA,CAAA,CAAA,EAAAiB,GAAA,CAAA,CAAA;AAAAI,IAAAA,KAAA,EAAAH,MAAAA;AAAA,GAAA,EAAA;AAAAN,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Floating-8494b391.js

@@ -0,0 +1,79 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+var compat = require('preact/compat');
+var hooks_UNSAFE_useFloating = require('./index-c977e101.js');
+var hooks_UNSAFE_useOutsideClick = require('./hooks/UNSAFE_useOutsideClick.js');
+
+function assignRef(ref, value) {
+    if (ref == null)
+        return;
+    if (typeof ref === 'function') {
+        ref(value);
+        return;
+    }
+    try {
+        // @ts-ignore
+        ref.current = value;
+    }
+    catch (error) {
+        throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
+    }
+}
+function mergeRefs(...refs) {
+    return (node) => {
+        refs.forEach((ref) => assignRef(ref, node));
+    };
+}
+function isElement(value) {
+    return value instanceof Element;
+}
+const Floating = compat.forwardRef(({ children, onClickOutside, placement = 'bottom', anchorRef, offsetValue, class: className }, ref) => {
+    const { x, y, reference, floating, refs } = hooks_UNSAFE_useFloating.useFloating({
+        placement: placement,
+        middleware: [hooks_UNSAFE_useFloating.offset(offsetValue), hooks_UNSAFE_useFloating.b({ mainAxis: true, crossAxis: true }), hooks_UNSAFE_useFloating.D({ limiter: hooks_UNSAFE_useFloating.L() })],
+        whileElementsMounted: hooks_UNSAFE_useFloating.N
+    });
+    if (onClickOutside) {
+        hooks_UNSAFE_useOutsideClick["default"]({ isDisabled: false, ref: refs.floating, handler: onClickOutside });
+    }
+    hooks.useLayoutEffect(() => {
+        if (isElement(anchorRef.current)) {
+            const element = anchorRef;
+            reference(element.current);
+            return;
+        }
+        const coords = anchorRef;
+        const virtualEl = {
+            getBoundingClientRect() {
+                return {
+                    width: 0,
+                    height: 0,
+                    x: coords.current.x,
+                    y: coords.current.y,
+                    top: coords.current.y,
+                    left: coords.current.x,
+                    right: coords.current.x,
+                    bottom: coords.current.y
+                };
+            }
+        };
+        if (coords.current && coords.current.x != null) {
+            reference(virtualEl);
+        }
+    }, [anchorRef.current]);
+    const stableRef = hooks.useMemo(() => mergeRefs(ref, floating), [ref, floating]);
+    const content = (jsxRuntime.jsx("div", Object.assign({ class: className, ref: stableRef, style: {
+            display: 'block',
+            position: 'absolute',
+            top: y !== null && y !== void 0 ? y : '',
+            left: x !== null && x !== void 0 ? x : ''
+        } }, { children: children })));
+    return content;
+});
+
+exports.Floating = Floating;
+/*  */
+//# sourceMappingURL=Floating-8494b391.js.map

package/dist/js/libs/oraclejet-preact/cjs/Floating-8494b391.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Floating-8494b391.js","sources":["../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { JSX, RefObject, Ref } from 'preact';\nimport { useLayoutEffect, MutableRef, useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\nimport { useFloating, shift, flip, offset, limitShift } from '../hooks/UNSAFE_useFloating';\nimport { autoUpdate } from '@floating-ui/dom';\nimport { Offset, Placement, Coords, VirtualElement, Rect } from '../hooks/UNSAFE_useFloating';\nimport useOutsideClick from '../hooks/UNSAFE_useOutsideClick';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'class'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Placement of the popup element relative to the trigger.\n   */\n  placement?: Placement;\n\n  /**\n   * Trigger element reference.\n   */\n  anchorRef: RefObject<Element | Coords>;\n\n  /**\n   * Placement offset.\n   */\n  offsetValue?: Offset;\n\n  /**\n   * Click outside callback.\n   */\n  onClickOutside?: (event: MouseEvent) => void;\n};\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (ref == null) return;\n\n  if (typeof ref === 'function') {\n    ref(value);\n    return;\n  }\n\n  try {\n    // @ts-ignore\n    ref.current = value;\n  } catch (error) {\n    throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);\n  }\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (node: T | null) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className\n    }: Props,\n    ref: MutableRef<HTMLElement | null>\n  ) => {\n    const { x, y, reference, floating, refs } = useFloating({\n      placement: placement,\n      middleware: [offset(offsetValue), flip({ mainAxis: true, crossAxis: true }), shift({limiter: limitShift()})],\n      whileElementsMounted: autoUpdate\n    });\n\n    if (onClickOutside) {\n      useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n    }\n\n    useLayoutEffect(() => {      \n      if (isElement(anchorRef.current)) {\n        const element = anchorRef as RefObject<Element>;\n        reference(element.current);\n        return;\n      }\n\n      const coords = anchorRef as RefObject<Coords>;\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords.current!.x,\n            y: coords.current!.y,\n            top: coords.current!.y,\n            left: coords.current!.x,\n            right: coords.current!.x,\n            bottom: coords.current!.y\n          };\n        }\n      };\n      if (coords.current && coords.current.x != null) {\n        reference(virtualEl);\n      }  \n    }, [anchorRef.current]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n\n    const content = (\n      <div\n        class={className}\n        ref={stableRef}\n        style={{\n          display: 'block',\n          position: 'absolute',\n          top: y ?? '',\n          left: x ?? ''\n        }}>\n        {children}\n      </div>\n    );\n    return content;\n  }\n);\n\nexport { Offset, Placement, Coords, Rect };\n"],"names":["forwardRef","useFloating","offset","flip","shift","limitShift","autoUpdate","useOutsideClick","useLayoutEffect","useMemo","_jsx"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/cjs/HiddenAccessible-cc8b1149.js

@@ -0,0 +1,26 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const hiddenAccessibleStyle = "lg08dd";
+/**
+ * HiddenAccessible is a helper component that hides its children visually,
+ * but keeps them visible to screen readers.
+ *
+ */
+
+function HiddenAccessible({
+  children
+}) {
+  return jsxRuntime.jsx("span", Object.assign({
+    class: hiddenAccessibleStyle
+  }, {
+    children: children
+  }));
+}
+
+exports.HiddenAccessible = HiddenAccessible;
+/*  */
+//# sourceMappingURL=HiddenAccessible-cc8b1149.js.map

package/dist/js/libs/oraclejet-preact/cjs/HiddenAccessible-cc8b1149.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-cc8b1149.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;;;AAGA,MAAAA,qBAAA,GAAA,QAAA,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/HighlightText-30221528.js

@@ -0,0 +1,50 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+
+
+const highlightStyles = "_j038us";
+/**
+ * Renders a text string with highlighting applied to the given text to match.
+ */
+
+function HighlightText({
+  children = '',
+  matchText = ''
+}) {
+  return highlighter(children, matchText);
+}
+const HIGHLIGHT_TOKEN = '__@@__';
+const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
+
+function highlighter(unhighlightedText, matchText) {
+  if (matchText.length > 0 && unhighlightedText.length > 0) {
+    const escapedMatchText = escapeRegExp(matchText);
+    const highlightedText = unhighlightedText.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
+    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
+    const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", Object.assign({
+      class: highlightStyles
+    }, {
+      children: current
+    })));
+    return jsxRuntime.jsx(preact.Fragment, {
+      children: nodes
+    });
+  }
+
+  return jsxRuntime.jsx(preact.Fragment, {
+    children: unhighlightedText
+  });
+}
+
+function escapeRegExp(str) {
+  // copied from:
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
+  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
+exports.HighlightText = HighlightText;
+/*  */
+//# sourceMappingURL=HighlightText-30221528.js.map

package/dist/js/libs/oraclejet-preact/cjs/HighlightText-30221528.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-30221528.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","Object","assign","class","Fragment","str"],"mappings":";;;;;;;AAWA,MAAAA,eAAA,GAAA,SAAA,CAAA;AAeA;;AAEG;;AACH,SAAAC,aAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,SAAA,GAAA,EAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;AACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;;AAEA,SAAAD,WAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;AAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;AACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;IAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,MAAAA,KAAA,EAAArB,eAAAA;AAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,EAAAc,OAAAA;KAAA,CAAA,CAAA,CAAA,CAAA;IAGA,OAAAE,cAAA,CAAAI,eAAA,EAAA;AAAApB,MAAAA,QAAA,EAAAW,KAAAA;AAAA,KAAA,CAAA,CAAA;AACD,GAAA;;EACD,OAAAK,cAAA,CAAAI,eAAA,EAAA;AAAApB,IAAAA,QAAA,EAAAK,iBAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;;AAEA,SAAAE,YAAA,CAAAc,GAAA,EAAA;;;sDAAA;AAIA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Icon-ef2e0443.js

@@ -0,0 +1,89 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-8ff7b65d.js');
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-6ddd6c0f.js');
+
+const Icon = ({
+  size = '1em',
+  color = 'currentColor',
+  accessibleLabel = '',
+  viewBox = 'none',
+  children
+}) => jsxRuntime.jsx(Svg, Object.assign({
+  height: "1em",
+  width: "1em",
+  viewBox: viewBox,
+  accessibleLabel: accessibleLabel,
+  class: classNames.classNames([colorStyles[color], sizeStyles[size]])
+}, {
+  children: children
+}));
+
+const Svg = _a => {
+  var {
+    accessibleLabel
+  } = _a,
+      otherProps = tslib_es6.__rest(_a, ["accessibleLabel"]);
+
+  return accessibleLabel !== '' ? jsxRuntime.jsx(SemanticSvg, Object.assign({
+    accessibleLabel: accessibleLabel
+  }, otherProps)) : jsxRuntime.jsx(DecorativeSvg, Object.assign({}, otherProps));
+};
+
+const DecorativeSvg = props => jsxRuntime.jsx("svg", Object.assign({}, props)); // TODO: When we're able to, implement Preact tooltips instead,
+// remove the title element, and set an aria-label on the svg.
+// See JET-50716
+
+
+const SemanticSvg = _a => {
+  var {
+    accessibleLabel,
+    children
+  } = _a,
+      props = tslib_es6.__rest(_a, ["accessibleLabel", "children"]);
+
+  return jsxRuntime.jsxs("svg", Object.assign({
+    role: "img"
+  }, props, {
+    children: [jsxRuntime.jsx("title", {
+      children: accessibleLabel
+    }), children]
+  }));
+}; // TODO: Remove this and refactor as necessary to uptake
+// the dimensions type and values when they're available.
+// See JET-50717
+
+
+const sizeStyles = {
+  '1em': "_pos1kn",
+  '1x': "_qdhwmf",
+  '2x': "nf2ree",
+  '3x': "kcu53l",
+  '4x': "xvrkoh",
+  '5x': "_62pu7g",
+  '6x': "_1vq42d",
+  '7x': "_wma32x",
+  '8x': "_3ilova",
+  '9x': "_j5g7t5",
+  '10x': "_s3rcr0",
+  '11x': "rdeb05",
+  '12x': "_481ztu"
+};
+const colorStyles = {
+  primary: "_2zzxdg",
+  secondary: "b8u3rs",
+  disabled: "_h2fp8l",
+  danger: "_0dn7u0",
+  warning: "_saezr5",
+  success: "_i4ybtj",
+  info: "_6hi27k",
+  currentColor: "e0mm6t"
+};
+
+exports.Icon = Icon;
+/*  */
+//# sourceMappingURL=Icon-ef2e0443.js.map

package/dist/js/libs/oraclejet-preact/cjs/Icon-ef2e0443.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-ef2e0443.js","sources":["../../src/UNSAFE_Icon/Icon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: keyof typeof sizeStyles;\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={classNames([colorStyles[color], sizeStyles[size]])}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' | 'width' | 'viewBox' | 'class' | 'children'>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel !== '' ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n  <svg role=\"img\" {...props}>\n    <title>{accessibleLabel}</title>\n    {children}\n  </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n  '1em': cssProps`${{\n    fontSize: '1em'\n  }}`,\n  '1x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  '2x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  '3x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n  }}`,\n  '4x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n  }}`,\n  '5x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  '6x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n  }}`,\n  '7x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n  }}`,\n  '8x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n  }}`,\n  '9x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n  }}`,\n  '10x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n  }}`,\n  '11x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n  }}`,\n  '12x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n  }}`\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,cAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,qBAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,gBAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,eAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,cAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;OAAA,EAAA,SAAA;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,SAAA;aAAA,QAAA;YAAA,SAAA;UAAA,SAAA;WAAA,SAAA;WAAA,SAAA;QAAA,SAAA;;AAAA,CAAA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/InputText-7b64b88f.js

@@ -0,0 +1,109 @@
+/* @oracle/oraclejet-preact: 13.1.2 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var compat = require('preact/compat');
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_useClearIcon = require('./hooks/UNSAFE_useClearIcon.js');
+var hooks_UNSAFE_useFocusableTextField = require('./hooks/UNSAFE_useFocusableTextField.js');
+var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+var hooks_UNSAFE_useHover = require('./hooks/UNSAFE_useHover.js');
+var hooks_UNSAFE_useLengthFilter = require('./hooks/UNSAFE_useLengthFilter.js');
+var hooks_UNSAFE_useTextField = require('./hooks/UNSAFE_useTextField.js');
+var UNSAFE_Label = require('./UNSAFE_Label.js');
+var UNSAFE_TextField = require('./UNSAFE_TextField.js');
+var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
+require('./utils/PRIVATE_clientHints.js');
+var utils_UNSAFE_componentUtils = require('./utils/UNSAFE_componentUtils.js');
+var ClearIcon = require('./ClearIcon-7272d880.js');
+var hooks_UNSAFE_useCurrentValueReducer = require('./hooks/UNSAFE_useCurrentValueReducer.js');
+var clientHints = require('./clientHints-d9072320.js');
+var TextFieldInput = require('./TextFieldInput-67f1f225.js');
+
+/**
+ * Helper function to determine whether the current device is a mobile device
+ * @returns true if runnning on a mobile device, false otherwise
+ */
+function isMobile() {
+    const deviceType = clientHints.getClientHints().deviceType;
+    return deviceType === 'phone' || deviceType === 'tablet';
+}
+const InputText = compat.forwardRef(({ assistiveText, autoComplete = 'off', autoFocus = false, hasClearIcon, endContent, helpSourceLink, helpSourceText, id, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, isRequiredShown, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, maxLength, maxLengthUnit, messages, placeholder, role, startContent, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, value, virtualKeyboard, onInput, onCommit }, ref) => {
+    const { currentCommitValue, dispatch } = hooks_UNSAFE_useCurrentValueReducer.useCurrentValueReducer({ value });
+    const onInputAndDispatch = hooks.useCallback((detail) => {
+        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
+        dispatch({ type: 'input', payload: detail.value });
+        onInput === null || onInput === void 0 ? void 0 : onInput(detail);
+    }, [onInput]);
+    const onCommitAndDispatch = hooks.useCallback((detail) => {
+        // Should dispatch happen first? This will queue up a re-render, ordering should not cause issues (this is async)
+        dispatch({ type: 'commit', payload: detail.value });
+        onCommit === null || onCommit === void 0 ? void 0 : onCommit(detail);
+    }, [onCommit]);
+    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
+    const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
+    const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
+    const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
+    const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
+    const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
+    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
+    const { hoverProps, isHover } = hooks_UNSAFE_useHover.useHover({ isDisabled: isReadonly || isDisabled || false });
+    const { formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
+        id,
+        isDisabled,
+        isFocused,
+        isReadonly,
+        labelEdge,
+        messages,
+        value
+    });
+    const onClickClearIcon = hooks.useCallback(() => {
+        var _a;
+        // Clicking the clear icon should put the focus on the input field
+        (_a = enabledElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        // Send an event to clear the field's value
+        onInputAndDispatch === null || onInputAndDispatch === void 0 ? void 0 : onInputAndDispatch({ previousValue: value, value: '' });
+    }, [onInputAndDispatch, value]);
+    const maybeClearIcon = hooks_UNSAFE_useClearIcon.useClearIcon({
+        clearIcon: jsxRuntime.jsx(ClearIcon.ClearIcon, { onClick: onClickClearIcon }),
+        display: hasClearIcon,
+        hasValue: formFieldContext.hasValue,
+        isFocused,
+        isEnabled: !isReadonly && !isDisabled,
+        isHover
+    });
+    const endContentCombined = utils_UNSAFE_componentUtils.beforeVNode(endContent, maybeClearIcon);
+    const { isMaxLengthExceeded, valueLength, onFilteredInput } = hooks_UNSAFE_useLengthFilter.useLengthFilter({
+        maxLength,
+        maxLengthUnit,
+        value,
+        onInput: onInputAndDispatch,
+        onCommit: onCommitAndDispatch
+    });
+    const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
+    const fieldLabelProps = {
+        label: labelEdge !== 'none' ? labelComp : undefined,
+        labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
+        labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
+    };
+    const ariaLabel = labelEdge === 'none' ? label : undefined;
+    const inlineUserAssistance = isDisabled || isReadonly ? (
+    // save space for user assistance if density is 'efficient', even though we don't
+    // render user assistance for disabled or readonly fields
+    userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
+    if (isReadonly) {
+        // TODO: should be able to configure whether start/end content is shown when readonly
+        // JET-49916 - Preact InputText: show start/end content when readonly
+        return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin }, fieldLabelProps, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextFieldInput, { ariaLabel: ariaLabel, ariaLabelledby: labelProps.id, as: "div", autoFocus: autoFocus, elementRef: readonlyElementRef, id: textFieldProps.id, textAlign: textAlign, value: value, hasInsideLabel: label !== undefined && labelEdge === 'inside' }) })) })));
+    }
+    const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ ariaLabel: ariaLabel, autoComplete: autoComplete, autoFocus: autoFocus, currentCommitValue: currentCommitValue, hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', inputRef: enabledElementRef, isRequired: isRequired, placeholder: placeholder, role: role, textAlign: textAlign, type: isMobile() ? virtualKeyboard : undefined, value: value, onCommit: onCommitAndDispatch, onInput: onFilteredInput }, inputProps)), maxLength !== undefined && (jsxRuntime.jsx(UNSAFE_TextField.MaxLengthLiveRegion, Object.assign({}, { isMaxLengthExceeded, maxLength, valueLength })))] }));
+    return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ endContent: endContentCombined, inlineUserAssistance: inlineUserAssistance, mainContent: mainContent, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin, startContent: startContent }, textFieldProps, fieldLabelProps, hoverProps)) })));
+});
+
+exports.InputText = InputText;
+/*  */
+//# sourceMappingURL=InputText-7b64b88f.js.map