react-magma-dom 4.13.0 → 4.14.0-next.1
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/Fieldset/Fieldset.d.ts +38 -0
- package/dist/components/Fieldset/index.d.ts +1 -0
- package/dist/components/Tabs/utils.d.ts +4 -0
- package/dist/components/TreeView/TreeViewConfigContext.d.ts +1 -0
- package/dist/components/TreeView/useTreeView.d.ts +5 -0
- package/dist/esm/index.js +266 -103
- package/dist/esm/index.js.map +1 -1
- package/dist/i18n/interface.d.ts +4 -0
- package/dist/index.d.ts +1 -0
- package/dist/properties.json +366 -111
- package/dist/react-magma-dom.cjs.development.js +257 -102
- 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 +2 -2
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface FieldsetCommonProps {
|
|
3
|
+
/**
|
|
4
|
+
* Element to render for the fieldset container.
|
|
5
|
+
* @default 'fieldset'
|
|
6
|
+
*/
|
|
7
|
+
as?: 'fieldset' | 'div';
|
|
8
|
+
/**
|
|
9
|
+
* @children required
|
|
10
|
+
*/
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
isInverse?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Visible accessible label for the group.
|
|
15
|
+
*/
|
|
16
|
+
legend: React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* ID for the legend element. If omitted, a stable ID is generated.
|
|
19
|
+
*/
|
|
20
|
+
legendId?: string;
|
|
21
|
+
/**
|
|
22
|
+
* @internal
|
|
23
|
+
*/
|
|
24
|
+
testId?: string;
|
|
25
|
+
/**
|
|
26
|
+
* When true, visually hides the legend but keeps it accessible to screen readers.
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
visuallyHiddenLegend?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface FieldsetAsFieldsetProps extends FieldsetCommonProps, Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'children'> {
|
|
32
|
+
as?: 'fieldset';
|
|
33
|
+
}
|
|
34
|
+
export interface FieldsetAsDivProps extends FieldsetCommonProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
35
|
+
as: 'div';
|
|
36
|
+
}
|
|
37
|
+
export declare type FieldsetProps = FieldsetAsFieldsetProps | FieldsetAsDivProps;
|
|
38
|
+
export declare const Fieldset: React.ForwardRefExoticComponent<(FieldsetAsFieldsetProps & React.RefAttributes<HTMLFieldSetElement | HTMLDivElement>) | (FieldsetAsDivProps & React.RefAttributes<HTMLFieldSetElement | HTMLDivElement>)>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Fieldset';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TabsOrientation } from './shared';
|
|
2
3
|
export declare function useTabsMeta(theme: any, orientation: any, backgroundColor: any, isInverse: any): ({
|
|
3
4
|
vertical: boolean;
|
|
4
5
|
background: any;
|
|
@@ -42,6 +43,9 @@ export declare function useTabsMeta(theme: any, orientation: any, backgroundColo
|
|
|
42
43
|
handleTabsScroll?: undefined;
|
|
43
44
|
scroll?: undefined;
|
|
44
45
|
})[];
|
|
46
|
+
export declare function useScrollTabFocus(tabsWrapperRef: React.RefObject<HTMLElement>, orientation: TabsOrientation): {
|
|
47
|
+
focusFirstVisibleTab: () => void;
|
|
48
|
+
};
|
|
45
49
|
export declare const ScrollSpy: ({ handleScroll }: {
|
|
46
50
|
handleScroll: any;
|
|
47
51
|
}) => any;
|
|
@@ -12,6 +12,7 @@ export interface TreeViewConfigContextInterface {
|
|
|
12
12
|
isTopLevelSelectable?: boolean;
|
|
13
13
|
selectParents?: boolean;
|
|
14
14
|
expandIconStyles?: ExpandIconInterface;
|
|
15
|
+
hasGuideLines?: boolean;
|
|
15
16
|
registerTreeItem: (itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, itemRef: React.MutableRefObject<Element>) => void;
|
|
16
17
|
treeItemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;
|
|
17
18
|
}
|
|
@@ -106,6 +106,10 @@ export interface UseTreeViewProps {
|
|
|
106
106
|
* @internal
|
|
107
107
|
*/
|
|
108
108
|
testId?: string;
|
|
109
|
+
/**
|
|
110
|
+
* If true, TreeView will render guide lines for expanded items with children.
|
|
111
|
+
*/
|
|
112
|
+
hasGuideLines?: boolean;
|
|
109
113
|
}
|
|
110
114
|
interface ExpandIconStylesProps {
|
|
111
115
|
/**
|
|
@@ -141,6 +145,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
|
|
|
141
145
|
isTopLevelSelectable: boolean;
|
|
142
146
|
selectParents: boolean;
|
|
143
147
|
expandIconStyles: ExpandIconStylesProps;
|
|
148
|
+
hasGuideLines: boolean;
|
|
144
149
|
registerTreeItem: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
|
|
145
150
|
treeItemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
|
|
146
151
|
};
|