@baseline-ui/core 0.54.0 → 0.54.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Acknowledgements.md +1309 -2636
- package/dist/index.d.mts +47 -11
- package/dist/index.d.ts +47 -11
- package/dist/index.js +11 -11
- package/dist/index.mjs +11 -11
- package/package.json +7 -7
- package/sbom.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler,
|
|
3
|
-
import {
|
|
2
|
+
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode, ReactElement, MouseEvent, FocusEvent, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
|
|
4
4
|
import { NumberFormatOptions } from '@internationalized/number';
|
|
5
5
|
import { LocalizedStrings } from '@internationalized/message';
|
|
6
6
|
import { Theme, Sprinkles } from '@baseline-ui/tokens';
|
|
7
|
-
import {
|
|
7
|
+
import { PanelImperativeHandle, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
9
|
export { MotionGlobalConfig } from 'motion/react';
|
|
10
10
|
|
|
@@ -4661,6 +4661,13 @@ interface GridLayoutOptions {
|
|
|
4661
4661
|
* @default 48
|
|
4662
4662
|
*/
|
|
4663
4663
|
loaderHeight?: number;
|
|
4664
|
+
/**
|
|
4665
|
+
* The layout direction. When 'rtl', drop target positions ('before'/'after')
|
|
4666
|
+
* are swapped for multi-column layouts so the logical position matches the
|
|
4667
|
+
* visual intent.
|
|
4668
|
+
* @default 'ltr'
|
|
4669
|
+
*/
|
|
4670
|
+
direction?: 'ltr' | 'rtl';
|
|
4664
4671
|
}
|
|
4665
4672
|
/**
|
|
4666
4673
|
* GridLayout is a virtualizer Layout implementation
|
|
@@ -4672,6 +4679,7 @@ declare class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions> ext
|
|
|
4672
4679
|
protected gap: Size;
|
|
4673
4680
|
protected dropIndicatorThickness: number;
|
|
4674
4681
|
protected numColumns: number;
|
|
4682
|
+
protected direction: 'ltr' | 'rtl';
|
|
4675
4683
|
private contentSize;
|
|
4676
4684
|
private layoutInfos;
|
|
4677
4685
|
private margin;
|
|
@@ -6858,7 +6866,7 @@ interface InlineAlertProps extends StylingProps {
|
|
|
6858
6866
|
/**
|
|
6859
6867
|
* The size of the alert.
|
|
6860
6868
|
*
|
|
6861
|
-
* @default "
|
|
6869
|
+
* @default "sm"
|
|
6862
6870
|
*/
|
|
6863
6871
|
size?: "sm" | "md";
|
|
6864
6872
|
}
|
|
@@ -7092,7 +7100,7 @@ type TextProps<T extends keyof React__default.JSX.IntrinsicElements = "span"> =
|
|
|
7092
7100
|
elementType?: React__default.ElementType;
|
|
7093
7101
|
};
|
|
7094
7102
|
|
|
7095
|
-
declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<
|
|
7103
|
+
declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
|
|
7096
7104
|
|
|
7097
7105
|
interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, Pick<FreehandCanvasProps, "footerClassName" | "footerStyle" | "placeholder" | "clearLabel">, AriaLabelingProps {
|
|
7098
7106
|
/**
|
|
@@ -7422,7 +7430,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
|
|
|
7422
7430
|
/**
|
|
7423
7431
|
* Indicates whether rich text is enabled or not.
|
|
7424
7432
|
*
|
|
7425
|
-
* @default
|
|
7433
|
+
* @default false
|
|
7426
7434
|
*/
|
|
7427
7435
|
enableRichText?: boolean;
|
|
7428
7436
|
/** The placeholder text to be displayed when the editor is empty. */
|
|
@@ -7601,9 +7609,15 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
|
|
|
7601
7609
|
onPrimaryAction?: () => void;
|
|
7602
7610
|
/**
|
|
7603
7611
|
* The function that is called when the user cancels the dialog. This is
|
|
7604
|
-
* called when the user clicks the cancel button
|
|
7612
|
+
* called when the user clicks the cancel button. Also called when the close
|
|
7613
|
+
* button (X) is clicked, unless `onClose` is provided.
|
|
7605
7614
|
*/
|
|
7606
7615
|
onCancel?: () => void;
|
|
7616
|
+
/**
|
|
7617
|
+
* Called when the user clicks the close button (X). If not provided, falls
|
|
7618
|
+
* back to `onCancel`.
|
|
7619
|
+
*/
|
|
7620
|
+
onClose?: () => void;
|
|
7607
7621
|
/** The button that should be focused when the dialog is opened. */
|
|
7608
7622
|
autoFocusButton?: "primary" | "cancel";
|
|
7609
7623
|
/** Whether the primary action button should be disabled. */
|
|
@@ -7620,6 +7634,12 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
|
|
|
7620
7634
|
icon?: React__default.FC<IconProps>;
|
|
7621
7635
|
/** The color of the icon. This is the color that is used to fill the icon. */
|
|
7622
7636
|
iconColor?: string;
|
|
7637
|
+
/** The class name for the content area below the title. */
|
|
7638
|
+
contentClassName?: string;
|
|
7639
|
+
/** The class name for the close button. */
|
|
7640
|
+
closeButtonClassName?: string;
|
|
7641
|
+
/** The class name for the button group wrapper. */
|
|
7642
|
+
buttonsClassName?: string;
|
|
7623
7643
|
/**
|
|
7624
7644
|
* Whether the close button should be displayed in the top end corner of the
|
|
7625
7645
|
* dialog. If this is `true`, a close button will be displayed. If this is
|
|
@@ -8232,7 +8252,7 @@ interface PanelProps extends StylingProps {
|
|
|
8232
8252
|
* using `PanelGroup` with `autoSaveId`. Must remain stable across page
|
|
8233
8253
|
* loads.
|
|
8234
8254
|
*/
|
|
8235
|
-
id?:
|
|
8255
|
+
id?: string;
|
|
8236
8256
|
/**
|
|
8237
8257
|
* Panel collapses to this size
|
|
8238
8258
|
*
|
|
@@ -8266,7 +8286,7 @@ interface PanelGroupProps extends StylingProps {
|
|
|
8266
8286
|
/** Content comprising `Panel` and `PanelResizeHandle` */
|
|
8267
8287
|
children: ReactNode;
|
|
8268
8288
|
/** Orientation of the layout */
|
|
8269
|
-
direction
|
|
8289
|
+
direction?: "horizontal" | "vertical";
|
|
8270
8290
|
/**
|
|
8271
8291
|
* Called with a map of panel id to size (percentage) when group layout
|
|
8272
8292
|
* changes
|
|
@@ -8563,6 +8583,22 @@ declare function usePointProximity({ snapPoints, snapRadius, }: {
|
|
|
8563
8583
|
findPointsInRadius: (cursor: Point) => Promise<Point[]>;
|
|
8564
8584
|
};
|
|
8565
8585
|
|
|
8586
|
+
/**
|
|
8587
|
+
* A thin GridLayout subclass that injects the locale direction into layout
|
|
8588
|
+
* options via the Virtualizer's `useLayoutOptions` hook.
|
|
8589
|
+
*
|
|
8590
|
+
* All RTL-aware drop-target logic lives in the patched GridLayout itself — this
|
|
8591
|
+
* subclass only bridges React context (useLocale) into the layout engine.
|
|
8592
|
+
*
|
|
8593
|
+
* TODO: Remove this subclass and the subtree GridLayout patch once the upstream
|
|
8594
|
+
* PR is merged: https://github.com/adobe/react-spectrum/pull/9848
|
|
8595
|
+
*/
|
|
8596
|
+
declare class LocaleAwareGridLayout extends GridLayout<unknown, GridLayoutOptions> {
|
|
8597
|
+
useLayoutOptions(): {
|
|
8598
|
+
direction: "ltr" | "rtl";
|
|
8599
|
+
};
|
|
8600
|
+
}
|
|
8601
|
+
|
|
8566
8602
|
declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
8567
8603
|
LIST_BOX: {
|
|
8568
8604
|
layout: typeof ListLayout;
|
|
@@ -8577,7 +8613,7 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
|
8577
8613
|
};
|
|
8578
8614
|
};
|
|
8579
8615
|
IMAGE_GALLERY: {
|
|
8580
|
-
layout: typeof
|
|
8616
|
+
layout: typeof LocaleAwareGridLayout;
|
|
8581
8617
|
layoutOptions: {
|
|
8582
8618
|
minItemSize: Size;
|
|
8583
8619
|
maxItemSize: Size;
|
|
@@ -9112,4 +9148,4 @@ declare namespace reactStately {
|
|
|
9112
9148
|
export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
|
|
9113
9149
|
}
|
|
9114
9150
|
|
|
9115
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
9151
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler,
|
|
3
|
-
import {
|
|
2
|
+
import React__default, { AriaAttributes, DOMAttributes as DOMAttributes$1, AriaRole, CSSProperties, HTMLAttributeAnchorTarget, HTMLAttributeReferrerPolicy, ClipboardEventHandler, CompositionEventHandler, ReactEventHandler, FormEventHandler, MouseEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode, ReactElement, MouseEvent, FocusEvent, SyntheticEvent, KeyboardEvent as KeyboardEvent$2, JSX, HTMLAttributes, RefObject as RefObject$1, LabelHTMLAttributes, ElementType, JSXElementConstructor, ButtonHTMLAttributes, AnchorHTMLAttributes, InputHTMLAttributes, Ref, MutableRefObject, SVGProps, Key as Key$1, Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { CalendarDate, CalendarDateTime, ZonedDateTime, Time, CalendarIdentifier, Calendar, DateFormatter } from '@internationalized/date';
|
|
4
4
|
import { NumberFormatOptions } from '@internationalized/number';
|
|
5
5
|
import { LocalizedStrings } from '@internationalized/message';
|
|
6
6
|
import { Theme, Sprinkles } from '@baseline-ui/tokens';
|
|
7
|
-
import {
|
|
7
|
+
import { PanelImperativeHandle, PanelProps as PanelProps$1, SeparatorProps as SeparatorProps$2 } from 'react-resizable-panels';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
9
|
export { MotionGlobalConfig } from 'motion/react';
|
|
10
10
|
|
|
@@ -4661,6 +4661,13 @@ interface GridLayoutOptions {
|
|
|
4661
4661
|
* @default 48
|
|
4662
4662
|
*/
|
|
4663
4663
|
loaderHeight?: number;
|
|
4664
|
+
/**
|
|
4665
|
+
* The layout direction. When 'rtl', drop target positions ('before'/'after')
|
|
4666
|
+
* are swapped for multi-column layouts so the logical position matches the
|
|
4667
|
+
* visual intent.
|
|
4668
|
+
* @default 'ltr'
|
|
4669
|
+
*/
|
|
4670
|
+
direction?: 'ltr' | 'rtl';
|
|
4664
4671
|
}
|
|
4665
4672
|
/**
|
|
4666
4673
|
* GridLayout is a virtualizer Layout implementation
|
|
@@ -4672,6 +4679,7 @@ declare class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions> ext
|
|
|
4672
4679
|
protected gap: Size;
|
|
4673
4680
|
protected dropIndicatorThickness: number;
|
|
4674
4681
|
protected numColumns: number;
|
|
4682
|
+
protected direction: 'ltr' | 'rtl';
|
|
4675
4683
|
private contentSize;
|
|
4676
4684
|
private layoutInfos;
|
|
4677
4685
|
private margin;
|
|
@@ -6858,7 +6866,7 @@ interface InlineAlertProps extends StylingProps {
|
|
|
6858
6866
|
/**
|
|
6859
6867
|
* The size of the alert.
|
|
6860
6868
|
*
|
|
6861
|
-
* @default "
|
|
6869
|
+
* @default "sm"
|
|
6862
6870
|
*/
|
|
6863
6871
|
size?: "sm" | "md";
|
|
6864
6872
|
}
|
|
@@ -7092,7 +7100,7 @@ type TextProps<T extends keyof React__default.JSX.IntrinsicElements = "span"> =
|
|
|
7092
7100
|
elementType?: React__default.ElementType;
|
|
7093
7101
|
};
|
|
7094
7102
|
|
|
7095
|
-
declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<
|
|
7103
|
+
declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
|
|
7096
7104
|
|
|
7097
7105
|
interface ImageDropZoneProps extends Omit<SharedFileUploadProps, "label" | "variant">, Omit<DropOptions, "ref" | "getDropOperation" | "hasDropButton" | "getDropOperationForPoint">, Omit<ClipboardProps, "getItems" | "onCut" | "onCopy">, Pick<FreehandCanvasProps, "footerClassName" | "footerStyle" | "placeholder" | "clearLabel">, AriaLabelingProps {
|
|
7098
7106
|
/**
|
|
@@ -7422,7 +7430,7 @@ interface EditorProps extends StylingProps, AriaLabelingProps {
|
|
|
7422
7430
|
/**
|
|
7423
7431
|
* Indicates whether rich text is enabled or not.
|
|
7424
7432
|
*
|
|
7425
|
-
* @default
|
|
7433
|
+
* @default false
|
|
7426
7434
|
*/
|
|
7427
7435
|
enableRichText?: boolean;
|
|
7428
7436
|
/** The placeholder text to be displayed when the editor is empty. */
|
|
@@ -7601,9 +7609,15 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
|
|
|
7601
7609
|
onPrimaryAction?: () => void;
|
|
7602
7610
|
/**
|
|
7603
7611
|
* The function that is called when the user cancels the dialog. This is
|
|
7604
|
-
* called when the user clicks the cancel button
|
|
7612
|
+
* called when the user clicks the cancel button. Also called when the close
|
|
7613
|
+
* button (X) is clicked, unless `onClose` is provided.
|
|
7605
7614
|
*/
|
|
7606
7615
|
onCancel?: () => void;
|
|
7616
|
+
/**
|
|
7617
|
+
* Called when the user clicks the close button (X). If not provided, falls
|
|
7618
|
+
* back to `onCancel`.
|
|
7619
|
+
*/
|
|
7620
|
+
onClose?: () => void;
|
|
7607
7621
|
/** The button that should be focused when the dialog is opened. */
|
|
7608
7622
|
autoFocusButton?: "primary" | "cancel";
|
|
7609
7623
|
/** Whether the primary action button should be disabled. */
|
|
@@ -7620,6 +7634,12 @@ interface AlertDialogProps extends StylingProps, AriaLabelingProps {
|
|
|
7620
7634
|
icon?: React__default.FC<IconProps>;
|
|
7621
7635
|
/** The color of the icon. This is the color that is used to fill the icon. */
|
|
7622
7636
|
iconColor?: string;
|
|
7637
|
+
/** The class name for the content area below the title. */
|
|
7638
|
+
contentClassName?: string;
|
|
7639
|
+
/** The class name for the close button. */
|
|
7640
|
+
closeButtonClassName?: string;
|
|
7641
|
+
/** The class name for the button group wrapper. */
|
|
7642
|
+
buttonsClassName?: string;
|
|
7623
7643
|
/**
|
|
7624
7644
|
* Whether the close button should be displayed in the top end corner of the
|
|
7625
7645
|
* dialog. If this is `true`, a close button will be displayed. If this is
|
|
@@ -8232,7 +8252,7 @@ interface PanelProps extends StylingProps {
|
|
|
8232
8252
|
* using `PanelGroup` with `autoSaveId`. Must remain stable across page
|
|
8233
8253
|
* loads.
|
|
8234
8254
|
*/
|
|
8235
|
-
id?:
|
|
8255
|
+
id?: string;
|
|
8236
8256
|
/**
|
|
8237
8257
|
* Panel collapses to this size
|
|
8238
8258
|
*
|
|
@@ -8266,7 +8286,7 @@ interface PanelGroupProps extends StylingProps {
|
|
|
8266
8286
|
/** Content comprising `Panel` and `PanelResizeHandle` */
|
|
8267
8287
|
children: ReactNode;
|
|
8268
8288
|
/** Orientation of the layout */
|
|
8269
|
-
direction
|
|
8289
|
+
direction?: "horizontal" | "vertical";
|
|
8270
8290
|
/**
|
|
8271
8291
|
* Called with a map of panel id to size (percentage) when group layout
|
|
8272
8292
|
* changes
|
|
@@ -8563,6 +8583,22 @@ declare function usePointProximity({ snapPoints, snapRadius, }: {
|
|
|
8563
8583
|
findPointsInRadius: (cursor: Point) => Promise<Point[]>;
|
|
8564
8584
|
};
|
|
8565
8585
|
|
|
8586
|
+
/**
|
|
8587
|
+
* A thin GridLayout subclass that injects the locale direction into layout
|
|
8588
|
+
* options via the Virtualizer's `useLayoutOptions` hook.
|
|
8589
|
+
*
|
|
8590
|
+
* All RTL-aware drop-target logic lives in the patched GridLayout itself — this
|
|
8591
|
+
* subclass only bridges React context (useLocale) into the layout engine.
|
|
8592
|
+
*
|
|
8593
|
+
* TODO: Remove this subclass and the subtree GridLayout patch once the upstream
|
|
8594
|
+
* PR is merged: https://github.com/adobe/react-spectrum/pull/9848
|
|
8595
|
+
*/
|
|
8596
|
+
declare class LocaleAwareGridLayout extends GridLayout<unknown, GridLayoutOptions> {
|
|
8597
|
+
useLayoutOptions(): {
|
|
8598
|
+
direction: "ltr" | "rtl";
|
|
8599
|
+
};
|
|
8600
|
+
}
|
|
8601
|
+
|
|
8566
8602
|
declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
8567
8603
|
LIST_BOX: {
|
|
8568
8604
|
layout: typeof ListLayout;
|
|
@@ -8577,7 +8613,7 @@ declare const VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS: {
|
|
|
8577
8613
|
};
|
|
8578
8614
|
};
|
|
8579
8615
|
IMAGE_GALLERY: {
|
|
8580
|
-
layout: typeof
|
|
8616
|
+
layout: typeof LocaleAwareGridLayout;
|
|
8581
8617
|
layoutOptions: {
|
|
8582
8618
|
minItemSize: Size;
|
|
8583
8619
|
maxItemSize: Size;
|
|
@@ -9112,4 +9148,4 @@ declare namespace reactStately {
|
|
|
9112
9148
|
export { type reactStately_Color as Color, type reactStately_ListData as ListData, type reactStately_TreeData as TreeData, reactStately_useListData as useListData, reactStately_useTreeData as useTreeData };
|
|
9113
9149
|
}
|
|
9114
9150
|
|
|
9115
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|
|
9151
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, ActionButton, type ActionButtonProps, ActionGroup, ActionGroupItem, type ActionGroupProps, ActionIconButton, type ActionIconButtonProps, Actionable, type ActionableProps, AlertDialog, type AlertDialogProps, AudioPlayer, type AudioPlayerProps, Autocomplete, type AutocompleteProps, Avatar, type AvatarProps, type BlockProps, type BoundaryAxis, Box, type BoxProps, ButtonSelect, type ButtonSelectProps, Checkbox, type CheckboxProps, Code, type CodeProps, ColorInput, type ColorInputProps, type ColorPreset, ColorSwatch, ColorSwatchPicker, type ColorSwatchPickerProps, type ColorSwatchProps, ComboBox, type ComboBoxProps, DateField, type DateFieldProps, DateFormat, type DateFormatProps, DefaultListOption, type Device, DeviceProvider, DeviceProviderContext, type DeviceProviderProps, Dialog, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, type DisclosureProps, DomNodeRenderer, type DomNodeRendererProps, Drawer, type DrawerProps, Editor, type EditorHandle, type EditorProps, FileUpload, type FileUploadProps, FocusScope, Focusable, type FocusableProps, FrameProvider, type FrameProviderProps, FreehandCanvas, type FreehandCanvasProps, GlobalToastRegion, GridLayout, GridList, type GridListProps, Group, type GroupProps, type HorizontalBoundaryBehavior, I18nProvider, type I18nProviderProps, type I18nResult, Icon, IconColorInput, IconColorInputButton, type IconColorInputProps, type IconComponentProps$1 as IconComponentProps, type IconProps, IconSelect, type IconSelectProps, IconSlider, type IconSliderProps, ImageDropZone, type ImageDropZoneProps, ImageGallery, type ImageGalleryProps, type ImperativePanelGroupHandle, type ImperativePanelHandle, InlineAlert, type InlineAlertProps, Kbd, type KbdProps, type Key, Link, type LinkProps, ListBox, type ListBoxProps, type ListHandle$1 as ListHandle, ListLayout, type ListOption, LocaleAwareGridLayout, Markdown, type MarkdownProps, Menu, type MenuItem, type MenuProps, type MessageDescriptor, MessageFormat, type MessageFormatProps, type MessageFormatter, Modal, ModalClose, ModalContent, type ModalContentProps, type ModalProps, ModalTrigger, NumberFormat, type NumberFormatProps, NumberInput, type NumberInputProps, Pagination, type PaginationProps, Panel, PanelGroup, type PanelGroupProps, type PanelProps, PanelResizeHandle, type PanelResizeHandleProps, PointPicker, PointPickerContent, type PointPickerContentProps, PointPickerDisplay, type PointPickerDisplayProps, type PointPickerProps, Popover, PopoverContent, type PopoverContentHandle, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, PortalContainerProvider, type PortalProps, type PressEvent, Pressable, Preview, type PreviewProps, ProgressBar, type ProgressBarProps, ProgressSpinner, type ProgressSpinnerProps, RadioGroup, type RadioGroupProps, Reaction, type ReactionProps, type Rect, type SVGRProps, ScrollControlButton, type ScrollControlButtonProps, SearchInput, type SearchInputProps, Select, type SelectProps, Separator, type SeparatorProps, Size, Slider, type SliderProps, StatusCard, type StatusCardProps, type StylingProps, Switch, type SwitchProps, TabItem, type TabItemProps, TableLayout, Tabs, type TabsProps, TagGroup, type TagGroupProps, TaggedPagination, type TaggedPaginationProps, Text, TextInput, type TextInputProps, type TextProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, type ToastProps, ToastQueue, ToggleButton, type ToggleButtonProps, ToggleIconButton, type ToggleIconButtonProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, type TreeListItem, TreeView, type TreeViewProps, UNSAFE_ListBox, type UNSAFE_ListBoxProps, reactAria as UNSAFE_aria, reactStately as UNSAFE_stately, VIRTUALIZER_LAYOUT_DEFAULT_OPTIONS, Virtualizer, type VirtualizerProps, VisuallyHidden, WaterfallLayout, announce, booleanOrObjectToConfig, calculateFontSizeToFitWidth, classNames, cleanKeyFromGlobImport, clearAnnouncer, defineMessages, destroyAnnouncer, directionVar, disableAnimations, enableAnimations, filterDOMProps, filterTruthyValues, findFocusableElements, getAbsoluteBounds, getAbsolutePosition, getActiveElement, getHTMLElement, getOsSpecificKeyboardShortcutLabel, getOwnerDocument, getPlainText, getSvgPathFromStroke, getTextDimensions, iconMap, invariant, isFocusableElement, isInIframe, isInShadowDOM, isInputThatOpensKeyboard, isInsideOverlayContent, isRect, isUrl, lightenColor, mergeProps, mergeRefs, parseColor, useCollator, useDateFormatter, useDevice, useDragAndDrop, useFilter, useFocusRing, useFocusVisible, useFrameDimensions, useI18n, useId, useImage, useInteractionModality, useIntersectionObserver, useIsFirstRender, useKeyboard, useListData, useLiveInteractionModality, useLocalStorage, useLocale, useMutationObserver, useNumberFormatter, useObjectRef, usePointProximity, usePortalContainer, usePreventFocus, useResizeObserver, useTextSelection, useUndoRedo, useUserPreferences };
|