@workday/canvas-kit-preview-react 8.0.0-alpha.198-next.0 → 8.0.0-alpha.203-next.3

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 -1
  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 -1
  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 -1
  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,66 +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.BreadcrumbLink = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var button_1 = require("@workday/canvas-kit-react/button");
32
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
33
- var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
34
- var popup_1 = require("@workday/canvas-kit-react/popup");
35
- var hooks_1 = require("./hooks");
36
- var styles_1 = require("./styles");
37
- var _a = tokens_1.type.levels.subtext.large, color = _a.color, subtextLargeStyles = __rest(_a, ["color"]);
38
- var StyledLink = common_1.styled(button_1.Hyperlink)(__assign({}, subtextLargeStyles), function (_a) {
39
- var maxWidth = _a.maxWidth;
40
- return (__assign({}, styles_1.truncateStyles(maxWidth)));
41
- });
42
- var BreadcrumbLink = function (_a) {
43
- var maxWidth = _a.maxWidth, onAction = _a.onAction, onClick = _a.onClick, href = _a.href, children = _a.children, props = __rest(_a, ["maxWidth", "onAction", "onClick", "href", "children"]);
44
- var ref = react_1.default.useRef(null);
45
- var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, tooltipProps = _b.tooltipProps;
46
- var handleClick = function (event) {
47
- event.preventDefault();
48
- // allow an override to the hard redirect
49
- if (onAction) {
50
- onAction(href);
51
- }
52
- else {
53
- // default to hard redirecting
54
- window.location.href = href;
55
- }
56
- // don't block the onClick event if it's provided
57
- if (onClick) {
58
- onClick(event);
59
- }
60
- };
61
- return (react_1.default.createElement(react_1.default.Fragment, null,
62
- react_1.default.createElement(StyledLink, __assign({ ref: ref, maxWidth: maxWidth, onMouseEnter: openTooltip, onMouseLeave: closeTooltip, onFocus: openTooltip, onBlur: closeTooltip, href: href, role: "link", onClick: handleClick }, props), children),
63
- react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
64
- react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
65
- };
66
- exports.BreadcrumbLink = BreadcrumbLink;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
3
- export declare const BreadcrumbsListItem: ({ children, ...props }: ListItemProps) => JSX.Element;
4
- //# sourceMappingURL=ListItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,oBAAY,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAEhE,eAAO,MAAM,mBAAmB,wDAmB/B,CAAC"}
@@ -1,43 +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.BreadcrumbsListItem = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var icon_1 = require("@workday/canvas-kit-react/icon");
31
- var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
32
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
33
- var hooks_1 = require("../hooks");
34
- var layout_1 = require("@workday/canvas-kit-react/layout");
35
- var BreadcrumbsListItem = function (_a) {
36
- var children = _a.children, props = __rest(_a, ["children"]);
37
- var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
38
- var icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
39
- return (react_1.default.createElement(layout_1.Flex, __assign({ as: "li", alignItems: "center" }, props),
40
- children,
41
- react_1.default.createElement(icon_1.SystemIcon, { icon: icon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: 32, width: 32, styles: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
42
- };
43
- exports.BreadcrumbsListItem = BreadcrumbsListItem;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { Breadcrumb } from '../types';
3
- export declare const useCollapse: <E extends HTMLElement>(listEl: React.RefObject<E>, maxWidth?: number) => {
4
- shouldCollapseList: boolean;
5
- };
6
- export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: React.RefObject<E>, children: React.ReactNode, maxWidth: number) => {
7
- collapsedItems: Breadcrumb[];
8
- collapsedItemIndices: number[];
9
- };
10
- export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
11
- isTooltipOpen: boolean;
12
- openTooltip: (event: React.MouseEvent | React.FocusEvent) => void;
13
- closeTooltip: () => void;
14
- shouldShowTooltip: boolean;
15
- tooltipProps: {
16
- role: string;
17
- };
18
- };
19
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,WAAW;;CASvB,CAAC;AA2BF,eAAO,MAAM,qBAAqB,gEAEtB,MAAM,SAAS,YACf,MAAM;;;CAmCjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;yBASD,gBAAgB,GAAG,gBAAgB;;;;;;CAuBhE,CAAC"}
@@ -1,116 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.useTruncateTooltip = exports.useBuildCollapsedList = exports.useCollapse = void 0;
23
- var react_1 = __importStar(require("react"));
24
- var Link_1 = require("./Link");
25
- var useCollapse = function (listEl, maxWidth) {
26
- if (maxWidth === void 0) { maxWidth = 0; }
27
- var _a = react_1.useState(false), shouldCollapseList = _a[0], setShouldCollapseList = _a[1];
28
- react_1.useLayoutEffect(function () {
29
- var _a;
30
- var listWidth = ((_a = listEl.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
31
- setShouldCollapseList(listWidth > maxWidth);
32
- }, [listEl, maxWidth]);
33
- return { shouldCollapseList: shouldCollapseList };
34
- };
35
- exports.useCollapse = useCollapse;
36
- var getBreadcrumbLink = function (breadcrumb) {
37
- return react_1.Children.toArray(breadcrumb.props.children).filter(function (child) {
38
- return react_1.default.isValidElement(child) && child.type === Link_1.BreadcrumbLink;
39
- })[0];
40
- };
41
- var buildCollapsedList = function (list, containerWidth, maxWidth, collapsedList) {
42
- if (collapsedList === void 0) { collapsedList = []; }
43
- // TODO: Calculate expander width dynamically
44
- var EXPANDER_WIDTH = 66;
45
- // recurse over the breadcrumb items until the containerWidth is less than or equal to the maxWidth
46
- if (!list.length || containerWidth + EXPANDER_WIDTH <= maxWidth) {
47
- return collapsedList;
48
- }
49
- var firstCrumb = list[0], restList = list.slice(1);
50
- var updatedCollapsedList = collapsedList.concat(firstCrumb);
51
- var adjustedWidth = containerWidth - firstCrumb.width;
52
- return buildCollapsedList(restList, adjustedWidth, maxWidth, updatedCollapsedList);
53
- };
54
- var useBuildCollapsedList = function (listEl, children, maxWidth) {
55
- var _a = react_1.useState([]), collapsedItems = _a[0], setCollapsedItems = _a[1];
56
- react_1.useLayoutEffect(function () {
57
- var listItemNodes = listEl.current ? listEl.current.querySelectorAll('li') : [];
58
- var containerWidth = listEl.current ? listEl.current.clientWidth : 0;
59
- var listItems = [];
60
- react_1.Children.forEach(children, function (child, index) {
61
- var _a, _b;
62
- if (!react_1.default.isValidElement(child)) {
63
- return;
64
- }
65
- var breadcrumbLink = getBreadcrumbLink(child);
66
- // We should make this match work better
67
- var listItemNode = listItemNodes[index];
68
- // We might need to allow folks to spread more props from the link
69
- listItems.push({
70
- index: index,
71
- link: ((_a = breadcrumbLink === null || breadcrumbLink === void 0 ? void 0 : breadcrumbLink.props) === null || _a === void 0 ? void 0 : _a.href) || '',
72
- text: listItemNode ? listItemNode.innerText : '',
73
- width: listItemNode ? listItemNode.clientWidth : 0,
74
- onAction: (_b = breadcrumbLink === null || breadcrumbLink === void 0 ? void 0 : breadcrumbLink.props) === null || _b === void 0 ? void 0 : _b.onAction,
75
- });
76
- });
77
- // don't collapse the root breadcrumb
78
- var collapsibleListItems = listItems.slice(1);
79
- var collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
80
- setCollapsedItems(collapsedList);
81
- // eslint-disable-next-line react-hooks/exhaustive-deps
82
- }, [maxWidth]);
83
- var collapsedItemIndices = collapsedItems.map(function (child) { return child.index; });
84
- return { collapsedItems: collapsedItems, collapsedItemIndices: collapsedItemIndices };
85
- };
86
- exports.useBuildCollapsedList = useBuildCollapsedList;
87
- var useTruncateTooltip = function (ref) {
88
- var _a = react_1.useState(false), isTooltipOpen = _a[0], setIsTooltipOpen = _a[1];
89
- var _b = react_1.useState(false), shouldShowTooltip = _b[0], setShouldShowTooltip = _b[1];
90
- react_1.useEffect(function () {
91
- if (ref === null || ref === void 0 ? void 0 : ref.current) {
92
- setShouldShowTooltip(ref.current.scrollWidth > ref.current.clientWidth);
93
- }
94
- }, [ref]);
95
- var openTooltip = function (event) {
96
- var currentTarget = event.currentTarget;
97
- // if the target is truncated, show the tooltip
98
- if (currentTarget.scrollWidth > currentTarget.clientWidth) {
99
- setIsTooltipOpen(true);
100
- }
101
- };
102
- var closeTooltip = function () {
103
- setIsTooltipOpen(false);
104
- };
105
- var tooltipProps = {
106
- role: 'tooltip',
107
- };
108
- return {
109
- isTooltipOpen: isTooltipOpen,
110
- openTooltip: openTooltip,
111
- closeTooltip: closeTooltip,
112
- shouldShowTooltip: shouldShowTooltip,
113
- tooltipProps: tooltipProps,
114
- };
115
- };
116
- exports.useTruncateTooltip = useTruncateTooltip;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
3
- export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponent<"ul", BreadcrumbsListProps>;
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAmB1B,CAAC"}
@@ -1,26 +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.BreadcrumbsList = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var common_1 = require("@workday/canvas-kit-react/common");
20
- var layout_1 = require("@workday/canvas-kit-react/layout");
21
- exports.BreadcrumbsList = common_1.createComponent('ul')({
22
- displayName: 'BreadcrumbsList',
23
- Component: function (elemProps, ref, Element) {
24
- return (react_1.default.createElement(layout_1.Flex, __assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, role: "list", ref: ref }, elemProps)));
25
- },
26
- });
@@ -1,3 +0,0 @@
1
- import { CSSObject } from '@emotion/styled';
2
- export declare const truncateStyles: (maxWidth?: number) => CSSObject;
3
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAK1C,eAAO,MAAM,cAAc,cAAc,MAAM,KAAuB,SAMpE,CAAC"}
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.truncateStyles = void 0;
4
- // default max-width for truncating text
5
- var DEFAULT_MAX_WIDTH = 350;
6
- var truncateStyles = function (maxWidth) {
7
- if (maxWidth === void 0) { maxWidth = DEFAULT_MAX_WIDTH; }
8
- return ({
9
- display: 'inline-block',
10
- maxWidth: maxWidth,
11
- overflow: 'hidden',
12
- textOverflow: 'ellipsis',
13
- whiteSpace: 'nowrap',
14
- });
15
- };
16
- exports.truncateStyles = truncateStyles;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface BreadcrumbsNavProps extends React.HTMLAttributes<HTMLElement> {
3
- /**
4
- * The accessibility label to indicate the type of navigation.
5
- *
6
- * Suggested value: "breadcrumb"
7
- */
8
- 'aria-label': string;
9
- }
10
- export declare const BreadcrumbsNav: ({ "aria-label": ariaLabel, ...elemProps }: BreadcrumbsNavProps) => JSX.Element;
11
- //# sourceMappingURL=Nav.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,8CAA6C,mBAAmB,gBAE1F,CAAC"}
@@ -1,34 +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.BreadcrumbsNav = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var BreadcrumbsNav = function (_a) {
31
- var ariaLabel = _a["aria-label"], elemProps = __rest(_a, ['aria-label']);
32
- return react_1.default.createElement("nav", __assign({ role: "navigation", "aria-label": ariaLabel }, elemProps));
33
- };
34
- exports.BreadcrumbsNav = BreadcrumbsNav;
@@ -1,5 +0,0 @@
1
- import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
2
- export declare const useRTL: (partialTheme?: PartialEmotionCanvasTheme | undefined) => {
3
- shouldUseRTL: boolean;
4
- };
5
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,MAAM;;CAMlB,CAAC"}
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useRTL = void 0;
4
- var common_1 = require("@workday/canvas-kit-react/common");
5
- var useRTL = function (partialTheme) {
6
- var theme = common_1.useTheme(partialTheme);
7
- var shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
8
- return {
9
- shouldUseRTL: shouldUseRTL,
10
- };
11
- };
12
- exports.useRTL = useRTL;
@@ -1,9 +0,0 @@
1
- export declare const Breadcrumbs: {
2
- Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
3
- CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
4
- List: import("@workday/canvas-kit-react/common").ElementComponent<"ul", import("./List").BreadcrumbsListProps>;
5
- ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
6
- Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
7
- CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;
8
- };
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Breadcrumbs = void 0;
4
- var CurrentItem_1 = require("./List/CurrentItem");
5
- var Link_1 = require("./List/Link");
6
- var Nav_1 = require("./Nav");
7
- var Collapsible_1 = require("./List/Collapsible");
8
- var ListItem_1 = require("./List/ListItem");
9
- var List_1 = require("./List");
10
- exports.Breadcrumbs = {
11
- Nav: Nav_1.BreadcrumbsNav,
12
- CollapsibleList: Collapsible_1.CollapsibleList,
13
- List: List_1.BreadcrumbsList,
14
- ListItem: ListItem_1.BreadcrumbsListItem,
15
- Link: Link_1.BreadcrumbLink,
16
- CurrentItem: CurrentItem_1.CurrentItem,
17
- };
@@ -1,8 +0,0 @@
1
- export interface Breadcrumb extends React.HTMLAttributes<HTMLAnchorElement> {
2
- index: number;
3
- link: string;
4
- text: string;
5
- width: number;
6
- onAction?: (href: string) => void;
7
- }
8
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +0,0 @@
1
- export * from './lib/Breadcrumbs';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
@@ -1 +0,0 @@
1
- export * from './lib/Breadcrumbs';
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { CanvasSystemIcon } from '@workday/design-assets-types';
3
- export interface DropdownButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
4
- /**
5
- * The accessibility label for the button
6
- */
7
- 'aria-label': string;
8
- /**
9
- * The Canvas System Icon for the button
10
- *
11
- * @default relatedActionsIcon
12
- */
13
- buttonIcon?: CanvasSystemIcon;
14
- /**
15
- * The boolean to determine whether the button should be in a 'toggled' state
16
- */
17
- toggled: boolean;
18
- }
19
- export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", DropdownButtonProps>;
20
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAClF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,4FA2BzB,CAAC"}
@@ -1,63 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React from 'react';
24
- import { BaseButton } from '@workday/canvas-kit-react/button';
25
- import { relatedActionsIcon } from '@workday/canvas-system-icons-web';
26
- import { createComponent, useTheme } from '@workday/canvas-kit-react/common';
27
- import { colors, space } from '@workday/canvas-kit-react/tokens';
28
- export var DropdownButton = createComponent('button')({
29
- displayName: 'DropdownButton',
30
- Component: function (_a, ref, Element) {
31
- var _b = _a.buttonIcon, buttonIcon = _b === void 0 ? relatedActionsIcon : _b, toggled = _a.toggled, elemProps = __rest(_a, ["buttonIcon", "toggled"]);
32
- var theme = useTheme();
33
- return (React.createElement(BaseButton, __assign({ as: Element, ref: ref, "aria-pressed": undefined, "aria-expanded": toggled, "aria-haspopup": true, "aria-controls": "menu", size: "small", height: space.l, width: space.l, padding: space.zero, colors: getDropdownColors(toggled, theme) }, elemProps),
34
- React.createElement(BaseButton.Icon, { icon: buttonIcon })));
35
- },
36
- });
37
- var getDropdownColors = function (toggled, theme) {
38
- var themePrimary = theme.canvas.palette.primary;
39
- return {
40
- default: {
41
- icon: toggled ? themePrimary.main : colors.blackPepper400,
42
- label: themePrimary.main,
43
- },
44
- hover: {
45
- background: colors.soap200,
46
- icon: toggled ? themePrimary.dark : colors.blackPepper500,
47
- label: themePrimary.dark,
48
- },
49
- active: {
50
- background: colors.soap300,
51
- icon: toggled ? themePrimary.dark : colors.blackPepper500,
52
- label: themePrimary.dark,
53
- },
54
- focus: {
55
- icon: toggled ? themePrimary.main : colors.blackPepper500,
56
- label: themePrimary.main,
57
- },
58
- disabled: {
59
- icon: toggled ? themePrimary.main : colors.blackPepper400,
60
- label: themePrimary.main,
61
- },
62
- };
63
- };
@@ -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"}