react-magma-dom 4.8.1-next.2 → 4.9.0-next.4
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/dist/components/BlockQuote/BlockQuoteItem.d.ts +1 -1
- package/dist/components/Combobox/ComboboxInput.d.ts +2 -2
- package/dist/components/Combobox/index.d.ts +1 -1
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Dropdown/DropdownButton.d.ts +1 -1
- package/dist/components/Dropdown/DropdownExpandableMenuButton.d.ts +1 -1
- package/dist/components/Dropdown/DropdownExpandableMenuListItem.d.ts +1 -1
- package/dist/components/Dropdown/DropdownExpandableMenuPanel.d.ts +2 -3
- package/dist/components/Grid/index.d.ts +1 -1
- package/dist/components/Hyperlink/index.d.ts +2 -2
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/IndeterminateCheckbox/index.d.ts +1 -1
- package/dist/components/InputBase/index.d.ts +1 -1
- package/dist/components/List/ListItem.d.ts +1 -1
- package/dist/components/NavTabs/NavTab.d.ts +1 -1
- package/dist/components/NavTabs/NavTabs.d.ts +3 -4
- package/dist/components/PasswordInput/index.d.ts +1 -1
- package/dist/components/Select/ItemsList.d.ts +1 -1
- package/dist/components/Select/SelectContainer.d.ts +1 -1
- package/dist/components/Select/SelectTriggerButton.d.ts +1 -1
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/SkipLink/index.d.ts +1 -1
- package/dist/components/Stepper/Step.d.ts +1 -1
- package/dist/components/Table/TableRow.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts +2 -2
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Textarea/index.d.ts +1 -1
- package/dist/components/ToggleButton/ToggleButton.d.ts +2 -2
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/components/TreeView/TreeItem.d.ts +2 -3
- package/dist/components/TreeView/TreeViewContext.d.ts +2 -0
- package/dist/components/TreeView/useTreeItem.d.ts +1 -0
- package/dist/components/TreeView/useTreeView.d.ts +11 -0
- package/dist/components/TreeView/utils.d.ts +8 -8
- package/dist/esm/index.js +22078 -21926
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +189 -212
- package/dist/react-magma-dom.cjs.development.js +14553 -14405
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +26 -26
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { UseComboboxGetComboboxPropsOptions, UseComboboxGetInputPropsOptions, UseComboboxGetToggleButtonPropsOptions } from 'downshift';
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { SelectComponents } from '../Select/components';
|
|
4
2
|
import { ReferenceType } from '@floating-ui/react-dom';
|
|
3
|
+
import { UseComboboxGetComboboxPropsOptions, UseComboboxGetInputPropsOptions, UseComboboxGetToggleButtonPropsOptions } from 'downshift';
|
|
4
|
+
import { SelectComponents } from '../Select/components';
|
|
5
5
|
interface ComboboxInputProps<T> {
|
|
6
6
|
ariaDescribedBy?: string;
|
|
7
7
|
children?: React.ReactNode | React.ReactNode[];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ReferenceType } from '@floating-ui/react-dom';
|
|
2
3
|
import { UseComboboxProps, UseComboboxState, UseMultipleSelectionProps } from 'downshift';
|
|
3
4
|
import { InternalMultiProps, InternalSelectProps, SelectOptions } from '../Select';
|
|
4
5
|
import { Omit, XOR } from '../../utils';
|
|
5
6
|
import { LabelPosition } from '../Label';
|
|
6
|
-
import { ReferenceType } from '@floating-ui/react-dom';
|
|
7
7
|
export interface ComboboxProps<T extends SelectOptions> extends Omit<UseComboboxProps<T>, 'items'>, InternalSelectProps<T> {
|
|
8
8
|
/**
|
|
9
9
|
* Id of the element that describes the combobox input
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Drawer';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonIconPosition } from '../IconButton';
|
|
3
2
|
import { IconProps } from 'react-magma-icons';
|
|
3
|
+
import { ButtonIconPosition } from '../IconButton';
|
|
4
4
|
import { Omit, XOR } from '../../utils';
|
|
5
5
|
import { ButtonProps } from '../Button';
|
|
6
6
|
export interface IconOnlyDropdownButtonProps extends Omit<ButtonProps, 'children'> {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { AccordionButtonProps } from '../Accordion';
|
|
3
2
|
import { IconProps } from 'react-magma-icons';
|
|
3
|
+
import { AccordionButtonProps } from '../Accordion';
|
|
4
4
|
export interface DropdownExpandableMenuButtonProps extends AccordionButtonProps {
|
|
5
5
|
icon?: React.ReactElement<IconProps>;
|
|
6
6
|
testId?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Omit } from '../../utils';
|
|
3
2
|
import { DropdownMenuItemProps } from './DropdownMenuItem';
|
|
3
|
+
import { Omit } from '../../utils';
|
|
4
4
|
export interface DropdownExpandableMenuListItemProps extends Omit<DropdownMenuItemProps, 'icon'> {
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
testId?: string;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { AccordionPanelProps } from '../Accordion';
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
export declare const DropdownExpandableMenuPanel: React.ForwardRefExoticComponent<DropdownExpandableMenuPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare type DropdownExpandableMenuPanelProps = AccordionPanelProps;
|
|
4
|
+
export declare const DropdownExpandableMenuPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Grid';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonStyles } from '../Button';
|
|
3
|
-
import { Omit } from '../../utils';
|
|
4
2
|
import { IconProps } from 'react-magma-icons';
|
|
3
|
+
import { Omit } from '../../utils';
|
|
4
|
+
import { ButtonStyles } from '../Button';
|
|
5
5
|
export declare enum HyperlinkIconPosition {
|
|
6
6
|
left = "left",
|
|
7
7
|
right = "right",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ButtonProps, ButtonSize } from '../Button';
|
|
3
2
|
import { IconProps } from 'react-magma-icons';
|
|
4
3
|
import { Omit, XOR } from '../../utils';
|
|
4
|
+
import { ButtonProps, ButtonSize } from '../Button';
|
|
5
5
|
export declare enum ButtonIconPosition {
|
|
6
6
|
left = "left",
|
|
7
7
|
right = "right"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { CheckboxProps } from '../Checkbox';
|
|
3
2
|
import { Omit } from '../../utils';
|
|
3
|
+
import { CheckboxProps } from '../Checkbox';
|
|
4
4
|
export interface IndeterminateCheckboxProps extends Omit<CheckboxProps, 'checked'> {
|
|
5
5
|
/**
|
|
6
6
|
* Status of the indeterminate, three-state checkbox, which includes and indeterminate (e.g. mixed) option.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom';
|
|
2
1
|
import * as React from 'react';
|
|
2
|
+
import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom';
|
|
3
3
|
import { IconProps } from 'react-magma-icons';
|
|
4
4
|
import { ThemeInterface } from '../../theme/magma';
|
|
5
5
|
import { LabelPosition } from '../Label';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { XOR } from '../../utils';
|
|
2
3
|
import { TabsIconPosition } from '../Tabs';
|
|
3
4
|
import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
|
|
4
|
-
import { XOR } from '../../utils';
|
|
5
5
|
export interface BaseNavTabProps extends React.HTMLAttributes<HTMLAnchorElement> {
|
|
6
6
|
/**
|
|
7
7
|
* @internal
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TabsBorderPosition, TabsIconPosition, TabsProps } from '../Tabs';
|
|
3
|
-
import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
|
|
4
3
|
import { Omit } from '../../utils';
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
|
|
5
|
+
export declare type NavTabsProps = Omit<TabsProps, 'onChange'>;
|
|
7
6
|
interface NavTabsContextInterface {
|
|
8
7
|
borderPosition?: TabsBorderPosition;
|
|
9
8
|
iconPosition?: TabsIconPosition;
|
|
@@ -13,5 +12,5 @@ interface NavTabsContextInterface {
|
|
|
13
12
|
textTransform?: TabsTextTransform;
|
|
14
13
|
}
|
|
15
14
|
export declare const NavTabsContext: React.Context<NavTabsContextInterface>;
|
|
16
|
-
export declare const NavTabs: React.ForwardRefExoticComponent<(
|
|
15
|
+
export declare const NavTabs: React.ForwardRefExoticComponent<(Pick<TabsProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignment" | "backgroundColor" | "iconPosition" | "isFullWidth" | "isInverse" | "orientation" | "textTransform" | "testId"> & import("../Tabs").HorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (Pick<TabsProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignment" | "backgroundColor" | "iconPosition" | "isFullWidth" | "isInverse" | "orientation" | "textTransform" | "testId"> & import("../Tabs").VerticalTabsProps & React.RefAttributes<HTMLDivElement>)>;
|
|
17
16
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { InputSize } from '../InputBase';
|
|
3
2
|
import { FormFieldContainerBaseProps } from '../FormFieldContainer';
|
|
3
|
+
import { InputSize } from '../InputBase';
|
|
4
4
|
export interface PasswordInputProps extends Omit<FormFieldContainerBaseProps, 'fieldId'>, React.InputHTMLAttributes<HTMLInputElement> {
|
|
5
5
|
hiddenPasswordAnnounceText?: string;
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ReferenceType } from '@floating-ui/react-dom';
|
|
2
3
|
import { UseSelectGetItemPropsOptions, UseSelectGetMenuPropsOptions } from 'downshift';
|
|
3
|
-
import React from 'react';
|
|
4
4
|
import { SelectComponents } from './components';
|
|
5
5
|
interface ItemsListProps<T> {
|
|
6
6
|
customComponents?: SelectComponents<T>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { LabelPosition } from '../Label';
|
|
3
2
|
import { UseSelectGetLabelPropsOptions } from 'downshift';
|
|
3
|
+
import { LabelPosition } from '../Label';
|
|
4
4
|
export declare const SelectContainerElement: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme;
|
|
6
6
|
as?: React.ElementType<any>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { SelectComponents } from '../Select/components';
|
|
3
2
|
import { ReferenceType } from '@floating-ui/react-dom';
|
|
3
|
+
import { SelectComponents } from '../Select/components';
|
|
4
4
|
interface SelectTriggerButtonInterface<T> {
|
|
5
5
|
ariaDescribedBy?: string;
|
|
6
6
|
children: React.ReactNode | React.ReactNode[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom';
|
|
2
3
|
import { UseMultipleSelectionProps, UseSelectProps } from 'downshift';
|
|
3
|
-
import * as React from 'react';
|
|
4
4
|
import { Omit, XOR } from '../../utils';
|
|
5
5
|
import { LabelPosition } from '../Label';
|
|
6
6
|
import { SelectComponents } from './components';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { HyperlinkProps } from '../Hyperlink';
|
|
3
2
|
import { Omit } from '../../utils';
|
|
3
|
+
import { HyperlinkProps } from '../Hyperlink';
|
|
4
4
|
export declare const TARGET_ID = "reactMagmaMainContent";
|
|
5
5
|
export interface SkipLinkProps extends Omit<HyperlinkProps, 'children'> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ThemeInterface } from '../../theme/magma';
|
|
3
2
|
import { StepperLayout, StepperOrientation } from './Stepper';
|
|
3
|
+
import { ThemeInterface } from '../../theme/magma';
|
|
4
4
|
export interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
6
6
|
* Error state for each step.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TabsIconPosition, TabsBorderPosition } from './Tabs';
|
|
3
2
|
import { TabsOrientation, TabsTextTransform } from './shared';
|
|
3
|
+
import { TabsIconPosition, TabsBorderPosition } from './Tabs';
|
|
4
4
|
import { ThemeInterface } from '../../theme/magma';
|
|
5
5
|
export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
6
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Omit } from '../../utils';
|
|
3
|
-
import { ThemeInterface } from '../../theme/magma';
|
|
4
2
|
import { TabsOrientation, TabsTextTransform } from './shared';
|
|
3
|
+
import { ThemeInterface } from '../../theme/magma';
|
|
4
|
+
import { Omit } from '../../utils';
|
|
5
5
|
export declare enum TabsAlignment {
|
|
6
6
|
center = "center",
|
|
7
7
|
left = "left",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Tag';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { FormFieldContainerBaseProps } from '../FormFieldContainer';
|
|
3
2
|
import { Omit } from '../../utils';
|
|
3
|
+
import { FormFieldContainerBaseProps } from '../FormFieldContainer';
|
|
4
4
|
export interface TextareaProps extends Omit<FormFieldContainerBaseProps, 'inputSize' | 'fieldId'>, React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
5
5
|
/**
|
|
6
6
|
* Style properties for the component container element
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { IconProps } from 'react-magma-icons';
|
|
3
3
|
import { ThemeInterface } from '../../theme/magma';
|
|
4
|
+
import { XOR } from '../../utils';
|
|
4
5
|
import { ButtonProps, ButtonSize } from '../Button';
|
|
5
|
-
import { IconProps } from 'react-magma-icons';
|
|
6
6
|
export interface ToggleButtonTextProps extends ButtonProps {
|
|
7
7
|
/**
|
|
8
8
|
* Sets a disabled state for a button.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { ThemeInterface } from '../../theme/magma';
|
|
2
3
|
import { ButtonSize } from '../Button';
|
|
3
4
|
import { ButtonGroupProps } from '../ButtonGroup';
|
|
4
|
-
import { ThemeInterface } from '../../theme/magma';
|
|
5
5
|
/**
|
|
6
6
|
* @children required
|
|
7
7
|
*/
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { UseTreeItemProps } from './useTreeItem';
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
export declare const TreeItem: React.ForwardRefExoticComponent<TreeItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
3
|
+
export declare type TreeItemProps = UseTreeItemProps;
|
|
4
|
+
export declare const TreeItem: React.ForwardRefExoticComponent<UseTreeItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -32,5 +32,7 @@ export interface TreeViewContextInterface {
|
|
|
32
32
|
items: TreeViewItemInterface[];
|
|
33
33
|
selectItem: (data: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>) => void;
|
|
34
34
|
handleExpandedChange: (event: React.SyntheticEvent, expandedItemId: string) => void;
|
|
35
|
+
expandedSet: Set<string>;
|
|
36
|
+
isTopLevelSelectable?: boolean;
|
|
35
37
|
}
|
|
36
38
|
export declare const TreeViewContext: React.Context<TreeViewContextInterface>;
|
|
@@ -8,6 +8,8 @@ export interface TreeViewApi {
|
|
|
8
8
|
clearAll(): void;
|
|
9
9
|
showMore(): void;
|
|
10
10
|
showLess(): void;
|
|
11
|
+
expandAll(): void;
|
|
12
|
+
collapseAll(): void;
|
|
11
13
|
}
|
|
12
14
|
export interface UseTreeViewProps {
|
|
13
15
|
/**
|
|
@@ -77,6 +79,8 @@ export interface UseTreeViewProps {
|
|
|
77
79
|
* clearAll(): void - action that allows to unselect all items.
|
|
78
80
|
* showMore(): void - action that gets called when a tree has hidden items and they get expanded.
|
|
79
81
|
* showLess(): void - action that gets called when a tree has hidden items and they get collapsed.
|
|
82
|
+
* expandAll(): void - action that allows to expand all items.
|
|
83
|
+
* collapseAll(): void - action that allows to collapse all items.
|
|
80
84
|
*/
|
|
81
85
|
apiRef?: React.MutableRefObject<TreeViewApi | undefined>;
|
|
82
86
|
/**
|
|
@@ -84,6 +88,12 @@ export interface UseTreeViewProps {
|
|
|
84
88
|
* @default false
|
|
85
89
|
*/
|
|
86
90
|
isDisabled?: boolean;
|
|
91
|
+
/**
|
|
92
|
+
* If false, top-level items will not be selectable in multi-select mode.
|
|
93
|
+
* Their checkboxes will be hidden, and they will only function as expandable groups.
|
|
94
|
+
* @default true
|
|
95
|
+
*/
|
|
96
|
+
isTopLevelSelectable?: boolean;
|
|
87
97
|
}
|
|
88
98
|
export declare function useTreeView(props: UseTreeViewProps): {
|
|
89
99
|
contextValue: {
|
|
@@ -104,6 +114,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
|
|
|
104
114
|
selectItem: ({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId'> & Partial<Pick<TreeViewItemInterface, 'checkedStatus'>>) => void;
|
|
105
115
|
handleExpandedChange: (event: React.SyntheticEvent, itemId: string) => void;
|
|
106
116
|
expandedSet: Set<string>;
|
|
117
|
+
isTopLevelSelectable: boolean;
|
|
107
118
|
};
|
|
108
119
|
};
|
|
109
120
|
export declare type UseTreeViewReturn = ReturnType<typeof useTreeView>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ThemeInterface } from '../../theme/magma';
|
|
2
|
-
import { UseTreeViewProps } from './useTreeView';
|
|
3
|
-
import { TreeViewSelectable } from './types';
|
|
4
1
|
import React from 'react';
|
|
2
|
+
import { TreeViewSelectable } from './types';
|
|
3
|
+
import { UseTreeViewProps } from './useTreeView';
|
|
4
|
+
import { ThemeInterface } from '../../theme/magma';
|
|
5
5
|
import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
|
|
6
6
|
import { TreeItemSelectedInterface, TreeViewItemInterface } from './TreeViewContext';
|
|
7
7
|
export declare enum TreeNodeType {
|
|
@@ -34,7 +34,7 @@ export declare const getChildrenIds: ({ items, itemId, }: {
|
|
|
34
34
|
items: TreeViewItemInterface[];
|
|
35
35
|
itemId: TreeViewItemInterface['itemId'];
|
|
36
36
|
}) => any;
|
|
37
|
-
export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, checkChildren, selectable, isDisabled: isTreeViewDisabled, }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'checkChildren' | 'selectable' | 'isDisabled'>) => any;
|
|
37
|
+
export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, checkChildren, selectable, isDisabled: isTreeViewDisabled, isTopLevelSelectable, }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'checkChildren' | 'selectable' | 'isDisabled' | 'isTopLevelSelectable'>) => any;
|
|
38
38
|
export declare const selectSingle: ({ items, itemId, checkedStatus, }: {
|
|
39
39
|
items: TreeViewItemInterface[];
|
|
40
40
|
itemId: TreeViewItemInterface['itemId'];
|
|
@@ -47,16 +47,16 @@ export declare const selectSingle: ({ items, itemId, checkedStatus, }: {
|
|
|
47
47
|
hasOwnTreeItems: boolean;
|
|
48
48
|
isDisabled?: boolean;
|
|
49
49
|
}[];
|
|
50
|
-
export declare const toggleMulti: ({ items, itemId, checkedStatus: rawCheckedStatus, forceCheckedStatus, checkChildren, checkParents, }: {
|
|
50
|
+
export declare const toggleMulti: ({ items, itemId, checkedStatus: rawCheckedStatus, forceCheckedStatus, checkChildren, checkParents, isTopLevelSelectable, }: {
|
|
51
51
|
items: TreeViewItemInterface[];
|
|
52
52
|
itemId: TreeViewItemInterface['itemId'];
|
|
53
53
|
checkedStatus: TreeViewItemInterface['checkedStatus'];
|
|
54
54
|
forceCheckedStatus?: boolean;
|
|
55
|
-
} & Pick<UseTreeViewProps, "checkChildren" | "checkParents">) => any;
|
|
56
|
-
export declare const toggleAllMulti: ({ items, checkedStatus, checkChildren, checkParents, }: {
|
|
55
|
+
} & Pick<UseTreeViewProps, "checkChildren" | "checkParents" | "isTopLevelSelectable">) => any;
|
|
56
|
+
export declare const toggleAllMulti: ({ items, checkedStatus, checkChildren, checkParents, isTopLevelSelectable, }: {
|
|
57
57
|
items: TreeViewItemInterface[];
|
|
58
58
|
checkedStatus: TreeViewItemInterface['checkedStatus'];
|
|
59
|
-
} & Pick<UseTreeViewProps, "checkChildren" | "checkParents">) => any;
|
|
59
|
+
} & Pick<UseTreeViewProps, "checkChildren" | "checkParents" | "isTopLevelSelectable">) => any;
|
|
60
60
|
export declare const getInitialExpandedIds: ({ items, initialExpandedItems, }: {
|
|
61
61
|
items: TreeViewItemInterface[];
|
|
62
62
|
} & Pick<UseTreeViewProps, "initialExpandedItems">) => any[];
|