@qoretechnologies/reqore 0.20.0 → 0.20.3

package/dist/components/Table/row.js

@@ -0,0 +1,204 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.StyledTableCell = exports.alignToFlex = exports.StyledTableRow = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* @flow */
+var lodash_1 = require("lodash");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var __1 = require("../..");
+var sizes_1 = require("../../constants/sizes");
+var colors_1 = require("../../helpers/colors");
+var Header_1 = require("../Header");
+var Icon_1 = __importDefault(require("../Icon"));
+var Paragraph_1 = require("../Paragraph");
+var Tag_1 = __importDefault(require("../Tag"));
+var TimeAgo_1 = require("../TimeAgo");
+exports.StyledTableRow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var size = _a.size;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    height: ", "px;\n  "], ["\n    display: flex;\n    height: ", "px;\n  "])), sizes_1.SIZE_TO_PX[size]);
+});
+exports.alignToFlex = {
+    center: 'center',
+    left: 'flex-start',
+    right: 'flex-end'
+};
+exports.StyledTableCell = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
+    var width = _a.width, grow = _a.grow;
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: ", "px;\n      flex-grow: ", ";\n    "], ["\n      width: ", "px;\n      flex-grow: ", ";\n    "])), !width || width < 80 ? 80 : width, grow || (width ? undefined : 1));
+}, function (_a) {
+    var theme = _a.theme, align = _a.align, interactive = _a.interactive, interactiveCell = _a.interactiveCell, intent = _a.intent, size = _a.size, flat = _a.flat, striped = _a.striped, even = _a.even, selected = _a.selected, selectedIntent = _a.selectedIntent, disabled = _a.disabled, hovered = _a.hovered;
+    var getBackgroundColor = function () {
+        var color = theme.main;
+        var opacity = 0;
+        // Is there any intent
+        if (intent || (selected && selectedIntent)) {
+            color = theme.intents[intent || selectedIntent];
+            opacity += 0.02;
+        }
+        // Is the table striped and this row odd
+        if (striped && !even) {
+            opacity += 0.05;
+        }
+        // Is this row selected
+        if (selected) {
+            opacity += 0.02;
+        }
+        // Is this row hovered
+        if (hovered) {
+            opacity += 0.08;
+        }
+        // Set the color as transparent if opacity is 0
+        if (opacity === 0) {
+            return 'transparent';
+        }
+        return (0, colors_1.changeLightness)(color, opacity);
+    };
+    var backgroundColor = getBackgroundColor();
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      justify-content: ", ";\n      flex-shrink: 0;\n      border-bottom: ", ";\n\n      height: 100%;\n      padding: 0 10px;\n      font-size: ", "px;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n      transition: background-color 0.2s ease-out;\n      opacity: ", ";\n      pointer-events: ", ";\n      cursor: ", ";\n\n      ", "\n\n      p.reqore-table-text {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        margin: 0;\n        padding: 0;\n      }\n    "], ["\n      display: flex;\n      align-items: center;\n      justify-content: ", ";\n      flex-shrink: 0;\n      border-bottom: ", ";\n\n      height: 100%;\n      padding: 0 10px;\n      font-size: ", "px;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n      transition: background-color 0.2s ease-out;\n      opacity: ", ";\n      pointer-events: ", ";\n      cursor: ", ";\n\n      ", "\n\n      p.reqore-table-text {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        margin: 0;\n        padding: 0;\n      }\n    "])), align ? exports.alignToFlex[align] : 'flex-start', !flat ? '1px solid ' : undefined, sizes_1.TEXT_FROM_SIZE[size], backgroundColor === 'transparent'
+        ? 'transparent'
+        : (0, polished_1.rgba)(getBackgroundColor(), 0.8), (0, colors_1.getReadableColorFrom)(backgroundColor === 'transparent' ? theme.main : getBackgroundColor(), !hovered), (0, colors_1.changeLightness)(backgroundColor === 'transparent' ? theme.main : getBackgroundColor(), 0.1), disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', interactiveCell && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n      "])), (0, polished_1.lighten)(0.2, getBackgroundColor())));
+});
+var ReqoreTableRow = function (_a) {
+    var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, onRowClick = _b.onRowClick, striped = _b.striped, size = _b.size, _c = _b.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, flat = _b.flat, style = _a.style, index = _a.index;
+    var _d = (0, react_1.useState)(false), isHovered = _d[0], setIsHovered = _d[1];
+    var isSelected = selected.find(function (selectId) { return selectId === data[index]._selectId; });
+    var renderContent = function (content, data, dataId) {
+        if ((0, lodash_1.isFunction)(content)) {
+            var Content = content;
+            return (0, jsx_runtime_1.jsx)(Content, __assign({}, data));
+        }
+        if ((0, lodash_1.isString)(content)) {
+            // Separate the content string by colon
+            var _a = content.split(':'), type = _a[0], intentOrColor = _a[1];
+            // Check if the intent starts with hash for tags
+            var intent = (intentOrColor === null || intentOrColor === void 0 ? void 0 : intentOrColor.startsWith('#'))
+                ? undefined
+                : intentOrColor;
+            var color = (intentOrColor === null || intentOrColor === void 0 ? void 0 : intentOrColor.startsWith('#')) && type === 'tag' ? intentOrColor : undefined;
+            // Render content based on the type
+            switch (type) {
+                case 'time-ago':
+                    return (0, jsx_runtime_1.jsx)(TimeAgo_1.TimeAgo, { time: data[dataId] });
+                case 'tag':
+                    return ((0, jsx_runtime_1.jsx)(Tag_1["default"], { label: data[dataId], size: size, intent: intent, color: color }));
+                case 'title':
+                    return (0, jsx_runtime_1.jsx)(Header_1.ReqoreH4, __assign({ intent: intent }, { children: data[dataId] }));
+                case 'text':
+                    return ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text', intent: intent }, { children: data[dataId] })));
+                default:
+                    return (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text' }, { children: data[dataId] }));
+            }
+        }
+        return (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text' }, { children: data[dataId] }));
+    };
+    var renderCells = function (columns, data) {
+        return columns.map(function (_a) {
+            var width = _a.width, grow = _a.grow, dataId = _a.dataId, content = _a.content, columns = _a.columns, align = _a.align, onCellClick = _a.onCellClick, cellTooltip = _a.cellTooltip, intent = _a.intent;
+            return columns ? (renderCells(columns, data)) : ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: exports.StyledTableCell, isReqoreComponent: true, componentProps: {
+                    width: width,
+                    grow: grow,
+                    align: align,
+                    size: size,
+                    striped: striped,
+                    disabled: data[index]._disabled,
+                    selected: !!isSelected,
+                    selectedIntent: selectedRowIntent,
+                    flat: flat,
+                    even: index % 2 === 0 ? true : false,
+                    intent: intent || data[index]._intent,
+                    hovered: isHovered,
+                    interactive: !!onCellClick || !!onRowClick,
+                    interactiveCell: !!onCellClick,
+                    onClick: function (e) {
+                        if (onCellClick) {
+                            e.stopPropagation();
+                            onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(data[index]);
+                        }
+                        else if (onRowClick) {
+                            e.stopPropagation();
+                            onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data[index]);
+                        }
+                        else if (selectable && data[index]._selectId) {
+                            // Otherwise select the row if selectable
+                            onSelectClick(data[index]._selectId);
+                        }
+                    },
+                    className: 'reqore-table-cell'
+                }, content: cellTooltip ? cellTooltip(data[index]) : undefined }, { children: renderContent(content, data[index], dataId) }), dataId));
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledTableRow, __assign({ style: style, className: 'reqore-table-row', interactive: !!onRowClick, onMouseEnter: function () {
+            // Set hovered is this row is interactive
+            if (onRowClick || (selectable && data[index]._selectId && !data[index]._disabled)) {
+                setIsHovered(true);
+            }
+        }, onMouseLeave: function () {
+            setIsHovered(false);
+        } }, { children: [selectable && ((0, jsx_runtime_1.jsx)(exports.StyledTableCell, __assign({ align: 'center', width: 60, className: 'reqore-table-cell' }, {
+                size: size,
+                striped: striped,
+                disabled: data[index]._disabled,
+                selected: !!isSelected,
+                selectedIntent: selectedRowIntent,
+                flat: flat,
+                even: index % 2 === 0 ? true : false,
+                intent: data[index]._intent,
+                hovered: isHovered,
+                interactiveCell: data[index]._selectId
+            }, { onClick: data[index]._selectId
+                    ? function (e) {
+                        e.stopPropagation();
+                        onSelectClick(data[index]._selectId);
+                    }
+                    : undefined }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: !data[index]._selectId
+                        ? 'Forbid2Line'
+                        : isSelected
+                            ? 'CheckboxCircleLine'
+                            : 'CheckboxBlankCircleLine', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), style: { opacity: !data[index]._selectId || !isSelected ? 0.4 : 1 } }) }))), renderCells(columns, data)] })));
+};
+exports["default"] = ReqoreTableRow;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=row.js.map

package/dist/components/Table/row.js.map

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

package/dist/components/Tabs/content.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IReqoreTabsContent extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+    tabId: string | number;
+}
+declare const ReqoreTabsContent: ({ children, className, ...rest }: IReqoreTabsContent) => JSX.Element;
+export default ReqoreTabsContent;
+//# sourceMappingURL=content.d.ts.map

package/dist/components/Tabs/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAUD,QAAA,MAAM,iBAAiB,qCAAsC,kBAAkB,gBAI9E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Tabs/content.js

@@ -0,0 +1,41 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var StyledTabsContent = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  overflow: hidden;\n  flex: 1;\n  padding: 10px;\n"], ["\n  display: flex;\n  flex-flow: column;\n  overflow: hidden;\n  flex: 1;\n  padding: 10px;\n"])));
+var ReqoreTabsContent = function (_a) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(StyledTabsContent, __assign({}, rest, { className: "".concat(className || '', " reqore-tabs-content") }, { children: children })));
+};
+exports["default"] = ReqoreTabsContent;
+var templateObject_1;
+//# sourceMappingURL=content.js.map

package/dist/components/Tabs/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/components/Tabs/content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wEAAuC;AAOvC,IAAM,iBAAiB,GAAG,8BAAM,CAAC,GAAG,kKAAA,+FAMnC,IAAA,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,EAAoD;IAAlD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA2B,OAAA,CAClF,uBAAC,iBAAiB,eAAK,IAAI,IAAE,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,yBAAsB,gBAC7E,QAAQ,IACS,CACrB,CAAA;CAAA,CAAC;AAEF,qBAAe,iBAAiB,CAAC"}

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactElement } from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreCustomTheme, IReqoreIntent } from '../../constants/theme';
+import { TReqoreTooltipProp } from '../../types/global';
+import { IReqoreIconName } from '../../types/icons';
+export interface IReqoreTabsListItem {
+    label: string;
+    icon?: IReqoreIconName;
+    as?: any;
+    disabled?: boolean;
+    id: string | number;
+    tooltip?: TReqoreTooltipProp;
+    props?: React.HTMLAttributes<any>;
+    onClick?: (event: any) => any;
+    onCloseClick?: (id: string | number) => any;
+    activeIntent?: IReqoreIntent;
+    intent?: IReqoreIntent;
+    closeIcon?: IReqoreIconName;
+}
+export interface IReqoreTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    tabs: IReqoreTabsListItem[];
+    activeTab?: string | number;
+    onTabChange?: (tabId: string | number) => any;
+    children?: ReactElement<any>[] | ReactElement<any>;
+    fill?: boolean;
+    fillParent?: boolean;
+    vertical?: boolean;
+    activeTabIntent?: IReqoreIntent;
+    wrapTabNames?: boolean;
+    flat?: boolean;
+    size?: TSizes;
+    width?: string;
+    customTheme?: IReqoreCustomTheme;
+    intent?: IReqoreIntent;
+    _testWidth?: number;
+}
+declare const ReqoreTabs: ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat, size, width, wrapTabNames, customTheme, intent, ...rest }: IReqoreTabsProps) => JSX.Element;
+export default ReqoreTabs;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC5C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC9C,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAWD,QAAA,MAAM,UAAU,sKAiBb,gBAAgB,gBA8ClB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Tabs/index.js

@@ -0,0 +1,83 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var list_1 = __importDefault(require("./list"));
+var StyledTabs = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  ", "\n"], ["\n  display: flex;\n  ", "\n"])), function (_a) {
+    var vertical = _a.vertical, fillParent = _a.fillParent, width = _a.width;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: ", ";\n    height: ", ";\n    flex-flow: ", ";\n  "], ["\n    width: ", ";\n    height: ", ";\n    flex-flow: ", ";\n  "])), width ? "".concat(width, "px") : '100%', fillParent ? '100%' : undefined, vertical ? 'row' : 'column');
+});
+var ReqoreTabs = function (_a) {
+    var tabs = _a.tabs, activeTab = _a.activeTab, children = _a.children, className = _a.className, onTabChange = _a.onTabChange, fill = _a.fill, _testWidth = _a._testWidth, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, flat = _a.flat, _b = _a.size, size = _b === void 0 ? 'normal' : _b, width = _a.width, wrapTabNames = _a.wrapTabNames, customTheme = _a.customTheme, intent = _a.intent, rest = __rest(_a, ["tabs", "activeTab", "children", "className", "onTabChange", "fill", "_testWidth", "vertical", "activeTabIntent", "flat", "size", "width", "wrapTabNames", "customTheme", "intent"]);
+    var _c = (0, react_1.useState)(activeTab || tabs[0].id), _activeTab = _c[0], setActiveTab = _c[1];
+    (0, react_1.useEffect)(function () {
+        if (activeTab || activeTab === 0) {
+            setActiveTab(activeTab);
+            if (onTabChange) {
+                onTabChange(activeTab);
+            }
+        }
+    }, [activeTab]);
+    return ((0, jsx_runtime_1.jsxs)(StyledTabs, __assign({}, rest, { width: width, vertical: vertical, className: "".concat(className || '', " reqore-tabs") }, { children: [(0, jsx_runtime_1.jsx)(list_1["default"], { tabs: tabs, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, wrapTabNames: wrapTabNames, activeTabIntent: activeTabIntent, customTheme: customTheme, intent: intent, onTabChange: function (tabId) {
+                    setActiveTab(tabId);
+                    if (onTabChange) {
+                        onTabChange(tabId);
+                    }
+                } }), react_1["default"].Children.map(children, function (child) { var _a; return child && ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabId) === _activeTab ? child : null; })] })));
+};
+exports["default"] = ReqoreTabs;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,qEAAgD;AAKhD,gDAAoC;AAoCpC,IAAM,UAAU,GAAG,8BAAM,CAAC,GAAG,iGAA2B,wBAEpD,EAID,IACF,KALG,UAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,qIAAA,eAC/B,EAA6B,iBAC5B,EAA+B,oBAC5B,EAA2B,OACzC,KAHU,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AAHH,CAItC,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAiBD;IAhBjB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,MAAM,YAAA,EACH,IAAI,cAhBW,oLAiBnB,CADQ;IAED,IAAA,KAA6B,IAAA,gBAAQ,EAAkB,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAA9E,UAAU,QAAA,EAAE,YAAY,QAAsD,CAAC;IAEtF,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,IAAI,SAAS,KAAK,CAAC,EAAE;YAChC,YAAY,CAAC,SAAS,CAAC,CAAC;YAExB,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,SAAS,CAAC,CAAC;aACxB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,wBAAC,UAAU,eACL,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iBAAc,iBAE3C,uBAAC,iBAAc,IACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,UAAC,KAAsB;oBAClC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAEpB,IAAI,WAAW,EAAE;wBACf,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,GACD,EACD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,YAClC,OAAA,KAAK,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,MAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,EAAA,CAC1D,KACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}

package/dist/components/Tabs/item.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { IReqoreTabsListItem } from '.';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
+export interface IReqoreTabListItemProps extends IReqoreTabsListItem {
+    active?: boolean;
+    vertical?: boolean;
+    onCloseClick?: any;
+    customTheme?: IReqoreCustomTheme;
+    size?: TSizes;
+    wrapTabNames?: boolean;
+    fill?: boolean;
+    className?: string;
+}
+export interface IReqoreTabListItemStyle extends IReqoreTabListItemProps {
+    theme: IReqoreTheme;
+    closable?: boolean;
+    activeColor: string;
+}
+export declare const StyledTabListItem: any;
+declare const ReqoreTabsListItem: import("react").ForwardRefExoticComponent<IReqoreTabListItemProps & import("react").RefAttributes<unknown>>;
+export default ReqoreTabsListItem;
+//# sourceMappingURL=item.d.ts.map

package/dist/components/Tabs/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAsB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMzE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,KAqC7B,CAAC;AAEF,QAAA,MAAM,kBAAkB,6GAkFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Tabs/item.js

@@ -0,0 +1,71 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.StyledTabListItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
+var useTheme_1 = require("../../hooks/useTheme");
+var Button_1 = __importDefault(require("../Button"));
+var ControlGroup_1 = __importDefault(require("../ControlGroup"));
+exports.StyledTabListItem = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n\n  a {\n    text-decoration: none;\n\n    &:hover > * {\n      text-decoration: underline;\n    }\n  }\n"], ["\n  ", "\n\n  a {\n    text-decoration: none;\n\n    &:hover > * {\n      text-decoration: underline;\n    }\n  }\n"])), function (_a) {
+    var active = _a.active, disabled = _a.disabled, vertical = _a.vertical, activeColor = _a.activeColor, size = _a.size, fill = _a.fill;
+    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      display: flex;\n      flex-shrink: 0;\n      overflow: hidden;\n      position: relative;\n      align-items: center;\n      width: ", ";\n      padding: ", ";\n      ", "\n\n      ", "\n\n      ", "\n    "], ["\n      display: flex;\n      flex-shrink: 0;\n      overflow: hidden;\n      position: relative;\n      align-items: center;\n      width: ", ";\n      padding: ", ";\n      ", "\n\n      ", "\n\n      ", "\n    "])), vertical ? "100%" : undefined, vertical ? "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px") : "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px"), active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        background-color: ", "60;\n      "], ["\n        background-color: ", "60;\n      "])), activeColor), fill && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        flex: 1;\n      "], ["\n        flex: 1;\n      "]))), disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        cursor: not-allowed;\n        > * {\n          opacity: 0.5;\n        }\n      "], ["\n        cursor: not-allowed;\n        > * {\n          opacity: 0.5;\n        }\n      "]))));
+});
+var ReqoreTabsListItem = (0, react_1.forwardRef)(function (_a, ref) {
+    var tooltip = _a.tooltip, label = _a.label, props = _a.props, icon = _a.icon, active = _a.active, as = _a.as, disabled = _a.disabled, vertical = _a.vertical, onClick = _a.onClick, activeIntent = _a.activeIntent, onCloseClick = _a.onCloseClick, fill = _a.fill, intent = _a.intent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, closeIcon = _a.closeIcon, customTheme = _a.customTheme, className = _a.className;
+    var innerRef = (0, react_1.useRef)(null);
+    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
+    var _intent = activeIntent || intent;
+    var activeColor = _intent ? theme.intents[_intent] : theme.main;
+    return ((0, jsx_runtime_1.jsx)(exports.StyledTabListItem, __assign({ ref: combinedRef }, props, { className: className, intent: intent, activeIntent: activeIntent, activeColor: activeColor, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill }, { children: label || icon ? ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ stack: true, size: size, fluid: fill || vertical }, { children: [(0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ flat: true, fluid: fill || vertical, icon: icon, minimal: true, intent: active ? activeIntent || intent : intent, active: active, disabled: disabled, onClick: onClick, tooltip: tooltip, customTheme: customTheme, className: "reqore-tabs-list-item ".concat(active ? 'reqore-tabs-list-item-active' : '') }, { children: label })), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(Button_1["default"], { fixed: true, flat: true, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, className: 'reqore-tabs-list-item-close', customTheme: customTheme, onClick: function (event) {
+                        event.stopPropagation();
+                        onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
+                    } })) : null] }))) : null })));
+});
+exports["default"] = ReqoreTabsListItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=item.js.map

package/dist/components/Tabs/item.js.map

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

package/dist/components/Tabs/list.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IReqoreTabsListItem, IReqoreTabsProps } from '.';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreBreadcrumbsTheme, IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
+export interface IReqoreTabsListProps extends IReqoreTabsProps, React.HTMLAttributes<HTMLDivElement> {
+    onTabChange?: (tabId: string | number) => any;
+    children?: any;
+    customTheme?: IReqoreCustomTheme | IReqoreBreadcrumbsTheme;
+}
+export interface IReqoreTabsListStyle extends Omit<IReqoreTabsListProps, 'tabs'> {
+    theme: IReqoreTheme;
+}
+export declare const StyledReqoreTabsList: any;
+export declare const getTabsLength: (items: (IReqoreTabsListItem | IReqoreTabsListItem[])[], type?: 'width' | 'height', activeTab?: string | number, tabsSize?: TSizes) => number;
+declare const ReqoreTabsList: ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, customTheme, wrapTabNames, flat, size, intent, ...rest }: IReqoreTabsListProps) => JSX.Element;
+export default ReqoreTabsList;
+//# sourceMappingURL=list.d.ts.map

package/dist/components/Tabs/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAE1D,OAAO,EAAmC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUlG,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,kBAAkB,GAAG,uBAAuB,CAAC;CAC5D;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAsBhC,CAAC;AA6BF,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,SAChD,OAAO,GAAG,QAAQ,cACZ,MAAM,GAAG,MAAM,aAChB,MAAM,KAChB,MASI,CAAC;AAmCR,QAAA,MAAM,cAAc,0IAcjB,oBAAoB,gBAuItB,CAAC;AAEF,eAAe,cAAc,CAAC"}