@workday/canvas-kit-preview-react 8.0.0-alpha.194-next.2 → 8.0.0-alpha.199-next.1

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 (138) hide show
  1. package/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
  2. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
  3. package/dist/commonjs/index.d.ts +0 -1
  4. package/dist/commonjs/index.d.ts.map +1 -1
  5. package/dist/commonjs/index.js +0 -2
  6. package/dist/commonjs/text-area/lib/TextArea.d.ts +1 -1
  7. package/dist/commonjs/text-input/lib/TextInput.d.ts +1 -1
  8. package/dist/es6/form-field/lib/FormField.d.ts +1 -1
  9. package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
  10. package/dist/es6/index.d.ts +0 -1
  11. package/dist/es6/index.d.ts.map +1 -1
  12. package/dist/es6/index.js +0 -2
  13. package/dist/es6/text-area/lib/TextArea.d.ts +1 -1
  14. package/dist/es6/text-input/lib/TextInput.d.ts +1 -1
  15. package/index.ts +0 -3
  16. package/package.json +4 -4
  17. package/breadcrumbs/LICENSE +0 -52
  18. package/breadcrumbs/README.md +0 -7
  19. package/breadcrumbs/index.ts +0 -1
  20. package/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx +0 -85
  21. package/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +0 -152
  22. package/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx +0 -63
  23. package/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts +0 -109
  24. package/breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx +0 -38
  25. package/breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx +0 -66
  26. package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +0 -64
  27. package/breadcrumbs/lib/Breadcrumbs/List/Link.tsx +0 -88
  28. package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +0 -30
  29. package/breadcrumbs/lib/Breadcrumbs/List/hooks.ts +0 -114
  30. package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +0 -26
  31. package/breadcrumbs/lib/Breadcrumbs/List/styles.ts +0 -12
  32. package/breadcrumbs/lib/Breadcrumbs/Nav.tsx +0 -14
  33. package/breadcrumbs/lib/Breadcrumbs/hooks.ts +0 -13
  34. package/breadcrumbs/lib/Breadcrumbs/index.tsx +0 -15
  35. package/breadcrumbs/lib/Breadcrumbs/types.ts +0 -7
  36. package/breadcrumbs/package.json +0 -6
  37. package/dist/commonjs/breadcrumbs/index.d.ts +0 -2
  38. package/dist/commonjs/breadcrumbs/index.d.ts.map +0 -1
  39. package/dist/commonjs/breadcrumbs/index.js +0 -13
  40. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
  41. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
  42. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -69
  43. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
  44. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
  45. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -94
  46. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
  47. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
  48. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -73
  49. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
  50. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
  51. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -77
  52. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
  53. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
  54. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -37
  55. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
  56. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
  57. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -78
  58. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
  59. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
  60. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -49
  61. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
  62. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
  63. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -66
  64. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
  65. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
  66. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -43
  67. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
  68. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
  69. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -116
  70. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
  71. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
  72. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -26
  73. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
  74. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
  75. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -16
  76. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
  77. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
  78. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.js +0 -34
  79. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
  80. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
  81. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -12
  82. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
  83. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
  84. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.js +0 -17
  85. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
  86. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
  87. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.js +0 -2
  88. package/dist/es6/breadcrumbs/index.d.ts +0 -2
  89. package/dist/es6/breadcrumbs/index.d.ts.map +0 -1
  90. package/dist/es6/breadcrumbs/index.js +0 -1
  91. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
  92. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
  93. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -63
  94. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
  95. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
  96. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -87
  97. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
  98. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
  99. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -51
  100. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
  101. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
  102. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -72
  103. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
  104. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
  105. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -30
  106. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
  107. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
  108. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -55
  109. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
  110. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
  111. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -42
  112. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
  113. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
  114. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -59
  115. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
  116. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
  117. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -36
  118. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
  119. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
  120. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -91
  121. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
  122. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
  123. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -20
  124. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
  125. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
  126. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -12
  127. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
  128. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
  129. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.js +0 -27
  130. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
  131. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
  132. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -8
  133. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
  134. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
  135. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.js +0 -14
  136. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
  137. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
  138. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.js +0 -1
@@ -1,69 +0,0 @@
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 __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.DropdownButton = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var button_1 = require("@workday/canvas-kit-react/button");
31
- var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
32
- var common_1 = require("@workday/canvas-kit-react/common");
33
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
34
- exports.DropdownButton = common_1.createComponent('button')({
35
- displayName: 'DropdownButton',
36
- Component: function (_a, ref, Element) {
37
- var _b = _a.buttonIcon, buttonIcon = _b === void 0 ? canvas_system_icons_web_1.relatedActionsIcon : _b, toggled = _a.toggled, elemProps = __rest(_a, ["buttonIcon", "toggled"]);
38
- var theme = common_1.useTheme();
39
- return (react_1.default.createElement(button_1.BaseButton, __assign({ as: Element, ref: ref, "aria-pressed": undefined, "aria-expanded": toggled, "aria-haspopup": true, "aria-controls": "menu", size: "small", height: tokens_1.space.l, width: tokens_1.space.l, padding: tokens_1.space.zero, colors: getDropdownColors(toggled, theme) }, elemProps),
40
- react_1.default.createElement(button_1.BaseButton.Icon, { icon: buttonIcon })));
41
- },
42
- });
43
- var getDropdownColors = function (toggled, theme) {
44
- var themePrimary = theme.canvas.palette.primary;
45
- return {
46
- default: {
47
- icon: toggled ? themePrimary.main : tokens_1.colors.blackPepper400,
48
- label: themePrimary.main,
49
- },
50
- hover: {
51
- background: tokens_1.colors.soap200,
52
- icon: toggled ? themePrimary.dark : tokens_1.colors.blackPepper500,
53
- label: themePrimary.dark,
54
- },
55
- active: {
56
- background: tokens_1.colors.soap300,
57
- icon: toggled ? themePrimary.dark : tokens_1.colors.blackPepper500,
58
- label: themePrimary.dark,
59
- },
60
- focus: {
61
- icon: toggled ? themePrimary.main : tokens_1.colors.blackPepper500,
62
- label: themePrimary.main,
63
- },
64
- disabled: {
65
- icon: toggled ? themePrimary.main : tokens_1.colors.blackPepper400,
66
- label: themePrimary.main,
67
- },
68
- };
69
- };
@@ -1,38 +0,0 @@
1
- import React from 'react';
2
- import { Breadcrumb } from '../types';
3
- export interface DropdownMenuProps {
4
- /**
5
- * The active dropdown item in the menu
6
- */
7
- activeDropdownItem: Breadcrumb;
8
- /**
9
- * The HTML `id` of the element that labels the Menu. It should match the id of the menu button.
10
- */
11
- 'aria-labelledby': string;
12
- /**
13
- * An array of Breadcrumb items to render in the dropdown menu
14
- */
15
- dropdownItems: Breadcrumb[];
16
- /**
17
- * A function to set the active dropdown item
18
- */
19
- setActiveDropdownItem: React.Dispatch<React.SetStateAction<Breadcrumb>>;
20
- /**
21
- * The ref of the rendered HTMLAnchorElement
22
- */
23
- activeDropdownItemRef: React.RefObject<HTMLAnchorElement>;
24
- /**
25
- * A function to return the focus to the dropdown button
26
- */
27
- resetFocus: () => void;
28
- /**
29
- * A function to toggle the focus to the previous list item
30
- */
31
- toggleActiveItemUp: () => void;
32
- /**
33
- * A function to toggle the focus to the next list item
34
- */
35
- toggleActiveItemDown: () => void;
36
- }
37
- export declare const DropdownMenu: ({ activeDropdownItemRef, activeDropdownItem, dropdownItems, resetFocus, setActiveDropdownItem, toggleActiveItemDown, toggleActiveItemUp, ...elemProps }: DropdownMenuProps) => JSX.Element;
38
- //# sourceMappingURL=Menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,kBAAkB,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,qBAAqB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IACxE;;OAEG;IACH,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC1D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAgCD,eAAO,MAAM,YAAY,4JAStB,iBAAiB,gBA4DnB,CAAC"}
@@ -1,94 +0,0 @@
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 __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.DropdownMenu = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
32
- // local components
33
- var MenuItemLink_1 = require("./MenuItemLink");
34
- var layout_1 = require("@workday/canvas-kit-react/layout");
35
- var StyledDropdownMenu = common_1.styled(layout_1.Box)(__assign(__assign(__assign({}, tokens_1.type.levels.subtext.large), tokens_1.depth[3]), { backgroundColor: tokens_1.commonColors.background, border: "1px solid " + tokens_1.colors.soap500, borderRadius: tokens_1.borderRadius.m, boxSizing: 'border-box', display: 'inline-block', marginTop: tokens_1.space.xxxs, maxHeight: 200, outline: 'none', overflowY: 'auto', position: 'relative', width: 'max-content' }));
36
- var StyledMenuList = common_1.styled('ul')({
37
- boxSizing: 'border-box',
38
- listStyle: 'none',
39
- margin: tokens_1.space.xxs + " 0",
40
- padding: 0,
41
- width: 280,
42
- wordBreak: 'break-word',
43
- wordWrap: 'break-word',
44
- });
45
- var MenuList = function (elemProps) {
46
- return react_1.default.createElement(StyledMenuList, __assign({ role: "menu" }, elemProps));
47
- };
48
- var DropdownMenu = function (_a) {
49
- var activeDropdownItemRef = _a.activeDropdownItemRef, activeDropdownItem = _a.activeDropdownItem, _b = _a.dropdownItems, dropdownItems = _b === void 0 ? [] : _b, resetFocus = _a.resetFocus, setActiveDropdownItem = _a.setActiveDropdownItem, toggleActiveItemDown = _a.toggleActiveItemDown, toggleActiveItemUp = _a.toggleActiveItemUp, elemProps = __rest(_a, ["activeDropdownItemRef", "activeDropdownItem", "dropdownItems", "resetFocus", "setActiveDropdownItem", "toggleActiveItemDown", "toggleActiveItemUp"]);
50
- var handleItemKeyUp = function (event) {
51
- switch (event.key) {
52
- case 'ArrowUp':
53
- case 'Up': // IE/Edge specific value
54
- case 'ArrowLeft':
55
- case 'Left': // IE/Edge specific value
56
- toggleActiveItemUp();
57
- break;
58
- case 'ArrowDown':
59
- case 'Down': // IE/Edge specific value
60
- case 'ArrowRight':
61
- case 'Right': // IE/Edge specific value
62
- toggleActiveItemDown();
63
- break;
64
- default:
65
- break;
66
- }
67
- };
68
- var handleItemKeyDown = function (event, item) {
69
- switch (event.key) {
70
- case 'Tab':
71
- event.preventDefault();
72
- break;
73
- case 'Enter':
74
- event.preventDefault();
75
- if (item.onAction) {
76
- item.onAction(item.link);
77
- resetFocus();
78
- break;
79
- }
80
- window.location.href = item.link;
81
- break;
82
- default:
83
- break;
84
- }
85
- };
86
- return (react_1.default.createElement(StyledDropdownMenu, null,
87
- react_1.default.createElement(MenuList, __assign({}, elemProps), dropdownItems.map(function (item, i) {
88
- var index = item.index, link = item.link, text = item.text, elemProps = __rest(item, ["index", "link", "text"]);
89
- var isFocused = index === activeDropdownItem.index;
90
- return (react_1.default.createElement("li", { onKeyUp: handleItemKeyUp, onKeyDown: function (e) { return handleItemKeyDown(e, item); }, key: i },
91
- react_1.default.createElement(MenuItemLink_1.DropdownMenuItemLink, __assign({ ref: isFocused ? activeDropdownItemRef : null, href: link }, elemProps), text)));
92
- }))));
93
- };
94
- exports.DropdownMenu = DropdownMenu;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- interface DropdownMenuItemLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
3
- /**
4
- * The href url of the anchor tag
5
- */
6
- href: string;
7
- /**
8
- * A handler function for overriding hard-redirects with links
9
- */
10
- onAction?: (href: string) => void;
11
- }
12
- export declare const DropdownMenuItemLink: React.ForwardRefExoticComponent<DropdownMenuItemLinkProps & React.RefAttributes<HTMLAnchorElement>>;
13
- export {};
14
- //# sourceMappingURL=MenuItemLink.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemLink.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAuBD,eAAO,MAAM,oBAAoB,qGA0BhC,CAAC"}
@@ -1,73 +0,0 @@
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
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
- Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.DropdownMenuItemLink = void 0;
45
- var react_1 = __importStar(require("react"));
46
- var common_1 = require("@workday/canvas-kit-react/common");
47
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
48
- var MenuItemLink = common_1.styled('a')(__assign(__assign({}, tokens_1.type.levels.subtext.large), { boxSizing: 'border-box', textAlign: 'left', color: tokens_1.colors.blackPepper300, cursor: 'pointer', display: 'block', outline: 'none', padding: tokens_1.space.xxs + " " + tokens_1.space.s, textDecoration: 'none', transition: 'background-color color 80ms', '&:hover': {
49
- backgroundColor: tokens_1.commonColors.hoverBackground,
50
- }, '&:focus': {
51
- backgroundColor: tokens_1.commonColors.focusBackground,
52
- color: tokens_1.typeColors.inverse,
53
- outline: 'none',
54
- } }));
55
- exports.DropdownMenuItemLink = react_1.forwardRef(function (_a, ref) {
56
- var children = _a.children, href = _a.href, onAction = _a.onAction, onClick = _a.onClick, elemProps = __rest(_a, ["children", "href", "onAction", "onClick"]);
57
- var handleClick = function (event) {
58
- event.preventDefault();
59
- // allow an override to the hard redirect
60
- if (onAction) {
61
- onAction(href);
62
- }
63
- else {
64
- // default to hard redirecting
65
- window.location.href = href;
66
- }
67
- // don't block the onClick event if it's provided
68
- if (onClick) {
69
- onClick(event);
70
- }
71
- };
72
- return (react_1.default.createElement(MenuItemLink, __assign({ ref: ref, href: href, role: "menuitem", onClick: handleClick }, elemProps), children));
73
- });
@@ -1,13 +0,0 @@
1
- import { usePopupPopper } from '@workday/canvas-kit-react/popup';
2
- import { DropdownButtonProps } from './Button';
3
- import { DropdownMenuProps } from './Menu';
4
- import { Breadcrumb } from '../types';
5
- export declare const useFocusActiveItemElement: <E extends HTMLElement>(activeDropdownItemRef: import("react").RefObject<E>) => void;
6
- interface UseDropdown {
7
- dropdownButtonProps: Omit<DropdownButtonProps, 'aria-label'>;
8
- dropdownMenuProps: DropdownMenuProps;
9
- popperProps: ReturnType<typeof usePopupPopper>;
10
- }
11
- export declare const useDropdown: (activeDropdownItemRef: React.RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
12
- export {};
13
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,cAAc,EACf,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,yBAAyB,sFAQrC,CAAC;AASF,UAAU,WAAW;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IAC7D,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,WAAW,0BACC,MAAM,SAAS,CAAC,iBAAiB,CAAC,SAClD,UAAU,EAAE,oCAElB,WAkEF,CAAC"}
@@ -1,77 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDropdown = exports.useFocusActiveItemElement = void 0;
4
- var react_1 = require("react");
5
- var common_1 = require("@workday/canvas-kit-react/common");
6
- var popup_1 = require("@workday/canvas-kit-react/popup");
7
- var useFocusActiveItemElement = function (activeDropdownItemRef) {
8
- react_1.useLayoutEffect(function () {
9
- if (activeDropdownItemRef.current) {
10
- return activeDropdownItemRef.current.focus();
11
- }
12
- });
13
- };
14
- exports.useFocusActiveItemElement = useFocusActiveItemElement;
15
- var initialActiveItem = {
16
- index: 0,
17
- link: '',
18
- text: '',
19
- width: 0,
20
- };
21
- var useDropdown = function (activeDropdownItemRef, items, buttonId) {
22
- // state
23
- var _a = react_1.useState(initialActiveItem), activeDropdownItem = _a[0], setActiveDropdownItem = _a[1];
24
- // behaviors
25
- var model = popup_1.usePopupModel({
26
- initialFocusRef: activeDropdownItemRef,
27
- });
28
- popup_1.useCloseOnOutsideClick(model);
29
- popup_1.useCloseOnEscape(model);
30
- popup_1.useReturnFocus(model);
31
- exports.useFocusActiveItemElement(activeDropdownItemRef);
32
- var handleButtonKeyUp = function (e) {
33
- if (e.key === 'Enter') {
34
- setActiveDropdownItem(items[0]);
35
- }
36
- };
37
- var resetMenuFocus = function () {
38
- model.events.hide();
39
- common_1.changeFocus(model.state.targetRef.current);
40
- };
41
- var findActiveDropdownItemByIndex = function (index) {
42
- return items.filter(function (item) { return item.index === index; })[0];
43
- };
44
- var toggleActiveItemUp = function () {
45
- var previousItem = findActiveDropdownItemByIndex(activeDropdownItem.index - 1);
46
- if (!previousItem) {
47
- return resetMenuFocus();
48
- }
49
- return setActiveDropdownItem(previousItem);
50
- };
51
- var toggleActiveItemDown = function () {
52
- var nextItem = findActiveDropdownItemByIndex(activeDropdownItem.index + 1);
53
- if (!nextItem) {
54
- return setActiveDropdownItem(items[0]);
55
- }
56
- return setActiveDropdownItem(nextItem);
57
- };
58
- var uniqueButtonId = common_1.useUniqueId(buttonId);
59
- var dropdownButtonProps = popup_1.usePopupTarget(model, {
60
- id: uniqueButtonId,
61
- toggled: model.state.visibility !== 'hidden',
62
- onKeyUp: handleButtonKeyUp,
63
- });
64
- var dropdownMenuProps = {
65
- 'aria-labelledby': uniqueButtonId,
66
- dropdownItems: items,
67
- activeDropdownItem: activeDropdownItem,
68
- activeDropdownItemRef: activeDropdownItemRef,
69
- setActiveDropdownItem: setActiveDropdownItem,
70
- resetFocus: resetMenuFocus,
71
- toggleActiveItemUp: toggleActiveItemUp,
72
- toggleActiveItemDown: toggleActiveItemDown,
73
- };
74
- var popperProps = popup_1.usePopupPopper(model);
75
- return { dropdownButtonProps: dropdownButtonProps, dropdownMenuProps: dropdownMenuProps, popperProps: popperProps };
76
- };
77
- exports.useDropdown = useDropdown;
@@ -1,8 +0,0 @@
1
- import { Breadcrumb } from '../types';
2
- import { DropdownButtonProps } from './Button';
3
- export interface DropdownProps extends Pick<DropdownButtonProps, 'buttonIcon'> {
4
- buttonAriaLabel: string;
5
- items?: Breadcrumb[];
6
- }
7
- export declare const Dropdown: ({ buttonAriaLabel, buttonIcon, items }: DropdownProps) => JSX.Element;
8
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,OAAO,EAAiB,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IAC5E,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,2CAA+C,aAAa,gBAuBhF,CAAC"}
@@ -1,37 +0,0 @@
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 __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Dropdown = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var popup_1 = require("@workday/canvas-kit-react/popup");
20
- var hooks_1 = require("../hooks");
21
- var hooks_2 = require("./hooks");
22
- var Button_1 = require("./Button");
23
- var Menu_1 = require("./Menu");
24
- var Dropdown = function (_a) {
25
- var buttonAriaLabel = _a.buttonAriaLabel, buttonIcon = _a.buttonIcon, _b = _a.items, items = _b === void 0 ? [] : _b;
26
- // refs
27
- var activeDropdownItemRef = react_1.default.useRef(null);
28
- // behaviors
29
- var _c = hooks_2.useDropdown(activeDropdownItemRef, items), dropdownButtonProps = _c.dropdownButtonProps, dropdownMenuProps = _c.dropdownMenuProps, popperProps = _c.popperProps;
30
- var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
31
- var placement = shouldUseRTL ? 'bottom-end' : 'bottom-start';
32
- return (react_1.default.createElement(react_1.default.Fragment, null,
33
- react_1.default.createElement(Button_1.DropdownButton, __assign({ "aria-label": buttonAriaLabel, buttonIcon: buttonIcon }, dropdownButtonProps)),
34
- react_1.default.createElement(popup_1.Popper, __assign({ placement: placement }, popperProps),
35
- react_1.default.createElement(Menu_1.DropdownMenu, __assign({}, dropdownMenuProps)))));
36
- };
37
- exports.Dropdown = Dropdown;
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { DropdownButtonProps } from '../Dropdown/Button';
3
- export interface CollapsibleListProps extends React.HTMLAttributes<HTMLUListElement>, Pick<DropdownButtonProps, 'buttonIcon'> {
4
- /**
5
- * The accessibility label for the dropdown menu button.
6
- *
7
- * Suggested value: "more links"
8
- */
9
- buttonAriaLabel: string;
10
- /**
11
- * The max-width before the list should collapse and render a dropdown menu
12
- */
13
- maxWidth: number;
14
- }
15
- export declare const CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: CollapsibleListProps) => JSX.Element;
16
- //# sourceMappingURL=Collapsible.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAO9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AASvD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IACzC;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,kEAMzB,oBAAoB,gBA4BtB,CAAC"}
@@ -1,78 +0,0 @@
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
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
- Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.CollapsibleList = void 0;
45
- var react_1 = __importStar(require("react"));
46
- // local components
47
- var Dropdown_1 = require("../Dropdown");
48
- var ListItem_1 = require("./ListItem");
49
- var index_1 = require("./index");
50
- // hooks
51
- var hooks_1 = require("./hooks");
52
- var parseListItems = function (children) {
53
- var childArray = react_1.Children.toArray(children);
54
- var _a = childArray, rootItem = _a[0], length = _a.length, _b = length - 1, currentItem = _a[_b];
55
- var collapsibleItems = childArray.slice(1, -1);
56
- return { rootItem: rootItem, collapsibleItems: collapsibleItems, currentItem: currentItem };
57
- };
58
- var CollapsibleList = function (_a) {
59
- var children = _a.children, buttonIcon = _a.buttonIcon, buttonAriaLabel = _a.buttonAriaLabel, maxWidth = _a.maxWidth, props = __rest(_a, ["children", "buttonIcon", "buttonAriaLabel", "maxWidth"]);
60
- // refs
61
- var listRef = react_1.useRef(null);
62
- // behaviors
63
- var shouldCollapseList = hooks_1.useCollapse(listRef, maxWidth).shouldCollapseList;
64
- var _b = hooks_1.useBuildCollapsedList(listRef, children, maxWidth), collapsedItems = _b.collapsedItems, collapsedItemIndices = _b.collapsedItemIndices;
65
- var _c = parseListItems(children), rootItem = _c.rootItem, collapsibleItems = _c.collapsibleItems, currentItem = _c.currentItem;
66
- return (react_1.default.createElement(index_1.BreadcrumbsList, __assign({ ref: listRef }, props),
67
- rootItem,
68
- shouldCollapseList && (react_1.default.createElement(ListItem_1.BreadcrumbsListItem, null,
69
- react_1.default.createElement(Dropdown_1.Dropdown, { buttonAriaLabel: buttonAriaLabel, buttonIcon: buttonIcon, items: collapsedItems }))),
70
- collapsibleItems.map(function (item, i) {
71
- if (collapsedItemIndices.indexOf(i + 1) !== -1) {
72
- return;
73
- }
74
- return item;
75
- }),
76
- currentItem));
77
- };
78
- exports.CollapsibleList = CollapsibleList;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface CurrentItemProps extends React.HTMLAttributes<HTMLLIElement> {
3
- /**
4
- * The max-width of the text
5
- *
6
- * @default 350px
7
- */
8
- maxWidth?: number;
9
- }
10
- export declare const CurrentItem: ({ children, maxWidth, ...elemProps }: CurrentItemProps) => JSX.Element;
11
- //# sourceMappingURL=CurrentItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CurrentItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC3E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,eAAO,MAAM,WAAW,yCAAwC,gBAAgB,gBA8B/E,CAAC"}
@@ -1,49 +0,0 @@
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 __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.CurrentItem = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
32
- var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
33
- var popup_1 = require("@workday/canvas-kit-react/popup");
34
- var hooks_1 = require("./hooks");
35
- var styles_1 = require("./styles");
36
- var ListItem = common_1.styled('li')(__assign(__assign({ display: 'flex', alignItems: 'center', flexDirection: 'column', textAlign: 'left' }, tokens_1.type.levels.subtext.large), { fontWeight: 500 }), function (_a) {
37
- var maxWidth = _a.maxWidth;
38
- return (__assign({}, styles_1.truncateStyles(maxWidth)));
39
- });
40
- var CurrentItem = function (_a) {
41
- var children = _a.children, maxWidth = _a.maxWidth, elemProps = __rest(_a, ["children", "maxWidth"]);
42
- var ref = react_1.default.useRef(null);
43
- var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, shouldShowTooltip = _b.shouldShowTooltip, tooltipProps = _b.tooltipProps;
44
- return (react_1.default.createElement(react_1.default.Fragment, null,
45
- react_1.default.createElement(ListItem, __assign({ ref: ref, maxWidth: maxWidth, onMouseEnter: openTooltip, onMouseLeave: closeTooltip, onFocus: openTooltip, onBlur: closeTooltip }, (shouldShowTooltip && { tabIndex: 0 }), elemProps), children),
46
- react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
47
- react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
48
- };
49
- exports.CurrentItem = CurrentItem;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- /**
4
- * The href url of the anchor tag
5
- */
6
- href: string;
7
- /**
8
- * The max-width of the link text
9
- *
10
- * @default 350px
11
- */
12
- maxWidth?: number;
13
- /**
14
- * A handler function for overriding hard-redirects with links
15
- */
16
- onAction?: (href: string) => void;
17
- }
18
- export declare const BreadcrumbLink: ({ maxWidth, onAction, onClick, href, children, ...props }: BreadcrumbLinkProps) => JSX.Element;
19
- //# sourceMappingURL=Link.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAeD,eAAO,MAAM,cAAc,8DAOxB,mBAAmB,gBAwCrB,CAAC"}