@workday/canvas-kit-preview-react 8.0.0-alpha.247-next.17 → 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,CA8E7B;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"}
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 itemCount = children.filter(function (child) {
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
- }).length;
105
- var firstItem = 0;
106
- var lastItem = itemCount - 1;
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 ? lastItem : nextIndex >= itemCount ? firstItem : nextIndex;
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' ? firstItem : lastItem;
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 = children[_this.state.selectedItemIndex];
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,CA8E7B;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"}
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 itemCount = children.filter(function (child) {
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
- }).length;
80
- var firstItem = 0;
81
- var lastItem = itemCount - 1;
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 ? lastItem : nextIndex >= itemCount ? firstItem : nextIndex;
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' ? firstItem : lastItem;
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 = children[_this.state.selectedItemIndex];
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 itemCount = children.filter(child => {
219
+ const interactiveItems = children.filter(child => {
220
220
  return !(child as React.ReactElement<DeprecatedMenuItemProps>)?.props?.isHeader;
221
- }).length;
222
- const firstItem = 0;
223
- const lastItem = itemCount - 1;
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 ? lastItem : nextIndex >= itemCount ? firstItem : nextIndex;
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' ? firstItem : lastItem;
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 = children[this.state.selectedItemIndex] as React.ReactElement<
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.247-next.17+1eae50d2",
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.247-next.17+1eae50d2",
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.247-next.17+1eae50d2",
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": "1eae50d2f62ae810ce5166d79869163a6d70e756"
60
+ "gitHead": "c91bf36c41b82f12b0d8323da5fb1fc290e2d5b9"
61
61
  }