@oracle/oraclejet 13.0.8 → 13.0.9

package/dist/js/libs/oraclejet-preact/cjs/Chip-bebfd373.js

@@ -0,0 +1,58 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useActionable = require('./hooks/UNSAFE_useActionable.js');
+
+var hooks = require('preact/hooks');
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-f9d7c76c.js');
+
+const cursorandFocusStyle = "c1drwgih";
+const styles = {
+  base: "b16hrnn0",
+  disabled: "d16riqis",
+  info: "i1abp3op",
+  infoSubtle: "iu2igik",
+  infoSubtleLighter: "i149ovoc"
+};
+function Chip({
+  isSelected,
+  isDisabled,
+  accessibleLabel,
+  children,
+  onToggle
+}) {
+  const handleAction = hooks.useCallback(() => {
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle({
+      previousValue: isSelected,
+      value: !isSelected
+    });
+  }, [isSelected, onToggle]);
+  const {
+    actionableProps,
+    isHover,
+    isActive
+  } = hooks_UNSAFE_useActionable.useActionable(handleAction, {
+    isSuppressDup: false
+  });
+  const variant = isDisabled ? 'disabled' : isSelected || isActive ? 'info' : isHover ? 'infoSubtle' : 'infoSubtleLighter';
+  const classes = classNames.classNames([styles.base, isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`]);
+  return isDisabled ? jsxRuntime.jsx("div", Object.assign({
+    class: classes
+  }, {
+    children: children
+  })) : jsxRuntime.jsx("div", Object.assign({}, actionableProps, {
+    class: classes,
+    tabIndex: 0,
+    "aria-label": accessibleLabel,
+    role: "switch",
+    "aria-checked": isSelected ? 'true' : 'false'
+  }, {
+    children: children
+  }));
+}
+
+exports.Chip = Chip;
+/*  */
+//# sourceMappingURL=Chip-bebfd373.js.map

package/dist/js/libs/oraclejet-preact/cjs/Chip-bebfd373.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip-bebfd373.js","sources":["../../src/UNSAFE_Chip/Chip.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst cursorandFocusStyle = cssProps`${{\n  cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n  '&:focus-visible': {\n    outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n    outlineStyle: 'dotted',\n    outlineWidth: '1px',\n    outlineOffset: '1px'\n  }\n}}`;\n\nconst styles = {\n  base: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n    display: 'inline-block',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    boxSizing: 'border-box',\n    borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n    height: '2rem',\n    minWidth: '2rem',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    textAlign: 'center'\n  }}`,\n  disabled: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  info: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n  }}`,\n  infoSubtle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`,\n  infoSubtleLighter: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n    '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n      'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n  }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n  /**\n   * Specifies if the chip component is selected.\n   */\n  isSelected?: boolean;\n  /**\n   * Disables the component.\n   */\n  isDisabled?: boolean;\n  /**\n   * Specifies some screen reader text.\n   */\n  accessibleLabel?: string;\n  children: string;\n  /**\n   * Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n   */\n  onToggle?: (detail: SelectedChangeDetail) => void;\n  //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n  const handleAction = useCallback(() => {\n    onToggle?.({ previousValue: isSelected, value: !isSelected });\n  }, [isSelected, onToggle]);\n\n  const { actionableProps, isHover, isActive } = useActionable(handleAction, {\n    isSuppressDup: false\n  });\n\n  const variant = isDisabled\n    ? 'disabled'\n    : isSelected || isActive\n    ? 'info'\n    : isHover\n    ? 'infoSubtle'\n    : 'infoSubtleLighter';\n\n  const classes = classNames([\n    styles.base,\n    isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`\n  ]);\n\n  return isDisabled ? (\n    <div class={classes}>{children}</div>\n  ) : (\n    <div\n      {...actionableProps}\n      class={classes}\n      tabIndex={0}\n      aria-label={accessibleLabel}\n      role=\"switch\"\n      aria-checked={isSelected ? 'true' : 'false'}>\n      {children}\n    </div>\n  );\n}\n"],"names":["cursorandFocusStyle","styles","Chip","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","isSuppressDup","isHover","base"],"mappings":";;;;;;;;;;AAYA,MAAAA,mBAAA,GAAA,UAAA,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,UAAA;YAAA,UAAA;QAAA,UAAA;cAAA,SAAA;;AAAA,CAAA,CAAA;AAwEA,SAAAC,IAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,eAAA;EAAAC,QAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,iBAAA,CAAA,MAAA;AACEF,IAAAA,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAA;AAAAG,MAAAA,aAAA,EAAAP,UAAA;AAAAQ,MAAAA,KAAA,EAAA,CAAAR,UAAAA;AAAA,KAAA,CAAA,CAAA;AACF,GAFA,EAEA,CAAAA,UAAA,EAAAI,QAAA,CAFA,CAAA,CAAA;;;;;;AAKEK,IAAAA,aAAA,EAAA,KAAA;;+BAIA,sCAEA,SACAC,OAAA,GACA,YADA;yCAKAZ,MAAA,CAAAa;;;;;;;;;;;;;;AAiBJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/ClearIcon-052585d9.js

@@ -0,0 +1,62 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+var hooks = require('preact/hooks');
+var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
+var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
+
+const ojButtonHeight = '2.75rem'; // TODO: replace this with var(--oj-button-border-radius) once it is available
+
+const ojButtonBorderRadius = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color) once it is available
+
+const ojButtonBorderlessChromeTextColor = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-text-color-hover) once it is available
+
+const ojButtonBorderlessChromeTextColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'; // TODO: replace this with var(--oj-button-borderless-chrome-bg-color-hover) once it is available
+
+const ojButtonBorderlessChromeBgColorHover = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover)'; // TODO: replace this with var(--oj-button-borderless-chrome-border-color-hover) once it is available
+
+const ojButtonBorderlessChromeBorderColorHover = 'transparent';
+const clearIconStyles = {
+  base: "bjmshai"
+};
+
+const noop = () => {};
+
+function ClearIcon({
+  onClick
+}) {
+  const killEvent = hooks.useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const {
+    pressProps
+  } = hooks_UNSAFE_usePress.usePress(onClick !== null && onClick !== void 0 ? onClick : noop);
+  const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
+  const clearStr = translations.formControl_clear();
+  return jsxRuntime.jsx("span", Object.assign({
+    "aria-hidden": "true",
+    class: clearIconStyles.base,
+    tabIndex: -1,
+    onMouseDown: killEvent,
+    title: clearStr
+  }, pressProps, {
+    children: jsxRuntime.jsx("svg", Object.assign({
+      height: "24",
+      viewBox: "0 0 24 24",
+      width: "24",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, {
+      children: jsxRuntime.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"
+      })
+    }))
+  }));
+}
+
+exports.ClearIcon = ClearIcon;
+/*  */
+//# sourceMappingURL=ClearIcon-052585d9.js.map

package/dist/js/libs/oraclejet-preact/cjs/ClearIcon-052585d9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-052585d9.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-31646b78.js

@@ -0,0 +1,19 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'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-31646b78.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collection-31646b78.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-b93554de.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./UNSAFE_Message.js');
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-f9d7c76c.js');
+var MessageUtils = require('./MessageUtils-1cca1acd.js');
+var MessageStartIcon = require('./MessageStartIcon-09e896e5.js');
+var MessageSummary = require('./MessageSummary-0dcc1a19.js');
+
+const baseStyles = "bisdpvl";
+/**
+ * The component that renders an individual message for inline component messaging.
+ */
+
+function ComponentMessage({
+  severity = 'error',
+  detail
+}) {
+  const classes = classNames.classNames([baseStyles, MessageUtils.severityBasedStyleClass(severity, 'inline')]);
+  return jsxRuntime.jsxs("div", Object.assign({
+    class: classes,
+    role: "alert",
+    "aria-atomic": "true"
+  }, {
+    children: [MessageUtils.isSeverityIconNeeded(severity) && jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, {
+      variant: "inline",
+      severity: severity
+    }), jsxRuntime.jsx(MessageSummary.MessageSummary, {
+      variant: "inline",
+      text: detail
+    })]
+  }));
+}
+
+exports.ComponentMessage = ComponentMessage;
+/*  */
+//# sourceMappingURL=ComponentMessage-b93554de.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessage-b93554de.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 {\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 severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ severity = 'error', detail }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {isSeverityIconNeeded(severity) && <MessageStartIcon variant=\"inline\" severity={severity} />}\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","severity","detail","classes","classNames","severityBasedStyleClass","_jsxs","Object","assign","class","role","children","isSeverityIconNeeded","_jsx","MessageStartIcon","variant","MessageSummary","text"],"mappings":";;;;;;;;;;;;AAiBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AA+BA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAAC,EAAAA,MAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,qBAAA,CAAA,CAAAL,UAAA,EAAAM,oCAAA,CAAAJ,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAEA,EAAA,OAAAK,eAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,OAAA;AAAAO,IAAAA,IAAA,EAAA,OAAA;IAAA,aAAA,EAAA,MAAA;AAAA,GAAA,EAAA;IAAAC,QAAA,EAAA,CAAAC,iCAAA,CAAAX,QAAA,CAAA,IAAAY,cAAA,CAAAC,iCAAA,EAAA;AAAAC,MAAAA,OAAA,EAAA,QAAA;AAAAd,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,EAAAY,cAAA,CAAAG,6BAAA,EAAA;AAAAD,MAAAA,OAAA,EAAA,QAAA;AAAAE,MAAAA,IAAA,EAAAf,MAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAOF;;;;;;;"}

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

@@ -0,0 +1,54 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./UNSAFE_Message.js');
+var ComponentMessage = require('./ComponentMessage-b93554de.js');
+var MessagesManager = require('./MessagesManager-1c512abb.js');
+
+const rootStyles = "rgqp09a";
+/**
+ * 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,
+  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,
+        severity: item.data.severity
+      }, item.key)
+    }))
+  }));
+}
+
+exports.ComponentMessageContainer = ComponentMessageContainer;
+/*  */
+//# sourceMappingURL=ComponentMessageContainer-b99ddf56.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMessageContainer-b99ddf56.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   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, 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            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"],"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;;AAiBA,SAAAE,yBAAA,CAAA;EAAAC,UAAA;AAAAR,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;AAcA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/Flex-0e649508.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-8c67edc2.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-ea3ff81e.js');
+var flexitem = require('./flexitem-bb020cbf.js');
+
+const baseStyles = "b12c3cqv";
+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-0e649508.js.map

package/dist/js/libs/oraclejet-preact/cjs/Flex-0e649508.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex-0e649508.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,UAAA,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/HiddenAccessible-e166aace.js

@@ -0,0 +1,26 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+
+
+const hiddenAccessibleStyle = "hbvw96q";
+/**
+ * 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-e166aace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenAccessible-e166aace.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,SAAA,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-ba177964.js

@@ -0,0 +1,50 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+
+
+const highlightStyles = "hkkzuh9";
+/**
+ * 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-ba177964.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText-ba177964.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-b13e1c11.js

@@ -0,0 +1,89 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-8c67edc2.js');
+var jsxRuntime = require('preact/jsx-runtime');
+
+require('./utils/UNSAFE_classNames.js');
+var classNames = require('./classNames-f9d7c76c.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': "_9nac0f",
+  '1x': "_1jaiq1b",
+  '2x': "_1puxizk",
+  '3x': "_1c3qvh7",
+  '4x': "_1ybw47b",
+  '5x': "_ljayyj",
+  '6x': "_1aydtil",
+  '7x': "_1d899hp",
+  '8x': "_1ok5en6",
+  '9x': "_orim7s",
+  '10x': "_vf34xt",
+  '11x': "_sl4bfi",
+  '12x': "_1xyz8wn"
+};
+const colorStyles = {
+  primary: "pgrs8zp",
+  secondary: "sxqh1wz",
+  disabled: "d86rf1x",
+  danger: "dqi69lw",
+  warning: "w1w3h8bf",
+  success: "sx3np7l",
+  info: "ibec5dk",
+  currentColor: "c186ccwk"
+};
+
+exports.Icon = Icon;
+/*  */
+//# sourceMappingURL=Icon-b13e1c11.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-b13e1c11.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,UAAA;MAAA,EAAA,UAAA;MAAA,EAAA,UAAA;MAAA,EAAA,UAAA;MAAA,EAAA,SAAA;MAAA,EAAA,UAAA;MAAA,EAAA,UAAA;MAAA,EAAA,UAAA;MAAA,EAAA,SAAA;OAAA,EAAA,SAAA;OAAA,EAAA,SAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,SAAA;aAAA,SAAA;YAAA,SAAA;UAAA,SAAA;WAAA,UAAA;WAAA,SAAA;QAAA,SAAA;;AAAA,CAAA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/cjs/InputText-d5a25c79.js

@@ -0,0 +1,98 @@
+/* @oracle/oraclejet-preact: 13.0.9 */
+'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-052585d9.js');
+var clientHints = require('./clientHints-76ca60c1.js');
+var TextFieldInput = require('./TextFieldInput-0bb670dd.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 { 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
+        onInput === null || onInput === void 0 ? void 0 : onInput({ previousValue: value, value: '' });
+    }, [onInput, 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);
+    // Handle length filter for user-typed inputs and controlled inputs
+    const { isMaxLengthExceeded, valueLength, onFilteredInput } = hooks_UNSAFE_useLengthFilter.useLengthFilter({
+        maxLength,
+        maxLengthUnit,
+        value,
+        onInput,
+        onCommit
+    });
+    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, 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, hasInsideLabel: labelComp !== undefined && labelEdge === 'inside', inputRef: enabledElementRef, isRequired: isRequired, placeholder: placeholder, role: role, textAlign: textAlign, type: isMobile() ? virtualKeyboard : undefined, value: value, onCommit: onCommit, 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-d5a25c79.js.map