@agilekit/ui 0.0.423-alpha.0 → 0.0.424-alpha.0

package/lib/src/components/Card/index.d.ts

@@ -1 +1 @@
-export { default as Card } from './Card';
+export { default as Card } from './Card';

package/lib/src/components/Card/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Card_1 = require("./Card");
+exports.Card = Card_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":";;AAAA,+BAAyC;AAAhC,sBAAA,OAAO,CAAQ"}

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

@@ -1,13 +1,13 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Card").ICardProp>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const CustomCard: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Card").ICardProp>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const CustomCard: () => JSX.Element;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Card").ICardProp>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const CardHeaderWithAction: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Card").ICardProp>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const CardHeaderWithAction: () => JSX.Element;

package/lib/src/components/Card/tests/stories/Card.stories.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,18 +1,18 @@
-import * as React from 'react';
-export interface ICheckboxProps {
-    inputRef?: any;
-    label: React.ReactNode;
-    labelHidden?: boolean;
-    checked?: boolean;
-    helpText?: React.ReactNode;
-    disabled?: boolean;
-    id?: string;
-    name?: string;
-    value?: string;
-    error?: Error | boolean;
-    onChange?(newChecked: boolean, id: string, value?: string | number): void;
-    onFocus?(): void;
-    onBlur?(): void;
-}
-declare const Checkbox: React.SFC<ICheckboxProps>;
-export default Checkbox;
+import * as React from 'react';
+export interface ICheckboxProps {
+    inputRef?: any;
+    label: React.ReactNode;
+    labelHidden?: boolean;
+    checked?: boolean;
+    helpText?: React.ReactNode;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    value?: string;
+    error?: Error | boolean;
+    onChange?(newChecked: boolean, id: string, value?: string | number): void;
+    onFocus?(): void;
+    onBlur?(): void;
+}
+declare const Checkbox: React.FC<ICheckboxProps>;
+export default Checkbox;

package/lib/src/components/Checkbox/Checkbox.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var Choice_1 = tslib_1.__importDefault(require("../Choice/Choice"));
+var Icon_1 = tslib_1.__importDefault(require("../Icon/Icon"));
+var utils_1 = require("../utils");
+var styles = tslib_1.__importStar(require("./Checkbox.module.scss"));
+var getUniqueID = utils_1.idGenerator('Checkbox');
+var Checkbox = function (_a) {
+    var _b = _a.id, id = _b === void 0 ? getUniqueID() : _b, label = _a.label, labelHidden = _a.labelHidden, helpText = _a.helpText, _c = _a.checked, checked = _c === void 0 ? false : _c, error = _a.error, disabled = _a.disabled, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, name = _a.name, value = _a.value;
+    var _d, _e;
+    var classNames = classnames_1.default(styles['Checkbox'], (_d = {}, _d[styles['Error']] = error, _d), (_e = {}, _e[styles['Disabled']] = disabled, _e));
+    var handleChange = function (e) {
+        var currentTarget = e.currentTarget;
+        if (onChange) {
+            onChange(currentTarget.checked, id);
+        }
+        if (checked && !currentTarget.checked) {
+            currentTarget.focus();
+        }
+    };
+    return (React.createElement(Choice_1.default, { id: id, label: label, labelHidden: labelHidden, helpText: helpText, error: error, disabled: disabled },
+        React.createElement("span", { className: classNames },
+            React.createElement("input", { id: id, name: name, value: value, type: "checkbox", checked: checked, disabled: disabled, className: styles['Input'], onChange: handleChange, onFocus: onFocus, onBlur: onBlur, role: "checkbox" }),
+            React.createElement("span", { className: styles['Backdrop'] }),
+            React.createElement("span", { className: styles['Icon'] },
+                React.createElement(Icon_1.default, { source: "check", color: "N000", size: 8 })))));
+};
+exports.default = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/src/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,oEAAsC;AACtC,8DAAgC;AAChC,kCAAuC;AACvC,qEAAiD;AA6BjD,IAAM,WAAW,GAAG,mBAAW,CAAC,UAAU,CAAC,CAAC;AAE5C,IAAM,QAAQ,GAA8B,UAAC,EAa5C;QAZC,UAAkB,EAAlB,uCAAkB,EAClB,gBAAK,EACL,4BAAW,EACX,sBAAQ,EACR,eAAe,EAAf,oCAAe,EACf,gBAAK,EACL,sBAAQ,EACR,sBAAQ,EACR,oBAAO,EACP,kBAAM,EACN,cAAI,EACJ,gBAAK;;IAEL,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,YAAI,GAAC,MAAM,CAAC,OAAO,CAAC,IAAG,KAAK,iBAAM,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ,MAAG,CAAC;IAEpH,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,+BAAa,CAAO;QAC5B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;SACrC;QACD,IAAI,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACrC,aAAa,CAAC,KAAK,EAAE,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,gBAAM,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ;QAC1G,8BAAM,SAAS,EAAE,UAAU;YACzB,+BACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,UAAU,GACf;YACF,8BAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,GAAI;YACvC,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;gBAC7B,oBAAC,cAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,GAAI,CACxC,CACF,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"checkbox" | "icon" | "disabled" | "input" | "backdrop" | "backdropDisabled" | "checkIcon">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"checkbox" | "icon" | "disabled" | "input" | "backdrop" | "backdropDisabled" | "checkIcon">;
+export default useStyles;

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

@@ -1 +1 @@
-export { default as Checkbox } from './Checkbox';
+export { default as Checkbox } from './Checkbox';

package/lib/src/components/Checkbox/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Checkbox_1 = require("./Checkbox");
+exports.Checkbox = Checkbox_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.ts"],"names":[],"mappings":";;AAAA,uCAAiD;AAAxC,8BAAA,OAAO,CAAY"}

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

@@ -1,15 +1,15 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.SFC<import("../Checkbox").ICheckboxProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const Disabled: () => JSX.Element;
-export declare const LabelHidden: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Checkbox").ICheckboxProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;
+export declare const LabelHidden: () => JSX.Element;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { IconName } from '../Icon/iconClass';
-export interface IChoiceProps {
-    id: string;
-    label: React.ReactNode;
-    disabled?: boolean;
-    error?: Error | boolean;
-    labelHidden?: boolean;
-    labelIcon?: IconName;
-    children?: React.ReactNode;
-    helpText?: React.ReactNode;
-}
-declare const Choice: React.SFC<IChoiceProps>;
-export default Choice;
-export declare function helpTextID(id: string): string;
+import * as React from 'react';
+import { IconName } from '../Icon/iconClass';
+export interface IChoiceProps {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    error?: Error | boolean | string;
+    labelHidden?: boolean;
+    labelIcon?: IconName;
+    children?: React.ReactNode;
+    helpText?: React.ReactNode;
+}
+declare const Choice: React.FC<IChoiceProps>;
+export default Choice;
+export declare function helpTextID(id: string): string;

package/lib/src/components/Choice/Choice.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var React = tslib_1.__importStar(require("react"));
+var Box_1 = require("../Box");
+var Icon_1 = tslib_1.__importDefault(require("../Icon/Icon"));
+var styles = tslib_1.__importStar(require("./Choice.module.scss"));
+var Choice = function (_a) {
+    var id = _a.id, label = _a.label, disabled = _a.disabled, error = _a.error, children = _a.children, labelHidden = _a.labelHidden, labelIcon = _a.labelIcon, helpText = _a.helpText;
+    var _b, _c;
+    var className = classnames_1.default(styles['Choice'], (_b = {}, _b[styles['labelHidden']] = labelHidden, _b), (_c = {}, _c[styles['Disabled']] = disabled, _c));
+    var labelMarkup = (React.createElement("label", { className: className, htmlFor: id },
+        React.createElement("span", { className: styles['Control'] }, children),
+        labelIcon && (React.createElement(Box_1.Box, { pr: 1 },
+            React.createElement(Icon_1.default, { source: labelIcon, customColor: "#333" }))),
+        React.createElement("span", { className: styles['Label'] }, label)));
+    var helpTextMarkup = helpText ? (React.createElement("div", { className: styles['HelpText'], id: helpTextID(id) }, helpText)) : null;
+    var errorMarkup = error && typeof error !== 'boolean' && React.createElement("div", { className: styles['Error'] }, error);
+    var descriptionMarkup = helpTextMarkup || errorMarkup ? (React.createElement("div", { className: styles['Descriptions'] },
+        errorMarkup,
+        helpTextMarkup)) : null;
+    return descriptionMarkup ? (React.createElement("div", null,
+        labelMarkup,
+        descriptionMarkup)) : (labelMarkup);
+};
+exports.default = Choice;
+function helpTextID(id) {
+    return id + "HelpText";
+}
+exports.helpTextID = helpTextID;
+//# sourceMappingURL=Choice.js.map

package/lib/src/components/Choice/Choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/Choice/Choice.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,8BAA6B;AAC7B,8DAAgC;AAEhC,mEAA+C;AAqB/C,IAAM,MAAM,GAA4B,UAAC,EASxC;QARC,UAAE,EACF,gBAAK,EACL,sBAAQ,EACR,gBAAK,EACL,sBAAQ,EACR,4BAAW,EACX,wBAAS,EACT,sBAAQ;;IAER,IAAM,SAAS,GAAG,oBAAU,CAC1B,MAAM,CAAC,QAAQ,CAAC,YACd,GAAC,MAAM,CAAC,aAAa,CAAC,IAAG,WAAW,iBACpC,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,QAAQ,MACjC,CAAC;IAEF,IAAM,WAAW,GAAG,CAClB,+BAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;QACtC,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,IAAG,QAAQ,CAAQ;QACpD,SAAS,IAAI,CACZ,oBAAC,SAAG,IAAC,EAAE,EAAE,CAAC;YACR,oBAAC,cAAI,IAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,GAAG,CAC1C,CACP;QACD,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAG,KAAK,CAAQ,CAC1C,CACT,CAAC;IAEF,IAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAChC,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,IACnD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,IAAM,WAAW,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAG,KAAK,CAAO,CAAC;IAE1G,IAAM,iBAAiB,GACrB,cAAc,IAAI,WAAW,CAAC,CAAC,CAAC,CAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;QACnC,WAAW;QACX,cAAc,CACX,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB;QACG,WAAW;QACX,iBAAiB,CACd,CACP,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC;AAEtB,SAAgB,UAAU,CAAC,EAAU;IACnC,OAAU,EAAE,aAAU,CAAC;AACzB,CAAC;AAFD,gCAEC"}

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"choice" | "control">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"choice" | "control">;
+export default useStyles;

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

@@ -1 +1 @@
-export { default as Choice } from './Choice';
+export { default as Choice } from './Choice';

package/lib/src/components/Choice/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Choice_1 = require("./Choice");
+exports.Choice = Choice_1.default;
+//# sourceMappingURL=index.js.map

package/lib/src/components/Choice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Choice/index.ts"],"names":[],"mappings":";;AAAA,mCAA6C;AAApC,0BAAA,OAAO,CAAU"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ICollapsableItemProps {
+    hiddenContent?: React.ReactNode;
+    open?: boolean;
+    onClick?: () => void;
+}
+declare const CollapsableItem: React.FC<ICollapsableItemProps>;
+export default CollapsableItem;

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

@@ -1,9 +1,10 @@
-import React from 'react';
-export interface ICollapsibleItemProps {
-    hiddenContent?: React.ReactNode;
-    open?: boolean;
-    onClick?: () => void;
-    className?: any;
-}
-declare const CollapsibleItem: React.FC<ICollapsibleItemProps>;
-export default CollapsibleItem;
+import React from 'react';
+export interface ICollapsibleItemProps {
+    hiddenContent?: React.ReactNode;
+    open?: boolean;
+    onClick?: () => void;
+    className?: any;
+    children: React.ReactNode;
+}
+declare const CollapsibleItem: React.FC<ICollapsibleItemProps>;
+export default CollapsibleItem;

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"content" | "visibleContainer" | "collapseMove" | "opened" | "closed">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"content" | "visibleContainer" | "collapseMove" | "opened" | "closed">;
+export default useStyles;

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

@@ -1 +1 @@
-export { default as CollapsibleItem } from './CollapsibleItem';
+export { default as CollapsibleItem } from './CollapsibleItem';

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

@@ -1,13 +1,13 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../CollapsibleItem").ICollapsibleItemProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const ListCollapsible: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../CollapsibleItem").ICollapsibleItemProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const ListCollapsible: () => JSX.Element;

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

@@ -1,14 +1,14 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../CollapsibleItem").ICollapsibleItemProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const OpenedByDefault: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../CollapsibleItem").ICollapsibleItemProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const OpenedByDefault: () => JSX.Element;

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

@@ -1,27 +1,27 @@
-import * as React from 'react';
-export declare type Size = 'small' | 'medium' | 'large' | 'xlarge' | 'full' | 'viewport';
-export interface IDrawerProps {
-    id?: string;
-    anchor: 'bottom' | 'left' | 'right' | 'top';
-    open: boolean;
-    title?: string | React.ReactNode;
-    children?: React.ReactNode;
-    footer?: React.ReactNode;
-    loading?: boolean;
-    size?: Size;
-    tabs?: any;
-    primaryAction?: React.ReactNode;
-    secondaryAction?: React.ReactNode;
-    large?: boolean;
-    limitHeight?: boolean;
-    bodyStyle?: Record<string, any>;
-    onClose(): void;
-    onTransitionEnd?(): void;
-    transitionDuration?: number | {
-        appear?: number;
-        enter?: number;
-        exit?: number;
-    };
-}
-declare const CustomDrawer: React.FC<IDrawerProps>;
-export default CustomDrawer;
+import * as React from 'react';
+export declare type Size = 'small' | 'medium' | 'large' | 'xlarge' | 'full' | 'viewport';
+export interface IDrawerProps {
+    id?: string;
+    anchor: 'bottom' | 'left' | 'right' | 'top';
+    open: boolean;
+    title?: string | React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    loading?: boolean;
+    size?: Size;
+    tabs?: any;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    large?: boolean;
+    limitHeight?: boolean;
+    bodyStyle?: Record<string, any>;
+    onClose(): void;
+    onTransitionEnd?(): void;
+    transitionDuration?: number | {
+        appear?: number;
+        enter?: number;
+        exit?: number;
+    };
+}
+declare const CustomDrawer: React.FC<IDrawerProps>;
+export default CustomDrawer;

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

@@ -1,2 +1,2 @@
-declare const getModalSize: (size: any) => any;
-export default getModalSize;
+declare const getModalSize: (size: any) => any;
+export default getModalSize;

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"container" | "rootFull" | "rootViewPort" | "drawer" | "paper" | "drawerTitle" | "drawerCloseIcon" | "drawerHeader" | "drawerBody" | "drawerBodyNoFooter" | "drawerFooter">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"container" | "rootFull" | "rootViewPort" | "drawer" | "paper" | "drawerTitle" | "drawerCloseIcon" | "drawerHeader" | "drawerBody" | "drawerBodyNoFooter" | "drawerFooter">;
+export default useStyles;

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface ICloseButtonProps {
-    title?: boolean;
-    onClick(): void;
-}
-declare const CloseButton: React.SFC<ICloseButtonProps>;
-export default CloseButton;
+import * as React from 'react';
+export interface ICloseButtonProps {
+    title?: boolean;
+    onClick(): void;
+}
+declare const CloseButton: React.FC<ICloseButtonProps>;
+export default CloseButton;

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

@@ -1 +1 @@
-export { default as CloseButton } from './CloseButton';
+export { default as CloseButton } from './CloseButton';

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { Size } from '../../Drawer';
-export interface IDialogProps {
-    children?: React.ReactNode;
-    size: Size;
-    onClose(): void;
-    onEntered?(): void;
-    onExited?(): void;
-}
-declare const Dialog: React.SFC<IDialogProps>;
-export default Dialog;
+import * as React from 'react';
+import { Size } from '../../Drawer';
+export interface IDialogProps {
+    children?: React.ReactNode;
+    size: Size;
+    onClose(): void;
+    onEntered?(): void;
+    onExited?(): void;
+}
+declare const Dialog: React.FC<IDialogProps>;
+export default Dialog;

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

@@ -1 +1 @@
-export { default as Dialog } from './Dialog';
+export { default as Dialog } from './Dialog';

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-export interface IFooterProps {
-    primaryAction?: React.ReactNode;
-    secondaryAction?: React.ReactNode;
-    children?: React.ReactNode;
-}
-declare const Footer: React.SFC<IFooterProps>;
-export default Footer;
+import * as React from 'react';
+export interface IFooterProps {
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const Footer: React.FC<IFooterProps>;
+export default Footer;

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface IHeaderProps {
-    id: string;
-    children?: React.ReactNode;
-    onClose(): void;
-}
-export default function Header({ id, children, onClose }: IHeaderProps): JSX.Element;
+import * as React from 'react';
+export interface IHeaderProps {
+    id: string;
+    children?: React.ReactNode;
+    onClose(): void;
+}
+export default function Header({ id, children, onClose }: IHeaderProps): JSX.Element;

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

@@ -1 +1 @@
-export { default as Header } from './Header';
+export { default as Header } from './Header';

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface ISectionProps {
-    children?: React.ReactNode;
-    flush?: boolean;
-    subdued?: boolean;
-}
-export default function Section({ children, flush, subdued }: ISectionProps): JSX.Element;
+import * as React from 'react';
+export interface ISectionProps {
+    children?: React.ReactNode;
+    flush?: boolean;
+    subdued?: boolean;
+}
+export default function Section({ children, flush, subdued }: ISectionProps): JSX.Element;

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

@@ -1 +1 @@
-export { default as Section } from './Section';
+export { default as Section } from './Section';

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

@@ -1,5 +1,5 @@
-export { default as Dialog } from './Dialog/Dialog';
-export { default as Footer } from './Footer/Footer';
-export { default as Header } from './Header/Header';
-export { default as CloseButton } from './CloseButton/CloseButton';
-export { default as Section } from './Section/Section';
+export { default as Dialog } from './Dialog/Dialog';
+export { default as Footer } from './Footer/Footer';
+export { default as Header } from './Header/Header';
+export { default as CloseButton } from './CloseButton/CloseButton';
+export { default as Section } from './Section/Section';

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

@@ -1 +1 @@
-export { default as Drawer } from './Drawer';
+export { default as Drawer } from './Drawer';

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

@@ -1,13 +1,13 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<import("../Drawer").IDrawerProps>;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const CustomDrawer: () => JSX.Element;
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Drawer").IDrawerProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const CustomDrawer: () => JSX.Element;