@dscout/particle 1.0.0-alpha.37 → 1.0.0-alpha.38
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/README.md +2 -0
- package/lib/cjs/components/common_menu_item.js +1 -1
- package/lib/cjs/components/common_menu_item.js.map +1 -1
- package/lib/cjs/components/hover_card/hover_card.d.ts +4 -1
- package/lib/cjs/components/hover_card/hover_card.js +17 -13
- package/lib/cjs/components/hover_card/hover_card.js.map +1 -1
- package/lib/cjs/components/study_card/actions_menu.d.ts +2 -0
- package/lib/cjs/components/study_card/actions_menu.js +4 -4
- package/lib/cjs/components/study_card/actions_menu.js.map +1 -1
- package/lib/cjs/components/study_card/study_card.d.ts +1 -1
- package/lib/cjs/components/study_card/study_card.js +2 -2
- package/lib/cjs/components/study_card/study_card.js.map +1 -1
- package/lib/cjs/components/tabs/tab_button.d.ts +8 -4
- package/lib/cjs/components/tabs/tab_button.js +7 -6
- package/lib/cjs/components/tabs/tab_button.js.map +1 -1
- package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.d.ts +9 -0
- package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.js +64 -0
- package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.js.map +1 -0
- package/lib/cjs/components/tabs/tab_dropdown/index.d.ts +2 -0
- package/lib/cjs/components/tabs/tab_dropdown/index.js +8 -0
- package/lib/cjs/components/tabs/tab_dropdown/index.js.map +1 -0
- package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.d.ts +8 -0
- package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.js +100 -0
- package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.js.map +1 -0
- package/lib/cjs/components/tabs/tab_dropdown/utils.d.ts +5 -0
- package/lib/cjs/components/tabs/tab_dropdown/utils.js +14 -0
- package/lib/cjs/components/tabs/tab_dropdown/utils.js.map +1 -0
- package/lib/cjs/components/tabs/tab_link.d.ts +1 -1
- package/lib/cjs/components/tabs/tab_link.js +2 -2
- package/lib/cjs/components/tabs/tab_link.js.map +1 -1
- package/lib/cjs/components/tabs/tabs_list.js +4 -0
- package/lib/cjs/components/tabs/tabs_list.js.map +1 -1
- package/lib/cjs/components/tabs/types.d.ts +40 -3
- package/lib/cjs/components/tabs/types.js +5 -1
- package/lib/cjs/components/tabs/types.js.map +1 -1
- package/lib/cjs/icons/express/diamond_circle.d.ts +7 -0
- package/lib/cjs/icons/express/diamond_circle.js +41 -0
- package/lib/cjs/icons/express/diamond_circle.js.map +1 -0
- package/lib/cjs/icons/express/diamond_circle_corners.d.ts +7 -0
- package/lib/cjs/icons/express/diamond_circle_corners.js +41 -0
- package/lib/cjs/icons/express/diamond_circle_corners.js.map +1 -0
- package/lib/cjs/icons/express/index.d.ts +4 -0
- package/lib/cjs/icons/express/index.js +4 -0
- package/lib/cjs/icons/express/index.js.map +1 -1
- package/lib/cjs/icons/express/layered_squares_play.d.ts +1 -1
- package/lib/cjs/icons/express/layered_squares_play.js +4 -0
- package/lib/cjs/icons/express/layered_squares_play.js.map +1 -1
- package/lib/cjs/icons/express/layered_squares_three.d.ts +1 -1
- package/lib/cjs/icons/express/layered_squares_three.js +7 -0
- package/lib/cjs/icons/express/layered_squares_three.js.map +1 -1
- package/lib/cjs/icons/express/people_three.d.ts +1 -1
- package/lib/cjs/icons/express/people_three.js +6 -0
- package/lib/cjs/icons/express/people_three.js.map +1 -1
- package/lib/cjs/icons/express/person_in_corner_brackets.d.ts +1 -1
- package/lib/cjs/icons/express/person_in_corner_brackets.js +3 -0
- package/lib/cjs/icons/express/person_in_corner_brackets.js.map +1 -1
- package/lib/esm/components/common_menu_item.js +1 -1
- package/lib/esm/components/common_menu_item.js.map +1 -1
- package/lib/esm/components/hover_card/hover_card.d.ts +4 -1
- package/lib/esm/components/hover_card/hover_card.js +17 -13
- package/lib/esm/components/hover_card/hover_card.js.map +1 -1
- package/lib/esm/components/study_card/actions_menu.d.ts +2 -0
- package/lib/esm/components/study_card/actions_menu.js +4 -4
- package/lib/esm/components/study_card/actions_menu.js.map +1 -1
- package/lib/esm/components/study_card/study_card.d.ts +1 -1
- package/lib/esm/components/study_card/study_card.js +2 -2
- package/lib/esm/components/study_card/study_card.js.map +1 -1
- package/lib/esm/components/tabs/tab_button.d.ts +8 -4
- package/lib/esm/components/tabs/tab_button.js +7 -6
- package/lib/esm/components/tabs/tab_button.js.map +1 -1
- package/lib/esm/components/tabs/tab_dropdown/dropdown_item.d.ts +9 -0
- package/lib/esm/components/tabs/tab_dropdown/dropdown_item.js +39 -0
- package/lib/esm/components/tabs/tab_dropdown/dropdown_item.js.map +1 -0
- package/lib/esm/components/tabs/tab_dropdown/index.d.ts +2 -0
- package/lib/esm/components/tabs/tab_dropdown/index.js +3 -0
- package/lib/esm/components/tabs/tab_dropdown/index.js.map +1 -0
- package/lib/esm/components/tabs/tab_dropdown/tab_dropdown.d.ts +8 -0
- package/lib/esm/components/tabs/tab_dropdown/tab_dropdown.js +72 -0
- package/lib/esm/components/tabs/tab_dropdown/tab_dropdown.js.map +1 -0
- package/lib/esm/components/tabs/tab_dropdown/utils.d.ts +5 -0
- package/lib/esm/components/tabs/tab_dropdown/utils.js +10 -0
- package/lib/esm/components/tabs/tab_dropdown/utils.js.map +1 -0
- package/lib/esm/components/tabs/tab_link.d.ts +1 -1
- package/lib/esm/components/tabs/tab_link.js +2 -2
- package/lib/esm/components/tabs/tab_link.js.map +1 -1
- package/lib/esm/components/tabs/tabs_list.js +5 -1
- package/lib/esm/components/tabs/tabs_list.js.map +1 -1
- package/lib/esm/components/tabs/types.d.ts +40 -3
- package/lib/esm/components/tabs/types.js +3 -0
- package/lib/esm/components/tabs/types.js.map +1 -1
- package/lib/esm/icons/express/diamond_circle.d.ts +7 -0
- package/lib/esm/icons/express/diamond_circle.js +34 -0
- package/lib/esm/icons/express/diamond_circle.js.map +1 -0
- package/lib/esm/icons/express/diamond_circle_corners.d.ts +7 -0
- package/lib/esm/icons/express/diamond_circle_corners.js +34 -0
- package/lib/esm/icons/express/diamond_circle_corners.js.map +1 -0
- package/lib/esm/icons/express/index.d.ts +4 -0
- package/lib/esm/icons/express/index.js +4 -0
- package/lib/esm/icons/express/index.js.map +1 -1
- package/lib/esm/icons/express/layered_squares_play.d.ts +1 -1
- package/lib/esm/icons/express/layered_squares_play.js +4 -0
- package/lib/esm/icons/express/layered_squares_play.js.map +1 -1
- package/lib/esm/icons/express/layered_squares_three.d.ts +1 -1
- package/lib/esm/icons/express/layered_squares_three.js +7 -0
- package/lib/esm/icons/express/layered_squares_three.js.map +1 -1
- package/lib/esm/icons/express/people_three.d.ts +1 -1
- package/lib/esm/icons/express/people_three.js +6 -0
- package/lib/esm/icons/express/people_three.js.map +1 -1
- package/lib/esm/icons/express/person_in_corner_brackets.d.ts +1 -1
- package/lib/esm/icons/express/person_in_corner_brackets.js +3 -0
- package/lib/esm/icons/express/person_in_corner_brackets.js.map +1 -1
- package/lib/stylesheets/particle.css +7 -3
- package/lib/stylesheets/particle.css.map +1 -1
- package/lib/stylesheets/particle.min.css +2 -2
- package/lib/stylesheets/particle.min.css.gz +0 -0
- package/package.json +5 -5
- package/styles/components/hover_card/_base.scss +19 -14
- package/styles/components/tabs/_base.scss +1 -0
package/README.md
CHANGED
|
@@ -99,6 +99,8 @@ yarn lint
|
|
|
99
99
|
|
|
100
100
|
Start the Vitest test runner in watch mode:
|
|
101
101
|
|
|
102
|
+
Note: Before testing, you will need to run `yarn playwright install` to ensure the local test runner can properly spin up the necessary browser environment.
|
|
103
|
+
|
|
102
104
|
```bash
|
|
103
105
|
yarn test
|
|
104
106
|
```
|
|
@@ -62,7 +62,7 @@ function CommonMenuItem(_a) {
|
|
|
62
62
|
var refProps = getRef ? (_c = {}, _c[refProp] = getRef, _c) : {};
|
|
63
63
|
var Component = component;
|
|
64
64
|
validateModifierClass(_modifierClass);
|
|
65
|
-
var content = (react_1.default.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, disabled: disabled, id: id, name: name, onClick: onClick, onKeyDown: onKeyDown }, refProps, sanitizeOtherProps(rest)), children));
|
|
65
|
+
var content = (react_1.default.createElement(Component, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: className, disabled: disabled, id: id, name: name, onClick: onClick, onKeyDown: onKeyDown }, (disabled ? { tabIndex: -1 } : {}), refProps, sanitizeOtherProps(rest)), children));
|
|
66
66
|
return wrapWithLI ? react_1.default.createElement("li", null, content) : content;
|
|
67
67
|
}
|
|
68
68
|
exports.CommonMenuItem = CommonMenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,2DAAqC;AA+BrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;IACD,IAAI,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACtC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,4LACiE,CAClE,CAAC;KACH;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAqBT;;IApBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cApBsB,2OAqB9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;QACtC,GAAC,sBAAe,OAAO,CAAE,IAAG,OAAO;QACnC,4BAAwB,GAAE,CAAC,OAAO;YAClC,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,0CAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;
|
|
1
|
+
{"version":3,"file":"common_menu_item.js","sourceRoot":"","sources":["../../../src/components/common_menu_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAK1B,qEAA8C;AAC9C,2DAAqC;AA+BrC,IAAM,sBAAsB,GAAG,CAAC,WAAW,CAAC,CAAC;AAE7C,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,IAAA,gBAAM,EAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,qBAAqB,CAAC,cAAsB;IACnD,IAAI,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACpC,+BAA+B;QAC/B,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,iEAAiE;YACjE,oBAAoB,CACvB,CAAC;QACF,8BAA8B;KAC/B;IACD,IAAI,aAAa,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QACtC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,4LACiE,CAClE,CAAC;KACH;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAqBT;;IApBpB,IAAA,cAAc,oBAAA,EACd,MAAM,YAAA,EACQ,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cApBsB,2OAqB9B,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAAC,YAAY,EAAE,cAAc;YACvD,oBAAoB,EAAE,MAAM;YAC5B,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;YAChC,sBAAsB,EAAE,QAAQ;;QAChC,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;QACtC,GAAC,sBAAe,OAAO,CAAE,IAAG,OAAO;QACnC,4BAAwB,GAAE,CAAC,OAAO;YAClC,CAAC;IAEH,IAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAG,GAAC,OAAO,IAAG,MAAM,MAAG,CAAC,CAAC,EAAE,CAAC;IACrD,IAAM,SAAS,GAAG,SAAS,CAAC;IAE5B,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAEtC,IAAM,OAAO,GAAG,CACd,8BAAC,SAAS,2BACI,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAClC,QAAQ,EACR,kBAAkB,CAAC,IAAI,CAAC,GAE3B,QAAQ,CACC,CACb,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,0CAAK,OAAO,CAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACnD,CAAC;AAzDD,wCAyDC"}
|
|
@@ -2,12 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp } from '../../types';
|
|
3
3
|
import type { GetRef } from '../../utils/refs';
|
|
4
4
|
import type { Chip } from '../chip';
|
|
5
|
+
import type { BuiltInTooltipConfig } from '../tooltip/types';
|
|
5
6
|
import { ModernButton } from '../modern_button';
|
|
6
7
|
interface HoverCardProps extends ModifierClassProp, CommonComponentProps, MarginModifierProp {
|
|
7
8
|
billboardUrl: string;
|
|
8
9
|
buttonColor?: React.ComponentProps<typeof ModernButton>['color'];
|
|
9
10
|
buttonIcon?: React.ComponentProps<typeof ModernButton>['icon'];
|
|
10
11
|
buttonLabel: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
tooltipConfig?: BuiltInTooltipConfig;
|
|
11
14
|
getRef?: GetRef<HTMLDivElement>;
|
|
12
15
|
height?: Dimensions;
|
|
13
16
|
maxHeight?: Dimensions;
|
|
@@ -20,5 +23,5 @@ interface HoverCardProps extends ModifierClassProp, CommonComponentProps, Margin
|
|
|
20
23
|
title: string;
|
|
21
24
|
width?: Dimensions;
|
|
22
25
|
}
|
|
23
|
-
export declare function HoverCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, buttonLabel, buttonColor, buttonIcon, getRef, height, maxHeight, maxWidth, minHeight, minWidth, chip, onClick, subtitle, title, width, margin, ...rest }: HoverCardProps): React.JSX.Element;
|
|
26
|
+
export declare function HoverCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, buttonLabel, buttonColor, buttonIcon, disabled, getRef, height, maxHeight, maxWidth, minHeight, minWidth, chip, onClick, subtitle, title, tooltipConfig, width, margin, ...rest }: HoverCardProps): React.JSX.Element;
|
|
24
27
|
export {};
|
|
@@ -32,20 +32,24 @@ var class_names_1 = __importDefault(require("../../utils/class_names"));
|
|
|
32
32
|
var modifier_classes_1 = require("../../utils/modifier_classes");
|
|
33
33
|
var heading_1 = require("../heading");
|
|
34
34
|
var modern_button_1 = require("../modern_button");
|
|
35
|
+
var tooltip_container_1 = require("../tooltip/tooltip_container");
|
|
35
36
|
function HoverCard(_a) {
|
|
36
|
-
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, buttonLabel = _a.buttonLabel, _b = _a.buttonColor, buttonColor = _b === void 0 ? 'default' : _b, buttonIcon = _a.buttonIcon, getRef = _a.getRef,
|
|
37
|
-
var className = (0, class_names_1.default)('HoverCard', _modifierClass, (0, modifier_classes_1.getDimensionClass)('height', height), (0, modifier_classes_1.getDimensionClass)('max-height', maxHeight), (0, modifier_classes_1.getDimensionClass)('min-height', minHeight), (0, modifier_classes_1.getDimensionClass)('width', width), (0, modifier_classes_1.getDimensionClass)('max-width', maxWidth), (0, modifier_classes_1.getDimensionClass)('min-width', minWidth), (0, modifier_classes_1.getMarginClass)(margin));
|
|
38
|
-
return (react_1.default.createElement(
|
|
39
|
-
|
|
40
|
-
react_1.default.createElement("div", { className: "
|
|
41
|
-
react_1.default.createElement("div", { className: "
|
|
42
|
-
|
|
43
|
-
react_1.default.createElement(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
37
|
+
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, buttonLabel = _a.buttonLabel, _b = _a.buttonColor, buttonColor = _b === void 0 ? 'default' : _b, buttonIcon = _a.buttonIcon, _c = _a.disabled, disabled = _c === void 0 ? false : _c, getRef = _a.getRef, _d = _a.height, height = _d === void 0 ? '100%' : _d, _e = _a.maxHeight, maxHeight = _e === void 0 ? '100%' : _e, _f = _a.maxWidth, maxWidth = _f === void 0 ? '100%' : _f, _g = _a.minHeight, minHeight = _g === void 0 ? 'auto' : _g, _h = _a.minWidth, minWidth = _h === void 0 ? 'auto' : _h, chip = _a.chip, onClick = _a.onClick, subtitle = _a.subtitle, title = _a.title, tooltipConfig = _a.tooltipConfig, _j = _a.width, width = _j === void 0 ? 'auto' : _j, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "buttonLabel", "buttonColor", "buttonIcon", "disabled", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "chip", "onClick", "subtitle", "title", "tooltipConfig", "width", "margin"]);
|
|
38
|
+
var className = (0, class_names_1.default)('HoverCard', _modifierClass, (0, modifier_classes_1.getDimensionClass)('height', height), (0, modifier_classes_1.getDimensionClass)('max-height', maxHeight), (0, modifier_classes_1.getDimensionClass)('min-height', minHeight), (0, modifier_classes_1.getDimensionClass)('width', width), (0, modifier_classes_1.getDimensionClass)('max-width', maxWidth), (0, modifier_classes_1.getDimensionClass)('min-width', minWidth), (0, modifier_classes_1.getMarginClass)(margin), { 'HoverCard--disabled': disabled }, { 'HoverCard--enabled': !disabled });
|
|
39
|
+
return (react_1.default.createElement(tooltip_container_1.TooltipContainer, __assign({ enabled: !!tooltipConfig }, (tooltipConfig !== null && tooltipConfig !== void 0 ? tooltipConfig : { tooltipContent: '' })), function (_a) {
|
|
40
|
+
var ref = _a.ref;
|
|
41
|
+
return (react_1.default.createElement("div", __assign({ ref: ref }, (0, data_attributes_1.default)(rest), { className: className, tabIndex: 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "data-testid": "hover-card-div" }),
|
|
42
|
+
react_1.default.createElement("div", { className: "HoverCard__Billboard", style: { backgroundImage: "url(".concat(billboardUrl, ")") } }),
|
|
43
|
+
react_1.default.createElement("div", { className: "HoverCard__ContentWrapper" },
|
|
44
|
+
react_1.default.createElement("div", { className: "HoverCard__Content" },
|
|
45
|
+
react_1.default.createElement("span", { className: "HoverCard__ChipWrapper" }, chip),
|
|
46
|
+
react_1.default.createElement(heading_1.Heading, { lineHeight: "title", level: "2", size: "l", weight: "6", _modifierClass: (0, class_names_1.default)('HoverCard__Title', {
|
|
47
|
+
'HoverCard__Title--with-subtitle': !!subtitle
|
|
48
|
+
}) }, title),
|
|
49
|
+
!!subtitle && (react_1.default.createElement("span", { className: "HoverCard__Subtitle" }, subtitle))),
|
|
50
|
+
react_1.default.createElement("div", { className: "HoverCard__ButtonWrapper" },
|
|
51
|
+
react_1.default.createElement(modern_button_1.ModernButton, { color: buttonColor, disabled: disabled, icon: buttonIcon, onClick: onClick, label: buttonLabel, _modifierClass: "HoverCard__Button" })))));
|
|
52
|
+
}));
|
|
49
53
|
}
|
|
50
54
|
exports.HoverCard = HoverCard;
|
|
51
55
|
//# sourceMappingURL=hover_card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover_card.js","sourceRoot":"","sources":["../../../../src/components/hover_card/hover_card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;
|
|
1
|
+
{"version":3,"file":"hover_card.js","sourceRoot":"","sources":["../../../../src/components/hover_card/hover_card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAU1B,gFAA4D;AAC5D,wEAAiD;AACjD,iEAGsC;AACtC,sCAAqC;AACrC,kDAAgD;AAChD,kEAAgE;AAyBhE,SAAgB,SAAS,CAAC,EAwBT;IAvBf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EACvB,UAAU,gBAAA,EACV,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,MAAM,YAAA,EACN,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,MAAM,YAAA,EACH,IAAI,cAvBiB,iSAwBzB,CADQ;IAEP,IAAM,SAAS,GAAG,IAAA,qBAAU,EAC1B,WAAW,EACX,cAAc,EACd,IAAA,oCAAiB,EAAC,QAAQ,EAAE,MAAM,CAAC,EACnC,IAAA,oCAAiB,EAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,IAAA,oCAAiB,EAAC,YAAY,EAAE,SAAS,CAAC,EAC1C,IAAA,oCAAiB,EAAC,OAAO,EAAE,KAAK,CAAC,EACjC,IAAA,oCAAiB,EAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,IAAA,oCAAiB,EAAC,WAAW,EAAE,QAAQ,CAAC,EACxC,IAAA,iCAAc,EAAC,MAAM,CAAC,EACtB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,EACnC,EAAE,oBAAoB,EAAE,CAAC,QAAQ,EAAE,CACpC,CAAC;IAEF,OAAO,CACL,8BAAC,oCAAgB,aACf,OAAO,EAAE,CAAC,CAAC,aAAa,IACpB,CAAC,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,GAE5C,UAAC,EAAO;YAAL,GAAG,SAAA;QAAO,OAAA,CACZ,gDACE,GAAG,EAAE,GAAG,IACJ,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,gBACC,SAAS,qBACJ,cAAc,sBACb,eAAe,iBACrB,gBAAgB;YAE5B,uCACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,YAAY,MAAG,EAAE,GAClD;YACF,uCAAK,SAAS,EAAC,2BAA2B;gBACxC,uCAAK,SAAS,EAAC,oBAAoB;oBACjC,wCAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAQ;oBACtD,8BAAC,iBAAO,IACN,UAAU,EAAC,OAAO,EAClB,KAAK,EAAC,GAAG,EACT,IAAI,EAAC,GAAG,EACR,MAAM,EAAC,GAAG,EACV,cAAc,EAAE,IAAA,qBAAU,EAAC,kBAAkB,EAAE;4BAC7C,iCAAiC,EAAE,CAAC,CAAC,QAAQ;yBAC9C,CAAC,IAED,KAAK,CACE;oBACT,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAQ,CACxD,CACG;gBACN,uCAAK,SAAS,EAAC,0BAA0B;oBACvC,8BAAC,4BAAY,IACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,cAAc,EAAC,mBAAmB,GAClC,CACE,CACF,CACF,CACP;IA7Ca,CA6Cb,CACgB,CACpB,CAAC;AACJ,CAAC;AA5FD,8BA4FC"}
|
|
@@ -7,8 +7,10 @@ export interface ActionsMenuProps {
|
|
|
7
7
|
closeOnClick?: boolean;
|
|
8
8
|
actionVariant?: React.ComponentProps<typeof MenuItem>['variant'];
|
|
9
9
|
testId?: string;
|
|
10
|
+
pendoTag?: string;
|
|
10
11
|
}[];
|
|
11
12
|
optionsButtonLabel?: string;
|
|
13
|
+
optionsButtonPendoTag?: string;
|
|
12
14
|
}
|
|
13
15
|
declare const _default: React.ForwardRefExoticComponent<ActionsMenuProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
16
|
export default _default;
|
|
@@ -35,7 +35,7 @@ var menu_list_1 = require("../menu_list");
|
|
|
35
35
|
var menu_item_1 = require("../menu_item");
|
|
36
36
|
var class_names_1 = __importDefault(require("../../utils/class_names"));
|
|
37
37
|
function ActionsMenu(_a, ref) {
|
|
38
|
-
var actionsConfig = _a.actionsConfig, optionsButtonLabel = _a.optionsButtonLabel;
|
|
38
|
+
var actionsConfig = _a.actionsConfig, optionsButtonLabel = _a.optionsButtonLabel, optionsButtonPendoTag = _a.optionsButtonPendoTag;
|
|
39
39
|
var dropdownRefFunctionRef = (0, react_1.useRef)(function () { });
|
|
40
40
|
// All of this ref related code enables performant ref assignment to the forwarded ref
|
|
41
41
|
// as well as the dropdown toggle's ref. This is necessary to ensure clicks on the dropdown
|
|
@@ -59,7 +59,7 @@ function ActionsMenu(_a, ref) {
|
|
|
59
59
|
return (react_1.default.createElement(dropdown_1.DropdownContainer, { placement: "right-start", contentWidth: "10em", toggle: function (_a) {
|
|
60
60
|
var dropdownRef = _a.ref, toggleDropdown = _a.toggleDropdown, isToggled = _a.isToggled;
|
|
61
61
|
dropdownRefFunctionRef.current = dropdownRef;
|
|
62
|
-
return (react_1.default.createElement(modern_button_1.ModernButton, { "aria-label": optionsButtonLabel, _modifierClass: (0, class_names_1.default)('StudyCard__ActionsMenu', {
|
|
62
|
+
return (react_1.default.createElement(modern_button_1.ModernButton, { "aria-label": optionsButtonLabel, "data-pendo": optionsButtonPendoTag, _modifierClass: (0, class_names_1.default)('StudyCard__ActionsMenu', {
|
|
63
63
|
'StudyCard__ActionsMenu--toggled': isToggled
|
|
64
64
|
}), isActive: isToggled, onClick: toggleDropdown, variant: "filled", color: "default", tooltipConfig: {
|
|
65
65
|
placement: 'left',
|
|
@@ -69,8 +69,8 @@ function ActionsMenu(_a, ref) {
|
|
|
69
69
|
var toggleDropdown = _a.toggleDropdown;
|
|
70
70
|
return (react_1.default.createElement(menu_1.Menu, { modern: true, variant: "tightest" },
|
|
71
71
|
react_1.default.createElement(menu_list_1.MenuList, null, actionsConfig.map(function (actionConfig) {
|
|
72
|
-
var actionLabel = actionConfig.actionLabel, onClick = actionConfig.onClick, _a = actionConfig.closeOnClick, closeOnClick = _a === void 0 ? true : _a, _b = actionConfig.actionVariant, actionVariant = _b === void 0 ? 'neutral' : _b, testId = actionConfig.testId;
|
|
73
|
-
return (react_1.default.createElement(menu_item_1.MenuItem, { key: actionLabel, name: actionLabel, onClick: function (e) {
|
|
72
|
+
var actionLabel = actionConfig.actionLabel, onClick = actionConfig.onClick, _a = actionConfig.closeOnClick, closeOnClick = _a === void 0 ? true : _a, _b = actionConfig.actionVariant, actionVariant = _b === void 0 ? 'neutral' : _b, testId = actionConfig.testId, pendoTag = actionConfig.pendoTag;
|
|
73
|
+
return (react_1.default.createElement(menu_item_1.MenuItem, { key: actionLabel, "data-pendo": pendoTag, name: actionLabel, onClick: function (e) {
|
|
74
74
|
e.stopPropagation();
|
|
75
75
|
onClick();
|
|
76
76
|
if (closeOnClick) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AAEnD,+CAAmD;AACnD,kDAAgD;AAChD,wCAAgD;AAChD,gCAA+B;AAC/B,0CAAwC;AACxC,0CAAwC;AACxC,wEAAiD;
|
|
1
|
+
{"version":3,"file":"actions_menu.js","sourceRoot":"","sources":["../../../../src/components/study_card/actions_menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,5 +20,5 @@ interface StudyCardProps extends ModifierClassProp, CommonComponentProps, Margin
|
|
|
20
20
|
title: string;
|
|
21
21
|
width?: Dimensions;
|
|
22
22
|
}
|
|
23
|
-
export declare function StudyCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, getRef, height, maxHeight, maxWidth, minHeight, minWidth, studyTypeChip, onClick, actionsConfig, optionsButtonLabel, role, statusChip, subtitle, timestamp, title, width, margin, ...rest }: StudyCardProps): React.JSX.Element;
|
|
23
|
+
export declare function StudyCard({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, billboardUrl, getRef, height, maxHeight, maxWidth, minHeight, minWidth, studyTypeChip, onClick, actionsConfig, optionsButtonLabel, optionsButtonPendoTag, role, statusChip, subtitle, timestamp, title, width, margin, ...rest }: StudyCardProps): React.JSX.Element;
|
|
24
24
|
export {};
|
|
@@ -56,7 +56,7 @@ var modifier_classes_1 = require("../../utils/modifier_classes");
|
|
|
56
56
|
var heading_1 = require("../heading");
|
|
57
57
|
var actions_menu_1 = __importDefault(require("./actions_menu"));
|
|
58
58
|
function StudyCard(_a) {
|
|
59
|
-
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, getRef = _a.getRef, _b = _a.height, height = _b === void 0 ? '100%' : _b, _c = _a.maxHeight, maxHeight = _c === void 0 ? '100%' : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '100%' : _d, _e = _a.minHeight, minHeight = _e === void 0 ? 'auto' : _e, _f = _a.minWidth, minWidth = _f === void 0 ? 'auto' : _f, studyTypeChip = _a.studyTypeChip, onClick = _a.onClick, actionsConfig = _a.actionsConfig, _g = _a.optionsButtonLabel, optionsButtonLabel = _g === void 0 ? 'Options' : _g, _h = _a.role, role = _h === void 0 ? 'button' : _h, statusChip = _a.statusChip, subtitle = _a.subtitle, timestamp = _a.timestamp, title = _a.title, _j = _a.width, width = _j === void 0 ? 'auto' : _j, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "studyTypeChip", "onClick", "actionsConfig", "optionsButtonLabel", "role", "statusChip", "subtitle", "timestamp", "title", "width", "margin"]);
|
|
59
|
+
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], billboardUrl = _a.billboardUrl, getRef = _a.getRef, _b = _a.height, height = _b === void 0 ? '100%' : _b, _c = _a.maxHeight, maxHeight = _c === void 0 ? '100%' : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? '100%' : _d, _e = _a.minHeight, minHeight = _e === void 0 ? 'auto' : _e, _f = _a.minWidth, minWidth = _f === void 0 ? 'auto' : _f, studyTypeChip = _a.studyTypeChip, onClick = _a.onClick, actionsConfig = _a.actionsConfig, _g = _a.optionsButtonLabel, optionsButtonLabel = _g === void 0 ? 'Options' : _g, optionsButtonPendoTag = _a.optionsButtonPendoTag, _h = _a.role, role = _h === void 0 ? 'button' : _h, statusChip = _a.statusChip, subtitle = _a.subtitle, timestamp = _a.timestamp, title = _a.title, _j = _a.width, width = _j === void 0 ? 'auto' : _j, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "studyTypeChip", "onClick", "actionsConfig", "optionsButtonLabel", "optionsButtonPendoTag", "role", "statusChip", "subtitle", "timestamp", "title", "width", "margin"]);
|
|
60
60
|
var cardRef = (0, react_1.useRef)(null);
|
|
61
61
|
var actionsToggleRef = (0, react_1.useRef)(null);
|
|
62
62
|
var className = (0, class_names_1.default)('StudyCard', _modifierClass, (0, modifier_classes_1.getDimensionClass)('height', height), (0, modifier_classes_1.getDimensionClass)('max-height', maxHeight), (0, modifier_classes_1.getDimensionClass)('min-height', minHeight), (0, modifier_classes_1.getDimensionClass)('width', width), (0, modifier_classes_1.getDimensionClass)('max-width', maxWidth), (0, modifier_classes_1.getDimensionClass)('min-width', minWidth), (0, modifier_classes_1.getMarginClass)(margin));
|
|
@@ -94,7 +94,7 @@ function StudyCard(_a) {
|
|
|
94
94
|
return (react_1.default.createElement("div", __assign({}, (0, data_attributes_1.default)(rest), { className: className, tabIndex: 0, role: role, onClick: handleClickWithRefProtection, onKeyDown: handleKeydownWithRefProtection, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ref: assignRefs }),
|
|
95
95
|
react_1.default.createElement("div", { className: "StudyCard__Billboard", style: { backgroundImage: "url(".concat(billboardUrl, ")") } },
|
|
96
96
|
react_1.default.createElement("span", { className: "StudyCard__StatusChipWrapper" }, statusChip),
|
|
97
|
-
react_1.default.createElement(actions_menu_1.default, { ref: actionsToggleRef, actionsConfig: actionsConfig, optionsButtonLabel: optionsButtonLabel })),
|
|
97
|
+
react_1.default.createElement(actions_menu_1.default, { ref: actionsToggleRef, actionsConfig: actionsConfig, optionsButtonLabel: optionsButtonLabel, optionsButtonPendoTag: optionsButtonPendoTag })),
|
|
98
98
|
react_1.default.createElement("div", { className: "StudyCard__Content" },
|
|
99
99
|
react_1.default.createElement("span", { className: "StudyCard__TypeChipWrapper" }, studyTypeChip),
|
|
100
100
|
react_1.default.createElement(heading_1.Heading, { lineHeight: "title", level: "2", size: "l", weight: "6", _modifierClass: (0, class_names_1.default)('StudyCard__Title', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"study_card.js","sourceRoot":"","sources":["../../../../src/components/study_card/study_card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AASnD,gFAA4D;AAC5D,wEAAiD;AACjD,iEAGsC;AACtC,sCAAqC;AACrC,gEAAoE;AA4BpE,SAAgB,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"study_card.js","sourceRoot":"","sources":["../../../../src/components/study_card/study_card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { TabsType, type TabPadding } from './types';
|
|
3
|
+
declare const TabButton: React.ForwardRefExoticComponent<import("./types").CommonTabFields & {
|
|
4
|
+
onClick: import("./types").TabClickHandler;
|
|
5
|
+
to?: never;
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
} & {
|
|
4
8
|
type: TabsType.Buttons | TabsType.Filters;
|
|
5
9
|
padding: TabPadding;
|
|
6
|
-
|
|
7
|
-
|
|
10
|
+
trailingIcon?: boolean;
|
|
11
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
8
12
|
export default TabButton;
|
|
@@ -40,8 +40,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
var react_1 = __importStar(require("react"));
|
|
41
41
|
var class_names_1 = __importDefault(require("../../utils/class_names"));
|
|
42
42
|
var types_1 = require("./types");
|
|
43
|
-
var TabButton = function (_a) {
|
|
44
|
-
var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, id = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, padding = _a.padding, testId = _a.testId, type = _a.type,
|
|
43
|
+
var TabButton = react_1.default.forwardRef(function (_a, ref) {
|
|
44
|
+
var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, id = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, padding = _a.padding, pendoTag = _a.pendoTag, testId = _a.testId, _c = _a.trailingIcon, trailingIcon = _c === void 0 ? false : _c, type = _a.type, _d = _a.variant, variant = _d === void 0 ? types_1.TabsVariant.Default : _d;
|
|
45
45
|
var shouldRenderBadge = typeof badgeCount === 'number';
|
|
46
46
|
var tabIndex = disabled ? -1 : 0;
|
|
47
47
|
var semanticAttributes = (0, react_1.useMemo)(function () {
|
|
@@ -63,15 +63,16 @@ var TabButton = function (_a) {
|
|
|
63
63
|
'Tabs__ListItem--AI': variant === types_1.TabsVariant.AI,
|
|
64
64
|
'Tabs__ListItem--Default': variant === types_1.TabsVariant.Default
|
|
65
65
|
}) },
|
|
66
|
-
react_1.default.createElement("button", __assign({ "data-testid": testId, disabled: disabled, onClick: handleClick, className: (0, class_names_1.default)('Tabs__TabItem', className, {
|
|
66
|
+
react_1.default.createElement("button", __assign({ "data-testid": testId, "data-pendo": pendoTag, disabled: disabled, onClick: handleClick, className: (0, class_names_1.default)('Tabs__TabItem', className, {
|
|
67
67
|
'Tabs__TabItem--selected': isActive,
|
|
68
68
|
'Tabs__TabItem--disabled': disabled,
|
|
69
69
|
'Tabs__TabItem--padding-tight': padding === 'tight'
|
|
70
|
-
}), tabIndex: tabIndex }, semanticAttributes),
|
|
71
|
-
!!icon && icon,
|
|
70
|
+
}), tabIndex: tabIndex, ref: ref }, semanticAttributes),
|
|
71
|
+
!!icon && !trailingIcon && icon,
|
|
72
72
|
react_1.default.createElement("span", { className: "Tabs__Label", "data-label": label }, label),
|
|
73
|
+
!!icon && trailingIcon && icon,
|
|
73
74
|
shouldRenderBadge && (react_1.default.createElement("span", { className: "Tabs__Badge" },
|
|
74
75
|
react_1.default.createElement("span", null, badgeCount))))));
|
|
75
|
-
};
|
|
76
|
+
});
|
|
76
77
|
exports.default = TabButton;
|
|
77
78
|
//# sourceMappingURL=tab_button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab_button.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,wEAAiD;AACjD,iCAKiB;
|
|
1
|
+
{"version":3,"file":"tab_button.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,wEAAiD;AACjD,iCAKiB;AAWjB,IAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAChC,UACE,EAeC,EACD,GAAG;QAfD,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,IAAI,UAAA,EACJ,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;IAI/B,IAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC;IACzD,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC;QACjC,IAAI,IAAI,KAAK,gBAAQ,CAAC,OAAO,EAAE;YAC7B,OAAO;gBACL,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAC3C,IAAI,EAAE,OAAO;aACL,CAAC;SACZ;QAED,OAAO;YACL,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YAC5C,IAAI,EAAE,QAAQ;SACN,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAErB,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,EAAE,EAAE,OAAO,CAAC,CACd,CAAC;IAEF,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,qBAAU,EAAC,gBAAgB,EAAE;YACtC,oBAAoB,EAAE,OAAO,KAAK,mBAAW,CAAC,EAAE;YAChD,yBAAyB,EAAE,OAAO,KAAK,mBAAW,CAAC,OAAO;SAC3D,CAAC;QAEF,kEACe,MAAM,gBACP,QAAQ,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,qBAAU,EAAC,eAAe,EAAE,SAAS,EAAE;gBAChD,yBAAyB,EAAE,QAAQ;gBACnC,yBAAyB,EAAE,QAAQ;gBACnC,8BAA8B,EAAE,OAAO,KAAK,OAAO;aACpD,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,kBAAkB;YAErB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI;YAChC,wCAAM,SAAS,EAAC,aAAa,gBAAa,KAAK,IAC5C,KAAK,CACD;YACN,CAAC,CAAC,IAAI,IAAI,YAAY,IAAI,IAAI;YAC9B,iBAAiB,IAAI,CACpB,wCAAM,SAAS,EAAC,aAAa;gBAC3B,4CAAO,UAAU,CAAQ,CACpB,CACR,CACM,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TabClickHandler, CommonTabFields } from '../types';
|
|
3
|
+
type PropsFromTabConfig = Pick<CommonTabFields, 'id' | 'icon' | 'className' | 'isActive' | 'disabled' | 'testId' | 'label' | 'pendoTag' | 'variant'>;
|
|
4
|
+
type Props = {
|
|
5
|
+
onClick: TabClickHandler;
|
|
6
|
+
to?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const DropdownItem: ({ id, icon, className, isActive, disabled, testId, label, pendoTag, onClick, to }: Props & PropsFromTabConfig) => React.JSX.Element;
|
|
9
|
+
export default DropdownItem;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var react_1 = __importStar(require("react"));
|
|
38
|
+
var react_router_dom_1 = require("react-router-dom");
|
|
39
|
+
var menu_item_1 = require("../../menu_item");
|
|
40
|
+
var menu_link_1 = require("../../menu_link");
|
|
41
|
+
var utils_1 = require("./utils");
|
|
42
|
+
var DropdownItem = function (_a) {
|
|
43
|
+
var id = _a.id, icon = _a.icon, _b = _a.className, className = _b === void 0 ? '' : _b, isActive = _a.isActive, disabled = _a.disabled, testId = _a.testId, label = _a.label, pendoTag = _a.pendoTag, onClick = _a.onClick, to = _a.to;
|
|
44
|
+
var location = (0, react_router_dom_1.useLocation)();
|
|
45
|
+
var MenuComponent = to ? menu_link_1.MenuLink : menu_item_1.MenuItem;
|
|
46
|
+
var linkComponentProps = to ? { component: react_router_dom_1.Link } : {};
|
|
47
|
+
var handleClick = (0, react_1.useCallback)(function (event) {
|
|
48
|
+
onClick({ id: id, event: event });
|
|
49
|
+
}, [id, onClick]);
|
|
50
|
+
var isSelected = (0, react_1.useMemo)(function () {
|
|
51
|
+
if (!to)
|
|
52
|
+
return isActive;
|
|
53
|
+
// This ternary logic allows a dropdown item to force an inactive state by providing
|
|
54
|
+
// `isActive` as false to override this route matching logic
|
|
55
|
+
return typeof isActive === 'boolean'
|
|
56
|
+
? isActive
|
|
57
|
+
: (0, utils_1.isNavLinkActive)(to, location.pathname);
|
|
58
|
+
}, [isActive, location.pathname, to]);
|
|
59
|
+
return (react_1.default.createElement(MenuComponent, __assign({ wrapWithLI: true, variant: "neutral", to: to }, linkComponentProps, { _modifierClass: "flex align-items--center flex-gap--0.5 ".concat(className), onClick: handleClick, "data-pendo": pendoTag, "data-testid": testId, selected: isSelected, disabled: disabled }),
|
|
60
|
+
icon,
|
|
61
|
+
react_1.default.createElement("span", { className: "font-size--s font-weight--6" }, label)));
|
|
62
|
+
};
|
|
63
|
+
exports.default = DropdownItem;
|
|
64
|
+
//# sourceMappingURL=dropdown_item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_item.js","sourceRoot":"","sources":["../../../../../src/components/tabs/tab_dropdown/dropdown_item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AACpD,qDAAqD;AACrD,6CAA2C;AAC3C,6CAA2C;AAE3C,iCAA0C;AAoB1C,IAAM,YAAY,GAAG,UAAC,EAWO;QAV3B,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,EAAE,QAAA;IAEF,IAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,IAAM,aAAa,GAAG,EAAE,CAAC,CAAC,CAAC,oBAAQ,CAAC,CAAC,CAAC,oBAAQ,CAAC;IAC/C,IAAM,kBAAkB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,uBAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,EAAE,EAAE,OAAO,CAAC,CACd,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;QACzB,IAAI,CAAC,EAAE;YAAE,OAAO,QAAQ,CAAC;QAEzB,oFAAoF;QACpF,4DAA4D;QAC5D,OAAO,OAAO,QAAQ,KAAK,SAAS;YAClC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAA,uBAAe,EAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,8BAAC,aAAa,aACZ,UAAU,QACV,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE,EAAE,IACF,kBAAkB,IACtB,cAAc,EAAE,iDAA0C,SAAS,CAAE,EACrE,OAAO,EAAE,WAAW,gBACR,QAAQ,iBACP,MAAM,EACnB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ;QAEjB,IAAI;QACL,wCAAM,SAAS,EAAC,6BAA6B,IAAE,KAAK,CAAQ,CAC9C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var tab_dropdown_1 = __importDefault(require("./tab_dropdown"));
|
|
7
|
+
exports.default = tab_dropdown_1.default;
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/tabs/tab_dropdown/index.ts"],"names":[],"mappings":";;;;;AAAA,gEAAyC;AAEzC,kBAAe,sBAAW,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type TabDropdownConfig, type TabsListProps, TabsType } from '../types';
|
|
3
|
+
type Props<T extends TabsType> = TabDropdownConfig<T> & {
|
|
4
|
+
tabsType: T;
|
|
5
|
+
tabsPadding: TabsListProps['tabsPadding'];
|
|
6
|
+
};
|
|
7
|
+
declare const TabDropdown: <T extends TabsType>({ className, disabled, dropdownItems, dropdownPlacement, id: dropdownId, isActive, label, onClick, pendoTag, tabsPadding, variant, testId }: Props<T>) => React.JSX.Element;
|
|
8
|
+
export default TabDropdown;
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
+
};
|
|
50
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
+
var react_1 = __importStar(require("react"));
|
|
52
|
+
var react_router_dom_1 = require("react-router-dom");
|
|
53
|
+
var chevron_down_1 = require("../../../icons/express/chevron_down");
|
|
54
|
+
var dropdown_1 = require("../../dropdown");
|
|
55
|
+
var types_1 = require("../types");
|
|
56
|
+
var tab_button_1 = __importDefault(require("../tab_button"));
|
|
57
|
+
var menu_1 = require("../../menu");
|
|
58
|
+
var menu_list_1 = require("../../menu_list");
|
|
59
|
+
var dropdown_item_1 = __importDefault(require("./dropdown_item"));
|
|
60
|
+
var utils_1 = require("./utils");
|
|
61
|
+
var TabDropdown = function (_a) {
|
|
62
|
+
var _b = _a.className, className = _b === void 0 ? '' : _b, disabled = _a.disabled, dropdownItems = _a.dropdownItems, _c = _a.dropdownPlacement, dropdownPlacement = _c === void 0 ? 'bottom-end' : _c, dropdownId = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, pendoTag = _a.pendoTag, tabsPadding = _a.tabsPadding, variant = _a.variant, testId = _a.testId;
|
|
63
|
+
var location = (0, react_router_dom_1.useLocation)();
|
|
64
|
+
var dropdownHasActiveChild = (0, react_1.useMemo)(function () {
|
|
65
|
+
// A dropdown child is active if `isActive` is true, or if it is not provided we
|
|
66
|
+
// fall back to checking a route matcher for link children. This ternary logic allows
|
|
67
|
+
// dropdownItems to force an inactive state by providing `isActive` as false to override this route matching logic
|
|
68
|
+
return dropdownItems.some(function (item) {
|
|
69
|
+
return typeof item.isActive === 'boolean'
|
|
70
|
+
? item.isActive
|
|
71
|
+
: !!item.to && (0, utils_1.isNavLinkActive)(item.to, location.pathname);
|
|
72
|
+
});
|
|
73
|
+
}, [dropdownItems, location.pathname]);
|
|
74
|
+
return (react_1.default.createElement(dropdown_1.DropdownContainer, { placement: dropdownPlacement, toggle: function (_a) {
|
|
75
|
+
var isToggled = _a.isToggled, toggleDropdown = _a.toggleDropdown, ref = _a.ref;
|
|
76
|
+
var handleClick = function (args) {
|
|
77
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(args);
|
|
78
|
+
toggleDropdown();
|
|
79
|
+
};
|
|
80
|
+
// The tab is considered active if:
|
|
81
|
+
// 1. The parent tab is explicitly active (`isActive`)
|
|
82
|
+
// 2. The dropdown is currently toggled open (`isToggled`)
|
|
83
|
+
// 3. Any dropdown child is active (`dropdownHasActiveChild`)
|
|
84
|
+
var dropdownTabIsActive = isActive || isToggled || dropdownHasActiveChild;
|
|
85
|
+
return (react_1.default.createElement(tab_button_1.default, { className: className, disabled: disabled, id: dropdownId, isActive: dropdownTabIsActive, label: label, onClick: handleClick, pendoTag: pendoTag, testId: testId, variant: variant, type: types_1.TabsType.Buttons, ref: ref, padding: tabsPadding, icon: react_1.default.createElement(chevron_down_1.IconChevronDown, { base: "16", rotation: isToggled ? 180 : 0 }), trailingIcon: true }));
|
|
86
|
+
} }, function (_a) {
|
|
87
|
+
var toggleDropdown = _a.toggleDropdown;
|
|
88
|
+
return (react_1.default.createElement(menu_1.Menu, { variant: "tightest", modern: true },
|
|
89
|
+
react_1.default.createElement(menu_list_1.MenuList, null, dropdownItems.map(function (configItem) {
|
|
90
|
+
var onTabClick = configItem.onClick, rest = __rest(configItem, ["onClick"]);
|
|
91
|
+
var handleClick = function (args) {
|
|
92
|
+
onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(args);
|
|
93
|
+
toggleDropdown();
|
|
94
|
+
};
|
|
95
|
+
return (react_1.default.createElement(dropdown_item_1.default, __assign({ key: configItem.id, onClick: handleClick }, rest)));
|
|
96
|
+
}))));
|
|
97
|
+
}));
|
|
98
|
+
};
|
|
99
|
+
exports.default = TabDropdown;
|
|
100
|
+
//# sourceMappingURL=tab_dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tab_dropdown.js","sourceRoot":"","sources":["../../../../../src/components/tabs/tab_dropdown/tab_dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.isNavLinkActive = void 0;
|
|
4
|
+
var react_router_dom_1 = require("react-router-dom");
|
|
5
|
+
/**
|
|
6
|
+
* Mimics React Router's NavLink's path matching behavior: exact match if `to` ends with '/', else partial match
|
|
7
|
+
* see: https://reactrouter.com/en/main/components/nav-link
|
|
8
|
+
*/
|
|
9
|
+
var isNavLinkActive = function (to, pathname) {
|
|
10
|
+
var match = (0, react_router_dom_1.matchPath)({ path: to, end: to === '/' || !to.endsWith('/') }, pathname);
|
|
11
|
+
return !!match;
|
|
12
|
+
};
|
|
13
|
+
exports.isNavLinkActive = isNavLinkActive;
|
|
14
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/tabs/tab_dropdown/utils.ts"],"names":[],"mappings":";;;AAAA,qDAA6C;AAE7C;;;GAGG;AACI,IAAM,eAAe,GAAG,UAAC,EAAU,EAAE,QAAgB;IAC1D,IAAM,KAAK,GAAG,IAAA,4BAAS,EACrB,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAClD,QAAQ,CACT,CAAC;IACF,OAAO,CAAC,CAAC,KAAK,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B"}
|
|
@@ -3,5 +3,5 @@ import { type TabPadding, type TabItemConfig, type TabsType } from './types';
|
|
|
3
3
|
type Props = TabItemConfig<TabsType.Links> & {
|
|
4
4
|
padding: TabPadding;
|
|
5
5
|
};
|
|
6
|
-
declare const TabLink: ({ badgeCount, className, disabled, icon, id, isActive, label, onClick, padding, testId, to, variant }: Props) => React.JSX.Element;
|
|
6
|
+
declare const TabLink: ({ badgeCount, className, disabled, icon, id, isActive, label, onClick, padding, pendoTag, testId, to, variant }: Props) => React.JSX.Element;
|
|
7
7
|
export default TabLink;
|
|
@@ -31,7 +31,7 @@ var react_router_dom_1 = require("react-router-dom");
|
|
|
31
31
|
var class_names_1 = __importDefault(require("../../utils/class_names"));
|
|
32
32
|
var types_1 = require("./types");
|
|
33
33
|
var TabLink = function (_a) {
|
|
34
|
-
var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, id = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, padding = _a.padding, testId = _a.testId, to = _a.to, _c = _a.variant, variant = _c === void 0 ? types_1.TabsVariant.Default : _c;
|
|
34
|
+
var badgeCount = _a.badgeCount, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, icon = _a.icon, id = _a.id, isActive = _a.isActive, label = _a.label, onClick = _a.onClick, padding = _a.padding, pendoTag = _a.pendoTag, testId = _a.testId, to = _a.to, _c = _a.variant, variant = _c === void 0 ? types_1.TabsVariant.Default : _c;
|
|
35
35
|
var activeStateExternallyControlled = typeof isActive === 'boolean';
|
|
36
36
|
var _d = (0, react_1.useState)(!!isActive), renderAsActive = _d[0], setRenderAsActive = _d[1];
|
|
37
37
|
var shouldRenderBadge = typeof badgeCount === 'number';
|
|
@@ -54,7 +54,7 @@ var TabLink = function (_a) {
|
|
|
54
54
|
'Tabs__ListItem--AI': variant === types_1.TabsVariant.AI,
|
|
55
55
|
'Tabs__ListItem--Default': variant === types_1.TabsVariant.Default
|
|
56
56
|
}) },
|
|
57
|
-
react_1.default.createElement(react_router_dom_1.NavLink, { "aria-disabled": disabled, "data-testid": testId, onClick: handleClick, "aria-current": ariaCurrent, to: to, className: function (_a) {
|
|
57
|
+
react_1.default.createElement(react_router_dom_1.NavLink, { "aria-disabled": disabled, "data-testid": testId, "data-pendo": pendoTag, onClick: handleClick, "aria-current": ariaCurrent, to: to, className: function (_a) {
|
|
58
58
|
var linkIsActive = _a.isActive;
|
|
59
59
|
if (!activeStateExternallyControlled) {
|
|
60
60
|
setRenderAsActive(linkIsActive);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab_link.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,qDAA2C;AAE3C,wEAAiD;AACjD,iCAKiB;AAIjB,IAAM,OAAO,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"tab_link.js","sourceRoot":"","sources":["../../../../src/components/tabs/tab_link.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,qDAA2C;AAE3C,wEAAiD;AACjD,iCAKiB;AAIjB,IAAM,OAAO,GAAG,UAAC,EAcT;QAbN,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;IAE7B,IAAM,+BAA+B,GAAG,OAAO,QAAQ,KAAK,SAAS,CAAC;IAChE,IAAA,KAAsC,IAAA,gBAAQ,EAAC,CAAC,CAAC,QAAQ,CAAC,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IACjE,IAAM,iBAAiB,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC;IACzD,IAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,IAAA,iBAAS,EAAC;QACR,IAAI,+BAA+B,EAAE;YACnC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAEhD,IAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,UAAC,KAAuB;QACtB,IAAI,QAAQ,EAAE;YACZ,OAAO;SACR;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;SACxB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,qBAAU,EAAC,gBAAgB,EAAE;YACtC,oBAAoB,EAAE,OAAO,KAAK,mBAAW,CAAC,EAAE;YAChD,yBAAyB,EAAE,OAAO,KAAK,mBAAW,CAAC,OAAO;SAC3D,CAAC;QAEF,8BAAC,0BAAO,qBACS,QAAQ,iBACV,MAAM,gBACP,QAAQ,EACpB,OAAO,EAAE,WAAW,kBACN,WAAW,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAC,EAA0B;oBAAd,YAAY,cAAA;gBAClC,IAAI,CAAC,+BAA+B,EAAE;oBACpC,iBAAiB,CAAC,YAAY,CAAC,CAAC;iBACjC;gBACD,OAAO,IAAA,qBAAU,EAAC,eAAe,EAAE,SAAS,EAAE;oBAC5C,yBAAyB,EAAE,cAAc;oBACzC,yBAAyB,EAAE,QAAQ;oBACnC,8BAA8B,EAAE,OAAO,KAAK,OAAO;iBACpD,CAAC,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,QAAQ;YAEjB,CAAC,CAAC,IAAI,IAAI,IAAI;YACf,wCAAM,SAAS,EAAC,aAAa,gBAAa,KAAK,IAC5C,KAAK,CACD;YACN,iBAAiB,IAAI,CACpB,wCAAM,SAAS,EAAC,aAAa;gBAC3B,4CAAO,UAAU,CAAQ,CACpB,CACR,CACO,CACP,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|