@qoretechnologies/reqore 0.70.9 → 0.70.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/.claude/CLAUDE.md +21 -0
- package/dist/components/Bubble/index.d.ts +45 -4
- package/dist/components/Bubble/index.d.ts.map +1 -1
- package/dist/components/Bubble/index.js +106 -19
- package/dist/components/Bubble/index.js.map +1 -1
- package/dist/components/DescriptionList/index.d.ts +30 -0
- package/dist/components/DescriptionList/index.d.ts.map +1 -1
- package/dist/components/DescriptionList/index.js +18 -6
- package/dist/components/DescriptionList/index.js.map +1 -1
- package/dist/components/EntityRow/index.d.ts +12 -0
- package/dist/components/EntityRow/index.d.ts.map +1 -1
- package/dist/components/EntityRow/index.js +24 -3
- package/dist/components/EntityRow/index.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +16 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +3 -3
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +6 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +24 -8
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts +1 -1
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +19 -5
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Timeline/index.d.ts +34 -2
- package/dist/components/Timeline/index.d.ts.map +1 -1
- package/dist/components/Timeline/index.js +133 -20
- package/dist/components/Timeline/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +36 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +37 -1
- package/dist/constants/sizes.js.map +1 -1
- package/package.json +2 -2
- package/tests.json +1 -1
- package/vitest.config.ts +3 -4
|
@@ -73,11 +73,26 @@ var useTheme_1 = require("../../hooks/useTheme");
|
|
|
73
73
|
var styles_1 = require("../../styles");
|
|
74
74
|
var Button_1 = __importStar(require("../Button"));
|
|
75
75
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
76
|
+
var Dropdown_1 = __importDefault(require("../Dropdown"));
|
|
76
77
|
var Effect_1 = require("../Effect");
|
|
77
78
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
78
79
|
var Paragraph_1 = require("../Paragraph");
|
|
79
80
|
var Span_1 = require("../Span");
|
|
80
81
|
var TooltipComponent_1 = require("../TooltipComponent");
|
|
82
|
+
/**
|
|
83
|
+
* Opening a row's overflow menu must not also fire the row underneath it.
|
|
84
|
+
*
|
|
85
|
+
* Defined at module scope rather than inline: `ReqoreDropdown` is memoised, and a
|
|
86
|
+
* fresh arrow on every render is a new prop identity that defeats the memo. This
|
|
87
|
+
* handler closes over nothing, so one shared instance is all that is ever needed —
|
|
88
|
+
* `useCallback` would still allocate one per row.
|
|
89
|
+
*/
|
|
90
|
+
var stopRowClick = function (event) { return event.stopPropagation(); };
|
|
91
|
+
/** Same reasoning: a stable predicate instead of a new closure per render. */
|
|
92
|
+
var isSubActionShown = function (_a) {
|
|
93
|
+
var show = _a.show;
|
|
94
|
+
return show !== false;
|
|
95
|
+
};
|
|
81
96
|
var ICON_TILE_SIZE_FROM_SIZE = {
|
|
82
97
|
micro: 18,
|
|
83
98
|
tiny: 22,
|
|
@@ -186,9 +201,15 @@ var ReqoreEntityRow = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, re
|
|
|
186
201
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
187
202
|
}, [iconColor, intent, theme]);
|
|
188
203
|
return ((0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, rest, { Component: StyledRow, tooltip: tooltip, ref: ref, theme: theme, "$intent": intent, "$transparent": transparent, size: size, "$fluid": fluid, flat: flat, rounded: rounded, "$raised": raised, "$clickable": interactive, disabled: disabled, "$hasIcon": hasIcon, "$iconHasBackground": resolvedIconHasBackground, "$padded": padded, "$paddingSize": paddingSize !== null && paddingSize !== void 0 ? paddingSize : size, effect: effect, className: "".concat(className || '', " reqore-entity-row"), children: [hasIcon &&
|
|
189
|
-
(resolvedIconHasBackground ? ((0, jsx_runtime_1.jsx)(StyledIconTile, { theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile', children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor, className: "reqore-entity-row-icon ".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '').trim() })))), (0, jsx_runtime_1.jsxs)(StyledBody, { className: 'reqore-entity-row-body', children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, { "$wrap": wrap, className: 'reqore-entity-row-label', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, effect: labelEffect, children: label }) }), hasBadge && ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' }))] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: secondarySize, effect: __assign({ opacity: 0.7 }, descriptionEffect), className: 'reqore-entity-row-description', children: description }) })), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata', children: metadata }) }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { gapSize: 'small', className: 'reqore-entity-row-actions', children: actions.map(function (
|
|
190
|
-
var
|
|
191
|
-
|
|
204
|
+
(resolvedIconHasBackground ? ((0, jsx_runtime_1.jsx)(StyledIconTile, { theme: theme, "$intent": intent, "$size": size, className: 'reqore-entity-row-icon-tile', children: (0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor })) })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, __assign({}, iconProps, { icon: icon, image: iconImage, size: size, color: resolvedIconColor, className: "reqore-entity-row-icon ".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '').trim() })))), (0, jsx_runtime_1.jsxs)(StyledBody, { className: 'reqore-entity-row-body', children: [(0, jsx_runtime_1.jsxs)(StyledLabelLine, { "$wrap": wrap, className: 'reqore-entity-row-label', children: [(0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: size, effect: labelEffect, children: label }) }), hasBadge && ((0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { size: size, content: badge, margin: 'none' }))] }), description && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, { size: secondarySize, effect: __assign({ opacity: 0.7 }, descriptionEffect), className: 'reqore-entity-row-description', children: description }) })), metadata && ((0, jsx_runtime_1.jsx)(StyledTextSlot, { "$wrap": wrap, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, { size: secondarySize, effect: __assign({ opacity: 0.5 }, metadataEffect), className: 'reqore-entity-row-metadata', children: metadata }) }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { gapSize: 'small', className: 'reqore-entity-row-actions', children: actions.map(function (_a, idx) {
|
|
205
|
+
var _b, _c;
|
|
206
|
+
var subActions = _a.actions, actionsProps = _a.actionsProps, action = __rest(_a, ["actions", "actionsProps"]);
|
|
207
|
+
return (subActions === null || subActions === void 0 ? void 0 : subActions.length) ? (
|
|
208
|
+
// An action carrying sub-actions is a menu, not a button — same
|
|
209
|
+
// contract as ReqorePanel. The click is stopped here because the row
|
|
210
|
+
// itself is commonly clickable: opening the menu must not also
|
|
211
|
+
// trigger the row.
|
|
212
|
+
(0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({ fixed: true, size: size, intent: (_b = action.intent) !== null && _b !== void 0 ? _b : intent }, action, actionsProps, { items: subActions.filter(isSubActionShown), onClick: stopRowClick }), idx)) : ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: size, intent: (_c = action.intent) !== null && _c !== void 0 ? _c : intent }, action, { children: action.label }), idx));
|
|
192
213
|
}) }))] })));
|
|
193
214
|
}));
|
|
194
215
|
exports.default = ReqoreEntityRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAkD;AAClD,qEAAgD;AAChD,+CAAoF;AAEpF,+CAAiG;AACjG,6CAAoF;AACpF,iDAAsD;AACtD,uCAA8D;AAY9D,kDAAwF;AACxF,iEAAiD;AACjD,oCAA4E;AAC5E,iDAAuD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EntityRow/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,11 @@ import { IReqoreCustomTheme, TReqoreIntent } from '../../constants/theme';
|
|
|
4
4
|
import { IReqoreComponent, IWithReqoreLoading } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
import { IReqoreButtonProps } from '../Button';
|
|
7
|
+
import { TReqoreEffectColor } from '../Effect';
|
|
7
8
|
import { IReqoreMenuProps } from '../Menu';
|
|
8
9
|
import { IReqorePopoverProps } from '../Popover';
|
|
9
10
|
import { TReqoreTabsContentPadding } from './content';
|
|
11
|
+
export type TReqoreTabsActiveMarker = 'fill' | 'line';
|
|
10
12
|
export interface IReqoreTabsListItem extends Omit<IReqoreButtonProps, 'id'> {
|
|
11
13
|
label?: string | number;
|
|
12
14
|
as?: any;
|
|
@@ -28,6 +30,19 @@ export interface IReqoreTabsProps extends IReqoreComponent, React.HTMLAttributes
|
|
|
28
30
|
fillParent?: boolean;
|
|
29
31
|
vertical?: boolean;
|
|
30
32
|
activeTabIntent?: TReqoreIntent;
|
|
33
|
+
/**
|
|
34
|
+
* How the active tab is marked. `fill` (the default) tints the whole tab, the
|
|
35
|
+
* way Reqore tabs have always looked. `line` leaves the tab transparent and
|
|
36
|
+
* draws a bar along the list's edge instead — the quieter "underline" tab
|
|
37
|
+
* treatment, for dense surfaces where a filled tab would shout.
|
|
38
|
+
*/
|
|
39
|
+
activeTabMarker?: TReqoreTabsActiveMarker;
|
|
40
|
+
/**
|
|
41
|
+
* Colour of the `line` marker. Defaults to the active intent's colour, and
|
|
42
|
+
* failing that the tab's own text colour — set this when the bar should carry
|
|
43
|
+
* an accent the label doesn't, which is the usual underline-tab treatment.
|
|
44
|
+
*/
|
|
45
|
+
activeTabMarkerColor?: TReqoreEffectColor;
|
|
31
46
|
padded?: boolean;
|
|
32
47
|
tabsPadding?: TReqoreTabsContentPadding;
|
|
33
48
|
wrapTabNames?: boolean;
|
|
@@ -56,6 +71,6 @@ export interface IReqoreTabsProps extends IReqoreComponent, React.HTMLAttributes
|
|
|
56
71
|
overflowPopoverProps?: Partial<Omit<IReqorePopoverProps, 'content' | 'component' | 'componentProps'>>;
|
|
57
72
|
_testWidth?: number;
|
|
58
73
|
}
|
|
59
|
-
declare const ReqoreTabs: ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat, size, width, wrapTabNames, customTheme, intent, padded, tabsPadding, unMountOnTabChange, loadingIconType, useReactTransition, overflowMenuProps, overflowPopoverProps, errorBoundaryOptions, ...rest }: IReqoreTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
74
|
+
declare const ReqoreTabs: ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, activeTabMarker, activeTabMarkerColor, flat, size, width, wrapTabNames, customTheme, intent, padded, tabsPadding, unMountOnTabChange, loadingIconType, useReactTransition, overflowMenuProps, overflowPopoverProps, errorBoundaryOptions, ...rest }: IReqoreTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
60
75
|
export default ReqoreTabs;
|
|
61
76
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAInE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AAGtD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,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,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,eAAe,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,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,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,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;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IAChE;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC;IAEtG,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAWD,QAAA,MAAM,UAAU,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -73,8 +73,8 @@ var StyledTabs = styled_components_1.default.div(templateObject_2 || (templateOb
|
|
|
73
73
|
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');
|
|
74
74
|
});
|
|
75
75
|
var ReqoreTabs = function (_a) {
|
|
76
|
-
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, _b = _a.
|
|
77
|
-
var
|
|
76
|
+
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, _b = _a.activeTabMarker, activeTabMarker = _b === void 0 ? 'fill' : _b, activeTabMarkerColor = _a.activeTabMarkerColor, _c = _a.flat, flat = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? 'normal' : _d, width = _a.width, wrapTabNames = _a.wrapTabNames, customTheme = _a.customTheme, intent = _a.intent, padded = _a.padded, tabsPadding = _a.tabsPadding, _e = _a.unMountOnTabChange, unMountOnTabChange = _e === void 0 ? true : _e, loadingIconType = _a.loadingIconType, _f = _a.useReactTransition, useReactTransition = _f === void 0 ? true : _f, overflowMenuProps = _a.overflowMenuProps, overflowPopoverProps = _a.overflowPopoverProps, errorBoundaryOptions = _a.errorBoundaryOptions, rest = __rest(_a, ["tabs", "activeTab", "children", "className", "onTabChange", "fill", "_testWidth", "vertical", "activeTabIntent", "activeTabMarker", "activeTabMarkerColor", "flat", "size", "width", "wrapTabNames", "customTheme", "intent", "padded", "tabsPadding", "unMountOnTabChange", "loadingIconType", "useReactTransition", "overflowMenuProps", "overflowPopoverProps", "errorBoundaryOptions"]);
|
|
77
|
+
var _g = (0, react_1.useState)(activeTab || tabs[0].id), _activeTab = _g[0], setActiveTab = _g[1];
|
|
78
78
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
79
79
|
if (activeTab || activeTab === 0) {
|
|
80
80
|
setActiveTab(activeTab);
|
|
@@ -89,7 +89,7 @@ var ReqoreTabs = function (_a) {
|
|
|
89
89
|
onTabChange(tabId);
|
|
90
90
|
}
|
|
91
91
|
}, [onTabChange]);
|
|
92
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (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, padded: padded, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, wrapTabNames: wrapTabNames, activeTabIntent: activeTabIntent, customTheme: customTheme, intent: intent, onTabChange: handleTabChange, loadingIconType: loadingIconType, useReactTransition: useReactTransition, overflowMenuProps: overflowMenuProps, overflowPopoverProps: overflowPopoverProps }), react_1.default.Children.map(children, function (child) {
|
|
92
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (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, padded: padded, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, wrapTabNames: wrapTabNames, activeTabIntent: activeTabIntent, activeTabMarker: activeTabMarker, activeTabMarkerColor: activeTabMarkerColor, customTheme: customTheme, intent: intent, onTabChange: handleTabChange, loadingIconType: loadingIconType, useReactTransition: useReactTransition, overflowMenuProps: overflowMenuProps, overflowPopoverProps: overflowPopoverProps }), react_1.default.Children.map(children, function (child) {
|
|
93
93
|
var _a, _b, _c, _d, _e;
|
|
94
94
|
return child &&
|
|
95
95
|
((_a = tabs.find(function (tab) { var _a; return tab.id === ((_a = child.props) === null || _a === void 0 ? void 0 : _a.tabId); })) === null || _a === void 0 ? void 0 : _a.show) !== false &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,uCAA4C;AAC5C,qEAAgD;AAChD,2BAA4C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import { IReqoreTabsListItem } from '.';
|
|
1
|
+
import { IReqoreTabsListItem, TReqoreTabsActiveMarker } from '.';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
4
4
|
import { IWithReqoreFlat } from '../../types/global';
|
|
5
|
+
import { TReqoreEffectColor } from '../Effect';
|
|
5
6
|
export interface IReqoreTabListItemProps extends IReqoreTabsListItem, IWithReqoreFlat {
|
|
6
7
|
active?: boolean;
|
|
7
8
|
vertical?: boolean;
|
|
9
|
+
/** How the active tab is marked — see `IReqoreTabsProps.activeTabMarker`. */
|
|
10
|
+
activeTabMarker?: TReqoreTabsActiveMarker;
|
|
11
|
+
/** Explicit colour for the `line` marker — see `IReqoreTabsProps`. */
|
|
12
|
+
activeTabMarkerColor?: TReqoreEffectColor;
|
|
8
13
|
onCloseClick?: any;
|
|
9
14
|
customTheme?: IReqoreCustomTheme;
|
|
10
15
|
size?: TSizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASzE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,EAAE,eAAe;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,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;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;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,KAmJ7B,CAAC;AAEF,QAAA,MAAM,kBAAkB,8JAuJvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -68,23 +68,35 @@ var lodash_1 = require("lodash");
|
|
|
68
68
|
var react_1 = require("react");
|
|
69
69
|
var react_use_1 = require("react-use");
|
|
70
70
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
71
|
+
var colors_1 = require("../../helpers/colors");
|
|
71
72
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
72
73
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
73
74
|
var Button_1 = __importStar(require("../Button"));
|
|
74
75
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
75
|
-
exports.StyledTabListItem = styled_components_1.default.div(
|
|
76
|
-
var disabled = _a.disabled, vertical = _a.vertical, fill = _a.fill, fixed = _a.fixed, padded = _a.padded;
|
|
77
|
-
return (0, styled_components_1.css)(
|
|
76
|
+
exports.StyledTabListItem = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __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) {
|
|
77
|
+
var theme = _a.theme, disabled = _a.disabled, vertical = _a.vertical, fill = _a.fill, fixed = _a.fixed, padded = _a.padded, active = _a.active, activeTabMarker = _a.activeTabMarker, activeColor = _a.activeColor;
|
|
78
|
+
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n position: relative;\n align-items: center;\n width: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n "], ["\n display: flex;\n flex-shrink: 0;\n position: relative;\n align-items: center;\n width: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n "])), vertical ? "100%" : undefined, vertical
|
|
78
79
|
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ":last-child {\n border-right: 0;\n }\n ", ":last-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n ", "\n "], ["\n ", ":last-child {\n border-right: 0;\n }\n ", ":last-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n ", "\n "])), Button_1.StyledButton, Button_1.StyledButton, padded === false && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:first-child {\n padding-top: 0;\n }\n &:last-child {\n padding-bottom: 0;\n }\n "], ["\n &:first-child {\n padding-top: 0;\n }\n &:last-child {\n padding-bottom: 0;\n }\n "])))) : (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", " {\n border-bottom: 0;\n }\n ", ":first-child {\n border-bottom-left-radius: 0 !important;\n }\n ", ":last-child {\n border-bottom-right-radius: 0 !important;\n }\n\n ", "\n "], ["\n ", " {\n border-bottom: 0;\n }\n ", ":first-child {\n border-bottom-left-radius: 0 !important;\n }\n ", ":last-child {\n border-bottom-right-radius: 0 !important;\n }\n\n ", "\n "])), Button_1.StyledButton, Button_1.StyledButton, Button_1.StyledButton, padded === false && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:first-child {\n padding-left: 0;\n }\n &:last-child {\n padding-right: 0;\n }\n "], ["\n &:first-child {\n padding-left: 0;\n }\n &:last-child {\n padding-right: 0;\n }\n "])))), fill && !fixed
|
|
79
|
-
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1 0 auto;\n "], ["\n flex: 1 0 auto;\n "]))) : undefined, disabled && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "], ["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "]))));
|
|
80
|
+
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1 0 auto;\n "], ["\n flex: 1 0 auto;\n "]))) : undefined, disabled && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "], ["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "]))), activeTabMarker === 'line' && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n /* The tab itself stays transparent \u2014 the active one is marked by a bar\n along the list's edge, not a filled background, so the button's own\n active fill has to go. The square corners are for the hover wash\n below: a rounded wash would read as a pill sitting in the strip.\n (The border needs no handling: a line marker forces the button flat,\n which already zeroes its width.) */\n ", " {\n background-color: transparent !important;\n border-radius: 0 !important;\n }\n\n /* A button draws a 2px outline on :hover, :focus and :active. On an\n underline tab each of those reads as a boxed button fighting the bar,\n and the :focus one OUTLASTS the interaction \u2014 it survives until you\n click something else, which is what makes a freshly-picked tab look\n wrong until you move on. Drop all three and give hover a wash instead. */\n ", ":hover,\n ", ":focus,\n ", ":active {\n outline: none !important;\n }\n\n ", ":hover {\n background-color: ", " !important;\n }\n\n /* Keyboard users still need to see where they are; :focus-visible only\n matches keyboard focus, so this never returns on a mouse click. */\n ", ":focus-visible {\n outline: 2px solid ", " !important;\n outline-offset: -2px;\n }\n\n ", "\n "], ["\n /* The tab itself stays transparent \u2014 the active one is marked by a bar\n along the list's edge, not a filled background, so the button's own\n active fill has to go. The square corners are for the hover wash\n below: a rounded wash would read as a pill sitting in the strip.\n (The border needs no handling: a line marker forces the button flat,\n which already zeroes its width.) */\n ", " {\n background-color: transparent !important;\n border-radius: 0 !important;\n }\n\n /* A button draws a 2px outline on :hover, :focus and :active. On an\n underline tab each of those reads as a boxed button fighting the bar,\n and the :focus one OUTLASTS the interaction \u2014 it survives until you\n click something else, which is what makes a freshly-picked tab look\n wrong until you move on. Drop all three and give hover a wash instead. */\n ", ":hover,\n ", ":focus,\n ", ":active {\n outline: none !important;\n }\n\n ", ":hover {\n background-color: ", " !important;\n }\n\n /* Keyboard users still need to see where they are; :focus-visible only\n matches keyboard focus, so this never returns on a mouse click. */\n ", ":focus-visible {\n outline: 2px solid ", " !important;\n outline-offset: -2px;\n }\n\n ", "\n "])), Button_1.StyledButton, Button_1.StyledButton, Button_1.StyledButton, Button_1.StyledButton, Button_1.StyledButton, (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.1), Button_1.StyledButton, activeColor || (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.4), active && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n box-shadow: inset ", "\n ", ";\n\n /* The label has to be re-coloured wherever the background is overridden.\n An active button derives its text colour FROM the fill it paints, so\n suppressing that fill above leaves a colour chosen for a surface that is\n no longer there \u2014 and with an intent the fill is light, so the label\n resolves to near-black and disappears against the page.\n\n Do not \"fix\" this by making the button honour transparent in its active\n state: a selected menu item is transparent + active precisely so the\n active fill can show the selection (Menu/item.tsx), and removing it there\n makes every dropdown selection invisible. The pairing is intentional\n elsewhere; the tab is the one place the fill is unwanted, so the tab is\n where it is undone.\n\n The label takes the theme's readable colour, NOT the marker colour:\n activeTabMarkerColor exists so the bar can be coloured independently of\n the label (a white label under a brand-coloured bar), and tinting the\n label with it would collapse that distinction. */\n ", " {\n color: ", " !important;\n }\n "], ["\n box-shadow: inset ", "\n ", ";\n\n /* The label has to be re-coloured wherever the background is overridden.\n An active button derives its text colour FROM the fill it paints, so\n suppressing that fill above leaves a colour chosen for a surface that is\n no longer there \u2014 and with an intent the fill is light, so the label\n resolves to near-black and disappears against the page.\n\n Do not \"fix\" this by making the button honour transparent in its active\n state: a selected menu item is transparent + active precisely so the\n active fill can show the selection (Menu/item.tsx), and removing it there\n makes every dropdown selection invisible. The pairing is intentional\n elsewhere; the tab is the one place the fill is unwanted, so the tab is\n where it is undone.\n\n The label takes the theme's readable colour, NOT the marker colour:\n activeTabMarkerColor exists so the bar can be coloured independently of\n the label (a white label under a brand-coloured bar), and tinting the\n label with it would collapse that distinction. */\n ", " {\n color: ", " !important;\n }\n "])), vertical ? '-2px 0 0 0' : '0 -2px 0 0', activeColor || 'currentColor', Button_1.StyledButton, (0, colors_1.getReadableColor)(theme, undefined, undefined, false))));
|
|
80
81
|
});
|
|
81
82
|
var ReqoreTabsListItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
82
|
-
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, _c = _a.flat, flat = _c === void 0 ? true : _c, wrapTabNames = _a.wrapTabNames, padded = _a.padded, useReactTransition = _a.useReactTransition, rest = __rest(_a, ["tooltip", "label", "props", "icon", "active", "as", "disabled", "vertical", "onClick", "activeIntent", "onCloseClick", "fill", "intent", "size", "closeIcon", "customTheme", "className", "flat", "wrapTabNames", "padded", "useReactTransition"]);
|
|
83
|
+
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, activeTabMarker = _a.activeTabMarker, activeTabMarkerColor = _a.activeTabMarkerColor, 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, _c = _a.flat, flat = _c === void 0 ? true : _c, wrapTabNames = _a.wrapTabNames, padded = _a.padded, useReactTransition = _a.useReactTransition, rest = __rest(_a, ["tooltip", "label", "props", "icon", "active", "as", "disabled", "vertical", "onClick", "activeIntent", "activeTabMarker", "activeTabMarkerColor", "onCloseClick", "fill", "intent", "size", "closeIcon", "customTheme", "className", "flat", "wrapTabNames", "padded", "useReactTransition"]);
|
|
83
84
|
var _d = (0, react_1.useTransition)(), isPending = _d[0], startTransition = _d[1];
|
|
84
85
|
var _e = (0, react_1.useState)(false), isStillPending = _e[0], setStillPending = _e[1];
|
|
85
86
|
var _f = (0, react_1.useState)(null), loadingTimer = _f[0], setLoadingTimer = _f[1];
|
|
86
87
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
87
88
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, undefined);
|
|
89
|
+
// Marker colour, most specific first: an explicit colour, then the active
|
|
90
|
+
// intent's, and failing both the tab's own text colour via `currentColor`.
|
|
91
|
+
// The explicit one is resolved through the theme — `TReqoreEffectColor`
|
|
92
|
+
// accepts semantic values ('info', 'main:lighten:8') that are not valid CSS
|
|
93
|
+
// on their own, and dropping one straight into a box-shadow kills the rule.
|
|
94
|
+
var markerIntent = activeIntent || intent;
|
|
95
|
+
var activeColor = activeTabMarkerColor
|
|
96
|
+
? (0, colors_1.getColorFromMaybeString)(theme, activeTabMarkerColor)
|
|
97
|
+
: markerIntent
|
|
98
|
+
? theme.intents[markerIntent]
|
|
99
|
+
: undefined;
|
|
88
100
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
89
101
|
if (isPending) {
|
|
90
102
|
setLoadingTimer(setTimeout(function () {
|
|
@@ -109,12 +121,16 @@ var ReqoreTabsListItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a,
|
|
|
109
121
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
110
122
|
});
|
|
111
123
|
};
|
|
112
|
-
|
|
113
|
-
|
|
124
|
+
// A `line` marker owns the active indicator, so the tab itself is always
|
|
125
|
+
// flat: a non-flat list still wants its edge rule, but boxing each tab
|
|
126
|
+
// would compete with the bar and read as a button, not a tab.
|
|
127
|
+
var isLineMarker = activeTabMarker === 'line';
|
|
128
|
+
var renderButton = function () { return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ flat: isLineMarker ? true : intent ? false : flat, fluid: fill || vertical, icon: icon, minimal: true, wrap: wrapTabNames, intent: active ? activeIntent || intent : intent, active: active, disabled: disabled, onClick: handleClick, tooltip: tooltip, customTheme: theme, className: "reqore-tabs-list-item ".concat(active ? 'reqore-tabs-list-item-active' : ''), size: size }, (0, lodash_1.omit)(rest, ['id']), { loading: isStillPending || rest.loading, children: label }))); };
|
|
129
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledTabListItem, __assign({ ref: targetRef }, props, { className: className, intent: intent, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill, fixed: rest.fixed, padded: padded, activeTabMarker: activeTabMarker, activeColor: activeColor, children: !onCloseClick || disabled ? (renderButton()) : ((0, jsx_runtime_1.jsxs)(ControlGroup_1.default, { stack: true, size: size, fluid: fill || vertical, fill: wrapTabNames, children: [renderButton(), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(Button_1.default, { fixed: true, flat: isLineMarker ? true : intent ? false : flat, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, wrap: wrapTabNames, active: active, className: 'reqore-tabs-list-item-close', customTheme: theme, size: size, onClick: function (event) {
|
|
114
130
|
event.stopPropagation();
|
|
115
131
|
onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
|
|
116
132
|
} })) : null] })) })));
|
|
117
133
|
}));
|
|
118
134
|
exports.default = ReqoreTabsListItem;
|
|
119
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
135
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
120
136
|
//# sourceMappingURL=item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAAkE;AAClE,uCAAwD;AACxD,qEAAgD;AAIhD,+DAA8D;AAC9D,iDAAsD;AAEtD,kDAAuD;AACvD,iEAAiD;
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,6 +30,6 @@ export declare const getLabelLength: (item: IReqoreBreadcrumbItem | IReqoreTabsL
|
|
|
30
30
|
* @returns the total width or height of the tabs
|
|
31
31
|
*/
|
|
32
32
|
export declare const getTabsLength: (items: (IReqoreTabsListItem | IReqoreTabsListItem[])[], type?: "width" | "height", activeTab?: string | number, tabsSize?: TSizes) => number;
|
|
33
|
-
declare const ReqoreTabsList: ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, customTheme, wrapTabNames, flat, size, intent, padded, loadingIconType, useReactTransition, overflowMenuProps, overflowPopoverProps, ...rest }: IReqoreTabsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare const ReqoreTabsList: ({ tabs, onTabChange, activeTab, _testWidth, fill, vertical, activeTabIntent, activeTabMarker, activeTabMarkerColor, customTheme, wrapTabNames, flat, size, intent, padded, loadingIconType, useReactTransition, overflowMenuProps, overflowPopoverProps, ...rest }: IReqoreTabsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
34
|
export default ReqoreTabsList;
|
|
35
35
|
//# 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,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAE1D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAE1D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUlG,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAMvD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGzC,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,KA2ChC,CAAC;AAmBF;;;;;GAKG;AACH,eAAO,MAAM,qCAAqC,mCAAyG,CAAC;AAkC5J,eAAO,MAAM,cAAc,GACzB,MAAM,qBAAqB,GAAG,mBAAmB,GAAG,mBAAmB,EAAE,GAAG,eAAe,EAC3F,YAAY,MAAM,GAAG,MAAM,EAC3B,WAAU,MAAiB,QA8C5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,EACtD,OAAM,OAAO,GAAG,QAAkB,EAClC,YAAY,MAAM,GAAG,MAAM,EAC3B,WAAW,MAAM,KAChB,MAcI,CAAC;AAmGR,QAAA,MAAM,cAAc,GAAI,oQAqBrB,oBAAoB,4CAsJtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -90,8 +90,22 @@ var item_1 = __importDefault(require("../Menu/item"));
|
|
|
90
90
|
var Popover_1 = require("../Popover");
|
|
91
91
|
var item_2 = __importStar(require("./item"));
|
|
92
92
|
exports.StyledReqoreTabsList = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
93
|
-
var fill = _a.fill, vertical = _a.vertical, size = _a.size, padded = _a.padded, flat = _a.flat, currentTabColor = _a.currentTabColor, width = _a.width;
|
|
94
|
-
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n\n gap: ", "px;\n\n ", "\n\n ", "\n\n\n ", "\n\n ", " {\n > ", " {\n height: 100%;\n }\n }\n "], ["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n\n gap: ", "px;\n\n ", "\n\n "
|
|
93
|
+
var theme = _a.theme, fill = _a.fill, vertical = _a.vertical, size = _a.size, padded = _a.padded, flat = _a.flat, activeTabMarker = _a.activeTabMarker, currentTabColor = _a.currentTabColor, width = _a.width;
|
|
94
|
+
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n\n gap: ", "px;\n\n ", "\n\n ", "\n\n\n ", "\n\n ", " {\n > ", " {\n height: 100%;\n }\n }\n "], ["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n\n gap: ", "px;\n\n ", "\n\n " /* A `line` marker always wants the strip's edge rule for the bar to sit on,
|
|
95
|
+
even when the tabs themselves are flat — that pairing IS the underline
|
|
96
|
+
tab. Boxing each tab (`flat={false}`) would fight the bar instead.
|
|
97
|
+
|
|
98
|
+
With a `line` marker the rule stays a NEUTRAL hairline off the background:
|
|
99
|
+
it spans every tab, so tinting it with the active tab's intent would repaint
|
|
100
|
+
the whole strip on each selection. Only the active tab's bar carries colour. */, "\n\n\n ", "\n\n ", " {\n > ", " {\n height: 100%;\n }\n }\n "])), vertical ? '100%' : undefined, vertical ? width || '200px' : '100%', vertical ? 'column' : 'row', sizes_1.GAP_FROM_SIZE[size], padded && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 0 ", "px;\n "], ["\n padding: 0 ", "px;\n "])), sizes_1.PADDING_FROM_SIZE[size]), /* A `line` marker always wants the strip's edge rule for the bar to sit on,
|
|
101
|
+
even when the tabs themselves are flat — that pairing IS the underline
|
|
102
|
+
tab. Boxing each tab (`flat={false}`) would fight the bar instead.
|
|
103
|
+
|
|
104
|
+
With a `line` marker the rule stays a NEUTRAL hairline off the background:
|
|
105
|
+
it spans every tab, so tinting it with the active tab's intent would repaint
|
|
106
|
+
the whole strip on each selection. Only the active tab's bar carries colour. */ (!flat || activeTabMarker === 'line') && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-", ": 1px solid ", ";\n "], ["\n border-", ": 1px solid ", ";\n "])), vertical ? 'right' : 'bottom', activeTabMarker === 'line'
|
|
107
|
+
? (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.16)
|
|
108
|
+
: (0, colors_1.changeLightness)(currentTabColor, 0.175)), fill && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n justify-content: space-around;\n "], ["\n justify-content: space-around;\n "]))), Popover_1.StyledPopover, item_2.StyledTabListItem);
|
|
95
109
|
});
|
|
96
110
|
/** Absolute ceiling so the overflow menu stays compact even on a tall monitor. */
|
|
97
111
|
var TABS_OVERFLOW_MENU_MAX_HEIGHT_PX = 520;
|
|
@@ -247,7 +261,7 @@ var ReqoreTabListItemRenderer = function (_a) {
|
|
|
247
261
|
};
|
|
248
262
|
var ReqoreTabsList = function (_a) {
|
|
249
263
|
var _b, _c, _d;
|
|
250
|
-
var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, customTheme = _a.customTheme, wrapTabNames = _a.wrapTabNames, flat = _a.flat, size = _a.size, intent = _a.intent, padded = _a.padded, loadingIconType = _a.loadingIconType, useReactTransition = _a.useReactTransition, overflowMenuProps = _a.overflowMenuProps, overflowPopoverProps = _a.overflowPopoverProps, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "customTheme", "wrapTabNames", "flat", "size", "intent", "padded", "loadingIconType", "useReactTransition", "overflowMenuProps", "overflowPopoverProps"]);
|
|
264
|
+
var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, activeTabMarker = _a.activeTabMarker, activeTabMarkerColor = _a.activeTabMarkerColor, customTheme = _a.customTheme, wrapTabNames = _a.wrapTabNames, flat = _a.flat, size = _a.size, intent = _a.intent, padded = _a.padded, loadingIconType = _a.loadingIconType, useReactTransition = _a.useReactTransition, overflowMenuProps = _a.overflowMenuProps, overflowPopoverProps = _a.overflowPopoverProps, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "activeTabMarker", "activeTabMarkerColor", "customTheme", "wrapTabNames", "flat", "size", "intent", "padded", "loadingIconType", "useReactTransition", "overflowMenuProps", "overflowPopoverProps"]);
|
|
251
265
|
var _e = (0, react_use_1.useMeasure)(), ref = _e[0], width = _e[1].width;
|
|
252
266
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
253
267
|
var activeTabData = tabs.find(function (tab) { return tab.id === activeTab; });
|
|
@@ -261,7 +275,7 @@ var ReqoreTabsList = function (_a) {
|
|
|
261
275
|
? filteredItems
|
|
262
276
|
: getTransformedItems(filteredItems, _testWidth || width, 'width', activeTab, size);
|
|
263
277
|
}, [filteredItems, _testWidth, width, vertical, activeTab, size]);
|
|
264
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, customTheme: customTheme, children: (0, jsx_runtime_1.jsx)(exports.StyledReqoreTabsList, __assign({}, rest, { size: size, fill: fill, vertical: vertical, className: "".concat(rest.className || '', " reqore-tabs-list"), ref: ref, flat: flat, theme: theme, currentTabColor: currentTabColor, children: transformedItems.map(function (item, index) {
|
|
278
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { theme: theme, customTheme: customTheme, children: (0, jsx_runtime_1.jsx)(exports.StyledReqoreTabsList, __assign({}, rest, { size: size, fill: fill, vertical: vertical, className: "".concat(rest.className || '', " reqore-tabs-list"), ref: ref, flat: flat, activeTabMarker: activeTabMarker, theme: theme, currentTabColor: currentTabColor, children: transformedItems.map(function (item, index) {
|
|
265
279
|
var _a;
|
|
266
280
|
return (0, lodash_1.isArray)(item) ? ((0, jsx_runtime_1.jsx)(react_2.default.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: item_2.default, componentProps: {
|
|
267
281
|
icon: 'ArrowDownSLine',
|
|
@@ -299,7 +313,7 @@ var ReqoreTabsList = function (_a) {
|
|
|
299
313
|
}
|
|
300
314
|
}
|
|
301
315
|
} }), { tooltip: tooltip }, rest, { key: index + (label === null || label === void 0 ? void 0 : label.toString()) }), label));
|
|
302
|
-
}) })) }), index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2.default.Fragment, { children: (0, jsx_runtime_1.jsx)(ReqoreTabListItemRenderer, { item: item, active: activeTab === item.id || ((_a = item.props) === null || _a === void 0 ? void 0 : _a.active), onTabChange: onTabChange, customTheme: theme, fill: fill, size: size, flat: flat, padded: padded, activeIntent: activeTabIntent, wrapTabNames: wrapTabNames, loadingIconType: loadingIconType, useReactTransition: useReactTransition, vertical: vertical }) }, index));
|
|
316
|
+
}) })) }), index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2.default.Fragment, { children: (0, jsx_runtime_1.jsx)(ReqoreTabListItemRenderer, { item: item, active: activeTab === item.id || ((_a = item.props) === null || _a === void 0 ? void 0 : _a.active), onTabChange: onTabChange, customTheme: theme, fill: fill, size: size, flat: flat, padded: padded, activeIntent: activeTabIntent, activeTabMarker: activeTabMarker, activeTabMarkerColor: activeTabMarkerColor, wrapTabNames: wrapTabNames, loadingIconType: loadingIconType, useReactTransition: useReactTransition, vertical: vertical }) }, index));
|
|
303
317
|
}) })) }));
|
|
304
318
|
};
|
|
305
319
|
exports.default = ReqoreTabsList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,9 +35,34 @@ export interface IReqoreTimelineItem extends IReqoreDisabled, IReqoreIntent {
|
|
|
35
35
|
/** Effect for the content */
|
|
36
36
|
contentEffect?: IReqoreEffect;
|
|
37
37
|
}
|
|
38
|
+
/**
|
|
39
|
+
* A folded run of timeline items, rendered as a single compact "N hidden"
|
|
40
|
+
* marker that expands the hidden items inline on click (GitHub-diff style).
|
|
41
|
+
* Purely visual — the caller decides which consecutive items to fold and
|
|
42
|
+
* passes them here. Only honored in vertical mode.
|
|
43
|
+
*/
|
|
44
|
+
export interface IReqoreTimelineCollapsedRange {
|
|
45
|
+
/** The items hidden inside this run. */
|
|
46
|
+
collapsedItems: IReqoreTimelineItem[];
|
|
47
|
+
/** Text next to the dots; defaults to `${n} hidden`. */
|
|
48
|
+
label?: string;
|
|
49
|
+
/** Marker icon for the folded run; defaults to a vertical 3-dots. */
|
|
50
|
+
icon?: IReqoreIconName;
|
|
51
|
+
iconColor?: TReqoreEffectColor;
|
|
52
|
+
/** Start expanded. Defaults to `false` (folded). */
|
|
53
|
+
defaultExpanded?: boolean;
|
|
54
|
+
}
|
|
55
|
+
/** A timeline entry: either a normal item or a folded run of items. */
|
|
56
|
+
export type TReqoreTimelineEntry = IReqoreTimelineItem | IReqoreTimelineCollapsedRange;
|
|
57
|
+
/** Narrows a timeline entry to a folded run. */
|
|
58
|
+
export declare function isReqoreTimelineCollapsedRange(entry: TReqoreTimelineEntry): entry is IReqoreTimelineCollapsedRange;
|
|
38
59
|
export interface IReqoreTimelineProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'children'>, IReqoreComponent, IWithReqoreCustomTheme, IReqoreIntent, IWithReqoreFluid, IWithReqoreSize {
|
|
39
|
-
/**
|
|
40
|
-
|
|
60
|
+
/**
|
|
61
|
+
* Array of timeline entries to display. An entry is either a normal
|
|
62
|
+
* `IReqoreTimelineItem` or an `IReqoreTimelineCollapsedRange` — a folded run
|
|
63
|
+
* of items shown as a single "N hidden" marker that expands on click.
|
|
64
|
+
*/
|
|
65
|
+
items: TReqoreTimelineEntry[];
|
|
41
66
|
/**
|
|
42
67
|
* Layout direction. `'vertical'` stacks items top-to-bottom (default).
|
|
43
68
|
* `'horizontal'` lays them out left-to-right with the connector line between markers.
|
|
@@ -60,6 +85,11 @@ export interface IReqoreTimelineProps extends Omit<React.HTMLAttributes<HTMLOLis
|
|
|
60
85
|
collapsedState?: Record<number, boolean>;
|
|
61
86
|
/** Callback fired when any item's collapsed state changes (click, keyboard, etc.) */
|
|
62
87
|
onCollapseChange?: (index: number, isCollapsed: boolean) => void;
|
|
88
|
+
/**
|
|
89
|
+
* Callback fired when a folded run (`IReqoreTimelineCollapsedRange`) is
|
|
90
|
+
* expanded or re-folded. `index` is the entry's index in `items`.
|
|
91
|
+
*/
|
|
92
|
+
onRangeToggle?: (index: number, isExpanded: boolean) => void;
|
|
63
93
|
}
|
|
64
94
|
export interface IReqoreTimelineStyle {
|
|
65
95
|
theme: IReqoreTheme;
|
|
@@ -73,6 +103,8 @@ export interface IReqoreTimelineItemStyle extends IReqoreTimelineStyle {
|
|
|
73
103
|
disabled?: boolean;
|
|
74
104
|
hasIntent?: boolean;
|
|
75
105
|
isCollapsed?: boolean;
|
|
106
|
+
/** Render the connector line dotted (used around a collapsed run). */
|
|
107
|
+
dashed?: boolean;
|
|
76
108
|
}
|
|
77
109
|
declare const ReqoreTimeline: import("react").MemoExoticComponent<(props: IReqoreTimelineProps & import("react").RefAttributes<HTMLOListElement>) => import("react").ReactElement | null>;
|
|
78
110
|
export default ReqoreTimeline;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKrD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQvD,MAAM,WAAW,mBAAoB,SAAQ,eAAe,EAAE,aAAa;IACzE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACtC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,4CAA4C;IAC5C,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,gBAAgB,EAChB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,eAAe;IACjB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":"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"}
|