@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.
Files changed (118) hide show
  1. package/README.md +2 -0
  2. package/lib/cjs/components/common_menu_item.js +1 -1
  3. package/lib/cjs/components/common_menu_item.js.map +1 -1
  4. package/lib/cjs/components/hover_card/hover_card.d.ts +4 -1
  5. package/lib/cjs/components/hover_card/hover_card.js +17 -13
  6. package/lib/cjs/components/hover_card/hover_card.js.map +1 -1
  7. package/lib/cjs/components/study_card/actions_menu.d.ts +2 -0
  8. package/lib/cjs/components/study_card/actions_menu.js +4 -4
  9. package/lib/cjs/components/study_card/actions_menu.js.map +1 -1
  10. package/lib/cjs/components/study_card/study_card.d.ts +1 -1
  11. package/lib/cjs/components/study_card/study_card.js +2 -2
  12. package/lib/cjs/components/study_card/study_card.js.map +1 -1
  13. package/lib/cjs/components/tabs/tab_button.d.ts +8 -4
  14. package/lib/cjs/components/tabs/tab_button.js +7 -6
  15. package/lib/cjs/components/tabs/tab_button.js.map +1 -1
  16. package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.d.ts +9 -0
  17. package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.js +64 -0
  18. package/lib/cjs/components/tabs/tab_dropdown/dropdown_item.js.map +1 -0
  19. package/lib/cjs/components/tabs/tab_dropdown/index.d.ts +2 -0
  20. package/lib/cjs/components/tabs/tab_dropdown/index.js +8 -0
  21. package/lib/cjs/components/tabs/tab_dropdown/index.js.map +1 -0
  22. package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.d.ts +8 -0
  23. package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.js +100 -0
  24. package/lib/cjs/components/tabs/tab_dropdown/tab_dropdown.js.map +1 -0
  25. package/lib/cjs/components/tabs/tab_dropdown/utils.d.ts +5 -0
  26. package/lib/cjs/components/tabs/tab_dropdown/utils.js +14 -0
  27. package/lib/cjs/components/tabs/tab_dropdown/utils.js.map +1 -0
  28. package/lib/cjs/components/tabs/tab_link.d.ts +1 -1
  29. package/lib/cjs/components/tabs/tab_link.js +2 -2
  30. package/lib/cjs/components/tabs/tab_link.js.map +1 -1
  31. package/lib/cjs/components/tabs/tabs_list.js +4 -0
  32. package/lib/cjs/components/tabs/tabs_list.js.map +1 -1
  33. package/lib/cjs/components/tabs/types.d.ts +40 -3
  34. package/lib/cjs/components/tabs/types.js +5 -1
  35. package/lib/cjs/components/tabs/types.js.map +1 -1
  36. package/lib/cjs/icons/express/diamond_circle.d.ts +7 -0
  37. package/lib/cjs/icons/express/diamond_circle.js +41 -0
  38. package/lib/cjs/icons/express/diamond_circle.js.map +1 -0
  39. package/lib/cjs/icons/express/diamond_circle_corners.d.ts +7 -0
  40. package/lib/cjs/icons/express/diamond_circle_corners.js +41 -0
  41. package/lib/cjs/icons/express/diamond_circle_corners.js.map +1 -0
  42. package/lib/cjs/icons/express/index.d.ts +4 -0
  43. package/lib/cjs/icons/express/index.js +4 -0
  44. package/lib/cjs/icons/express/index.js.map +1 -1
  45. package/lib/cjs/icons/express/layered_squares_play.d.ts +1 -1
  46. package/lib/cjs/icons/express/layered_squares_play.js +4 -0
  47. package/lib/cjs/icons/express/layered_squares_play.js.map +1 -1
  48. package/lib/cjs/icons/express/layered_squares_three.d.ts +1 -1
  49. package/lib/cjs/icons/express/layered_squares_three.js +7 -0
  50. package/lib/cjs/icons/express/layered_squares_three.js.map +1 -1
  51. package/lib/cjs/icons/express/people_three.d.ts +1 -1
  52. package/lib/cjs/icons/express/people_three.js +6 -0
  53. package/lib/cjs/icons/express/people_three.js.map +1 -1
  54. package/lib/cjs/icons/express/person_in_corner_brackets.d.ts +1 -1
  55. package/lib/cjs/icons/express/person_in_corner_brackets.js +3 -0
  56. package/lib/cjs/icons/express/person_in_corner_brackets.js.map +1 -1
  57. package/lib/esm/components/common_menu_item.js +1 -1
  58. package/lib/esm/components/common_menu_item.js.map +1 -1
  59. package/lib/esm/components/hover_card/hover_card.d.ts +4 -1
  60. package/lib/esm/components/hover_card/hover_card.js +17 -13
  61. package/lib/esm/components/hover_card/hover_card.js.map +1 -1
  62. package/lib/esm/components/study_card/actions_menu.d.ts +2 -0
  63. package/lib/esm/components/study_card/actions_menu.js +4 -4
  64. package/lib/esm/components/study_card/actions_menu.js.map +1 -1
  65. package/lib/esm/components/study_card/study_card.d.ts +1 -1
  66. package/lib/esm/components/study_card/study_card.js +2 -2
  67. package/lib/esm/components/study_card/study_card.js.map +1 -1
  68. package/lib/esm/components/tabs/tab_button.d.ts +8 -4
  69. package/lib/esm/components/tabs/tab_button.js +7 -6
  70. package/lib/esm/components/tabs/tab_button.js.map +1 -1
  71. package/lib/esm/components/tabs/tab_dropdown/dropdown_item.d.ts +9 -0
  72. package/lib/esm/components/tabs/tab_dropdown/dropdown_item.js +39 -0
  73. package/lib/esm/components/tabs/tab_dropdown/dropdown_item.js.map +1 -0
  74. package/lib/esm/components/tabs/tab_dropdown/index.d.ts +2 -0
  75. package/lib/esm/components/tabs/tab_dropdown/index.js +3 -0
  76. package/lib/esm/components/tabs/tab_dropdown/index.js.map +1 -0
  77. package/lib/esm/components/tabs/tab_dropdown/tab_dropdown.d.ts +8 -0
  78. package/lib/esm/components/tabs/tab_dropdown/tab_dropdown.js +72 -0
  79. package/lib/esm/components/tabs/tab_dropdown/tab_dropdown.js.map +1 -0
  80. package/lib/esm/components/tabs/tab_dropdown/utils.d.ts +5 -0
  81. package/lib/esm/components/tabs/tab_dropdown/utils.js +10 -0
  82. package/lib/esm/components/tabs/tab_dropdown/utils.js.map +1 -0
  83. package/lib/esm/components/tabs/tab_link.d.ts +1 -1
  84. package/lib/esm/components/tabs/tab_link.js +2 -2
  85. package/lib/esm/components/tabs/tab_link.js.map +1 -1
  86. package/lib/esm/components/tabs/tabs_list.js +5 -1
  87. package/lib/esm/components/tabs/tabs_list.js.map +1 -1
  88. package/lib/esm/components/tabs/types.d.ts +40 -3
  89. package/lib/esm/components/tabs/types.js +3 -0
  90. package/lib/esm/components/tabs/types.js.map +1 -1
  91. package/lib/esm/icons/express/diamond_circle.d.ts +7 -0
  92. package/lib/esm/icons/express/diamond_circle.js +34 -0
  93. package/lib/esm/icons/express/diamond_circle.js.map +1 -0
  94. package/lib/esm/icons/express/diamond_circle_corners.d.ts +7 -0
  95. package/lib/esm/icons/express/diamond_circle_corners.js +34 -0
  96. package/lib/esm/icons/express/diamond_circle_corners.js.map +1 -0
  97. package/lib/esm/icons/express/index.d.ts +4 -0
  98. package/lib/esm/icons/express/index.js +4 -0
  99. package/lib/esm/icons/express/index.js.map +1 -1
  100. package/lib/esm/icons/express/layered_squares_play.d.ts +1 -1
  101. package/lib/esm/icons/express/layered_squares_play.js +4 -0
  102. package/lib/esm/icons/express/layered_squares_play.js.map +1 -1
  103. package/lib/esm/icons/express/layered_squares_three.d.ts +1 -1
  104. package/lib/esm/icons/express/layered_squares_three.js +7 -0
  105. package/lib/esm/icons/express/layered_squares_three.js.map +1 -1
  106. package/lib/esm/icons/express/people_three.d.ts +1 -1
  107. package/lib/esm/icons/express/people_three.js +6 -0
  108. package/lib/esm/icons/express/people_three.js.map +1 -1
  109. package/lib/esm/icons/express/person_in_corner_brackets.d.ts +1 -1
  110. package/lib/esm/icons/express/person_in_corner_brackets.js +3 -0
  111. package/lib/esm/icons/express/person_in_corner_brackets.js.map +1 -1
  112. package/lib/stylesheets/particle.css +7 -3
  113. package/lib/stylesheets/particle.css.map +1 -1
  114. package/lib/stylesheets/particle.min.css +2 -2
  115. package/lib/stylesheets/particle.min.css.gz +0 -0
  116. package/package.json +5 -5
  117. package/styles/components/hover_card/_base.scss +19 -14
  118. 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;AAxDD,wCAwDC"}
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, _c = _a.height, height = _c === void 0 ? '100%' : _c, _d = _a.maxHeight, maxHeight = _d === void 0 ? '100%' : _d, _e = _a.maxWidth, maxWidth = _e === void 0 ? '100%' : _e, _f = _a.minHeight, minHeight = _f === void 0 ? 'auto' : _f, _g = _a.minWidth, minWidth = _g === void 0 ? 'auto' : _g, chip = _a.chip, onClick = _a.onClick, subtitle = _a.subtitle, title = _a.title, _h = _a.width, width = _h === void 0 ? 'auto' : _h, margin = _a.margin, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "billboardUrl", "buttonLabel", "buttonColor", "buttonIcon", "getRef", "height", "maxHeight", "maxWidth", "minHeight", "minWidth", "chip", "onClick", "subtitle", "title", "width", "margin"]);
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("div", __assign({}, (0, data_attributes_1.default)(rest), { className: className, tabIndex: 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "data-testid": "hover-card-div" }),
39
- react_1.default.createElement("div", { className: "HoverCard__Billboard", style: { backgroundImage: "url(".concat(billboardUrl, ")") } }),
40
- react_1.default.createElement("div", { className: "HoverCard__ContentWrapper" },
41
- react_1.default.createElement("div", { className: "HoverCard__Content" },
42
- react_1.default.createElement("span", { className: "HoverCard__ChipWrapper" }, chip),
43
- react_1.default.createElement(heading_1.Heading, { lineHeight: "title", level: "2", size: "l", weight: "6", _modifierClass: (0, class_names_1.default)('HoverCard__Title', {
44
- 'HoverCard__Title--with-subtitle': !!subtitle
45
- }) }, title),
46
- !!subtitle && (react_1.default.createElement("span", { className: "HoverCard__Subtitle" }, subtitle))),
47
- react_1.default.createElement("div", { className: "HoverCard__ButtonWrapper" },
48
- react_1.default.createElement(modern_button_1.ModernButton, { color: buttonColor, icon: buttonIcon, onClick: onClick, label: buttonLabel, _modifierClass: "HoverCard__Button" })))));
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;AAS1B,gFAA4D;AAC5D,wEAAiD;AACjD,iEAGsC;AACtC,sCAAqC;AACrC,kDAAgD;AAuBhD,SAAgB,SAAS,CAAC,EAsBT;IArBf,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,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,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,MAAM,YAAA,EACH,IAAI,cArBiB,oQAsBzB,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,CACvB,CAAC;IAEF,OAAO,CACL,kDACM,IAAA,yBAAiB,EAAC,IAAI,CAAC,IAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,gBACC,SAAS,qBACJ,cAAc,sBACb,eAAe,iBACrB,gBAAgB;QAE5B,uCACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,YAAY,MAAG,EAAE,GAClD;QACF,uCAAK,SAAS,EAAC,2BAA2B;YACxC,uCAAK,SAAS,EAAC,oBAAoB;gBACjC,wCAAM,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAQ;gBACtD,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;wBAC7C,iCAAiC,EAAE,CAAC,CAAC,QAAQ;qBAC9C,CAAC,IAED,KAAK,CACE;gBACT,CAAC,CAAC,QAAQ,IAAI,CACb,wCAAM,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAQ,CACxD,CACG;YACN,uCAAK,SAAS,EAAC,0BAA0B;gBACvC,8BAAC,4BAAY,IACX,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,cAAc,EAAC,mBAAmB,GAClC,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC;AA/ED,8BA+EC"}
1
+ {"version":3,"file":"hover_card.js","sourceRoot":"","sources":["../../../../src/components/hover_card/hover_card.tsx"],"names":[],"mappings":"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"}
@@ -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":"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"}
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":"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"}
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 { type TabItemConfig, TabsType, type TabPadding } from './types';
3
- type Props = (TabItemConfig<TabsType.Buttons> | TabItemConfig<TabsType.Filters>) & {
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
- declare const TabButton: ({ badgeCount, className, disabled, icon, id, isActive, label, onClick, padding, testId, type, variant }: Props) => React.JSX.Element;
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, _c = _a.variant, variant = _c === void 0 ? types_1.TabsVariant.Default : _c;
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;AAOjB,IAAM,SAAS,GAAG,UAAC,EAaX;QAZN,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,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,eAA6B,EAA7B,OAAO,mBAAG,mBAAW,CAAC,OAAO,KAAA;IAE7B,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,EACnB,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,IACd,kBAAkB;YAErB,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,CACM,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
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,2 @@
1
+ import TabDropdown from './tab_dropdown';
2
+ export default TabDropdown;
@@ -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,5 @@
1
+ /**
2
+ * Mimics React Router's NavLink's path matching behavior: exact match if `to` ends with '/', else partial match
3
+ * see: https://reactrouter.com/en/main/components/nav-link
4
+ */
5
+ export declare const isNavLinkActive: (to: string, pathname: string) => boolean;
@@ -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,EAaT;QAZN,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,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,EACnB,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"}
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"}