@qoretechnologies/reqore 0.19.7 → 0.19.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/beta_release.yml +15 -5
- package/.github/workflows/tests.yml +9 -0
- package/.gitpod.yml +0 -14
- package/.jest-test-results.json +1 -0
- package/__tests__/button.test.tsx +116 -14
- package/__tests__/drawer.test.tsx +1 -6
- package/__tests__/menu.test.tsx +4 -12
- package/__tests__/tabs.test.tsx +40 -54
- package/build-storybook.log +3189 -0
- package/dist/components/Breadcrumbs/index.d.ts +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +17 -7
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +41 -47
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +1 -1
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Menu/item.d.ts +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Panel/index.d.ts +1 -0
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +3 -2
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Tabs/content.d.ts +1 -1
- package/dist/components/Tabs/content.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +7 -4
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +6 -6
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +2 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +23 -18
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts +7 -17
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +4 -4
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/helpers/time.d.ts +6 -0
- package/dist/helpers/time.d.ts.map +1 -1
- package/dist/helpers/time.js +6 -0
- package/dist/helpers/time.js.map +1 -1
- package/package.json +12 -7
|
@@ -47,35 +47,40 @@ var colors_1 = require("../../helpers/colors");
|
|
|
47
47
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
48
48
|
var Button_1 = require("../Button");
|
|
49
49
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
50
|
-
var StyledLabel = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n
|
|
51
|
-
exports.StyledTabListItem = styled_components_1["default"].div(
|
|
52
|
-
var theme = _a.theme, active = _a.active, disabled = _a.disabled, vertical = _a.vertical, closable = _a.closable, activeIntent = _a.activeIntent, parentBackground = _a.parentBackground, flat = _a.flat, size = _a.size;
|
|
50
|
+
var StyledLabel = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n"], ["\n overflow: hidden;\n position: relative;\n"])));
|
|
51
|
+
exports.StyledTabListItem = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __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) {
|
|
52
|
+
var theme = _a.theme, active = _a.active, disabled = _a.disabled, vertical = _a.vertical, closable = _a.closable, activeIntent = _a.activeIntent, parentBackground = _a.parentBackground, flat = _a.flat, size = _a.size, intent = _a.intent;
|
|
53
53
|
var textColor = parentBackground
|
|
54
54
|
? (0, colors_1.getReadableColorFrom)(parentBackground, true)
|
|
55
55
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
56
|
-
|
|
57
|
-
? theme.intents[
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
var currentIntent = intent || activeIntent;
|
|
57
|
+
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n overflow: hidden;\n position: relative;\n align-items: center;\n padding: ", ";\n padding-right: ", ";\n font-size: ", "px;\n font-weight: 450;\n opacity: 0.9;\n color: ", ";\n transition: all 0.2s ease-in-out;\n border-", ": 2px solid transparent;\n\n &:not(:last-child) {\n border-", ": ", ";\n }\n\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n ", "\n\n ", "\n\n ", "\n "], ["\n display: flex;\n overflow: hidden;\n position: relative;\n align-items: center;\n padding: ", ";\n padding-right: ", ";\n font-size: ", "px;\n font-weight: 450;\n opacity: 0.9;\n color: ", ";\n transition: all 0.2s ease-in-out;\n border-", ": 2px solid transparent;\n\n &:not(:last-child) {\n border-", ": ", ";\n }\n\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n ", "\n\n ", "\n\n ", "\n "])), vertical ? sizes_1.TABS_PADDING_TO_PX[size] + "px" : "0 " + sizes_1.TABS_PADDING_TO_PX[size] + "px", closable ? '43px' : undefined, sizes_1.TEXT_FROM_SIZE[size], textColor, vertical ? 'right' : 'bottom', vertical ? 'bottom' : 'right', flat ? 0 : "1px solid " + (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05), intent && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-", ": 2px solid ", ";\n background-color: ", ";\n "], ["\n border-", ": 2px solid ", ";\n background-color: ", ";\n "])), vertical ? 'right' : 'bottom', theme.intents[intent], theme.intents[currentIntent] + "20"), active && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-", ": 2px solid ", ";\n opacity: 1;\n background-color: ", ";\n\n > .reqore-icon {\n transform: scale(1);\n }\n\n * {\n font-weight: 600;\n }\n "], ["\n border-", ": 2px solid ", ";\n opacity: 1;\n background-color: ", ";\n\n > .reqore-icon {\n transform: scale(1);\n }\n\n * {\n font-weight: 600;\n }\n "])), vertical ? 'right' : 'bottom', currentIntent
|
|
58
|
+
? theme.intents[currentIntent]
|
|
59
|
+
: (0, colors_1.changeLightness)(parentBackground || theme.main, 0.2), currentIntent ? theme.intents[currentIntent] + "30" : undefined), !disabled
|
|
60
|
+
? !active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n > .reqore-icon {\n transform: scale(1);\n }\n color: ", ";\n background-color: ", ";\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n "], ["\n cursor: pointer;\n &:hover {\n > .reqore-icon {\n transform: scale(1);\n }\n color: ", ";\n background-color: ", ";\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n "])), parentBackground
|
|
60
61
|
? (0, colors_1.getReadableColorFrom)(parentBackground)
|
|
61
|
-
: (0, colors_1.getReadableColor)(theme),
|
|
62
|
-
? theme.intents[
|
|
62
|
+
: (0, colors_1.getReadableColor)(theme), currentIntent
|
|
63
|
+
? theme.intents[currentIntent] + "50"
|
|
63
64
|
: (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05), Button_1.StyledActiveContent, Button_1.StyledInActiveContent)
|
|
64
|
-
: (0, styled_components_1.css)(
|
|
65
|
+
: (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "], ["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "]))));
|
|
65
66
|
});
|
|
66
|
-
var StyledCloseButton = styled_components_1["default"].div(
|
|
67
|
-
var theme = _a.theme, activeIntent = _a.activeIntent;
|
|
68
|
-
return (0, styled_components_1.css)(
|
|
67
|
+
var StyledCloseButton = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
68
|
+
var theme = _a.theme, activeIntent = _a.activeIntent, intent = _a.intent;
|
|
69
|
+
return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n right: 0px;\n height: 100%;\n width: 33px;\n display: flex;\n justify-content: center;\n align-items: center;\n top: 0;\n z-index: 0;\n transition: background-color 0.2s ease-out;\n cursor: pointer;\n\n &:hover {\n .reqore-icon {\n transform: scale(1);\n }\n color: ", ";\n background-color: ", ";\n }\n "], ["\n position: absolute;\n right: 0px;\n height: 100%;\n width: 33px;\n display: flex;\n justify-content: center;\n align-items: center;\n top: 0;\n z-index: 0;\n transition: background-color 0.2s ease-out;\n cursor: pointer;\n\n &:hover {\n .reqore-icon {\n transform: scale(1);\n }\n color: ", ";\n background-color: ", ";\n }\n "])), (0, colors_1.getReadableColorFrom)(intent || activeIntent ? theme.intents[intent || activeIntent] : theme.main), (0, colors_1.changeLightness)(intent || activeIntent ? theme.intents[intent || activeIntent] : theme.main, 0.09));
|
|
69
70
|
});
|
|
70
71
|
var ReqoreTabsListItem = function (_a) {
|
|
71
|
-
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, parentBackground = _a.parentBackground, flat = _a.flat, size = _a.size;
|
|
72
|
+
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, parentBackground = _a.parentBackground, wrapTabNames = _a.wrapTabNames, intent = _a.intent, flat = _a.flat, size = _a.size, closeIcon = _a.closeIcon;
|
|
72
73
|
var _b = (0, react_1.useState)(null), ref = _b[0], setRef = _b[1];
|
|
73
|
-
(0, usePopover_1["default"])({
|
|
74
|
-
|
|
74
|
+
(0, usePopover_1["default"])({
|
|
75
|
+
targetElement: ref,
|
|
76
|
+
content: wrapTabNames ? tooltip || label : tooltip,
|
|
77
|
+
show: wrapTabNames ? !!(tooltip || label) : !!tooltip
|
|
78
|
+
});
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledTabListItem, __assign({}, props, { intent: intent, as: as, flat: flat, size: size, ref: setRef, active: active, disabled: disabled, vertical: vertical, activeIntent: activeIntent, parentBackground: parentBackground, className: ((props === null || props === void 0 ? void 0 : props.className) || '') + " reqore-tabs-list-item " + (active ? 'reqore-tabs-list-item__active' : ''), onClick: disabled ? undefined : onClick, closable: !!onCloseClick && !disabled }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'right' : undefined }, void 0)), label && ((0, jsx_runtime_1.jsxs)(StyledLabel, { children: [(0, jsx_runtime_1.jsx)(Button_1.StyledActiveContent, __assign({ wrap: wrapTabNames }, { children: label }), void 0), (0, jsx_runtime_1.jsx)(Button_1.StyledInActiveContent, __assign({ wrap: wrapTabNames }, { children: label }), void 0), (0, jsx_runtime_1.jsx)(Button_1.StyledInvisibleContent, __assign({ wrap: wrapTabNames }, { children: label }), void 0)] }, void 0)), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(StyledCloseButton, __assign({ className: 'reqore-tabs-list-item-close', onClick: function (event) {
|
|
75
80
|
event.stopPropagation();
|
|
76
81
|
onCloseClick && onCloseClick();
|
|
77
|
-
}, activeIntent: activeIntent, active: active }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null] }), void 0) }, void 0));
|
|
82
|
+
}, activeIntent: activeIntent, intent: intent, active: active }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: closeIcon || 'CloseLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null] }), void 0) }, void 0));
|
|
78
83
|
};
|
|
79
84
|
exports["default"] = ReqoreTabsListItem;
|
|
80
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
85
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
81
86
|
//# sourceMappingURL=item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,qEAAgD;AAEhD,+CAAmF;AAEnF,iFAAiE;AACjE,+CAA+F;AAC/F,sEAAgD;AAChD,oCAA+F;AAC/F,iDAAiC;
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IReqoreTabsListItem } from '.';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
activeTab?: string;
|
|
8
|
-
onTabChange?: (tabId: string) => any;
|
|
9
|
-
fill?: boolean;
|
|
10
|
-
vertical?: boolean;
|
|
11
|
-
activeTabIntent?: IReqoreIntent;
|
|
2
|
+
import { IReqoreTabsListItem, IReqoreTabsProps } from '.';
|
|
3
|
+
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
+
export interface IReqoreTabsListProps extends IReqoreTabsProps, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
onTabChange?: (tabId: string | number) => any;
|
|
6
|
+
children?: any;
|
|
12
7
|
parentBackground?: string;
|
|
13
|
-
flat?: boolean;
|
|
14
|
-
size?: TSizes;
|
|
15
|
-
width?: string;
|
|
16
|
-
fillParent?: boolean;
|
|
17
|
-
_testWidth?: number;
|
|
18
8
|
}
|
|
19
9
|
export interface IReqoreTabsListStyle extends Omit<IReqoreTabsListProps, 'tabs'> {
|
|
20
10
|
theme: IReqoreTheme;
|
|
21
11
|
}
|
|
22
12
|
export declare const StyledReqoreTabsList: any;
|
|
23
|
-
export declare const getTabsLength: (items: (IReqoreTabsListItem | IReqoreTabsListItem[])[], type: 'width' | 'height', activeTab: string) => number;
|
|
24
|
-
declare const ReqoreTabsList: ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, parentBackground, flat, size, ...rest }: IReqoreTabsListProps) => JSX.Element;
|
|
13
|
+
export declare const getTabsLength: (items: (IReqoreTabsListItem | IReqoreTabsListItem[])[], type: 'width' | 'height', activeTab: string | number) => number;
|
|
14
|
+
declare const ReqoreTabsList: ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, parentBackground, wrapTabNames, flat, size, ...rest }: IReqoreTabsListProps) => JSX.Element;
|
|
25
15
|
export default ReqoreTabsList;
|
|
26
16
|
//# sourceMappingURL=list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,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,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAoDhC,CAAC;AAwBF,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,QAChD,OAAO,GAAG,QAAQ,aACb,MAAM,GAAG,MAAM,KACzB,MASI,CAAC;AAgCR,QAAA,MAAM,cAAc,uIAajB,oBAAoB,gBAkItB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -126,7 +126,7 @@ var getTransformedItems = function (items, size, type, activeTab) {
|
|
|
126
126
|
return newItems;
|
|
127
127
|
};
|
|
128
128
|
var ReqoreTabsList = function (_a) {
|
|
129
|
-
var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, parentBackground = _a.parentBackground, flat = _a.flat, size = _a.size, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "parentBackground", "flat", "size"]);
|
|
129
|
+
var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, parentBackground = _a.parentBackground, wrapTabNames = _a.wrapTabNames, flat = _a.flat, size = _a.size, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "parentBackground", "wrapTabNames", "flat", "size"]);
|
|
130
130
|
var _b = (0, react_use_1.useMeasure)(), ref = _b[0], _c = _b[1], width = _c.width, height = _c.height;
|
|
131
131
|
var transformedItems = getTransformedItems(tabs, vertical ? height : _testWidth || width, vertical ? 'height' : 'width', activeTab);
|
|
132
132
|
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreTabsList, __assign({}, rest, { size: size, fill: fill, vertical: vertical, className: (rest.className || '') + " reqore-tabs-list", ref: ref, flat: flat }, { children: transformedItems.map(function (item, index) {
|
|
@@ -142,8 +142,8 @@ var ReqoreTabsList = function (_a) {
|
|
|
142
142
|
flat: flat,
|
|
143
143
|
size: size
|
|
144
144
|
}, handler: 'click', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], { children: item.map(function (_a) {
|
|
145
|
-
var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props, disabled = _a.disabled, id = _a.id, onCloseClick = _a.onCloseClick;
|
|
146
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: item_1["default"], componentProps: __assign(__assign({}, props), { icon: icon, as: as, disabled: disabled, rightIcon: onCloseClick ? 'CloseLine' : undefined, onRightIconClick: onCloseClick
|
|
145
|
+
var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props, disabled = _a.disabled, id = _a.id, onCloseClick = _a.onCloseClick, intent = _a.intent, closeIcon = _a.closeIcon;
|
|
146
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: item_1["default"], componentProps: __assign(__assign({}, props), { icon: icon, as: as, intent: intent, disabled: disabled, rightIcon: onCloseClick ? closeIcon || 'CloseLine' : undefined, onRightIconClick: onCloseClick
|
|
147
147
|
? function () {
|
|
148
148
|
onCloseClick(id);
|
|
149
149
|
}
|
|
@@ -155,7 +155,7 @@ var ReqoreTabsList = function (_a) {
|
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
} }), placement: 'right', isReqoreComponent: true, content: tooltip }, { children: label }), index + label));
|
|
158
|
-
}) }, void 0) }, index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, react_1.createElement)(item_2["default"], __assign({}, item, { size: size, flat: flat, activeIntent: activeTabIntent, parentBackground: parentBackground, key: index, vertical: vertical, active: activeTab === item.id, onClick: function (event) {
|
|
158
|
+
}) }, void 0) }, index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, react_1.createElement)(item_2["default"], __assign({}, item, { size: size, flat: flat, activeIntent: activeTabIntent, parentBackground: parentBackground, wrapTabNames: wrapTabNames, key: index, vertical: vertical, active: activeTab === item.id, onClick: function (event) {
|
|
159
159
|
var _a;
|
|
160
160
|
if (!item.disabled) {
|
|
161
161
|
onTabChange(item.id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AACjC,gDAA0B;AAC1B,uCAAuC;AACvC,qEAAgD;AAEhD,2BAAsC;AACtC,+
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}
|
package/dist/helpers/time.d.ts
CHANGED
|
@@ -1,2 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* If the time is larger than one day, update once a day. If the time is larger than one hour,
|
|
3
|
+
update once an hour. Otherwise update every 5 seconds.
|
|
4
|
+
* @param {number} time - the time in milliseconds since the epoch
|
|
5
|
+
* @returns The interval ID.
|
|
6
|
+
*/
|
|
1
7
|
export declare const getTimeAgoIntervalDelay: (time: number) => number;
|
|
2
8
|
//# sourceMappingURL=time.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/helpers/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,SAAU,MAAM,KAAG,MActD,CAAC"}
|
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/helpers/time.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,SAAU,MAAM,KAAG,MActD,CAAC"}
|
package/dist/helpers/time.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.getTimeAgoIntervalDelay = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* If the time is larger than one day, update once a day. If the time is larger than one hour,
|
|
6
|
+
update once an hour. Otherwise update every 5 seconds.
|
|
7
|
+
* @param {number} time - the time in milliseconds since the epoch
|
|
8
|
+
* @returns The interval ID.
|
|
9
|
+
*/
|
|
4
10
|
var getTimeAgoIntervalDelay = function (time) {
|
|
5
11
|
// If the time is larger than one day
|
|
6
12
|
if (Date.now() - time > 60000 * 60 * 24) {
|
package/dist/helpers/time.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/helpers/time.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/helpers/time.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACI,IAAM,uBAAuB,GAAG,UAAC,IAAY;IAClD,qCAAqC;IACrC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE;QACvC,oBAAoB;QACpB,OAAO,KAAK,GAAG,EAAE,GAAG,EAAE,CAAC;KACxB;IACD,sCAAsC;IACtC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,EAAE;QAClC,sBAAsB;QACtB,OAAO,KAAK,GAAG,EAAE,CAAC;KACnB;IAED,mCAAmC;IACnC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAdW,QAAA,uBAAuB,2BAclC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qoretechnologies/reqore",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.11",
|
|
4
4
|
"description": "ReQore is a UI library of components for Qorus connected apps",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -34,17 +34,22 @@
|
|
|
34
34
|
"@babel/preset-env": "^7.12.11",
|
|
35
35
|
"@babel/preset-react": "^7.12.10",
|
|
36
36
|
"@babel/preset-typescript": "^7.12.7",
|
|
37
|
-
"@
|
|
38
|
-
"@storybook/addon-
|
|
39
|
-
"@storybook/addon-
|
|
40
|
-
"@storybook/
|
|
37
|
+
"@reactpreview/config": "^0.2.3",
|
|
38
|
+
"@storybook/addon-actions": "^6.4.9",
|
|
39
|
+
"@storybook/addon-essentials": "^6.4.9",
|
|
40
|
+
"@storybook/addon-jest": "^6.4.9",
|
|
41
|
+
"@storybook/addon-links": "^6.4.9",
|
|
42
|
+
"@storybook/addon-storysource": "^6.4.9",
|
|
43
|
+
"@storybook/react": "^6.4.9",
|
|
41
44
|
"@testing-library/react": "^11.2.2",
|
|
42
45
|
"@types/jest": "^26.0.19",
|
|
46
|
+
"@types/lodash": "^4.14.166",
|
|
43
47
|
"@types/node": "^14.14.14",
|
|
44
48
|
"@types/react": "^17.0.0",
|
|
45
49
|
"@types/react-dom": "^17.0.0",
|
|
46
50
|
"babel-jest": "^26.6.3",
|
|
47
51
|
"babel-loader": "^8.2.2",
|
|
52
|
+
"chromatic": "^6.3.3",
|
|
48
53
|
"jest": "^26.6.3",
|
|
49
54
|
"jest-github-actions-reporter": "^1.0.2",
|
|
50
55
|
"npm-cli-login": "^0.1.1",
|
|
@@ -52,6 +57,8 @@
|
|
|
52
57
|
"react": "^17.0.2",
|
|
53
58
|
"react-dom": "^17.0.2",
|
|
54
59
|
"react-test-renderer": "^17.0.2",
|
|
60
|
+
"storybook-addon-outline": "^1.4.2",
|
|
61
|
+
"storybook-dark-mode": "^1.0.8",
|
|
55
62
|
"styled-components": "^5.2.1",
|
|
56
63
|
"ts-jest": "^26.4.4",
|
|
57
64
|
"ts-node": "^9.1.1",
|
|
@@ -65,8 +72,6 @@
|
|
|
65
72
|
"dependencies": {
|
|
66
73
|
"@popperjs/core": "^2.10.2",
|
|
67
74
|
"@react-spring/web": "^9.2.4",
|
|
68
|
-
"@reactpreview/config": "^0.2.3",
|
|
69
|
-
"@types/lodash": "^4.14.166",
|
|
70
75
|
"classnames": "^2.2.6",
|
|
71
76
|
"epoch-timeago": "^1.1.9",
|
|
72
77
|
"lodash": "^4.17.20",
|