@oracle/oraclejet-preact 19.0.6 → 19.0.7

package/cjs/BaseButton-d48ce138.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-d48ce138.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":";;;;;;;;;;;;;;;;;;AA0JA,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAACA,kCAAuB,CAAC,CAAC,CAAC;AACnE,MAAM,mBAAmB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAEvE,MAAM,WAAW,GAAGC,4BAAc,EAAE,CAAC;AACrC;AACA,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,KAAK,KAAK,GAAG,EAAE,YAAY,EAAE,eAAc,EAAE,GAAG,EAAE,CAAC;AACxF,MAAM,QAAQ,GAAGA,4BAAc,EAAE,CAAC,YAAY,KAAK,QAAQ,CAAC;AAE/C,MAAA,UAAU,GAAGC,iBAAU,CAClC,CACE,EACE,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EACzD,OAAO,GAAG,CAAC,SAAS,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,MAAM,EACN,GAAG,KAAK,EACF,EACR,GAAsB,KACpB;AACF,IAAA,MAAM,QAAQ,GAAG,CAAC,IAAoB,KAAI;QACxC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,KAAC,CAAC;IACF,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAGC,0BAAc,CAAC,KAAK,CAAC,CAAC;AAC9D,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,iBAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpE,IAAA,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAGC,mBAAS,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC;AACpD,QAAA,GAAG,KAAK;AACR,QAAA,GAAG,gBAAgB;AACpB,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC;AACxC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,MAAM,CAAC;AACrC,IAAA,MAAM,WAAW,GAAGC,6BAAc,EAAE,CAAC;AAErC,IAAA,MAAM,EAAE,cAAc,EAAE,GAAGC,mCAAiB,CAA2BC,uEAAsB,EAAE;QAC7F,IAAI;QACJ,OAAO;AACP,QAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,GAAG,aAAa;AAC7D,QAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,GAAG,aAAa;AAC7D,QAAA,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,aAAa,GAAG,cAAc;AACjE,QAAA,mBAAmB,EAAE,QAAQ,CAAC,qBAAqB,CAAC;AAClD,cAAE,uBAAuB;AACzB,cAAE,wBAAwB;AAC5B,QAAA,iBAAiB,EAAE,QAAQ,CAAC,mBAAmB,CAAC;AAC9C,cAAE,qBAAqB;AACvB,cAAE,sBAAsB;AAC1B,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,eAAe,GAAG,gBAAgB;AACzE,QAAA,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,eAAe,GAAG,gBAAgB;AACpE,QAAA,aAAa,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AAC5E,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,iBAAiB;AAC7E,QAAA,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,SAAS;AAC7C,QAAA,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ;QACzC,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,IAAI;QACJ,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU;QACvC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;AACnC,QAAA,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,cAAc,GAAG,eAAe;AACrE,QAAA,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,aAAa,GAAG,cAAc;AACjE,QAAA,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,WAAW;AAC/D,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,kBAAkB,EAAE,QAAQ,CAAC,oBAAoB,CAAC;AAChD,cAAE,sBAAsB;AACxB,cAAE,uBAAuB;QAC3B,WAAW;AACZ,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,aAAa,GAAG;QACpB,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;IAEF,MAAM,WAAW,GAAGC,qBAAU,CAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,WAAW,EACxC,gBAAgB,EAChB,aAAa,CACd,CAAC;IAEF,MAAM,cAAc,GAAGC,qBAAU,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;IAEzD,QACEC,cAAC,CAAAC,qBAAU,EACT,EAAA,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,IAAI,UAAU,EACpC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EACd,GAAA,SAAS,EACT,GAAA,WAAW,EACd,QAAA,EAAA,KAAK,CAAC,QAAQ,EACJ,CAAA,EACb;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/cjs/Button-fd334204.js

@@ -1,24 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var BaseButton = require('./BaseButton-d48ce138.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-fd334204.js.map

package/cjs/Button-fd334204.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-fd334204.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/Center-1098ae1b.js

@@ -1,18 +0,0 @@
-/* @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

@@ -1 +0,0 @@
-{"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/ColorPalette-ea5e1bed.js

@@ -1,83 +0,0 @@
-/* @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-590183e3.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-ea5e1bed.js.map

package/cjs/ColorPalette-ea5e1bed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPalette-ea5e1bed.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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"}

package/cjs/ColorPicker-e3c74415.js

@@ -1,25 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var useTestId = require('./useTestId-9093a54b.js');
-var UNSAFE_ColorPicker_themes_ColorPickerContract_css = require('./UNSAFE_ColorPicker/themes/ColorPickerContract.css.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var UNSAFE_ColorPicker_themes_redwood_ColorPickerTheme = require('./UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme.js');
-var compat = require('preact/compat');
-var Flex = require('./Flex-6ca216a7.js');
-var clientUtils = require('./clientUtils-ef5e20ce.js');
-var ColorPalette = require('./ColorPalette-ea5e1bed.js');
-
-/**
- * A ColorPicker is a component that allows users to select a single color.
- */
-const ColorPicker = compat.forwardRef(({ swatchSize = 'xs', palette, height, maxWidth, value, testId, width, onCommit }, pickerRef) => {
-    // we need to render the baseTheme on the root dom element so that the CSS vars in colorPickerPropVars will be defined.
-    const { classes } = useComponentTheme.useComponentTheme(UNSAFE_ColorPicker_themes_redwood_ColorPickerTheme.ColorPickerRedwoodTheme);
-    const testIdProps = useTestId.useTestId(testId);
-    return (jsxRuntime.jsx("div", { ref: pickerRef, class: classes, ...testIdProps, children: jsxRuntime.jsx(Flex.Flex, { direction: "column", height: height === 'auto' ? undefined : clientUtils.isMobile() ? undefined : UNSAFE_ColorPicker_themes_ColorPickerContract_css.colorPickerPropVars.maxHeight, maxWidth: maxWidth !== undefined ? maxWidth : clientUtils.isMobile() ? '100%' : UNSAFE_ColorPicker_themes_ColorPickerContract_css.colorPickerPropVars.maxWidth, width: width !== undefined ? width : UNSAFE_ColorPicker_themes_ColorPickerContract_css.colorPickerPropVars.width, children: jsxRuntime.jsx(ColorPalette.ColorPalette, { palette: palette, swatchSize: swatchSize, value: value, testId: testId ? testId + '_picker' : undefined, onCommit: onCommit }) }) }));
-});
-
-exports.ColorPicker = ColorPicker;
-//# sourceMappingURL=ColorPicker-e3c74415.js.map

package/cjs/ColorPicker-e3c74415.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker-e3c74415.js","sources":["../../src/UNSAFE_ColorPicker/ColorPicker.tsx"],"sourcesContent":["// import { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { colorPickerPropVars } from './themes/ColorPickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ColorPickerRedwoodTheme } from './themes/redwood/ColorPickerTheme';\nimport { ColorPalette } from '#UNSAFE_ColorPalette';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ComponentProps } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\n\ntype ColorPaletteProps = ComponentProps<typeof ColorPalette>;\ntype PickedPropsFromColorPalette = Pick<ColorPaletteProps, 'swatchSize' | 'palette'>;\n\ntype Props = TestIdProps &\n  PickedPropsFromColorPalette & {\n    /**\n     * The selected color\n     */\n    value?: ColorValue;\n\n    /**\n     * When property is set to \"auto\", the color picker will automatically adjust to the height of the palette.\n     * This is mainly to be used in conjunction with InputColor.\n     * <p>If not specified, defaults to the theme specified height.<br/>\n     */\n    height?: 'auto';\n\n    /**\n     * Specifies the component style maxWidth.\n     * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n     * This attribute accepts values of type:<br/>\n     * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n     * <p>When this component is used in composition and the component should take up 100% of the parent container's\n     * width, set maxWidth to '100%'.<br/>\n     * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    maxWidth?: Size;\n\n    /**\n     * Specifies the component style width.\n     * <p>If not specified, defaults to '100%'.</p>\n     * <p>This attribute accepts values of type:</p>\n     * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n     * <br/>\n     * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    width?: Size;\n\n    /**\n     * Callback invoked when the user selects a color in the Palette. This callback is called even when the previous\n     * value and the value are the same, that is, when the user selects an already selected color.\n     * The app needs to handle this to write back the controlled 'value' property, or else no color will be shown\n     * to be selected.\n     */\n    onCommit: (detail: ValueUpdateDetail<ColorValue>) => void;\n  };\n\n/**\n * A ColorPicker is a component that allows users to select a single color.\n */\nexport const ColorPicker = forwardRef(\n  (\n    { swatchSize = 'xs', palette, height, maxWidth, value, testId, width, onCommit }: Props,\n    pickerRef?: ForwardedRef<HTMLDivElement>\n  ) => {\n    // we need to render the baseTheme on the root dom element so that the CSS vars in colorPickerPropVars will be defined.\n    const { classes } = useComponentTheme(ColorPickerRedwoodTheme);\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div ref={pickerRef} class={classes} {...testIdProps}>\n        <Flex\n          direction=\"column\"\n          height={\n            height === 'auto' ? undefined : isMobile() ? undefined : colorPickerPropVars.maxHeight\n          }\n          maxWidth={\n            maxWidth !== undefined ? maxWidth : isMobile() ? '100%' : colorPickerPropVars.maxWidth\n          }\n          width={width !== undefined ? width : colorPickerPropVars.width}>\n          <ColorPalette\n            palette={palette}\n            swatchSize={swatchSize}\n            value={value}\n            testId={testId ? testId + '_picker' : undefined}\n            onCommit={onCommit}></ColorPalette>\n        </Flex>\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","useComponentTheme","ColorPickerRedwoodTheme","useTestId","_jsx","Flex","isMobile","colorPickerPropVars","ColorPalette"],"mappings":";;;;;;;;;;;;;AA+DA;;AAEG;AACI,MAAM,WAAW,GAAGA,iBAAU,CACnC,CACE,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAS,EACvF,SAAwC,KACtC;;IAEF,MAAM,EAAE,OAAO,EAAE,GAAGC,mCAAiB,CAACC,0EAAuB,CAAC,CAAC;AAE/D,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,QACEC,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAM,GAAA,WAAW,EAClD,QAAA,EAAAA,cAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,MAAM,EACJ,MAAM,KAAK,MAAM,GAAG,SAAS,GAAGC,oBAAQ,EAAE,GAAG,SAAS,GAAGC,qEAAmB,CAAC,SAAS,EAExF,QAAQ,EACN,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAGD,oBAAQ,EAAE,GAAG,MAAM,GAAGC,qEAAmB,CAAC,QAAQ,EAExF,KAAK,EAAE,KAAK,KAAK,SAAS,GAAG,KAAK,GAAGA,qEAAmB,CAAC,KAAK,EAAA,QAAA,EAC9DH,cAAC,CAAAI,yBAAY,EACX,EAAA,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,EAC/C,QAAQ,EAAE,QAAQ,EAAiB,CAAA,EAAA,CAChC,EACH,CAAA,EACN;AACJ,CAAC;;;;"}

package/cjs/CompactLabelAssistance-d5bbeb5e.js

@@ -1,95 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var useTooltip = require('./useTooltip-8728f2ff.js');
-var hooks = require('preact/hooks');
-require('./logger-2b636482.js');
-require('./LayerHost-aee0e070.js');
-require('preact/compat');
-var classNames = require('./classNames-c14c6ef3.js');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-ae48fed6.js');
-var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-a275583f.js');
-var Help = require('./Help-73155cca.js');
-var Popup = require('./Popup-080e8f67.js');
-var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
-var UNSAFE_UserAssistance_themes_UserAssistanceStyles_css = require('./UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redwood/LabelTheme.js');
-
-function usePopupFocusWithin() {
-    const ref = hooks.useRef(null);
-    const { focusProps, isFocused } = useFocusWithin.useFocusWithin();
-    const onTransitionEnd = hooks.useCallback((isAfterOpen) => {
-        if (isAfterOpen) {
-            if (focusProps.onFocusIn) {
-                ref.current?.addEventListener('focusin', focusProps.onFocusIn, false);
-            }
-            if (focusProps.onFocusOut) {
-                ref.current?.addEventListener('focusout', focusProps.onFocusOut, false);
-            }
-        }
-        else {
-            if (focusProps.onFocusIn) {
-                ref.current?.removeEventListener('focusin', focusProps.onFocusIn, false);
-            }
-            if (focusProps.onFocusOut) {
-                ref.current?.removeEventListener('focusout', focusProps.onFocusOut, false);
-            }
-        }
-    }, [focusProps.onFocusIn, focusProps.onFocusOut, ref]);
-    return {
-        isFocused,
-        popupProps: {
-            onTransitionEnd,
-            ref
-        }
-    };
-}
-
-function CompactHelpSource({ children, id, labelEdge, source }) {
-    const [isOver, setOver] = hooks.useState(false);
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const userAssistance_learnMoreStr = translations.userAssistance_learnMore();
-    const { isTabbable, tabbableModeProps } = useTabbableMode.useTabbableMode();
-    const flip = { mainAxis: true, crossAxis: false };
-    // TODO: Implement and use a preact Link component instead of using an anchor tag
-    const anchorRef = hooks.useRef(null);
-    const text = children ?? userAssistance_learnMoreStr;
-    // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list
-    // so that we pick up the definitions for the labelVars we are using.
-    const { baseTheme: labelBaseTheme } = useComponentTheme.useComponentTheme(UNSAFE_Label_themes_redwood_LabelTheme.LabelRedwoodTheme);
-    const styles = classNames.classNames([
-        labelBaseTheme,
-        UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.helpIconBase,
-        labelEdge === 'start' && UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.helpIconLabelEdgeStart
-    ]);
-    const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();
-    const isOpen = isOver === true || isPopupFocused === true;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("a", { target: "_blank", ...(source && { href: source }), "aria-label": text, class: styles, id: id, ref: anchorRef, role: "link", onMouseEnter: () => setOver(true), onMouseLeave: () => setOver(false), onFocus: () => setOver(true), onBlur: () => setOver(false), ...(!isTabbable ? tabbableModeProps : { tabIndex: 0 }), children: jsxRuntime.jsx(Help.SvgHelp, {}) }), jsxRuntime.jsx(Popup.Popup, { ...popupProps, placement: "end-top-corner", isOpen: isOpen, anchorRef: anchorRef, flipOptions: flip, role: "tooltip", maxWidth: '296px', children: jsxRuntime.jsx("div", { class: UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.helpContentStyles, children: text }) })] }));
-}
-
-const CompactLabelAssistance = ({ helpIconId, helpSourceLink, helpSourceText, isRequiredShown, labelEdge }) => {
-    const translations = useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const requiredStr = translations.userAssistance_required();
-    const { tooltipContent, tooltipProps } = useTooltip.useTooltip({
-        text: requiredStr,
-        offset: { mainAxis: 8 }
-    });
-    const requiredStyles = classNames.classNames([
-        UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.requiredIconBase,
-        labelEdge === 'start' && UNSAFE_UserAssistance_themes_UserAssistanceStyles_css.requiredIconLabelEdgeStart
-    ]);
-    const requiredIndicator = isRequiredShown && (jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("span", { class: requiredStyles, ...tooltipProps }), tooltipContent] }));
-    const helpIndicator = (helpSourceLink || helpSourceText) && (jsxRuntime.jsx(CompactHelpSource, { id: helpIconId, labelEdge: labelEdge, source: helpSourceLink, children: helpSourceText }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [labelEdge !== 'start' && requiredIndicator, helpIndicator, labelEdge === 'start' && requiredIndicator] }));
-};
-
-exports.CompactLabelAssistance = CompactLabelAssistance;
-exports.usePopupFocusWithin = usePopupFocusWithin;
-//# sourceMappingURL=CompactLabelAssistance-d5bbeb5e.js.map

package/cjs/CompactLabelAssistance-d5bbeb5e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactLabelAssistance-d5bbeb5e.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onFocusIn) {\n          ref.current?.addEventListener('focusin', focusProps.onFocusIn, false);\n        }\n        if (focusProps.onFocusOut) {\n          ref.current?.addEventListener('focusout', focusProps.onFocusOut, false);\n        }\n      } else {\n        if (focusProps.onFocusIn) {\n          ref.current?.removeEventListener('focusin', focusProps.onFocusIn, false);\n        }\n        if (focusProps.onFocusOut) {\n          ref.current?.removeEventListener('focusout', focusProps.onFocusOut, false);\n        }\n      }\n    },\n    [focusProps.onFocusIn, focusProps.onFocusOut, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        {...(source && { href: source })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        role=\"tooltip\"\n        maxWidth={'296px'}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["useRef","useFocusWithin","useCallback","useState","useTranslationBundle","useTabbableMode","useComponentTheme","LabelRedwoodTheme","classNames","helpIconBase","helpIconLabelEdgeStart","_jsxs","_Fragment","_jsx","HelpIcon","Popup","helpContentStyles","useTooltip","requiredIconBase","requiredIconLabelEdgeStart"],"mappings":"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"}