@oracle/oraclejet-preact 14.0.6 → 14.0.7

package/es/UNSAFE_Chip.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx } from 'preact/jsx-runtime';
 import { useActionable } from './hooks/UNSAFE_useActionable.js';
 import "./UNSAFE_Chip.css";
@@ -13,14 +13,14 @@ import './hooks/UNSAFE_useFocus.js';
 import './hooks/UNSAFE_usePress.js';
 import 'preact';
 
-const cursorandFocusStyle = "ow3ypb";
+const cursorandFocusStyle = "cursorandFocusStyle-1bcv7un";
 const styles = {
-  base: "rq2tb9",
-  disabled: "i464hw",
-  info: "_1439x0i",
-  infoSubtle: "_1cuumt6",
-  infoSubtleLighter: "f27y2p",
-  childrenMargins: "_16m8pb8"
+  base: "base-1v81fzo",
+  disabled: "disabled-1r55901",
+  info: "info-q7wuls",
+  infoSubtle: "infoSubtle-rdzcey",
+  infoSubtleLighter: "infoSubtleLighter-cdbxj7",
+  childrenMargins: "childrenMargins-adsjzt"
 };
 function Chip({
   isSelected,

package/es/UNSAFE_Chip.js.map

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

package/es/UNSAFE_Collapsible.css

@@ -1,9 +1,10 @@
-.yxs2ua{cursor:pointer;}.yxs2ua:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-._1ylhsvl{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._1cfnkla{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-._16rxp3d{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-.blqta6{flex-grow:1;}.blqta6 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-._1byfxwk{padding-inline-start:16px;}
-._1wfjdyg{padding-inline-end:16px;}
-
-._11f5jxn > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.base-a6aeu5{cursor:pointer;}.base-a6aeu5:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.expanded-117ehxp{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+.disabled-1c48mwz{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+.divider-had32e{padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+.base-1tjvruh{flex-grow:1;}.base-1tjvruh > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.iconStart-1wl2zwr{padding-inline-start:16px;}
+.iconEnd-73wyjr{padding-inline-end:16px;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Db2xsYXBzaWJsZS9Db2xsYXBzaWJsZUhlYWRlci50c3giXSwibmFtZXMiOlsiLmJhc2UtYTZhZXU1IiwiLmV4cGFuZGVkLTExN2VoeHAiLCIuZGlzYWJsZWQtMWM0OG13eiIsIi5kaXZpZGVyLWhhZDMyZSIsIi5iYXNlLTF0anZydWgiLCIuaWNvblN0YXJ0LTF3bDJ6d3IiLCIuaWNvbkVuZC03M3d5anIiXSwibWFwcGluZ3MiOiJBQVVJQTtBQVNBQztBQUdBQztBQUlBQztBQUtBQztBQVVBQztBQUdBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfQ29sbGFwc2libGUvQ29sbGFwc2libGVIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IEZyYWdtZW50IH0gZnJvbSAncHJlYWN0JztcbmltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncHJlYWN0L2hvb2tzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9jbGFzc05hbWVzJztcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9VTlNBRkVfRmxleCc7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSAnLi4vVU5TQUZFX0RpdmlkZXInO1xuaW1wb3J0IHsgQ29sbGFwc2libGVIZWFkZXJJY29uIH0gZnJvbSAnLi9Db2xsYXBzaWJsZUhlYWRlckljb24nO1xuaW1wb3J0IHsgdXNlUHJlc3MgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlUHJlc3MnO1xuY29uc3Qgc3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgICAgICAgb3V0bGluZVN0eWxlOiAnZG90dGVkJyxcbiAgICAgICAgICAgIG91dGxpbmVPZmZzZXQ6ICcxcHgnLFxuICAgICAgICAgICAgb3V0bGluZVdpZHRoOiAnMXB4JyxcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZm9jdXMtYm9yZGVyLWNvbG9yKSdcbiAgICAgICAgfVxuICAgIH19YCxcbiAgICBleHBhbmRlZDogY3NzIGAke3tcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3BhY2luZy0xeCknXG4gICAgfX1gLFxuICAgIGRpc2FibGVkOiBjc3MgYCR7e1xuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtdGV4dC1jb2xvci1kaXNhYmxlZCknLFxuICAgICAgICBjdXJzb3I6ICdhdXRvJ1xuICAgIH19YCxcbiAgICBkaXZpZGVyOiBjc3MgYCR7e1xuICAgICAgICBwYWRkaW5nQm90dG9tOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zcGFjaW5nLTJ4KSdcbiAgICB9fWBcbn07XG5jb25zdCBjaGlsZHJlblN0eWxlc0Jhc2UgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgIC8qIEB0cy1pZ25vcmUgKi9cbiAgICAgICAgJyYgPiAqJzoge1xuICAgICAgICAgICAgbWFyZ2luVG9wOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogJzAgIWltcG9ydGFudCcsXG4gICAgICAgICAgICBtYXJnaW5MZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgICAgIG1hcmdpblJpZ2h0OiAnMCAhaW1wb3J0YW50J1xuICAgICAgICB9XG4gICAgfX1gLFxuICAgIGljb25TdGFydDogY3NzIGAke3tcbiAgICAgICAgcGFkZGluZ0lubGluZVN0YXJ0OiAnMTZweCdcbiAgICB9fWAsXG4gICAgaWNvbkVuZDogY3NzIGAke3tcbiAgICAgICAgcGFkZGluZ0lubGluZUVuZDogJzE2cHgnXG4gICAgfX1gXG59O1xuLyoqXG4gKiBIZWFkZXIgc3ViY29tcG9uZW50XG4gKi9cbmV4cG9ydCBjb25zdCBDb2xsYXBzaWJsZUhlYWRlciA9ICh7IGNoaWxkcmVuLCBpZCwgY29udGVudElkLCBpc0Rpc2FibGVkLCBpc0V4cGFuZGVkLCBpY29uUG9zaXRpb24sIHZhcmlhbnQgPSAnYmFzaWMnLCB0b2dnbGVIYW5kbGVyIH0pID0+IHtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgIHN0eWxlcy5iYXNlLFxuICAgICAgICB2YXJpYW50ID09PSAnaG9yaXpvbnRhbC1ydWxlJyAmJiBzdHlsZXMuZGl2aWRlcixcbiAgICAgICAgaXNFeHBhbmRlZCAmJiB2YXJpYW50ICE9PSAnaG9yaXpvbnRhbC1ydWxlJyAmJiBzdHlsZXMuZXhwYW5kZWQsXG4gICAgICAgIGlzRGlzYWJsZWQgJiYgc3R5bGVzLmRpc2FibGVkXG4gICAgXSk7XG4gICAgY29uc3QgY2hpbGRyZW5DbGFzc2VzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgIGNoaWxkcmVuU3R5bGVzQmFzZS5iYXNlLFxuICAgICAgICBpY29uUG9zaXRpb24gPT09ICdlbmQnICYmIGNoaWxkcmVuU3R5bGVzQmFzZS5pY29uRW5kLFxuICAgICAgICBpY29uUG9zaXRpb24gPT09ICdzdGFydCcgJiYgY2hpbGRyZW5TdHlsZXNCYXNlLmljb25TdGFydFxuICAgIF0pO1xuICAgIGNvbnN0IHByZXNzSGFuZGxlciA9IHVzZUNhbGxiYWNrKChldmVudCkgPT4ge1xuICAgICAgICB0b2dnbGVIYW5kbGVyKGV2ZW50LnRhcmdldCk7XG4gICAgfSwgW3RvZ2dsZUhhbmRsZXJdKTtcbiAgICBjb25zdCB7IHByZXNzUHJvcHMgfSA9IHVzZVByZXNzKHByZXNzSGFuZGxlciwge1xuICAgICAgICBpc0Rpc2FibGVkLFxuICAgICAgICBpc1JlcGVhdDogZmFsc2VcbiAgICB9KTtcbiAgICBjb25zdCBnZXRIZWFkZXIgPSAoKSA9PiAoX2pzeHMoRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtpY29uUG9zaXRpb24gPT09ICdlbmQnICYmIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogY2hpbGRyZW5DbGFzc2VzIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSwgX2pzeChDb2xsYXBzaWJsZUhlYWRlckljb24sIHsgaWNvblBvc2l0aW9uOiBpY29uUG9zaXRpb24sIGlzRXhwYW5kZWQ6IGlzRXhwYW5kZWQgfSksIGljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0JyAmJiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGNoaWxkcmVuQ2xhc3NlcyB9LCB7IGNoaWxkcmVuOiBjaGlsZHJlbiB9KSldIH0pKTtcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHJvbGU6ICdidXR0b24nLCBcImFyaWEtY29udHJvbHNcIjogY29udGVudElkLCBcImFyaWEtZXhwYW5kZWRcIjogaXNFeHBhbmRlZCwgaWQ6IGlkLCB0YWJJbmRleDogMCwgY2xhc3NOYW1lOiBjbGFzc2VzIH0sIHByZXNzUHJvcHMsIHsgY2hpbGRyZW46IF9qc3goRmxleCwgT2JqZWN0LmFzc2lnbih7IGFsaWduOiBcImNlbnRlclwiLCBqdXN0aWZ5OiBpY29uUG9zaXRpb24gPT09ICdzdGFydCcgPyAnc3RhcnQnIDogJ2JldHdlZW4nIH0sIHsgY2hpbGRyZW46IGdldEhlYWRlcigpIH0pKSB9KSksIHZhcmlhbnQgPT09ICdob3Jpem9udGFsLXJ1bGUnICYmIF9qc3goRGl2aWRlciwge30pXSB9KSk7XG59O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29sbGFwc2libGVIZWFkZXIuanMubWFwIl19*/
+.styles-43qvnl > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Db2xsYXBzaWJsZS9Db2xsYXBzaWJsZUNvbnRlbnQudHN4Il0sIm5hbWVzIjpbIi5zdHlsZXMtNDNxdm5sIl0sIm1hcHBpbmdzIjoiQUFJTUEiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX0NvbGxhcHNpYmxlL0NvbGxhcHNpYmxlQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IHVzZVN0YXRlLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3ByZWFjdC9ob29rcyc7XG5pbXBvcnQgeyB1c2VBbmltYXRpb24gfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlQW5pbWF0aW9uJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuY29uc3Qgc3R5bGVzID0gY3NzIGAke3tcbiAgICAvKiBAdHMtaWdub3JlICovXG4gICAgJyYgPiAqJzoge1xuICAgICAgICBtYXJnaW5Ub3A6ICcwICFpbXBvcnRhbnQnLFxuICAgICAgICBtYXJnaW5Cb3R0b206ICcwICFpbXBvcnRhbnQnLFxuICAgICAgICBtYXJnaW5MZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luUmlnaHQ6ICcwICFpbXBvcnRhbnQnXG4gICAgfVxufX1gO1xuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlQ29udGVudCA9ICh7IGNoaWxkcmVuLCBpZCwgaXNFeHBhbmRlZCwgb25UcmFuc2l0aW9uRW5kIH0pID0+IHtcbiAgICBjb25zdCBbc3RhdGUsIHNldFN0YXRlXSA9IHVzZVN0YXRlKGlzRXhwYW5kZWQgPyAnZXhwYW5kaW5nJyA6ICd1bm1vdW50ZWQnKTtcbiAgICAvKipcbiAgICAgKiAxLiBPbiBpbml0aWFsIHJlbmRlciwgUHJlYWN0IHNldHMgc3R5bGUubWF4SGVpZ2h0IGZpZWxkIHRvIDAgb3IgJ25vbmUnLlxuICAgICAqIDIuIER1cmluZyBleHBhbmRpbmcgYW5pbWF0aW9uLCB1c2VBbmltYXRpb24gaG9vayB1c2VzIFdBQVBJIHRvIGFuaW1hdGUgdGhlIG1heEhlaWdodCBvdXRcbiAgICAgKiAgICB0byB0aGUgZXhwYW5kZWQgdmFsdWUuXG4gICAgICogMy4gT24gc3Vic2VxdWVudCByZS1yZW5kZXJzLCBQcmVhY3QgZG9lcyBuZXZlciB1cGRhdGVzIHRoZSBzdHlsZS5tYXhIZWlnaHQgdmFsdWVcbiAgICAgKiAgICBiZWNhdXNlIGV2ZW4gdGhvdWdoIHdlIGFyZSB0ZWxsaW5nIFByZWFjdCB0aGF0IG1heEhlaWdodCBzaG91bGQgYmUgMCBvciAnbm9uZScsIFByZWFjdFxuICAgICAqICAgIGNvbnNpZGVycyB0aGUgbWF4SGVpZ2h0IHZhbHVlIGlzIDAgb3IgJ25vbmUnIGFzIGl0IGlzIG5vdCBhd2FyZSB0aGF0IHdlIGNoYW5nZWQgdGhpcyB2YWx1ZVxuICAgICAqICAgIGluIHN0ZXAgMi4gU28gZnJvbSBQcmVhY3QncyBwZXJzcGVjdGl2ZSB0aGVyZSBpcyBubyBkaWZmZXJlbmNlLlxuICAgICAqL1xuICAgIGNvbnN0IGNvbnRlbnRJbml0aWFsU3R5bGUgPSB1c2VSZWYoe1xuICAgICAgICBvdmVyZmxvd1k6ICdoaWRkZW4nLFxuICAgICAgICBtYXhIZWlnaHQ6IGlzRXhwYW5kZWQgPyAnbm9uZScgOiAnMCdcbiAgICB9KTtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICAvLyBJZ25vcmUgc3RhdGUgdXBkYXRlIG9uIGluaXRpYWwgcmVuZGVyXG4gICAgICAgIGlmIChzdGF0ZSA9PT0gJ3VubW91bnRlZCcgJiYgIWlzRXhwYW5kZWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBzZXRTdGF0ZShpc0V4cGFuZGVkID8gJ2V4cGFuZGluZycgOiAnY29sbGFwc2luZycpO1xuICAgIH0sIFtpc0V4cGFuZGVkLCBzdGF0ZV0pO1xuICAgIGNvbnN0IHsgbm9kZVJlZiB9ID0gdXNlQW5pbWF0aW9uKHN0YXRlLCB7XG4gICAgICAgIGFuaW1hdGlvblN0YXRlcyxcbiAgICAgICAgb25BbmltYXRpb25FbmQ6ICh7IGFuaW1hdGlvblN0YXRlIH0pID0+IHtcbiAgICAgICAgICAgIGlmIChhbmltYXRpb25TdGF0ZSA9PT0gJ2NvbGxhcHNpbmcnKSB7XG4gICAgICAgICAgICAgICAgc2V0U3RhdGUoJ3VubW91bnRlZCcpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgb25UcmFuc2l0aW9uRW5kID09PSBudWxsIHx8IG9uVHJhbnNpdGlvbkVuZCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25UcmFuc2l0aW9uRW5kKCk7XG4gICAgICAgIH1cbiAgICB9KTtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLCByZWY6IG5vZGVSZWYsIGlkOiBpZCwgdGFiSW5kZXg6IC0xLCBzdHlsZTogY29udGVudEluaXRpYWxTdHlsZS5jdXJyZW50LCBcImFyaWEtaGlkZGVuXCI6ICFpc0V4cGFuZGVkIHx8IHVuZGVmaW5lZCB9LCB7IGNoaWxkcmVuOiBzdGF0ZSAhPT0gJ3VubW91bnRlZCcgJiYgY2hpbGRyZW4gfSkpKTtcbn07XG4vKipcbiAqIFRoZSB0cmFuc2l0aW9uIGZyb20gY29sbGFwc2VkIHRvIGV4cGFuZGVkIHdvcmtzIGFzIGZvbGxvd3M6XG4gKiAxLiBXaGVuIHRoZSBjb21wb25lbnQgaXMgaW5pdGlhbGx5IHJlbmRlcmVkIGluIHRoZSBjb2xsYXBzZWQgc3RhdGUsIHdlXG4gKiAgICBleHBsaWNpdGx5IHNldCBtYXhIZWlnaHQgYW5kIG92ZXJmbG93WSBmcm9tIFwidG9cIiBjb25maWd1cmF0aW9uLlxuICogMi4gV2hlbiB0aGUgZXhwYW5kZWQgcHJvcCBjaGFuZ2VzIGZyb20gZmFsc2UgdG8gdHJ1ZSwgd2UgZmlyc3QgbW91bnQgdGhlIGNvbnRlbnQgY2hpbGRyZW4uXG4gKiAzLiBPbmNlIHRoaXMgaXMgbW91bnRlZCB3ZSB0cmlnZ2VyIGFuIGFuaW1hdGlvbiB1cGRhdGluZyBhbmltYXRpb25TdGF0ZSB2YWx1ZSBvZiB1c2VBbmltYXRpb25Ib29rLlxuICogNC4gQ29uZmlndXJhdGlvbiBpcyByZXByZXNlbnRlZCBpbnNpZGUgaG9vay4gUGFzc2VkIGNvbmZpZyBkZXBlbmRzIGlmIHByZXZpb3VzIGFuaW1hdGlvbiB3YXMgY29tcGxldGVkIG9yIG5vdC5cbiAqICAgIFdlIGNvdWxkIGNoZWNrIHRoYXQgYmFzZWQgb24gbm9kZS5zdHlsZS5tYXhIZWlnaHQuXG4gKlxuICogVGhlIHRyYW5zaXRpb24gZnJvbSBleHBhbmRlZCB0byBjb2xsYXBzZWQgaXMgc2ltaWxhcjpcbiAqIDEuIFdlIHRyaWdnZXIgYW4gYW5pbWF0aW9uIHVwZGF0aW5nIGFuaW1hdGlvblN0YXRlIHZhbHVlIG9mIHVzZUFuaW1hdGlvbkhvb2suXG4gKiAyLiBPbmNlIGFuaW1hdGlvbiBpcyBjb21wbGV0ZWQsIHdpdGggdGhlIGhlbHAgb2YgZW5kIGNvbmZpZyx3ZSBzZXQgbWF4LUhlaWdodCBhcyAnbm9uZScuXG4gKiAgICBUaGlzIHdpbGwgYWxsb3cgdXMgdG8ga2VlcCBhZGRpbmcgY29udGVudC5cbiAqIDMuIE9uY2UgdGhpcyBpcyBkb25lLCBvbkFuaW1hdGlvbkVuZCBpcyBjYWxsZWQoYXMgJ2Zyb20gY29sbGFwc2VkIHRvIGV4cGFuZGVkXCIpLiBIZXJlLCBjb250ZW50IGNoaWxkcmVuIGFyZSB1bm1vdXVudGVkLlxuICovXG5jb25zdCBhbmltYXRpb25TdGF0ZXMgPSB7XG4gICAgZXhwYW5kaW5nOiAobm9kZSkgPT4gKHtcbiAgICAgICAgdG86IHtcbiAgICAgICAgICAgIG1heEhlaWdodDogYCR7bm9kZS5zY3JvbGxIZWlnaHR9cHhgXG4gICAgICAgIH0sXG4gICAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgICAgIGR1cmF0aW9uOiA0MDBcbiAgICAgICAgfSxcbiAgICAgICAgZW5kOiB7XG4gICAgICAgICAgICBtYXhIZWlnaHQ6ICdub25lJ1xuICAgICAgICB9XG4gICAgfSksXG4gICAgY29sbGFwc2luZzogKG5vZGUpID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIChub2RlLnN0eWxlLm1heEhlaWdodCA9PT0gJ25vbmUnICYmIHtcbiAgICAgICAgZnJvbToge1xuICAgICAgICAgICAgbWF4SGVpZ2h0OiBgJHtub2RlLnNjcm9sbEhlaWdodH1weGBcbiAgICAgICAgfVxuICAgIH0pKSwgeyB0bzoge1xuICAgICAgICAgICAgbWF4SGVpZ2h0OiAnMCdcbiAgICAgICAgfSwgb3B0aW9uczoge1xuICAgICAgICAgICAgZHVyYXRpb246IDQwMFxuICAgICAgICB9IH0pKVxufTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbGxhcHNpYmxlQ29udGVudC5qcy5tYXAiXX0=*/

package/es/UNSAFE_Collapsible.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx, jsxs, Fragment as Fragment$1 } from 'preact/jsx-runtime';
 import { useCallback, useState, useRef, useEffect } from 'preact/hooks';
 import { useId } from './hooks/UNSAFE_useId.js';
@@ -11,24 +11,24 @@ import { CollapseIcon } from './UNSAFE_ThemedIcons.js';
 import { IcoChevronDown as SvgIcoChevronDown, IcoChevronUp as SvgIcoChevronUp } from './UNSAFE_Icons.js';
 import { usePress } from './hooks/UNSAFE_usePress.js';
 import { useAnimation } from './hooks/UNSAFE_useAnimation.js';
-import './tslib.es6-42f43b8d.js';
+import './tslib.es6-bf96b795.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-07944d69.js';
+import './_curry1-dfb64835.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-7e80cbe7.js';
-import './_curry2-a84d0826.js';
-import './_has-cac81ad0.js';
+import './_curry3-645b514e.js';
+import './_curry2-b60c1ab2.js';
+import './_has-47f27295.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-5f7fd29a.js';
+import './keys-1907eb95.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
 import 'preact/compat';
-import './index-49eb48c8.js';
+import './index-4d0e7777.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';
 import './UNSAFE_Layer.js';
@@ -53,15 +53,15 @@ const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }) => {
 };
 
 const styles$1 = {
-  base: "yxs2ua",
-  expanded: "_1ylhsvl",
-  disabled: "_1cfnkla",
-  divider: "_16rxp3d"
+  base: "base-a6aeu5",
+  expanded: "expanded-117ehxp",
+  disabled: "disabled-1c48mwz",
+  divider: "divider-had32e"
 };
 const childrenStylesBase = {
-  base: "blqta6",
-  iconStart: "_1byfxwk",
-  iconEnd: "_1wfjdyg"
+  base: "base-1tjvruh",
+  iconStart: "iconStart-1wl2zwr",
+  iconEnd: "iconEnd-73wyjr"
 };
 /**
  * Header subcomponent
@@ -123,7 +123,7 @@ const CollapsibleHeader = ({
   });
 };
 
-const styles = "_11f5jxn";
+const styles = "styles-43qvnl";
 const CollapsibleContent = ({
   children,
   id,

package/es/UNSAFE_Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    cursor: 'pointer',\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n  expanded: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`,\n  divider: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nconst childrenStylesBase = {\n  base: cssProps`${{\n    flexGrow: 1,\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`,\n  iconStart: cssProps`${{\n    paddingInlineStart: '16px'\n  }}`,\n  iconEnd: cssProps`${{\n    paddingInlineEnd: '16px'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([\n    styles.base,\n    variant === 'horizontal-rule' && styles.divider,\n    isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n    isDisabled && styles.disabled\n  ]);\n\n  const childrenClasses = classNames([\n    childrenStylesBase.base,\n    iconPosition === 'end' && childrenStylesBase.iconEnd,\n    iconPosition === 'start' && childrenStylesBase.iconStart\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        id={id}\n        tabIndex={0}\n        className={classes}\n        {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nconst styles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n  /**\n   * Id of the component\n   */\n  id?: string;\n\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * The content node to be collapsed\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Collapsible } from './Collapsible';\n"],"names":["ExpandIcon","CollapseUpIcon","_jsx","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","isExpanded","iconPosition","variant","toggleHandler","base","divider","expanded","iconEnd","iconStart","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","Object","assign","role","tabIndex","className","classes","Flex","align","justify","getHeader","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    cursor: 'pointer',\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n  expanded: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`,\n  divider: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nconst childrenStylesBase = {\n  base: cssProps`${{\n    flexGrow: 1,\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`,\n  iconStart: cssProps`${{\n    paddingInlineStart: '16px'\n  }}`,\n  iconEnd: cssProps`${{\n    paddingInlineEnd: '16px'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([\n    styles.base,\n    variant === 'horizontal-rule' && styles.divider,\n    isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n    isDisabled && styles.disabled\n  ]);\n\n  const childrenClasses = classNames([\n    childrenStylesBase.base,\n    iconPosition === 'end' && childrenStylesBase.iconEnd,\n    iconPosition === 'start' && childrenStylesBase.iconStart\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        id={id}\n        tabIndex={0}\n        className={classes}\n        {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nconst styles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n  /**\n   * Id of the component\n   */\n  id?: string;\n\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * The content node to be collapsed\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Collapsible } from './Collapsible';\n"],"names":["ExpandIcon","CollapseUpIcon","_jsx","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","isExpanded","iconPosition","variant","toggleHandler","base","divider","expanded","iconEnd","iconStart","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","Object","assign","role","tabIndex","className","classes","Flex","align","justify","getHeader","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from"],"mappings":"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"}

package/es/UNSAFE_Collection.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 /**
  * @license
  * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.

package/es/UNSAFE_ComponentMessage.css

@@ -1,3 +1,4 @@
-._9f37uf{box-sizing:border-box;display:flex;flex-wrap:wrap;}
-
-.qpveq1{overflow-x:hidden;overflow-y:hidden;}
+.baseStyles-wprvjt{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Db21wb25lbnRNZXNzYWdlL0NvbXBvbmVudE1lc3NhZ2UudHN4Il0sIm5hbWVzIjpbIi5iYXNlU3R5bGVzLXdwcnZqdCJdLCJtYXBwaW5ncyI6IkFBYU1BIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Db21wb25lbnRNZXNzYWdlL0NvbXBvbmVudE1lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgKGMpICVGSVJTVF9ZRUFSJSAlQ1VSUkVOVF9ZRUFSJSwgT3JhY2xlIGFuZC9vciBpdHMgYWZmaWxpYXRlcy5cbiAqIFRoZSBVbml2ZXJzYWwgUGVybWlzc2l2ZSBMaWNlbnNlIChVUEwpLCBWZXJzaW9uIDEuMFxuICogYXMgc2hvd24gYXQgaHR0cHM6Ly9vc3Mub3JhY2xlLmNvbS9saWNlbnNlcy91cGwvXG4gKiBAaWdub3JlXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb25CdW5kbGUgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVHJhbnNsYXRpb25CdW5kbGUnO1xuaW1wb3J0IHsgaXNTZXZlcml0eUljb25OZWVkZWQsIE1lc3NhZ2VTdGFydEljb24sIE1lc3NhZ2VTdW1tYXJ5LCBzZXZlcml0eUJhc2VkU3R5bGVDbGFzcyB9IGZyb20gJy4uL1BSSVZBVEVfTWVzc2FnZSc7XG5pbXBvcnQgeyBIaWRkZW5BY2Nlc3NpYmxlIH0gZnJvbSAnLi4vVU5TQUZFX0hpZGRlbkFjY2Vzc2libGUnO1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9jbGFzc05hbWVzJztcbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3MgYCR7e1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIC8vIFRPRE86IFVzZSBGbGV4IENvbXBvbmVudCBpbnN0ZWFkIG9mIENTU1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4V3JhcDogJ3dyYXAnXG59fWA7XG4vKipcbiAqIFRoZSBjb21wb25lbnQgdGhhdCByZW5kZXJzIGFuIGluZGl2aWR1YWwgbWVzc2FnZSBmb3IgaW5saW5lIGNvbXBvbmVudCBtZXNzYWdpbmcuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBDb21wb25lbnRNZXNzYWdlKHsgZGV0YWlsLCBmaWVsZExhYmVsLCBzZXZlcml0eSA9ICdlcnJvcicgfSkge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc05hbWVzKFtiYXNlU3R5bGVzLCBzZXZlcml0eUJhc2VkU3R5bGVDbGFzcyhzZXZlcml0eSwgJ2lubGluZScpXSk7XG4gICAgY29uc3QgdHJhbnNsYXRpb25zID0gdXNlVHJhbnNsYXRpb25CdW5kbGUoJ0BvcmFjbGUvb3JhY2xlamV0LXByZWFjdCcpO1xuICAgIGNvbnN0IHNldmVyaXR5VHJhbnNsYXRpb25zID0ge1xuICAgICAgICBjb25maXJtYXRpb246IHRyYW5zbGF0aW9ucy5jb25maXJtYXRpb24oKSxcbiAgICAgICAgZXJyb3I6IHRyYW5zbGF0aW9ucy5lcnJvcigpLFxuICAgICAgICBpbmZvOiB0cmFuc2xhdGlvbnMuaW5mbygpLFxuICAgICAgICB3YXJuaW5nOiB0cmFuc2xhdGlvbnMud2FybigpXG4gICAgfTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogY2xhc3Nlcywgcm9sZTogXCJhbGVydFwiLCBcImFyaWEtYXRvbWljXCI6IFwidHJ1ZVwiIH0sIHsgY2hpbGRyZW46IFtmaWVsZExhYmVsICYmIF9qc3goSGlkZGVuQWNjZXNzaWJsZSwgeyBjaGlsZHJlbjogZmllbGRMYWJlbCB9KSwgaXNTZXZlcml0eUljb25OZWVkZWQoc2V2ZXJpdHkpICYmIChfanN4KE1lc3NhZ2VTdGFydEljb24sIHsgdmFyaWFudDogXCJpbmxpbmVcIiwgc2V2ZXJpdHk6IHNldmVyaXR5LCB0cmFuc2xhdGlvbnM6IHNldmVyaXR5VHJhbnNsYXRpb25zIH0pKSwgX2pzeChNZXNzYWdlU3VtbWFyeSwgeyB2YXJpYW50OiBcImlubGluZVwiLCB0ZXh0OiBkZXRhaWwgfSldIH0pKSk7XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1Db21wb25lbnRNZXNzYWdlLmpzLm1hcCJdfQ==*/
+.rootStyles-151le83{overflow-x:hidden;overflow-y:hidden;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Db21wb25lbnRNZXNzYWdlL0NvbXBvbmVudE1lc3NhZ2VDb250YWluZXIudHN4Il0sIm5hbWVzIjpbIi5yb290U3R5bGVzLTE1MWxlODMiXSwibWFwcGluZ3MiOiJBQVdNQSIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfQ29tcG9uZW50TWVzc2FnZS9Db21wb25lbnRNZXNzYWdlQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IChjKSAlRklSU1RfWUVBUiUgJUNVUlJFTlRfWUVBUiUsIE9yYWNsZSBhbmQvb3IgaXRzIGFmZmlsaWF0ZXMuXG4gKiBUaGUgVW5pdmVyc2FsIFBlcm1pc3NpdmUgTGljZW5zZSAoVVBMKSwgVmVyc2lvbiAxLjBcbiAqIGFzIHNob3duIGF0IGh0dHBzOi8vb3NzLm9yYWNsZS5jb20vbGljZW5zZXMvdXBsL1xuICogQGlnbm9yZVxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IE1lc3NhZ2VzTWFuYWdlciB9IGZyb20gJy4uL1BSSVZBVEVfTWVzc2FnZSc7XG5pbXBvcnQgeyBDb21wb25lbnRNZXNzYWdlIH0gZnJvbSAnLi9Db21wb25lbnRNZXNzYWdlJztcbmNvbnN0IHJvb3RTdHlsZXMgPSBjc3MgYCR7e1xuICAgIG92ZXJmbG93WDogJ2hpZGRlbicsXG4gICAgb3ZlcmZsb3dZOiAnaGlkZGVuJ1xufX1gO1xuLyoqXG4gKiBDb252ZXJ0cyB0aGUgbWVzc2FnZXMgZGF0YSBpbnRvIEl0ZW1cbiAqXG4gKiBAcGFyYW0gbWVzc2FnZXMgVGhlIG1lc3NhZ2VzIGRhdGEgcGFzc2VkIGRvd24gYXMgcHJvcFxuICogQHJldHVybnMgVGhlIG1lc3NhZ2VzIGRhdGEgYXMgSXRlbVxuICovXG5mdW5jdGlvbiBnZW5lcmF0ZU1lc3NhZ2VzRGF0YShtZXNzYWdlcykge1xuICAgIHJldHVybiBtZXNzYWdlcy5tYXAoKG1lc3NhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBrZXk6IGluZGV4LFxuICAgICAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgICAgIGNsb3NlQWZmb3JkYW5jZTogJ29mZicsXG4gICAgICAgICAgICAgICAgc2V2ZXJpdHk6IG1lc3NhZ2Uuc2V2ZXJpdHkgfHwgJ2Vycm9yJyxcbiAgICAgICAgICAgICAgICBkZXRhaWw6IG1lc3NhZ2UuZGV0YWlsXG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG4gICAgfSk7XG59XG5leHBvcnQgZnVuY3Rpb24gQ29tcG9uZW50TWVzc2FnZUNvbnRhaW5lcih7IGZpZWxkTGFiZWwsIG1lc3NhZ2VzID0gW10gfSkge1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IHJvb3RTdHlsZXMgfSwgeyBjaGlsZHJlbjogX2pzeChNZXNzYWdlc01hbmFnZXIsIE9iamVjdC5hc3NpZ24oeyBkYXRhOiBnZW5lcmF0ZU1lc3NhZ2VzRGF0YShtZXNzYWdlcykgfSwgeyBjaGlsZHJlbjogKHsgaXRlbSB9KSA9PiAoX2pzeChDb21wb25lbnRNZXNzYWdlLCB7IGRldGFpbDogaXRlbS5kYXRhLmRldGFpbCwgZmllbGRMYWJlbDogZmllbGRMYWJlbCwgc2V2ZXJpdHk6IGl0ZW0uZGF0YS5zZXZlcml0eSB9LCBpdGVtLmtleSkpIH0pKSB9KSkpO1xufVxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tcG9uZW50TWVzc2FnZUNvbnRhaW5lci5qcy5tYXAiXX0=*/

package/es/UNSAFE_ComponentMessage.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_ComponentMessage.css";
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
@@ -11,17 +11,17 @@ import 'preact';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './UNSAFE_Flex.js';
-import './tslib.es6-42f43b8d.js';
+import './tslib.es6-bf96b795.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-07944d69.js';
+import './_curry1-dfb64835.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-7e80cbe7.js';
-import './_curry2-a84d0826.js';
-import './_has-cac81ad0.js';
+import './_curry3-645b514e.js';
+import './_curry2-b60c1ab2.js';
+import './_has-47f27295.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-5f7fd29a.js';
+import './keys-1907eb95.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/PRIVATE_timer.js';
@@ -40,7 +40,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-49eb48c8.js';
+import './index-4d0e7777.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -56,7 +56,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 
-const baseStyles = "_9f37uf";
+const baseStyles = "baseStyles-wprvjt";
 /**
  * The component that renders an individual message for inline component messaging.
  */
@@ -92,7 +92,7 @@ function ComponentMessage({
   }));
 }
 
-const rootStyles = "qpveq1";
+const rootStyles = "rootStyles-151le83";
 /**
  * Converts the messages data into Item
  *

package/es/UNSAFE_ComponentMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../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 { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  severityBasedStyleClass\n} from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,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,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,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;;ACtEA,MAAAC,UAAA,GAAA,QAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAiBA,SAAAoB,yBAAA,CAAA;EAAArB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;AAeA;;;;;;;"}
+{"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../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 { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport {\n  isSeverityIconNeeded,\n  MessageStartIcon,\n  MessageSummary,\n  severityBasedStyleClass\n} from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n  boxSizing: 'border-box',\n  // TODO: Use Flex Component instead of CSS\n  display: 'flex',\n  flexWrap: 'wrap'\n}}`;\n\n/**\n * A type for a single component message\n */\nexport type ComponentMessageItem = {\n  summary?: string;\n  detail?: string;\n  severity?: 'confirmation' | 'error' | 'info' | 'warning';\n};\n\n/**\n * Props for the Message Component\n */\ntype Props = {\n  /**\n   * The error detail text for the component message\n   */\n  detail?: ComponentMessageItem['detail'];\n\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * The severity of the component message\n   */\n  severity?: ComponentMessageItem['severity'];\n};\n\n/**\n * The component that renders an individual message for inline component messaging.\n */\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n  const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const severityTranslations = {\n    confirmation: translations.confirmation(),\n    error: translations.error(),\n    info: translations.info(),\n    warning: translations.warn()\n  };\n\n  return (\n    <div class={classes} role=\"alert\" aria-atomic=\"true\">\n      {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n      {isSeverityIconNeeded(severity) && (\n        <MessageStartIcon\n          variant=\"inline\"\n          severity={severity}\n          translations={severityTranslations}\n        />\n      )}\n      {/* We will be using the MessageSummary component, as this aligns with the style required */}\n      <MessageSummary variant=\"inline\" text={detail} />\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n  overflowX: 'hidden',\n  overflowY: 'hidden'\n}}`;\n\n/**\n * Converts the messages data into Item\n *\n * @param messages The messages data passed down as prop\n * @returns The messages data as Item\n */\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n  return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n    return {\n      key: index,\n      data: {\n        closeAffordance: 'off',\n        severity: message.severity || 'error',\n        detail: message.detail\n      }\n    };\n  });\n}\n\n/**\n * Props for the ComponentMessaging component\n */\ntype Props = {\n  /**\n   * The label of the field which is showing this error\n   */\n  fieldLabel?: string;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ fieldLabel, messages = [] }: Props) {\n  return (\n    <div class={rootStyles}>\n      <MessagesManager data={generateMessagesData(messages)}>\n        {({ item }) => (\n          <ComponentMessage\n            key={item.key}\n            detail={item.data.detail}\n            fieldLabel={fieldLabel}\n            severity={item.data.severity}\n          />\n        )}\n      </MessagesManager>\n    </div>\n  );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAAA,UAAA,GAAA,mBAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,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;;ACtEA,MAAAC,UAAA,GAAA,oBAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAiBA,SAAAoB,yBAAA,CAAA;EAAArB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;AAeA;;;;;;;"}

package/es/UNSAFE_Divider.css

@@ -1 +1,2 @@
-._1tm2ggs{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}
+.horizontal-1v80wof{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9EaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbIi5ob3Jpem9udGFsLTF2ODB3b2YiXSwibWFwcGluZ3MiOiJBQVlRQSIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfRGl2aWRlci9EaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IChjKSAlRklSU1RfWUVBUiUgJUNVUlJFTlRfWUVBUiUsIE9yYWNsZSBhbmQvb3IgaXRzIGFmZmlsaWF0ZXMuXG4gKiBMaWNlbnNlZCB1bmRlciBUaGUgVW5pdmVyc2FsIFBlcm1pc3NpdmUgTGljZW5zZSAoVVBMKSwgVmVyc2lvbiAxLjBcbiAqIGFzIHNob3duIGF0IGh0dHBzOi8vb3NzLm9yYWNsZS5jb20vbGljZW5zZXMvdXBsL1xuICogQGlnbm9yZVxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IG1lcmdlSW50ZXJwb2xhdGlvbnMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfbWVyZ2VJbnRlcnBvbGF0aW9ucyc7XG5jb25zdCBzdHlsZXMgPSB7XG4gICAgb3JpZW50YXRpb246IHtcbiAgICAgICAgaG9yaXpvbnRhbDogY3NzIGAke3tcbiAgICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgaGVpZ2h0OiAnMCcsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZGl2aWRlci1jb2xvciknLFxuICAgICAgICAgICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgICAgICAgICBib3JkZXJXaWR0aDogJzFweCAwIDAgMCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzAnLFxuICAgICAgICAgICAgbGluZUhlaWdodDogJzAnXG4gICAgICAgIH19YFxuICAgIH1cbn07XG5jb25zdCBpbnRlcnBvbGF0aW9ucyA9IFtcbiAgICAoeyBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJyB9KSA9PiAoe1xuICAgICAgICBjbGFzczogc3R5bGVzLm9yaWVudGF0aW9uW29yaWVudGF0aW9uXVxuICAgIH0pXG5dO1xuY29uc3Qgc3R5bGVJbnRlcnBvbGF0aW9ucyA9IG1lcmdlSW50ZXJwb2xhdGlvbnMoaW50ZXJwb2xhdGlvbnMpO1xuLy8gVE9ETyAtIFN1cHBvcnQgdmVydGljYWwgb3JpZW50YXRpb25cbmV4cG9ydCBmdW5jdGlvbiBEaXZpZGVyKCkge1xuICAgIGNvbnN0IHsgY2xhc3M6IGNscyB9ID0gc3R5bGVJbnRlcnBvbGF0aW9ucyh7IG9yaWVudGF0aW9uOiAnaG9yaXpvbnRhbCcgfSk7XG4gICAgLy8gVE9ETyAtIENoZWNrICB3aXRoIGFyY2hzIGlmIHRoaXMgc2hvdWxkIGJlIGEgcG9seW1vcnBoaWMgY29tcG9uZW50IGFuZCBpZiB0aGUgYW5zd2VyIGlzIHllcywgaW1wbGVtZW50IGl0XG4gICAgcmV0dXJuIF9qc3goXCJzcGFuXCIsIHsgY2xhc3M6IGNscywgcm9sZTogXCJzZXBhcmF0b3JcIiwgXCJhcmlhLW9yaWVudGF0aW9uXCI6IFwiaG9yaXpvbnRhbFwiIH0pO1xufVxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGl2aWRlci5qcy5tYXAiXX0=*/

package/es/UNSAFE_Divider.js

@@ -1,16 +1,16 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_Divider.css";
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry1-07944d69.js';
-import './_curry3-7e80cbe7.js';
-import './_curry2-a84d0826.js';
-import './_has-cac81ad0.js';
+import './_curry1-dfb64835.js';
+import './_curry3-645b514e.js';
+import './_curry2-b60c1ab2.js';
+import './_has-47f27295.js';
 
 const styles = {
   orientation: {
-    horizontal: "_1tm2ggs"
+    horizontal: "horizontal-1v80wof"
   }
 };
 const interpolations = [({

package/es/UNSAFE_EmptyList.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx } from 'preact/jsx-runtime';
 
 /**

package/es/UNSAFE_Environment.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { createContext } from 'preact';
 import { jsx } from 'preact/jsx-runtime';
 import { useMemo, useContext } from 'preact/hooks';

package/es/UNSAFE_FilePicker.css

@@ -1,6 +1,7 @@
-._1hx7mch{display:block;height:100%;width:100%;}
-._1fm0bgf{max-width:400px;}
-.qin7ge{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}.qin7ge:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-.c4s6lu:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
-@media(hover:hover){.lnafia:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
-._16u1zj > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.base-vkt7bd{display:block;height:100%;width:100%;}
+.maxWidth-kup59l{max-width:400px;}
+.inner-1nqc4vw{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}.inner-1nqc4vw:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+.hover-1mdff9f:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
+@media(hover:hover){.pseudohover-rkm5qx:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
+.childrenStyles-1m0n888 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9GaWxlUGlja2VyL0ZpbGVQaWNrZXIudHN4Il0sIm5hbWVzIjpbIi5iYXNlLXZrdDdiZCIsIi5tYXhXaWR0aC1rdXA1OWwiLCIuaW5uZXItMW5xYzR2dyIsIi5ob3Zlci0xbWRmZjlmIiwiLnBzZXVkb2hvdmVyLXJrbTVxeCIsIi5jaGlsZHJlblN0eWxlcy0xbTBuODg4Il0sIm1hcHBpbmdzIjoiQUFpSElBO0FBS0FDO0FBR0FDO0FBZ0JBQztBQU1BQztBQVNFQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfRmlsZVBpY2tlci9GaWxlUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fcmVzdCB9IGZyb20gXCJ0c2xpYlwiO1xuaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgKGMpICVGSVJTVF9ZRUFSJSAlQ1VSUkVOVF9ZRUFSJSwgT3JhY2xlIGFuZC9vciBpdHMgYWZmaWxpYXRlcy5cbiAqIExpY2Vuc2VkIHVuZGVyIFRoZSBVbml2ZXJzYWwgUGVybWlzc2l2ZSBMaWNlbnNlIChVUEwpLCBWZXJzaW9uIDEuMFxuICogYXMgc2hvd24gYXQgaHR0cHM6Ly9vc3Mub3JhY2xlLmNvbS9saWNlbnNlcy91cGwvXG4gKiBAaWdub3JlXG4gKi9cbmltcG9ydCB7IG1lcmdlUHJvcHMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfbWVyZ2VQcm9wcyc7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb25CdW5kbGUgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVHJhbnNsYXRpb25CdW5kbGUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBnZXREZWZhdWx0VHJpZ2dlckNvbnRlbnQsIGdldEFyaWFMYWJlbCwgZ2V0U3R5bGVzIH0gZnJvbSAnLi9GaWxlUGlja2VyVXRpbHMnO1xuaW1wb3J0IHsgdXNlRmlsZXBpY2tlckVsZW1lbnRIZWxwZXIgfSBmcm9tICcuL3VzZUZpbGVQaWNrZXJFbGVtZW50JztcbmltcG9ydCB7IHVzZVN0YXRlLCB1c2VSZWYsIHVzZUltcGVyYXRpdmVIYW5kbGUgfSBmcm9tICdwcmVhY3QvaG9va3MnO1xuaW1wb3J0IHsgdXNlVGFiYmFibGVNb2RlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVRhYmJhYmxlTW9kZSc7XG4vKipcbiAqIEEgZmlsZSBwaWNrZXIgZGlzcGxheXMgYSBjbGlja2FibGUgZHJvcHpvbmUgZm9yIHNlbGVjdGluZyBmaWxlcyBmcm9tIHRoZSBkZXZpY2Ugc3RvcmFnZS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIEZpbGVQaWNrZXIoX2EpIHtcbiAgICB2YXIgeyBjYXB0dXJlID0gJ25vbmUnLCBpc0Rpc2FibGVkID0gZmFsc2UsIHNlbGVjdGlvbk1vZGUgPSAnbXVsdGlwbGUnLCBjaGlsZHJlbiB9ID0gX2EsIG90aGVyUHJvcHMgPSBfX3Jlc3QoX2EsIFtcImNhcHR1cmVcIiwgXCJpc0Rpc2FibGVkXCIsIFwic2VsZWN0aW9uTW9kZVwiLCBcImNoaWxkcmVuXCJdKTtcbiAgICAvLyB0aGlzIHJlZiBpcyBhZGRlZCBvbmx5IGZvciB0ZXN0aW5nIHB1cnBvc2VzLiAgQWxsb3dzIHRoZSB0ZXN0IHRvIGRpcmVjdGx5XG4gICAgLy8gY2FsbCBjZXJ0YWluIGZ1bmN0aW9ucyB0aGF0IHNob3VsZCBiZSB0ZXN0ZWRcbiAgICBjb25zdCB0ZXN0SGFuZGxlcnNSZWYgPSBvdGhlclByb3BzLl9fdGVzdEhhbmRsZXJTeW1ib2w7XG4gICAgY29uc3QgdHJhbnNsYXRpb25zID0gdXNlVHJhbnNsYXRpb25CdW5kbGUoJ0BvcmFjbGUvb3JhY2xlamV0LXByZWFjdCcpO1xuICAgIGNvbnN0IHByb3BzID0gT2JqZWN0LmFzc2lnbih7IGNhcHR1cmUsIHNlbGVjdGlvbk1vZGUsIHRyYW5zbGF0aW9ucyB9LCBvdGhlclByb3BzKTtcbiAgICBpZiAoaXNEaXNhYmxlZCkge1xuICAgICAgICByZXR1cm4gX2pzeChEaXNhYmxlZEZpbGVQaWNrZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7IGNoaWxkcmVuOiBjaGlsZHJlbiB9KSk7XG4gICAgfVxuICAgIHJldHVybiBjaGlsZHJlbiA/IChfanN4KEN1c3RvbUZpbGVQaWNrZXIsIE9iamVjdC5hc3NpZ24oeyB0ZXN0SGFuZGxlcnNSZWY6IHRlc3RIYW5kbGVyc1JlZiB9LCBwcm9wcywgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpKSA6IChfanN4KERlZmF1bHRGaWxlUGlja2VyLCBPYmplY3QuYXNzaWduKHsgdGVzdEhhbmRsZXJzUmVmOiB0ZXN0SGFuZGxlcnNSZWYgfSwgcHJvcHMpKSk7XG59XG4vKipcbiAqIFRoZSBkZWZhdWx0IGZpbGUgcGlja2VyIGVsZW1lbnQuXG4gKi9cbmNvbnN0IERlZmF1bHRGaWxlUGlja2VyID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgW3ZhbGlkaXR5LCBzZXRWYWxpZGl0eV0gPSB1c2VTdGF0ZSgnTkEnKTtcbiAgICAvLyBjbGFzcyBhZGRlZCB0byBjaGFuZ2UgYmcvYm9yZGVyIGNvbG9yIGJhc2VkIG9uIGlmIGZpbGUgaXMgdmFsaWQgb24gZHJhZyBhbmQgZHJvcFxuICAgIGNvbnN0IHZhbGlkaXR5Q2xhc3MgPSB2YWxpZGl0eSA9PT0gJ3ZhbGlkJyA/ICdvai1jLXZhbGlkLWRyb3AnIDogdmFsaWRpdHkgPT09ICdpbnZhbGlkJyA/ICdvai1jLWludmFsaWQtZHJvcCcgOiAnJztcbiAgICBjb25zdCByb290UmVmID0gdXNlUmVmKG51bGwpO1xuICAgIGNvbnN0IHsgdmFsaWRhdGlvbiwgZHJhZ0FuZERyb3BQcm9wcywgcHJlc3NQcm9wcywgaXNIb3ZlciwgaG92ZXJQcm9wcyB9ID0gdXNlRmlsZXBpY2tlckVsZW1lbnRIZWxwZXIocHJvcHMsIHJvb3RSZWYsIHNldFZhbGlkaXR5KTtcbiAgICBjb25zdCBtZXJnZWRFdmVudFByb3BzID0gbWVyZ2VQcm9wcyhwcmVzc1Byb3BzLCBob3ZlclByb3BzKTtcbiAgICAvLyBUaGVzZSBhcmUgYmFja2Rvb3IgaGFuZGxlcyB0aGF0IGFyZSB1c2VkIGZvciB0ZXN0aW5nIHB1cnBvc2VzIG9ubHlcbiAgICB1c2VTZXR1cFRlc3RSZWYoZHJhZ0FuZERyb3BQcm9wcywgdmFsaWRhdGlvbiwgcHJvcHMudGVzdEhhbmRsZXJzUmVmIHx8IG51bGwpO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc05hbWVzKFtcbiAgICAgICAgc3R5bGVzLmJhc2UsXG4gICAgICAgIHByb3BzLndpZHRoID09PSB1bmRlZmluZWQgJiYgc3R5bGVzLm1heFdpZHRoLFxuICAgICAgICBpc0hvdmVyICYmIHN0eWxlcy5ob3ZlclxuICAgIF0pO1xuICAgIGNvbnN0IHsgaXNUYWJiYWJsZSB9ID0gdXNlVGFiYmFibGVNb2RlKCk7XG4gICAgY29uc3QgeyBhY2Nlc3NpYmxlTGFiZWwsIHByaW1hcnlUZXh0LCBzZWNvbmRhcnlUZXh0LCB0cmFuc2xhdGlvbnMsIHNlbGVjdGlvbk1vZGUsIHdpZHRoLCBoZWlnaHQgfSA9IHByb3BzO1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCBtZXJnZWRFdmVudFByb3BzLCB7IGNsYXNzOiBjbGFzc2VzLCB0YWJJbmRleDogaXNUYWJiYWJsZSA/IDAgOiAtMSwgcm9sZTogXCJidXR0b25cIiwgXCJhcmlhLWxhYmVsXCI6IGdldEFyaWFMYWJlbCh7XG4gICAgICAgICAgICBhY2Nlc3NpYmxlTGFiZWwsXG4gICAgICAgICAgICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgICAgICAgICAgIHRyYW5zbGF0aW9ucyxcbiAgICAgICAgICAgIHByaW1hcnlUZXh0LFxuICAgICAgICAgICAgc2Vjb25kYXJ5VGV4dCxcbiAgICAgICAgICAgIHNlbGVjdGlvbk1vZGVcbiAgICAgICAgfSksIHJlZjogcm9vdFJlZiwgc3R5bGU6IGdldFN0eWxlcyh3aWR0aCwgaGVpZ2h0KSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogY2xhc3NOYW1lcyhbc3R5bGVzLmlubmVyLCB2YWxpZGl0eUNsYXNzXSkgfSwgZHJhZ0FuZERyb3BQcm9wcywgeyBjaGlsZHJlbjogZ2V0RGVmYXVsdFRyaWdnZXJDb250ZW50KGZhbHNlLCBwcmltYXJ5VGV4dCwgc2Vjb25kYXJ5VGV4dCwgdHJhbnNsYXRpb25zLCBzZWxlY3Rpb25Nb2RlKSB9KSkgfSkpKTtcbn07XG5jb25zdCBjaGlsZHJlbkNvbnRhaW5lciA9IChjaGlsZHJlbikgPT4ge1xuICAgIHJldHVybiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGNoaWxkcmVuU3R5bGVzIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKTtcbn07XG4vKipcbiAqIFRoZSBkaXNhYmxlZCBmaWxlIHBpY2tlciBlbGVtZW50LlxuICovXG5jb25zdCBEaXNhYmxlZEZpbGVQaWNrZXIgPSAoeyBjaGlsZHJlbiwgYWNjZXNzaWJsZUxhYmVsLCBwcmltYXJ5VGV4dCwgc2Vjb25kYXJ5VGV4dCwgdHJhbnNsYXRpb25zLCBzZWxlY3Rpb25Nb2RlLCB3aWR0aCwgaGVpZ2h0IH0pID0+IHtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzOiBjbGFzc05hbWVzKFtcbiAgICAgICAgICAgIHN0eWxlcy5iYXNlLFxuICAgICAgICAgICAgc3R5bGVzLmlubmVyLFxuICAgICAgICAgICAgd2lkdGggPT09IHVuZGVmaW5lZCAmJiBzdHlsZXMubWF4V2lkdGgsXG4gICAgICAgICAgICAnb2otYy1maWxlcGlja2VyLWRpc2FibGVkJ1xuICAgICAgICBdKSwgcm9sZTogXCJidXR0b25cIiwgXCJhcmlhLWxhYmVsXCI6IGdldEFyaWFMYWJlbCh7XG4gICAgICAgICAgICBhY2Nlc3NpYmxlTGFiZWwsXG4gICAgICAgICAgICBpc0Rpc2FibGVkOiB0cnVlLFxuICAgICAgICAgICAgdHJhbnNsYXRpb25zLFxuICAgICAgICAgICAgcHJpbWFyeVRleHQsXG4gICAgICAgICAgICBzZWNvbmRhcnlUZXh0XG4gICAgICAgIH0pLCBcImFyaWEtaGlkZGVuXCI6IFwidHJ1ZVwiLCBzdHlsZTogZ2V0U3R5bGVzKHdpZHRoLCBoZWlnaHQpIH0sIHsgY2hpbGRyZW46IChjaGlsZHJlbiAmJiBjaGlsZHJlbkNvbnRhaW5lcihjaGlsZHJlbikpIHx8XG4gICAgICAgICAgICBnZXREZWZhdWx0VHJpZ2dlckNvbnRlbnQodHJ1ZSwgcHJpbWFyeVRleHQsIHNlY29uZGFyeVRleHQsIHRyYW5zbGF0aW9ucywgc2VsZWN0aW9uTW9kZSkgfSkpKTtcbn07XG4vKipcbiAqIFRoZSBjdXN0b20gZmlsZSBwaWNrZXIgZWxlbWVudC5cbiAqL1xuY29uc3QgQ3VzdG9tRmlsZVBpY2tlciA9IChwcm9wcykgPT4ge1xuICAgIGNvbnN0IHJvb3RSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgeyB2YWxpZGF0aW9uLCBkcmFnQW5kRHJvcFByb3BzLCBwcmVzc1Byb3BzLCBpc0hvdmVyLCBob3ZlclByb3BzIH0gPSB1c2VGaWxlcGlja2VyRWxlbWVudEhlbHBlcihwcm9wcywgcm9vdFJlZik7XG4gICAgY29uc3QgbWVyZ2VkRXZlbnRQcm9wcyA9IG1lcmdlUHJvcHMocHJlc3NQcm9wcywgZHJhZ0FuZERyb3BQcm9wcywgaG92ZXJQcm9wcyk7XG4gICAgLy8gVGhlc2UgYXJlIGJhY2tkb29yIGhhbmRsZXMgdGhhdCBhcmUgdXNlZCBmb3IgdGVzdGluZyBwdXJwb3NlcyBvbmx5XG4gICAgdXNlU2V0dXBUZXN0UmVmKGRyYWdBbmREcm9wUHJvcHMsIHZhbGlkYXRpb24sIHByb3BzLnRlc3RIYW5kbGVyc1JlZiB8fCBudWxsKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgIHN0eWxlcy5iYXNlLFxuICAgICAgICBwcm9wcy53aWR0aCA9PT0gdW5kZWZpbmVkICYmIHN0eWxlcy5tYXhXaWR0aCxcbiAgICAgICAgaXNIb3ZlciAmJiBzdHlsZXMuaG92ZXJcbiAgICBdKTtcbiAgICBjb25zdCB7IGFjY2Vzc2libGVMYWJlbCwgdHJhbnNsYXRpb25zLCBzZWxlY3Rpb25Nb2RlIH0gPSBwcm9wcztcbiAgICBjb25zdCB7IGlzVGFiYmFibGUgfSA9IHVzZVRhYmJhYmxlTW9kZSgpO1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IGNsYXNzZXMsIHRhYkluZGV4OiBpc1RhYmJhYmxlID8gdW5kZWZpbmVkIDogLTEsIHJvbGU6IFwiYnV0dG9uXCIsIFwiYXJpYS1sYWJlbFwiOiBnZXRBcmlhTGFiZWwoeyBhY2Nlc3NpYmxlTGFiZWwsIGlzRGlzYWJsZWQ6IGZhbHNlLCB0cmFuc2xhdGlvbnMsIHNlbGVjdGlvbk1vZGUgfSksIHJlZjogcm9vdFJlZiwgc3R5bGU6IGdldFN0eWxlcyhwcm9wcy53aWR0aCwgcHJvcHMuaGVpZ2h0KSB9LCBtZXJnZWRFdmVudFByb3BzLCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiAmJiBjaGlsZHJlbkNvbnRhaW5lcihwcm9wcy5jaGlsZHJlbikgfSkpKTtcbn07XG4vKipcbiAqIE9ubHkgY2FsbGVkIGZvciB0ZXN0aW5nIHB1cnBvc2VzLCBzZXRzIHVwIHRoZSB0ZXN0IHJlZiB0aGF0XG4gKiBhbGxvd3MgZm9yIGJhY2tkb29yIGFjY2VzcyB0byBjZXJ0YWluIG1ldGhvZHNcbiAqL1xuY29uc3QgdXNlU2V0dXBUZXN0UmVmID0gKGRyYWdBbmREcm9wUHJvcHMsIHZhbGlkYXRpb24sIHRlc3RIYW5kbGVyc1JlZikgPT4ge1xuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUodGVzdEhhbmRsZXJzUmVmLCAoKSA9PiAoe1xuICAgICAgICBvbkRyYWdFbnRlcjogZHJhZ0FuZERyb3BQcm9wcy5vbkRyYWdFbnRlcixcbiAgICAgICAgb25EcmFnT3ZlcjogZHJhZ0FuZERyb3BQcm9wcy5vbkRyYWdPdmVyLFxuICAgICAgICBvbkRyb3A6IGRyYWdBbmREcm9wUHJvcHMub25Ecm9wLFxuICAgICAgICBvbkRyYWdMZWF2ZTogZHJhZ0FuZERyb3BQcm9wcy5vbkRyYWdMZWF2ZSxcbiAgICAgICAgb25DbGlja1NlbGVjdGVkOiB2YWxpZGF0aW9uXG4gICAgfSkpO1xufTtcbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJ1xuICAgIH19YCxcbiAgICBtYXhXaWR0aDogY3NzIGAke3tcbiAgICAgICAgbWF4V2lkdGg6ICc0MDBweCdcbiAgICB9fWAsXG4gICAgaW5uZXI6IGNzcyBgJHt7XG4gICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZmlsZS1waWNrZXItYm9yZGVyLXJhZGl1cyknLFxuICAgICAgICBwYWRkaW5nVG9wOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZmlsZS1waWNrZXItcGFkZGluZyknLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1maWxlLXBpY2tlci1wYWRkaW5nKScsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZmlsZS1waWNrZXItcGFkZGluZyknLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtZmlsZS1waWNrZXItcGFkZGluZyknLFxuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgYm9yZGVyU3R5bGU6ICdkYXNoZWQnLFxuICAgICAgICBib3JkZXJXaWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWZpbGUtcGlja2VyLWJvcmRlci13aWR0aCknLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1maWxlLXBpY2tlci1iZy1jb2xvciknLFxuICAgICAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWZpbGUtcGlja2VyLWJvcmRlci1jb2xvciknLFxuICAgICAgICAnJjphY3RpdmUnOiB7IGJhY2tncm91bmRDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtYmctY29sb3ItYWN0aXZlKScgfVxuICAgIH19YCxcbiAgICBob3ZlcjogY3NzIGAke3tcbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICAnJjpub3QoOmFjdGl2ZSknOiB7XG4gICAgICAgICAgICBjdXJzb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1maWxlLXBpY2tlci1jdXJzb3IpJ1xuICAgICAgICB9XG4gICAgfX1gLFxuICAgIHBzZXVkb2hvdmVyOiBjc3MgYCR7e1xuICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICdAbWVkaWEoaG92ZXI6IGhvdmVyKSc6IHtcbiAgICAgICAgICAgICcmOmhvdmVyOmVuYWJsZWQ6bm90KDphY3RpdmUpJzoge1xuICAgICAgICAgICAgICAgIGN1cnNvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWZpbGUtcGlja2VyLWN1cnNvciknXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9fWBcbn07XG5jb25zdCBjaGlsZHJlblN0eWxlcyA9IGNzcyBgJHt7XG4gICAgLyogQHRzLWlnbm9yZSAqL1xuICAgICcmID4gKic6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIG1hcmdpblJpZ2h0OiAnMCAhaW1wb3J0YW50J1xuICAgIH1cbn19YDtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUZpbGVQaWNrZXIuanMubWFwIl19*/

package/es/UNSAFE_FilePicker.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
-import { _ as __rest } from './tslib.es6-42f43b8d.js';
+/* @oracle/oraclejet-preact: 14.0.7 */
+import { _ as __rest } from './tslib.es6-bf96b795.js';
 import { jsx } from 'preact/jsx-runtime';
 import { mergeProps } from './utils/UNSAFE_mergeProps.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -20,14 +20,14 @@ import 'preact';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry1-07944d69.js';
-import './_curry3-7e80cbe7.js';
-import './_curry2-a84d0826.js';
-import './_has-cac81ad0.js';
+import './_curry1-dfb64835.js';
+import './_curry3-645b514e.js';
+import './_curry2-b60c1ab2.js';
+import './_has-47f27295.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
-import './keys-5f7fd29a.js';
+import './keys-1907eb95.js';
 import './hooks/UNSAFE_useToggle.js';
 
 /**
@@ -596,13 +596,13 @@ const useSetupTestRef = (dragAndDropProps, validation, testHandlersRef) => {
 };
 
 const styles = {
-  base: "_1hx7mch",
-  maxWidth: "_1fm0bgf",
-  inner: "qin7ge",
-  hover: "c4s6lu",
-  pseudohover: "lnafia"
+  base: "base-vkt7bd",
+  maxWidth: "maxWidth-kup59l",
+  inner: "inner-1nqc4vw",
+  hover: "hover-1mdff9f",
+  pseudohover: "pseudohover-rkm5qx"
 };
-const childrenStyles = "_16u1zj";
+const childrenStyles = "childrenStyles-1m0n888";
 
 export { FilePicker };
 /*  */