@agilekit/ui 0.0.481-alpha.0 → 0.0.483-alpha.0

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

@@ -0,0 +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;

package/lib/src/components/Modal/components/Header/Header.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var CloseButton_1 = require("../CloseButton");
+var styles = tslib_1.__importStar(require("./Header.module.scss"));
+function Header(_a) {
+    var id = _a.id, children = _a.children, onClose = _a.onClose;
+    return (React.createElement("div", { className: styles['Header'] },
+        React.createElement("div", { id: id, className: styles['Title'] }, children),
+        React.createElement(CloseButton_1.CloseButton, { onClick: onClose })));
+}
+exports.default = Header;
+//# sourceMappingURL=Header.js.map

package/lib/src/components/Modal/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../../src/components/Modal/components/Header/Header.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,8CAA6C;AAE7C,mEAA+C;AAQ/C,SAAwB,MAAM,CAAC,EAAuC;QAArC,UAAE,EAAE,sBAAQ,EAAE,oBAAO;IACpD,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC;QAC9B,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IACpC,QAAQ,CACL;QACN,oBAAC,yBAAW,IAAC,OAAO,EAAE,OAAO,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC;AATD,yBASC"}

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

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

package/lib/src/components/Modal/components/Header/index.js

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

package/lib/src/components/Modal/components/Header/index.js.map

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

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

@@ -0,0 +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;

package/lib/src/components/Modal/components/Section/Section.js

@@ -0,0 +1,13 @@
+"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 Section_module_scss_1 = tslib_1.__importDefault(require("./Section.module.scss"));
+function Section(_a) {
+    var children = _a.children, _b = _a.flush, flush = _b === void 0 ? false : _b, _c = _a.subdued, subdued = _c === void 0 ? false : _c;
+    var className = classnames_1.default(Section_module_scss_1.default.Section, flush && Section_module_scss_1.default.flush, subdued && Section_module_scss_1.default.subdued);
+    return React.createElement("section", { className: className }, children);
+}
+exports.default = Section;
+//# sourceMappingURL=Section.js.map

package/lib/src/components/Modal/components/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../../src/components/Modal/components/Section/Section.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,sFAA2C;AAQ3C,SAAwB,OAAO,CAAC,EAA2D;QAAzD,sBAAQ,EAAE,aAAa,EAAb,kCAAa,EAAE,eAAe,EAAf,oCAAe;IACxE,IAAM,SAAS,GAAG,oBAAU,CAAC,6BAAM,CAAC,OAAO,EAAE,KAAK,IAAI,6BAAM,CAAC,KAAK,EAAE,OAAO,IAAI,6BAAM,CAAC,OAAO,CAAC,CAAC;IAE/F,OAAO,iCAAS,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAW,CAAC;AAC7D,CAAC;AAJD,0BAIC"}

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

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

package/lib/src/components/Modal/components/Section/index.js

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

package/lib/src/components/Modal/components/Section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Modal/components/Section/index.ts"],"names":[],"mappings":";;AAAA,qCAA+C;AAAtC,4BAAA,OAAO,CAAW"}

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

@@ -0,0 +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';

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var Dialog_1 = require("./Dialog/Dialog");
+exports.Dialog = Dialog_1.default;
+var Footer_1 = require("./Footer/Footer");
+exports.Footer = Footer_1.default;
+var Header_1 = require("./Header/Header");
+exports.Header = Header_1.default;
+var CloseButton_1 = require("./CloseButton/CloseButton");
+exports.CloseButton = CloseButton_1.default;
+var Section_1 = require("./Section/Section");
+exports.Section = Section_1.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Modal/components/index.ts"],"names":[],"mappings":";;AAAA,0CAAoD;AAA3C,0BAAA,OAAO,CAAU;AAC1B,0CAAoD;AAA3C,0BAAA,OAAO,CAAU;AAC1B,0CAAoD;AAA3C,0BAAA,OAAO,CAAU;AAC1B,yDAAmE;AAA1D,oCAAA,OAAO,CAAe;AAC/B,6CAAuD;AAA9C,4BAAA,OAAO,CAAW"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":";;AAAA,iCAA2C;AAAlC,wBAAA,OAAO,CAAS"}

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

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

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

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

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

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

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/MultiSelect/stories/MultiSelect.stories.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../MultiSelect").ISelectProps>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithPlaceHolder: () => JSX.Element;
+export declare const WithoutLabel: () => JSX.Element;
+export declare const WithoutLabelNotFullwidth: () => JSX.Element;
+export declare const WithDisableState: () => JSX.Element;
+export declare const WithHelpText: () => JSX.Element;
+export declare const WithValidationError: () => JSX.Element;

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.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("./Navigation.module.scss"));
+var NavFilter_1 = require("./components/NavFilter");
+var NavFilterItem_1 = require("./components/NavFilterItem");
+var Section_1 = require("./components/Section");
+var Navigation = (function (_super) {
+    tslib_1.__extends(Navigation, _super);
+    function Navigation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Navigation.prototype.render = function () {
+        var _a = this.props, children = _a.children, location = _a.location;
+        return React.createElement("nav", { className: styles['Navigation'] }, children);
+    };
+    Navigation.Section = Section_1.Section;
+    Navigation.Filter = NavFilter_1.NavFilter;
+    Navigation.FilterItem = NavFilterItem_1.NavFilterItem;
+    return Navigation;
+}(React.Component));
+exports.default = Navigation;
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,uEAAmD;AAEnD,oDAAmD;AACnD,4DAA2D;AAC3D,gDAA+C;AAmB/C;IAAyB,sCAAiC;IAA1D;;IASA,CAAC;IAJQ,2BAAM,GAAb;QACQ,IAAA,eAAmC,EAAjC,sBAAQ,EAAE,sBAAuB,CAAC;QAC1C,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO,CAAC;IAChE,CAAC;IAPa,kBAAO,GAAG,iBAAO,CAAC;IAClB,iBAAM,GAAG,qBAAS,CAAC;IACnB,qBAAU,GAAG,6BAAa,CAAC;IAM3C,iBAAC;CAAA,AATD,CAAyB,KAAK,CAAC,SAAS,GASvC;AAED,kBAAe,UAAU,CAAC"}

package/lib/src/components/Navigation/components/Item/Item.js

@@ -0,0 +1,33 @@
+"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 Icon_1 = tslib_1.__importDefault(require("../../../Icon/Icon"));
+var UnstyledLink_1 = require("../../../UnstyledLink");
+var styles = tslib_1.__importStar(require("../../Navigation.module.scss"));
+var Item = (function (_super) {
+    tslib_1.__extends(Item, _super);
+    function Item() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Item.prototype.render = function () {
+        var _a;
+        var _b = this.props, url = _b.url, icon = _b.icon, label = _b.label, selected = _b.selected;
+        var isSelected = selected;
+        var renderIcon = icon && (React.createElement("div", { className: styles['Icon'] },
+            React.createElement(Icon_1.default, { source: icon })));
+        var classNames = classnames_1.default(styles['ListItem']);
+        var itemLinkClass = classnames_1.default(styles['Item'], (_a = {},
+            _a[styles['Item-selected']] = isSelected,
+            _a));
+        return (React.createElement("li", { className: classNames },
+            React.createElement(UnstyledLink_1.UnstyledLink, { url: url, className: itemLinkClass, activeClassName: styles['nav-link-active'], type: "nav" },
+                renderIcon,
+                React.createElement("span", { className: styles['Text'] }, label))));
+    };
+    Item.defaultProps = { url: '/' };
+    return Item;
+}(React.Component));
+exports.default = Item;
+//# sourceMappingURL=Item.js.map

package/lib/src/components/Navigation/components/Item/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/Item/Item.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,oEAAsD;AACtD,sDAAqD;AACrD,2EAAuD;AASvD;IAAmB,gCAA2B;IAA9C;;IA6BA,CAAC;IA1BQ,qBAAM,GAAb;;QACQ,IAAA,eAA2C,EAAzC,YAAG,EAAE,cAAI,EAAE,gBAAK,EAAE,sBAAuB,CAAC;QAElD,IAAM,UAAU,GAAG,QAAQ,CAAC;QAE5B,IAAM,UAAU,GAAG,IAAI,IAAI,CACzB,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;YAC5B,oBAAC,cAAI,IAAC,MAAM,EAAE,IAAI,GAAI,CAClB,CACP,CAAC;QAEF,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QAElD,IAAM,aAAa,GAAG,oBAAU,CAAC,MAAM,CAAC,MAAM,CAAC;YAC7C,GAAC,MAAM,CAAC,eAAe,CAAC,IAAG,UAAU;gBACrC,CAAC;QAEH,OAAO,CACL,4BAAI,SAAS,EAAE,UAAU;YACvB,oBAAC,2BAAY,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAC,KAAK;gBACrG,UAAU;gBACX,8BAAM,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ,CAClC,CACZ,CACN,CAAC;IACJ,CAAC;IA3Ba,iBAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IA4B5C,WAAC;CAAA,AA7BD,CAAmB,KAAK,CAAC,SAAS,GA6BjC;AACD,kBAAe,IAAI,CAAC"}

package/lib/src/components/Navigation/components/Item/index.js

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

package/lib/src/components/Navigation/components/Item/index.js.map

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

package/lib/src/components/Navigation/components/NavFilter/NavFilter.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("../../Navigation.module.scss"));
+var NavFilter = function (_a) {
+    var title = _a.title, children = _a.children;
+    return (React.createElement("div", { className: styles['NavFilter'] },
+        React.createElement("h3", null, title),
+        React.createElement("ul", null, children)));
+};
+exports.default = NavFilter;
+//# sourceMappingURL=NavFilter.js.map

package/lib/src/components/Navigation/components/NavFilter/NavFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavFilter.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/NavFilter/NavFilter.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,2EAAuD;AAOvD,IAAM,SAAS,GAA8B,UAAC,EAAmB;QAAjB,gBAAK,EAAE,sBAAQ;IAC7D,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC;QACjC,gCAAK,KAAK,CAAM;QAChB,gCAAK,QAAQ,CAAM,CACf,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/src/components/Navigation/components/NavFilter/index.js

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

package/lib/src/components/Navigation/components/NavFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/NavFilter/index.ts"],"names":[],"mappings":";;AAAA,yCAAmD;AAA1C,gCAAA,OAAO,CAAa"}

package/lib/src/components/Navigation/components/NavFilterItem/NavFilterItem.js

@@ -0,0 +1,45 @@
+"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 Icon_1 = tslib_1.__importDefault(require("../../../Icon/Icon"));
+var styles = tslib_1.__importStar(require("./NavFilterItem.module.scss"));
+var NavFilterItem = function (_a) {
+    var count = _a.count, onFilter = _a.onFilter, value = _a.value, icon = _a.icon;
+    var _b, _c, _d, _e, _f;
+    var onFilterClick = function () {
+        onFilter(value);
+    };
+    var isFailed = value.indexOf('Failed') >= 0;
+    var isExpiring = value.indexOf('Expiring') >= 0;
+    var isExpired = value.indexOf('Expired') >= 0;
+    var isRequested = value.indexOf('Requested') >= 0;
+    var isCompleted = value.indexOf('Completed') >= 0;
+    var isReceived = value.indexOf('Received') >= 0;
+    var renderIcon = (React.createElement(React.Fragment, null,
+        isFailed && React.createElement(Icon_1.default, { source: "slash", color: "R400" }),
+        isExpiring && React.createElement(Icon_1.default, { source: "creditCard", color: "Y400" }),
+        isExpired && React.createElement(Icon_1.default, { source: "creditCard", color: "R400" }),
+        isRequested && React.createElement(Icon_1.default, { source: "settings", color: "B400" }),
+        isCompleted && React.createElement(Icon_1.default, { source: "settings", color: "G400" }),
+        isReceived && React.createElement(Icon_1.default, { source: "slash", color: "R400" })));
+    var classNames = classnames_1.default(styles['NavFilterItem'], (_b = {},
+        _b[styles['danger']] = isFailed || isExpired || isReceived,
+        _b), (_c = {},
+        _c[styles['warning']] = isExpiring,
+        _c), (_d = {},
+        _d[styles['success']] = isCompleted,
+        _d), (_e = {},
+        _e[styles['action']] = false,
+        _e), (_f = {},
+        _f[styles['secondary']] = isRequested,
+        _f));
+    return (React.createElement("li", { onClick: onFilterClick, key: count },
+        React.createElement("div", null,
+            icon,
+            React.createElement("span", { className: classNames }, value)),
+        React.createElement("div", { className: styles['FilterCount'] }, count)));
+};
+exports.default = NavFilterItem;
+//# sourceMappingURL=NavFilterItem.js.map

package/lib/src/components/Navigation/components/NavFilterItem/NavFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavFilterItem.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/NavFilterItem/NavFilterItem.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,oEAAsC;AACtC,0EAAsD;AAStD,IAAM,aAAa,GAAkC,UAAC,EAAgC;QAA9B,gBAAK,EAAE,sBAAQ,EAAE,gBAAK,EAAE,cAAI;;IAClF,IAAM,aAAa,GAAG;QACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAClD,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAChD,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpD,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACpD,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAElD,IAAM,UAAU,GAAG,CACjB,oBAAC,KAAK,CAAC,QAAQ;QACZ,QAAQ,IAAI,oBAAC,cAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,GAAG;QAChD,UAAU,IAAI,oBAAC,cAAI,IAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,GAAG;QACvD,SAAS,IAAI,oBAAC,cAAI,IAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,GAAG;QACtD,WAAW,IAAI,oBAAC,cAAI,IAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,GAAG;QACtD,WAAW,IAAI,oBAAC,cAAI,IAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,GAAG;QACtD,UAAU,IAAI,oBAAC,cAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,GAAG,CACpC,CAClB,CAAC;IAEF,IAAM,UAAU,GAAG,oBAAU,CAC3B,MAAM,CAAC,eAAe,CAAC;QAErB,GAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,IAAI,SAAS,IAAI,UAAU;;QAGvD,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,UAAU;;QAG/B,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,WAAW;;QAGhC,GAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,KAAK;;QAGzB,GAAC,MAAM,CAAC,WAAW,CAAC,IAAG,WAAW;YAErC,CAAC;IAEF,OAAO,CACL,4BAAI,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,KAAK;QACpC;YACG,IAAI;YACL,8BAAM,SAAS,EAAE,UAAU,IAAG,KAAK,CAAQ,CACvC;QACN,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,IAAG,KAAK,CAAO,CACjD,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/lib/src/components/Navigation/components/NavFilterItem/index.js

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

package/lib/src/components/Navigation/components/NavFilterItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/NavFilterItem/index.ts"],"names":[],"mappings":";;AAAA,iDAA2D;AAAlD,wCAAA,OAAO,CAAiB"}

package/lib/src/components/Navigation/components/Section/Section.js

@@ -0,0 +1,25 @@
+"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 styles = tslib_1.__importStar(require("../../Navigation.module.scss"));
+var Item_1 = require("../Item/");
+var Section = (function (_super) {
+    tslib_1.__extends(Section, _super);
+    function Section() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Section.prototype.render = function () {
+        var items = this.props.items;
+        var classNames = classnames_1.default(styles['Section']);
+        var renderMenuItems = items.map(function (item) {
+            var label = item.label, icon = item.icon, url = item.url;
+            return React.createElement(Item_1.Item, { key: label, icon: icon, label: label, url: url });
+        });
+        return React.createElement("ul", { className: classNames }, renderMenuItems);
+    };
+    return Section;
+}(React.Component));
+exports.default = Section;
+//# sourceMappingURL=Section.js.map

package/lib/src/components/Navigation/components/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/Section/Section.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,2EAAuD;AACvD,iCAAgC;AAMhC;IAAsB,mCAA8B;IAApD;;IAaA,CAAC;IAZQ,wBAAM,GAAb;QACU,IAAA,wBAAK,CAAgB;QAC7B,IAAM,UAAU,GAAG,oBAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QAEjD,IAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI;YAC5B,IAAA,kBAAK,EAAE,gBAAI,EAAE,cAAG,CAAU;YAElC,OAAO,oBAAC,WAAI,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,OAAO,4BAAI,SAAS,EAAE,UAAU,IAAG,eAAe,CAAM,CAAC;IAC3D,CAAC;IACH,cAAC;AAAD,CAAC,AAbD,CAAsB,KAAK,CAAC,SAAS,GAapC;AAED,kBAAe,OAAO,CAAC"}

package/lib/src/components/Navigation/components/Section/index.js

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

package/lib/src/components/Navigation/components/Section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Navigation/components/Section/index.ts"],"names":[],"mappings":";;AAAA,qCAA+C;AAAtC,4BAAA,OAAO,CAAW"}

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

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

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

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

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.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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

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

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.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.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"}