@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.
- package/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
- package/dist/commonjs/index.d.ts +0 -1
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +0 -2
- package/dist/commonjs/text-area/lib/TextArea.d.ts +1 -1
- package/dist/commonjs/text-input/lib/TextInput.d.ts +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts +1 -1
- package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
- package/dist/es6/index.d.ts +0 -1
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -2
- package/dist/es6/text-area/lib/TextArea.d.ts +1 -1
- package/dist/es6/text-input/lib/TextInput.d.ts +1 -1
- package/index.ts +0 -3
- package/package.json +4 -4
- package/breadcrumbs/LICENSE +0 -52
- package/breadcrumbs/README.md +0 -7
- package/breadcrumbs/index.ts +0 -1
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx +0 -85
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +0 -152
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx +0 -63
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts +0 -109
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx +0 -38
- package/breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx +0 -66
- package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +0 -64
- package/breadcrumbs/lib/Breadcrumbs/List/Link.tsx +0 -88
- package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +0 -30
- package/breadcrumbs/lib/Breadcrumbs/List/hooks.ts +0 -114
- package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +0 -26
- package/breadcrumbs/lib/Breadcrumbs/List/styles.ts +0 -12
- package/breadcrumbs/lib/Breadcrumbs/Nav.tsx +0 -14
- package/breadcrumbs/lib/Breadcrumbs/hooks.ts +0 -13
- package/breadcrumbs/lib/Breadcrumbs/index.tsx +0 -15
- package/breadcrumbs/lib/Breadcrumbs/types.ts +0 -7
- package/breadcrumbs/package.json +0 -6
- package/dist/commonjs/breadcrumbs/index.d.ts +0 -2
- package/dist/commonjs/breadcrumbs/index.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/index.js +0 -13
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -69
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -94
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -73
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -77
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -37
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -78
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -49
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -66
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -43
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -116
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -26
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -16
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.js +0 -34
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -12
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.js +0 -17
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.js +0 -2
- package/dist/es6/breadcrumbs/index.d.ts +0 -2
- package/dist/es6/breadcrumbs/index.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/index.js +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -63
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -87
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -51
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -72
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -30
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -55
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -42
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -59
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -36
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -91
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -20
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -12
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.js +0 -27
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -8
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.js +0 -14
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
- 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"}
|