@workday/canvas-kit-react 8.0.0-alpha.125-next.4 → 8.0.0-alpha.136-next.5

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 (83) hide show
  1. package/action-bar/lib/ActionBarList.tsx +2 -9
  2. package/action-bar/package.json +2 -1
  3. package/avatar/package.json +2 -1
  4. package/badge/package.json +2 -1
  5. package/banner/package.json +2 -1
  6. package/button/package.json +2 -1
  7. package/card/package.json +2 -1
  8. package/checkbox/package.json +2 -1
  9. package/collection/index.ts +2 -0
  10. package/collection/lib/useBaseListModel.tsx +1 -1
  11. package/collection/lib/useCursorListModel.tsx +88 -20
  12. package/collection/lib/useGridModel.ts +34 -0
  13. package/collection/lib/useListItemRovingFocus.tsx +6 -4
  14. package/collection/package.json +2 -1
  15. package/color-picker/package.json +2 -1
  16. package/common/package.json +2 -1
  17. package/dialog/package.json +2 -1
  18. package/disclosure/package.json +2 -1
  19. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +0 -58
  20. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
  21. package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -3
  22. package/dist/commonjs/collection/index.d.ts +2 -0
  23. package/dist/commonjs/collection/index.d.ts.map +1 -1
  24. package/dist/commonjs/collection/index.js +5 -1
  25. package/dist/commonjs/collection/lib/useBaseListModel.js +1 -1
  26. package/dist/commonjs/collection/lib/useCursorListModel.d.ts +64 -101
  27. package/dist/commonjs/collection/lib/useCursorListModel.d.ts.map +1 -1
  28. package/dist/commonjs/collection/lib/useCursorListModel.js +64 -23
  29. package/dist/commonjs/collection/lib/useGridModel.d.ts +955 -0
  30. package/dist/commonjs/collection/lib/useGridModel.d.ts.map +1 -0
  31. package/dist/commonjs/collection/lib/useGridModel.js +52 -0
  32. package/dist/commonjs/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
  33. package/dist/commonjs/collection/lib/useListItemRovingFocus.js +6 -4
  34. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
  35. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
  36. package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
  37. package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
  38. package/dist/commonjs/radio/lib/RadioGroup.js +5 -1
  39. package/dist/es6/action-bar/lib/ActionBarList.d.ts +0 -58
  40. package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
  41. package/dist/es6/action-bar/lib/ActionBarList.js +3 -4
  42. package/dist/es6/collection/index.d.ts +2 -0
  43. package/dist/es6/collection/index.d.ts.map +1 -1
  44. package/dist/es6/collection/index.js +2 -0
  45. package/dist/es6/collection/lib/useBaseListModel.js +1 -1
  46. package/dist/es6/collection/lib/useCursorListModel.d.ts +64 -101
  47. package/dist/es6/collection/lib/useCursorListModel.d.ts.map +1 -1
  48. package/dist/es6/collection/lib/useCursorListModel.js +64 -23
  49. package/dist/es6/collection/lib/useGridModel.d.ts +955 -0
  50. package/dist/es6/collection/lib/useGridModel.d.ts.map +1 -0
  51. package/dist/es6/collection/lib/useGridModel.js +49 -0
  52. package/dist/es6/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
  53. package/dist/es6/collection/lib/useListItemRovingFocus.js +6 -4
  54. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
  55. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
  56. package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
  57. package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
  58. package/dist/es6/radio/lib/RadioGroup.js +5 -1
  59. package/form-field/package.json +2 -1
  60. package/icon/package.json +2 -1
  61. package/layout/package.json +2 -1
  62. package/loading-animation/package.json +2 -1
  63. package/menu/package.json +2 -1
  64. package/modal/package.json +2 -1
  65. package/package.json +5 -5
  66. package/pagination/lib/Pagination/common/useLiveRegion.tsx +0 -2
  67. package/pagination/package.json +2 -1
  68. package/popup/package.json +2 -1
  69. package/radio/lib/RadioGroup.tsx +5 -1
  70. package/radio/package.json +2 -1
  71. package/segmented-control/package.json +2 -1
  72. package/select/package.json +2 -1
  73. package/side-panel/package.json +2 -1
  74. package/skeleton/package.json +2 -1
  75. package/status-indicator/package.json +2 -1
  76. package/switch/package.json +2 -1
  77. package/table/package.json +2 -1
  78. package/tabs/package.json +2 -1
  79. package/text-area/package.json +2 -1
  80. package/text-input/package.json +2 -1
  81. package/toast/package.json +2 -1
  82. package/tokens/package.json +2 -1
  83. package/tooltip/package.json +2 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useGridModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useGridModel.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;IAGrB;;;;;;;;;OASG;;;;;;;;;;;;;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAfH;;;;;;;;;OASG;;;;;;;;;;;;;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASL,CAAC"}
@@ -0,0 +1,52 @@
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
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.useGridModel = void 0;
26
+ var common_1 = require("@workday/canvas-kit-react/common");
27
+ var useCursorListModel_1 = require("./useCursorListModel");
28
+ var useListModel_1 = require("./useListModel");
29
+ var _a = useListModel_1.useListModel.defaultConfig, columnCount = _a.columnCount, orientation = _a.orientation, defaultConfig = __rest(_a, ["columnCount", "orientation"]);
30
+ exports.useGridModel = common_1.createModelHook({
31
+ defaultConfig: __assign(__assign({}, defaultConfig), {
32
+ /**
33
+ * Controls the state changes when the user sends navigation events to the model. For example,
34
+ * when the user hits the "right" arrow, a behavior hook will determine directionality
35
+ * (left-to-right or right-to-left) and call the correct navigation method. In our example, a
36
+ * left-to-right language would send a `getNext`. The navigation manager may return the next
37
+ * item in the list. Different managers can be created for slightly different use cases. The
38
+ * default navigation manager will stop when the end of a row/column is detected. For example,
39
+ * `getNext` will return the same item the cursor was previously on if the cursor is on the last
40
+ * item of a row.
41
+ */
42
+ navigation: useCursorListModel_1.navigationManager }),
43
+ requiredConfig: __assign({
44
+ /**
45
+ * The number of columns represented in a grid
46
+ */
47
+ columnCount: 1 }, useListModel_1.useListModel.requiredConfig),
48
+ contextOverride: useListModel_1.useListModel.Context,
49
+ })(function (config) {
50
+ var list = useListModel_1.useListModel(config);
51
+ return list;
52
+ });
@@ -1 +1 @@
1
- {"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA+BX;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqCZ,mBAAmB;;;;;;;;;OA6CzC,CAAC"}
1
+ {"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA+BX;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqCZ,mBAAmB;;;;;;;;;OA+CzC,CAAC"}
@@ -100,10 +100,12 @@ exports.useListItemRovingFocus = common_1.createElemPropsHook(useCursorListModel
100
100
  if (event.ctrlKey) {
101
101
  for (var key in ctrlKeyMap) {
102
102
  if (hasOwnKey(ctrlKeyMap, key)) {
103
- keyDownRef.current = true;
104
- (_a = events[ctrlKeyMap[key]]) === null || _a === void 0 ? void 0 : _a.call(events);
105
- event.preventDefault();
106
- return;
103
+ if (event.key === key) {
104
+ keyDownRef.current = true;
105
+ (_a = events[ctrlKeyMap[key]]) === null || _a === void 0 ? void 0 : _a.call(events);
106
+ event.preventDefault();
107
+ return;
108
+ }
107
109
  }
108
110
  }
109
111
  }
@@ -1,7 +1,6 @@
1
1
  declare type UseLiveRegionConfig = {
2
2
  'aria-atomic'?: React.AriaAttributes['aria-atomic'];
3
3
  'aria-live'?: 'polite' | 'assertive';
4
- 'aria-relevant'?: React.AriaAttributes['aria-relevant'];
5
4
  role?: 'status' | 'alert' | 'log';
6
5
  shouldAnnounceToScreenReader?: boolean;
7
6
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAY/D"}
1
+ {"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}
@@ -27,7 +27,7 @@ function useLiveRegion(config) {
27
27
  if (config === void 0) { config = {}; }
28
28
  var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
29
29
  if (shouldAnnounceToScreenReader) {
30
- return __assign({ 'aria-atomic': true, 'aria-live': 'polite', 'aria-relevant': true, role: 'status' }, restConfig);
30
+ return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
31
31
  }
32
32
  return {};
33
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAgCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,OAAO,EAAC,UAAU,EAAC,CAAC"}
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,OAAO,EAAC,UAAU,EAAC,CAAC"}
@@ -67,8 +67,12 @@ var Container = common_1.styled('div')({
67
67
  margin: "-" + tokens_1.space.xxxs + " -" + tokens_1.space.xs,
68
68
  '& > div': {
69
69
  margin: tokens_1.space.xxs + " " + tokens_1.space.zero,
70
+ alignItems: 'flex-start',
71
+ '> div': {
72
+ flex: '0 0 auto',
73
+ },
70
74
  '&:first-of-type': {
71
- marginTop: tokens_1.space.xxxs,
75
+ marginTop: '6px',
72
76
  },
73
77
  '&:last-child': {
74
78
  marginBottom: tokens_1.space.xxxs,
@@ -13,64 +13,6 @@ export interface ActionBarListProps<T = any> extends Omit<Partial<ExtractProps<t
13
13
  */
14
14
  children: ((item: T, index: number) => React.ReactNode) | React.ReactNode;
15
15
  }
16
- export declare const useActionBarList: <P extends {}, R>(model: {
17
- state: {
18
- selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
19
- unselectedIds: string[];
20
- cursorId: string;
21
- columnCount: number;
22
- UNSTABLE_virtual: {
23
- virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
24
- totalSize: number;
25
- scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
26
- scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
27
- measure: () => void;
28
- };
29
- UNSTABLE_defaultItemHeight: number;
30
- containerRef: React.RefObject<HTMLDivElement>;
31
- id: string;
32
- orientation: import("../../collection/lib/useBaseListModel").Orientation;
33
- indexRef: React.MutableRefObject<number>;
34
- nonInteractiveIds: string[];
35
- isVirtualized: boolean;
36
- items: import("../../collection").Item<any>[];
37
- };
38
- events: {
39
- select(data: {
40
- id: string;
41
- }): void;
42
- selectAll(): void;
43
- unselectAll(): void;
44
- registerItem(data: {
45
- item: any;
46
- textValue: string;
47
- }): void;
48
- goTo(data: {
49
- id: string;
50
- }): void;
51
- goToNext(): void;
52
- goToPrevious(): void;
53
- goToPreviousRow(): void;
54
- goToNextRow(): void;
55
- goToFirst(): void;
56
- goToLast(): void;
57
- goToFirstOfRow(): void;
58
- goToLastOfRow(): void;
59
- goToNextPage(): void;
60
- goToPreviousPage(): void;
61
- unregisterItem(data: {
62
- id: string;
63
- }): void;
64
- updateItemHeight(data: {
65
- value: number;
66
- }): void;
67
- };
68
- selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
69
- navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
70
- getId: (item: any) => string;
71
- }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
72
- ref: React.Ref<R>;
73
- } : {});
74
16
  export declare const ActionBarList: import("../../common").ElementComponentM<"div", ActionBarListProps<any>, {
75
17
  state: {
76
18
  hiddenIds: string[];
@@ -1 +1 @@
1
- {"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAWxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACrE;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAWD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAiE,CAAC;AAE/F,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}
1
+ {"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAOxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACrE;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAWD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}
@@ -22,9 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  };
23
23
  import * as React from 'react';
24
24
  import { commonColors, colors, space } from '@workday/canvas-kit-react/tokens';
25
- import { composeHooks, createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
25
+ import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
26
26
  import { HStack } from '@workday/canvas-kit-react/layout';
27
- import { useOverflowListMeasure, useListRenderItems, useListResetCursorOnBlur, } from '@workday/canvas-kit-react/collection';
27
+ import { useOverflowListMeasure, useListRenderItems } from '@workday/canvas-kit-react/collection';
28
28
  import { useActionBarModel } from './useActionBarModel';
29
29
  import { ActionBar } from './ActionBar';
30
30
  var ResponsiveHStack = styled(HStack)(function (_a) {
@@ -39,11 +39,10 @@ var ResponsiveHStack = styled(HStack)(function (_a) {
39
39
  },
40
40
  _b);
41
41
  });
42
- export var useActionBarList = composeHooks(useOverflowListMeasure, useListResetCursorOnBlur);
43
42
  export var ActionBarList = createSubcomponent('div')({
44
43
  displayName: 'ActionBar.List',
45
44
  modelHook: useActionBarModel,
46
- elemPropsHook: useActionBarList,
45
+ elemPropsHook: useOverflowListMeasure,
47
46
  })(function (_a, Element, model) {
48
47
  var children = _a.children, elemProps = __rest(_a, ["children"]);
49
48
  return (React.createElement(ResponsiveHStack, __assign({ as: Element, spacing: "s", depth: 1, background: commonColors.background, borderTop: "solid 1px " + colors.soap400, padding: space.s + " " + space.xl + " ", position: "fixed", bottom: 0, left: 0, right: 0 }, elemProps),
@@ -9,6 +9,8 @@ export * from './lib/useListResetCursorOnBlur';
9
9
  export * from './lib/useListItemRovingFocus';
10
10
  export * from './lib/useListItemSelect';
11
11
  export * from './lib/useListModel';
12
+ export * from './lib/useGridModel';
12
13
  export { ListBox } from './lib/ListBox';
13
14
  export { singleSelectionManager, multiSelectionManager, isSelected, } from './lib/useSelectionListModel';
15
+ export { wrappingNavigationManager, navigationManager } from './lib/useCursorListModel';
14
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,yBAAyB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC"}
@@ -9,5 +9,7 @@ export * from './lib/useListResetCursorOnBlur';
9
9
  export * from './lib/useListItemRovingFocus';
10
10
  export * from './lib/useListItemSelect';
11
11
  export * from './lib/useListModel';
12
+ export * from './lib/useGridModel';
12
13
  export { ListBox } from './lib/ListBox';
13
14
  export { singleSelectionManager, multiSelectionManager, isSelected, } from './lib/useSelectionListModel';
15
+ export { wrappingNavigationManager, navigationManager } from './lib/useCursorListModel';
@@ -134,7 +134,7 @@ export var useBaseListModel = createModelHook({
134
134
  return items.concat({
135
135
  id: getId(data.item),
136
136
  value: data.item,
137
- index: items.length - 1,
137
+ index: items.length,
138
138
  textValue: data.textValue,
139
139
  });
140
140
  });