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

package/lib/src/components/TableList/components/ColumnHeader/index.d.ts

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

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

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

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

@@ -1,14 +1,14 @@
-import { TableList } from '../../..';
-declare const _default: {
-    title: string;
-    component: typeof TableList;
-    parameters: {
-        docs: {
-            page: (props: any) => JSX.Element;
-        };
-        jest: string[];
-    };
-};
-export default _default;
-export declare const Default: () => JSX.Element;
-export declare const InsideCard: () => JSX.Element;
+import { TableList } from '../../..';
+declare const _default: {
+    title: string;
+    component: typeof TableList;
+    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/TabPanel.d.ts

@@ -1,7 +1,7 @@
-declare const TabPanel: ({ children, value, index, ...props }: {
-    [x: string]: any;
-    children: any;
-    value: any;
-    index: any;
-}) => JSX.Element;
-export default TabPanel;
+declare const TabPanel: ({ children, value, index, ...props }: {
+    [x: string]: any;
+    children: any;
+    value: any;
+    index: any;
+}) => JSX.Element;
+export default TabPanel;

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

@@ -1,13 +1,13 @@
-import React from 'react';
-export interface TabsProps {
-    tabs: Array<any>;
-    appearance?: 'default' | 'pills' | 'outline';
-    variant?: 'fullWidth' | 'scrollable' | 'standard' | undefined;
-    scrollButtons?: 'auto' | 'desktop' | 'off' | 'on';
-    className?: any;
-    onChange?: (event: Record<string, any>, value: any) => void;
-    classes?: any;
-    value?: any;
-}
-declare const Tabs: React.FC<TabsProps>;
-export default Tabs;
+import React from 'react';
+export interface TabsProps {
+    tabs: Array<any>;
+    appearance?: 'default' | 'pills' | 'outline';
+    variant?: 'fullWidth' | 'scrollable' | 'standard' | undefined;
+    scrollButtons?: 'auto' | 'desktop' | 'off' | 'on';
+    className?: any;
+    onChange?: (event: Record<string, any>, value: any) => void;
+    classes?: any;
+    value?: any;
+}
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

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/Tabs.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStylesTabs: (props?: any) => import("@material-ui/styles").ClassNameMap<"outline" | "root" | "pills" | "indicator">;
-export declare const useStylesTab: (props?: any) => import("@material-ui/styles").ClassNameMap<"outline" | "root" | "selected" | "pills">;
+export declare const useStylesTabs: (props?: any) => import("@material-ui/styles").ClassNameMap<"outline" | "root" | "pills" | "indicator">;
+export declare const useStylesTab: (props?: any) => import("@material-ui/styles").ClassNameMap<"outline" | "root" | "selected" | "pills">;

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tabs">;
-export default useStyles;
+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.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-interface TagProps {
-    label: string;
-    color?: 'standard' | 'blue' | 'green' | 'red' | 'purple' | string;
-    onClick?: any;
-    onRemove?: any;
-    size?: 'medium' | 'small';
-    appearence?: 'bullet' | 'solid';
-}
-declare const Tag: React.FC<TagProps>;
-export default Tag;
+import React from 'react';
+interface TagProps {
+    label: string;
+    color?: 'standard' | 'blue' | 'green' | 'red' | 'purple' | string;
+    onClick?: any;
+    onRemove?: any;
+    size?: 'medium' | 'small';
+    appearence?: 'bullet' | 'solid';
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,gCAA+B;AAC/B,gEAA4C;AAU5C,IAAM,GAAG,GAAoB,UAAC,EAAqB;QAAnB,cAAI,EAAE,4BAAW;IAC/C,IAAM,YAAY,GAAG;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,KAAK;QAAE,GAAG;QAChB,6BAAK,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;YACvD,oBAAC,WAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,GAAG,CACpC,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,GAAG,CAAC"}

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "color" | "blue" | "green" | "orange" | "purple" | "red" | "solid" | "label" | "root" | "close" | "standard" | "rootClose" | "rootClick" | "rootSmall">;
-export default useStyles;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "color" | "blue" | "green" | "orange" | "purple" | "red" | "solid" | "label" | "root" | "close" | "standard" | "rootClose" | "rootClick" | "rootSmall">;
+export default useStyles;