react-magma-dom 4.6.0-next.0 → 4.6.0-next.10

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

@@ -6,3 +6,4 @@ export declare const Disabled: import("@storybook/csf").AnnotatedStoryFn<import(
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ButtonProps>;
 export declare const InverseDisabled: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ButtonProps>;
 export declare const All: () => JSX.Element;
+export declare const LoadingButton: (args: any) => JSX.Element;

package/dist/components/List/List.d.ts

@@ -5,15 +5,10 @@ import { TypographyVisualStyle } from '../Typography';
  * @children required
  */
 export interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
-    description?: boolean;
     /**
      * Allows an ordered list to start at a determined value of a letter or number.
      */
     hasStart?: string;
-    /**
-     * For use with inline icons within list items.
-     */
-    icon?: React.ReactElement<any> | React.ReactElement<any>[];
     /**
      * Aligns the icon at the top, or center of each list item.
      * @default IconAlignment.center
@@ -79,5 +74,4 @@ export declare enum olListType {
 }
 export declare function getIconSizes(props: any): any;
 export declare function getListAlignment(props: any): "center" | "flex-start";
-export declare function getListDisplay(props: any): "grid" | "list-item";
 export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,64 @@
+import { ulListType } from './List';
+import { TypographyVisualStyle } from '../Typography';
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
-export declare const Default: (args: any) => JSX.Element;
+export declare const Simple: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+        isOrdered: boolean;
+        isReversed: boolean;
+        isInverse: boolean;
+        visualStyle: TypographyVisualStyle;
+        listType: ulListType;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const UnorderedList: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+        isOrdered: boolean;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const OrderedList: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+        isOrdered: boolean;
+        hasStart: number;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const WithLinks: {
+    (args: any): JSX.Element;
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export declare const WithIcons: {
+    (args: any): JSX.Element;
+    args: {
+        spacingStyle: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

package/dist/components/List/ListItem.d.ts

@@ -5,6 +5,14 @@ import { magma } from '../../theme/magma';
  * @children required
  */
 export interface ListItemProps extends ListProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Boolean which changes a list item into a styled paragraph.
+     */
+    description?: boolean;
+    /**
+     * For use with inline icons within list items.
+     */
+    icon?: React.ReactElement<any> | React.ReactElement<any>[];
     /**
      * Option for changing icon background with all Magma colors.
      */

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

@@ -5,6 +5,7 @@ declare const info: {
 };
 export default info;
 export declare const Default: () => JSX.Element;
+export declare const BackgroundCickDisabled: () => JSX.Element;
 export declare const LongContentWithScrolling: () => JSX.Element;
 export declare const RadioInModal: () => JSX.Element;
 export declare const ModalContentUpdate: () => JSX.Element;

package/dist/components/NavTabs/NavTab.d.ts

@@ -2,9 +2,6 @@ import * as React from 'react';
 import { TabsIconPosition } from '../Tabs';
 import { TabsOrientation } from '../Tabs/shared';
 import { XOR } from '../../utils';
-/**
- * @children required
- */
 export interface BaseNavTabProps extends React.HTMLAttributes<HTMLAnchorElement> {
     /**
      * @internal
@@ -39,7 +36,7 @@ export interface BaseNavTabProps extends React.HTMLAttributes<HTMLAnchorElement>
     theme?: any;
 }
 export interface NavTabChildrenProps extends BaseNavTabProps {
-    children: JSX.Element | string;
+    children?: JSX.Element | string;
     /**
      * The href value of the tab link
      */

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

@@ -1,5 +1,7 @@
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const IconOnly: () => JSX.Element;
 export declare const BackgroundColor: () => JSX.Element;
 export declare const Inverse: () => JSX.Element;
+export declare const CustomTab: () => JSX.Element;

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

@@ -7,6 +7,11 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
      */
     color?: string;
     isInverse?: boolean;
+    /**
+     * Use when Spinner does not need the "img" role (ex: button loading state)
+     * @internal
+     */
+    noRole?: boolean;
     /**
      * The height and width of the spinner.  Can be a string or number; if number is provided, the size is in px.
      * @default 16

package/dist/components/Table/TableRow.d.ts

@@ -24,6 +24,10 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
     onHeaderRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     rowIndex?: number;
+    /**
+     * Unique name to be used to identify row for screenreaders
+     */
+    rowName?: string;
     /**
      * @internal
      */

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

@@ -85,3 +85,18 @@ export declare const FlatTree: {
         };
     };
 };
+export declare const ParentsAndChildrenNotAutoChecked: {
+    (args: any): JSX.Element;
+    args: {
+        checkParents: boolean;
+        checkChildren: boolean;
+        ariaLabel: string;
+        selectable: TreeViewSelectable;
+        testId: string;
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};

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

@@ -24,5 +24,7 @@ export interface TreeViewContextInterface {
     setSelectedItemsChanged: React.Dispatch<React.SetStateAction<any>>;
     treeItemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;
     itemToFocus?: string;
+    checkParents: boolean;
+    checkChildren: boolean;
 }
 export declare const TreeViewContext: React.Context<TreeViewContextInterface>;

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

@@ -49,6 +49,19 @@ export interface UseTreeViewProps {
      * Example: [ {itemId: 'item0', checkedStatus: IndeterminateCheckboxStatus.indeterminate}, {itemId: 'item0-child', checkedStatus: IndeterminateCheckboxStatus.checked} ]
      */
     onSelectedItemChange?: (selectedItems: Array<Object>) => void;
+    /**
+     * Only affects if selectable mode is TreeViewSelectable.multi.
+     * Determines if the parent checkbox will get selected when the user selects all its children checkboxes.
+     * When checkParents is enabled, the TreeView displays the indeterminate state of the parent checkboxes too.
+     * @default true
+     */
+    checkParents?: boolean;
+    /**
+     * Only affects if selectable mode is TreeViewSelectable.multi.
+     * Determines if the child checkboxes get selected when the user selects parent checkbox.
+     * @default true
+     */
+    checkChildren?: boolean;
     children?: React.ReactNode[];
 }
 export declare function useTreeView(props: UseTreeViewProps): {
@@ -70,6 +83,8 @@ export declare function useTreeView(props: UseTreeViewProps): {
         setInitialExpandedItemsNeedUpdate: React.Dispatch<React.SetStateAction<boolean>>;
         selectedItemsChanged: boolean;
         setSelectedItemsChanged: React.Dispatch<React.SetStateAction<boolean>>;
+        checkChildren: boolean;
+        checkParents: boolean;
     };
 };
 export declare type UseTreeViewReturn = ReturnType<typeof useTreeView>;