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

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

@@ -1,26 +1,26 @@
-import { Component, EventHandler, MouseEvent as ReactMouseEvent, ReactElement } from 'react';
-export interface IEvent extends Event {
-    euiGeneratedBy: string[];
-}
-interface IProps {
-    children: ReactElement<any>;
-    onOutsideClick: (event: IEvent) => void;
-    isDisabled?: boolean;
-    onMouseDown?: (event: ReactMouseEvent<any, IEvent>) => void;
-    onMouseUp?: (event: ReactMouseEvent<any, IEvent>) => void;
-    onTouchStart?: (event: ReactMouseEvent<any, IEvent>) => void;
-    onTouchEnd?: (event: ReactMouseEvent<any, IEvent>) => void;
-}
-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 {};
+import { Component, EventHandler, MouseEvent as ReactMouseEvent, ReactElement } from 'react';
+export interface IEvent extends Event {
+    euiGeneratedBy: string[];
+}
+interface IProps {
+    children: ReactElement<any>;
+    onOutsideClick: (event: IEvent) => void;
+    isDisabled?: boolean;
+    onMouseDown?: (event: ReactMouseEvent<any, IEvent>) => void;
+    onMouseUp?: (event: ReactMouseEvent<any, IEvent>) => void;
+    onTouchStart?: (event: ReactMouseEvent<any, IEvent>) => void;
+    onTouchEnd?: (event: ReactMouseEvent<any, IEvent>) => void;
+}
+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/Page/Page.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export interface IPageProps {
-    children: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    layout?: 'compact' | 'standard';
-    mainActions?: React.ReactNode;
-}
-declare const Page: React.FC<IPageProps>;
-export default Page;
+import * as React from 'react';
+export interface IPageProps {
+    children: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    layout?: 'compact' | 'standard';
+    mainActions?: React.ReactNode;
+}
+declare const Page: React.FC<IPageProps>;
+export default Page;

package/lib/src/components/Page/Page.js

@@ -0,0 +1,26 @@
+"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 Heading_1 = tslib_1.__importDefault(require("../Heading/Heading"));
+var styles = tslib_1.__importStar(require("./Page.module.scss"));
+var Page = function (_a) {
+    var children = _a.children, title = _a.title, subtitle = _a.subtitle, mainActions = _a.mainActions, layout = _a.layout;
+    var _b;
+    var classNames = classnames_1.default(styles['Page'], (_b = {},
+        _b[styles['Compact']] = layout && layout === 'compact',
+        _b[styles['Standard']] = layout && layout === 'standard',
+        _b));
+    return (React.createElement("div", { className: classNames },
+        React.createElement("div", { className: styles['PageHeading'] },
+            React.createElement("div", null,
+                subtitle && (React.createElement(Heading_1.default, { level: 6 },
+                    React.createElement("h1", null, subtitle))),
+                title && (React.createElement(Heading_1.default, { level: 1 },
+                    React.createElement("h1", null, title)))),
+            React.createElement("div", { className: styles['PageAction'] }, mainActions)),
+        children));
+};
+exports.default = Page;
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,uEAAyC;AACzC,iEAA6C;AAW7C,IAAM,IAAI,GAAyB,UAAC,EAAkD;QAAhD,sBAAQ,EAAE,gBAAK,EAAE,sBAAQ,EAAE,4BAAW,EAAE,kBAAM;;IAClF,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1C,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,MAAM,IAAI,MAAM,KAAK,SAAS;QACnD,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,MAAM,IAAI,MAAM,KAAK,UAAU;YACrD,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;YACnC;gBACG,QAAQ,IAAI,CACX,oBAAC,iBAAO,IAAC,KAAK,EAAE,CAAC;oBACf,gCAAK,QAAQ,CAAM,CACX,CACX;gBACA,KAAK,IAAI,CACR,oBAAC,iBAAO,IAAC,KAAK,EAAE,CAAC;oBACf,gCAAK,KAAK,CAAM,CACR,CACX,CACG;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,IAAG,WAAW,CAAO,CACrD;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,14 +1,14 @@
-import * as React from 'react';
-export interface IPaginationProps {
-    renderEllipsis?: React.ReactNode;
-    activeIndex?: number;
-    currentPage?: number;
-    defaultSelectedIndex?: number;
-    pages?: number[];
-    totalPages?: number;
-    max?: number;
-    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.SFC<IPaginationProps>;
-export default Pagination;
+import * as React from 'react';
+export interface IPaginationProps {
+    renderEllipsis?: React.ReactNode;
+    activeIndex?: number;
+    currentPage?: number;
+    defaultSelectedIndex?: number;
+    pages?: number[];
+    totalPages?: number;
+    max?: number;
+    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>;
+export default Pagination;

package/lib/src/components/Pagination/Pagination.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var PageEllipsis_1 = tslib_1.__importDefault(require("./components/PageEllipsis/PageEllipsis"));
+var PageMove_1 = tslib_1.__importDefault(require("./components/PageMove/PageMove"));
+var PageNumber_1 = tslib_1.__importDefault(require("./components/PageNumber/PageNumber"));
+var styles = tslib_1.__importStar(require("./Pagination.module.scss"));
+var collapseRange_1 = tslib_1.__importStar(require("./utils/collapseRange"));
+var Pagination = function (_a) {
+    var _b = _a.pages, pages = _b === void 0 ? [] : _b, _c = _a.totalPages, totalPages = _c === void 0 ? 0 : _c, _d = _a.max, max = _d === void 0 ? 0 : _d, _e = _a.defaultSelectedIndex, defaultSelectedIndex = _e === void 0 ? 0 : _e, onPageChange = _a.onPageChange, renderEllipsis = _a.renderEllipsis, collapseRange = _a.collapseRange, _f = _a.activeIndex, activeIndex = _f === void 0 ? 0 : _f, _g = _a.currentPage, currentPage = _g === void 0 ? 1 : _g;
+    if (!pages.length) {
+        pages = collapseRange_1.parseToPagesArray(totalPages);
+    }
+    var onChange = function (event, newSelectedPage) {
+        if (onPageChange) {
+            onPageChange(event, newSelectedPage);
+        }
+    };
+    var pagesToComponents = function (pages) {
+        return pages.map(function (page, index) {
+            return React.createElement(PageNumber_1.default, { key: index, isSelected: currentPage === page, page: page, onClick: onChange });
+        });
+    };
+    var renderDots = function (key) { return React.createElement(PageEllipsis_1.default, { key: key }); };
+    var renderPages = function () {
+        var pagesComponents = pagesToComponents(pages);
+        return collapseRange && collapseRange(pagesComponents, max, renderDots, currentPage);
+    };
+    return (React.createElement("div", { className: styles['Pagination'] },
+        React.createElement(PageMove_1.default, { movement: "backward", onClick: onChange, page: currentPage, totalPages: totalPages }),
+        renderPages(),
+        React.createElement(PageMove_1.default, { movement: "forward", onClick: onChange, page: currentPage, totalPages: totalPages })));
+};
+Pagination.defaultProps = {
+    renderEllipsis: PageEllipsis_1.default,
+    onPageChange: function () { },
+    defaultSelectedIndex: 0,
+    collapseRange: collapseRange_1.default,
+    max: 7,
+};
+exports.default = Pagination;
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,gGAAkE;AAClE,oFAAsD;AACtD,0FAA4D;AAC5D,uEAAmD;AACnD,6EAA+E;AAmB/E,IAAM,UAAU,GAAgC,UAAC,EAUhD;QATC,aAAU,EAAV,+BAAU,EACV,kBAAc,EAAd,mCAAc,EACd,WAAO,EAAP,4BAAO,EACP,4BAAwB,EAAxB,6CAAwB,EACxB,8BAAY,EACZ,kCAAc,EACd,gCAAa,EACb,mBAAe,EAAf,oCAAe,EACf,mBAAe,EAAf,oCAAe;IAEf,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;QACjB,KAAK,GAAG,iCAAiB,CAAC,UAAU,CAAC,CAAC;KACvC;IAED,IAAM,QAAQ,GAAG,UAAC,KAA2B,EAAE,eAAuB;QACpE,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;SACtC;IACH,CAAC,CAAC;IAGF,IAAM,iBAAiB,GAAG,UAAC,KAAY;QACrC,OAAO,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YAC3B,OAAO,oBAAC,oBAAU,IAAC,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,KAAK,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC;QACrG,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAA,GAAG,IAAI,OAAA,oBAAC,sBAAY,IAAC,GAAG,EAAE,GAAG,GAAI,EAA1B,CAA0B,CAAC;IAErD,IAAM,WAAW,GAAG;QAClB,IAAM,eAAe,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAEjD,OAAO,aAAa,IAAI,aAAa,CAAC,eAAe,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;IACvF,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;QAClC,oBAAC,kBAAQ,IAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,GAAI;QAC7F,WAAW,EAAE;QACd,oBAAC,kBAAQ,IAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,GAAI,CACzF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,cAAc,EAAE,sBAAY;IAE5B,YAAY,EAAE,cAAO,CAAC;IACtB,oBAAoB,EAAE,CAAC;IACvB,aAAa,EAAE,uBAAmB;IAClC,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

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

package/lib/src/components/Pagination/components/PageEllipsis/PageEllipsis.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var styles = tslib_1.__importStar(require("../../Pagination.module.scss"));
+var PageEllipsis = function () { return react_1.default.createElement("span", { className: styles['Ellipsis'] }, "..."); };
+exports.default = PageEllipsis;
+//# sourceMappingURL=PageEllipsis.js.map

package/lib/src/components/Pagination/components/PageEllipsis/PageEllipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageEllipsis.js","sourceRoot":"","sources":["../../../../../../src/components/Pagination/components/PageEllipsis/PageEllipsis.tsx"],"names":[],"mappings":";;;AAAA,wDAA0B;AAC1B,2EAAuD;AAEvD,IAAM,YAAY,GAAc,cAAM,OAAA,wCAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,UAAY,EAA/C,CAA+C,CAAC;AAEtF,kBAAe,YAAY,CAAC"}

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

@@ -1,9 +1,9 @@
-import React from 'react';
-interface IPageMoveProps {
-    onClick: (event: React.SyntheticEvent, newSelectedPage: number) => void;
-    page: number;
-    movement: 'backward' | 'forward';
-    totalPages: number;
-}
-declare const PageMove: React.SFC<IPageMoveProps>;
-export default PageMove;
+import React from 'react';
+interface IPageMoveProps {
+    onClick: (event: React.SyntheticEvent, newSelectedPage: number) => void;
+    page: number;
+    movement: 'backward' | 'forward';
+    totalPages: number;
+}
+declare const PageMove: React.FC<IPageMoveProps>;
+export default PageMove;

package/lib/src/components/Pagination/components/PageMove/PageMove.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var PageMove = function (_a) {
+    var page = _a.page, onClick = _a.onClick, movement = _a.movement, totalPages = _a.totalPages;
+    var backword = 'M9.005 10.995l4.593-4.593a.99.99 0 1 1 1.4 1.4l-3.9 3.9 3.9 3.9a.99.99 0 0 1-1.4 1.4L9.005 12.41a1 1 0 0 1 0-1.414z';
+    var forward = 'M14.995 10.995a1 1 0 0 1 0 1.414l-4.593 4.593a.99.99 0 0 1-1.4-1.4l3.9-3.9-3.9-3.9a.99.99 0 0 1 1.4-1.4l4.593 4.593z';
+    var handleClick = function (event) {
+        movement === 'backward' ? --page : ++page;
+        onClick(event, page);
+    };
+    var type = movement === 'backward' ? backword : forward;
+    var isDisabled = function () {
+        if (movement === 'backward' && page === 1) {
+            return true;
+        }
+        if (movement === 'forward' && page === totalPages) {
+            return true;
+        }
+    };
+    return (react_1.default.createElement("button", { disabled: isDisabled(), type: "button", onClick: function (e) {
+            handleClick(e);
+        } },
+        react_1.default.createElement("span", { className: "visuallyHidden" },
+            "move ",
+            movement),
+        react_1.default.createElement("span", null,
+            react_1.default.createElement("span", null,
+                react_1.default.createElement("span", null,
+                    react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", focusable: "false", role: "presentation" },
+                        react_1.default.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: type })))))));
+};
+exports.default = PageMove;
+//# sourceMappingURL=PageMove.js.map

package/lib/src/components/Pagination/components/PageMove/PageMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageMove.js","sourceRoot":"","sources":["../../../../../../src/components/Pagination/components/PageMove/PageMove.tsx"],"names":[],"mappings":";;;AAAA,wDAAyC;AASzC,IAAM,QAAQ,GAA8B,UAAC,EAAuC;QAArC,cAAI,EAAE,oBAAO,EAAE,sBAAQ,EAAE,0BAAU;IAChF,IAAM,QAAQ,GACZ,qHAAqH,CAAC;IACxH,IAAM,OAAO,GACX,sHAAsH,CAAC;IAEzH,IAAM,WAAW,GAAG,UAAC,KAAU;QAC7B,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;QAC1C,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1D,IAAM,UAAU,GAAG;QACjB,IAAI,QAAQ,KAAK,UAAU,IAAI,IAAI,KAAK,CAAC,EAAE;YACzC,OAAO,IAAI,CAAC;SACb;QAED,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;YACjD,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAC;IAEF,OAAO,CACL,0CACE,QAAQ,EAAE,UAAU,EAAE,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAA,CAAC;YACR,WAAW,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;QAED,wCAAM,SAAS,EAAC,gBAAgB;;YAAO,QAAQ,CAAQ;QACvD;YACE;gBACE;oBACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc;wBACnF,wCAAM,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAE,IAAI,GAAI,CACpD,CACD,CACF,CACF,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -1,9 +1,9 @@
-import React from 'react';
-interface IPageNumberProps {
-    isDisabled?: boolean;
-    onClick: (event: React.SyntheticEvent, newSelectedPage: number) => void;
-    isSelected: boolean;
-    page: number;
-}
-declare const PageNumber: React.SFC<IPageNumberProps>;
-export default PageNumber;
+import React from 'react';
+interface IPageNumberProps {
+    isDisabled?: boolean;
+    onClick: (event: React.SyntheticEvent, newSelectedPage: number) => void;
+    isSelected: boolean;
+    page: number;
+}
+declare const PageNumber: React.FC<IPageNumberProps>;
+export default PageNumber;

package/lib/src/components/Pagination/components/PageNumber/PageNumber.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var styles = tslib_1.__importStar(require("../../Pagination.module.scss"));
+var PageNumber = function (_a) {
+    var page = _a.page, isSelected = _a.isSelected, onClick = _a.onClick;
+    var _b;
+    var classNames = classnames_1.default(styles['PageNumber'], (_b = {},
+        _b[styles['selected']] = isSelected,
+        _b));
+    var handleClick = function (event) {
+        onClick(event, page);
+    };
+    return (react_1.default.createElement("button", { className: classNames, type: "button", "aria-label": "Page " + page, onClick: function (e) {
+            handleClick(e);
+        } },
+        react_1.default.createElement("span", null,
+            react_1.default.createElement("span", null, page))));
+};
+exports.default = PageNumber;
+//# sourceMappingURL=PageNumber.js.map

package/lib/src/components/Pagination/components/PageNumber/PageNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNumber.js","sourceRoot":"","sources":["../../../../../../src/components/Pagination/components/PageNumber/PageNumber.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,wDAAyC;AAEzC,2EAAuD;AASvD,IAAM,UAAU,GAAgC,UAAC,EAA6B;QAA3B,cAAI,EAAE,0BAAU,EAAE,oBAAO;;IAC1E,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,YAAY,CAAC;QAChD,GAAC,MAAM,CAAC,UAAU,CAAC,IAAG,UAAU;YAChC,CAAC;IAEH,IAAM,WAAW,GAAG,UAAC,KAAU;QAC7B,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,0CACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,QAAQ,gBACD,UAAQ,IAAM,EAC1B,OAAO,EAAE,UAAA,CAAC;YACR,WAAW,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;QAED;YACE,4CAAO,IAAI,CAAQ,CACd,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Pagination/index.ts"],"names":[],"mappings":";;AAAA,2CAAqD;AAA5C,kCAAA,OAAO,CAAc"}

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

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

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

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
-export default function collapseRange(pages: React.ReactNode[], max: number, ellipsis: (key: any) => React.ReactNode, current: number): React.ReactNode[];
-export declare function parseToPagesArray(totalPages: number): number[];
+import React from 'react';
+export default function collapseRange(pages: React.ReactNode[], max: number, ellipsis: (key: any) => React.ReactNode, current: number): React.ReactNode[];
+export declare function parseToPagesArray(totalPages: number): number[];

package/lib/src/components/Pagination/utils/collapseRange.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+function collapseRange(pages, max, ellipsis, current) {
+    var total = pages.length;
+    var needEllipsis = total > max;
+    var hasStartEllipsis = needEllipsis && max - 3 < current;
+    var hasEndEllipsis = needEllipsis && current < total - max + 4;
+    var pageCount;
+    if (!needEllipsis) {
+        return pages;
+    }
+    else if (hasStartEllipsis && !hasEndEllipsis) {
+        pageCount = max - 2;
+        return tslib_1.__spread([pages[0], ellipsis('elipses-1')], pages.slice(total - pageCount));
+    }
+    else if (!hasStartEllipsis && hasEndEllipsis) {
+        pageCount = max - 2;
+        return tslib_1.__spread(pages.slice(0, pageCount), [ellipsis('elipses-2'), pages[total - 1]]);
+    }
+    pageCount = max - 4;
+    return tslib_1.__spread([
+        pages[0],
+        ellipsis('elipses-1')
+    ], pages.slice(current - Math.floor(pageCount / 2), current + pageCount - 1), [
+        ellipsis('elipses-2'),
+        pages[total - 1],
+    ]);
+}
+exports.default = collapseRange;
+function parseToPagesArray(totalPages) {
+    var pagesArray = [];
+    for (var i = 1; i <= totalPages; i++) {
+        pagesArray.push(i);
+    }
+    return pagesArray;
+}
+exports.parseToPagesArray = parseToPagesArray;
+//# sourceMappingURL=collapseRange.js.map

package/lib/src/components/Pagination/utils/collapseRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapseRange.js","sourceRoot":"","sources":["../../../../../src/components/Pagination/utils/collapseRange.ts"],"names":[],"mappings":";;;AAGA,SAAwB,aAAa,CACnC,KAAwB,EACxB,GAAW,EACX,QAAkC,EAClC,OAAe;IAEf,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;IAE3B,IAAM,YAAY,GAAG,KAAK,GAAG,GAAG,CAAC;IAEjC,IAAM,gBAAgB,GAAG,YAAY,IAAI,GAAG,GAAG,CAAC,GAAG,OAAO,CAAC;IAE3D,IAAM,cAAc,GAAG,YAAY,IAAI,OAAO,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;IAEjE,IAAI,SAAiB,CAAC;IACtB,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,KAAK,CAAC;KACd;SAAM,IAAI,gBAAgB,IAAI,CAAC,cAAc,EAAE;QAC9C,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;QACpB,yBAAQ,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAK,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,EAAE;KAC7E;SAAM,IAAI,CAAC,gBAAgB,IAAI,cAAc,EAAE;QAC9C,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;QACpB,wBAAW,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,GAAE,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAE;KAChF;IAED,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC;IACpB;QACE,KAAK,CAAC,CAAC,CAAC;QACR,QAAQ,CAAC,WAAW,CAAC;OAClB,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,CAAC,CAAC;QAC5E,QAAQ,CAAC,WAAW,CAAC;QACrB,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;OAChB;AACJ,CAAC;AAjCD,gCAiCC;AAED,SAAgB,iBAAiB,CAAC,UAAkB;IAClD,IAAM,UAAU,GAAa,EAAE,CAAC;IAEhC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;QACpC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACpB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AARD,8CAQC"}

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

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { Placement } from 'popper.js';
-import { BoxProps } from '@material-ui/core';
-export interface IPopoverProps extends BoxProps {
-    isPortal?: boolean;
-    children?: React.ReactNode;
-    isOpen: boolean;
-    fullWidth?: boolean;
-    noCard?: boolean;
-    renderReference: React.ReactElement<any>;
-    offset?: number | string;
-    placement?: Placement;
-    zIndex?: number;
-    onOutsideClickClose?: () => void;
-}
-export interface IPopoverState {
-    activatorNode: HTMLElement | null;
-}
-declare const Popover: React.FC<IPopoverProps>;
-export default Popover;
+import * as React from 'react';
+import { Placement } from 'popper.js';
+import { BoxProps } from '@material-ui/core';
+export interface IPopoverProps extends BoxProps {
+    isPortal?: boolean;
+    children?: React.ReactNode;
+    isOpen: boolean;
+    fullWidth?: boolean;
+    noCard?: boolean;
+    renderReference: React.ReactElement<any>;
+    offset?: number | string;
+    placement?: Placement;
+    zIndex?: number;
+    onOutsideClickClose?: () => void;
+}
+export interface IPopoverState {
+    activatorNode: HTMLElement | null;
+}
+declare const Popover: React.FC<IPopoverProps>;
+export default Popover;

package/lib/src/components/Popover/Popover.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var popper_js_1 = tslib_1.__importDefault(require("popper.js"));
+var React = tslib_1.__importStar(require("react"));
+var utils_1 = require("../utils");
+var Popover_module_scss_1 = tslib_1.__importDefault(require("./Popover.module.scss"));
+var Popover = function (_a) {
+    var activator = _a.activator, children = _a.children, offset = _a.offset, placement = _a.placement, zIndex = _a.zIndex, _b = _a.trigger, trigger = _b === void 0 ? 'click' : _b, _c = _a.active, active = _c === void 0 ? false : _c;
+    var _d;
+    var _e = tslib_1.__read(React.useState(active), 2), visible = _e[0], setVisible = _e[1];
+    var popoverRef = React.useRef(null);
+    var activatorRef = React.useRef(null);
+    var eventFromTrigger = false;
+    var popperOptions = {
+        modifiers: {
+            offset: {
+                offset: offset || '0,5',
+            },
+        },
+        placement: placement || 'bottom-start',
+    };
+    var checkForClickOutside = function (e) {
+        if (!eventFromTrigger) {
+            if (activatorRef.current && popoverRef.current) {
+                if (!popoverRef.current.contains(e.target) && !activatorRef.current.contains(e.target)) {
+                    setVisible(false);
+                }
+                else if (utils_1.findParentBySelector(e.target, '.close-container')) {
+                    setVisible(false);
+                }
+            }
+        }
+        else {
+            eventFromTrigger = false;
+        }
+    };
+    var handleTrigger = function () {
+        setVisible(!visible);
+        eventFromTrigger = true;
+        window.removeEventListener('click', checkForClickOutside, true);
+    };
+    React.useEffect(function () {
+        if (activatorRef.current && popoverRef.current) {
+            var popper = new popper_js_1.default(activatorRef.current, popoverRef.current, popperOptions);
+        }
+        window.addEventListener('click', checkForClickOutside, true);
+        return function () {
+            window.removeEventListener('click', checkForClickOutside, true);
+        };
+    }, [visible]);
+    var classPopover = classnames_1.default(Popover_module_scss_1.default['Popover'], (_d = {}, _d[Popover_module_scss_1.default['NotVisible']] = !visible, _d));
+    var stylePopover = {
+        zIndex: zIndex || undefined,
+    };
+    var classActivator = classnames_1.default(Popover_module_scss_1.default['Activator']);
+    var activatorEvent = {
+        onClick: trigger === 'click' ? handleTrigger : undefined,
+        onMouseMove: trigger === 'mousemove' ? handleTrigger : undefined,
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", tslib_1.__assign({ className: classActivator, ref: activatorRef }, activatorEvent), activator),
+        React.createElement("div", { className: classPopover, ref: popoverRef, style: stylePopover }, children)));
+};
+var CloseAction = function (props) {
+    return React.createElement("div", { className: "close-container" }, props.children);
+};
+Popover.CloseAction = CloseAction;
+exports.default = Popover;
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}

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

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

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

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