@workday/canvas-kit-preview-react 8.0.0-alpha.246-next.16 → 8.0.0-alpha.250-next.19
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAGnD,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG;;;;;;;GAOG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,mBAAmB;IAetC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAejD,iBAAiB;IAYjB,oBAAoB;IAIb,MAAM;IAyDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAGnD,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG;;;;;;;GAOG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,mBAAmB;IAetC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAejD,iBAAiB;IAYjB,oBAAoB;IAIb,MAAM;IAyDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,CA+E7B;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,kBAAkB,CAkCxB;IAEF,OAAO,CAAC,sBAAsB,CAU5B;IAEF,OAAO,CAAC,sBAAsB,CAG5B;CACH"}
|
|
@@ -98,12 +98,13 @@ var DeprecatedMenu = /** @class */ (function (_super) {
|
|
|
98
98
|
var children = React.Children.toArray(_this.props.children);
|
|
99
99
|
var nextSelectedIndex = 0;
|
|
100
100
|
var isShortcut = false;
|
|
101
|
-
var
|
|
101
|
+
var interactiveItems = children.filter(function (child) {
|
|
102
102
|
var _a, _b;
|
|
103
103
|
return !((_b = (_a = child) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.isHeader);
|
|
104
|
-
})
|
|
105
|
-
var
|
|
106
|
-
var
|
|
104
|
+
});
|
|
105
|
+
var interactiveItemCount = interactiveItems.length;
|
|
106
|
+
var firstIndex = 0;
|
|
107
|
+
var lastIndex = interactiveItemCount - 1;
|
|
107
108
|
if (event.key.length === 1 && event.key.match(/\S/)) {
|
|
108
109
|
var start = _this.state.selectedItemIndex + 1;
|
|
109
110
|
var searchIndex = void 0;
|
|
@@ -127,11 +128,11 @@ var DeprecatedMenu = /** @class */ (function (_super) {
|
|
|
127
128
|
isShortcut = true;
|
|
128
129
|
var nextIndex = _this.state.selectedItemIndex + direction;
|
|
129
130
|
nextSelectedIndex =
|
|
130
|
-
nextIndex < 0 ?
|
|
131
|
+
nextIndex < 0 ? lastIndex : nextIndex >= interactiveItemCount ? firstIndex : nextIndex;
|
|
131
132
|
break;
|
|
132
133
|
case 'Home':
|
|
133
134
|
case 'End':
|
|
134
|
-
var skipTo = event.key === 'Home' ?
|
|
135
|
+
var skipTo = event.key === 'Home' ? firstIndex : lastIndex;
|
|
135
136
|
isShortcut = true;
|
|
136
137
|
nextSelectedIndex = skipTo;
|
|
137
138
|
break;
|
|
@@ -151,7 +152,7 @@ var DeprecatedMenu = /** @class */ (function (_super) {
|
|
|
151
152
|
case ' ':
|
|
152
153
|
case 'Enter':
|
|
153
154
|
nextSelectedIndex = _this.state.selectedItemIndex;
|
|
154
|
-
var child =
|
|
155
|
+
var child = interactiveItems[_this.state.selectedItemIndex];
|
|
155
156
|
_this.handleClick(event, child.props);
|
|
156
157
|
isShortcut = true;
|
|
157
158
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAGnD,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG;;;;;;;GAOG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,mBAAmB;IAetC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAejD,iBAAiB;IAYjB,oBAAoB;IAIb,MAAM;IAyDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../menu/lib/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAC;AAGnD,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG;;;;;;;GAOG;AACH,MAAM,WAAW,mBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAClD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,mBAAmB;IAetC,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAejD,iBAAiB;IAYjB,oBAAoB;IAIb,MAAM;IAyDN,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,MAAM,CAQjE;IAEK,sBAAsB,UAAW,MAAM,GAAG,SAAS,KAAG,IAAI,CAE/D;IAEF,OAAO,CAAC,uBAAuB,CA+E7B;IAEF,OAAO,CAAC,WAAW,CAoBjB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,kBAAkB,CAkCxB;IAEF,OAAO,CAAC,sBAAsB,CAU5B;IAEF,OAAO,CAAC,sBAAsB,CAG5B;CACH"}
|
|
@@ -73,12 +73,13 @@ var DeprecatedMenu = /** @class */ (function (_super) {
|
|
|
73
73
|
var children = React.Children.toArray(_this.props.children);
|
|
74
74
|
var nextSelectedIndex = 0;
|
|
75
75
|
var isShortcut = false;
|
|
76
|
-
var
|
|
76
|
+
var interactiveItems = children.filter(function (child) {
|
|
77
77
|
var _a, _b;
|
|
78
78
|
return !((_b = (_a = child) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.isHeader);
|
|
79
|
-
})
|
|
80
|
-
var
|
|
81
|
-
var
|
|
79
|
+
});
|
|
80
|
+
var interactiveItemCount = interactiveItems.length;
|
|
81
|
+
var firstIndex = 0;
|
|
82
|
+
var lastIndex = interactiveItemCount - 1;
|
|
82
83
|
if (event.key.length === 1 && event.key.match(/\S/)) {
|
|
83
84
|
var start = _this.state.selectedItemIndex + 1;
|
|
84
85
|
var searchIndex = void 0;
|
|
@@ -102,11 +103,11 @@ var DeprecatedMenu = /** @class */ (function (_super) {
|
|
|
102
103
|
isShortcut = true;
|
|
103
104
|
var nextIndex = _this.state.selectedItemIndex + direction;
|
|
104
105
|
nextSelectedIndex =
|
|
105
|
-
nextIndex < 0 ?
|
|
106
|
+
nextIndex < 0 ? lastIndex : nextIndex >= interactiveItemCount ? firstIndex : nextIndex;
|
|
106
107
|
break;
|
|
107
108
|
case 'Home':
|
|
108
109
|
case 'End':
|
|
109
|
-
var skipTo = event.key === 'Home' ?
|
|
110
|
+
var skipTo = event.key === 'Home' ? firstIndex : lastIndex;
|
|
110
111
|
isShortcut = true;
|
|
111
112
|
nextSelectedIndex = skipTo;
|
|
112
113
|
break;
|
|
@@ -126,7 +127,7 @@ var DeprecatedMenu = /** @class */ (function (_super) {
|
|
|
126
127
|
case ' ':
|
|
127
128
|
case 'Enter':
|
|
128
129
|
nextSelectedIndex = _this.state.selectedItemIndex;
|
|
129
|
-
var child =
|
|
130
|
+
var child = interactiveItems[_this.state.selectedItemIndex];
|
|
130
131
|
_this.handleClick(event, child.props);
|
|
131
132
|
isShortcut = true;
|
|
132
133
|
break;
|
package/menu/lib/Menu.tsx
CHANGED
|
@@ -216,11 +216,12 @@ export class DeprecatedMenu extends React.Component<DeprecatedMenuProps, Depreca
|
|
|
216
216
|
const children = React.Children.toArray(this.props.children);
|
|
217
217
|
let nextSelectedIndex = 0;
|
|
218
218
|
let isShortcut = false;
|
|
219
|
-
const
|
|
219
|
+
const interactiveItems = children.filter(child => {
|
|
220
220
|
return !(child as React.ReactElement<DeprecatedMenuItemProps>)?.props?.isHeader;
|
|
221
|
-
})
|
|
222
|
-
const
|
|
223
|
-
const
|
|
221
|
+
});
|
|
222
|
+
const interactiveItemCount = interactiveItems.length;
|
|
223
|
+
const firstIndex = 0;
|
|
224
|
+
const lastIndex = interactiveItemCount - 1;
|
|
224
225
|
|
|
225
226
|
if (event.key.length === 1 && event.key.match(/\S/)) {
|
|
226
227
|
let start = this.state.selectedItemIndex + 1;
|
|
@@ -244,12 +245,12 @@ export class DeprecatedMenu extends React.Component<DeprecatedMenuProps, Depreca
|
|
|
244
245
|
isShortcut = true;
|
|
245
246
|
const nextIndex = this.state.selectedItemIndex + direction;
|
|
246
247
|
nextSelectedIndex =
|
|
247
|
-
nextIndex < 0 ?
|
|
248
|
+
nextIndex < 0 ? lastIndex : nextIndex >= interactiveItemCount ? firstIndex : nextIndex;
|
|
248
249
|
break;
|
|
249
250
|
|
|
250
251
|
case 'Home':
|
|
251
252
|
case 'End':
|
|
252
|
-
const skipTo = event.key === 'Home' ?
|
|
253
|
+
const skipTo = event.key === 'Home' ? firstIndex : lastIndex;
|
|
253
254
|
isShortcut = true;
|
|
254
255
|
nextSelectedIndex = skipTo;
|
|
255
256
|
break;
|
|
@@ -272,7 +273,7 @@ export class DeprecatedMenu extends React.Component<DeprecatedMenuProps, Depreca
|
|
|
272
273
|
case ' ':
|
|
273
274
|
case 'Enter':
|
|
274
275
|
nextSelectedIndex = this.state.selectedItemIndex;
|
|
275
|
-
const child =
|
|
276
|
+
const child = interactiveItems[this.state.selectedItemIndex] as React.ReactElement<
|
|
276
277
|
DeprecatedMenuItemProps
|
|
277
278
|
>;
|
|
278
279
|
this.handleClick(event, child.props);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-preview-react",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.250-next.19+c91bf36c",
|
|
4
4
|
"description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,16 +46,16 @@
|
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"@emotion/styled": "^11.6.0",
|
|
49
|
-
"@workday/canvas-kit-react": "^8.0.0-alpha.
|
|
49
|
+
"@workday/canvas-kit-react": "^8.0.0-alpha.250-next.19+c91bf36c",
|
|
50
50
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
51
51
|
"@workday/design-assets-types": "^0.2.8"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
55
|
-
"@workday/canvas-kit-labs-react": "^8.0.0-alpha.
|
|
55
|
+
"@workday/canvas-kit-labs-react": "^8.0.0-alpha.250-next.19+c91bf36c",
|
|
56
56
|
"formik": "^2.2.9",
|
|
57
57
|
"react-hook-form": "7.36.1",
|
|
58
58
|
"yup": "^0.32.11"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "c91bf36c41b82f12b0d8323da5fb1fc290e2d5b9"
|
|
61
61
|
}
|