@mcf/lib-ui 2.4.87 → 2.4.90

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { 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) => React.JSX.Element;
+declare const ButtonGroup: ({ activeButton, activeButtonClass, buttons, className, onActiveButtonChange, ...divProps }: IButtonGroupProps) => 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.FC<ICheckBoxProps>;
+export declare const CheckBox: React.SFC<ICheckBoxProps>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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: React.FC<ICheckboxGroupProps>;
+declare const CheckboxGroup: ({ orientation, primaryLabel, secondaryLabel, checkboxInformation, error, }: ICheckboxGroupProps) => JSX.Element;
 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: React.FC<ICheckboxProps>;
+declare const Checkbox: (props: ICheckboxProps) => JSX.Element;
 export default Checkbox;

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

@@ -1,4 +1,74 @@
 import React from 'react';
-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;
+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;
+}

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DropdownProps } from './DropdownNew.constants';
+declare const Dropdown: ({ width, isSearchable, isDisabled, primaryLabel, secondaryLabel, additionalInfo, errorMsg, placeholder, data, input, variant, customStyles, ...props }: DropdownProps) => JSX.Element;
+export default Dropdown;

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

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

package/dist/@types/Component/Icon/Icons.d.ts

@@ -2,6 +2,7 @@
 export declare const Icons: {
     'arrow-left': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     'arrow-up-right-from-square': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    'arrow-up-to-line': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     badge: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     bars: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     'bars-magnifying-glass': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
@@ -32,6 +33,7 @@ export declare const Icons: {
     'folder-pen': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     'government-building': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     'icon-open-new-window': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
+    lightning: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     'location-dot': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     'lock-jobs': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;
     lock: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement>>;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+export declare const MenuItem: ({ id, text, isActive, className, onChange }: IMenuItem) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="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) => React.JSX.Element;
+declare const MenuList: ({ title, items, onChange, activeIndex }: IMenuListProps) => JSX.Element;
 export default MenuList;

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

@@ -1 +1,2 @@
 export { default as MessageBar } from './MessageBar';
+export { BORDER_POSITION as MessageBarBorderPosition } from './MessageBar';

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(): React.ReactPortal;
+    render(): JSX.Element[];
     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(): React.JSX.Element;
+    render(): 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(): React.JSX.Element;
+    render(): JSX.Element;
     private getHeight;
 }

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface IBaseProps {
+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.FC<ITextAreaProps>;
+export declare const TextArea: React.SFC<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.FC<ITextInputProps>;
+export declare const TextInput: React.SFC<ITextInputProps>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IToggleProps {
+    initialState?: boolean;
+    changeHandler: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Toggle: React.SFC<IToggleProps>;

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

@@ -0,0 +1 @@
+export * from './Toggle';

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

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { 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(): React.ReactNode;
+    render(): JSX.Element;
     private getSuggestions;
     private renderSuggestion;
     private renderSuggestionsContainer;

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

@@ -1,11 +1,13 @@
 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';
@@ -19,4 +21,4 @@ export * from './Tabs';
 export * from './TextInputNew';
 export * from './Collapse';
 export * from './MenuList';
-export * from './Dropdown';
+export * from './DropdownNew';

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

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const DisplayReactFileReader: {
-    (): React.JSX.Element;
+    (): 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(): React.JSX.Element;
+    render(): JSX.Element;
     private renderReactFileReader;
     private showFileResult;
 }

package/dist/@types/storyguide/Buttons/BaseButton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare function BaseButton(props: {
+    className: any;
+    text: React.ReactNode;
+}): JSX.Element;
+export declare function IconButton(props: {
+    className: any;
+    text: React.ReactNode;
+}): JSX.Element;
+export declare function IconButtonwWord(props: {
+    className: any;
+    text: React.ReactNode;
+}): JSX.Element;
+export declare function FloatingActionButton(props: {
+    className: any;
+    text: React.ReactNode;
+}): JSX.Element;

package/dist/@types/storyguide/JobCard/Bookmark/BookmarkButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IBookmarkedButtonProps {
+    selected?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => any;
+}
+export declare const BookmarkButton: React.FunctionComponent<IBookmarkedButtonProps>;

package/dist/@types/storyguide/JobCard/CompanyInfo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function CompanyInfo(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobBenefit.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobBenefit(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobCard.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Company: React.FunctionComponent;

package/dist/@types/storyguide/JobCard/JobInfo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobInfo(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobLastPostedDate.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobLastPostedDate(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobPostStatus.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobPostStatus(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobSkillInfo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobSkillInfo(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobSponsor.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobSponsor(): JSX.Element;

package/dist/@types/storyguide/JobCard/JobTitle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function JobTitle(): JSX.Element;

package/dist/@types/storyguide/JobCard/SalaryInfo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SalaryInfo(): JSX.Element;

package/dist/@types/storyguide/Skills/Score.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const CARD_LABEL: {
+    NO_SKILL_INFO: string;
+    SKILLS_MATCHED: string;
+};
+export declare const Score: React.FunctionComponent;

package/dist/@types/storyguide/Skills/Scorebar.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CARD_LABEL: {
+    NO_SKILL_INFO: string;
+    SKILLS_MATCHED: string;
+};
+export declare function Scorebar(): JSX.Element;

package/dist/@types/storyguide/Skills/SkillPill.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ISkillButtonProps {
+    label: string;
+    selected?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => any;
+}
+export declare const SkillButton: React.FunctionComponent<ISkillButtonProps>;

package/dist/@types/storyguide/Text/Font.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export default function TextHeadLine(props: {
+    className: any;
+}): JSX.Element;
+export declare function FontFamily(props: {
+    text: React.ReactNode;
+}): JSX.Element;
+export declare function FontStyle(props: {
+    className: any;
+    code: React.ReactNode;
+    text: React.ReactNode;
+}): JSX.Element;

package/dist/@types/storyguide/Text/TextSize.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function TextSize(props: {
+    className: React.ReactNode;
+}): JSX.Element;