@workday/canvas-kit-preview-react 7.4.1 → 7.4.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 (6) hide show
  1. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  2. package/dist/commonjs/menu/lib/Menu.js +8 -7
  3. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  4. package/dist/es6/menu/lib/Menu.js +8 -7
  5. package/menu/lib/Menu.tsx +10 -7
  6. package/package.json +4 -4
package/dist/commonjs/menu/lib/Menu.d.ts.map CHANGED
@@ -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,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACnF;;;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,MAAM,WAAW,SAAS;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,SAAS;IAe5B,kBAAkB,CAAC,SAAS,EAAE,SAAS;IAevC,iBAAiB;IAKjB,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,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACnF;;;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,MAAM,WAAW,SAAS;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,SAAS;IAe5B,kBAAkB,CAAC,SAAS,EAAE,SAAS;IAevC,iBAAiB;IAKjB,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,CAiF7B;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"}
package/dist/commonjs/menu/lib/Menu.js CHANGED
@@ -89,12 +89,13 @@ var Menu = /** @class */ (function (_super) {
89
89
  var children = React.Children.toArray(_this.props.children);
90
90
  var nextSelectedIndex = 0;
91
91
  var isShortcut = false;
92
- var itemCount = children.filter(function (child) {
92
+ var interactiveItems = children.filter(function (child) {
93
93
  var _a, _b;
94
94
  return !((_b = (_a = child) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.isHeader);
95
- }).length;
96
- var firstItem = 0;
97
- var lastItem = itemCount - 1;
95
+ });
96
+ var interactiveItemCount = interactiveItems.length;
97
+ var firstIndex = 0;
98
+ var lastIndex = interactiveItemCount - 1;
98
99
  if (event.key.length === 1 && event.key.match(/\S/)) {
99
100
  var start = _this.state.selectedItemIndex + 1;
100
101
  var searchIndex = void 0;
@@ -120,11 +121,11 @@ var Menu = /** @class */ (function (_super) {
120
121
  isShortcut = true;
121
122
  var nextIndex = _this.state.selectedItemIndex + direction;
122
123
  nextSelectedIndex =
123
- nextIndex < 0 ? lastItem : nextIndex >= itemCount ? firstItem : nextIndex;
124
+ nextIndex < 0 ? lastIndex : nextIndex >= interactiveItemCount ? firstIndex : nextIndex;
124
125
  break;
125
126
  case 'Home':
126
127
  case 'End':
127
- var skipTo = event.key === 'Home' ? firstItem : lastItem;
128
+ var skipTo = event.key === 'Home' ? firstIndex : lastIndex;
128
129
  isShortcut = true;
129
130
  nextSelectedIndex = skipTo;
130
131
  break;
@@ -144,7 +145,7 @@ var Menu = /** @class */ (function (_super) {
144
145
  case ' ':
145
146
  case 'Enter':
146
147
  nextSelectedIndex = _this.state.selectedItemIndex;
147
- var child = children[_this.state.selectedItemIndex];
148
+ var child = interactiveItems[_this.state.selectedItemIndex];
148
149
  _this.handleClick(event, child.props);
149
150
  isShortcut = true;
150
151
  break;
package/dist/es6/menu/lib/Menu.d.ts.map CHANGED
@@ -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,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACnF;;;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,MAAM,WAAW,SAAS;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,SAAS;IAe5B,kBAAkB,CAAC,SAAS,EAAE,SAAS;IAevC,iBAAiB;IAKjB,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,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAiB,cAAc,EAAmB,MAAM,kCAAkC,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACvF;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACnF;;;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,MAAM,WAAW,SAAS;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAaD,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,OAAO,CAAoC;IACnD,OAAO,CAAC,eAAe,CAAY;gBAEvB,KAAK,EAAE,SAAS;IAe5B,kBAAkB,CAAC,SAAS,EAAE,SAAS;IAevC,iBAAiB;IAKjB,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,CAiF7B;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"}
package/dist/es6/menu/lib/Menu.js CHANGED
@@ -65,12 +65,13 @@ var Menu = /** @class */ (function (_super) {
65
65
  var children = React.Children.toArray(_this.props.children);
66
66
  var nextSelectedIndex = 0;
67
67
  var isShortcut = false;
68
- var itemCount = children.filter(function (child) {
68
+ var interactiveItems = children.filter(function (child) {
69
69
  var _a, _b;
70
70
  return !((_b = (_a = child) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.isHeader);
71
- }).length;
72
- var firstItem = 0;
73
- var lastItem = itemCount - 1;
71
+ });
72
+ var interactiveItemCount = interactiveItems.length;
73
+ var firstIndex = 0;
74
+ var lastIndex = interactiveItemCount - 1;
74
75
  if (event.key.length === 1 && event.key.match(/\S/)) {
75
76
  var start = _this.state.selectedItemIndex + 1;
76
77
  var searchIndex = void 0;
@@ -96,11 +97,11 @@ var Menu = /** @class */ (function (_super) {
96
97
  isShortcut = true;
97
98
  var nextIndex = _this.state.selectedItemIndex + direction;
98
99
  nextSelectedIndex =
99
- nextIndex < 0 ? lastItem : nextIndex >= itemCount ? firstItem : nextIndex;
100
+ nextIndex < 0 ? lastIndex : nextIndex >= interactiveItemCount ? firstIndex : nextIndex;
100
101
  break;
101
102
  case 'Home':
102
103
  case 'End':
103
- var skipTo = event.key === 'Home' ? firstItem : lastItem;
104
+ var skipTo = event.key === 'Home' ? firstIndex : lastIndex;
104
105
  isShortcut = true;
105
106
  nextSelectedIndex = skipTo;
106
107
  break;
@@ -120,7 +121,7 @@ var Menu = /** @class */ (function (_super) {
120
121
  case ' ':
121
122
  case 'Enter':
122
123
  nextSelectedIndex = _this.state.selectedItemIndex;
123
- var child = children[_this.state.selectedItemIndex];
124
+ var child = interactiveItems[_this.state.selectedItemIndex];
124
125
  _this.handleClick(event, child.props);
125
126
  isShortcut = true;
126
127
  break;
package/menu/lib/Menu.tsx CHANGED
@@ -181,11 +181,12 @@ export default class Menu extends React.Component<MenuProps, MenuState> {
181
181
  const children = React.Children.toArray(this.props.children);
182
182
  let nextSelectedIndex = 0;
183
183
  let isShortcut = false;
184
- const itemCount = children.filter(child => {
184
+ const interactiveItems = children.filter(child => {
185
185
  return !(child as React.ReactElement<MenuItemProps>)?.props?.isHeader;
186
- }).length;
187
- const firstItem = 0;
188
- const lastItem = itemCount - 1;
186
+ });
187
+ const interactiveItemCount = interactiveItems.length;
188
+ const firstIndex = 0;
189
+ const lastIndex = interactiveItemCount - 1;
189
190
 
190
191
  if (event.key.length === 1 && event.key.match(/\S/)) {
191
192
  let start = this.state.selectedItemIndex + 1;
@@ -211,12 +212,12 @@ export default class Menu extends React.Component<MenuProps, MenuState> {
211
212
  isShortcut = true;
212
213
  const nextIndex = this.state.selectedItemIndex + direction;
213
214
  nextSelectedIndex =
214
- nextIndex < 0 ? lastItem : nextIndex >= itemCount ? firstItem : nextIndex;
215
+ nextIndex < 0 ? lastIndex : nextIndex >= interactiveItemCount ? firstIndex : nextIndex;
215
216
  break;
216
217
 
217
218
  case 'Home':
218
219
  case 'End':
219
- const skipTo = event.key === 'Home' ? firstItem : lastItem;
220
+ const skipTo = event.key === 'Home' ? firstIndex : lastIndex;
220
221
  isShortcut = true;
221
222
  nextSelectedIndex = skipTo;
222
223
  break;
@@ -239,7 +240,9 @@ export default class Menu extends React.Component<MenuProps, MenuState> {
239
240
  case ' ':
240
241
  case 'Enter':
241
242
  nextSelectedIndex = this.state.selectedItemIndex;
242
- const child = children[this.state.selectedItemIndex] as React.ReactElement<MenuItemProps>;
243
+ const child = interactiveItems[this.state.selectedItemIndex] as React.ReactElement<
244
+ MenuItemProps
245
+ >;
243
246
  this.handleClick(event, child.props);
244
247
  isShortcut = true;
245
248
  break;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-react",
3
- "version": "7.4.1",
3
+ "version": "7.4.3",
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": "^7.4.1",
49
+ "@workday/canvas-kit-react": "^7.4.3",
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": "^7.4.1",
55
+ "@workday/canvas-kit-labs-react": "^7.4.3",
56
56
  "formik": "^2.2.9",
57
57
  "react-hook-form": "7.36.1",
58
58
  "yup": "^0.32.11"
59
59
  },
60
- "gitHead": "e7ec941a539167de0027486cf9a7c03f11c9b0b1"
60
+ "gitHead": "d08e65be45e4ca55517ded3efabfd8ee76df4b6f"
61
61
  }