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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<Pick<import("@material-ui/core").SwitchProps, "color" | "translate" | "hidden" | "size" | "style" | "icon" | "disabled" | "ref" | "form" | "slot" | "title" | "className" | "type" | "id" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "innerRef" | "name" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "readOnly" | "required" | "action" | "checked" | "inputRef" | "inputProps" | "checkedIcon" | "disableFocusRipple" | "edge" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & import("@material-ui/core").StyledComponentProps<"track" | "root" | "checked" | "thumb" | "switchBase">>;
+    parameters: {
+        docs: {
+            page: (props: any) => JSX.Element;
+        };
+        jest: string[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export default function UnstyledSwitches(): JSX.Element;

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

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

package/lib/src/components/TableList/TableList.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 Box_1 = require("../Box/");
+var Cell_1 = tslib_1.__importDefault(require("./components/Cell/Cell"));
+var styles = tslib_1.__importStar(require("./TableList.module.scss"));
+var TableList = (function (_super) {
+    tslib_1.__extends(TableList, _super);
+    function TableList() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TableList.prototype.render = function () {
+        var _a;
+        var _b = this.props, children = _b.children, inCard = _b.inCard;
+        var classNames = classnames_1.default('table-responsive', styles['TableList'], (_a = {}, _a[styles['InCard']] = inCard, _a));
+        return (React.createElement(Box_1.Box, tslib_1.__assign({}, this.props),
+            React.createElement("div", { className: classNames },
+                React.createElement("table", { className: "table table-condensed no-margin" }, children))));
+    };
+    TableList.defaultProps = { width: 1 };
+    TableList.Cell = Cell_1.default;
+    TableList.Head = function (_a) {
+        var children = _a.children;
+        return React.createElement("thead", null, children);
+    };
+    TableList.Body = function (_a) {
+        var children = _a.children;
+        return React.createElement("tbody", null, children);
+    };
+    TableList.Row = function (_a) {
+        var children = _a.children;
+        return React.createElement("tr", null, children);
+    };
+    TableList.ColumnHeader = function (_a) {
+        var children = _a.children, align = _a.align;
+        var className = "" + (align === 'right' ? 'text-right' : '');
+        return (React.createElement("th", { className: className },
+            React.createElement("div", null, children)));
+    };
+    return TableList;
+}(React.Component));
+exports.default = TableList;
+//# sourceMappingURL=TableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableList.js","sourceRoot":"","sources":["../../../../src/components/TableList/TableList.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,+BAA8B;AAE9B,wEAA0C;AAC1C,sEAAkD;AAelD;IAAwB,qCAAoC;IAA5D;;IAoCA,CAAC;IAXQ,0BAAM,GAAb;;QACQ,IAAA,eAAiC,EAA/B,sBAAQ,EAAE,kBAAqB,CAAC;QACxC,IAAM,UAAU,GAAG,oBAAU,CAAC,kBAAkB,EAAE,MAAM,CAAC,WAAW,CAAC,YAAI,GAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,MAAM,MAAG,CAAC;QACvG,OAAO,CACL,oBAAC,SAAG,uBAAK,IAAI,CAAC,KAAK;YACjB,6BAAK,SAAS,EAAE,UAAU;gBACxB,+BAAO,SAAS,EAAC,iCAAiC,IAAE,QAAQ,CAAS,CACjE,CACF,CACP,CAAC;IACJ,CAAC;IAlCa,sBAAY,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAC5B,cAAI,GAAG,cAAI,CAAC;IAEZ,cAAI,GAAc,UAAC,EAAY;YAAV,sBAAQ;QACzC,OAAO,mCAAQ,QAAQ,CAAS,CAAC;IACnC,CAAC,CAAC;IAEY,cAAI,GAAc,UAAC,EAAY;YAAV,sBAAQ;QACzC,OAAO,mCAAQ,QAAQ,CAAS,CAAC;IACnC,CAAC,CAAC;IAEY,aAAG,GAAyB,UAAC,EAAY;YAAV,sBAAQ;QACnD,OAAO,gCAAK,QAAQ,CAAM,CAAC;IAC7B,CAAC,CAAC;IAEY,sBAAY,GAA4B,UAAC,EAAmB;YAAjB,sBAAQ,EAAE,gBAAK;QACtE,IAAM,SAAS,GAAG,MAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC;QAC7D,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS;YACtB,iCAAM,QAAQ,CAAO,CAClB,CACN,CAAC;IACJ,CAAC,CAAC;IAaJ,gBAAC;CAAA,AApCD,CAAwB,KAAK,CAAC,SAAS,GAoCtC;AAED,kBAAe,SAAS,CAAC"}

package/lib/src/components/TableList/components/Cell/Cell.js

@@ -0,0 +1,22 @@
+"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 UnstyledLink_1 = require("../../../UnstyledLink");
+var styles = tslib_1.__importStar(require("../../TableList.module.scss"));
+var Cell = function (_a) {
+    var children = _a.children, align = _a.align, link = _a.link;
+    var _b;
+    var classNames = classnames_1.default((_b = {}, _b[styles['td-link']] = link, _b), "" + (align === 'right' ? 'text-right' : ''));
+    if (link) {
+        return (React.createElement("td", { className: classNames },
+            React.createElement(UnstyledLink_1.UnstyledLink, { url: link },
+                React.createElement("div", { className: "td-container" }, children))));
+    }
+    else {
+        return React.createElement("td", { className: classNames }, children);
+    }
+};
+exports.default = Cell;
+//# sourceMappingURL=Cell.js.map

package/lib/src/components/TableList/components/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../../../../src/components/TableList/components/Cell/Cell.tsx"],"names":[],"mappings":";;;AAAA,kEAAoC;AACpC,mDAA+B;AAE/B,sDAAqD;AAErD,0EAAsD;AAOtD,IAAM,IAAI,GAA0B,UAAC,EAAyB;QAAvB,sBAAQ,EAAE,gBAAK,EAAE,cAAI;;IAC1D,IAAM,UAAU,GAAG,oBAAU,WAAG,GAAC,MAAM,CAAC,SAAS,CAAC,IAAG,IAAI,OAAI,MAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC;IAEzG,IAAI,IAAI,EAAE;QACR,OAAO,CACL,4BAAI,SAAS,EAAE,UAAU;YACvB,oBAAC,2BAAY,IAAC,GAAG,EAAE,IAAI;gBACrB,6BAAK,SAAS,EAAC,cAAc,IAAE,QAAQ,CAAO,CACjC,CACZ,CACN,CAAC;KACH;SAAM;QACL,OAAO,4BAAI,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAM,CAAC;KACnD;AACH,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/lib/src/components/TableList/components/Cell/index.js

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

package/lib/src/components/TableList/components/Cell/index.js.map

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

package/lib/src/components/TableList/components/TableHead/TableHead.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TableHeadProps {
+    children: React.ReactNode;
+}
+declare const TableHead: React.FC<TableHeadProps>;
+export default TableHead;

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

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

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

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

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

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

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

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

package/lib/src/components/Tabs/Tabs.js

@@ -0,0 +1,86 @@
+"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.__importStar(require("react"));
+var TabContent_1 = require("./components/TabContent/");
+var TabItem_1 = require("./components/TabItem/");
+var TabsNavigation_1 = require("./components/TabsNavigation/");
+var styles = tslib_1.__importStar(require("./Tabs.module.scss"));
+var defaultIsSelectedTestNumber = function (selectedIndex, tab, tabIndex) {
+    return selectedIndex === tabIndex;
+};
+var defaultIsSelectedTestObject = function (selected, tab) { return selected === tab; };
+var defaultComponents = {
+    Content: TabContent_1.TabContent,
+    Item: TabItem_1.TabItem,
+};
+var Tabs = (function (_super) {
+    tslib_1.__extends(Tabs, _super);
+    function Tabs(props) {
+        var _this = _super.call(this, props) || this;
+        _this.resolveSelected = function (selected, newProps) {
+            var _a = newProps || _this.props, tabs = _a.tabs, isSelectedTest = _a.isSelectedTest;
+            var testFunction = (function () {
+                if (isSelectedTest) {
+                    return isSelectedTest;
+                }
+                if (typeof selected === 'number') {
+                    return defaultIsSelectedTestNumber;
+                }
+                return defaultIsSelectedTestObject;
+            })();
+            return tabs.find(function (tab, tabIndex) { return testFunction(selected, tab, tabIndex); }) || tabs[0];
+        };
+        _this.onSelect = function (newselected, newSelectedIndex) {
+            var _a = _this.props, onSelect = _a.onSelect, selected = _a.selected;
+            if (typeof onSelect === 'function') {
+                onSelect(newselected, newSelectedIndex);
+            }
+            if (typeof selected === 'undefined') {
+                _this.setState({ selected: newselected });
+            }
+        };
+        var initiallyselected = _this.props.selected || _this.props.defaultSelected || _this.props.tabs[0];
+        var selected = _this.resolveSelected(initiallyselected);
+        _this.state = {
+            selected: selected,
+        };
+        return _this;
+    }
+    Tabs.prototype.componentWillReceiveProps = function (newProps) {
+        if (typeof newProps.selected !== 'undefined' && newProps.selected !== this.state.selected) {
+            var selected = this.resolveSelected(newProps.selected, newProps);
+            this.setState({ selected: selected });
+        }
+        else if (newProps.tabs !== this.props.tabs) {
+            var updatedselected = this.resolveSelected(this.state.selected, newProps);
+            this.setState({ selected: updatedselected });
+        }
+    };
+    Tabs.prototype.render = function () {
+        var _a;
+        var _b = this.props, components = _b.components, tabs = _b.tabs, _c = _b.appearance, appearance = _c === void 0 ? 'default' : _c;
+        var selected = this.state.selected;
+        var _d = tslib_1.__assign({}, defaultComponents, components), Content = _d.Content, Item = _d.Item;
+        var contentProps = {
+            data: selected,
+            elementProps: {
+                role: 'tabpanel',
+            },
+        };
+        var classNames = classnames_1.default(styles['Tabs'], (_a = {},
+            _a[styles['BackgroundMode']] = appearance === 'background',
+            _a[styles['FullwidthMode']] = appearance === 'fullwidth',
+            _a));
+        return (react_1.default.createElement("div", { className: classNames },
+            react_1.default.createElement(TabsNavigation_1.TabsNavigation, { component: Item, onSelect: this.onSelect, selected: selected, tabs: tabs }),
+            react_1.default.createElement(Content, tslib_1.__assign({}, contentProps))));
+    };
+    Tabs.defaultProps = {
+        components: {},
+    };
+    return Tabs;
+}(react_1.Component));
+exports.default = Tabs;
+//# sourceMappingURL=Tabs.js.map

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

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

package/lib/src/components/Tabs/components/TabContent/TabContent.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'react';
+import { ITabContentComponentProvided } from '../../types';
+export default class TabContent extends Component<ITabContentComponentProvided> {
+    static defaultProps: {
+        data: {};
+        elementProps: {};
+    };
+    render(): JSX.Element;
+}

package/lib/src/components/Tabs/components/TabContent/TabContent.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var TabContent = (function (_super) {
+    tslib_1.__extends(TabContent, _super);
+    function TabContent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TabContent.prototype.render = function () {
+        var _a = this.props, data = _a.data, elementProps = _a.elementProps;
+        return react_1.default.createElement("div", tslib_1.__assign({}, elementProps), data.content);
+    };
+    TabContent.defaultProps = {
+        data: {},
+        elementProps: {},
+    };
+    return TabContent;
+}(react_1.Component));
+exports.default = TabContent;
+//# sourceMappingURL=TabContent.js.map

package/lib/src/components/Tabs/components/TabContent/TabContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../../../src/components/Tabs/components/TabContent/TabContent.tsx"],"names":[],"mappings":";;;AAAA,qDAAyC;AAKzC;IAAwC,sCAAuC;IAA/E;;IASA,CAAC;IAJQ,2BAAM,GAAb;QACQ,IAAA,eAAmC,EAAjC,cAAI,EAAE,8BAA2B,CAAC;QAC1C,OAAO,0DAAS,YAAY,GAAG,IAAI,CAAC,OAAO,CAAO,CAAC;IACrD,CAAC;IAPa,uBAAY,GAAG;QAC3B,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,EAAE;KACjB,CAAC;IAKJ,iBAAC;CAAA,AATD,CAAwC,iBAAS,GAShD;kBAToB,UAAU"}

package/lib/src/components/Tabs/components/TabContent/index.d.ts

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

package/lib/src/components/Tabs/components/TabContent/index.js

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

package/lib/src/components/Tabs/components/TabContent/index.js.map

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

package/lib/src/components/Tabs/components/TabItem/TabItem.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+import { ITabItemComponentProvided } from '../../types';
+export default class TabItem extends Component<ITabItemComponentProvided> {
+    static defaultProps: {
+        data: {};
+        elementProps: {};
+        innerRef: null;
+        isSelected: boolean;
+    };
+    render(): JSX.Element;
+}

package/lib/src/components/Tabs/components/TabItem/TabItem.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var TabItem = (function (_super) {
+    tslib_1.__extends(TabItem, _super);
+    function TabItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TabItem.prototype.render = function () {
+        var _a = this.props, data = _a.data, elementProps = _a.elementProps, innerRef = _a.innerRef, isSelected = _a.isSelected;
+        return (react_1.default.createElement("div", null,
+            data.label,
+            isSelected ? react_1.default.createElement("div", null, "s") : null));
+    };
+    TabItem.defaultProps = {
+        data: {},
+        elementProps: {},
+        innerRef: null,
+        isSelected: false,
+    };
+    return TabItem;
+}(react_1.Component));
+exports.default = TabItem;
+//# sourceMappingURL=TabItem.js.map

package/lib/src/components/Tabs/components/TabItem/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../../../../src/components/Tabs/components/TabItem/TabItem.tsx"],"names":[],"mappings":";;;AAAA,qDAAyC;AAGzC;IAAqC,mCAAoC;IAAzE;;IAoBA,CAAC;IAZQ,wBAAM,GAAb;QACQ,IAAA,eAAyD,EAAvD,cAAI,EAAE,8BAAY,EAAE,sBAAQ,EAAE,0BAAyB,CAAC;QAChE,OAAO,CAIL;YACG,IAAI,CAAC,KAAK;YACV,UAAU,CAAC,CAAC,CAAC,+CAAY,CAAC,CAAC,CAAC,IAAI,CAC7B,CACP,CAAC;IACJ,CAAC;IAlBa,oBAAY,GAAG;QAC3B,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,KAAK;KAClB,CAAC;IAcJ,cAAC;CAAA,AApBD,CAAqC,iBAAS,GAoB7C;kBApBoB,OAAO"}

package/lib/src/components/Tabs/components/TabItem/index.d.ts

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

package/lib/src/components/Tabs/components/TabItem/index.js

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

package/lib/src/components/Tabs/components/TabItem/index.js.map

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

package/lib/src/components/Tabs/components/TabsNavigation/TabsNavigation.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import { ITabData, ITabsNavigationProps } from '../../types';
+export default class TabsNavigation extends Component<ITabsNavigationProps> {
+    elementRefs: any;
+    UNSAFE_componentWillReceiveProps(newProps: ITabsNavigationProps): void;
+    tabKeyDownHandler: (e: KeyboardEvent) => void;
+    onSelect: (selected: ITabData, selectedIndex: number) => void;
+    tabMouseDownHandler: (e: MouseEvent) => void;
+    render(): JSX.Element;
+}

package/lib/src/components/Tabs/components/TabsNavigation/TabsNavigation.js

@@ -0,0 +1,68 @@
+"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.__importStar(require("react"));
+var styles = tslib_1.__importStar(require("../../Tabs.module.scss"));
+var TabsNavigation = (function (_super) {
+    tslib_1.__extends(TabsNavigation, _super);
+    function TabsNavigation() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.elementRefs = [];
+        _this.tabKeyDownHandler = function (e) {
+            if (!['ArrowRight', 'ArrowLeft'].includes(e.key)) {
+                return;
+            }
+            var _a = _this.props, selected = _a.selected, tabs = _a.tabs;
+            var modifier = e.key === 'ArrowRight' ? 1 : -1;
+            var newselectedIndex = tabs.indexOf(selected) + modifier;
+            if (newselectedIndex < 0 || newselectedIndex >= tabs.length) {
+                return;
+            }
+            _this.onSelect(tabs[newselectedIndex], newselectedIndex);
+            _this.elementRefs[newselectedIndex].focus();
+        };
+        _this.onSelect = function (selected, selectedIndex) {
+            _this.props.onSelect(selected, selectedIndex);
+        };
+        _this.tabMouseDownHandler = function (e) { return e.preventDefault(); };
+        return _this;
+    }
+    TabsNavigation.prototype.componentWillReceiveProps = function (newProps) {
+        if (newProps.tabs !== this.props.tabs) {
+            this.elementRefs = [];
+        }
+    };
+    TabsNavigation.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, selected = _a.selected, component = _a.component, tabs = _a.tabs;
+        return (react_1.default.createElement("div", { className: styles['TabList-Wrapper'] },
+            react_1.default.createElement("div", { className: styles['TabList-Border'] }),
+            react_1.default.createElement("div", { role: "tablist", className: styles['TabList'] }, tabs.map(function (tab, index) {
+                var _a;
+                var isSelected = tab === selected;
+                var elementProps = {
+                    'aria-posinset': index + 1,
+                    'aria-selected': isSelected,
+                    'aria-setsize': tabs.length,
+                    onClick: function () { return _this.onSelect(tab, index); },
+                    onKeyDown: _this.tabKeyDownHandler,
+                    onMouseDown: _this.tabMouseDownHandler,
+                    role: 'tab',
+                    tabIndex: isSelected ? 0 : -1,
+                };
+                var innerRef = function (ref) {
+                    _this.elementRefs[index] = ref;
+                };
+                var classNames = classnames_1.default(styles['TabNavItem'], (_a = {},
+                    _a[styles['active']] = isSelected,
+                    _a));
+                return (react_1.default.createElement("div", { className: classNames, onClick: elementProps.onClick, key: index },
+                    tab.label,
+                    isSelected && react_1.default.createElement("span", { className: styles['TabNavItem-Border'] })));
+            }))));
+    };
+    return TabsNavigation;
+}(react_1.Component));
+exports.default = TabsNavigation;
+//# sourceMappingURL=TabsNavigation.js.map

package/lib/src/components/Tabs/components/TabsNavigation/TabsNavigation.js.map

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

package/lib/src/components/Tabs/components/TabsNavigation/index.d.ts

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

package/lib/src/components/Tabs/components/TabsNavigation/index.js

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

package/lib/src/components/Tabs/components/TabsNavigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Tabs/components/TabsNavigation/index.ts"],"names":[],"mappings":";;AAAA,mDAA6D;AAApD,0CAAA,OAAO,CAAkB"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../Tabs").TabsProps>;
+    parameters: {
+        jest: string[];
+    };
+};
+export default _default;
+export declare const TabsStyledFromOutside: () => JSX.Element;
+export declare const TabsResponsiveBehavior: () => JSX.Element;
+export declare const ChangeProgramatically: () => JSX.Element;

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

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

package/lib/src/components/Tabs/stories/components/TabsResponsive.d.ts

@@ -0,0 +1,2 @@
+declare const TabsResponsive: () => JSX.Element;
+export default TabsResponsive;

package/lib/src/components/Tabs/stories/components/TabsResponsive.styles.d.ts

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

package/lib/src/components/Tabs/stories/components/TabsStyledOutside.d.ts

@@ -0,0 +1,2 @@
+declare const TabsStyledOutside: () => JSX.Element;
+export default TabsStyledOutside;

package/lib/src/components/Tabs/stories/components/TabsStyledOutside.styles.d.ts

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

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

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

package/lib/src/components/Tabs/types.d.ts

@@ -0,0 +1,54 @@
+import { ComponentType } from 'react';
+export interface ITabData {
+    label?: string;
+    content?: Node;
+}
+interface ITabItemElementProps {
+    'aria-posinset'?: number;
+    'aria-selected'?: boolean;
+    'aria-setsize'?: number;
+    onClick?: () => void;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onMouseDown?: (e: MouseEvent) => void;
+    role?: string;
+    tabIndex?: number | string;
+}
+declare type TabItemInnerRef = (ref: HTMLElement) => void;
+export interface ITabItemComponentProvided {
+    data: ITabData;
+    elementProps: ITabItemElementProps;
+    innerRef: TabItemInnerRef;
+    isSelected: boolean;
+}
+export interface ITabContentComponentProvided {
+    data: ITabData;
+    elementProps: {
+        role?: string;
+    };
+}
+export declare type TabContentType = ComponentType<ITabContentComponentProvided>;
+export declare type selectedProp = any;
+export declare type IsSelectedTestFunction = (selected: selectedProp, tab: ITabData, tabIndex: number) => boolean;
+declare type OnSelectCallback = (selected: ITabData, selectedIndex: number) => void;
+export interface ITabsProps {
+    components: {
+        Item?: any;
+        Content?: TabContentType;
+    };
+    defaultSelected?: selectedProp;
+    isSelectedTest?: IsSelectedTestFunction;
+    onSelect?: OnSelectCallback;
+    selected?: selectedProp;
+    tabs: any;
+    appearance?: 'background' | 'fullwidth' | 'pills';
+}
+export interface ITabsState {
+    selected: ITabData;
+}
+export interface ITabsNavigationProps {
+    component: any;
+    onSelect: any;
+    selected: any;
+    tabs: any;
+}
+export {};

package/lib/src/components/Tabs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/src/components/Tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Tabs/types.ts"],"names":[],"mappings":""}

package/lib/src/components/Tag/Tag.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Icon_1 = require("../Icon");
+var styles = tslib_1.__importStar(require("./Tag.module.scss"));
+var Tag = function (_a) {
+    var item = _a.item, onRemoveTag = _a.onRemoveTag;
+    var onCloseClick = function () {
+        onRemoveTag(item);
+    };
+    return (React.createElement("div", { className: styles['Tag'] },
+        item.value,
+        ' ',
+        React.createElement("div", { onClick: onCloseClick, className: styles['CloseTag'] },
+            React.createElement(Icon_1.Icon, { source: "close", color: "grayIron" }))));
+};
+exports.default = Tag;
+//# sourceMappingURL=Tag.js.map