@mcf/lib-ui 2.4.24 → 2.4.27

package/README.md

@@ -84,6 +84,8 @@ yarn install
 yarn start # runs a storybook server at http://localhost:9001
 ```
 
+This repo uses node v20
+
 ### Development
 Component code is stored in `./src`. See the `./src/Example/Text` for an example.
 

package/dist/@types/Component/Button/Button.d.ts

@@ -1,7 +1,7 @@
-import { FC, ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
+import { FC, ButtonHTMLAttributes, DetailedHTMLProps, ReactElement } from 'react';
 import { ButtonCategory, ButtonColor, ButtonIconPosition, ButtonSize } from './ButtonConstants';
 import { IconProps } from '../Icon/Icon';
-interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+export interface IButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     category?: ButtonCategory;
     color?: ButtonColor;
     size?: ButtonSize;
@@ -9,6 +9,8 @@ interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonE
     disabled?: boolean;
     iconPosition?: ButtonIconPosition;
     iconProps?: IconProps;
+    content?: ReactElement;
+    badgeCount?: number;
 }
-declare const Button: FC<ButtonProps>;
+declare const Button: FC<IButtonProps>;
 export default Button;

package/dist/@types/Component/Button/ButtonConstants.d.ts

@@ -7,7 +7,8 @@ export declare enum ButtonCategory {
     Solid = "Solid",
     Outline = "Outline",
     Transparent = "Transparent",
-    Text = "Text"
+    Text = "Text",
+    Segmented = "Segmented"
 }
 export declare enum ButtonSize {
     Small = "Small",

package/dist/@types/Component/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,10 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { IButtonProps } from '../Button/Button';
+interface IButtonGroupProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    buttons: IButtonProps[];
+    activeButton?: number;
+    onActiveButtonChange?: (index: number) => any;
+    activeButtonClass?: string;
+}
+declare const ButtonGroup: ({ activeButton, activeButtonClass, buttons, className, onActiveButtonChange, ...divProps }: IButtonGroupProps) => JSX.Element;
+export default ButtonGroup;

package/dist/@types/Component/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonGroup } from './ButtonGroup';

package/dist/@types/Component/MenuList/MenuItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface IMenuItem {
+    id: string;
+    text: string;
+    isActive: boolean;
+    className?: string;
+    onChange: (event: any) => void;
+}
+export declare const MenuItem: ({ id, text, isActive, className, onChange }: IMenuItem) => JSX.Element;

package/dist/@types/Component/MenuList/MenuList.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IMenuItem } from './MenuItem';
+export interface IMenuListProps {
+    title?: string;
+    items: IMenuItem[];
+    activeIndex?: string;
+    onChange: (event: any) => void;
+}
+declare const MenuList: ({ title, items, onChange, activeIndex }: IMenuListProps) => JSX.Element;
+export default MenuList;

package/dist/@types/Component/MenuList/index.d.ts

@@ -0,0 +1 @@
+export { default as MenuList } from './MenuList';

package/dist/@types/Component/Tabs/Tabs.d.ts

@@ -1,9 +1,10 @@
-import React, { ReactElement } from 'react';
+import React, { ReactElement, DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface ITab {
     title: string | ReactElement;
     content: ReactElement;
+    badgeCount?: number;
 }
-export interface ITabsProps {
+export interface ITabsProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     activeTab?: number;
     defaultActiveTab?: number;
     tabs: Array<ITab>;
@@ -11,5 +12,6 @@ export interface ITabsProps {
     stickyHeader?: boolean;
     tabClassName?: string;
     activeTabClassName?: string;
+    isSegmentedControl?: boolean;
 }
 export declare const Tabs: React.FunctionComponent<ITabsProps>;

package/dist/@types/Component/index.d.ts

@@ -11,6 +11,7 @@ export * from './Toggle';
 export * from './TypeAhead';
 export * from './Icon';
 export * from './Button';
+export * from './ButtonGroup';
 export * from './CheckboxNew';
 export * from './CheckboxGroup';
 export * from './InfoBox';
@@ -19,3 +20,4 @@ export * from './Modal';
 export * from './Tabs';
 export * from './TextInputNew';
 export * from './Collapse';
+export * from './MenuList';