@oracle/oraclejet-preact 20.0.3 → 20.1.0

package/cjs/ToggleButton-5ebfe20e.js

@@ -1,30 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var BaseButton = require('./BaseButton-d8f96bfa.js');
-var useToggleAction = require('./useToggleAction-e4f15550.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-var toggleButtonUtils = require('./toggleButtonUtils-245111a7.js');
-var buttonUtils = require('./buttonUtils-dff2ea3e.js');
-var ToggleButtonLabel = require('./ToggleButtonLabel-c8f36317.js');
-
-/**
- * ToggleButtons direct users to toggle a state with a single tap, click, or keystroke.
- */
-const ToggleButton = compat.forwardRef(({ startIcon, endIcon, variant = 'outlined', size = 'md', isDisabled = false, isSelected = false, onToggle, display = 'all', autofocus, testId, label, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width, ...props }, ref) => {
-    const { globalEventProps } = buttonUtils.processGlobals(props);
-    const labelOnly = (!startIcon && !endIcon) || display === 'label';
-    const { triggerProps } = useToggleAction.useToggleAction({
-        isDisabled: isDisabled,
-        onToggle: onToggle
-    });
-    const styling = toggleButtonUtils.toggleStyling('auto', isSelected, false, false, variant === 'outlined', undefined, labelOnly, false, true);
-    const ariaProps = { 'aria-describedby': ariaDescribedBy };
-    return (jsxRuntime.jsx(BaseButton.BaseButton, { ...mergeProps.mergeProps(triggerProps, globalEventProps, ariaProps), ref: ref, variant: variant, isDisabled: isDisabled, size: size, width: width, "aria-pressed": isSelected, autofocus: autofocus, styling: styling, "aria-label": accessibleLabel ?? label, testId: testId, ...globalEventProps, children: jsxRuntime.jsx(ToggleButtonLabel.ToggleButtonLabel, { onAction: () => onToggle?.({ value: isSelected }), label: label, size: size, isDisabled: isDisabled, display: display, startIcon: startIcon, endIcon: endIcon }) }));
-});
-ToggleButton.displayName = 'ToggleButton';
-
-exports.ToggleButton = ToggleButton;
-//# sourceMappingURL=ToggleButton-5ebfe20e.js.map

package/cjs/ToggleButton-5ebfe20e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton-5ebfe20e.js","sources":["../../src/UNSAFE_ToggleButton/ToggleButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef, ElementRef } from 'preact/compat';\n\nimport { BaseButton } from '#UNSAFE_BaseButton';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { useToggleAction, ToggleDetail } from '#hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { toggleStyling, processGlobals } from '#utils/UNSAFE_buttonUtils';\nimport { ToggleButtonLabel } from '#UNSAFE_ToggleButtonLabel';\nimport type { ButtonIntrinsicProps } from '#utils/UNSAFE_buttonUtils';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\nexport type ToggleButtonProps = ButtonIntrinsicProps &\n  WidthProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon. This should not vary depending on state.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon. This should not vary depending on state.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the togglebutton element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * label - togglebutton 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 togglebutton has chrome (background and border).\n     *     \"borderless\"': \"Borderless togglebuttons are a more prominent variation. Borderless\n     * togglebuttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined togglebuttons are salient, but lighter weight than\n     * solid togglebuttons. Outlined togglebuttons are useful for secondary actions.\",\n     */\n    variant?: 'outlined' | 'borderless';\n\n    /**\n     * The size indicates how large the togglebutton is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Specifies if the toggle button is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the togglebutton.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the togglebutton.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * ToggleButtons direct users to toggle a state with a single tap, click, or keystroke.\n */\nexport const ToggleButton = forwardRef(\n  (\n    {\n      startIcon,\n      endIcon,\n      variant = 'outlined',\n      size = 'md',\n      isDisabled = false,\n      isSelected = false,\n      onToggle,\n      display = 'all',\n      autofocus,\n      testId,\n      label,\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: ToggleButtonProps,\n    ref: ForwardedRef<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const { triggerProps } = useToggleAction({\n      isDisabled: isDisabled,\n      onToggle: onToggle\n    });\n\n    const styling = toggleStyling(\n      'auto',\n      isSelected,\n      false,\n      false,\n      variant === 'outlined',\n      undefined,\n      labelOnly,\n      false,\n      true\n    );\n\n    const ariaProps = { 'aria-describedby': ariaDescribedBy };\n\n    return (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps, ariaProps)}\n        ref={ref}\n        variant={variant}\n        isDisabled={isDisabled}\n        size={size}\n        width={width}\n        aria-pressed={isSelected}\n        autofocus={autofocus}\n        styling={styling}\n        aria-label={accessibleLabel ?? label}\n        testId={testId}\n        {...globalEventProps}>\n        <ToggleButtonLabel\n          onAction={() => onToggle?.({ value: isSelected })}\n          label={label}\n          size={size}\n          isDisabled={isDisabled}\n          display={display}\n          startIcon={startIcon}\n          endIcon={endIcon}></ToggleButtonLabel>\n      </BaseButton>\n    );\n  }\n);\n\nToggleButton.displayName = 'ToggleButton';\n"],"names":["forwardRef","processGlobals","useToggleAction","toggleStyling","_jsx","BaseButton","mergeProps","ToggleButtonLabel"],"mappings":";;;;;;;;;;;;AAuFA;;AAEG;AACU,MAAA,YAAY,GAAGA,iBAAU,CACpC,CACE,EACE,SAAS,EACT,OAAO,EACP,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,SAAS,EACT,MAAM,EACN,KAAK,EACL,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,GAAG,KAAK,EACU,EACpB,GAA+B,KAC7B;IACF,MAAM,EAAE,gBAAgB,EAAE,GAAGC,0BAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;AAClE,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,+BAAe,CAAC;AACvC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA,CAAC,CAAC;IAEH,MAAM,OAAO,GAAGC,+BAAa,CAC3B,MAAM,EACN,UAAU,EACV,KAAK,EACL,KAAK,EACL,OAAO,KAAK,UAAU,EACtB,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,CACL,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;IAE1D,QACEC,eAACC,qBAAU,EAAA,EAAA,GACLC,qBAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,kBACE,UAAU,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EACJ,YAAA,EAAA,eAAe,IAAI,KAAK,EACpC,MAAM,EAAE,MAAM,EAAA,GACV,gBAAgB,EACpB,QAAA,EAAAF,cAAA,CAACG,mCAAiB,EAChB,EAAA,QAAQ,EAAE,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EACjD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAAA,CAAsB,EAC7B,CAAA,EACb;AACJ,CAAC,EACD;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/cjs/ToggleButtonLabel-c8f36317.js

@@ -1,73 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var preact = require('preact');
-var ButtonLabelLayout = require('./ButtonLabelLayout-c876923f.js');
-var useId = require('./useId-6c0eeb27.js');
-var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var usePress = require('./usePress-886180e4.js');
-var UNSAFE_BaseButton_themes_BaseButtonStyles_css = require('./UNSAFE_BaseButton/themes/BaseButtonStyles.css.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var mergeProps = require('./mergeProps-e3da7237.js');
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
-
-const ToggleButtonInput = ({ isDisabled, isChecked, isSwitch, inputName, inputType, value, inputId, startIcon, endIcon, display, onAction, size, label, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart }) => {
-    const { pressProps } = usePress.usePress((e) => {
-        onAction?.(e);
-    });
-    const { tabbableModeProps } = useTabbableMode.useTabbableMode(isDisabled);
-    const onKeyDown = (event) => {
-        const key = event.key;
-        switch (key) {
-            case 'ArrowLeft':
-            case 'ArrowRight': {
-                event.preventDefault();
-                break;
-            }
-        }
-    };
-    const keyProps = { onKeyDown };
-    const mergedProps = mergeProps.mergeProps(pressProps, tabbableModeProps, keyProps);
-    const inputElement = (jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: jsxRuntime.jsx("input", { ...(isSwitch ? { role: 'switch' } : {}), type: inputType, checked: isChecked, name: inputName, value: value, disabled: isDisabled, ...mergedProps, id: inputId }) }));
-    const isLabel = (!startIcon && !endIcon) || display === 'label';
-    const isIcon = display === 'icons';
-    const wrapperClasses = classNames.classNames([
-        UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.inputLabel,
-        !isIcon ? UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.labelSizes[size ?? 'md'] : undefined,
-        !isLabel && UNSAFE_BaseButton_themes_BaseButtonStyles_css.styles.min
-    ]);
-    // For input types, must use labels and modify approach for button
-    return isLabel ? (jsxRuntime.jsxs("label", { for: inputId, class: wrapperClasses, onBlur: (event) => {
-            onBlur?.(event);
-        }, onFocus: (event) => {
-            onFocus?.(event);
-        }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart, children: [label, inputElement] })) : (jsxRuntime.jsxs("label", { for: inputId, class: wrapperClasses, onBlur: (event) => {
-            onBlur?.(event);
-        }, onFocus: (event) => {
-            onFocus?.(event);
-        }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart, children: [jsxRuntime.jsx(ButtonLabelLayout.ButtonLabelLayout, { display: display, startIcon: startIcon, endIcon: endIcon, size: size, children: label }), inputElement, display === 'icons' ? jsxRuntime.jsx(HiddenAccessible.HiddenAccessible, { children: label }) : undefined] }));
-};
-ToggleButtonInput.displayName = 'ToggleButtonInput';
-
-const ToggleButtonLabel = ({ isDisabled, isSelected, isToggle = true, inputName, inputType, value, startIcon, endIcon, display, onAction, size, label, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart }) => {
-    const isInput = inputType === 'radio' || inputType === 'checkbox';
-    const labelOnly = (!startIcon && !endIcon) || display === 'label';
-    // preact useId fails to be unique on storybook pages, each canvas starts from scratch
-    //const childId = useId() + '-' + (isInput ? inputName : '');
-    const childId = useId.useId();
-    const inputElement = isInput ? (jsxRuntime.jsx(ToggleButtonInput, { isSwitch: !isToggle, onAction: onAction, isChecked: isSelected, inputType: inputType, inputName: inputName, value: value, inputId: childId, isDisabled: isDisabled, label: label, display: display, startIcon: startIcon, endIcon: endIcon, size: size, onBlur: onBlur, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart })) : undefined;
-    if (!isInput) {
-        // For standalone toggles, no need for labels
-        return labelOnly ? (jsxRuntime.jsx(preact.Fragment, { children: label })) : (jsxRuntime.jsx(ButtonLabelLayout.ButtonLabelLayout, { display: display, startIcon: startIcon, endIcon: endIcon, size: size, children: label }));
-    }
-    else {
-        // For input types, must use labels and modify approach for button
-        return jsxRuntime.jsx(preact.Fragment, { children: inputElement });
-    }
-};
-ToggleButtonLabel.displayName = 'ToggleButtonLabel';
-
-exports.ToggleButtonLabel = ToggleButtonLabel;
-//# sourceMappingURL=ToggleButtonLabel-c8f36317.js.map

package/cjs/ToggleButtonLabel-c8f36317.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButtonLabel-c8f36317.js","sources":["../../src/UNSAFE_ToggleButtonLabel/ToggleButtonInput.tsx","../../src/UNSAFE_ToggleButtonLabel/ToggleButtonLabel.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 type { ComponentChildren, JSX } from 'preact';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { usePress } from '#hooks/UNSAFE_usePress';\nimport { ButtonLabelLayout } from '#UNSAFE_ButtonLabelLayout';\nimport { styles } from '#UNSAFE_BaseButton/themes/BaseButtonStyles.css';\nimport { classNames } from '#/utils/UNSAFE_classNames';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\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\nexport type Props = IntrinsicProps & {\n  /**\n   * Specifies that the button separator should be rendered disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies that the input is intended for use in a switch button\n   */\n  isSwitch?: boolean;\n\n  /**\n   * Specifies if input is checked or not, controlled pattern\n   */\n  isChecked?: boolean;\n\n  /**\n   * onAction is invoked when then input is pressed\n   */\n  onAction?: (event: Event) => void;\n\n  /**\n   * inputType specifies what type of input is needed\n   */\n  inputType?: 'radio' | 'checkbox';\n\n  /**\n   * inputName is the name of the radio or checkbox\n   */\n  inputName?: string;\n\n  /**\n   * value is the value of the radio or checkbox\n   */\n  value?: string;\n\n  /**\n   * inputId is the id used by the label\n   */\n  inputId?: string;\n\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   * Display indicates whether only the label or all elements should be rendered by the togglebutton.\n   */\n  display?: 'label' | 'all' | 'icons';\n\n  /**\n   * The size indicates how large the togglebutton is rendered.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * label - togglebutton label\n   */\n  label?: string;\n};\n\nexport const ToggleButtonInput = ({\n  isDisabled,\n  isChecked,\n  isSwitch,\n  inputName,\n  inputType,\n  value,\n  inputId,\n  startIcon,\n  endIcon,\n  display,\n  onAction,\n  size,\n  label,\n  onBlur,\n  onFocus,\n  onMouseEnter,\n  onMouseLeave,\n  onTouchEnd,\n  onTouchStart\n}: Props) => {\n  const { pressProps } = usePress((e) => {\n    onAction?.(e);\n  });\n  const { tabbableModeProps } = useTabbableMode(isDisabled);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'ArrowLeft':\n      case 'ArrowRight': {\n        event.preventDefault();\n        break;\n      }\n    }\n  };\n  const keyProps = { onKeyDown };\n\n  const mergedProps = mergeProps(pressProps, tabbableModeProps, keyProps);\n  const inputElement = (\n    <HiddenAccessible>\n      <input\n        {...(isSwitch ? { role: 'switch' } : {})}\n        type={inputType}\n        checked={isChecked}\n        name={inputName}\n        value={value}\n        disabled={isDisabled}\n        {...mergedProps}\n        id={inputId}></input>\n    </HiddenAccessible>\n  );\n\n  const isLabel = (!startIcon && !endIcon) || display === 'label';\n\n  const isIcon = display === 'icons';\n\n  const wrapperClasses = classNames([\n    styles.inputLabel,\n    !isIcon ? styles.labelSizes[size ?? 'md'] : undefined,\n    !isLabel && styles.min\n  ]);\n\n  // For input types, must use labels and modify approach for button\n  return isLabel ? (\n    <label\n      for={inputId}\n      class={wrapperClasses}\n      onBlur={(event) => {\n        onBlur?.(event);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}>\n      {label}\n      {inputElement}\n    </label>\n  ) : (\n    <label\n      for={inputId}\n      class={wrapperClasses}\n      onBlur={(event) => {\n        onBlur?.(event);\n      }}\n      onFocus={(event) => {\n        onFocus?.(event);\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}>\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n      {inputElement}\n      {display === 'icons' ? <HiddenAccessible>{label}</HiddenAccessible> : undefined}\n    </label>\n  );\n};\n\nToggleButtonInput.displayName = 'ToggleButtonInput';\n","/**\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 { type ComponentChildren, Fragment, type JSX } from 'preact';\nimport { ButtonLabelLayout } from '#UNSAFE_ButtonLabelLayout';\nimport { InputTypes, ToggleButtonTypes } from '#utils/UNSAFE_buttonUtils/toggle.types';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { ToggleButtonInput } from './ToggleButtonInput';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\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\nexport type ToggleButtonLabelProps = IntrinsicProps & {\n  /**\n   * Specifies that the button separator should be rendered disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if button is selected\n   */\n  isSelected?: boolean;\n\n  /**\n   * Specifies if button is toggle\n   */\n  isToggle?: boolean;\n\n  /**\n   * onAction is invoked when then input is pressed\n   */\n  onAction?: (event: Event) => void;\n\n  /**\n   * inputType specifies what type of input is needed\n   */\n  inputType?: ToggleButtonTypes;\n\n  /**\n   * inputName is the name of the radio or checkbox\n   */\n  inputName?: string;\n\n  /**\n   *  value is the value of the radio or checkbox\n   */\n  value?: string;\n\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   * Display indicates whether only the label or all elements should be rendered by the togglebutton.\n   */\n  display?: 'label' | 'all' | 'icons';\n\n  /**\n   * The size indicates how large the togglebutton is rendered.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * label - togglebutton label\n   */\n  label?: string;\n};\n\nexport const ToggleButtonLabel = ({\n  isDisabled,\n  isSelected,\n  isToggle = true,\n  inputName,\n  inputType,\n  value,\n  startIcon,\n  endIcon,\n  display,\n  onAction,\n  size,\n  label,\n  onBlur,\n  onFocus,\n  onMouseEnter,\n  onMouseLeave,\n  onTouchEnd,\n  onTouchStart\n}: ToggleButtonLabelProps) => {\n  const isInput = inputType === 'radio' || inputType === 'checkbox';\n  const labelOnly = (!startIcon && !endIcon) || display === 'label';\n\n  // preact useId fails to be unique on storybook pages, each canvas starts from scratch\n  //const childId = useId() + '-' + (isInput ? inputName : '');\n  const childId = useId();\n\n  const inputElement = isInput ? (\n    <ToggleButtonInput\n      isSwitch={!isToggle}\n      onAction={onAction}\n      isChecked={isSelected}\n      inputType={inputType as InputTypes}\n      inputName={inputName}\n      value={value}\n      inputId={childId}\n      isDisabled={isDisabled}\n      label={label}\n      display={display}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n    />\n  ) : undefined;\n\n  if (!isInput) {\n    // For standalone toggles, no need for labels\n    return labelOnly ? (\n      <Fragment>{label}</Fragment>\n    ) : (\n      <ButtonLabelLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLabelLayout>\n    );\n  } else {\n    // For input types, must use labels and modify approach for button\n    return <Fragment>{inputElement}</Fragment>;\n  }\n};\n\nToggleButtonLabel.displayName = 'ToggleButtonLabel';\n"],"names":["usePress","useTabbableMode","mergeProps","_jsx","HiddenAccessible","classNames","styles","_jsxs","ButtonLabelLayout","useId","Fragment"],"mappings":"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"}

package/cjs/TruncatingLink-867da10e.js

@@ -1,58 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var classNames = require('./classNames-c14c6ef3.js');
-var usePressClick = require('./usePressClick-7a34624a.js');
-var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useInteractionStyle = require('./useInteractionStyle-c203a8a0.js');
-var UNSAFE_Link_themes_redwood_LinkTheme = require('./UNSAFE_Link/themes/redwood/LinkTheme.js');
-require('./TabbableModeContext-e99d527e.js');
-var useTabbableMode = require('./useTabbableMode-dbd254e8.js');
-var useTestId = require('./useTestId-4f53d561.js');
-var useDetectTruncation = require('./useDetectTruncation-a5b9dd16.js');
-var useTooltip = require('./useTooltip-34accecc.js');
-var hooks = require('preact/hooks');
-var mergeProps = require('./mergeProps-e3da7237.js');
-require('./LayerHost-3cd73603.js');
-require('preact/compat');
-
-
-require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-2bc15136.js');
-var clientHints = require('./clientHints-c40c5250.js');
-var Text = require('./Text-056f1ec5.js');
-
-const noop = () => { };
-/**
- * TruncatingLink component creates a hyperlink that shows a tooltip and ellipsis at the end of text when truncated.
- */
-function TruncatingLink({ href, variant, placement = 'standalone', target, testId, 'aria-describedby': ariaDescribedBy, 'aria-label': accessibleLabel, 'aria-labelledby': ariaLabelledBy, onClick, isDisabled, lineClamp, children }) {
-    const { detectTruncationProps, isTextTruncated } = useDetectTruncation.useDetectTruncation();
-    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle.useInteractionStyle();
-    const clientHints$1 = clientHints.getClientHints();
-    const { classes } = useComponentTheme.useComponentTheme(UNSAFE_Link_themes_redwood_LinkTheme.LinkRedwoodTheme, {
-        needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',
-        pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',
-        variant,
-        placement,
-        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
-        truncatingLinkStyles: placement !== 'embedded' ? 'styles' : 'none',
-        truncatingLinkWhiteSpace: placement !== 'embedded' && !lineClamp ? 'nowrap' : 'none',
-        safariStyles: clientHints$1.browser === 'safari' ? 'isSafari' : 'notSafari'
-    });
-    const { isTabbable } = useTabbableMode.useTabbableMode();
-    const linkClasses = classNames.classNames([classes]);
-    const { pressProps } = usePressClick.usePressClick(onClick ?? noop);
-    const testIdProps = useTestId.useTestId(testId);
-    const [shownText] = hooks.useState(children || href);
-    const { tooltipContent, tooltipProps } = useTooltip.useTooltip({
-        text: shownText,
-        isDisabled: !isTextTruncated || isDisabled
-    });
-    const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("a", { ...mergeProps.mergeProps(validTooltipProps, detectTruncationProps, interactionProps, testIdProps, !isDisabled ? pressProps : {}), tabIndex: isTabbable && !isDisabled ? 0 : -1, href: !isDisabled ? href : undefined, "aria-describedby": ariaDescribedBy, "aria-label": accessibleLabel, "aria-labelledby": ariaLabelledBy, target: target, class: linkClasses, children: jsxRuntime.jsx(Text.Text, { lineClamp: lineClamp, size: "md", variant: "inherit", children: shownText }) }), tooltipContent] }));
-}
-
-exports.TruncatingLink = TruncatingLink;
-//# sourceMappingURL=TruncatingLink-867da10e.js.map

package/cjs/TruncatingLink-867da10e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TruncatingLink-867da10e.js","sources":["../../src/PRIVATE_TruncatingLink/TruncatingLink.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 { classNames } from '#utils/UNSAFE_classNames';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { LinkVariantOptions } from '#UNSAFE_Link/themes/LinkStyles.css';\nimport { useInteractionStyle } from '#hooks/UNSAFE_useInteractionStyle';\nimport { LinkRedwoodTheme } from '#UNSAFE_Link/themes/redwood/LinkTheme';\nimport { useTabbableMode } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTestId, TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useDetectTruncation } from '#hooks/PRIVATE_useDetectTruncation';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { useState } from 'preact/hooks';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { UnpackSignals } from '#utils/UNSAFE_attributeUtils';\nimport type { JSX } from 'preact';\nimport { Text } from '#UNSAFE_Text';\n\ntype AriaProps = Pick<\n  UnpackSignals<JSX.AriaAttributes>,\n  'aria-describedby' | 'aria-label' | 'aria-labelledby'\n>;\n\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant. The default value of this property is theme driven.\n   */\n  variant?: 'standard' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies that the link element should be disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Truncates the link at a specific number of lines and then displays an ellipsis (…) at the end of the last line. Parent of the element needs to have a specific width so the link starts overflowing and produces a truncation.\n   */\n  lineClamp?: number;\n\n  /**\n   * Specifies alternative text to be shown rather than the href.\n   */\n  children?: string;\n} & TestIdProps &\n  AriaProps;\n\nconst noop = () => {};\n\n/**\n * TruncatingLink component creates a hyperlink that shows a tooltip and ellipsis at the end of text when truncated.\n */\nexport function TruncatingLink({\n  href,\n  variant,\n  placement = 'standalone',\n  target,\n  testId,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': ariaLabelledBy,\n  onClick,\n  isDisabled,\n  lineClamp,\n  children\n}: Props) {\n  const { detectTruncationProps, isTextTruncated } = useDetectTruncation<HTMLAnchorElement>();\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle();\n  const clientHints = getClientHints();\n  const { classes } = useComponentTheme<LinkVariantOptions>(LinkRedwoodTheme, {\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    variant,\n    placement,\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    truncatingLinkStyles: placement !== 'embedded' ? 'styles' : 'none',\n    truncatingLinkWhiteSpace: placement !== 'embedded' && !lineClamp ? 'nowrap' : 'none',\n    safariStyles: clientHints.browser === 'safari' ? 'isSafari' : 'notSafari'\n  });\n  const { isTabbable } = useTabbableMode();\n  const linkClasses = classNames([classes]);\n  const { pressProps } = usePressClick(onClick ?? noop);\n  const testIdProps = useTestId(testId);\n  const [shownText] = useState(children || href);\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: shownText,\n    isDisabled: !isTextTruncated || isDisabled\n  });\n  const { 'aria-describedby': notNeeded, ...validTooltipProps } = tooltipProps; //remove aria-describedby to prevent screen readers reading the same text multiple times\n\n  return (\n    <>\n      <a\n        {...mergeProps(\n          validTooltipProps,\n          detectTruncationProps,\n          interactionProps,\n          testIdProps,\n          !isDisabled ? pressProps : {}\n        )}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        href={!isDisabled ? href : undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={accessibleLabel}\n        aria-labelledby={ariaLabelledBy}\n        target={target}\n        class={linkClasses}>\n        <Text lineClamp={lineClamp} size=\"md\" variant=\"inherit\">\n          {shownText}\n        </Text>\n      </a>\n      {tooltipContent}\n    </>\n  );\n}\n"],"names":["useDetectTruncation","useInteractionStyle","clientHints","getClientHints","useComponentTheme","LinkRedwoodTheme","useTabbableMode","classNames","usePressClick","useTestId","useState","useTooltip","_jsxs","_Fragment","_jsx","mergeProps","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwEA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEtB;;AAEG;AACa,SAAA,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,YAAY,EACxB,MAAM,EACN,MAAM,EACN,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,eAAe,EAC7B,iBAAiB,EAAE,cAAc,EACjC,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACF,EAAA;IACN,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAGA,uCAAmB,EAAqB,CAAC;IAC5F,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAGC,uCAAmB,EAAE,CAAC;AAC3F,IAAA,MAAMC,aAAW,GAAGC,0BAAc,EAAE,CAAC;AACrC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,mCAAiB,CAAqBC,qDAAgB,EAAE;QAC1E,gBAAgB,EAAE,eAAe,GAAG,oBAAoB,GAAG,qBAAqB;QAChF,WAAW,EAAE,qBAAqB,GAAG,eAAe,GAAG,gBAAgB;QACvE,OAAO;QACP,SAAS;QACT,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,oBAAoB,EAAE,SAAS,KAAK,UAAU,GAAG,QAAQ,GAAG,MAAM;AAClE,QAAA,wBAAwB,EAAE,SAAS,KAAK,UAAU,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,MAAM;AACpF,QAAA,YAAY,EAAEH,aAAW,CAAC,OAAO,KAAK,QAAQ,GAAG,UAAU,GAAG,WAAW;AAC1E,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGI,+BAAe,EAAE,CAAC;IACzC,MAAM,WAAW,GAAGC,qBAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,UAAU,EAAE,GAAGC,2BAAa,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACtD,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,CAAC,SAAS,CAAC,GAAGC,cAAQ,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;AAE/C,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAGC,qBAAU,CAAC;AAClD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,UAAU,EAAE,CAAC,eAAe,IAAI,UAAU;AAC3C,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,GAAG,YAAY,CAAC;AAE7E,IAAA,QACEC,eACE,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,cAAA,CAAA,GAAA,EAAA,EAAA,GACMC,qBAAU,CACZ,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,WAAW,EACX,CAAC,UAAU,GAAG,UAAU,GAAG,EAAE,CAC9B,EACD,QAAQ,EAAE,UAAU,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,EAC5C,IAAI,EAAE,CAAC,UAAU,GAAG,IAAI,GAAG,SAAS,sBAClB,eAAe,EAAA,YAAA,EACrB,eAAe,EACV,iBAAA,EAAA,cAAc,EAC/B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,WAAW,EAAA,QAAA,EAClBD,eAACE,SAAI,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAA,QAAA,EACpD,SAAS,EACL,CAAA,EAAA,CACL,EACH,cAAc,CAAA,EAAA,CACd,EACH;AACJ;;;;"}

package/cjs/View-ed116d78.js

@@ -1,170 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var compat = require('preact/compat');
-var vanillaExtractDynamic_esm = require('./vanilla-extract-dynamic.esm-2e1b7c25.js');
-var borders = require('./borders-4b8488cb.js');
-var dimensions = require('./dimensions-6101ca1f.js');
-var flexitem = require('./flexitem-fee13e26.js');
-var colors = require('./colors-f3ce979a.js');
-var padding = require('./padding-ba041f6a.js');
-var aria = require('./aria-889aedd0.js');
-var theme = require('./theme-dfd6a9fe.js');
-var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-require('./LayerHost-3cd73603.js');
-var EnvironmentProvider = require('./EnvironmentProvider-5f2435e6.js');
-var themeContract_css = require('./themeContract.css-f3d431c6.js');
-var useDensity = require('./useDensity-0b9fd9ca.js');
-var useTestId = require('./useTestId-4f53d561.js');
-var _curry1 = require('./_curry1-e8f0d7ea.js');
-var equals = require('./equals-098f7781.js');
-var _isArray = require('./_isArray-73160ad5.js');
-var _isObject = require('./_isObject-28636267.js');
-var _isString = require('./_isString-f4443c9e.js');
-
-/**
- * Tests whether or not an object is a typed array.
- *
- * @private
- * @param {*} val The object to test.
- * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.
- * @example
- *
- *      _isTypedArray(new Uint8Array([])); //=> true
- *      _isTypedArray(new Float32Array([])); //=> true
- *      _isTypedArray([]); //=> false
- *      _isTypedArray(null); //=> false
- *      _isTypedArray({}); //=> false
- */
-function _isTypedArray(val) {
-  var type = Object.prototype.toString.call(val);
-  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';
-}
-
-/**
- * Returns the empty value of its argument's type. Ramda defines the empty
- * value of Array (`[]`), Object (`{}`), String (`''`),
- * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other
- * types are supported if they define `<Type>.empty`,
- * `<Type>.prototype.empty` or implement the
- * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).
- *
- * Dispatches to the `empty` method of the first argument, if present.
- *
- * @func
- * @memberOf R
- * @since v0.3.0
- * @category Function
- * @sig a -> a
- * @param {*} x
- * @return {*}
- * @example
- *
- *      R.empty(Just(42));               //=> Nothing()
- *      R.empty([1, 2, 3]);              //=> []
- *      R.empty('unicorns');             //=> ''
- *      R.empty({x: 1, y: 2});           //=> {}
- *      R.empty(Uint8Array.from('123')); //=> Uint8Array []
- */
-
-var empty =
-/*#__PURE__*/
-_curry1._curry1(function empty(x) {
-  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray._isArray(x) ? [] : _isString._isString(x) ? '' : _isObject._isObject(x) ? {} : equals._isArguments(x) ? function () {
-    return arguments;
-  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else
-  ;
-});
-
-/**
- * Returns `true` if the given value is its type's empty value; `false`
- * otherwise.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Logic
- * @sig a -> Boolean
- * @param {*} x
- * @return {Boolean}
- * @see R.empty
- * @example
- *
- *      R.isEmpty([1, 2, 3]);           //=> false
- *      R.isEmpty([]);                  //=> true
- *      R.isEmpty('');                  //=> true
- *      R.isEmpty(null);                //=> false
- *      R.isEmpty({});                  //=> true
- *      R.isEmpty({length: 0});         //=> false
- *      R.isEmpty(Uint8Array.from('')); //=> true
- */
-
-var isEmpty =
-/*#__PURE__*/
-_curry1._curry1(function isEmpty(x) {
-  return x != null && equals.equals(x, empty(x));
-});
-
-var isEmpty$1 = isEmpty;
-
-const elementTypes = ['div', 'main', 'article', 'section', 'aside'];
-const interpolations = [
-    ...Object.values(borders.borderInterpolations),
-    ...Object.values(dimensions.dimensionInterpolations),
-    ...Object.values(flexitem.flexitemInterpolations),
-    ...Object.values(colors.colorInterpolations),
-    ...Object.values(padding.paddingInterpolations),
-    ...Object.values(aria.ariaInterpolations),
-    ...Object.values(theme.themeInterpolations)
-];
-const mergedInterpolations = mergeInterpolations.mergeInterpolations(interpolations);
-const View = compat.forwardRef(({ as, children, colorScheme, color, backgroundColor, scale, density: propDensity, testId, ...rest }, ref) => {
-    /**
-     * JET-66845 Because density unit CSS vars need to be recalculated each time the scale changes, scale
-     * classes can not be a child of density classes. However, we can have the scale and density classes as siblings.
-     * If the scale prop is supplied, we'll set the density class as well. If density is not set in the props,
-     * we will determine it via the Environment.
-     */
-    const themeDensity = useDensity.useDensity();
-    const density = propDensity ?? (scale ? themeDensity : undefined);
-    const testIdProps = useTestId.useTestId(testId);
-    const { class: className, ariaLabelledBy, ariaLabel, ...styles } = mergedInterpolations({
-        colorScheme,
-        scale,
-        density,
-        backgroundColor,
-        color,
-        ...rest
-    });
-    // We need to update the environment with any theme related props specified
-    const env = {
-        ...(colorScheme && { colorScheme }),
-        ...(scale && { scale }),
-        ...(density && { density }),
-        ...(backgroundColor && { currentBgColor: backgroundColor })
-    };
-    const props = {
-        ...testIdProps,
-        ['aria-label']: ariaLabel,
-        ['aria-labelledby']: ariaLabelledBy,
-        children,
-        className,
-        ref: ref,
-        style: {
-            ...styles,
-            ...(backgroundColor &&
-                vanillaExtractDynamic_esm.assignInlineVars({
-                    [themeContract_css.globalVars.currentBackgroundColor]: styles['backgroundColor']
-                })),
-            // we hardcode box-sizing: border-box on all of our Preact components.
-            boxSizing: 'border-box'
-        }
-    };
-    const Component = as || 'div';
-    return isEmpty$1(env) ? (jsxRuntime.jsx(Component, { ...props })) : (jsxRuntime.jsx(EnvironmentProvider.EnvironmentProvider, { environment: env, children: jsxRuntime.jsx(Component, { ...props }) }));
-});
-
-exports.View = View;
-exports.elementTypes = elementTypes;
-//# sourceMappingURL=View-ed116d78.js.map

package/cjs/View-ed116d78.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"View-ed116d78.js","sources":["../../../../node_modules/ramda/es/internal/_isTypedArray.js","../../../../node_modules/ramda/es/empty.js","../../../../node_modules/ramda/es/isEmpty.js","../../src/UNSAFE_View/View.tsx"],"sourcesContent":["/**\n * Tests whether or not an object is a typed array.\n *\n * @private\n * @param {*} val The object to test.\n * @return {Boolean} `true` if `val` is a typed array, `false` otherwise.\n * @example\n *\n *      _isTypedArray(new Uint8Array([])); //=> true\n *      _isTypedArray(new Float32Array([])); //=> true\n *      _isTypedArray([]); //=> false\n *      _isTypedArray(null); //=> false\n *      _isTypedArray({}); //=> false\n */\nexport default function _isTypedArray(val) {\n  var type = Object.prototype.toString.call(val);\n  return type === '[object Uint8ClampedArray]' || type === '[object Int8Array]' || type === '[object Uint8Array]' || type === '[object Int16Array]' || type === '[object Uint16Array]' || type === '[object Int32Array]' || type === '[object Uint32Array]' || type === '[object Float32Array]' || type === '[object Float64Array]' || type === '[object BigInt64Array]' || type === '[object BigUint64Array]';\n}","import _curry1 from \"./internal/_curry1.js\";\nimport _isArguments from \"./internal/_isArguments.js\";\nimport _isArray from \"./internal/_isArray.js\";\nimport _isObject from \"./internal/_isObject.js\";\nimport _isString from \"./internal/_isString.js\";\nimport _isTypedArray from \"./internal/_isTypedArray.js\";\n/**\n * Returns the empty value of its argument's type. Ramda defines the empty\n * value of Array (`[]`), Object (`{}`), String (`''`),\n * TypedArray (`Uint8Array []`, `Float32Array []`, etc), and Arguments. Other\n * types are supported if they define `<Type>.empty`,\n * `<Type>.prototype.empty` or implement the\n * [FantasyLand Monoid spec](https://github.com/fantasyland/fantasy-land#monoid).\n *\n * Dispatches to the `empty` method of the first argument, if present.\n *\n * @func\n * @memberOf R\n * @since v0.3.0\n * @category Function\n * @sig a -> a\n * @param {*} x\n * @return {*}\n * @example\n *\n *      R.empty(Just(42));               //=> Nothing()\n *      R.empty([1, 2, 3]);              //=> []\n *      R.empty('unicorns');             //=> ''\n *      R.empty({x: 1, y: 2});           //=> {}\n *      R.empty(Uint8Array.from('123')); //=> Uint8Array []\n */\n\nvar empty =\n/*#__PURE__*/\n_curry1(function empty(x) {\n  return x != null && typeof x['fantasy-land/empty'] === 'function' ? x['fantasy-land/empty']() : x != null && x.constructor != null && typeof x.constructor['fantasy-land/empty'] === 'function' ? x.constructor['fantasy-land/empty']() : x != null && typeof x.empty === 'function' ? x.empty() : x != null && x.constructor != null && typeof x.constructor.empty === 'function' ? x.constructor.empty() : _isArray(x) ? [] : _isString(x) ? '' : _isObject(x) ? {} : _isArguments(x) ? function () {\n    return arguments;\n  }() : _isTypedArray(x) ? x.constructor.from('') : void 0 // else\n  ;\n});\n\nexport default empty;","import _curry1 from \"./internal/_curry1.js\";\nimport empty from \"./empty.js\";\nimport equals from \"./equals.js\";\n/**\n * Returns `true` if the given value is its type's empty value; `false`\n * otherwise.\n *\n * @func\n * @memberOf R\n * @since v0.1.0\n * @category Logic\n * @sig a -> Boolean\n * @param {*} x\n * @return {Boolean}\n * @see R.empty\n * @example\n *\n *      R.isEmpty([1, 2, 3]);           //=> false\n *      R.isEmpty([]);                  //=> true\n *      R.isEmpty('');                  //=> true\n *      R.isEmpty(null);                //=> false\n *      R.isEmpty({});                  //=> true\n *      R.isEmpty({length: 0});         //=> false\n *      R.isEmpty(Uint8Array.from('')); //=> true\n */\n\nvar isEmpty =\n/*#__PURE__*/\n_curry1(function isEmpty(x) {\n  return x != null && equals(x, empty(x));\n});\n\nexport default isEmpty;","/**\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, RefCallback, RefObject } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { isEmpty } from 'ramda';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { borderInterpolations } from '../utils/UNSAFE_interpolations/borders';\nimport type { BorderProps } from '../utils/UNSAFE_interpolations/borders';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport type { PaddingProps } from '../utils/UNSAFE_interpolations/padding';\nimport { ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport type { AriaProps } from '../utils/UNSAFE_interpolations/aria';\nimport { themeInterpolations } from '../utils/UNSAFE_interpolations/theme';\nimport type { ThemeProps } from '../utils/UNSAFE_interpolations/theme';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport type { Role } from '../utils/UNSAFE_roles';\nimport { EnvironmentProvider } from '..//UNSAFE_Environment';\nimport type { ThemeModifiers } from '../UNSAFE_Theme';\nimport { globalVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { useDensity } from '#hooks/UNSAFE_useDensity';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\nconst elementTypes = ['div', 'main', 'article', 'section', 'aside'] as const;\n\ntype ElementType = (typeof elementTypes)[number];\n\ntype StyleProps = BorderProps &\n  DimensionProps &\n  FlexitemProps &\n  ColorProps &\n  PaddingProps &\n  AriaProps &\n  ThemeProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    as?: ElementType;\n    role?: Role;\n    children?: ComponentChildren;\n  };\n\nconst interpolations = [\n  ...Object.values(borderInterpolations),\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(flexitemInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(paddingInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(themeInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype RefType = (RefObject<HTMLDivElement> | RefCallback<HTMLDivElement>) &\n  (RefObject<HTMLElement> | RefCallback<HTMLElement>);\n\nconst View = forwardRef<RefType, Props>(\n  (\n    {\n      as,\n      children,\n      colorScheme,\n      color,\n      backgroundColor,\n      scale,\n      density: propDensity,\n      testId,\n      ...rest\n    },\n    ref\n  ) => {\n    /**\n     * JET-66845 Because density unit CSS vars need to be recalculated each time the scale changes, scale\n     * classes can not be a child of density classes. However, we can have the scale and density classes as siblings.\n     * If the scale prop is supplied, we'll set the density class as well. If density is not set in the props,\n     * we will determine it via the Environment.\n     */\n    const themeDensity = useDensity();\n    const density = propDensity ?? (scale ? themeDensity : undefined);\n    const testIdProps = useTestId(testId);\n\n    const {\n      class: className,\n      ariaLabelledBy,\n      ariaLabel,\n      ...styles\n    } = mergedInterpolations({\n      colorScheme,\n      scale,\n      density,\n      backgroundColor,\n      color,\n      ...rest\n    });\n    // We need to update the environment with any theme related props specified\n    const env: Partial<ThemeModifiers> = {\n      ...(colorScheme && { colorScheme }),\n      ...(scale && { scale }),\n      ...(density && { density }),\n      ...(backgroundColor && { currentBgColor: backgroundColor })\n    };\n    const props = {\n      ...testIdProps,\n      ['aria-label']: ariaLabel,\n      ['aria-labelledby']: ariaLabelledBy,\n      children,\n      className,\n      ref: ref as RefType,\n      style: {\n        ...styles,\n        ...(backgroundColor &&\n          assignInlineVars({\n            [globalVars.currentBackgroundColor]: styles['backgroundColor']\n          })),\n        // we hardcode box-sizing: border-box on all of our Preact components.\n        boxSizing: 'border-box'\n      }\n    };\n\n    const Component = as || 'div';\n    return isEmpty(env) ? (\n      <Component {...props} />\n    ) : (\n      <EnvironmentProvider environment={env}>\n        <Component {...props} />\n      </EnvironmentProvider>\n    );\n  }\n);\n\nexport { elementTypes, View };\n"],"names":["_curry1","_isArray","_isString","_isObject","_isArguments","equals","borderInterpolations","dimensionInterpolations","flexitemInterpolations","colorInterpolations","paddingInterpolations","ariaInterpolations","themeInterpolations","mergeInterpolations","forwardRef","useDensity","useTestId","assignInlineVars","globalVars","isEmpty","_jsx","EnvironmentProvider"],"mappings":"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"}

package/cjs/VisStatusMessage-07e63c6e.js

@@ -1,31 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var PRIVATE_VisStatusMessage_themes_VisStatusMessageStyles_css = require('./PRIVATE_VisStatusMessage/themes/VisStatusMessageStyles.css.js');
-var Flex = require('./Flex-3a257bc3.js');
-var classNames = require('./classNames-c14c6ef3.js');
-var layoutUtils = require('./layoutUtils-af53a104.js');
-
-function VisPlaceholder({ children, isSelectable = false, width, height, ...otherProps }) {
-    const itemClasses = classNames.classNames([!isSelectable && PRIVATE_VisStatusMessage_themes_VisStatusMessageStyles_css.userSelectStyles, PRIVATE_VisStatusMessage_themes_VisStatusMessageStyles_css.baseStyles]);
-    return (jsxRuntime.jsx("div", { class: itemClasses, style: { width, height }, tabIndex: 0, role: "application", id: otherProps.id, "aria-label": otherProps['aria-label'], "aria-describedby": otherProps['aria-describedby'], "aria-labelledby": otherProps['aria-labelledby'], children: jsxRuntime.jsx(Flex.Flex, { width: "100%", height: "100%", justify: "center", align: "center", children: children }) }));
-}
-
-function VisStatusMessage(props) {
-    const textId = layoutUtils.getRandomId();
-    const { ariaLabelledBy, id } = getAriaLabelledBy({
-        ariaLabel: props['aria-label'],
-        ariaLabelledby: props['aria-labelledby'],
-        textId
-    });
-    return (jsxRuntime.jsx(VisPlaceholder, { id: id, width: props.width, height: props.height, "aria-label": props['aria-label'], "aria-describedby": props['aria-describedby'], "aria-labelledby": ariaLabelledBy, children: jsxRuntime.jsx("span", { id: textId, children: props.text }) }));
-}
-const getAriaLabelledBy = (props) => {
-    const id = props.ariaLabel ? layoutUtils.getRandomId() : undefined;
-    const ariaLabelledBy = [props.ariaLabelledby, id, props.textId].filter(Boolean).join(' ');
-    return { ariaLabelledBy, id };
-};
-
-exports.VisStatusMessage = VisStatusMessage;
-//# sourceMappingURL=VisStatusMessage-07e63c6e.js.map

package/cjs/VisStatusMessage-07e63c6e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisStatusMessage-07e63c6e.js","sources":["../../src/PRIVATE_VisStatusMessage/VisPlaceholder.tsx","../../src/PRIVATE_VisStatusMessage/VisStatusMessage.tsx"],"sourcesContent":["import type { ComponentChildren, JSX } from 'preact';\nimport { baseStyles, userSelectStyles } from './themes/VisStatusMessageStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { Size } from '#utils/UNSAFE_size';\n\nexport type Props = {\n  /**\n   * The placeholder content.\n   */\n  children: ComponentChildren;\n\n  /**\n   * The width of the component. The default value for this is theme driven.\n   */\n  width?: Size;\n\n  /**\n   * The height of the component. The default value for this is theme driven.\n   */\n  height?: Size;\n\n  /**\n   * Whether text in the placeholder content is selectable.\n   */\n  isSelectable?: boolean;\n\n  /**\n   * The component id.\n   */\n  id?: string;\n\n  /**\n   * The aria label of the component.\n   */\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the component. This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the component. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n};\n\nexport function VisPlaceholder({\n  children,\n  isSelectable = false,\n  width,\n  height,\n  ...otherProps\n}: Props) {\n  const itemClasses = classNames([!isSelectable && userSelectStyles, baseStyles]);\n\n  return (\n    <div\n      class={itemClasses}\n      style={{ width, height }}\n      tabIndex={0}\n      role=\"application\"\n      id={otherProps.id}\n      aria-label={otherProps['aria-label']}\n      aria-describedby={otherProps['aria-describedby']}\n      aria-labelledby={otherProps['aria-labelledby']}>\n      <Flex width=\"100%\" height=\"100%\" justify=\"center\" align=\"center\">\n        {children}\n      </Flex>\n    </div>\n  );\n}\n","import type { JSX } from 'preact';\nimport { VisPlaceholder } from './VisPlaceholder';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { Size } from '#utils/UNSAFE_size';\n\ntype Props = {\n  /**\n   * The text content for the status message.\n   */\n  text: string;\n\n  /**\n   * The width of the component. The default value for this is theme driven.\n   */\n  width?: Size;\n\n  /**\n   * The height of the component. The default value for this is theme driven.\n   */\n  height?: Size;\n\n  /**\n   * The aria label of the component.\n   */\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the component. This will be used for the aria-describedby of the DOM element.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the component. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: UnpackSignals<JSX.AriaAttributes>['aria-labelledby'];\n};\n\nexport function VisStatusMessage(props: Props) {\n  const textId = getRandomId();\n  const { ariaLabelledBy, id } = getAriaLabelledBy({\n    ariaLabel: props['aria-label'],\n    ariaLabelledby: props['aria-labelledby'],\n    textId\n  });\n  return (\n    <VisPlaceholder\n      id={id}\n      width={props.width}\n      height={props.height}\n      aria-label={props['aria-label']}\n      aria-describedby={props['aria-describedby']}\n      aria-labelledby={ariaLabelledBy}>\n      <span id={textId}>{props.text}</span>\n    </VisPlaceholder>\n  );\n}\n\nconst getAriaLabelledBy = (props: {\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  textId: string;\n}): { ariaLabelledBy: string; id?: string } => {\n  const id = props.ariaLabel ? getRandomId() : undefined;\n  const ariaLabelledBy = [props.ariaLabelledby, id, props.textId].filter(Boolean).join(' ');\n  return { ariaLabelledBy, id };\n};\n"],"names":["classNames","userSelectStyles","baseStyles","_jsx","Flex","getRandomId"],"mappings":";;;;;;;;;SAiDgB,cAAc,CAAC,EAC7B,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,MAAM,EACN,GAAG,UAAU,EACP,EAAA;AACN,IAAA,MAAM,WAAW,GAAGA,qBAAU,CAAC,CAAC,CAAC,YAAY,IAAIC,2EAAgB,EAAEC,qEAAU,CAAC,CAAC,CAAC;AAEhF,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,aAAa,EAClB,EAAE,EAAE,UAAU,CAAC,EAAE,EAAA,YAAA,EACL,UAAU,CAAC,YAAY,CAAC,EAAA,kBAAA,EAClB,UAAU,CAAC,kBAAkB,CAAC,EAC/B,iBAAA,EAAA,UAAU,CAAC,iBAAiB,CAAC,EAAA,QAAA,EAC9CA,cAAC,CAAAC,SAAI,EAAC,EAAA,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAC7D,QAAA,EAAA,QAAQ,EACJ,CAAA,EAAA,CACH,EACN;AACJ;;ACnCM,SAAU,gBAAgB,CAAC,KAAY,EAAA;AAC3C,IAAA,MAAM,MAAM,GAAGC,uBAAW,EAAE,CAAC;AAC7B,IAAA,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,GAAG,iBAAiB,CAAC;AAC/C,QAAA,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;AAC9B,QAAA,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;QACxC,MAAM;AACP,KAAA,CAAC,CAAC;AACH,IAAA,QACEF,cAAC,CAAA,cAAc,IACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACR,YAAA,EAAA,KAAK,CAAC,YAAY,CAAC,sBACb,KAAK,CAAC,kBAAkB,CAAC,EAAA,iBAAA,EAC1B,cAAc,EAC/B,QAAA,EAAAA,cAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,MAAM,YAAG,KAAK,CAAC,IAAI,EAAQ,CAAA,EAAA,CACtB,EACjB;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,KAI1B,KAA6C;AAC5C,IAAA,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,GAAGE,uBAAW,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,cAAc,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1F,IAAA,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;AAChC,CAAC;;;;"}

package/cjs/VisTabularDatatip-abfef042.js

@@ -1,26 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var classNames = require('./classNames-c14c6ef3.js');
-var PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css = require('./PRIVATE_VisTabularDatatip/themes/VisTabularDatatipStyles.css.js');
-var useUser = require('./useUser-1295b5cb.js');
-
-function VisTabularDatatip({ tableData }) {
-    const { direction } = useUser.useUser();
-    const isRtl = direction === 'rtl';
-    const datatipLabelStyle = classNames.classNames([
-        PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.VisTabularDatatipLabel,
-        isRtl ? PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.leftAlign : PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.rightAlign
-    ]);
-    const datatipValueStyle = classNames.classNames([
-        PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.VisTabularDatatipValue,
-        isRtl ? PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.rightAlign : PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.leftAlign
-    ]);
-    return (jsxRuntime.jsx("table", { class: PRIVATE_VisTabularDatatip_themes_VisTabularDatatipStyles_css.styles.VisTabularDatatipTable, children: jsxRuntime.jsx("tbody", { children: tableData.map(({ key, value }) => {
-                return (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { class: datatipLabelStyle, children: key }), jsxRuntime.jsx("td", { class: datatipValueStyle, children: value })] }));
-            }) }) }));
-}
-
-exports.VisTabularDatatip = VisTabularDatatip;
-//# sourceMappingURL=VisTabularDatatip-abfef042.js.map

package/cjs/VisTabularDatatip-abfef042.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisTabularDatatip-abfef042.js","sources":["../../src/PRIVATE_VisTabularDatatip/VisTabularDatatip.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 */\n\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { styles } from './themes/VisTabularDatatipStyles.css';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\nexport type TableRowData = {\n  key: string;\n  value: string | number;\n};\ntype Props = {\n  tableData: Array<TableRowData>;\n};\n\nexport function VisTabularDatatip({ tableData }: Props) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const datatipLabelStyle = classNames([\n    styles.VisTabularDatatipLabel,\n    isRtl ? styles.leftAlign : styles.rightAlign\n  ]);\n  const datatipValueStyle = classNames([\n    styles.VisTabularDatatipValue,\n    isRtl ? styles.rightAlign : styles.leftAlign\n  ]);\n\n  return (\n    <table class={styles.VisTabularDatatipTable}>\n      <tbody>\n        {tableData.map(({ key, value }) => {\n          return (\n            <tr>\n              <td class={datatipLabelStyle}>{key}</td>\n              <td class={datatipValueStyle}>{value}</td>\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n}\n"],"names":["useUser","classNames","styles","_jsx","_jsxs"],"mappings":";;;;;;;;AAoBgB,SAAA,iBAAiB,CAAC,EAAE,SAAS,EAAS,EAAA;AACpD,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,eAAO,EAAE,CAAC;AAChC,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;IAClC,MAAM,iBAAiB,GAAGC,qBAAU,CAAC;AACnC,QAAAC,mEAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAGA,mEAAM,CAAC,SAAS,GAAGA,mEAAM,CAAC,UAAU;AAC7C,KAAA,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAGD,qBAAU,CAAC;AACnC,QAAAC,mEAAM,CAAC,sBAAsB;QAC7B,KAAK,GAAGA,mEAAM,CAAC,UAAU,GAAGA,mEAAM,CAAC,SAAS;AAC7C,KAAA,CAAC,CAAC;IAEH,QACEC,0BAAO,KAAK,EAAED,mEAAM,CAAC,sBAAsB,YACzCC,cACG,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAI;AAChC,gBAAA,QACEC,eACE,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CAAAD,cAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,iBAAiB,YAAG,GAAG,EAAA,CAAM,EACxCA,cAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,KAAK,EAAM,CAAA,CAAA,EAAA,CACvC,EACL;AACJ,aAAC,CAAC,EAAA,CACI,EACF,CAAA,EACR;AACJ;;;;"}