@react-spectrum/list 3.0.0-alpha.8 → 3.0.0-alpha.9

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 (11) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +145 -16
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +146 -17
  5. package/dist/module.js.map +1 -1
  6. package/dist/types.d.ts +2 -0
  7. package/dist/types.d.ts.map +1 -1
  8. package/package.json +34 -28
  9. package/src/ListView.tsx +93 -17
  10. package/src/ListViewItem.tsx +50 -9
  11. package/src/listview.css +42 -3
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- .react-spectrum-ListView_d68562{box-sizing:border-box;border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300));border-style:solid;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);border-collapse:separate;border-spacing:0;background-color:var(--spectrum-global-color-gray-50);outline:0;padding:0;position:relative;overflow:auto;transform:translate(0,0)}.react-spectrum-ListView_d68562 [role=row]{outline:0}.react-spectrum-ListView--quiet_d68562{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-width:0}.react-spectrum-ListViewItem_d68562{display:-ms-grid;border:1px solid #0000;border-bottom-color:var(--spectrum-global-color-gray-300);box-sizing:border-box;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-regular,400);line-height:calc(var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100))*var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)) - 1px);padding:var(--spectrum-global-dimension-size-75)var(--spectrum-global-dimension-size-150);transition:background-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));min-height:var(--spectrum-global-dimension-size-500);outline:0;display:grid;position:relative}.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected));border-color:var(--spectrum-global-color-blue-500)}.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562.is-hovered_d68562,.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562.is-active_d68562{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562.is-previous-selected_d68562:not(.is-focused_d68562){border-top-color:#0000}.react-spectrum-ListViewItem_d68562.is-hovered_d68562,.react-spectrum-ListViewItem_d68562.is-focused_d68562{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_d68562.focus-ring_d68562{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover));box-shadow:inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-global-color-blue-500)}.react-spectrum-ListViewItem_d68562.is-active_d68562{background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}.react-spectrum-ListViewItem_d68562.is-selected_d68562,.react-spectrum-ListViewItem_d68562.is-selected_d68562.is-hovered_d68562,.react-spectrum-ListViewItem_d68562.is-selected_d68562.is-active_d68562{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_d68562.has-checkbox_d68562{padding-top:0;padding-bottom:0}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-grid_d68562{display:-ms-grid;-ms-grid-columns:auto auto auto 1fr auto auto;-ms-grid-rows:1fr auto;grid-template:"checkbox icon image content actions actionmenu chevron"1fr"checkbox icon image description actions actionmenu chevron"/auto auto auto 1fr auto auto;align-items:center;display:grid}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-checkbox_d68562{-ms-grid-column-align:center;min-height:0;height:100%;grid-area:checkbox;place-items:center}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-checkbox_d68562>span{margin:0}[dir=ltr] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-icon_d68562,[dir=ltr] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-icon_d68562,[dir=rtl] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{padding-left:var(--spectrum-global-dimension-size-100)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-icon_d68562,.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{-ms-grid-column-align:center;grid-area:image;place-items:center}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{border-radius:var(--spectrum-global-dimension-size-25);width:var(--spectrum-global-dimension-size-400);height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-content_d68562,.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-description_d68562{flex-grow:1}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-content_d68562{grid-area:content}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-description_d68562{grid-area:description}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-actions_d68562{flex-grow:0;flex-shrink:0;grid-area:actions}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-actionmenu_d68562{grid-area:actionmenu}[dir=ltr] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-parentIndicator_d68562{padding-left:var(--spectrum-global-dimension-size-75)}[dir=rtl] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-parentIndicator_d68562{padding-right:var(--spectrum-global-dimension-size-75)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-parentIndicator_d68562{grid-area:chevron}[dir=ltr] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562,[dir=ltr] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-top-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=ltr] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562,[dir=ltr] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-bottom-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}.react-spectrum-ListView--compact_d68562 .react-spectrum-ListViewItem_d68562{padding-top:var(--spectrum-global-dimension-size-50);padding-bottom:var(--spectrum-global-dimension-size-50);min-height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListView--spacious_d68562 .react-spectrum-ListViewItem_d68562{padding-top:var(--spectrum-global-dimension-size-100);padding-bottom:var(--spectrum-global-dimension-size-100);min-height:var(--spectrum-global-dimension-size-600)}.react-spectrum-ListView-centeredWrapper_d68562{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.react-spectrum-ListView-centeredWrapper_d68562.react-spectrum-ListView-centeredWrapper--loadingMore_d68562{padding-top:var(--spectrum-global-dimension-size-50)}
1
+ .react-spectrum-ListView_d68562{box-sizing:border-box;border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300));border-style:solid;border-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));vertical-align:var(--spectrum-table-cell-vertical-alignment,top);border-collapse:separate;border-spacing:0;background-color:var(--spectrum-global-color-gray-50);outline:0;padding:0;position:relative;overflow:auto;transform:translate(0,0)}.react-spectrum-ListView_d68562 [role=row]{outline:0}.react-spectrum-ListView--quiet_d68562{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-width:0}.react-spectrum-ListViewItem_d68562{display:-ms-grid;border:1px solid #0000;border-bottom-color:var(--spectrum-global-color-gray-300);box-sizing:border-box;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));font-weight:var(--spectrum-global-font-weight-regular,400);line-height:calc(var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100))*var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium)) - 1px);padding:var(--spectrum-global-dimension-size-75)var(--spectrum-global-dimension-size-150);transition:background-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800));min-height:var(--spectrum-global-dimension-size-500);outline:0;display:grid;position:relative}.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected));border-color:var(--spectrum-global-color-blue-500)}.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562.is-hovered_d68562,.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562.is-active_d68562{background-color:var(--spectrum-table-row-background-color-selected,var(--spectrum-alias-highlight-selected))}.react-spectrum-ListView--emphasized_d68562 .react-spectrum-ListViewItem_d68562.is-selected_d68562.is-previous-selected_d68562:not(.is-focused_d68562){border-top-color:#0000}.react-spectrum-ListViewItem_d68562.is-hovered_d68562,.react-spectrum-ListViewItem_d68562.is-focused_d68562{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_d68562.focus-ring_d68562{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover));box-shadow:inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus));border-color:var(--spectrum-global-color-blue-500)}.react-spectrum-ListViewItem_d68562.is-active_d68562{background-color:var(--spectrum-table-row-background-color-down,var(--spectrum-alias-highlight-active))}.react-spectrum-ListViewItem_d68562.is-selected_d68562,.react-spectrum-ListViewItem_d68562.is-selected_d68562.is-hovered_d68562,.react-spectrum-ListViewItem_d68562.is-selected_d68562.is-active_d68562{background-color:var(--spectrum-table-row-background-color-hover,var(--spectrum-alias-highlight-hover))}.react-spectrum-ListViewItem_d68562.has-checkbox_d68562{padding-top:0;padding-bottom:0}.react-spectrum-ListViewItem_d68562.is-dragging_d68562{border:1px solid var(--spectrum-global-color-blue-500);border-radius:var(--spectrum-global-dimension-size-50)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-grid_d68562{display:-ms-grid;-ms-grid-columns:auto auto auto auto 1fr auto auto;-ms-grid-rows:1fr auto;grid-template:"draghandle checkbox icon image content actions actionmenu chevron"1fr"draghandle checkbox icon image description actions actionmenu chevron"/auto auto auto auto 1fr auto auto;align-items:center;display:grid}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-draghandle-container_d68562{width:var(--spectrum-global-dimension-size-250);padding:var(--spectrum-global-dimension-size-25);grid-area:draghandle;justify-content:center;place-self:stretch stretch;display:flex}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-draghandle-container_d68562 .react-spectrum-ListViewItem-draghandle-button_d68562{width:var(--spectrum-global-dimension-size-200);border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));justify-content:center;align-items:center;display:flex}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-draghandle-container_d68562 .react-spectrum-ListViewItem-draghandle-button_d68562.focus-ring_d68562{box-shadow:inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:0}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-checkbox_d68562{-ms-grid-column-align:center;min-height:0;height:100%;grid-area:checkbox;place-items:center}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-checkbox_d68562>span{margin:0}[dir=ltr] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-icon_d68562,[dir=ltr] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-icon_d68562,[dir=rtl] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{padding-left:var(--spectrum-global-dimension-size-100)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-icon_d68562,.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{-ms-grid-column-align:center;grid-area:image;place-items:center}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-image_d68562{border-radius:var(--spectrum-global-dimension-size-25);width:var(--spectrum-global-dimension-size-400);height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-content_d68562,.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-description_d68562{flex-grow:1}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-content_d68562{grid-area:content}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-description_d68562{grid-area:description}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-actions_d68562{flex-grow:0;flex-shrink:0;grid-area:actions}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-actionmenu_d68562{grid-area:actionmenu}[dir=ltr] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-parentIndicator_d68562{padding-left:var(--spectrum-global-dimension-size-75)}[dir=rtl] .react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-parentIndicator_d68562{padding-right:var(--spectrum-global-dimension-size-75)}.react-spectrum-ListViewItem_d68562 .react-spectrum-ListViewItem-parentIndicator_d68562{grid-area:chevron}[dir=ltr] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562,[dir=ltr] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-top-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:first-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-top-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=ltr] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562,[dir=ltr] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-bottom-right-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}[dir=rtl] div:last-child>div[role=row]>.react-spectrum-ListViewItem_d68562{border-bottom-left-radius:calc(var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)) - var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)))}.react-spectrum-ListView--compact_d68562 .react-spectrum-ListViewItem_d68562{padding-top:var(--spectrum-global-dimension-size-50);padding-bottom:var(--spectrum-global-dimension-size-50);min-height:var(--spectrum-global-dimension-size-400)}.react-spectrum-ListView--spacious_d68562 .react-spectrum-ListViewItem_d68562{padding-top:var(--spectrum-global-dimension-size-100);padding-bottom:var(--spectrum-global-dimension-size-100);min-height:var(--spectrum-global-dimension-size-600)}[dir=ltr] .react-spectrum-ListView--draggable_d68562 .react-spectrum-ListViewItem_d68562{padding-left:0}[dir=rtl] .react-spectrum-ListView--draggable_d68562 .react-spectrum-ListViewItem_d68562{padding-right:0}[dir=ltr] .react-spectrum-ListViewItem--draggable_d68562 .react-spectrum-ListViewItem-checkbox_d68562 input{left:0}[dir=rtl] .react-spectrum-ListViewItem--draggable_d68562 .react-spectrum-ListViewItem-checkbox_d68562 input{right:0}.react-spectrum-ListView-centeredWrapper_d68562{width:100%;height:100%;justify-content:center;align-items:center;display:flex}.react-spectrum-ListView-centeredWrapper_d68562.react-spectrum-ListView-centeredWrapper--loadingMore_d68562{padding-top:var(--spectrum-global-dimension-size-50)}
package/dist/main.js CHANGED
@@ -1,23 +1,26 @@
1
1
  require("./main.css");
2
2
  var $k9Du2$reactstatelycollections = require("@react-stately/collections");
3
+ var $k9Du2$reactspectrumcheckbox = require("@react-spectrum/checkbox");
3
4
  var $k9Du2$reactspectrumutils = require("@react-spectrum/utils");
5
+ var $k9Du2$reactspectrumview = require("@react-spectrum/view");
4
6
  var $k9Du2$reactstatelygrid = require("@react-stately/grid");
5
7
  var $k9Du2$reactariagrid = require("@react-aria/grid");
6
8
  var $k9Du2$reactstatelylayout = require("@react-stately/layout");
7
9
  var $k9Du2$reactstatelylist = require("@react-stately/list");
8
10
  var $k9Du2$reactspectrumprogress = require("@react-spectrum/progress");
11
+ var $k9Du2$reactspectrumprovider = require("@react-spectrum/provider");
9
12
  var $k9Du2$react = require("react");
10
13
  var $k9Du2$reactariai18n = require("@react-aria/i18n");
11
- var $k9Du2$reactspectrumprovider = require("@react-spectrum/provider");
12
14
  var $k9Du2$reactariavirtualizer = require("@react-aria/virtualizer");
13
- var $k9Du2$reactspectrumcheckbox = require("@react-spectrum/checkbox");
15
+ var $k9Du2$spectrumiconsuiListGripper = require("@spectrum-icons/ui/ListGripper");
14
16
  var $k9Du2$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
15
17
  var $k9Du2$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
16
- var $k9Du2$reactspectrumview = require("@react-spectrum/view");
18
+ var $k9Du2$reactariafocus = require("@react-aria/focus");
17
19
  var $k9Du2$reactspectrumlayout = require("@react-spectrum/layout");
18
20
  var $k9Du2$reactariautils = require("@react-aria/utils");
19
- var $k9Du2$reactariafocus = require("@react-aria/focus");
21
+ var $k9Du2$reactariabutton = require("@react-aria/button");
20
22
  var $k9Du2$reactariainteractions = require("@react-aria/interactions");
23
+ var $k9Du2$reactariavisuallyhidden = require("@react-aria/visually-hidden");
21
24
 
22
25
  function $parcel$export(e, n, v, s) {
23
26
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -27,7 +30,9 @@ function $parcel$interopDefault(a) {
27
30
  }
28
31
 
29
32
  $parcel$export(module.exports, "ListView", () => $60684b441be8e84c$export$84d0dd190d551cd1);
30
- $parcel$export(module.exports, "Item", () => $2e61b7d1d710c6ae$re_export$Item);
33
+ $parcel$export(module.exports, "Item", () => $k9Du2$reactstatelycollections.Item);
34
+
35
+
31
36
 
32
37
 
33
38
 
@@ -208,6 +213,7 @@ $fd0918c0ca138160$exports = {
208
213
 
209
214
 
210
215
 
216
+
211
217
  var $a91790a0cbcae398$exports = {};
212
218
 
213
219
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListView", () => $a91790a0cbcae398$export$4ad4709e9aee8e02, (v) => $a91790a0cbcae398$export$4ad4709e9aee8e02 = v);
@@ -221,7 +227,10 @@ $parcel$export($a91790a0cbcae398$exports, "is-previous-selected", () => $a91790a
221
227
  $parcel$export($a91790a0cbcae398$exports, "is-focused", () => $a91790a0cbcae398$export$e7dc768d35940237, (v) => $a91790a0cbcae398$export$e7dc768d35940237 = v);
222
228
  $parcel$export($a91790a0cbcae398$exports, "focus-ring", () => $a91790a0cbcae398$export$f39a09f249340e2a, (v) => $a91790a0cbcae398$export$f39a09f249340e2a = v);
223
229
  $parcel$export($a91790a0cbcae398$exports, "has-checkbox", () => $a91790a0cbcae398$export$27f4d14f7fc5b94, (v) => $a91790a0cbcae398$export$27f4d14f7fc5b94 = v);
230
+ $parcel$export($a91790a0cbcae398$exports, "is-dragging", () => $a91790a0cbcae398$export$642fdeb0d9a9740d, (v) => $a91790a0cbcae398$export$642fdeb0d9a9740d = v);
224
231
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-grid", () => $a91790a0cbcae398$export$aaaf83100348d389, (v) => $a91790a0cbcae398$export$aaaf83100348d389 = v);
232
+ $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-draghandle-container", () => $a91790a0cbcae398$export$f385e7456ddfee84, (v) => $a91790a0cbcae398$export$f385e7456ddfee84 = v);
233
+ $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-draghandle-button", () => $a91790a0cbcae398$export$4784f0c2ec8bbf7b, (v) => $a91790a0cbcae398$export$4784f0c2ec8bbf7b = v);
225
234
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-checkbox", () => $a91790a0cbcae398$export$f979f76ca45242f2, (v) => $a91790a0cbcae398$export$f979f76ca45242f2 = v);
226
235
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-icon", () => $a91790a0cbcae398$export$2b56ca744bd31ebd, (v) => $a91790a0cbcae398$export$2b56ca744bd31ebd = v);
227
236
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-image", () => $a91790a0cbcae398$export$1260770e51d5a8c4, (v) => $a91790a0cbcae398$export$1260770e51d5a8c4 = v);
@@ -232,6 +241,8 @@ $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-actionmen
232
241
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem-parentIndicator", () => $a91790a0cbcae398$export$39b42a8a24290c17, (v) => $a91790a0cbcae398$export$39b42a8a24290c17 = v);
233
242
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListView--compact", () => $a91790a0cbcae398$export$1f55b27adf96a61e, (v) => $a91790a0cbcae398$export$1f55b27adf96a61e = v);
234
243
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListView--spacious", () => $a91790a0cbcae398$export$cbd30c7809acdd81, (v) => $a91790a0cbcae398$export$cbd30c7809acdd81 = v);
244
+ $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListView--draggable", () => $a91790a0cbcae398$export$a2d35348c0cc9bca, (v) => $a91790a0cbcae398$export$a2d35348c0cc9bca = v);
245
+ $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListViewItem--draggable", () => $a91790a0cbcae398$export$f290f4d471385527, (v) => $a91790a0cbcae398$export$f290f4d471385527 = v);
235
246
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListView-centeredWrapper", () => $a91790a0cbcae398$export$1b66ee5cd8394caf, (v) => $a91790a0cbcae398$export$1b66ee5cd8394caf = v);
236
247
  $parcel$export($a91790a0cbcae398$exports, "react-spectrum-ListView-centeredWrapper--loadingMore", () => $a91790a0cbcae398$export$6b3b7792abd9e5f4, (v) => $a91790a0cbcae398$export$6b3b7792abd9e5f4 = v);
237
248
  var $a91790a0cbcae398$export$4ad4709e9aee8e02;
@@ -245,7 +256,10 @@ var $a91790a0cbcae398$export$714358c802c073a3;
245
256
  var $a91790a0cbcae398$export$e7dc768d35940237;
246
257
  var $a91790a0cbcae398$export$f39a09f249340e2a;
247
258
  var $a91790a0cbcae398$export$27f4d14f7fc5b94;
259
+ var $a91790a0cbcae398$export$642fdeb0d9a9740d;
248
260
  var $a91790a0cbcae398$export$aaaf83100348d389;
261
+ var $a91790a0cbcae398$export$f385e7456ddfee84;
262
+ var $a91790a0cbcae398$export$4784f0c2ec8bbf7b;
249
263
  var $a91790a0cbcae398$export$f979f76ca45242f2;
250
264
  var $a91790a0cbcae398$export$2b56ca744bd31ebd;
251
265
  var $a91790a0cbcae398$export$1260770e51d5a8c4;
@@ -256,6 +270,8 @@ var $a91790a0cbcae398$export$58dfda3903289699;
256
270
  var $a91790a0cbcae398$export$39b42a8a24290c17;
257
271
  var $a91790a0cbcae398$export$1f55b27adf96a61e;
258
272
  var $a91790a0cbcae398$export$cbd30c7809acdd81;
273
+ var $a91790a0cbcae398$export$a2d35348c0cc9bca;
274
+ var $a91790a0cbcae398$export$f290f4d471385527;
259
275
  var $a91790a0cbcae398$export$1b66ee5cd8394caf;
260
276
  var $a91790a0cbcae398$export$6b3b7792abd9e5f4;
261
277
  $a91790a0cbcae398$export$4ad4709e9aee8e02 = "react-spectrum-ListView_d68562";
@@ -269,7 +285,10 @@ $a91790a0cbcae398$export$714358c802c073a3 = "is-previous-selected_d68562";
269
285
  $a91790a0cbcae398$export$e7dc768d35940237 = "is-focused_d68562";
270
286
  $a91790a0cbcae398$export$f39a09f249340e2a = "focus-ring_d68562";
271
287
  $a91790a0cbcae398$export$27f4d14f7fc5b94 = "has-checkbox_d68562";
288
+ $a91790a0cbcae398$export$642fdeb0d9a9740d = "is-dragging_d68562";
272
289
  $a91790a0cbcae398$export$aaaf83100348d389 = "react-spectrum-ListViewItem-grid_d68562";
290
+ $a91790a0cbcae398$export$f385e7456ddfee84 = "react-spectrum-ListViewItem-draghandle-container_d68562";
291
+ $a91790a0cbcae398$export$4784f0c2ec8bbf7b = "react-spectrum-ListViewItem-draghandle-button_d68562";
273
292
  $a91790a0cbcae398$export$f979f76ca45242f2 = "react-spectrum-ListViewItem-checkbox_d68562";
274
293
  $a91790a0cbcae398$export$2b56ca744bd31ebd = "react-spectrum-ListViewItem-icon_d68562";
275
294
  $a91790a0cbcae398$export$1260770e51d5a8c4 = "react-spectrum-ListViewItem-image_d68562";
@@ -280,6 +299,8 @@ $a91790a0cbcae398$export$58dfda3903289699 = "react-spectrum-ListViewItem-actionm
280
299
  $a91790a0cbcae398$export$39b42a8a24290c17 = "react-spectrum-ListViewItem-parentIndicator_d68562";
281
300
  $a91790a0cbcae398$export$1f55b27adf96a61e = "react-spectrum-ListView--compact_d68562";
282
301
  $a91790a0cbcae398$export$cbd30c7809acdd81 = "react-spectrum-ListView--spacious_d68562";
302
+ $a91790a0cbcae398$export$a2d35348c0cc9bca = "react-spectrum-ListView--draggable_d68562";
303
+ $a91790a0cbcae398$export$f290f4d471385527 = "react-spectrum-ListViewItem--draggable_d68562";
283
304
  $a91790a0cbcae398$export$1b66ee5cd8394caf = "react-spectrum-ListView-centeredWrapper_d68562";
284
305
  $a91790a0cbcae398$export$6b3b7792abd9e5f4 = "react-spectrum-ListView-centeredWrapper--loadingMore_d68562";
285
306
 
@@ -298,12 +319,15 @@ $a91790a0cbcae398$export$6b3b7792abd9e5f4 = "react-spectrum-ListView-centeredWra
298
319
 
299
320
 
300
321
 
322
+
323
+
324
+
301
325
  function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
302
- let { item: item , onAction: onAction , isEmphasized: isEmphasized } = props;
326
+ let { item: item , isEmphasized: isEmphasized , dragHooks: dragHooks } = props;
303
327
  let cellNode = [
304
328
  ...item.childNodes
305
329
  ][0];
306
- let { state: state } = $k9Du2$react.useContext($60684b441be8e84c$export$870039b0abfe3de0);
330
+ let { state: state , dragState: dragState , onAction: onAction , isListDraggable: isListDraggable } = $k9Du2$react.useContext($60684b441be8e84c$export$870039b0abfe3de0);
307
331
  let { direction: direction } = $k9Du2$reactariai18n.useLocale();
308
332
  let rowRef = $k9Du2$react.useRef();
309
333
  let cellRef = $k9Du2$react.useRef();
@@ -313,6 +337,7 @@ function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
313
337
  let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $k9Du2$reactariafocus.useFocusRing();
314
338
  let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;
315
339
  let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
340
+ let isDraggable = (dragState === null || dragState === void 0 ? void 0 : dragState.isDraggable(item.key)) && !isDisabled;
316
341
  let { hoverProps: hoverProps , isHovered: isHovered } = $k9Du2$reactariainteractions.useHover({
317
342
  isDisabled: isDisabled
318
343
  });
@@ -323,17 +348,28 @@ function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
323
348
  node: item,
324
349
  isVirtualized: true,
325
350
  onAction: onAction ? ()=>onAction(item.key)
326
- : undefined
351
+ : undefined,
352
+ shouldSelectOnPressUp: isListDraggable
327
353
  }, state, rowRef);
328
354
  let { gridCellProps: gridCellProps } = $k9Du2$reactariagrid.useGridCell({
329
355
  node: cellNode,
330
356
  focusMode: 'cell'
331
357
  }, state, cellRef);
358
+ let draggableItem;
359
+ if (isListDraggable) // eslint-disable-next-line react-hooks/rules-of-hooks
360
+ draggableItem = dragHooks.useDraggableItem({
361
+ key: item.key
362
+ }, dragState);
332
363
  const mergedProps = $k9Du2$reactariautils.mergeProps(gridCellProps, hoverProps, focusWithinProps, focusProps);
333
364
  let { checkboxProps: checkboxProps } = $k9Du2$reactariagrid.useGridSelectionCheckbox({
334
365
  ...props,
335
366
  key: item.key
336
367
  }, state);
368
+ let dragButtonRef = ($parcel$interopDefault($k9Du2$react)).useRef();
369
+ let { buttonProps: buttonProps } = $k9Du2$reactariabutton.useButton({
370
+ ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
371
+ elementType: 'div'
372
+ }, dragButtonRef);
337
373
  let chevron = null;
338
374
  if (item.props.hasChildItems) chevron = direction === 'ltr' ? /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiChevronRightMedium)), {
339
375
  "aria-hidden": "true",
@@ -344,8 +380,10 @@ function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
344
380
  });
345
381
  let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
346
382
  let isSelected = state.selectionManager.isSelected(item.key);
383
+ let showDragHandle = isDraggable && (isFocusVisibleWithin || isHovered || isPressed);
384
+ let { visuallyHiddenProps: visuallyHiddenProps } = $k9Du2$reactariavisuallyhidden.useVisuallyHidden();
347
385
  return(/*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
348
- ...$k9Du2$reactariautils.mergeProps(rowProps, pressProps),
386
+ ...$k9Du2$reactariautils.mergeProps(rowProps, pressProps, isDraggable && (draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps)),
349
387
  ref: rowRef
350
388
  }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
351
389
  className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports)), 'react-spectrum-ListViewItem', {
@@ -355,13 +393,27 @@ function $9eae7a1cb1535a6b$export$c6bde0c04b033c0e(props) {
355
393
  'is-hovered': isHovered,
356
394
  'is-selected': isSelected,
357
395
  'is-previous-selected': state.selectionManager.isSelected(item.prevKey),
358
- 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))
396
+ 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey)),
397
+ 'react-spectrum-ListViewItem--draggable': isDraggable
359
398
  }),
360
399
  ref: cellRef,
361
400
  ...mergedProps
362
401
  }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumlayout.Grid, {
363
402
  UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-grid']
364
- }, showCheckbox && /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumcheckbox.Checkbox, {
403
+ }, isListDraggable && /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
404
+ className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-draghandle-container']
405
+ }, isDraggable && /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactariafocus.FocusRing, {
406
+ focusRingClass: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports)), 'focus-ring')
407
+ }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
408
+ ...buttonProps,
409
+ className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports)), 'react-spectrum-ListViewItem-draghandle-button'),
410
+ style: !showDragHandle ? {
411
+ ...visuallyHiddenProps.style
412
+ } : {
413
+ },
414
+ ref: dragButtonRef,
415
+ draggable: "true"
416
+ }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiListGripper)), null)))), showCheckbox && /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumcheckbox.Checkbox, {
365
417
  UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-checkbox'],
366
418
  ...checkboxProps,
367
419
  isEmphasized: isEmphasized
@@ -449,7 +501,10 @@ function $60684b441be8e84c$export$bea90da51ec70dea(state, density) {
449
501
  return layout;
450
502
  }
451
503
  function $60684b441be8e84c$var$ListView(props, ref) {
452
- let { density: density = 'regular' , onLoadMore: onLoadMore , loadingState: loadingState , isQuiet: isQuiet , transitionDuration: transitionDuration = 0 , onAction: onAction } = props;
504
+ let { density: density = 'regular' , onLoadMore: onLoadMore , loadingState: loadingState , isQuiet: isQuiet , transitionDuration: transitionDuration = 0 , onAction: onAction , dragHooks: dragHooks } = props;
505
+ let isListDraggable = !!dragHooks;
506
+ let dragHooksProvided = $k9Du2$react.useRef(isListDraggable);
507
+ if (dragHooksProvided.current !== isListDraggable) console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
453
508
  let domRef = $k9Du2$reactspectrumutils.useDOMRef(ref);
454
509
  let { collection: collection } = $k9Du2$reactstatelylist.useListState(props);
455
510
  let formatMessage = $k9Du2$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($fd0918c0ca138160$exports)));
@@ -509,6 +564,76 @@ function $60684b441be8e84c$var$ListView(props, ref) {
509
564
  direction,
510
565
  collator
511
566
  ]);
567
+ let provider = $k9Du2$reactspectrumprovider.useProvider();
568
+ let { checkboxProps: checkboxProps } = $k9Du2$reactariagrid.useGridSelectionCheckbox({
569
+ key: null
570
+ }, state);
571
+ let dragState;
572
+ if (isListDraggable) dragState = dragHooks.useDraggableCollectionState({
573
+ collection: state.collection,
574
+ selectionManager: state.selectionManager,
575
+ renderPreview (selectedKeys, draggedKey) {
576
+ let item = state.collection.getItem(draggedKey);
577
+ let itemWidth = domRef.current.offsetWidth;
578
+ let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';
579
+ let isSelected = state.selectionManager.isSelected(item.key);
580
+ return(/*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumprovider.Provider, {
581
+ ...provider,
582
+ UNSAFE_className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports)), 'react-spectrum-ListViewItem', 'is-dragging'),
583
+ UNSAFE_style: {
584
+ width: itemWidth,
585
+ paddingInlineStart: 0
586
+ }
587
+ }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
588
+ className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-grid']
589
+ }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
590
+ className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-draghandle-container']
591
+ }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement("div", {
592
+ className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-draghandle-button']
593
+ }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement(($parcel$interopDefault($k9Du2$spectrumiconsuiListGripper)), null))), showCheckbox && /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumcheckbox.Checkbox, {
594
+ isSelected: isSelected,
595
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-checkbox'],
596
+ isEmphasized: true,
597
+ "aria-label": checkboxProps['aria-label']
598
+ }), /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumutils.SlotProvider, {
599
+ slots: {
600
+ content: {
601
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-content']
602
+ },
603
+ text: {
604
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-content']
605
+ },
606
+ description: {
607
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-description']
608
+ },
609
+ icon: {
610
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-icon'],
611
+ size: 'M'
612
+ },
613
+ image: {
614
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-image']
615
+ },
616
+ link: {
617
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-content'],
618
+ isQuiet: true
619
+ },
620
+ actionButton: {
621
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-actions'],
622
+ isQuiet: true
623
+ },
624
+ actionGroup: {
625
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-actions'],
626
+ isQuiet: true,
627
+ density: 'compact'
628
+ },
629
+ actionMenu: {
630
+ UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports))['react-spectrum-ListViewItem-actionmenu'],
631
+ isQuiet: true
632
+ }
633
+ }
634
+ }, typeof item.rendered === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumview.Content, null, item.rendered) : item.rendered))));
635
+ }
636
+ });
512
637
  let { gridProps: gridProps } = $k9Du2$reactariagrid.useGrid({
513
638
  ...props,
514
639
  isVirtualized: true,
@@ -522,7 +647,10 @@ function $60684b441be8e84c$var$ListView(props, ref) {
522
647
  return(/*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($60684b441be8e84c$export$870039b0abfe3de0.Provider, {
523
648
  value: {
524
649
  state: state,
525
- keyboardDelegate: keyboardDelegate
650
+ keyboardDelegate: keyboardDelegate,
651
+ dragState: dragState,
652
+ onAction: onAction,
653
+ isListDraggable: isListDraggable
526
654
  }
527
655
  }, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactariavirtualizer.Virtualizer, {
528
656
  ...gridProps,
@@ -533,7 +661,8 @@ function $60684b441be8e84c$var$ListView(props, ref) {
533
661
  focusedKey: focusedKey,
534
662
  scrollDirection: "vertical",
535
663
  className: $k9Du2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a91790a0cbcae398$exports)), 'react-spectrum-ListView', `react-spectrum-ListView--${density}`, 'react-spectrum-ListView--emphasized', {
536
- 'react-spectrum-ListView--quiet': isQuiet
664
+ 'react-spectrum-ListView--quiet': isQuiet,
665
+ 'react-spectrum-ListView--draggable': isListDraggable
537
666
  }, styleProps.className),
538
667
  layout: layout,
539
668
  collection: gridCollection,
@@ -541,8 +670,8 @@ function $60684b441be8e84c$var$ListView(props, ref) {
541
670
  }, (type, item)=>{
542
671
  if (type === 'item') return(/*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($9eae7a1cb1535a6b$export$c6bde0c04b033c0e, {
543
672
  item: item,
544
- onAction: onAction,
545
- isEmphasized: true
673
+ isEmphasized: true,
674
+ dragHooks: dragHooks
546
675
  }));
547
676
  else if (type === 'loader') return(/*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($60684b441be8e84c$var$CenteredWrapper, null, /*#__PURE__*/ ($parcel$interopDefault($k9Du2$react)).createElement($k9Du2$reactspectrumprogress.ProgressCircle, {
548
677
  isIndeterminate: true,
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/intl/*.js","packages/@react-spectrum/list/intl/ar-AE.json","packages/@react-spectrum/list/intl/bg-BG.json","packages/@react-spectrum/list/intl/cs-CZ.json","packages/@react-spectrum/list/intl/da-DK.json","packages/@react-spectrum/list/intl/de-DE.json","packages/@react-spectrum/list/intl/el-GR.json","packages/@react-spectrum/list/intl/en-US.json","packages/@react-spectrum/list/intl/es-ES.json","packages/@react-spectrum/list/intl/et-EE.json","packages/@react-spectrum/list/intl/fi-FI.json","packages/@react-spectrum/list/intl/fr-FR.json","packages/@react-spectrum/list/intl/he-IL.json","packages/@react-spectrum/list/intl/hr-HR.json","packages/@react-spectrum/list/intl/hu-HU.json","packages/@react-spectrum/list/intl/it-IT.json","packages/@react-spectrum/list/intl/ja-JP.json","packages/@react-spectrum/list/intl/ko-KR.json","packages/@react-spectrum/list/intl/lt-LT.json","packages/@react-spectrum/list/intl/lv-LV.json","packages/@react-spectrum/list/intl/nb-NO.json","packages/@react-spectrum/list/intl/nl-NL.json","packages/@react-spectrum/list/intl/pl-PL.json","packages/@react-spectrum/list/intl/pt-BR.json","packages/@react-spectrum/list/intl/pt-PT.json","packages/@react-spectrum/list/intl/ro-RO.json","packages/@react-spectrum/list/intl/ru-RU.json","packages/@react-spectrum/list/intl/sk-SK.json","packages/@react-spectrum/list/intl/sl-SI.json","packages/@react-spectrum/list/intl/sr-SP.json","packages/@react-spectrum/list/intl/sv-SE.json","packages/@react-spectrum/list/intl/tr-TR.json","packages/@react-spectrum/list/intl/uk-UA.json","packages/@react-spectrum/list/intl/zh-CN.json","packages/@react-spectrum/list/intl/zh-TW.json","packages/@react-spectrum/list/src/listview.css","packages/@react-spectrum/list/src/ListViewItem.tsx"],"sourcesContent":["export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {\n AriaLabelingProps,\n AsyncLoadable,\n CollectionBase,\n DOMProps,\n DOMRef,\n LoadingState,\n MultipleSelection,\n SpectrumSelectionProps,\n StyleProps\n} from '@react-types/shared';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {GridCollection, useGridState} from '@react-stately/grid';\nimport {GridKeyboardDelegate, useGrid} from '@react-aria/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListLayout} from '@react-stately/layout';\nimport {ListState, useListState} from '@react-stately/list';\nimport listStyles from './listview.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ReactElement, useContext, useMemo} from 'react';\nimport {useCollator, useLocale, useMessageFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer} from '@react-aria/virtualizer';\n\n\nexport const ListViewContext = React.createContext(null);\n\nconst ROW_HEIGHTS = {\n compact: {\n medium: 32,\n large: 40\n },\n regular: {\n medium: 40,\n large: 50\n },\n spacious: {\n medium: 48,\n large: 60\n }\n};\n\nexport function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {\n let {scale} = useProvider();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let isEmpty = state.collection.size === 0;\n let layout = useMemo(() =>\n new ListLayout<T>({\n estimatedRowHeight: ROW_HEIGHTS[density][scale],\n padding: 0,\n collator,\n loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]\n })\n , [collator, scale, density, isEmpty]);\n\n layout.collection = state.collection;\n layout.disabledKeys = state.disabledKeys;\n return layout;\n}\n\ninterface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {\n /**\n * Sets the amount of vertical padding within each cell.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n isQuiet?: boolean,\n loadingState?: LoadingState,\n renderEmptyState?: () => JSX.Element,\n transitionDuration?: number,\n onAction?: (key: string) => void\n}\n\nfunction ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n let {\n density = 'regular',\n onLoadMore,\n loadingState,\n isQuiet,\n transitionDuration = 0,\n onAction\n } = props;\n let domRef = useDOMRef(ref);\n let {collection} = useListState(props);\n let formatMessage = useMessageFormatter(intlMessages);\n let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n let {styleProps} = useStyleProps(props);\n let {direction} = useLocale();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let gridCollection = useMemo(() => new GridCollection({\n columnCount: 1,\n items: [...collection].map(item => ({\n ...item,\n hasChildNodes: true,\n childNodes: [{\n key: `cell-${item.key}`,\n type: 'cell',\n index: 0,\n value: null,\n level: 0,\n rendered: null,\n textValue: item.textValue,\n hasChildNodes: false,\n childNodes: []\n }]\n }))\n }), [collection]);\n let state = useGridState({\n ...props,\n collection: gridCollection,\n focusMode: 'cell',\n selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n });\n let layout = useListLayout(state, props.density || 'regular');\n let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({\n collection: state.collection,\n disabledKeys: state.disabledKeys,\n ref: domRef,\n direction,\n collator,\n // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any\n // focusable children in the cell.\n focusMode: 'cell'\n }), [state, domRef, direction, collator]);\n let {gridProps} = useGrid({\n ...props,\n isVirtualized: true,\n keyboardDelegate\n }, state, domRef);\n\n // Sync loading state into the layout.\n layout.isLoading = isLoading;\n\n let focusedKey = state.selectionManager.focusedKey;\n let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);\n if (focusedItem?.parentKey != null) {\n focusedKey = focusedItem.parentKey;\n }\n\n return (\n <ListViewContext.Provider value={{state, keyboardDelegate}}>\n <Virtualizer\n {...gridProps}\n {...styleProps}\n isLoading={isLoading}\n onLoadMore={onLoadMore}\n ref={domRef}\n focusedKey={focusedKey}\n scrollDirection=\"vertical\"\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView',\n `react-spectrum-ListView--${density}`,\n 'react-spectrum-ListView--emphasized',\n {\n 'react-spectrum-ListView--quiet': isQuiet\n },\n styleProps.className\n )\n }\n layout={layout}\n collection={gridCollection}\n transitionDuration={transitionDuration}>\n {(type, item) => {\n if (type === 'item') {\n return (\n <ListViewItem item={item} onAction={onAction} isEmphasized />\n );\n } else if (type === 'loader') {\n return (\n <CenteredWrapper>\n <ProgressCircle\n isIndeterminate\n aria-label={state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')} />\n </CenteredWrapper>\n );\n } else if (type === 'placeholder') {\n let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;\n if (emptyState == null) {\n return null;\n }\n\n return (\n <CenteredWrapper>\n {emptyState}\n </CenteredWrapper>\n );\n }\n\n }}\n </Virtualizer>\n </ListViewContext.Provider>\n );\n}\n\n\nfunction CenteredWrapper({children}) {\n let {state} = useContext(ListViewContext);\n return (\n <div\n role=\"row\"\n aria-rowindex={state.collection.size + 1}\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView-centeredWrapper',\n {\n 'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n }\n )}>\n <div role=\"gridcell\">\n {children}\n </div>\n </div>\n );\n}\n\nconst _ListView = React.forwardRef(ListView) as <T>(props: ListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListView as ListView};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"loading\": \"جارٍ التحميل...\",\n \"loadingMore\": \"جارٍ تحميل المزيد...\"\n}\n","{\n \"loading\": \"Зареждане...\",\n \"loadingMore\": \"Зареждане на още...\"\n}\n","{\n \"loading\": \"Načítání...\",\n \"loadingMore\": \"Načítání dalších...\"\n}\n","{\n \"loading\": \"Indlæser...\",\n \"loadingMore\": \"Indlæser flere...\"\n}\n","{\n \"loading\": \"Laden...\",\n \"loadingMore\": \"Mehr laden ...\"\n}\n","{\n \"loading\": \"Φόρτωση...\",\n \"loadingMore\": \"Φόρτωση περισσότερων...\"\n}\n","{\n \"loading\": \"Loading…\",\n \"loadingMore\": \"Loading more…\"\n}\n","{\n \"loading\": \"Cargando…\",\n \"loadingMore\": \"Cargando más…\"\n}\n","{\n \"loading\": \"Laadimine...\",\n \"loadingMore\": \"Laadi rohkem...\"\n}\n","{\n \"loading\": \"Ladataan…\",\n \"loadingMore\": \"Ladataan lisää…\"\n}\n","{\n \"loading\": \"Chargement...\",\n \"loadingMore\": \"Chargement supplémentaire...\"\n}\n","{\n \"loading\": \"טוען...\",\n \"loadingMore\": \"טוען עוד...\"\n}\n","{\n \"loading\": \"Učitavam...\",\n \"loadingMore\": \"Učitavam još...\"\n}\n","{\n \"loading\": \"Betöltés folyamatban…\",\n \"loadingMore\": \"Továbbiak betöltése folyamatban…\"\n}\n","{\n \"loading\": \"Caricamento...\",\n \"loadingMore\": \"Caricamento altri...\"\n}\n","{\n \"loading\": \"読み込み中...\",\n \"loadingMore\": \"さらに読み込み中...\"\n}\n","{\n \"loading\": \"로드 중…\",\n \"loadingMore\": \"추가 로드 중…\"\n}\n","{\n \"loading\": \"Įkeliama...\",\n \"loadingMore\": \"Įkeliama daugiau...\"\n}\n","{\n \"loading\": \"Notiek ielāde...\",\n \"loadingMore\": \"Tiek ielādēts vēl...\"\n}\n","{\n \"loading\": \"Laster inn ...\",\n \"loadingMore\": \"Laster inn flere ...\"\n}\n","{\n \"loading\": \"Laden...\",\n \"loadingMore\": \"Meer laden...\"\n}\n","{\n \"loading\": \"Ładowanie...\",\n \"loadingMore\": \"Wczytywanie większej liczby...\"\n}\n","{\n \"loading\": \"Carregando...\",\n \"loadingMore\": \"Carregando mais...\"\n}\n","{\n \"loading\": \"A carregar...\",\n \"loadingMore\": \"A carregar mais...\"\n}\n","{\n \"loading\": \"Se încarcă...\",\n \"loadingMore\": \"Se încarcă mai multe...\"\n}\n","{\n \"loading\": \"Загрузка...\",\n \"loadingMore\": \"Дополнительная загрузка...\"\n}\n","{\n \"loading\": \"Načítava sa...\",\n \"loadingMore\": \"Načítava sa viac...\"\n}\n","{\n \"loading\": \"Nalaganje ...\",\n \"loadingMore\": \"Nalaganje več vsebine ...\"\n}\n","{\n \"loading\": \"Učitavam...\",\n \"loadingMore\": \"Učitavam još...\"\n}\n","{\n \"loading\": \"Läser in...\",\n \"loadingMore\": \"Läser in mer...\"\n}\n","{\n \"loading\": \"Yükleniyor...\",\n \"loadingMore\": \"Daha fazla yükleniyor...\"\n}\n","{\n \"loading\": \"Завантаження…\",\n \"loadingMore\": \"Завантаження інших об’єктів...\"\n}\n","{\n \"loading\": \"正在加载...\",\n \"loadingMore\": \"正在加载更多...\"\n}\n","{\n \"loading\": \"載入中…\",\n \"loadingMore\": \"正在載入更多…\"\n}\n","\n:root {\n --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);\n --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-75);\n --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);\n --spectrum-listview-border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));\n --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n --spectrum-listview-item-start-end-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));\n}\n\n.react-spectrum-ListView {\n box-sizing: border-box;\n border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));\n border-style: solid;\n position: relative;\n border-width: var(--spectrum-listview-border-width);\n border-radius: var(--spectrum-listview-border-radius);\n overflow: auto;\n vertical-align: var(--spectrum-table-cell-vertical-alignment);\n border-collapse: separate;\n border-spacing: 0;\n transform: translate3d(0, 0, 0);\n padding: 0;\n background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));\n outline: 0;\n\n [role=\"row\"] {\n outline: none;\n }\n}\n\n.react-spectrum-ListView--quiet {\n background-color: var(--spectrum-alias-background-color-transparent);\n border-width: 0;\n}\n\n.react-spectrum-ListViewItem {\n display: grid; /* TODO: define grid areas */\n border: 1px solid transparent;\n border-bottom-color: var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));\n box-sizing: border-box;\n font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));\n font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));\n line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);\n padding: var(--spectrum-listview-item-regular-padding-y) var(--spectrum-global-dimension-size-150);\n transition: background-color var(--spectrum-global-animation-duration-100) ease-in-out;\n position: relative;\n /*background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));*/\n color: var(--spectrum-table-cell-text-color, var(--spectrum-alias-text-color));\n outline: 0;\n min-height: var(--spectrum-global-dimension-size-500);\n\n .react-spectrum-ListView--emphasized & {\n &.is-selected {\n background-color: var(--spectrum-table-row-background-color-selected);\n border-color: var(--spectrum-global-color-blue-500);\n &.is-hovered,\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-selected);\n }\n\n /* avoid double border for adjacent selected items */\n &.is-previous-selected {\n &:not(.is-focused) {\n border-top-color: transparent;\n }\n }\n }\n }\n\n &.is-hovered,\n &.is-focused {\n background-color: var(--spectrum-table-row-background-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-table-row-background-color-hover);\n box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n border-color: var(--spectrum-global-color-blue-500);\n }\n\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-down);\n }\n\n &.is-selected {\n background-color: var(--spectrum-table-row-background-color-hover);\n\n &.is-hovered,\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-hover);\n }\n }\n\n &.has-checkbox {\n /* have to eliminate vertical padding to allow proper vertical alignment */\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n .react-spectrum-ListViewItem-grid {\n display: grid;\n grid-template-columns: auto auto auto 1fr auto auto;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n \"checkbox icon image content actions actionmenu chevron\"\n \"checkbox icon image description actions actionmenu chevron\"\n ;\n align-items: center;\n }\n\n .react-spectrum-ListViewItem-checkbox {\n grid-area: checkbox;\n align-items: center;\n justify-items: center;\n min-height: 0;\n height: 100%;\n > span {\n margin: 0;\n }\n }\n\n .react-spectrum-ListViewItem-icon,\n .react-spectrum-ListViewItem-image {\n grid-area: image;\n align-items: center;\n justify-items: center;\n padding-inline-end: var(--spectrum-global-dimension-size-100);\n }\n\n .react-spectrum-ListViewItem-image {\n border-radius: var(--spectrum-global-dimension-size-25);\n width: var(--spectrum-global-dimension-size-400);\n height: var(--spectrum-global-dimension-size-400);\n }\n\n .react-spectrum-ListViewItem-content,\n .react-spectrum-ListViewItem-description {\n flex-grow: 1;\n }\n\n .react-spectrum-ListViewItem-content {\n grid-area: content;\n }\n\n .react-spectrum-ListViewItem-description {\n grid-area: description;\n }\n\n .react-spectrum-ListViewItem-actions {\n grid-area: actions;\n flex-grow: 0;\n flex-shrink: 0;\n }\n\n .react-spectrum-ListViewItem-actionmenu {\n grid-area: actionmenu;\n }\n\n .react-spectrum-ListViewItem-parentIndicator {\n grid-area: chevron;\n padding-inline-start: var(--spectrum-global-dimension-size-75);\n }\n\n /* give first and last items border-radius to match listview container */\n div:first-child > div[role=\"row\"] > & {\n border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n }\n div:last-child > div[role=\"row\"] > & {\n border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n }\n}\n\n.react-spectrum-ListView--compact .react-spectrum-ListViewItem {\n padding-top: var(--spectrum-listview-item-compact-padding-y);\n padding-bottom: var(--spectrum-listview-item-compact-padding-y);\n min-height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListView--spacious .react-spectrum-ListViewItem {\n padding-top: var(--spectrum-listview-item-spacious-padding-y);\n padding-bottom: var(--spectrum-listview-item-spacious-padding-y);\n min-height: var(--spectrum-global-dimension-size-600);\n}\n\n.react-spectrum-ListView-centeredWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &.react-spectrum-ListView-centeredWrapper--loadingMore {\n padding-top: var(--spectrum-global-dimension-size-50);\n }\n}\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport {Grid} from '@react-spectrum/layout';\nimport listStyles from './listview.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useRef} from 'react';\nimport {useFocusRing} from '@react-aria/focus';\nimport {useGridCell, useGridRow, useGridSelectionCheckbox} from '@react-aria/grid';\nimport {useHover, usePress} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\nexport function ListViewItem(props) {\n let {\n item,\n onAction,\n isEmphasized\n } = props;\n let cellNode = [...item.childNodes][0];\n let {state} = useContext(ListViewContext);\n let {direction} = useLocale();\n let rowRef = useRef<HTMLDivElement>();\n let cellRef = useRef<HTMLDivElement>();\n let {\n isFocusVisible: isFocusVisibleWithin,\n focusProps: focusWithinProps\n } = useFocusRing({within: true});\n let {isFocusVisible, focusProps} = useFocusRing();\n let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;\n let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {pressProps, isPressed} = usePress({isDisabled});\n let {rowProps} = useGridRow({\n node: item,\n isVirtualized: true,\n onAction: onAction ? () => onAction(item.key) : undefined\n }, state, rowRef);\n let {gridCellProps} = useGridCell({\n node: cellNode,\n focusMode: 'cell'\n }, state, cellRef);\n const mergedProps = mergeProps(\n gridCellProps,\n hoverProps,\n focusWithinProps,\n focusProps\n );\n let {checkboxProps} = useGridSelectionCheckbox({...props, key: item.key}, state);\n\n let chevron = null;\n if (item.props.hasChildItems) {\n chevron = direction === 'ltr'\n ? (\n <ChevronRightMedium\n aria-hidden=\"true\"\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n )\n : (\n <ChevronLeftMedium\n aria-hidden=\"true\"\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n );\n }\n\n let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n let isSelected = state.selectionManager.isSelected(item.key);\n return (\n <div\n {...mergeProps(rowProps, pressProps)}\n ref={rowRef}>\n <div\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListViewItem',\n {\n 'is-active': isPressed,\n 'is-focused': isFocusVisibleWithin,\n 'focus-ring': isFocusVisible,\n 'is-hovered': isHovered,\n 'is-selected': isSelected,\n 'is-previous-selected': state.selectionManager.isSelected(item.prevKey),\n 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey))\n }\n )\n }\n ref={cellRef}\n {...mergedProps}>\n <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n {showCheckbox && (\n <Checkbox\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n {...checkboxProps}\n isEmphasized={isEmphasized} />\n )}\n <SlotProvider\n slots={{\n content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n actionGroup: {\n UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n isQuiet: true,\n density: 'compact'\n },\n actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n }}>\n {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n <ClearSlots>\n {chevron}\n </ClearSlots>\n </SlotProvider>\n </Grid>\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1
+ {"mappings":"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","sources":["packages/@react-spectrum/list/src/index.ts","packages/@react-spectrum/list/src/ListView.tsx","packages/@react-spectrum/list/intl/*.js","packages/@react-spectrum/list/intl/ar-AE.json","packages/@react-spectrum/list/intl/bg-BG.json","packages/@react-spectrum/list/intl/cs-CZ.json","packages/@react-spectrum/list/intl/da-DK.json","packages/@react-spectrum/list/intl/de-DE.json","packages/@react-spectrum/list/intl/el-GR.json","packages/@react-spectrum/list/intl/en-US.json","packages/@react-spectrum/list/intl/es-ES.json","packages/@react-spectrum/list/intl/et-EE.json","packages/@react-spectrum/list/intl/fi-FI.json","packages/@react-spectrum/list/intl/fr-FR.json","packages/@react-spectrum/list/intl/he-IL.json","packages/@react-spectrum/list/intl/hr-HR.json","packages/@react-spectrum/list/intl/hu-HU.json","packages/@react-spectrum/list/intl/it-IT.json","packages/@react-spectrum/list/intl/ja-JP.json","packages/@react-spectrum/list/intl/ko-KR.json","packages/@react-spectrum/list/intl/lt-LT.json","packages/@react-spectrum/list/intl/lv-LV.json","packages/@react-spectrum/list/intl/nb-NO.json","packages/@react-spectrum/list/intl/nl-NL.json","packages/@react-spectrum/list/intl/pl-PL.json","packages/@react-spectrum/list/intl/pt-BR.json","packages/@react-spectrum/list/intl/pt-PT.json","packages/@react-spectrum/list/intl/ro-RO.json","packages/@react-spectrum/list/intl/ru-RU.json","packages/@react-spectrum/list/intl/sk-SK.json","packages/@react-spectrum/list/intl/sl-SI.json","packages/@react-spectrum/list/intl/sr-SP.json","packages/@react-spectrum/list/intl/sv-SE.json","packages/@react-spectrum/list/intl/tr-TR.json","packages/@react-spectrum/list/intl/uk-UA.json","packages/@react-spectrum/list/intl/zh-CN.json","packages/@react-spectrum/list/intl/zh-TW.json","packages/@react-spectrum/list/src/listview.css","packages/@react-spectrum/list/src/ListViewItem.tsx"],"sourcesContent":["export {ListView} from './ListView';\nexport {Item} from '@react-stately/collections';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {\n AriaLabelingProps,\n AsyncLoadable,\n CollectionBase,\n DOMProps,\n DOMRef,\n LoadingState,\n MultipleSelection,\n SpectrumSelectionProps,\n StyleProps\n} from '@react-types/shared';\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport type {DraggableCollectionState} from '@react-stately/dnd';\nimport {DragHooks} from '@react-spectrum/dnd';\nimport {GridCollection, GridState, useGridState} from '@react-stately/grid';\nimport {GridKeyboardDelegate, useGrid, useGridSelectionCheckbox} from '@react-aria/grid';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport {ListLayout} from '@react-stately/layout';\nimport {ListState, useListState} from '@react-stately/list';\nimport listStyles from './listview.css';\nimport {ListViewItem} from './ListViewItem';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport {Provider, useProvider} from '@react-spectrum/provider';\nimport React, {ReactElement, useContext, useMemo, useRef} from 'react';\nimport {useCollator, useLocale, useMessageFormatter} from '@react-aria/i18n';\nimport {Virtualizer} from '@react-aria/virtualizer';\n\ninterface ListViewContextValue {\n state: GridState<object, GridCollection<any>>,\n keyboardDelegate: GridKeyboardDelegate<unknown, GridCollection<any>>,\n dragState: DraggableCollectionState,\n onAction:(key: string) => void,\n isListDraggable: boolean\n}\n\nexport const ListViewContext = React.createContext<ListViewContextValue>(null);\n\nconst ROW_HEIGHTS = {\n compact: {\n medium: 32,\n large: 40\n },\n regular: {\n medium: 40,\n large: 50\n },\n spacious: {\n medium: 48,\n large: 60\n }\n};\n\nexport function useListLayout<T>(state: ListState<T>, density: ListViewProps<T>['density']) {\n let {scale} = useProvider();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let isEmpty = state.collection.size === 0;\n let layout = useMemo(() =>\n new ListLayout<T>({\n estimatedRowHeight: ROW_HEIGHTS[density][scale],\n padding: 0,\n collator,\n loaderHeight: isEmpty ? null : ROW_HEIGHTS[density][scale]\n })\n , [collator, scale, density, isEmpty]);\n\n layout.collection = state.collection;\n layout.disabledKeys = state.disabledKeys;\n return layout;\n}\n\ninterface ListViewProps<T> extends CollectionBase<T>, DOMProps, AriaLabelingProps, StyleProps, MultipleSelection, SpectrumSelectionProps, Omit<AsyncLoadable, 'isLoading'> {\n /**\n * Sets the amount of vertical padding within each cell.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n isQuiet?: boolean,\n loadingState?: LoadingState,\n renderEmptyState?: () => JSX.Element,\n transitionDuration?: number,\n onAction?: (key: string) => void,\n dragHooks?: DragHooks\n}\n\nfunction ListView<T extends object>(props: ListViewProps<T>, ref: DOMRef<HTMLDivElement>) {\n let {\n density = 'regular',\n onLoadMore,\n loadingState,\n isQuiet,\n transitionDuration = 0,\n onAction,\n dragHooks\n } = props;\n let isListDraggable = !!dragHooks;\n let dragHooksProvided = useRef(isListDraggable);\n if (dragHooksProvided.current !== isListDraggable) {\n console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');\n }\n let domRef = useDOMRef(ref);\n let {collection} = useListState(props);\n let formatMessage = useMessageFormatter(intlMessages);\n let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';\n\n let {styleProps} = useStyleProps(props);\n let {direction} = useLocale();\n let collator = useCollator({usage: 'search', sensitivity: 'base'});\n let gridCollection = useMemo(() => new GridCollection({\n columnCount: 1,\n items: [...collection].map(item => ({\n ...item,\n hasChildNodes: true,\n childNodes: [{\n key: `cell-${item.key}`,\n type: 'cell',\n index: 0,\n value: null,\n level: 0,\n rendered: null,\n textValue: item.textValue,\n hasChildNodes: false,\n childNodes: []\n }]\n }))\n }), [collection]);\n let state = useGridState({\n ...props,\n collection: gridCollection,\n focusMode: 'cell',\n selectionBehavior: props.selectionStyle === 'highlight' ? 'replace' : 'toggle'\n });\n let layout = useListLayout(state, props.density || 'regular');\n let keyboardDelegate = useMemo(() => new GridKeyboardDelegate({\n collection: state.collection,\n disabledKeys: state.disabledKeys,\n ref: domRef,\n direction,\n collator,\n // Focus the ListView cell instead of the row so that focus doesn't change with left/right arrow keys when there aren't any\n // focusable children in the cell.\n focusMode: 'cell'\n }), [state, domRef, direction, collator]);\n\n let provider = useProvider();\n let {checkboxProps} = useGridSelectionCheckbox({key: null}, state);\n let dragState: DraggableCollectionState;\n if (isListDraggable) {\n dragState = dragHooks.useDraggableCollectionState({\n collection: state.collection,\n selectionManager: state.selectionManager,\n renderPreview(selectedKeys, draggedKey) {\n let item = state.collection.getItem(draggedKey);\n let itemWidth = domRef.current.offsetWidth;\n let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n let isSelected = state.selectionManager.isSelected(item.key);\n return (\n <Provider\n {...provider}\n UNSAFE_className={classNames(listStyles, 'react-spectrum-ListViewItem', 'is-dragging')}\n UNSAFE_style={{width: itemWidth, paddingInlineStart: 0}}>\n <div className={listStyles['react-spectrum-ListViewItem-grid']}>\n <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n <div className={listStyles['react-spectrum-ListViewItem-draghandle-button']}>\n <ListGripper />\n </div>\n </div>\n {showCheckbox &&\n <Checkbox\n isSelected={isSelected}\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n isEmphasized\n aria-label={checkboxProps['aria-label']} />\n }\n <SlotProvider\n slots={{\n content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n actionGroup: {\n UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n isQuiet: true,\n density: 'compact'\n },\n actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n }}>\n {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n </SlotProvider>\n </div>\n </Provider>\n );\n }\n });\n }\n\n let {gridProps} = useGrid({\n ...props,\n isVirtualized: true,\n keyboardDelegate\n }, state, domRef);\n\n // Sync loading state into the layout.\n layout.isLoading = isLoading;\n\n let focusedKey = state.selectionManager.focusedKey;\n let focusedItem = gridCollection.getItem(state.selectionManager.focusedKey);\n if (focusedItem?.parentKey != null) {\n focusedKey = focusedItem.parentKey;\n }\n\n return (\n <ListViewContext.Provider value={{state, keyboardDelegate, dragState, onAction, isListDraggable}}>\n <Virtualizer\n {...gridProps}\n {...styleProps}\n isLoading={isLoading}\n onLoadMore={onLoadMore}\n ref={domRef}\n focusedKey={focusedKey}\n scrollDirection=\"vertical\"\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView',\n `react-spectrum-ListView--${density}`,\n 'react-spectrum-ListView--emphasized',\n {\n 'react-spectrum-ListView--quiet': isQuiet,\n 'react-spectrum-ListView--draggable': isListDraggable\n },\n styleProps.className\n )\n }\n layout={layout}\n collection={gridCollection}\n transitionDuration={transitionDuration}>\n {(type, item) => {\n if (type === 'item') {\n return (\n <ListViewItem item={item} isEmphasized dragHooks={dragHooks} />\n );\n } else if (type === 'loader') {\n return (\n <CenteredWrapper>\n <ProgressCircle\n isIndeterminate\n aria-label={state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')} />\n </CenteredWrapper>\n );\n } else if (type === 'placeholder') {\n let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;\n if (emptyState == null) {\n return null;\n }\n\n return (\n <CenteredWrapper>\n {emptyState}\n </CenteredWrapper>\n );\n }\n\n }}\n </Virtualizer>\n </ListViewContext.Provider>\n );\n}\n\n\nfunction CenteredWrapper({children}) {\n let {state} = useContext(ListViewContext);\n return (\n <div\n role=\"row\"\n aria-rowindex={state.collection.size + 1}\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListView-centeredWrapper',\n {\n 'react-spectrum-ListView-centeredWrapper--loadingMore': state.collection.size > 0\n }\n )}>\n <div role=\"gridcell\">\n {children}\n </div>\n </div>\n );\n}\n\nconst _ListView = React.forwardRef(ListView) as <T>(props: ListViewProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListView as ListView};\n","const _temp0 = require(\"./ar-AE.json\");\nconst _temp1 = require(\"./bg-BG.json\");\nconst _temp2 = require(\"./cs-CZ.json\");\nconst _temp3 = require(\"./da-DK.json\");\nconst _temp4 = require(\"./de-DE.json\");\nconst _temp5 = require(\"./el-GR.json\");\nconst _temp6 = require(\"./en-US.json\");\nconst _temp7 = require(\"./es-ES.json\");\nconst _temp8 = require(\"./et-EE.json\");\nconst _temp9 = require(\"./fi-FI.json\");\nconst _temp10 = require(\"./fr-FR.json\");\nconst _temp11 = require(\"./he-IL.json\");\nconst _temp12 = require(\"./hr-HR.json\");\nconst _temp13 = require(\"./hu-HU.json\");\nconst _temp14 = require(\"./it-IT.json\");\nconst _temp15 = require(\"./ja-JP.json\");\nconst _temp16 = require(\"./ko-KR.json\");\nconst _temp17 = require(\"./lt-LT.json\");\nconst _temp18 = require(\"./lv-LV.json\");\nconst _temp19 = require(\"./nb-NO.json\");\nconst _temp20 = require(\"./nl-NL.json\");\nconst _temp21 = require(\"./pl-PL.json\");\nconst _temp22 = require(\"./pt-BR.json\");\nconst _temp23 = require(\"./pt-PT.json\");\nconst _temp24 = require(\"./ro-RO.json\");\nconst _temp25 = require(\"./ru-RU.json\");\nconst _temp26 = require(\"./sk-SK.json\");\nconst _temp27 = require(\"./sl-SI.json\");\nconst _temp28 = require(\"./sr-SP.json\");\nconst _temp29 = require(\"./sv-SE.json\");\nconst _temp30 = require(\"./tr-TR.json\");\nconst _temp31 = require(\"./uk-UA.json\");\nconst _temp32 = require(\"./zh-CN.json\");\nconst _temp33 = require(\"./zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"loading\": \"جارٍ التحميل...\",\n \"loadingMore\": \"جارٍ تحميل المزيد...\"\n}\n","{\n \"loading\": \"Зареждане...\",\n \"loadingMore\": \"Зареждане на още...\"\n}\n","{\n \"loading\": \"Načítání...\",\n \"loadingMore\": \"Načítání dalších...\"\n}\n","{\n \"loading\": \"Indlæser...\",\n \"loadingMore\": \"Indlæser flere...\"\n}\n","{\n \"loading\": \"Laden...\",\n \"loadingMore\": \"Mehr laden ...\"\n}\n","{\n \"loading\": \"Φόρτωση...\",\n \"loadingMore\": \"Φόρτωση περισσότερων...\"\n}\n","{\n \"loading\": \"Loading…\",\n \"loadingMore\": \"Loading more…\"\n}\n","{\n \"loading\": \"Cargando…\",\n \"loadingMore\": \"Cargando más…\"\n}\n","{\n \"loading\": \"Laadimine...\",\n \"loadingMore\": \"Laadi rohkem...\"\n}\n","{\n \"loading\": \"Ladataan…\",\n \"loadingMore\": \"Ladataan lisää…\"\n}\n","{\n \"loading\": \"Chargement...\",\n \"loadingMore\": \"Chargement supplémentaire...\"\n}\n","{\n \"loading\": \"טוען...\",\n \"loadingMore\": \"טוען עוד...\"\n}\n","{\n \"loading\": \"Učitavam...\",\n \"loadingMore\": \"Učitavam još...\"\n}\n","{\n \"loading\": \"Betöltés folyamatban…\",\n \"loadingMore\": \"Továbbiak betöltése folyamatban…\"\n}\n","{\n \"loading\": \"Caricamento...\",\n \"loadingMore\": \"Caricamento altri...\"\n}\n","{\n \"loading\": \"読み込み中...\",\n \"loadingMore\": \"さらに読み込み中...\"\n}\n","{\n \"loading\": \"로드 중…\",\n \"loadingMore\": \"추가 로드 중…\"\n}\n","{\n \"loading\": \"Įkeliama...\",\n \"loadingMore\": \"Įkeliama daugiau...\"\n}\n","{\n \"loading\": \"Notiek ielāde...\",\n \"loadingMore\": \"Tiek ielādēts vēl...\"\n}\n","{\n \"loading\": \"Laster inn ...\",\n \"loadingMore\": \"Laster inn flere ...\"\n}\n","{\n \"loading\": \"Laden...\",\n \"loadingMore\": \"Meer laden...\"\n}\n","{\n \"loading\": \"Ładowanie...\",\n \"loadingMore\": \"Wczytywanie większej liczby...\"\n}\n","{\n \"loading\": \"Carregando...\",\n \"loadingMore\": \"Carregando mais...\"\n}\n","{\n \"loading\": \"A carregar...\",\n \"loadingMore\": \"A carregar mais...\"\n}\n","{\n \"loading\": \"Se încarcă...\",\n \"loadingMore\": \"Se încarcă mai multe...\"\n}\n","{\n \"loading\": \"Загрузка...\",\n \"loadingMore\": \"Дополнительная загрузка...\"\n}\n","{\n \"loading\": \"Načítava sa...\",\n \"loadingMore\": \"Načítava sa viac...\"\n}\n","{\n \"loading\": \"Nalaganje ...\",\n \"loadingMore\": \"Nalaganje več vsebine ...\"\n}\n","{\n \"loading\": \"Učitavam...\",\n \"loadingMore\": \"Učitavam još...\"\n}\n","{\n \"loading\": \"Läser in...\",\n \"loadingMore\": \"Läser in mer...\"\n}\n","{\n \"loading\": \"Yükleniyor...\",\n \"loadingMore\": \"Daha fazla yükleniyor...\"\n}\n","{\n \"loading\": \"Завантаження…\",\n \"loadingMore\": \"Завантаження інших об’єктів...\"\n}\n","{\n \"loading\": \"正在加载...\",\n \"loadingMore\": \"正在加载更多...\"\n}\n","{\n \"loading\": \"載入中…\",\n \"loadingMore\": \"正在載入更多…\"\n}\n","\n:root {\n --spectrum-listview-item-compact-padding-y: var(--spectrum-global-dimension-size-50);\n --spectrum-listview-item-regular-padding-y: var(--spectrum-global-dimension-size-75);\n --spectrum-listview-item-spacious-padding-y: var(--spectrum-global-dimension-size-100);\n --spectrum-listview-border-width: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));\n --spectrum-listview-border-radius: var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular));\n --spectrum-listview-item-start-end-border-radius: calc(var(--spectrum-listview-border-radius) - var(--spectrum-listview-border-width));\n}\n\n.react-spectrum-ListView {\n box-sizing: border-box;\n border-color: var(--spectrum-table-border-color, var(--spectrum-alias-border-color-mid));\n border-style: solid;\n position: relative;\n border-width: var(--spectrum-listview-border-width);\n border-radius: var(--spectrum-listview-border-radius);\n overflow: auto;\n vertical-align: var(--spectrum-table-cell-vertical-alignment);\n border-collapse: separate;\n border-spacing: 0;\n transform: translate3d(0, 0, 0);\n padding: 0;\n background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));\n outline: 0;\n\n [role=\"row\"] {\n outline: none;\n }\n}\n\n.react-spectrum-ListView--quiet {\n background-color: var(--spectrum-alias-background-color-transparent);\n border-width: 0;\n}\n\n.react-spectrum-ListViewItem {\n display: grid; /* TODO: define grid areas */\n border: 1px solid transparent;\n border-bottom-color: var(--spectrum-table-cell-border-color, var(--spectrum-global-color-gray-300));\n box-sizing: border-box;\n font-size: var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default));\n font-weight: var(--spectrum-table-cell-text-font-weight, var(--spectrum-global-font-weight-regular));\n line-height: calc(var(--spectrum-table-cell-text-size, var(--spectrum-alias-font-size-default)) * var(--spectrum-table-cell-text-line-height, var(--spectrum-alias-body-text-line-height)) - 1px);\n padding: var(--spectrum-listview-item-regular-padding-y) var(--spectrum-global-dimension-size-150);\n transition: background-color var(--spectrum-global-animation-duration-100) ease-in-out;\n position: relative;\n /*background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));*/\n color: var(--spectrum-table-cell-text-color, var(--spectrum-alias-text-color));\n outline: 0;\n min-height: var(--spectrum-global-dimension-size-500);\n\n .react-spectrum-ListView--emphasized & {\n &.is-selected {\n background-color: var(--spectrum-table-row-background-color-selected);\n border-color: var(--spectrum-global-color-blue-500);\n &.is-hovered,\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-selected);\n }\n\n /* avoid double border for adjacent selected items */\n &.is-previous-selected {\n &:not(.is-focused) {\n border-top-color: transparent;\n }\n }\n }\n }\n\n &.is-hovered,\n &.is-focused {\n background-color: var(--spectrum-table-row-background-color-hover);\n }\n\n &:focus-ring {\n background-color: var(--spectrum-table-row-background-color-hover);\n box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n border-color: var(--spectrum-global-color-blue-500);\n }\n\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-down);\n }\n\n &.is-selected {\n background-color: var(--spectrum-table-row-background-color-hover);\n\n &.is-hovered,\n &.is-active {\n background-color: var(--spectrum-table-row-background-color-hover);\n }\n }\n\n &.has-checkbox {\n /* have to eliminate vertical padding to allow proper vertical alignment */\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n &.is-dragging {\n border: 1px solid var(--spectrum-global-color-blue-500);\n border-radius: var(--spectrum-global-dimension-size-50);\n }\n\n .react-spectrum-ListViewItem-grid {\n display: grid;\n grid-template-columns: auto auto auto auto 1fr auto auto;\n grid-template-rows: 1fr auto;\n grid-template-areas:\n \"draghandle checkbox icon image content actions actionmenu chevron\"\n \"draghandle checkbox icon image description actions actionmenu chevron\"\n ;\n align-items: center;\n }\n\n .react-spectrum-ListViewItem-draghandle-container {\n grid-area: draghandle;\n width: var(--spectrum-global-dimension-size-250);\n display: flex;\n align-self: stretch;\n justify-self: stretch;\n justify-content: center;\n padding: var(--spectrum-global-dimension-size-25);\n\n\n .react-spectrum-ListViewItem-draghandle-button {\n width: var(--spectrum-global-dimension-size-200);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--spectrum-alias-border-radius-regular);\n\n &:focus-ring {\n box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n outline: none;\n }\n }\n }\n\n .react-spectrum-ListViewItem-checkbox {\n grid-area: checkbox;\n align-items: center;\n justify-items: center;\n min-height: 0;\n height: 100%;\n > span {\n margin: 0;\n }\n }\n\n .react-spectrum-ListViewItem-icon,\n .react-spectrum-ListViewItem-image {\n grid-area: image;\n align-items: center;\n justify-items: center;\n padding-inline-end: var(--spectrum-global-dimension-size-100);\n }\n\n .react-spectrum-ListViewItem-image {\n border-radius: var(--spectrum-global-dimension-size-25);\n width: var(--spectrum-global-dimension-size-400);\n height: var(--spectrum-global-dimension-size-400);\n }\n\n .react-spectrum-ListViewItem-content,\n .react-spectrum-ListViewItem-description {\n flex-grow: 1;\n }\n\n .react-spectrum-ListViewItem-content {\n grid-area: content;\n }\n\n .react-spectrum-ListViewItem-description {\n grid-area: description;\n }\n\n .react-spectrum-ListViewItem-actions {\n grid-area: actions;\n flex-grow: 0;\n flex-shrink: 0;\n }\n\n .react-spectrum-ListViewItem-actionmenu {\n grid-area: actionmenu;\n }\n\n .react-spectrum-ListViewItem-parentIndicator {\n grid-area: chevron;\n padding-inline-start: var(--spectrum-global-dimension-size-75);\n }\n\n /* give first and last items border-radius to match listview container */\n div:first-child > div[role=\"row\"] > & {\n border-start-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n border-start-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n }\n div:last-child > div[role=\"row\"] > & {\n border-end-start-radius: var(--spectrum-listview-item-start-end-border-radius);\n border-end-end-radius: var(--spectrum-listview-item-start-end-border-radius);\n }\n}\n\n.react-spectrum-ListView--compact .react-spectrum-ListViewItem {\n padding-top: var(--spectrum-listview-item-compact-padding-y);\n padding-bottom: var(--spectrum-listview-item-compact-padding-y);\n min-height: var(--spectrum-global-dimension-size-400);\n}\n\n.react-spectrum-ListView--spacious .react-spectrum-ListViewItem {\n padding-top: var(--spectrum-listview-item-spacious-padding-y);\n padding-bottom: var(--spectrum-listview-item-spacious-padding-y);\n min-height: var(--spectrum-global-dimension-size-600);\n}\n\n.react-spectrum-ListView--draggable .react-spectrum-ListViewItem {\n padding-inline-start: 0;\n}\n\n.react-spectrum-ListViewItem--draggable {\n .react-spectrum-ListViewItem-checkbox input {\n inset-inline-start: 0;\n }\n}\n\n.react-spectrum-ListView-centeredWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n &.react-spectrum-ListView-centeredWrapper--loadingMore {\n padding-top: var(--spectrum-global-dimension-size-50);\n }\n}\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {Checkbox} from '@react-spectrum/checkbox';\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, ClearSlots, SlotProvider} from '@react-spectrum/utils';\nimport {Content} from '@react-spectrum/view';\nimport type {DraggableItemResult} from '@react-aria/dnd';\nimport {FocusRing, useFocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport ListGripper from '@spectrum-icons/ui/ListGripper';\nimport listStyles from './listview.css';\nimport {ListViewContext} from './ListView';\nimport {mergeProps} from '@react-aria/utils';\nimport React, {useContext, useRef} from 'react';\nimport {useButton} from '@react-aria/button';\nimport {useGridCell, useGridRow, useGridSelectionCheckbox} from '@react-aria/grid';\nimport {useHover, usePress} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useVisuallyHidden} from '@react-aria/visually-hidden';\n\nexport function ListViewItem(props) {\n let {\n item,\n isEmphasized,\n dragHooks\n } = props;\n let cellNode = [...item.childNodes][0];\n let {state, dragState, onAction, isListDraggable} = useContext(ListViewContext);\n let {direction} = useLocale();\n let rowRef = useRef<HTMLDivElement>();\n let cellRef = useRef<HTMLDivElement>();\n let {\n isFocusVisible: isFocusVisibleWithin,\n focusProps: focusWithinProps\n } = useFocusRing({within: true});\n let {isFocusVisible, focusProps} = useFocusRing();\n let allowsInteraction = state.selectionManager.selectionMode !== 'none' || onAction;\n let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);\n let isDraggable = dragState?.isDraggable(item.key) && !isDisabled;\n let {hoverProps, isHovered} = useHover({isDisabled});\n let {pressProps, isPressed} = usePress({isDisabled});\n let {rowProps} = useGridRow({\n node: item,\n isVirtualized: true,\n onAction: onAction ? () => onAction(item.key) : undefined,\n shouldSelectOnPressUp: isListDraggable\n }, state, rowRef);\n let {gridCellProps} = useGridCell({\n node: cellNode,\n focusMode: 'cell'\n }, state, cellRef);\n let draggableItem: DraggableItemResult;\n if (isListDraggable) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n draggableItem = dragHooks.useDraggableItem({key: item.key}, dragState);\n }\n const mergedProps = mergeProps(\n gridCellProps,\n hoverProps,\n focusWithinProps,\n focusProps\n );\n let {checkboxProps} = useGridSelectionCheckbox({...props, key: item.key}, state);\n\n let dragButtonRef = React.useRef();\n let {buttonProps} = useButton({\n ...draggableItem?.dragButtonProps,\n elementType: 'div'\n }, dragButtonRef);\n\n let chevron = null;\n if (item.props.hasChildItems) {\n chevron = direction === 'ltr'\n ? (\n <ChevronRightMedium\n aria-hidden=\"true\"\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n )\n : (\n <ChevronLeftMedium\n aria-hidden=\"true\"\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-parentIndicator']} />\n );\n }\n\n let showCheckbox = state.selectionManager.selectionMode !== 'none' && state.selectionManager.selectionBehavior === 'toggle';\n let isSelected = state.selectionManager.isSelected(item.key);\n let showDragHandle = isDraggable && (isFocusVisibleWithin || isHovered || isPressed);\n let {visuallyHiddenProps} = useVisuallyHidden();\n return (\n <div\n {...mergeProps(rowProps, pressProps, isDraggable && draggableItem?.dragProps)}\n ref={rowRef}>\n <div\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListViewItem',\n {\n 'is-active': isPressed,\n 'is-focused': isFocusVisibleWithin,\n 'focus-ring': isFocusVisible,\n 'is-hovered': isHovered,\n 'is-selected': isSelected,\n 'is-previous-selected': state.selectionManager.isSelected(item.prevKey),\n 'react-spectrum-ListViewItem--highlightSelection': state.selectionManager.selectionBehavior === 'replace' && (isSelected || state.selectionManager.isSelected(item.nextKey)),\n 'react-spectrum-ListViewItem--draggable': isDraggable\n }\n )\n }\n ref={cellRef}\n {...mergedProps}>\n <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>\n {isListDraggable &&\n <div className={listStyles['react-spectrum-ListViewItem-draghandle-container']}>\n {isDraggable &&\n <FocusRing focusRingClass={classNames(listStyles, 'focus-ring')}>\n <div\n {...buttonProps as React.HTMLAttributes<HTMLElement>}\n className={\n classNames(\n listStyles,\n 'react-spectrum-ListViewItem-draghandle-button'\n )\n }\n style={!showDragHandle ? {...visuallyHiddenProps.style} : {}}\n ref={dragButtonRef}\n draggable=\"true\">\n <ListGripper />\n </div>\n </FocusRing>\n }\n </div>\n }\n {showCheckbox &&\n <Checkbox\n UNSAFE_className={listStyles['react-spectrum-ListViewItem-checkbox']}\n {...checkboxProps}\n isEmphasized={isEmphasized} />\n }\n <SlotProvider\n slots={{\n content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},\n description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},\n icon: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-icon'], size: 'M'},\n image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},\n link: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content'], isQuiet: true},\n actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},\n actionGroup: {\n UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],\n isQuiet: true,\n density: 'compact'\n },\n actionMenu: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actionmenu'], isQuiet: true}\n }}>\n {typeof item.rendered === 'string' ? <Content>{item.rendered}</Content> : item.rendered}\n <ClearSlots>\n {chevron}\n </ClearSlots>\n </SlotProvider>\n </Grid>\n </div>\n </div>\n );\n}\n"],"names":[],"version":3,"file":"main.js.map"}