@workday/canvas-kit-preview-react 14.0.0-alpha.1127-next.0 → 14.0.0-alpha.1133-next.0
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.
- package/dist/commonjs/divider/lib/Divider.js +1 -1
- package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
- package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
- package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
- package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
- package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +76 -532
- package/dist/commonjs/multi-select/lib/MultiSelect.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +10 -70
- package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +72 -108
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectInput.js +17 -8
- package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +15 -92
- package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +12 -71
- package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +5 -35
- package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +5 -35
- package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +59 -413
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/Pill.js +3 -3
- package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
- package/dist/commonjs/pill/lib/PillCount.js +1 -1
- package/dist/commonjs/pill/lib/PillIcon.js +1 -1
- package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
- package/dist/commonjs/pill/lib/PillLabel.js +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
- package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
- package/dist/commonjs/radio/lib/RadioText.js +4 -4
- package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +45 -315
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +2 -14
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +2 -14
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +4 -4
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -15
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +45 -315
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
- package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
- package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
- package/dist/es6/divider/lib/Divider.js +1 -1
- package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
- package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
- package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
- package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
- package/dist/es6/multi-select/lib/MultiSelect.d.ts +76 -532
- package/dist/es6/multi-select/lib/MultiSelect.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +10 -70
- package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +72 -108
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectInput.js +19 -10
- package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +15 -92
- package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +12 -71
- package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +5 -35
- package/dist/es6/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +5 -35
- package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +59 -413
- package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
- package/dist/es6/pill/lib/Pill.js +3 -3
- package/dist/es6/pill/lib/PillAvatar.js +1 -1
- package/dist/es6/pill/lib/PillCount.js +1 -1
- package/dist/es6/pill/lib/PillIcon.js +1 -1
- package/dist/es6/pill/lib/PillIconButton.js +1 -1
- package/dist/es6/pill/lib/PillLabel.js +1 -1
- package/dist/es6/radio/lib/RadioGroup.js +3 -3
- package/dist/es6/radio/lib/RadioLabel.js +1 -1
- package/dist/es6/radio/lib/RadioText.js +4 -4
- package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +45 -315
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +2 -14
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +2 -14
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlList.js +4 -4
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -15
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +45 -315
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +7 -7
- package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
- package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
- package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
- package/multi-select/lib/MultiSelectInput.tsx +60 -12
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB;CAAG;AAEpE,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB;CAAG;AAEpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBtB,CAAC"}
|
|
@@ -23,13 +23,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
|
|
|
23
23
|
cursorIndexRef: {
|
|
24
24
|
readonly current: number;
|
|
25
25
|
};
|
|
26
|
-
UNSTABLE_virtual:
|
|
27
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
28
|
-
totalSize: number;
|
|
29
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
30
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
31
|
-
measure: () => void;
|
|
32
|
-
};
|
|
26
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
33
27
|
UNSTABLE_defaultItemHeight: number;
|
|
34
28
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
35
29
|
orientation: "horizontal" | "vertical";
|
|
@@ -96,13 +90,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
|
|
|
96
90
|
cursorIndexRef: {
|
|
97
91
|
readonly current: number;
|
|
98
92
|
};
|
|
99
|
-
UNSTABLE_virtual:
|
|
100
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
101
|
-
totalSize: number;
|
|
102
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
103
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
104
|
-
measure: () => void;
|
|
105
|
-
};
|
|
93
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
106
94
|
UNSTABLE_defaultItemHeight: number;
|
|
107
95
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
108
96
|
id: string;
|
|
@@ -162,13 +150,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
|
|
|
162
150
|
cursorIndexRef: {
|
|
163
151
|
readonly current: number;
|
|
164
152
|
};
|
|
165
|
-
UNSTABLE_virtual:
|
|
166
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
167
|
-
totalSize: number;
|
|
168
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
169
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
170
|
-
measure: () => void;
|
|
171
|
-
};
|
|
153
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
172
154
|
UNSTABLE_defaultItemHeight: number;
|
|
173
155
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
174
156
|
id: string;
|
|
@@ -234,13 +216,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
|
|
|
234
216
|
cursorIndexRef: {
|
|
235
217
|
readonly current: number;
|
|
236
218
|
};
|
|
237
|
-
UNSTABLE_virtual:
|
|
238
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
239
|
-
totalSize: number;
|
|
240
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
241
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
242
|
-
measure: () => void;
|
|
243
|
-
};
|
|
219
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
244
220
|
UNSTABLE_defaultItemHeight: number;
|
|
245
221
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
246
222
|
id: string;
|
|
@@ -300,13 +276,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
|
|
|
300
276
|
cursorIndexRef: {
|
|
301
277
|
readonly current: number;
|
|
302
278
|
};
|
|
303
|
-
UNSTABLE_virtual:
|
|
304
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
305
|
-
totalSize: number;
|
|
306
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
307
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
308
|
-
measure: () => void;
|
|
309
|
-
};
|
|
279
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
310
280
|
UNSTABLE_defaultItemHeight: number;
|
|
311
281
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
312
282
|
id: string;
|
|
@@ -378,13 +348,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
|
|
|
378
348
|
cursorIndexRef: {
|
|
379
349
|
readonly current: number;
|
|
380
350
|
};
|
|
381
|
-
UNSTABLE_virtual:
|
|
382
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
383
|
-
totalSize: number;
|
|
384
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
385
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
386
|
-
measure: () => void;
|
|
387
|
-
};
|
|
351
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
388
352
|
UNSTABLE_defaultItemHeight: number;
|
|
389
353
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
390
354
|
orientation: "horizontal" | "vertical";
|
|
@@ -451,13 +415,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
|
|
|
451
415
|
cursorIndexRef: {
|
|
452
416
|
readonly current: number;
|
|
453
417
|
};
|
|
454
|
-
UNSTABLE_virtual:
|
|
455
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
456
|
-
totalSize: number;
|
|
457
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
458
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
459
|
-
measure: () => void;
|
|
460
|
-
};
|
|
418
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
461
419
|
UNSTABLE_defaultItemHeight: number;
|
|
462
420
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
463
421
|
id: string;
|
|
@@ -517,13 +475,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
|
|
|
517
475
|
cursorIndexRef: {
|
|
518
476
|
readonly current: number;
|
|
519
477
|
};
|
|
520
|
-
UNSTABLE_virtual:
|
|
521
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
522
|
-
totalSize: number;
|
|
523
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
524
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
525
|
-
measure: () => void;
|
|
526
|
-
};
|
|
478
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
527
479
|
UNSTABLE_defaultItemHeight: number;
|
|
528
480
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
529
481
|
id: string;
|
|
@@ -589,13 +541,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
|
|
|
589
541
|
cursorIndexRef: {
|
|
590
542
|
readonly current: number;
|
|
591
543
|
};
|
|
592
|
-
UNSTABLE_virtual:
|
|
593
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
594
|
-
totalSize: number;
|
|
595
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
596
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
597
|
-
measure: () => void;
|
|
598
|
-
};
|
|
544
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
599
545
|
UNSTABLE_defaultItemHeight: number;
|
|
600
546
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
601
547
|
id: string;
|
|
@@ -655,13 +601,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
|
|
|
655
601
|
cursorIndexRef: {
|
|
656
602
|
readonly current: number;
|
|
657
603
|
};
|
|
658
|
-
UNSTABLE_virtual:
|
|
659
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
660
|
-
totalSize: number;
|
|
661
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
662
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
663
|
-
measure: () => void;
|
|
664
|
-
};
|
|
604
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
665
605
|
UNSTABLE_defaultItemHeight: number;
|
|
666
606
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
667
607
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectCard.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAKpD,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC;CAAG;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"MultiSelectCard.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAKpD,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC;CAAG;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAS1B,CAAC"}
|
|
@@ -1,7 +1,60 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ErrorType } from '@workday/canvas-kit-react/common';
|
|
2
3
|
import { CSProps } from '@workday/canvas-kit-styling';
|
|
3
4
|
import { MultiSelectedItemProps } from './MultiSelectedItem';
|
|
4
|
-
export declare const
|
|
5
|
+
export declare const multiSelectInputStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
6
|
+
error: {
|
|
7
|
+
error: {
|
|
8
|
+
borderColor: "--cnvs-brand-error-base";
|
|
9
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base`;
|
|
10
|
+
'&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus)': {
|
|
11
|
+
borderColor: "--cnvs-brand-error-base";
|
|
12
|
+
};
|
|
13
|
+
'&:has(:focus-visible:not([disabled])), &.focus': {
|
|
14
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base, 0 0 0 2px --cnvs-sys-color-border-inverse, 0 0 0 4px --cnvs-brand-common-focus-outline`;
|
|
15
|
+
outlineOffset: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
alert: {
|
|
19
|
+
borderColor: "--cnvs-brand-alert-darkest";
|
|
20
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base`;
|
|
21
|
+
'&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled]))': {
|
|
22
|
+
borderColor: "--cnvs-brand-alert-darkest";
|
|
23
|
+
};
|
|
24
|
+
'&:has(:focus-visible, .focus):not(:has([disabled]))': {
|
|
25
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base,\n 0 0 0 2px --cnvs-sys-color-border-inverse,\n 0 0 0 4px --cnvs-brand-common-focus-outline`;
|
|
26
|
+
};
|
|
27
|
+
outlineOffset: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
}, {}, {}, never, never>;
|
|
31
|
+
/** @deprecated use `multiSelectInputStencil` instead. This will be removed in a future version. */
|
|
32
|
+
export declare const multiSelectStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
33
|
+
error: {
|
|
34
|
+
error: {
|
|
35
|
+
borderColor: "--cnvs-brand-error-base";
|
|
36
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base`;
|
|
37
|
+
'&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus)': {
|
|
38
|
+
borderColor: "--cnvs-brand-error-base";
|
|
39
|
+
};
|
|
40
|
+
'&:has(:focus-visible:not([disabled])), &.focus': {
|
|
41
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base, 0 0 0 2px --cnvs-sys-color-border-inverse, 0 0 0 4px --cnvs-brand-common-focus-outline`;
|
|
42
|
+
outlineOffset: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
alert: {
|
|
46
|
+
borderColor: "--cnvs-brand-alert-darkest";
|
|
47
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base`;
|
|
48
|
+
'&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled]))': {
|
|
49
|
+
borderColor: "--cnvs-brand-alert-darkest";
|
|
50
|
+
};
|
|
51
|
+
'&:has(:focus-visible, .focus):not(:has([disabled]))': {
|
|
52
|
+
boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base,\n 0 0 0 2px --cnvs-sys-color-border-inverse,\n 0 0 0 4px --cnvs-brand-common-focus-outline`;
|
|
53
|
+
};
|
|
54
|
+
outlineOffset: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
}, {}, {}, never, never>;
|
|
5
58
|
export declare const useMultiSelectInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
|
|
6
59
|
state: {
|
|
7
60
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
@@ -19,13 +72,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
|
|
|
19
72
|
cursorIndexRef: {
|
|
20
73
|
readonly current: number;
|
|
21
74
|
};
|
|
22
|
-
UNSTABLE_virtual:
|
|
23
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
24
|
-
totalSize: number;
|
|
25
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
26
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
27
|
-
measure: () => void;
|
|
28
|
-
};
|
|
75
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
29
76
|
UNSTABLE_defaultItemHeight: number;
|
|
30
77
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
31
78
|
orientation: "horizontal" | "vertical";
|
|
@@ -92,13 +139,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
|
|
|
92
139
|
cursorIndexRef: {
|
|
93
140
|
readonly current: number;
|
|
94
141
|
};
|
|
95
|
-
UNSTABLE_virtual:
|
|
96
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
97
|
-
totalSize: number;
|
|
98
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
99
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
100
|
-
measure: () => void;
|
|
101
|
-
};
|
|
142
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
102
143
|
UNSTABLE_defaultItemHeight: number;
|
|
103
144
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
104
145
|
id: string;
|
|
@@ -158,13 +199,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
|
|
|
158
199
|
cursorIndexRef: {
|
|
159
200
|
readonly current: number;
|
|
160
201
|
};
|
|
161
|
-
UNSTABLE_virtual:
|
|
162
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
163
|
-
totalSize: number;
|
|
164
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
165
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
166
|
-
measure: () => void;
|
|
167
|
-
};
|
|
202
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
168
203
|
UNSTABLE_defaultItemHeight: number;
|
|
169
204
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
170
205
|
id: string;
|
|
@@ -230,13 +265,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
|
|
|
230
265
|
cursorIndexRef: {
|
|
231
266
|
readonly current: number;
|
|
232
267
|
};
|
|
233
|
-
UNSTABLE_virtual:
|
|
234
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
235
|
-
totalSize: number;
|
|
236
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
237
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
238
|
-
measure: () => void;
|
|
239
|
-
};
|
|
268
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
240
269
|
UNSTABLE_defaultItemHeight: number;
|
|
241
270
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
242
271
|
id: string;
|
|
@@ -296,13 +325,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
|
|
|
296
325
|
cursorIndexRef: {
|
|
297
326
|
readonly current: number;
|
|
298
327
|
};
|
|
299
|
-
UNSTABLE_virtual:
|
|
300
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
301
|
-
totalSize: number;
|
|
302
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
303
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
304
|
-
measure: () => void;
|
|
305
|
-
};
|
|
328
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
306
329
|
UNSTABLE_defaultItemHeight: number;
|
|
307
330
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
308
331
|
id: string;
|
|
@@ -395,9 +418,10 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
|
|
|
395
418
|
readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
|
|
396
419
|
}, {}>>>>>>>, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
|
|
397
420
|
export interface MultiSelectInputProps extends CSProps, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'className' | 'style' | 'aria-labelledby'>, Pick<MultiSelectedItemProps, 'removeLabel'> {
|
|
421
|
+
error?: ErrorType;
|
|
398
422
|
}
|
|
399
423
|
export declare const MultiSelectInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
|
|
400
|
-
ErrorType: typeof
|
|
424
|
+
ErrorType: typeof ErrorType;
|
|
401
425
|
}, MultiSelectInputProps, {
|
|
402
426
|
state: {
|
|
403
427
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
@@ -415,13 +439,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
|
|
|
415
439
|
cursorIndexRef: {
|
|
416
440
|
readonly current: number;
|
|
417
441
|
};
|
|
418
|
-
UNSTABLE_virtual:
|
|
419
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
420
|
-
totalSize: number;
|
|
421
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
422
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
423
|
-
measure: () => void;
|
|
424
|
-
};
|
|
442
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
425
443
|
UNSTABLE_defaultItemHeight: number;
|
|
426
444
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
427
445
|
orientation: "horizontal" | "vertical";
|
|
@@ -488,13 +506,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
|
|
|
488
506
|
cursorIndexRef: {
|
|
489
507
|
readonly current: number;
|
|
490
508
|
};
|
|
491
|
-
UNSTABLE_virtual:
|
|
492
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
493
|
-
totalSize: number;
|
|
494
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
495
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
496
|
-
measure: () => void;
|
|
497
|
-
};
|
|
509
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
498
510
|
UNSTABLE_defaultItemHeight: number;
|
|
499
511
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
500
512
|
id: string;
|
|
@@ -554,13 +566,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
|
|
|
554
566
|
cursorIndexRef: {
|
|
555
567
|
readonly current: number;
|
|
556
568
|
};
|
|
557
|
-
UNSTABLE_virtual:
|
|
558
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
559
|
-
totalSize: number;
|
|
560
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
561
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
562
|
-
measure: () => void;
|
|
563
|
-
};
|
|
569
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
564
570
|
UNSTABLE_defaultItemHeight: number;
|
|
565
571
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
566
572
|
id: string;
|
|
@@ -626,13 +632,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
|
|
|
626
632
|
cursorIndexRef: {
|
|
627
633
|
readonly current: number;
|
|
628
634
|
};
|
|
629
|
-
UNSTABLE_virtual:
|
|
630
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
631
|
-
totalSize: number;
|
|
632
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
633
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
634
|
-
measure: () => void;
|
|
635
|
-
};
|
|
635
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
636
636
|
UNSTABLE_defaultItemHeight: number;
|
|
637
637
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
638
638
|
id: string;
|
|
@@ -692,13 +692,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
|
|
|
692
692
|
cursorIndexRef: {
|
|
693
693
|
readonly current: number;
|
|
694
694
|
};
|
|
695
|
-
UNSTABLE_virtual:
|
|
696
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
697
|
-
totalSize: number;
|
|
698
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
699
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
700
|
-
measure: () => void;
|
|
701
|
-
};
|
|
695
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
702
696
|
UNSTABLE_defaultItemHeight: number;
|
|
703
697
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
704
698
|
id: string;
|
|
@@ -752,7 +746,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
|
|
|
752
746
|
};
|
|
753
747
|
}>;
|
|
754
748
|
export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
|
|
755
|
-
ErrorType: typeof
|
|
749
|
+
ErrorType: typeof ErrorType;
|
|
756
750
|
}, MultiSelectInputProps, {
|
|
757
751
|
state: {
|
|
758
752
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
@@ -770,13 +764,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
|
|
|
770
764
|
cursorIndexRef: {
|
|
771
765
|
readonly current: number;
|
|
772
766
|
};
|
|
773
|
-
UNSTABLE_virtual:
|
|
774
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
775
|
-
totalSize: number;
|
|
776
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
777
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
778
|
-
measure: () => void;
|
|
779
|
-
};
|
|
767
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
780
768
|
UNSTABLE_defaultItemHeight: number;
|
|
781
769
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
782
770
|
orientation: "horizontal" | "vertical";
|
|
@@ -843,13 +831,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
|
|
|
843
831
|
cursorIndexRef: {
|
|
844
832
|
readonly current: number;
|
|
845
833
|
};
|
|
846
|
-
UNSTABLE_virtual:
|
|
847
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
848
|
-
totalSize: number;
|
|
849
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
850
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
851
|
-
measure: () => void;
|
|
852
|
-
};
|
|
834
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
853
835
|
UNSTABLE_defaultItemHeight: number;
|
|
854
836
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
855
837
|
id: string;
|
|
@@ -909,13 +891,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
|
|
|
909
891
|
cursorIndexRef: {
|
|
910
892
|
readonly current: number;
|
|
911
893
|
};
|
|
912
|
-
UNSTABLE_virtual:
|
|
913
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
914
|
-
totalSize: number;
|
|
915
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
916
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
917
|
-
measure: () => void;
|
|
918
|
-
};
|
|
894
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
919
895
|
UNSTABLE_defaultItemHeight: number;
|
|
920
896
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
921
897
|
id: string;
|
|
@@ -981,13 +957,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
|
|
|
981
957
|
cursorIndexRef: {
|
|
982
958
|
readonly current: number;
|
|
983
959
|
};
|
|
984
|
-
UNSTABLE_virtual:
|
|
985
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
986
|
-
totalSize: number;
|
|
987
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
988
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
989
|
-
measure: () => void;
|
|
990
|
-
};
|
|
960
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
991
961
|
UNSTABLE_defaultItemHeight: number;
|
|
992
962
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
993
963
|
id: string;
|
|
@@ -1047,13 +1017,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
|
|
|
1047
1017
|
cursorIndexRef: {
|
|
1048
1018
|
readonly current: number;
|
|
1049
1019
|
};
|
|
1050
|
-
UNSTABLE_virtual:
|
|
1051
|
-
virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
|
|
1052
|
-
totalSize: number;
|
|
1053
|
-
scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
|
|
1054
|
-
scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
1055
|
-
measure: () => void;
|
|
1056
|
-
};
|
|
1020
|
+
UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
|
|
1057
1021
|
UNSTABLE_defaultItemHeight: number;
|
|
1058
1022
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1059
1023
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAgB,OAAO,EAA6B,MAAM,6BAA6B,CAAC;AAO/F,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAG3D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;wBA8GlC,CAAC;AAEH,mGAAmG;AACnG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;wBAA0B,CAAC;AAE1D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAGT,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sMA2BzC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,OAAO,EACb,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,CACvD,EACD,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDlC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.MultiSelectSearchInput = exports.MultiSelectInput = exports.useMultiSelectInput = exports.multiSelectStencil = void 0;
|
|
3
|
+
exports.MultiSelectSearchInput = exports.MultiSelectInput = exports.useMultiSelectInput = exports.multiSelectStencil = exports.multiSelectInputStencil = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
6
6
|
const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
|
|
@@ -12,9 +12,18 @@ const collection_1 = require("@workday/canvas-kit-react/collection");
|
|
|
12
12
|
const combobox_1 = require("@workday/canvas-kit-react/combobox");
|
|
13
13
|
const useMultiSelectModel_1 = require("./useMultiSelectModel");
|
|
14
14
|
const MultiSelectedList_1 = require("./MultiSelectedList");
|
|
15
|
-
exports.
|
|
16
|
-
|
|
17
|
-
}, "
|
|
15
|
+
exports.multiSelectInputStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
16
|
+
//@ts-ignore Types don't like defining a variable in `base` and using a variable in a nested selector. One or the other is fine, but not both.
|
|
17
|
+
base: { name: "qvof5w", styles: "box-sizing:border-box;border:1px solid var(--cnvs-sys-color-border-input-default);display:flex;flex-direction:column;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1);min-height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;margin:0;--width-text-input-696c53:100%;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:has(:focus-visible:not([disabled])), &.focus{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default);}& [data-part=\"user-input\"]{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);background-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);&:where([data-part=\"user-input\"], [data-part=\"form-input\"]){height:calc(var(--cnvs-sys-space-x10) - 0.125rem);}border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}&:has(:disabled, .disabled){border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-text-disabled);}& :where([data-part=\"form-input\"]){position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;}& :where([data-part=\"separator\"]){background-color:var(--cnvs-sys-color-border-divider);height:1px;margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);}& :where([data-part=\"list\"]){display:flex;gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);flex-wrap:wrap;}" },
|
|
18
|
+
modifiers: {
|
|
19
|
+
error: {
|
|
20
|
+
error: { name: "qvof5x", styles: "border-color:var(--cnvs-brand-error-base);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base);&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus){border-color:var(--cnvs-brand-error-base);}&:has(:focus-visible:not([disabled])), &.focus{box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base), 0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
|
|
21
|
+
alert: { name: "qvof5y", styles: "border-color:var(--cnvs-brand-alert-darkest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base);&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled])){border-color:var(--cnvs-brand-alert-darkest);}&:has(:focus-visible, .focus):not(:has([disabled])){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base),\n 0 0 0 2px var(--cnvs-sys-color-border-inverse),\n 0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}, "multi-select-input-e00caf");
|
|
25
|
+
/** @deprecated use `multiSelectInputStencil` instead. This will be removed in a future version. */
|
|
26
|
+
exports.multiSelectStencil = exports.multiSelectInputStencil;
|
|
18
27
|
exports.useMultiSelectInput = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useMultiSelectModel_1.useMultiSelectModel)((model, ref) => {
|
|
19
28
|
return {
|
|
20
29
|
onKeyDown(event) {
|
|
@@ -42,12 +51,12 @@ exports.useMultiSelectInput = (0, common_1.composeHooks)((0, common_1.createElem
|
|
|
42
51
|
exports.MultiSelectInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
|
|
43
52
|
modelHook: useMultiSelectModel_1.useMultiSelectModel,
|
|
44
53
|
elemPropsHook: exports.useMultiSelectInput,
|
|
45
|
-
})(({ className, cs, style, 'aria-labelledby': ariaLabelledBy, removeLabel, disabled, formInputProps, ...elemProps }, Element
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.
|
|
54
|
+
})(({ className, cs, style, error, 'aria-labelledby': ariaLabelledBy, removeLabel, disabled, formInputProps, ...elemProps }, Element) => {
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.multiSelectInputStencil)({ error })), children: [(0, jsx_runtime_1.jsxs)(text_input_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "form-input", ...formInputProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "user-input", as: Element, "aria-labelledby": ariaLabelledBy, readOnly: true, disabled: disabled, error: error, ...elemProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }) })] }), (0, jsx_runtime_1.jsx)(MultiSelectedList_1.MultiSelectedList, { disabled: disabled, removeLabel: removeLabel })] }));
|
|
47
56
|
});
|
|
48
57
|
exports.MultiSelectSearchInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
|
|
49
58
|
modelHook: useMultiSelectModel_1.useMultiSelectModel,
|
|
50
59
|
elemPropsHook: exports.useMultiSelectInput,
|
|
51
|
-
})(({ className, cs, style, 'aria-labelledby': ariaLabelledBy, removeLabel, formInputProps, ref, disabled, ...elemProps }, Element
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.
|
|
60
|
+
})(({ className, cs, style, 'aria-labelledby': ariaLabelledBy, removeLabel, formInputProps, ref, disabled, error, ...elemProps }, Element) => {
|
|
61
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.multiSelectInputStencil)({})), children: [(0, jsx_runtime_1.jsxs)(text_input_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerStart, { pointerEvents: "none", width: canvas_tokens_web_1.system.space.x8, children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.searchIcon, size: canvas_tokens_web_1.system.space.x4 }) }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "form-input", placeholder: null, ...formInputProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "user-input", as: Element, "aria-labelledby": ariaLabelledBy, disabled: disabled, error: error, ...elemProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { width: canvas_tokens_web_1.system.space.x4, children: (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.ClearButton, {}) }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }) })] }), (0, jsx_runtime_1.jsx)(MultiSelectedList_1.MultiSelectedList, { removeLabel: removeLabel, disabled: disabled })] }));
|
|
53
62
|
});
|