@agilekit/ui 0.0.432-alpha.0 → 0.0.442-alpha.0

package/lib/index.js.LICENSE.txt

@@ -1,12 +1,17 @@
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
 
 /**
  * A better abstraction over CSS.
@@ -25,7 +30,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.2
+/** @license React v17.0.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/lib/src/components/ActionList/components/Item/Item.d.ts

@@ -6,5 +6,5 @@ interface IPropsItem {
     content?: any;
     onClick?: any;
 }
-declare const Item: React.FC<IPropsItem>;
+declare const Item: React.SFC<IPropsItem>;
 export default Item;

package/lib/src/components/ActionList/components/Section/Section.d.ts

@@ -5,5 +5,5 @@ export interface ISectionProps {
     hasMultipleSections?: any;
     actionRole: any;
 }
-declare const Section: React.FC<ISectionProps>;
+declare const Section: React.SFC<ISectionProps>;
 export default Section;

package/lib/src/components/AgileTable/stories/components/AgileTableSimpleForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TableSimpleForm: () => JSX.Element;
 export default TableSimpleForm;

package/lib/src/components/AppFrame/stories/AppFrame.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import AppFrame from '../AppFrame';
 declare const _default: {
     title: string;

package/lib/src/components/Backdrop/Backdrop.d.ts

@@ -3,5 +3,5 @@ export interface IBackdropProps {
     onClick?(): void;
     onTouchStart?(): void;
 }
-declare const Backdrop: React.FC<IBackdropProps>;
+declare const Backdrop: React.SFC<IBackdropProps>;
 export default Backdrop;

package/lib/src/components/Badge/Badge.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare type Status = 'success' | 'info' | 'attention' | 'warning' | 'new';
-export declare type Progress = 'incomplete' | 'partiallyComplete' | 'complete';
-export declare type Size = 'small' | 'medium';
+export type Status = 'success' | 'info' | 'attention' | 'warning' | 'new';
+export type Progress = 'incomplete' | 'partiallyComplete' | 'complete';
+export type Size = 'small' | 'medium';
 export interface IBadgeProps {
     children?: string;
     status?: Status;

package/lib/src/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type BreadcrumbItem = {
+export type BreadcrumbItem = {
     text: string;
     href: string;
 };

package/lib/src/components/Button/Button.d.ts

@@ -18,5 +18,5 @@ export interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     startIcon?: React.ReactNode;
     onClick?(event?: any): void;
 }
-declare const Button: React.FC<IButtonProps>;
+declare const Button: React.SFC<IButtonProps>;
 export default Button;

package/lib/src/components/Button/stories/Button.dev.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IButtonProps } from '../Button';
 declare const _default: {
     title: string;
-    component: React.FC<IButtonProps>;
+    component: React.SFC<IButtonProps>;
     parameters: {
         jest: string[];
     };

package/lib/src/components/Button/stories/Button.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IButtonProps } from '../Button';
 declare const _default: {
     title: string;
-    component: React.FC<IButtonProps>;
+    component: React.SFC<IButtonProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Calendar/Calendar.d.ts

@@ -4,6 +4,6 @@ import 'react-calendar/dist/Calendar.css';
 interface AgileProps {
     onClick?: any;
 }
-declare type AgileCalendarProps = CalendarProps & AgileProps;
+type AgileCalendarProps = CalendarProps & AgileProps;
 declare const Calendar: React.FC<AgileCalendarProps>;
 export default Calendar;

package/lib/src/components/Checkbox/Checkbox.d.ts

@@ -14,5 +14,5 @@ export interface ICheckboxProps {
     onFocus?(): void;
     onBlur?(): void;
 }
-declare const Checkbox: React.FC<ICheckboxProps>;
+declare const Checkbox: React.SFC<ICheckboxProps>;
 export default Checkbox;

package/lib/src/components/Checkbox/stories/Checkbox.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<import("../Checkbox").ICheckboxProps>;
+    component: React.SFC<import("../Checkbox").ICheckboxProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Choice/Choice.d.ts

@@ -4,12 +4,12 @@ export interface IChoiceProps {
     id: string;
     label: React.ReactNode;
     disabled?: boolean;
-    error?: Error | boolean | string;
+    error?: Error | boolean;
     labelHidden?: boolean;
     labelIcon?: IconName;
     children?: React.ReactNode;
     helpText?: React.ReactNode;
 }
-declare const Choice: React.FC<IChoiceProps>;
+declare const Choice: React.SFC<IChoiceProps>;
 export default Choice;
 export declare function helpTextID(id: string): string;

package/lib/src/components/CollapsibleItem/CollapsibleItem.d.ts

@@ -4,7 +4,6 @@ export interface ICollapsibleItemProps {
     open?: boolean;
     onClick?: () => void;
     className?: any;
-    children: React.ReactNode;
 }
 declare const CollapsibleItem: React.FC<ICollapsibleItemProps>;
 export default CollapsibleItem;

package/lib/src/components/Drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Size = 'small' | 'medium' | 'large' | 'xlarge' | 'full' | 'viewport';
+export type Size = 'small' | 'medium' | 'large' | 'xlarge' | 'full' | 'viewport';
 export interface IDrawerProps {
     id?: string;
     anchor: 'bottom' | 'left' | 'right' | 'top';

package/lib/src/components/Drawer/components/CloseButton/CloseButton.d.ts

@@ -3,5 +3,5 @@ export interface ICloseButtonProps {
     title?: boolean;
     onClick(): void;
 }
-declare const CloseButton: React.FC<ICloseButtonProps>;
+declare const CloseButton: React.SFC<ICloseButtonProps>;
 export default CloseButton;

package/lib/src/components/Drawer/components/Dialog/Dialog.d.ts

@@ -7,5 +7,5 @@ export interface IDialogProps {
     onEntered?(): void;
     onExited?(): void;
 }
-declare const Dialog: React.FC<IDialogProps>;
+declare const Dialog: React.SFC<IDialogProps>;
 export default Dialog;

package/lib/src/components/Drawer/components/Footer/Footer.d.ts

@@ -4,5 +4,5 @@ export interface IFooterProps {
     secondaryAction?: React.ReactNode;
     children?: React.ReactNode;
 }
-declare const Footer: React.FC<IFooterProps>;
+declare const Footer: React.SFC<IFooterProps>;
 export default Footer;

package/lib/src/components/Dropdown/Dropdown.d.ts

@@ -5,9 +5,8 @@ export interface DropdownProps {
     fullWidth?: boolean;
     placeholder?: string;
     startIcon?: React.ReactNode;
-    value?: string | number;
+    value?: Record<string, any>;
     onChange?: (value: string) => void;
-    children?: React.ReactNode;
 }
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;

package/lib/src/components/Form/Form.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Method = 'post' | 'get' | 'action';
+export type Method = 'post' | 'get' | 'action';
 export interface IFormProps {
     action?: string;
     autoComplete?: boolean;
@@ -10,5 +10,5 @@ export interface IFormProps {
     preventDefault?: boolean;
     onSubmit(event: React.FormEvent<HTMLFormElement>): void;
 }
-declare const Form: React.FC<IFormProps>;
+declare const Form: React.SFC<IFormProps>;
 export default Form;

package/lib/src/components/Grid/components/Col/Col.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-declare type ColSpanType = number | string;
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+type ColSpanType = number | string;
 export interface IColSize {
     span?: ColSpanType;
     order?: ColSpanType;
@@ -21,5 +22,23 @@ export interface IColProps extends React.HTMLAttributes<HTMLDivElement> {
     xxl?: ColSpanType | IColSize;
     prefixCls?: string;
 }
-declare const Col: React.FC<IColProps>;
-export default Col;
+export default class Col extends React.Component<IColProps, any> {
+    static propTypes: {
+        span: PropTypes.Requireable<number>;
+        order: PropTypes.Requireable<number>;
+        offset: PropTypes.Requireable<number>;
+        push: PropTypes.Requireable<number>;
+        pull: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        xs: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+        sm: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+        md: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+        lg: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+        xl: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+        xxl: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+    };
+    renderCol: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lib/src/components/Grid/components/Row/Row.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
 import { BoxProps } from '@material-ui/core';
-export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export declare type BreakpointMap = Partial<Record<Breakpoint, string>>;
+export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type BreakpointMap = Partial<Record<Breakpoint, string>>;
 declare const RowAligns: ["top", "middle", "bottom"];
 declare const RowJustify: ["start", "end", "center", "space-around", "space-between"];
 export interface IRowProps extends BoxProps {
@@ -15,5 +16,26 @@ export interface IRowProps extends BoxProps {
 export interface IRowState {
     screens: BreakpointMap;
 }
-declare const Row: React.FC<IRowProps>;
-export default Row;
+export default class Row extends React.Component<IRowProps, IRowState> {
+    static defaultProps: {
+        gutter: number;
+    };
+    static propTypes: {
+        type: PropTypes.Requireable<"flex">;
+        noWrap: PropTypes.Requireable<boolean>;
+        align: PropTypes.Requireable<"bottom" | "top" | "middle">;
+        justify: PropTypes.Requireable<"space-around" | "space-between" | "center" | "end" | "start">;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        gutter: PropTypes.Requireable<NonNullable<number | object | null | undefined>>;
+        prefixCls: PropTypes.Requireable<string>;
+    };
+    state: IRowState;
+    queryListener(screen: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getGutter(): number | undefined;
+    renderRow: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lib/src/components/Grid/stories/Grid.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { Col } from '../components/Col';
 declare const _default: {
     title: string;
-    component: React.FC<import("../components/Col/Col").IColProps>;
+    component: typeof Col;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Color } from '../Icon/iconClass';
-export declare type HeadingTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+export type HeadingTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
 export interface IHeadingProps {
     element?: HeadingTagName;
     level?: number;
@@ -8,5 +8,5 @@ export interface IHeadingProps {
     customColor?: string;
     children?: React.ReactNode;
 }
-declare const Heading: React.FC<IHeadingProps>;
+declare const Heading: React.SFC<IHeadingProps>;
 export default Heading;

package/lib/src/components/Heading/stories/Heading.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<import("../Heading").IHeadingProps>;
+    component: React.SFC<import("../Heading").IHeadingProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Icon/iconClass.d.ts

@@ -65,5 +65,5 @@ export declare const ICONS: {
     store: string;
     sliders: string;
 };
-export declare type IconName = 'activity' | 'arrows' | 'arrowLongRight' | 'atmCard' | 'bankSolid' | 'briefcase' | 'calendar' | 'chat' | 'check' | 'checkAlt' | 'chevronDown' | 'chevronUp' | 'creditCard' | 'creditCardSolid' | 'exclamation' | 'close' | 'cogSolid' | 'database' | 'dollarSolid' | 'dollar' | 'fileLandscapeAlt' | 'globe' | 'grid' | 'invoice' | 'keyholeSquare' | 'lock' | 'logIn' | 'logOut' | 'mail' | 'mapPin' | 'menu' | 'minus' | 'minusAlt' | 'more' | 'package' | 'phone' | 'plus' | 'plusAlt' | 'question' | 'settings' | 'search' | 'shield' | 'shoppingCart' | 'slashSolid' | 'slash' | 'star' | 'trendingUp' | 'users' | 'xAlt' | 'pen' | 'mobileAndroid' | 'info' | 'helpCircle' | 'hash' | 'gridSolid' | 'desktop' | 'circle' | 'circleSolid' | 'bell' | 'calendarAlt' | 'userCircle' | 'tablet' | 'store' | 'sliders';
-export declare type Color = 'white' | 'black' | 'grayRegent' | 'grayIron' | 'blueRoyal' | 'whisper' | 'green' | 'orange' | 'redCoral' | 'B050' | 'B075' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'R050' | 'R075' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y050' | 'Y075' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'T050' | 'T075' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'P050' | 'P075' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'G050' | 'G075' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'N000' | 'N010' | 'N020' | 'N030' | 'N040' | 'N050' | 'N060' | 'N070' | 'N080' | 'N090' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900';
+export type IconName = 'activity' | 'arrows' | 'arrowLongRight' | 'atmCard' | 'bankSolid' | 'briefcase' | 'calendar' | 'chat' | 'check' | 'checkAlt' | 'chevronDown' | 'chevronUp' | 'creditCard' | 'creditCardSolid' | 'exclamation' | 'close' | 'cogSolid' | 'database' | 'dollarSolid' | 'dollar' | 'fileLandscapeAlt' | 'globe' | 'grid' | 'invoice' | 'keyholeSquare' | 'lock' | 'logIn' | 'logOut' | 'mail' | 'mapPin' | 'menu' | 'minus' | 'minusAlt' | 'more' | 'package' | 'phone' | 'plus' | 'plusAlt' | 'question' | 'settings' | 'search' | 'shield' | 'shoppingCart' | 'slashSolid' | 'slash' | 'star' | 'trendingUp' | 'users' | 'xAlt' | 'pen' | 'mobileAndroid' | 'info' | 'helpCircle' | 'hash' | 'gridSolid' | 'desktop' | 'circle' | 'circleSolid' | 'bell' | 'calendarAlt' | 'userCircle' | 'tablet' | 'store' | 'sliders';
+export type Color = 'white' | 'black' | 'grayRegent' | 'grayIron' | 'blueRoyal' | 'whisper' | 'green' | 'orange' | 'redCoral' | 'B050' | 'B075' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'R050' | 'R075' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y050' | 'Y075' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'T050' | 'T075' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'P050' | 'P075' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'G050' | 'G075' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'N000' | 'N010' | 'N020' | 'N030' | 'N040' | 'N050' | 'N060' | 'N070' | 'N080' | 'N090' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900';

package/lib/src/components/Image/Image.d.ts

@@ -3,7 +3,7 @@ export interface ISourceSet {
     source: string;
     descriptor?: string;
 }
-export declare type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
+export type CrossOrigin = 'anonymous' | 'use-credentials' | '' | undefined;
 export interface IImageProps extends React.HTMLProps<HTMLImageElement> {
     alt: string;
     source: string;
@@ -13,5 +13,5 @@ export interface IImageProps extends React.HTMLProps<HTMLImageElement> {
     onLoad?(): void;
     onError?(): void;
 }
-declare const Image: React.FC<IImageProps>;
+declare const Image: React.SFC<IImageProps>;
 export default Image;

package/lib/src/components/Label/Label.d.ts

@@ -4,5 +4,5 @@ export interface ILabelProps {
     id: string;
     hidden?: boolean;
 }
-declare const Label: React.FC<ILabelProps>;
+declare const Label: React.SFC<ILabelProps>;
 export default Label;

package/lib/src/components/Labelled/Labelled.d.ts

@@ -9,6 +9,6 @@ export interface ILabelledProps {
     children?: React.ReactNode;
     labelHidden?: boolean;
 }
-declare const Labelled: React.FC<ILabelledProps>;
+declare const Labelled: React.SFC<ILabelledProps>;
 export default Labelled;
 export declare function helpTextID(id: string): string;

package/lib/src/components/Link/Link.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 interface ILinkProps {
     url: string;
     size?: number;
-    children: React.ReactNode;
 }
-declare const Link: React.FC<ILinkProps>;
+declare const Link: React.SFC<ILinkProps>;
 export default Link;

package/lib/src/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ModalProps } from '@material-ui/core';
-export declare type Size = 'small' | 'medium' | 'large' | 'xlarge';
+export type Size = 'small' | 'medium' | 'large' | 'xlarge';
 export interface IModalProps extends ModalProps {
     open: boolean;
     title?: string;

package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull" | "multiselect" | "multiSelectError">;
+declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired" | "multiselect" | "multiSelectError">;
 export default useSelectStyles;

package/lib/src/components/MultiTextField/MultiTextField.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "withFocus" | "inputLabel" | "inputLabelFocused" | "asteriskRequired">;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "asteriskRequired" | "inputBase" | "inputLabel" | "inputLabelFocused" | "secondaryLabel" | "withFocus">;
 export default useStyles;

package/lib/src/components/Navigation/Navigation.d.ts

@@ -17,8 +17,8 @@ interface INavigationProps {
 }
 declare class Navigation extends React.Component<INavigationProps> {
     static Section: typeof Section;
-    static Filter: React.FC<import("./components/NavFilter/NavFilter").INavFilterProp>;
-    static FilterItem: React.FC<import("./components/NavFilterItem/NavFilterItem").INavFilterItemProp>;
+    static Filter: React.SFC<import("./components/NavFilter/NavFilter").INavFilterProp>;
+    static FilterItem: React.SFC<import("./components/NavFilterItem/NavFilterItem").INavFilterItemProp>;
     render(): JSX.Element;
 }
 export default Navigation;

package/lib/src/components/Navigation/components/NavFilter/NavFilter.d.ts

@@ -3,5 +3,5 @@ export interface INavFilterProp {
     children: React.ReactNode;
     title?: string;
 }
-declare const NavFilter: React.FC<INavFilterProp>;
+declare const NavFilter: React.SFC<INavFilterProp>;
 export default NavFilter;

package/lib/src/components/Navigation/components/NavFilterItem/NavFilterItem.d.ts

@@ -5,5 +5,5 @@ export interface INavFilterItemProp {
     icon: React.ReactNode;
     onFilter(value: string): void;
 }
-declare const NavFilterItem: React.FC<INavFilterItemProp>;
+declare const NavFilterItem: React.SFC<INavFilterItemProp>;
 export default NavFilterItem;

package/lib/src/components/OldSelect/OldSelect.d.ts

@@ -4,7 +4,7 @@ interface IOptionItem {
     label: string;
     disabled?: boolean;
 }
-export declare type SelectOption = string | IOptionItem;
+export type SelectOption = string | IOptionItem;
 export interface ISelectProps {
     selectRef?: (input: HTMLInputElement | null | undefined) => any;
     options?: IOptionItem[];
@@ -21,5 +21,5 @@ export interface ISelectProps {
     onFocus?(): void;
     onBlur?(): void;
 }
-declare const Select: React.FC<ISelectProps>;
+declare const Select: React.SFC<ISelectProps>;
 export default Select;

package/lib/src/components/OldTextField/OldTextField.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconName } from '../Icon/iconClass';
-export declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
+export type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
 export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement> {
     inputRef?: (input: HTMLInputElement | null | undefined) => any;
     prepend?: React.ReactNode;
@@ -29,5 +29,5 @@ export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>
     onBlur?: any;
     onChange?(e: React.ChangeEvent<any> | string, id?: string): void;
 }
-declare const OldTextField: React.FC<ITextFieldProps>;
+declare const OldTextField: React.SFC<ITextFieldProps>;
 export default OldTextField;

package/lib/src/components/OutsideClickDetector/OutsideClickDetector.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEvent as ReactMouseEvent, ReactElement } from 'react';
+import { Component, EventHandler, MouseEvent as ReactMouseEvent, ReactElement } from 'react';
 export interface IEvent extends Event {
     euiGeneratedBy: string[];
 }
@@ -11,5 +11,16 @@ interface IProps {
     onTouchStart?: (event: ReactMouseEvent<any, IEvent>) => void;
     onTouchEnd?: (event: ReactMouseEvent<any, IEvent>) => void;
 }
-declare const OutsideClickDetector: React.FC<IProps>;
-export default OutsideClickDetector;
+export default class OutsideClickDetector extends Component<IProps> {
+    private id;
+    private capturedDownIds;
+    constructor(props: IProps);
+    onClickOutside: EventHandler<any>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onChildClick: (event: ReactMouseEvent<any, IEvent>, cb: (event: ReactMouseEvent<any, IEvent>) => void) => void;
+    onChildMouseDown: (event: ReactMouseEvent<any, IEvent>) => void;
+    onChildMouseUp: (event: ReactMouseEvent<any, IEvent>) => void;
+    render(): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+}
+export {};

package/lib/src/components/Pagination/Pagination.d.ts

@@ -10,5 +10,5 @@ export interface IPaginationProps {
     collapseRange?: (pages: React.ReactNode[], max: number, ellipsis: (key: any) => React.ReactNode, current: number) => React.ReactNode[];
     onPageChange?: (event: React.SyntheticEvent, page: any) => void;
 }
-declare const Pagination: React.FC<IPaginationProps>;
+declare const Pagination: React.SFC<IPaginationProps>;
 export default Pagination;

package/lib/src/components/Pagination/components/PageEllipsis/PageEllipsis.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const PageEllipsis: React.FC;
+declare const PageEllipsis: React.SFC;
 export default PageEllipsis;

package/lib/src/components/Pagination/components/PageMove/PageMove.d.ts

@@ -5,5 +5,5 @@ interface IPageMoveProps {
     movement: 'backward' | 'forward';
     totalPages: number;
 }
-declare const PageMove: React.FC<IPageMoveProps>;
+declare const PageMove: React.SFC<IPageMoveProps>;
 export default PageMove;

package/lib/src/components/Pagination/components/PageNumber/PageNumber.d.ts

@@ -5,5 +5,5 @@ interface IPageNumberProps {
     isSelected: boolean;
     page: number;
 }
-declare const PageNumber: React.FC<IPageNumberProps>;
+declare const PageNumber: React.SFC<IPageNumberProps>;
 export default PageNumber;

package/lib/src/components/Pagination/stories/Pagination.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<import("../Pagination").IPaginationProps>;
+    component: React.SFC<import("../Pagination").IPaginationProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Popover/stories/Popover.stories.d.ts

@@ -11,3 +11,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const SelfClose: () => JSX.Element;
+export declare const WithTextfield: () => JSX.Element;

package/lib/src/components/Portal/Portal.d.ts

@@ -7,5 +7,5 @@ export interface IPortalProps {
 export interface IPortalState {
     isMounted: boolean;
 }
-declare const Portal: React.FC<IPortalProps>;
+declare const Portal: React.SFC<IPortalProps>;
 export default Portal;

package/lib/src/components/Select/Select.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull">;
+declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired">;
 export default useSelectStyles;

package/lib/src/components/Skeleton/Skeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function CustomSkeleton(props: any): JSX.Element;

package/lib/src/components/Skeleton/stories/Skeleton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Skeleton from '../Skeleton';
 declare const _default: {
     title: string;