@mcf/lib-ui 2.4.84 → 2.4.87

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

@@ -13,4 +13,4 @@ export interface IBaseButtonProps {
     type?: TYPE;
     id?: string;
 }
-export declare const BaseButton: React.SFC<IBaseButtonProps>;
+export declare const BaseButton: React.FC<IBaseButtonProps>;

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

@@ -1,4 +1,4 @@
-import { FC, ButtonHTMLAttributes, DetailedHTMLProps, ReactElement } from 'react';
+import React, { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
 import { ButtonCategory, ButtonColor, ButtonPadding, ButtonSize } from './ButtonConstants';
 import { IconProps } from '../Icon/Icon';
 export interface IButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
@@ -10,8 +10,7 @@ export interface IButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTM
     disabled?: boolean;
     leftIconProps?: IconProps;
     rightIconProps?: IconProps;
-    content?: ReactElement;
     badgeCount?: number;
 }
-declare const Button: FC<IButtonProps>;
+declare const Button: React.FC<IButtonProps>;
 export default Button;

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

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

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

@@ -9,4 +9,4 @@ export interface ICheckBoxProps {
     label: React.ReactElement<IEmptyInterface> | string;
     disabled?: boolean;
 }
-export declare const CheckBox: React.SFC<ICheckBoxProps>;
+export declare const CheckBox: React.FC<ICheckBoxProps>;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ICheckboxProps } from '../CheckboxNew/CheckboxNew';
 export declare enum Orientation {
     Horizontal = "Horizontal",
@@ -11,5 +11,5 @@ interface ICheckboxGroupProps {
     checkboxInformation: ICheckboxProps[];
     error?: string;
 }
-declare const CheckboxGroup: ({ orientation, primaryLabel, secondaryLabel, checkboxInformation, error, }: ICheckboxGroupProps) => JSX.Element;
+declare const CheckboxGroup: React.FC<ICheckboxGroupProps>;
 export default CheckboxGroup;

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

@@ -13,5 +13,5 @@ export interface ICheckboxProps extends React.DetailedHTMLProps<InputHTMLAttribu
     errorMessage?: string;
     containerClassName?: string;
 }
-declare const Checkbox: (props: ICheckboxProps) => JSX.Element;
+declare const Checkbox: React.FC<ICheckboxProps>;
 export default Checkbox;

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

@@ -1,74 +1,4 @@
 import React from 'react';
-import 'react-select-plus/dist/react-select-plus.css';
-export interface IDropdownProps {
-    id?: string;
-    data: any[];
-    label?: string;
-    subtitle?: string;
-    className?: string;
-    aria?: {
-        ariaLabel?: string;
-        ariaLabelledBy?: string;
-        ariaDescribedBy?: string;
-    };
-    labelKey?: string;
-    loadData?: () => void;
-    name?: string;
-    onChange?: (values: any) => void;
-    onInputChange?: (value: string) => void;
-    onEnterKeyDown?: () => void;
-    options?: {
-        async?: boolean;
-        maxLength?: number;
-        multi?: boolean;
-    };
-    input?: {
-        value?: string;
-        onChange?: (value: any) => void;
-        onBlur?: () => void;
-    };
-    meta?: {
-        error?: string;
-        touched?: boolean;
-    };
-    searchable?: boolean;
-    noResultsText?: string;
-    value?: any;
-    valueKey?: string;
-    placeholder?: string;
-    clearable?: boolean;
-    onFocus?: () => void;
-    onBlur?: () => void;
-}
-export interface IDropdownState {
-    value: string | string[] | null;
-}
-export declare class Dropdown extends React.Component<IDropdownProps, IDropdownState> {
-    static defaultProps: {
-        labelKey: string;
-        meta: {};
-        options: {
-            async: boolean;
-            maxLength: number;
-            multi: boolean;
-        };
-        valueKey: string;
-    };
-    static getDerivedStateFromProps(nextProps: IDropdownProps): {
-        value: string | null;
-    };
-    private static computeValue;
-    selectRef: any;
-    constructor(props: IDropdownProps);
-    render(): JSX.Element | null;
-    onInputChange(inputValue: string): void;
-    onInputKeyDown(e: {
-        keyCode: number;
-        preventDefault: () => void;
-    }): void;
-    onChange(selectedItem: {
-        [s: string]: string;
-    }): void;
-    onChangeMulti(selectedItems: string[]): void;
-    loadOptions(input: string, callback: (a: any, b: any) => void): void;
-}
+import { DropdownProps } from './Dropdown.constants';
+declare const Dropdown: ({ width, isSearchable, isDisabled, primaryLabel, secondaryLabel, additionalInfo, errorMsg, placeholder, data, input, variant, customStyles, ...props }: DropdownProps) => React.JSX.Element;
+export default Dropdown;

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

@@ -1 +1,2 @@
-export * from './Dropdown';
+export { default as Dropdown } from './Dropdown';
+export * from './Dropdown.constants';

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface IMenuItem {
     id: string;
     text: string;
@@ -6,4 +6,4 @@ export interface IMenuItem {
     className?: string;
     onChange?: (id: string) => void;
 }
-export declare const MenuItem: ({ id, text, isActive, className, onChange }: IMenuItem) => JSX.Element;
+export declare const MenuItem: ({ id, text, isActive, className, onChange }: IMenuItem) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IMenuItem } from './MenuItem';
 export interface IMenuListProps {
     title?: string;
@@ -6,5 +6,5 @@ export interface IMenuListProps {
     activeIndex?: string;
     onChange: (id: string) => void;
 }
-declare const MenuList: ({ title, items, onChange, activeIndex }: IMenuListProps) => JSX.Element;
+declare const MenuList: ({ title, items, onChange, activeIndex }: IMenuListProps) => React.JSX.Element;
 export default MenuList;

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

@@ -24,6 +24,6 @@ export interface IInput {
 export declare class RadioButtonGroup extends React.Component<IRadioButtonGroupProps, IRadioButtonGroupState> {
     static defaultProps: Partial<IRadioButtonGroupProps>;
     constructor(props: IRadioButtonGroupProps);
-    render(): JSX.Element[];
+    render(): React.ReactPortal;
     private handleOnValueSelected;
 }

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

@@ -23,7 +23,7 @@ export interface IReactFileReaderResult {
 export declare class ReactFileReader extends React.Component<IReactFileReaderProps> {
     static defaultProps: IReactFileReaderDefaultProps;
     private fileInput;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private setFileInput;
     private clickInput;
     private onChangeHandler;

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

@@ -28,6 +28,6 @@ export declare class StickyHeader extends React.Component<IStickyHeaderProps, IS
     constructor(props: IStickyHeaderProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private getHeight;
 }

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

@@ -1,7 +1,7 @@
-import React, { ReactElement, DetailedHTMLProps, HTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface ITab {
-    title: string | ReactElement;
-    content: ReactElement;
+    title: string | JSX.Element;
+    content: JSX.Element;
     badgeCount?: number;
     disabled?: boolean;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IBaseProps {
+export interface IBaseProps {
     input: {
         onChange: (value: string) => void;
         value?: string;
@@ -16,5 +16,5 @@ interface ITextAreaWithoutCounterProps extends IBaseProps {
     maxLength?: undefined;
 }
 export type ITextAreaProps = ITextAreaWithCounterProps | ITextAreaWithoutCounterProps;
-export declare const TextArea: React.SFC<ITextAreaProps>;
+export declare const TextArea: React.FC<ITextAreaProps>;
 export {};

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

@@ -22,4 +22,4 @@ export interface ITextInputProps {
     step?: number | string;
     ariaLabel?: string;
 }
-export declare const TextInput: React.SFC<ITextInputProps>;
+export declare const TextInput: React.FC<ITextInputProps>;

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 export interface ITypeAheadProps {
     autoComplete?: string;
     data?: any[];
@@ -35,7 +35,7 @@ export declare class TypeAhead extends Component<ITypeAheadProps, ITypeAheadStat
     private static getInitialValue;
     constructor(props: ITypeAheadProps);
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.ReactNode;
     private getSuggestions;
     private renderSuggestion;
     private renderSuggestionsContainer;

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

@@ -1,13 +1,11 @@
 export * from './BaseButton';
 export * from './CheckBox';
 export * from './ConfirmationBox';
-export * from './Dropdown';
 export * from './RadioButtonGroup';
 export * from './ReactFileReader';
 export * from './StickyHeader';
 export * from './TextArea';
 export * from './TextInput';
-export * from './Toggle';
 export * from './TypeAhead';
 export * from './Icon';
 export * from './Button';
@@ -21,4 +19,4 @@ export * from './Tabs';
 export * from './TextInputNew';
 export * from './Collapse';
 export * from './MenuList';
-export * from './DropdownNew';
+export * from './Dropdown';

package/dist/@types/Example/ReactFileReader/ReactFileReader.story.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const DisplayReactFileReader: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/@types/Example/ReactFileReader/index.d.ts

@@ -8,7 +8,7 @@ interface IExampleReactFileReaderState {
 }
 export declare class ExampleReactFileReader extends React.Component<IEmptyInterface, IExampleReactFileReaderState> {
     state: Readonly<IExampleReactFileReaderState>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private renderReactFileReader;
     private showFileResult;
 }