@oracle/oraclejet-preact 19.0.0 → 19.0.1

package/cjs/BaseButton-f6eb6de1.js

@@ -0,0 +1,85 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var useHover = require('./useHover-49b0430d.js');
+var useActive = require('./useActive-6770f917.js');
+var useColorScheme = require('./useColorScheme-23e4aab4.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var dimensions = require('./dimensions-2fcc0acf.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var clientHints$1 = require('./clientHints-c40c5250.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var UNSAFE_BaseButton_themes_redwood_BaseButtonTheme = require('./UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var BareButton = require('./BareButton-814ae4b7.js');
+var buttonUtils = require('./buttonUtils-dff2ea3e.js');
+
+const interpolations = [...Object.values(dimensions.dimensionInterpolations)];
+const styleInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+const clientHints = clientHints$1.getClientHints();
+// :active only works on IOS devices if a touch handler exists
+const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
+const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
+const BaseButton = compat.forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, onAction, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', testId, ...props }, ref) => {
+    const isStyled = (name) => {
+        return styling.indexOf(name) > -1;
+    };
+    const { globalEventProps, ariaProps } = buttonUtils.processGlobals(props);
+    const { hoverProps, isHover } = useHover.useHover({ isDisabled: !isHybrid });
+    const { activeProps, isActive } = useActive.useActive({ isDisabled: isReadOnly });
+    const { class: cls, ...styles } = styleInterpolations({
+        ...props,
+        ...globalEventProps
+    });
+    const ElementType = elementDetails.type;
+    const isSpan = ElementType == 'span';
+    const colorScheme = useColorScheme.useColorScheme();
+    const { variantClasses } = useComponentTheme.useComponentTheme(UNSAFE_BaseButton_themes_redwood_BaseButtonTheme.BaseButtonRedwoodTheme, {
+        size,
+        variant,
+        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
+        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
+        container: isStyled('container') ? 'isContainer' : 'notContainer',
+        noBorderRadiusStart: isStyled('noBorderRadiusStart')
+            ? 'isNoBorderRadiusStart'
+            : 'notNoBorderRadiusStart',
+        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
+            ? 'isNoBorderRadiusEnd'
+            : 'notNoBorderRadiusEnd',
+        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
+        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
+        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
+        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
+        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
+        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
+        fill: isStyled('fill') ? 'isFill' : 'notFill',
+        min: isStyled('min') ? 'isMin' : 'notMin',
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
+        edge,
+        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
+        active: isActive ? 'isActive' : 'notActive',
+        hover: isHover ? 'isHover' : 'notHover',
+        span: isSpan ? 'isSpan' : 'notSpan',
+        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
+        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
+        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
+        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
+        newStackingContext: isStyled('newStackingContext')
+            ? 'isNewStackingContext'
+            : 'notNewStackingContext',
+        colorScheme
+    });
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title
+    };
+    const mergedProps = mergeProps.mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
+    const wrapperClasses = classNames.classNames([cls, variantClasses]);
+    return (jsxRuntime.jsx(BareButton.BareButton, { ref: ref, isDisabled: isDisabled || isReadOnly, isClick: isClick, classNames: wrapperClasses, style: styles, testId: testId, onAction: onAction, autofocus: props['autofocus'], elementDetails: elementDetails, isRepeat: isRepeat, ...ariaProps, ...mergedProps, children: props.children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+exports.BaseButton = BaseButton;
+//# sourceMappingURL=BaseButton-f6eb6de1.js.map

package/cjs/BaseButton-f6eb6de1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-f6eb6de1.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext';\n\nexport type Props = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      onAction,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      testId,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { globalEventProps, ariaProps } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      ...globalEventProps\n    });\n\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      colorScheme\n    });\n\n    const legacyGlobals = {\n      autofocus: props.autofocus,\n      title: props.title\n    };\n\n    const mergedProps = mergeProps(\n      iosProps,\n      ariaProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps,\n      legacyGlobals\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n\n    return (\n      <BareButton\n        ref={ref}\n        isDisabled={isDisabled || isReadOnly}\n        isClick={isClick}\n        classNames={wrapperClasses}\n        style={styles}\n        testId={testId}\n        onAction={onAction}\n        autofocus={props['autofocus']}\n        elementDetails={elementDetails}\n        isRepeat={isRepeat}\n        {...ariaProps}\n        {...mergedProps}>\n        {props.children}\n      </BareButton>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["dimensionInterpolations","mergeInterpolations","getClientHints","forwardRef","processGlobals","useHover","useActive","useColorScheme","useComponentTheme","BaseButtonRedwoodTheme","mergeProps","classNames","_jsx","BareButton"],"mappings":"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"}

package/cjs/BaseCardView-43379b36.js

@@ -10,8 +10,8 @@ var keys = require('./keys-25710458.js');
 var collectionUtils = require('./collectionUtils-fe12edac.js');
 var ReorderableContext = require('./ReorderableContext-16396e17.js');
 var useNavigation = require('./useNavigation-49344b44.js');
-require('./LayerHost-f1a1533f.js');
-var useSelection = require('./useSelection-ec8ed204.js');
+require('./LayerHost-aee0e070.js');
+var useSelection = require('./useSelection-e11d979f.js');
 
 
 var Selector = require('./Selector-9b72f861.js');
@@ -27,11 +27,11 @@ var useAnimation = require('./useAnimation-fb11e4cc.js');
 var useResizeObserver = require('./useResizeObserver-a9e97180.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var FocusTrap = require('./FocusTrap-fbb0c20f.js');
-var useUser = require('./useUser-081e5bd5.js');
-var useReorderableItem = require('./useReorderableItem-cee284be.js');
+var useUser = require('./useUser-f900ddf1.js');
+var useReorderableItem = require('./useReorderableItem-db13db70.js');
 var useReorderableContext = require('./useReorderableContext-92514102.js');
-var Grid = require('./Grid-44ca9332.js');
-var Flex = require('./Flex-a6d1c038.js');
+var Grid = require('./Grid-57fb11dc.js');
+var Flex = require('./Flex-6ca216a7.js');
 var PRIVATE_BaseCardView_themes_BaseCardViewContract_css = require('./PRIVATE_BaseCardView/themes/BaseCardViewContract.css.js');
 var Skeleton = require('./Skeleton-e746e396.js');
 

package/cjs/BaseRichSelection-1d4ef67b.js

@@ -10,7 +10,7 @@ require('preact/hooks');
 var useFormFieldContextProps = require('./useFormFieldContextProps-0fa67f6c.js');
 var preact = require('preact');
 var useCollectionFocusRing = require('./useCollectionFocusRing-7fcfe8f7.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
 var Label = require('./Label-afee809f.js');
 var InlineHelp = require('./InlineHelp-8097a102.js');
 require('./logger-2b636482.js');
@@ -19,16 +19,16 @@ require('./TabbableModeContext-e99d527e.js');
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-2fba4481.js');
-require('./Flex-a6d1c038.js');
+require('./Flex-6ca216a7.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
-var useTestId = require('./useTestId-15ee37d6.js');
-require('./LayerHost-f1a1533f.js');
+var useTestId = require('./useTestId-9093a54b.js');
+require('./LayerHost-aee0e070.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 
 require('./IconButton-217314e6.js');
 
@@ -39,7 +39,7 @@ var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
-require('./Popup-91e33a1d.js');
+require('./Popup-080e8f67.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 
@@ -49,14 +49,14 @@ require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
 var CheckboxRadioFieldStyles_css = require('./CheckboxRadioFieldStyles.css-b526d45d.js');
 var CheckboxRadioContext = require('./CheckboxRadioContext-3b134bd1.js');
 var LayoutStyles_css = require('./LayoutStyles.css-b4025421.js');
-var Grid = require('./Grid-44ca9332.js');
+var Grid = require('./Grid-57fb11dc.js');
 var refUtils = require('./refUtils-a9872e75.js');
 var useContainerBreakpoints = require('./useContainerBreakpoints-f1fb711a.js');
 var RichSelectionStartContext = require('./RichSelectionStartContext-3d10f9ed.js');
-var View = require('./View-251db2a6.js');
+var View = require('./View-7d9034a7.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var useFormFieldContext = require('./useFormFieldContext-4632eb73.js');
-var StyledLabelValueLayout = require('./StyledLabelValueLayout-dd89f379.js');
+var StyledLabelValueLayout = require('./StyledLabelValueLayout-d7705c97.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var UNSAFE_RadioItem_themes_redwood_RadioTheme = require('./UNSAFE_RadioItem/themes/redwood/RadioTheme.js');
 var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');

package/cjs/BaseSwatchView-3d9dbf9a.js

@@ -10,7 +10,7 @@ var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-a275583f.js');
 var keys = require('./keys-25710458.js');
 var collectionUtils = require('./collectionUtils-fe12edac.js');
-var useCurrentKey = require('./useCurrentKey-25fa7256.js');
+var useCurrentKey = require('./useCurrentKey-76fed320.js');
 var useCollectionFocusRing = require('./useCollectionFocusRing-7fcfe8f7.js');
 var useTabbableModeSet = require('./useTabbableModeSet-029f209c.js');
 var useSwatchSelection = require('./useSwatchSelection-1b942fd3.js');
@@ -22,7 +22,7 @@ var tabbableUtils = require('./tabbableUtils-7e41d383.js');
 var useId = require('./useId-6c0eeb27.js');
 var useResizeObserver = require('./useResizeObserver-a9e97180.js');
 var FocusTrap = require('./FocusTrap-fbb0c20f.js');
-var Flex = require('./Flex-a6d1c038.js');
+var Flex = require('./Flex-6ca216a7.js');
 
 /**
  * The internal component used to render a single item in SwatchView.

package/cjs/Button-3908334e.js

@@ -0,0 +1,24 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var BaseButton = require('./BaseButton-f6eb6de1.js');
+var ButtonLabelLayout = require('./ButtonLabelLayout-8981b39a.js');
+var compat = require('preact/compat');
+
+/**
+ * A button is a pressable element that invokes an action.
+ */
+const Button = compat.forwardRef(({ variant = 'outlined', isDisabled = false, isRepeat = false, size = 'md', display = 'all', type: buttonType = 'button', endIcon, startIcon, autofocus, edge, testId, onAction, label = '', 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart }, ref) => {
+    const labelOnly = (!startIcon && !endIcon) || display === 'label';
+    const elementDetails = {
+        type: 'button',
+        buttonType: buttonType
+    };
+    const content = labelOnly ? (label) : (jsxRuntime.jsx(ButtonLabelLayout.ButtonLabelLayout, { display: display, startIcon: startIcon, endIcon: endIcon, size: size, children: label }));
+    return (jsxRuntime.jsx(BaseButton.BaseButton, { ref: ref, elementDetails: elementDetails, isDisabled: isDisabled, isRepeat: isRepeat, size: size, width: width, autofocus: autofocus, edge: edge, variant: variant, styling: [labelOnly ? 'default' : 'min'], onAction: onAction, "aria-label": accessibleLabel ?? label, "aria-describedby": ariaDescribedBy, onBlur: onBlur, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart, testId: testId, children: content }));
+});
+Button.displayName = 'Button';
+
+exports.Button = Button;
+//# sourceMappingURL=Button-3908334e.js.map

package/cjs/Button-3908334e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-3908334e.js","sources":["../../src/UNSAFE_Button/Button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { ComponentChildren, ComponentProps, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<\n  UnpackSignals<JSX.HTMLAttributes<HTMLElement>>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n\n    return (\n      <BaseButton\n        ref={ref}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n        testId={testId}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["forwardRef","_jsx","ButtonLabelLayout","BaseButton"],"mappings":";;;;;;;;AAgHA;;AAEG;AACI,MAAM,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,IAAI,EAAE,UAAU,GAAG,QAAQ,EAC3B,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACN,EACR,GAA+B,KAC7B;AACF,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;AAClE,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,IAAI,EAAE,QAAiB;AACvB,QAAA,UAAU,EAAE,UAAU;KACvB,CAAC;AACF,IAAA,MAAM,OAAO,GAAG,SAAS,IACvB,KAAK,KAELC,cAAA,CAACC,mCAAiB,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACpF,KAAK,EAAA,CACY,CACrB,CAAC;IAEF,QACED,eAACE,qBAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC,EACxC,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,eAAe,IAAI,KAAK,EAAA,kBAAA,EAClB,eAAe,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACb,QAAA,EAAA,OAAO,EACG,CAAA,EACb;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/cjs/ButtonSet-a1f0f8b9.js

@@ -12,8 +12,8 @@ var preact = require('preact');
 var ButtonSetPositionContext = require('./ButtonSetPositionContext-6a358667.js');
 var hooks = require('preact/hooks');
 var toggleButtonUtils = require('./toggleButtonUtils-245111a7.js');
-var useTestId = require('./useTestId-15ee37d6.js');
-var useRovingTabIndexContainer = require('./useRovingTabIndexContainer-7474adbd.js');
+var useTestId = require('./useTestId-9093a54b.js');
+var useRovingTabIndexContainer = require('./useRovingTabIndexContainer-a3594203.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-a275583f.js');
 var refUtils = require('./refUtils-a9872e75.js');

package/cjs/ButtonSetButton-9106a899.js

@@ -3,7 +3,7 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-eadd18ed.js');
+var BaseButton = require('./BaseButton-f6eb6de1.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useButtonSetContext = require('./useButtonSetContext-a2f31c8e.js');
 var ToggleButtonLabel = require('./ToggleButtonLabel-cd470bcb.js');

package/cjs/ButtonSetIconButton-8c52036a.js

@@ -4,16 +4,16 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-eadd18ed.js');
-var useTooltip = require('./useTooltip-43bfe8a3.js');
+var BaseButton = require('./BaseButton-f6eb6de1.js');
+var useTooltip = require('./useTooltip-8728f2ff.js');
 require('preact/hooks');
 var mergeProps = require('./mergeProps-e3da7237.js');
 require('./logger-2b636482.js');
-require('./LayerHost-f1a1533f.js');
+require('./LayerHost-aee0e070.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 var useButtonSetContext = require('./useButtonSetContext-a2f31c8e.js');
 var ToggleButtonLabel = require('./ToggleButtonLabel-cd470bcb.js');
 var toggleButtonUtils = require('./toggleButtonUtils-245111a7.js');

package/cjs/Center-1098ae1b.js

@@ -0,0 +1,18 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var Flex = require('./Flex-6ca216a7.js');
+
+/**
+ * Center is a convenience component that creates a flexbox
+ * with justifyContent: center and alignItems: center.
+ *
+ */
+// TODO: How do I add background-color, border, etc?
+function Center({ children, width = '100%', height = '100%', ...props }) {
+    return (jsxRuntime.jsx(Flex.Flex, { ...props, justify: "center", align: "center", width: width, height: height, children: children }));
+}
+
+exports.Center = Center;
+//# sourceMappingURL=Center-1098ae1b.js.map

package/cjs/Center-1098ae1b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center-1098ae1b.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["_jsx","Flex"],"mappings":";;;;;;AAQA;;;;AAIG;AACH;AACA,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAS,EAAA;IAC5E,QACEA,cAAC,CAAAC,SAAI,EAAK,EAAA,GAAA,KAAK,EAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAC1E,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ;;;;"}

package/cjs/Chart-376785c5.js

@@ -5,32 +5,32 @@ var jsxRuntime = require('preact/jsx-runtime');
 var PRIVATE_Chart_themes_ChartStyles_css = require('./PRIVATE_Chart/themes/ChartStyles.css.js');
 var TrackResizeContainer = require('./TrackResizeContainer-100be103.js');
 var useTextDimensions = require('./useTextDimensions-c8b41697.js');
-var useCssVars = require('./useCssVars-7a254269.js');
+var useCssVars = require('./useCssVars-cc025013.js');
 var hooks = require('preact/hooks');
-var Gridlines = require('./Gridlines-7e6b9ff9.js');
+var Gridlines = require('./Gridlines-3bdce0b7.js');
 var useId = require('./useId-6c0eeb27.js');
 var Axis = require('./Axis-2d648884.js');
 var useChartViewport = require('./useChartViewport-d2e8c46f.js');
 var utils = require('./utils-7c1b4abe.js');
 var useChartNav = require('./useChartNav-b079ab1e.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useSelectDrill = require('./useSelectDrill-fb3f1255.js');
-var useUser = require('./useUser-081e5bd5.js');
-var useTestId = require('./useTestId-15ee37d6.js');
+var useSelectDrill = require('./useSelectDrill-b818e267.js');
+var useUser = require('./useUser-f900ddf1.js');
+var useTestId = require('./useTestId-9093a54b.js');
 var cssUtils = require('./cssUtils-3318fbe2.js');
 var useChartContextMenu = require('./useChartContextMenu-a8c6d928.js');
 var useChartDnd = require('./useChartDnd-2c152d6b.js');
 var eventsUtils = require('./eventsUtils-d34f8647.js');
 require('./accUtils-5c7d3255.js');
 var layoutUtils = require('./layoutUtils-e52005dc.js');
-var useTooltip = require('./useTooltip-43bfe8a3.js');
+var useTooltip = require('./useTooltip-8728f2ff.js');
 require('./logger-2b636482.js');
-require('./LayerHost-f1a1533f.js');
+require('./LayerHost-aee0e070.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 var useChartMarquee = require('./useChartMarquee-02a04456.js');
 var useVisTouchResponse = require('./useVisTouchResponse-376e11d5.js');
 var stringUtils = require('./stringUtils-3e19c8af.js');
@@ -38,8 +38,8 @@ var useOverviewContext = require('./useOverviewContext-1732a3f1.js');
 var scale = require('./scale-9e43a5f6.js');
 var OverviewSlidingWindow = require('./OverviewSlidingWindow-09c08dc9.js');
 var PRIVATE_VisOverview_themes_VisOverview_css = require('./PRIVATE_VisOverview/themes/VisOverview.css.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var useChartDatatip = require('./useChartDatatip-488151ad.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
+var useChartDatatip = require('./useChartDatatip-76d4aeaa.js');
 var ScrollBar = require('./ScrollBar-76e58249.js');
 
 /**

package/cjs/CheckboxControl-3334a89b.js

@@ -10,22 +10,22 @@ var useFocus = require('./useFocus-1b288fb9.js');
 var classNames = require('./classNames-c14c6ef3.js');
 require('./TabbableModeContext-e99d527e.js');
 var useTabbableMode = require('./useTabbableMode-a275583f.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
 
 
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 require('preact/hooks');
-require('./Flex-a6d1c038.js');
+require('./Flex-6ca216a7.js');
 
 
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 require('preact');
 var useId = require('./useId-6c0eeb27.js');
-require('./LayerHost-f1a1533f.js');
+require('./LayerHost-aee0e070.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 
 require('./IconButton-217314e6.js');
 
@@ -39,13 +39,13 @@ require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.j
 require('./FormContext-d1d05967.js');
 require('./FormFieldContext-69fe83d2.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./Popup-91e33a1d.js');
+require('./Popup-080e8f67.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
 
 
 require('./UNSAFE_Label/themes/redwood/LabelVariants.css.js');
-var IconUserAssistance = require('./IconUserAssistance-65d6d06c.js');
+var IconUserAssistance = require('./IconUserAssistance-b0f33cac.js');
 var StyledCheckbox = require('./StyledCheckbox-4476f902.js');
 var UNSAFE_Checkbox_themes_redwood_CheckboxTheme = require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
 var useActive = require('./useActive-6770f917.js');

package/cjs/CheckboxRadioField-0a6614cc.js

@@ -4,8 +4,8 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var compat = require('preact/compat');
 var useCollectionFocusRing = require('./useCollectionFocusRing-7fcfe8f7.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
-var Flex = require('./Flex-a6d1c038.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
+var Flex = require('./Flex-6ca216a7.js');
 var Label = require('./Label-afee809f.js');
 var InlineHelp = require('./InlineHelp-8097a102.js');
 require('./logger-2b636482.js');
@@ -20,12 +20,12 @@ var InlineUserAssistance = require('./InlineUserAssistance-2fba4481.js');
 require('./UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js');
 require('preact');
 var utils = require('./utils-a66430fc.js');
-var useTestId = require('./useTestId-15ee37d6.js');
-require('./LayerHost-f1a1533f.js');
+var useTestId = require('./useTestId-9093a54b.js');
+require('./LayerHost-aee0e070.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-842e04c7.js');
+require('./tooltipUtils-ae48fed6.js');
 
 require('./IconButton-217314e6.js');
 
@@ -37,7 +37,7 @@ var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 
 require('./UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js');
 require('./FormFieldContext-69fe83d2.js');
-require('./Popup-91e33a1d.js');
+require('./Popup-080e8f67.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 

package/cjs/CheckboxRadioLabelValueLayout-20d3187e.js

@@ -12,7 +12,7 @@ var UNSAFE_RadioItem_themes_redwood_RadioTheme = require('./UNSAFE_RadioItem/the
 var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
 var UNSAFE_TextField_themes_redwood_FormLayoutTheme = require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');
 var UNSAFE_Checkbox_themes_redwood_CheckboxTheme = require('./UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js');
-var StyledLabelValueLayout = require('./StyledLabelValueLayout-dd89f379.js');
+var StyledLabelValueLayout = require('./StyledLabelValueLayout-d7705c97.js');
 
 var formControlUtils = require('./formControlUtils-3a7c7b5d.js');
 

package/cjs/Chip-6d729286.js

@@ -9,7 +9,7 @@ var useTabbableMode = require('./useTabbableMode-a275583f.js');
 var UNSAFE_Chip_themes_ChipStyles_css = require('./UNSAFE_Chip/themes/ChipStyles.css.js');
 var useInteractionStyle = require('./useInteractionStyle-c203a8a0.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useTestId = require('./useTestId-15ee37d6.js');
+var useTestId = require('./useTestId-9093a54b.js');
 
 function Chip({ isSelected, isDisabled, 'aria-label': accessibleLabel, children, testId, onToggle }) {
     const handleAction = hooks.useCallback(() => {

package/cjs/ClearIcon-dc495fdb.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
 var IconButton = require('./IconButton-217314e6.js');
 var DeleteCircleS = require('./DeleteCircleS-22f4182c.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');

package/cjs/CollapseIcon-7612943e.js

@@ -3,7 +3,7 @@
 
 var ChevronRight = require('./ChevronRight-2019bb77.js');
 var ChevronLeft = require('./ChevronLeft-54f429b3.js');
-var withDirectionIcon = require('./withDirectionIcon-574c8e58.js');
+var withDirectionIcon = require('./withDirectionIcon-edb93142.js');
 
 /**
  * @license

package/cjs/ColorPalette-e7a19a35.js

@@ -0,0 +1,83 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var compat = require('preact/compat');
+var hooks = require('preact/hooks');
+var ColorSwatch = require('./ColorSwatch-8410a4cd.js');
+var swatchData = require('./swatchData-17c1d335.js');
+var Flex = require('./Flex-6ca216a7.js');
+var useTestId = require('./useTestId-9093a54b.js');
+var dimensions = require('./dimensions-2fcc0acf.js');
+var padding = require('./padding-398f986c.js');
+var colors = require('./colors-2f2afb62.js');
+var aria = require('./aria-889aedd0.js');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var resources_nls_en_bundle = require('./resources/nls/en/bundle.js');
+var SwatchFlexView = require('./SwatchFlexView-aeaf6c3e.js');
+
+const interpolations = [
+    ...Object.values(dimensions.dimensionInterpolations),
+    ...Object.values(colors.colorInterpolations),
+    ...Object.values(aria.ariaInterpolations),
+    ...Object.values(padding.paddingInterpolations)
+];
+const mergedInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
+/**
+ * A Color Palette is an interface that displays a variety of color swatches allowing
+ * users to select a color value.
+ *
+ * @param {ColorPaletteProps} props ColorPalette component props.
+ * @returns {JSX.Element} ColorPalette component element.
+ */
+const ColorPalette = compat.forwardRef(({ value, swatchSize = 'sm', palette, onCommit, testId, ...props }, focusHandleRef) => {
+    const { class: mergedClasses, ariaLabel, ariaLabelledBy, ...mergedStyles } = mergedInterpolations(props);
+    const rootRef = hooks.useRef(null);
+    const testIdProps = useTestId.useTestId(testId);
+    const colorPaletteTranslated = resources_nls_en_bundle["default"].accColorPalette();
+    const [current, setCurrent] = compat.useState(undefined);
+    const [selected, setSelected] = compat.useState({
+        all: false,
+        keys: new Set([value ?? undefined])
+    });
+    compat.useEffect(() => {
+        setSelected({
+            all: false,
+            keys: new Set([swatchData.parseColorValue(value ?? undefined)])
+        });
+    }, [value]);
+    compat.useEffect(() => { }, [selected]); // redraw when selection occurs
+    const getRowKey = (data) => {
+        return data;
+    };
+    //Allows to call focus on rootRef without having to expose it
+    compat.useImperativeHandle(focusHandleRef, () => ({
+        focus: () => {
+            if (rootRef.current) {
+                rootRef.current.focus();
+            }
+        },
+        blur: () => {
+            if (rootRef.current) {
+                rootRef.current.blur();
+            }
+        }
+    }));
+    const dropdownStyle = {
+        width: '100%',
+        height: '100%'
+    };
+    return (jsxRuntime.jsx("div", { "aria-labelledby": ariaLabelledBy, className: mergedClasses, style: dropdownStyle, ...testIdProps, ...mergedStyles, children: jsxRuntime.jsx(Flex.Flex, { align: "center", children: jsxRuntime.jsx(SwatchFlexView.SwatchFlexView, { ref: rootRef, "aria-label": ariaLabel ? ariaLabel : colorPaletteTranslated, focusBehavior: "content", data: palette ? swatchData.convertPalette(swatchData.sortPalette(palette)) : null, getRowKey: getRowKey, currentKey: current, onCurrentKeyChange: (detail) => {
+                    setCurrent(detail.value);
+                }, selectedKeys: selected, children: (context) => (jsxRuntime.jsx(ColorSwatch.ColorSwatch, { size: swatchSize, testId: testId + '_palette' + '_colorSwatch_' + context.data, "aria-hidden": true, value: context.data, onToggle: () => {
+                        onCommit?.({
+                            value: context.data,
+                            previousValue: selected.keys?.values().next().value
+                        });
+                        setSelected({ all: false, keys: new Set([context.data]) });
+                    }, isSelected: selected.keys?.has(context.data) })) }) }) }));
+});
+ColorPalette.displayName = 'ColorPalette';
+
+exports.ColorPalette = ColorPalette;
+//# sourceMappingURL=ColorPalette-e7a19a35.js.map

package/cjs/ColorPalette-e7a19a35.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette-e7a19a35.js","sources":["../../src/UNSAFE_ColorPalette/ColorPalette.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 { useState, useEffect, forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { SwatchFlexView } from '#PRIVATE_SwatchFlexView';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { parseColorValue, type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex/Flex';\nimport { Keys } from '#utils/UNSAFE_keys';\nimport { ListItemRendererContext } from '#UNSAFE_Collection';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { sortPalette, convertPalette } from '#utils/UNSAFE_color';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport translations from '#resources/nls/en/bundle';\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\nexport type ColorPaletteProps = StyleProps &\n  TestIdProps & {\n    /**\n     * The selected color of the palette\n     */\n    value?: ColorValue;\n\n    /**\n     * The swatch size indicates how large the color swatches are rendered.\n     */\n    swatchSize?: 'xs' | 'sm';\n\n    /**\n     * An array of colors for the palette\n     */\n    palette?: Array<ColorValue>;\n\n    /**\n     * Invoked when a swatch is toggled\n     */\n    onCommit?: (details: ValueUpdateDetail<ColorValue>) => void;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<ColorPaletteProps>(interpolations);\n\n/**\n * A Color Palette is an interface that displays a variety of color swatches allowing\n * users to select a color value.\n *\n * @param {ColorPaletteProps} props ColorPalette component props.\n * @returns {JSX.Element} ColorPalette component element.\n */\nexport const ColorPalette = forwardRef(\n  (\n    { value, swatchSize = 'sm', palette, onCommit, testId, ...props }: ColorPaletteProps,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(props);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const testIdProps = useTestId(testId);\n    const colorPaletteTranslated = translations.accColorPalette();\n\n    const [current, setCurrent] = useState<string | undefined>(undefined);\n    const [selected, setSelected] = useState<Keys<string | number>>({\n      all: false,\n      keys: new Set([(value as string) ?? undefined])\n    });\n\n    useEffect(() => {\n      setSelected({\n        all: false,\n        keys: new Set([parseColorValue(value ?? undefined)])\n      });\n    }, [value]);\n\n    useEffect(() => {}, [selected]); // redraw when selection occurs\n\n    const getRowKey = (data: unknown) => {\n      return data as string;\n    };\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const dropdownStyle = {\n      width: '100%',\n      height: '100%'\n    };\n\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        className={mergedClasses}\n        style={dropdownStyle}\n        {...testIdProps}\n        {...mergedStyles}>\n        <Flex align=\"center\">\n          <SwatchFlexView\n            ref={rootRef}\n            aria-label={ariaLabel ? ariaLabel : colorPaletteTranslated}\n            focusBehavior=\"content\"\n            data={palette ? convertPalette(sortPalette(palette)) : null}\n            getRowKey={getRowKey}\n            currentKey={current}\n            onCurrentKeyChange={(detail) => {\n              setCurrent(detail.value as string);\n            }}\n            selectedKeys={selected}>\n            {(context: ListItemRendererContext<string | number, unknown>) => (\n              <ColorSwatch\n                size={swatchSize}\n                testId={testId + '_palette' + '_colorSwatch_' + context.data}\n                aria-hidden={true}\n                value={context.data as ColorValue}\n                onToggle={() => {\n                  onCommit?.({\n                    value: context.data as ColorValue,\n                    previousValue: selected.keys?.values().next().value as ColorValue\n                  });\n                  setSelected({ all: false, keys: new Set([context.data as string]) });\n                }}\n                isSelected={selected.keys?.has(context.data as string)}></ColorSwatch>\n            )}\n          </SwatchFlexView>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nColorPalette.displayName = 'ColorPalette';\n"],"names":["dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergeInterpolations","forwardRef","useRef","useTestId","translations","useState","useEffect","parseColorValue","useImperativeHandle","_jsx","Flex","SwatchFlexView","convertPalette","sortPalette","ColorSwatch"],"mappings":"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"}