@workday/canvas-kit-react 11.1.19 → 11.1.21

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 (95) hide show
  1. package/collection/lib/useOverflowListMeasure.ts +18 -4
  2. package/collection/lib/useOverflowListModel.tsx +34 -6
  3. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +126 -0
  4. package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
  5. package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts +8 -0
  6. package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts.map +1 -1
  7. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +9 -1
  8. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
  9. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts +8 -0
  10. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts.map +1 -1
  11. package/dist/commonjs/action-bar/lib/useActionBarModel.d.ts +122 -0
  12. package/dist/commonjs/action-bar/lib/useActionBarModel.d.ts.map +1 -1
  13. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +499 -51
  14. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
  15. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +8 -0
  16. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -1
  17. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts +8 -0
  18. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts.map +1 -1
  19. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts +4 -0
  20. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -1
  21. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +8 -0
  22. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -1
  23. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +122 -0
  24. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map +1 -1
  25. package/dist/commonjs/collection/lib/useOverflowListItemMeasure.d.ts +4 -0
  26. package/dist/commonjs/collection/lib/useOverflowListItemMeasure.d.ts.map +1 -1
  27. package/dist/commonjs/collection/lib/useOverflowListMeasure.d.ts +5 -1
  28. package/dist/commonjs/collection/lib/useOverflowListMeasure.d.ts.map +1 -1
  29. package/dist/commonjs/collection/lib/useOverflowListMeasure.js +11 -23
  30. package/dist/commonjs/collection/lib/useOverflowListModel.d.ts +123 -1
  31. package/dist/commonjs/collection/lib/useOverflowListModel.d.ts.map +1 -1
  32. package/dist/commonjs/collection/lib/useOverflowListModel.js +20 -11
  33. package/dist/commonjs/collection/lib/useOverflowListTarget.d.ts +4 -0
  34. package/dist/commonjs/collection/lib/useOverflowListTarget.d.ts.map +1 -1
  35. package/dist/commonjs/tabs/lib/Tabs.d.ts +144 -0
  36. package/dist/commonjs/tabs/lib/Tabs.d.ts.map +1 -1
  37. package/dist/commonjs/tabs/lib/TabsItem.d.ts +8 -0
  38. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -1
  39. package/dist/commonjs/tabs/lib/TabsList.d.ts +9 -1
  40. package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -1
  41. package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts +8 -0
  42. package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts.map +1 -1
  43. package/dist/commonjs/tabs/lib/TabsPanel.d.ts +8 -0
  44. package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -1
  45. package/dist/commonjs/tabs/lib/TabsPanels.d.ts +4 -0
  46. package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +1 -1
  47. package/dist/commonjs/tabs/lib/useTabsModel.d.ts +148 -0
  48. package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +1 -1
  49. package/dist/es6/action-bar/lib/ActionBar.d.ts +126 -0
  50. package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
  51. package/dist/es6/action-bar/lib/ActionBarItem.d.ts +8 -0
  52. package/dist/es6/action-bar/lib/ActionBarItem.d.ts.map +1 -1
  53. package/dist/es6/action-bar/lib/ActionBarList.d.ts +9 -1
  54. package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
  55. package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts +8 -0
  56. package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts.map +1 -1
  57. package/dist/es6/action-bar/lib/useActionBarModel.d.ts +122 -0
  58. package/dist/es6/action-bar/lib/useActionBarModel.d.ts.map +1 -1
  59. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +499 -51
  60. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
  61. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +8 -0
  62. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -1
  63. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts +8 -0
  64. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts.map +1 -1
  65. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts +4 -0
  66. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -1
  67. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +8 -0
  68. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -1
  69. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +122 -0
  70. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map +1 -1
  71. package/dist/es6/collection/lib/useOverflowListItemMeasure.d.ts +4 -0
  72. package/dist/es6/collection/lib/useOverflowListItemMeasure.d.ts.map +1 -1
  73. package/dist/es6/collection/lib/useOverflowListMeasure.d.ts +5 -1
  74. package/dist/es6/collection/lib/useOverflowListMeasure.d.ts.map +1 -1
  75. package/dist/es6/collection/lib/useOverflowListMeasure.js +12 -5
  76. package/dist/es6/collection/lib/useOverflowListModel.d.ts +123 -1
  77. package/dist/es6/collection/lib/useOverflowListModel.d.ts.map +1 -1
  78. package/dist/es6/collection/lib/useOverflowListModel.js +20 -11
  79. package/dist/es6/collection/lib/useOverflowListTarget.d.ts +4 -0
  80. package/dist/es6/collection/lib/useOverflowListTarget.d.ts.map +1 -1
  81. package/dist/es6/tabs/lib/Tabs.d.ts +144 -0
  82. package/dist/es6/tabs/lib/Tabs.d.ts.map +1 -1
  83. package/dist/es6/tabs/lib/TabsItem.d.ts +8 -0
  84. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -1
  85. package/dist/es6/tabs/lib/TabsList.d.ts +9 -1
  86. package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -1
  87. package/dist/es6/tabs/lib/TabsOverflowButton.d.ts +8 -0
  88. package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map +1 -1
  89. package/dist/es6/tabs/lib/TabsPanel.d.ts +8 -0
  90. package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -1
  91. package/dist/es6/tabs/lib/TabsPanels.d.ts +4 -0
  92. package/dist/es6/tabs/lib/TabsPanels.d.ts.map +1 -1
  93. package/dist/es6/tabs/lib/useTabsModel.d.ts +148 -0
  94. package/dist/es6/tabs/lib/useTabsModel.d.ts.map +1 -1
  95. package/package.json +4 -4
package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useBreadcrumbsModel.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/hooks/useBreadcrumbsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,mBAAmB;IAG5B;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDL,CAAC"}
1
+ {"version":3,"file":"useBreadcrumbsModel.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/hooks/useBreadcrumbsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,mBAAmB;IAG5B;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDL,CAAC"}
package/dist/es6/collection/lib/useOverflowListItemMeasure.d.ts CHANGED
@@ -14,6 +14,7 @@ export declare const useOverflowListItemMeasure: import("@workday/canvas-kit-rea
14
14
  hiddenIds: string[];
15
15
  itemWidthCache: Record<string, number>;
16
16
  containerWidth: number;
17
+ containerGap: number;
17
18
  overflowTargetWidth: number;
18
19
  selectedIds: string[] | "all";
19
20
  unselectedIds: string[];
@@ -46,6 +47,9 @@ export declare const useOverflowListItemMeasure: import("@workday/canvas-kit-rea
46
47
  setContainerWidth(data: {
47
48
  width?: number | undefined;
48
49
  }): void;
50
+ setContainerGap(data: {
51
+ size: number;
52
+ }): void;
49
53
  setOverflowTargetWidth(data: {
50
54
  width: number;
51
55
  }): void;
package/dist/es6/collection/lib/useOverflowListItemMeasure.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useOverflowListItemMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListItemMeasure.tsx"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BtC,CAAC"}
1
+ {"version":3,"file":"useOverflowListItemMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListItemMeasure.tsx"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BtC,CAAC"}
package/dist/es6/collection/lib/useOverflowListMeasure.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const useOverflowListMeasure: import("@workday/canvas-kit-react/c
8
8
  hiddenIds: string[];
9
9
  itemWidthCache: Record<string, number>;
10
10
  containerWidth: number;
11
+ containerGap: number;
11
12
  overflowTargetWidth: number;
12
13
  selectedIds: string[] | "all";
13
14
  unselectedIds: string[];
@@ -40,6 +41,9 @@ export declare const useOverflowListMeasure: import("@workday/canvas-kit-react/c
40
41
  setContainerWidth(data: {
41
42
  width?: number | undefined;
42
43
  }): void;
44
+ setContainerGap(data: {
45
+ size: number;
46
+ }): void;
43
47
  setOverflowTargetWidth(data: {
44
48
  width: number;
45
49
  }): void;
@@ -86,6 +90,6 @@ export declare const useOverflowListMeasure: import("@workday/canvas-kit-react/c
86
90
  navigation: import("./useCursorListModel").NavigationManager;
87
91
  getId: (item: any) => string;
88
92
  }, {
89
- ref: (instance: unknown) => void;
93
+ ref: (instance: HTMLElement | null) => void;
90
94
  }>;
91
95
  //# sourceMappingURL=useOverflowListMeasure.d.ts.map
package/dist/es6/collection/lib/useOverflowListMeasure.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useOverflowListMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListMeasure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWjC,CAAC"}
1
+ {"version":3,"file":"useOverflowListMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListMeasure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBjC,CAAC"}
package/dist/es6/collection/lib/useOverflowListMeasure.js CHANGED
@@ -1,17 +1,24 @@
1
- import * as React from 'react';
2
- import { createElemPropsHook, useForkRef, useResizeObserver } from '@workday/canvas-kit-react/common';
1
+ import { createElemPropsHook, useMountLayout, useResizeObserver, useLocalRef, } from '@workday/canvas-kit-react/common';
3
2
  import { useOverflowListModel } from './useOverflowListModel';
4
3
  /**
5
4
  * This elemProps hook measures a list and reports it to an `OverflowListModel`. This is used in
6
5
  * overflow detection.
7
6
  */
8
7
  export const useOverflowListMeasure = createElemPropsHook(useOverflowListModel)((model, ref) => {
9
- const localRef = React.useRef(null);
10
- const { ref: resizeRef } = useResizeObserver({
8
+ const { elementRef, localRef } = useLocalRef(ref);
9
+ const gapProperty = model.state.orientation === 'horizontal' ? 'columnGap' : 'rowGap';
10
+ useResizeObserver({
11
11
  ref: localRef,
12
12
  onResize: model.events.setContainerWidth,
13
13
  });
14
- const elementRef = useForkRef(ref, resizeRef);
14
+ useMountLayout(() => {
15
+ if (localRef.current) {
16
+ const styles = getComputedStyle(localRef.current);
17
+ model.events.setContainerGap({
18
+ size: styles.gap === 'normal' ? 0 : Number(styles[gapProperty].replace('px', '')),
19
+ });
20
+ }
21
+ });
15
22
  return {
16
23
  ref: elementRef,
17
24
  };
package/dist/es6/collection/lib/useOverflowListModel.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Item } from './useBaseListModel';
3
- export declare function getHiddenIds(containerWidth: number, overflowTargetWidth: number, itemWidthCache: Record<string, number>, selectedIds: string[] | 'all', items?: Item<any>[]): string[];
3
+ export declare function getHiddenIds(containerWidth: number, containerGap: number, overflowTargetWidth: number, itemWidthCache: Record<string, number>, selectedIds: string[] | 'all', items: Item<any>[]): string[];
4
4
  export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Partial<{
5
5
  initialHiddenIds: string[];
6
6
  containerWidth: number;
@@ -31,6 +31,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
31
31
  hiddenIds: string[];
32
32
  itemWidthCache: Record<string, number>;
33
33
  containerWidth: number;
34
+ containerGap: number;
34
35
  overflowTargetWidth: number;
35
36
  selectedIds: string[] | "all";
36
37
  unselectedIds: string[];
@@ -62,6 +63,39 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
62
63
  hiddenIds: string[];
63
64
  itemWidthCache: Record<string, number>;
64
65
  containerWidth: number;
66
+ containerGap: number;
67
+ overflowTargetWidth: number;
68
+ selectedIds: string[] | "all";
69
+ unselectedIds: string[];
70
+ cursorId: string;
71
+ columnCount: number;
72
+ pageSizeRef: React.MutableRefObject<number>;
73
+ cursorIndexRef: {
74
+ readonly current: number;
75
+ };
76
+ UNSTABLE_virtual: {
77
+ virtualItems: import("./react-virtual").VirtualItem[];
78
+ totalSize: number;
79
+ scrollToOffset: (index: number, options?: import("./react-virtual").ScrollToOffsetOptions | undefined) => void;
80
+ scrollToIndex: (index: number, options?: import("./react-virtual").ScrollToIndexOptions | undefined) => void;
81
+ measure: () => void;
82
+ };
83
+ UNSTABLE_defaultItemHeight: number;
84
+ containerRef: React.RefObject<HTMLDivElement>;
85
+ id: string;
86
+ orientation: "horizontal" | "vertical";
87
+ indexRef: React.MutableRefObject<number>;
88
+ nonInteractiveIds: string[];
89
+ isVirtualized: boolean;
90
+ items: Item<any>[];
91
+ }) => void) | undefined;
92
+ onSetContainerGap?: ((data: {
93
+ size: number;
94
+ }, prevState: {
95
+ hiddenIds: string[];
96
+ itemWidthCache: Record<string, number>;
97
+ containerWidth: number;
98
+ containerGap: number;
65
99
  overflowTargetWidth: number;
66
100
  selectedIds: string[] | "all";
67
101
  unselectedIds: string[];
@@ -93,6 +127,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
93
127
  hiddenIds: string[];
94
128
  itemWidthCache: Record<string, number>;
95
129
  containerWidth: number;
130
+ containerGap: number;
96
131
  overflowTargetWidth: number;
97
132
  selectedIds: string[] | "all";
98
133
  unselectedIds: string[];
@@ -125,6 +160,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
125
160
  hiddenIds: string[];
126
161
  itemWidthCache: Record<string, number>;
127
162
  containerWidth: number;
163
+ containerGap: number;
128
164
  overflowTargetWidth: number;
129
165
  selectedIds: string[] | "all";
130
166
  unselectedIds: string[];
@@ -156,6 +192,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
156
192
  hiddenIds: string[];
157
193
  itemWidthCache: Record<string, number>;
158
194
  containerWidth: number;
195
+ containerGap: number;
159
196
  overflowTargetWidth: number;
160
197
  selectedIds: string[] | "all";
161
198
  unselectedIds: string[];
@@ -187,6 +224,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
187
224
  hiddenIds: string[];
188
225
  itemWidthCache: Record<string, number>;
189
226
  containerWidth: number;
227
+ containerGap: number;
190
228
  overflowTargetWidth: number;
191
229
  selectedIds: string[] | "all";
192
230
  unselectedIds: string[];
@@ -218,6 +256,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
218
256
  hiddenIds: string[];
219
257
  itemWidthCache: Record<string, number>;
220
258
  containerWidth: number;
259
+ containerGap: number;
221
260
  overflowTargetWidth: number;
222
261
  selectedIds: string[] | "all";
223
262
  unselectedIds: string[];
@@ -247,6 +286,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
247
286
  hiddenIds: string[];
248
287
  itemWidthCache: Record<string, number>;
249
288
  containerWidth: number;
289
+ containerGap: number;
250
290
  overflowTargetWidth: number;
251
291
  selectedIds: string[] | "all";
252
292
  unselectedIds: string[];
@@ -276,6 +316,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
276
316
  hiddenIds: string[];
277
317
  itemWidthCache: Record<string, number>;
278
318
  containerWidth: number;
319
+ containerGap: number;
279
320
  overflowTargetWidth: number;
280
321
  selectedIds: string[] | "all";
281
322
  unselectedIds: string[];
@@ -307,6 +348,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
307
348
  hiddenIds: string[];
308
349
  itemWidthCache: Record<string, number>;
309
350
  containerWidth: number;
351
+ containerGap: number;
310
352
  overflowTargetWidth: number;
311
353
  selectedIds: string[] | "all";
312
354
  unselectedIds: string[];
@@ -336,6 +378,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
336
378
  hiddenIds: string[];
337
379
  itemWidthCache: Record<string, number>;
338
380
  containerWidth: number;
381
+ containerGap: number;
339
382
  overflowTargetWidth: number;
340
383
  selectedIds: string[] | "all";
341
384
  unselectedIds: string[];
@@ -365,6 +408,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
365
408
  hiddenIds: string[];
366
409
  itemWidthCache: Record<string, number>;
367
410
  containerWidth: number;
411
+ containerGap: number;
368
412
  overflowTargetWidth: number;
369
413
  selectedIds: string[] | "all";
370
414
  unselectedIds: string[];
@@ -394,6 +438,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
394
438
  hiddenIds: string[];
395
439
  itemWidthCache: Record<string, number>;
396
440
  containerWidth: number;
441
+ containerGap: number;
397
442
  overflowTargetWidth: number;
398
443
  selectedIds: string[] | "all";
399
444
  unselectedIds: string[];
@@ -423,6 +468,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
423
468
  hiddenIds: string[];
424
469
  itemWidthCache: Record<string, number>;
425
470
  containerWidth: number;
471
+ containerGap: number;
426
472
  overflowTargetWidth: number;
427
473
  selectedIds: string[] | "all";
428
474
  unselectedIds: string[];
@@ -452,6 +498,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
452
498
  hiddenIds: string[];
453
499
  itemWidthCache: Record<string, number>;
454
500
  containerWidth: number;
501
+ containerGap: number;
455
502
  overflowTargetWidth: number;
456
503
  selectedIds: string[] | "all";
457
504
  unselectedIds: string[];
@@ -481,6 +528,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
481
528
  hiddenIds: string[];
482
529
  itemWidthCache: Record<string, number>;
483
530
  containerWidth: number;
531
+ containerGap: number;
484
532
  overflowTargetWidth: number;
485
533
  selectedIds: string[] | "all";
486
534
  unselectedIds: string[];
@@ -510,6 +558,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
510
558
  hiddenIds: string[];
511
559
  itemWidthCache: Record<string, number>;
512
560
  containerWidth: number;
561
+ containerGap: number;
513
562
  overflowTargetWidth: number;
514
563
  selectedIds: string[] | "all";
515
564
  unselectedIds: string[];
@@ -539,6 +588,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
539
588
  hiddenIds: string[];
540
589
  itemWidthCache: Record<string, number>;
541
590
  containerWidth: number;
591
+ containerGap: number;
542
592
  overflowTargetWidth: number;
543
593
  selectedIds: string[] | "all";
544
594
  unselectedIds: string[];
@@ -568,6 +618,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
568
618
  hiddenIds: string[];
569
619
  itemWidthCache: Record<string, number>;
570
620
  containerWidth: number;
621
+ containerGap: number;
571
622
  overflowTargetWidth: number;
572
623
  selectedIds: string[] | "all";
573
624
  unselectedIds: string[];
@@ -597,6 +648,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
597
648
  hiddenIds: string[];
598
649
  itemWidthCache: Record<string, number>;
599
650
  containerWidth: number;
651
+ containerGap: number;
600
652
  overflowTargetWidth: number;
601
653
  selectedIds: string[] | "all";
602
654
  unselectedIds: string[];
@@ -629,6 +681,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
629
681
  hiddenIds: string[];
630
682
  itemWidthCache: Record<string, number>;
631
683
  containerWidth: number;
684
+ containerGap: number;
632
685
  overflowTargetWidth: number;
633
686
  selectedIds: string[] | "all";
634
687
  unselectedIds: string[];
@@ -660,6 +713,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
660
713
  hiddenIds: string[];
661
714
  itemWidthCache: Record<string, number>;
662
715
  containerWidth: number;
716
+ containerGap: number;
663
717
  overflowTargetWidth: number;
664
718
  selectedIds: string[] | "all";
665
719
  unselectedIds: string[];
@@ -691,6 +745,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
691
745
  hiddenIds: string[];
692
746
  itemWidthCache: Record<string, number>;
693
747
  containerWidth: number;
748
+ containerGap: number;
694
749
  overflowTargetWidth: number;
695
750
  selectedIds: string[] | "all";
696
751
  unselectedIds: string[];
@@ -723,6 +778,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
723
778
  hiddenIds: string[];
724
779
  itemWidthCache: Record<string, number>;
725
780
  containerWidth: number;
781
+ containerGap: number;
726
782
  overflowTargetWidth: number;
727
783
  selectedIds: string[] | "all";
728
784
  unselectedIds: string[];
@@ -754,6 +810,39 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
754
810
  hiddenIds: string[];
755
811
  itemWidthCache: Record<string, number>;
756
812
  containerWidth: number;
813
+ containerGap: number;
814
+ overflowTargetWidth: number;
815
+ selectedIds: string[] | "all";
816
+ unselectedIds: string[];
817
+ cursorId: string;
818
+ columnCount: number;
819
+ pageSizeRef: React.MutableRefObject<number>;
820
+ cursorIndexRef: {
821
+ readonly current: number;
822
+ };
823
+ UNSTABLE_virtual: {
824
+ virtualItems: import("./react-virtual").VirtualItem[];
825
+ totalSize: number;
826
+ scrollToOffset: (index: number, options?: import("./react-virtual").ScrollToOffsetOptions | undefined) => void;
827
+ scrollToIndex: (index: number, options?: import("./react-virtual").ScrollToIndexOptions | undefined) => void;
828
+ measure: () => void;
829
+ };
830
+ UNSTABLE_defaultItemHeight: number;
831
+ containerRef: React.RefObject<HTMLDivElement>;
832
+ id: string;
833
+ orientation: "horizontal" | "vertical";
834
+ indexRef: React.MutableRefObject<number>;
835
+ nonInteractiveIds: string[];
836
+ isVirtualized: boolean;
837
+ items: Item<any>[];
838
+ }) => boolean) | undefined;
839
+ shouldSetContainerGap?: ((data: {
840
+ size: number;
841
+ }, state: {
842
+ hiddenIds: string[];
843
+ itemWidthCache: Record<string, number>;
844
+ containerWidth: number;
845
+ containerGap: number;
757
846
  overflowTargetWidth: number;
758
847
  selectedIds: string[] | "all";
759
848
  unselectedIds: string[];
@@ -785,6 +874,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
785
874
  hiddenIds: string[];
786
875
  itemWidthCache: Record<string, number>;
787
876
  containerWidth: number;
877
+ containerGap: number;
788
878
  overflowTargetWidth: number;
789
879
  selectedIds: string[] | "all";
790
880
  unselectedIds: string[];
@@ -817,6 +907,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
817
907
  hiddenIds: string[];
818
908
  itemWidthCache: Record<string, number>;
819
909
  containerWidth: number;
910
+ containerGap: number;
820
911
  overflowTargetWidth: number;
821
912
  selectedIds: string[] | "all";
822
913
  unselectedIds: string[];
@@ -848,6 +939,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
848
939
  hiddenIds: string[];
849
940
  itemWidthCache: Record<string, number>;
850
941
  containerWidth: number;
942
+ containerGap: number;
851
943
  overflowTargetWidth: number;
852
944
  selectedIds: string[] | "all";
853
945
  unselectedIds: string[];
@@ -879,6 +971,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
879
971
  hiddenIds: string[];
880
972
  itemWidthCache: Record<string, number>;
881
973
  containerWidth: number;
974
+ containerGap: number;
882
975
  overflowTargetWidth: number;
883
976
  selectedIds: string[] | "all";
884
977
  unselectedIds: string[];
@@ -910,6 +1003,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
910
1003
  hiddenIds: string[];
911
1004
  itemWidthCache: Record<string, number>;
912
1005
  containerWidth: number;
1006
+ containerGap: number;
913
1007
  overflowTargetWidth: number;
914
1008
  selectedIds: string[] | "all";
915
1009
  unselectedIds: string[];
@@ -939,6 +1033,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
939
1033
  hiddenIds: string[];
940
1034
  itemWidthCache: Record<string, number>;
941
1035
  containerWidth: number;
1036
+ containerGap: number;
942
1037
  overflowTargetWidth: number;
943
1038
  selectedIds: string[] | "all";
944
1039
  unselectedIds: string[];
@@ -968,6 +1063,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
968
1063
  hiddenIds: string[];
969
1064
  itemWidthCache: Record<string, number>;
970
1065
  containerWidth: number;
1066
+ containerGap: number;
971
1067
  overflowTargetWidth: number;
972
1068
  selectedIds: string[] | "all";
973
1069
  unselectedIds: string[];
@@ -999,6 +1095,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
999
1095
  hiddenIds: string[];
1000
1096
  itemWidthCache: Record<string, number>;
1001
1097
  containerWidth: number;
1098
+ containerGap: number;
1002
1099
  overflowTargetWidth: number;
1003
1100
  selectedIds: string[] | "all";
1004
1101
  unselectedIds: string[];
@@ -1028,6 +1125,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1028
1125
  hiddenIds: string[];
1029
1126
  itemWidthCache: Record<string, number>;
1030
1127
  containerWidth: number;
1128
+ containerGap: number;
1031
1129
  overflowTargetWidth: number;
1032
1130
  selectedIds: string[] | "all";
1033
1131
  unselectedIds: string[];
@@ -1057,6 +1155,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1057
1155
  hiddenIds: string[];
1058
1156
  itemWidthCache: Record<string, number>;
1059
1157
  containerWidth: number;
1158
+ containerGap: number;
1060
1159
  overflowTargetWidth: number;
1061
1160
  selectedIds: string[] | "all";
1062
1161
  unselectedIds: string[];
@@ -1086,6 +1185,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1086
1185
  hiddenIds: string[];
1087
1186
  itemWidthCache: Record<string, number>;
1088
1187
  containerWidth: number;
1188
+ containerGap: number;
1089
1189
  overflowTargetWidth: number;
1090
1190
  selectedIds: string[] | "all";
1091
1191
  unselectedIds: string[];
@@ -1115,6 +1215,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1115
1215
  hiddenIds: string[];
1116
1216
  itemWidthCache: Record<string, number>;
1117
1217
  containerWidth: number;
1218
+ containerGap: number;
1118
1219
  overflowTargetWidth: number;
1119
1220
  selectedIds: string[] | "all";
1120
1221
  unselectedIds: string[];
@@ -1144,6 +1245,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1144
1245
  hiddenIds: string[];
1145
1246
  itemWidthCache: Record<string, number>;
1146
1247
  containerWidth: number;
1248
+ containerGap: number;
1147
1249
  overflowTargetWidth: number;
1148
1250
  selectedIds: string[] | "all";
1149
1251
  unselectedIds: string[];
@@ -1173,6 +1275,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1173
1275
  hiddenIds: string[];
1174
1276
  itemWidthCache: Record<string, number>;
1175
1277
  containerWidth: number;
1278
+ containerGap: number;
1176
1279
  overflowTargetWidth: number;
1177
1280
  selectedIds: string[] | "all";
1178
1281
  unselectedIds: string[];
@@ -1202,6 +1305,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1202
1305
  hiddenIds: string[];
1203
1306
  itemWidthCache: Record<string, number>;
1204
1307
  containerWidth: number;
1308
+ containerGap: number;
1205
1309
  overflowTargetWidth: number;
1206
1310
  selectedIds: string[] | "all";
1207
1311
  unselectedIds: string[];
@@ -1231,6 +1335,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1231
1335
  hiddenIds: string[];
1232
1336
  itemWidthCache: Record<string, number>;
1233
1337
  containerWidth: number;
1338
+ containerGap: number;
1234
1339
  overflowTargetWidth: number;
1235
1340
  selectedIds: string[] | "all";
1236
1341
  unselectedIds: string[];
@@ -1260,6 +1365,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1260
1365
  hiddenIds: string[];
1261
1366
  itemWidthCache: Record<string, number>;
1262
1367
  containerWidth: number;
1368
+ containerGap: number;
1263
1369
  overflowTargetWidth: number;
1264
1370
  selectedIds: string[] | "all";
1265
1371
  unselectedIds: string[];
@@ -1289,6 +1395,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1289
1395
  hiddenIds: string[];
1290
1396
  itemWidthCache: Record<string, number>;
1291
1397
  containerWidth: number;
1398
+ containerGap: number;
1292
1399
  overflowTargetWidth: number;
1293
1400
  selectedIds: string[] | "all";
1294
1401
  unselectedIds: string[];
@@ -1321,6 +1428,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1321
1428
  hiddenIds: string[];
1322
1429
  itemWidthCache: Record<string, number>;
1323
1430
  containerWidth: number;
1431
+ containerGap: number;
1324
1432
  overflowTargetWidth: number;
1325
1433
  selectedIds: string[] | "all";
1326
1434
  unselectedIds: string[];
@@ -1352,6 +1460,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1352
1460
  hiddenIds: string[];
1353
1461
  itemWidthCache: Record<string, number>;
1354
1462
  containerWidth: number;
1463
+ containerGap: number;
1355
1464
  overflowTargetWidth: number;
1356
1465
  selectedIds: string[] | "all";
1357
1466
  unselectedIds: string[];
@@ -1383,6 +1492,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1383
1492
  hiddenIds: string[];
1384
1493
  itemWidthCache: Record<string, number>;
1385
1494
  containerWidth: number;
1495
+ containerGap: number;
1386
1496
  overflowTargetWidth: number;
1387
1497
  selectedIds: string[] | "all";
1388
1498
  unselectedIds: string[];
@@ -1413,6 +1523,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1413
1523
  hiddenIds: string[];
1414
1524
  itemWidthCache: Record<string, number>;
1415
1525
  containerWidth: number;
1526
+ containerGap: number;
1416
1527
  overflowTargetWidth: number;
1417
1528
  selectedIds: string[] | "all";
1418
1529
  unselectedIds: string[];
@@ -1445,6 +1556,9 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1445
1556
  setContainerWidth(data: {
1446
1557
  width?: number;
1447
1558
  }): void;
1559
+ setContainerGap(data: {
1560
+ size: number;
1561
+ }): void;
1448
1562
  setOverflowTargetWidth(data: {
1449
1563
  width: number;
1450
1564
  }): void;
@@ -1517,6 +1631,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1517
1631
  hiddenIds: string[];
1518
1632
  itemWidthCache: Record<string, number>;
1519
1633
  containerWidth: number;
1634
+ containerGap: number;
1520
1635
  overflowTargetWidth: number;
1521
1636
  selectedIds: string[] | "all";
1522
1637
  unselectedIds: string[];
@@ -1548,6 +1663,9 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1548
1663
  setContainerWidth(data: {
1549
1664
  width?: number;
1550
1665
  }): void;
1666
+ setContainerGap(data: {
1667
+ size: number;
1668
+ }): void;
1551
1669
  setOverflowTargetWidth(data: {
1552
1670
  width: number;
1553
1671
  }): void;
@@ -1594,6 +1712,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1594
1712
  hiddenIds: string[];
1595
1713
  itemWidthCache: Record<string, number>;
1596
1714
  containerWidth: number;
1715
+ containerGap: number;
1597
1716
  overflowTargetWidth: number;
1598
1717
  selectedIds: string[] | "all";
1599
1718
  unselectedIds: string[];
@@ -1626,6 +1745,9 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
1626
1745
  setContainerWidth(data: {
1627
1746
  width?: number;
1628
1747
  }): void;
1748
+ setContainerGap(data: {
1749
+ size: number;
1750
+ }): void;
1629
1751
  setOverflowTargetWidth(data: {
1630
1752
  width: number;
1631
1753
  }): void;
package/dist/es6/collection/lib/useOverflowListModel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}