react-magma-dom 4.10.1 → 5.0.1-rc.0

package/dist/components/TreeView/TreeView.stories.d.ts

@@ -0,0 +1,199 @@
+import React from 'react';
+import { IndeterminateCheckboxStatus, TreeViewProps } from '../..';
+import { TreeViewSelectable } from '.';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Simple: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const Complex: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        selectable: TreeViewSelectable;
+        ariaLabel: string;
+        initialExpandedItems: string[];
+        preselectedItems: ({
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+            isDisabled?: undefined;
+        } | {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+            isDisabled: boolean;
+        })[];
+        checkParents: boolean;
+        checkChildren: boolean;
+        isDisabled: boolean;
+        testId: string;
+    };
+};
+export declare const NoIcons: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        initialExpandedItems: string[];
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+    };
+};
+export declare const Textbook: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        ariaLabelledBy: string;
+    };
+};
+export declare const DefaultIcon: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const FirstItemLeaf: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        initialExpandedItems: string[];
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const FirstItemBranch: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        ariaLabel: string;
+        selectable: TreeViewSelectable;
+        preselectedItems: {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+        }[];
+        initialExpandedItems: string[];
+    };
+};
+export declare const FlatTree: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        selectable: TreeViewSelectable;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const ParentsAndChildrenNotAutoChecked: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        checkParents: boolean;
+        checkChildren: boolean;
+        ariaLabel: string;
+        selectable: TreeViewSelectable;
+        testId: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const InvalidTreeItems: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const AccordionSectionWithTreeView: (props: any) => React.JSX.Element;
+export declare const AccordionTreeWithShowAllAndExpandAll: {
+    render: (props: any) => React.JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const ComplexTreeWithShowAllAndExpandAll: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        checkParents: boolean;
+        checkChildren: boolean;
+        selectable: TreeViewSelectable;
+        ariaLabel: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const ComplexTreeWithLargeDataSet: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        checkParents: boolean;
+        checkChildren: boolean;
+        selectable: TreeViewSelectable;
+        ariaLabel: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const ComplexWithTopLevelNotSelectable: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        selectable: TreeViewSelectable;
+        isTopLevelSelectable: boolean;
+        ariaLabel: string;
+        initialExpandedItems: string[];
+        preselectedItems: ({
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+            isDisabled?: undefined;
+        } | {
+            itemId: string;
+            checkedStatus: IndeterminateCheckboxStatus;
+            isDisabled: boolean;
+        })[];
+        checkParents: boolean;
+        checkChildren: boolean;
+        isDisabled: boolean;
+        testId: string;
+    };
+};
+export declare const DynamicTreeItems: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const ComplexWithAdditionalContent: {
+    render: (args: Partial<TreeViewProps>) => React.JSX.Element;
+    args: {
+        ariaLabel: string;
+        initialExpandedItems: string[];
+        checkParents: boolean;
+        checkChildren: boolean;
+        isDisabled: boolean;
+        testId: string;
+    };
+};
+export declare function TreeViewWithDifferentElements(): React.JSX.Element;
+export declare function CustomExpandIconArrowAndTreeItemStyles(): React.JSX.Element;

package/dist/components/TreeView/index.d.ts

@@ -4,4 +4,4 @@ export * from './useTreeItem';
 export * from './useTreeView';
 export * from './utils';
 export * from './types';
-export { TreeItemSelectedInterface, TreeViewApi } from './useTreeView';
+export type { TreeItemSelectedInterface, TreeViewApi } from './useTreeView';

package/dist/components/TreeView/useTreeItem.d.ts

@@ -76,7 +76,7 @@ export declare function useTreeItem(props: UseTreeItemProps, forwardedRef: any):
         ref: (node: any) => void;
         selectedItems: import("./TreeViewContext").TreeItemSelectedInterface[];
         setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-        treeItemChildren: (string | number | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal)[];
+        treeItemChildren: (string | number | React.ReactElement<any, string | ((props: any, deprecatedLegacyContext?: any) => React.ReactElement<any, any>) | (new (props: any, deprecatedLegacyContext?: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal)[];
         isDisabled: boolean;
     };
     handleClick: (event: any, itemId: any) => void;

package/dist/components/TreeView/useTreeView.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TreeItemSelectedInterface, TreeViewItemInterface } from './TreeViewContext';
 import { TreeViewSelectable } from './types';
-export { TreeItemSelectedInterface };
+export type { TreeItemSelectedInterface };
 export interface TreeViewApi {
     selectItem({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>): void;
     selectAll(): void;

package/dist/components/Typography/index.d.ts

@@ -58,5 +58,5 @@ export declare const headingXSmallStyles: (props: any) => import("@emotion/react
 export declare const heading2XSmallStyles: (props: any) => import("@emotion/react").SerializedStyles;
 export declare const TypographyComponent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
+    as?: React.ElementType<any, "symbol" | "object" | "slot" | "style" | "title" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
 } & TypographyProps<HTMLParagraphElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-5617c98e").R, import("storybook/internal/csf").Args>;
+export default _default;
+export declare const Default: () => React.JSX.Element;

package/dist/components/VisuallyHidden/index.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-/**
- * @children required
- */
 export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * @children required
+     */
+    children: React.ReactNode;
     /**
      * @internal
      */