@react-spectrum/listbox 3.8.2-nightly.3599 → 3.8.2-nightly.3600
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.css +1 -1
- package/dist/main.js +156 -100
- package/dist/main.js.map +1 -1
- package/dist/module.mjs +156 -100
- package/dist/module.mjs.map +1 -1
- package/package.json +22 -22
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.spectrum-Menu-popover_7ea47c{max-width:320px}[dir=ltr] .spectrum-Menu_7ea47c{text-align:left}[dir=rtl] .spectrum-Menu_7ea47c{text-align:right}.spectrum-Menu_7ea47c{box-sizing:border-box;padding:var(--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50))0;-webkit-user-select:none;user-select:none;margin:0;list-style-type:none;display:block;overflow-y:auto}.spectrum-Menu_7ea47c .spectrum-Menu-sectionHeading_7ea47c{margin-top:var(--spectrum-global-dimension-size-75);margin-bottom:var(--spectrum-global-dimension-size-40)}.spectrum-Menu_7ea47c:focus{outline:0}.spectrum-Menu-checkmark_7ea47c{opacity:1;padding-top:calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));transform:scale(1)}[dir=ltr] .spectrum-Menu-item_7ea47c{border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}[dir=rtl] .spectrum-Menu-item_7ea47c{border-right:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}.spectrum-Menu-item_7ea47c{cursor:default;box-sizing:border-box;font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));margin:0;font-style:normal;text-decoration:none;position:relative}.spectrum-Menu-item_7ea47c:focus{outline:0}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{display:block}[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-right:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemLabel_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);word-break:break-word;grid-area:text}.spectrum-Menu-itemLabel--wrapping_7ea47c{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectrum-Menu-checkmark_7ea47c{grid-area:checkmark;place-self:flex-start end;display:none}.spectrum-Menu-divider_7ea47c{box-sizing:content-box;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding,3px)/2)var(--spectrum-global-dimension-size-150);border:0;padding:0;overflow:visible}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-450)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-450)}.spectrum-Menu-sectionHeading_7ea47c{margin:var(--spectrum-global-dimension-size-75)0 0 0;font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-global-font-weight-bold,700);line-height:var(--spectrum-alias-line-height-medium,var(--spectrum-global-dimension-size-250));padding-top:0;padding-bottom:0;display:block}.spectrum-Menu_7ea47c .spectrum-Menu_7ea47c{margin:0;display:block}.spectrum-Menu-itemGrid_7ea47c{display:-ms-grid;-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);-ms-grid-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-areas:". . . . . . ."".icon text checkmark end keyboard."".icon description checkmark end keyboard."". . . . . . .";display:grid}.spectrum-Menu-item_7ea47c.is-selectable_7ea47c .spectrum-Menu-itemGrid_7ea47c{-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{grid-area:end;place-self:flex-start end}[dir=ltr] .spectrum-Menu-icon_7ea47c{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Menu-icon_7ea47c{padding-left:var(--spectrum-global-dimension-size-100)}.spectrum-Menu-icon_7ea47c{padding-top:var(--spectrum-global-dimension-size-10);grid-area:icon}.spectrum-Menu-description_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);font-size:var(--spectrum-global-dimension-size-150);grid-area:description}[dir=ltr] .spectrum-Menu-keyboard_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu-keyboard_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu-keyboard_7ea47c{grid-area:keyboard;align-self:flex-start;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Menu_7ea47c{--spectrum-heading-subtitle3-text-color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-selectlist-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-Menu-item_7ea47c{background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}[dir=ltr] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}[dir=rtl] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-right-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-item_7ea47c .is-active_7ea47c,.spectrum-Menu-item_7ea47c:active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}.spectrum-Menu-item_7ea47c.is-disabled_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default;background-image:none}.spectrum-Menu-sectionHeading_7ea47c{color:var(--spectrum-heading-subtitle3-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Menu-divider_7ea47c{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Menu-description_7ea47c{color:var(--spectrum-global-color-gray-700)}@media (forced-colors:active){.spectrum-Menu-divider_7ea47c{background-color:CanvasText;forced-color-adjust:none}.spectrum-Menu-item_7ea47c{forced-color-adjust:none;--spectrum-heading-subtitle3-text-color:ButtonText;--spectrum-selectlist-background-color:ButtonFace;--spectrum-selectlist-divider-color:ButtonText;--spectrum-selectlist-option-background-color:ButtonFace;--spectrum-selectlist-option-background-color-disabled:ButtonFace;--spectrum-selectlist-option-background-color-down:ButtonFace;--spectrum-selectlist-option-background-color-hover:Highlight;--spectrum-selectlist-option-background-color-key-focus:Highlight;--spectrum-selectlist-option-focus-indicator-color:Highlight;--spectrum-selectlist-option-icon-color-selected:Highlight;--spectrum-selectlist-option-text-color:ButtonText;--spectrum-selectlist-option-text-color-disabled:GrayText;--spectrum-selectlist-option-text-color-hover:HighlightText;--spectrum-selectlist-option-text-color-key-focus:HighlightText;--spectrum-alias-border-color-focus:Highlight}.spectrum-Menu-item_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c:focus.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:HighlightText}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c:focus .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay))}}
|
|
1
|
+
.spectrum-Menu-popover_7ea47c{max-width:320px}[dir=ltr] .spectrum-Menu_7ea47c{text-align:left}[dir=rtl] .spectrum-Menu_7ea47c{text-align:right}.spectrum-Menu_7ea47c{box-sizing:border-box;padding:var(--spectrum-popover-padding-y,var(--spectrum-global-dimension-size-50))0;-webkit-user-select:none;user-select:none;margin:0;list-style-type:none;display:block;overflow-y:auto}.spectrum-Menu_7ea47c .spectrum-Menu-sectionHeading_7ea47c{margin-top:var(--spectrum-global-dimension-size-75);margin-bottom:var(--spectrum-global-dimension-size-40)}.spectrum-Menu_7ea47c:focus{outline:none}.spectrum-Menu-checkmark_7ea47c{opacity:1;padding-top:calc(var(--spectrum-selectlist-option-icon-padding-y) - var(--spectrum-selectlist-option-padding-height));transform:scale(1)}[dir=ltr] .spectrum-Menu-item_7ea47c{border-left:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}[dir=rtl] .spectrum-Menu-item_7ea47c{border-right:var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25))solid transparent}.spectrum-Menu-item_7ea47c{cursor:default;box-sizing:border-box;font-size:var(--spectrum-selectlist-option-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-selectlist-option-text-font-weight,var(--spectrum-global-font-weight-regular));margin:0;font-style:normal;text-decoration:none;position:relative}.spectrum-Menu-item_7ea47c:focus{outline:none}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{display:block}[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-left:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Icon_7ea47c+.spectrum-Menu-itemLabel_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c .spectrum-Menu-itemIcon_7ea47c+.spectrum-Menu-itemLabel_7ea47c{margin-right:var(--spectrum-selectlist-thumbnail-image-padding-x,var(--spectrum-global-dimension-size-100))}.spectrum-Menu-itemLabel_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);word-break:break-word;grid-area:text}.spectrum-Menu-itemLabel--wrapping_7ea47c{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spectrum-Menu-checkmark_7ea47c{grid-area:checkmark;place-self:flex-start end;display:none}.spectrum-Menu-divider_7ea47c{box-sizing:content-box;height:var(--spectrum-selectlist-divider-size,var(--spectrum-alias-border-size-thick));margin:calc(var(--spectrum-selectlist-divider-padding,3px)/2)var(--spectrum-global-dimension-size-150);border:none;padding:0;overflow:visible}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu-sectionHeading_7ea47c{padding-right:var(--spectrum-global-dimension-size-450)}[dir=rtl] .spectrum-Menu-sectionHeading_7ea47c{padding-left:var(--spectrum-global-dimension-size-450)}.spectrum-Menu-sectionHeading_7ea47c{margin:var(--spectrum-global-dimension-size-75)0 0 0;font-size:var(--spectrum-global-dimension-font-size-100);font-weight:var(--spectrum-global-font-weight-bold,700);line-height:var(--spectrum-alias-line-height-medium,var(--spectrum-global-dimension-size-250));padding-top:0;padding-bottom:0;display:block}.spectrum-Menu_7ea47c .spectrum-Menu_7ea47c{margin:0;display:block}.spectrum-Menu-itemGrid_7ea47c{display:-ms-grid;-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr auto auto auto var(--spectrum-global-dimension-size-150);-ms-grid-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-rows:var(--spectrum-selectlist-option-padding-height)1fr auto var(--spectrum-selectlist-option-padding-height);grid-template-areas:". . . . . . ."".icon text checkmark end keyboard."".icon description checkmark end keyboard."". . . . . . .";display:grid}.spectrum-Menu-item_7ea47c.is-selectable_7ea47c .spectrum-Menu-itemGrid_7ea47c{-ms-grid-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150);grid-template-columns:calc(var(--spectrum-global-dimension-size-150) - var(--spectrum-selectlist-border-size-key-focus,var(--spectrum-global-dimension-static-size-25)))auto 1fr calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-selectlist-option-icon-padding-x,var(--spectrum-global-dimension-size-150)))auto auto var(--spectrum-global-dimension-size-150)}[dir=ltr] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu_7ea47c .spectrum-Menu-end_7ea47c{grid-area:end;place-self:flex-start end}[dir=ltr] .spectrum-Menu-icon_7ea47c{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] .spectrum-Menu-icon_7ea47c{padding-left:var(--spectrum-global-dimension-size-100)}.spectrum-Menu-icon_7ea47c{padding-top:var(--spectrum-global-dimension-size-10);grid-area:icon}.spectrum-Menu-description_7ea47c{line-height:var(--spectrum-global-font-line-height-small,1.3);font-size:var(--spectrum-global-dimension-size-150);grid-area:description}[dir=ltr] .spectrum-Menu-keyboard_7ea47c{padding-left:var(--spectrum-global-dimension-size-125)}[dir=rtl] .spectrum-Menu-keyboard_7ea47c{padding-right:var(--spectrum-global-dimension-size-125)}.spectrum-Menu-keyboard_7ea47c{grid-area:keyboard;align-self:flex-start;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Menu_7ea47c{--spectrum-heading-subtitle3-text-color:var(--spectrum-global-color-gray-900);background-color:var(--spectrum-selectlist-background-color,var(--spectrum-alias-background-color-transparent))}.spectrum-Menu-item_7ea47c{background-color:var(--spectrum-selectlist-option-background-color,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}[dir=ltr] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=ltr] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-left-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}[dir=rtl] .spectrum-Menu-item_7ea47c.focus-ring_7ea47c,[dir=rtl] .spectrum-Menu-item_7ea47c.is-focused_7ea47c{border-right-color:var(--spectrum-selectlist-option-focus-indicator-color,var(--spectrum-alias-border-color-focus))}.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-hover,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-hover,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:var(--spectrum-selectlist-option-icon-color-selected,var(--spectrum-alias-icon-color-selected))}.spectrum-Menu-item_7ea47c .is-active_7ea47c,.spectrum-Menu-item_7ea47c:active{background-color:var(--spectrum-selectlist-option-background-color-down,var(--spectrum-alias-background-color-hover-overlay))}.spectrum-Menu-item_7ea47c.is-disabled_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-disabled,var(--spectrum-alias-background-color-transparent));color:var(--spectrum-selectlist-option-text-color-disabled,var(--spectrum-alias-text-color-disabled));cursor:default;background-image:none}.spectrum-Menu-sectionHeading_7ea47c{color:var(--spectrum-heading-subtitle3-text-color,var(--spectrum-global-color-gray-700))}.spectrum-Menu-divider_7ea47c{background-color:var(--spectrum-global-color-gray-300)}.spectrum-Menu-description_7ea47c{color:var(--spectrum-global-color-gray-700)}@media (forced-colors:active){.spectrum-Menu-divider_7ea47c{background-color:CanvasText;forced-color-adjust:none}.spectrum-Menu-item_7ea47c{forced-color-adjust:none;--spectrum-heading-subtitle3-text-color:ButtonText;--spectrum-selectlist-background-color:ButtonFace;--spectrum-selectlist-divider-color:ButtonText;--spectrum-selectlist-option-background-color:ButtonFace;--spectrum-selectlist-option-background-color-disabled:ButtonFace;--spectrum-selectlist-option-background-color-down:ButtonFace;--spectrum-selectlist-option-background-color-hover:Highlight;--spectrum-selectlist-option-background-color-key-focus:Highlight;--spectrum-selectlist-option-focus-indicator-color:Highlight;--spectrum-selectlist-option-icon-color-selected:Highlight;--spectrum-selectlist-option-text-color:ButtonText;--spectrum-selectlist-option-text-color-disabled:GrayText;--spectrum-selectlist-option-text-color-hover:HighlightText;--spectrum-selectlist-option-text-color-key-focus:HighlightText;--spectrum-alias-border-color-focus:Highlight}.spectrum-Menu-item_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c,.spectrum-Menu-item_7ea47c:focus,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c{background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay));color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color))}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c:focus.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c.is-selected_7ea47c .spectrum-Menu-checkmark_7ea47c{color:HighlightText}.spectrum-Menu-item_7ea47c.is-hovered_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c:focus .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-highlighted_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-open_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.focus-ring_7ea47c .spectrum-Menu-description_7ea47c,.spectrum-Menu-item_7ea47c.is-focused_7ea47c .spectrum-Menu-description_7ea47c{color:var(--spectrum-selectlist-option-text-color-key-focus,var(--spectrum-alias-text-color));background-color:var(--spectrum-selectlist-option-background-color-key-focus,var(--spectrum-alias-background-color-hover-overlay))}}
|
package/dist/main.js
CHANGED
|
@@ -29,7 +29,38 @@ $parcel$export(module.exports, "useListBoxLayout", () => $60eb4b34c53310cb$expor
|
|
|
29
29
|
$parcel$export(module.exports, "ListBoxBase", () => $60eb4b34c53310cb$export$1afdcf349979fb7e);
|
|
30
30
|
$parcel$export(module.exports, "Item", () => $3Fwf2$reactstatelycollections.Item);
|
|
31
31
|
$parcel$export(module.exports, "Section", () => $3Fwf2$reactstatelycollections.Section);
|
|
32
|
-
|
|
32
|
+
/*
|
|
33
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
34
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
35
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
36
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
37
|
+
*
|
|
38
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
39
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
40
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
41
|
+
* governing permissions and limitations under the License.
|
|
42
|
+
*/ /// <reference types="css-module-types" />
|
|
43
|
+
/*
|
|
44
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
45
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
46
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
47
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
48
|
+
*
|
|
49
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
50
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
51
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
52
|
+
* governing permissions and limitations under the License.
|
|
53
|
+
*/ /*
|
|
54
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
55
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
56
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
57
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
58
|
+
*
|
|
59
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
60
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
61
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
62
|
+
* governing permissions and limitations under the License.
|
|
63
|
+
*/
|
|
33
64
|
|
|
34
65
|
|
|
35
66
|
var $b48c40096cc25703$exports = {};
|
|
@@ -309,11 +340,31 @@ $b48c40096cc25703$exports = {
|
|
|
309
340
|
};
|
|
310
341
|
|
|
311
342
|
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
343
|
+
/*
|
|
344
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
345
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
346
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
347
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
348
|
+
*
|
|
349
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
350
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
351
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
352
|
+
* governing permissions and limitations under the License.
|
|
353
|
+
*/
|
|
354
|
+
const $611e93c7b7c0413c$export$7ff8f37d2d81a48d = (0, ($parcel$interopDefault($3Fwf2$react))).createContext(null);
|
|
315
355
|
|
|
316
356
|
|
|
357
|
+
/*
|
|
358
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
359
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
360
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
361
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
362
|
+
*
|
|
363
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
364
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
365
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
366
|
+
* governing permissions and limitations under the License.
|
|
367
|
+
*/
|
|
317
368
|
|
|
318
369
|
|
|
319
370
|
|
|
@@ -403,63 +454,72 @@ $3deee0fd2b46e64f$export$d35bc1e505d1ebbf = "is-disabled_7ea47c";
|
|
|
403
454
|
function $2205d250ee1cb1ac$export$feb3b6b552c14a12(props) {
|
|
404
455
|
let { item: item , shouldSelectOnPressUp: shouldSelectOnPressUp , shouldFocusOnHover: shouldFocusOnHover , shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
|
|
405
456
|
let { rendered: rendered , key: key } = item;
|
|
406
|
-
let state = $3Fwf2$react.useContext($611e93c7b7c0413c$export$7ff8f37d2d81a48d);
|
|
407
|
-
let ref = $3Fwf2$react.useRef();
|
|
408
|
-
let { optionProps: optionProps , labelProps: labelProps , descriptionProps: descriptionProps , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused } = $3Fwf2$reactarialistbox.useOption({
|
|
409
|
-
|
|
457
|
+
let state = (0, $3Fwf2$react.useContext)((0, $611e93c7b7c0413c$export$7ff8f37d2d81a48d));
|
|
458
|
+
let ref = (0, $3Fwf2$react.useRef)();
|
|
459
|
+
let { optionProps: optionProps , labelProps: labelProps , descriptionProps: descriptionProps , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused } = (0, $3Fwf2$reactarialistbox.useOption)({
|
|
460
|
+
"aria-label": item["aria-label"],
|
|
410
461
|
key: key,
|
|
411
462
|
shouldSelectOnPressUp: shouldSelectOnPressUp,
|
|
412
463
|
shouldFocusOnHover: shouldFocusOnHover,
|
|
413
464
|
isVirtualized: true,
|
|
414
465
|
shouldUseVirtualFocus: shouldUseVirtualFocus
|
|
415
466
|
}, state, ref);
|
|
416
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3Fwf2$reactariainteractions.useHover({
|
|
467
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3Fwf2$reactariainteractions.useHover)({
|
|
417
468
|
...props,
|
|
418
469
|
isDisabled: isDisabled
|
|
419
470
|
});
|
|
420
|
-
let contents = typeof rendered ===
|
|
421
|
-
let isKeyboardModality = $3Fwf2$reactariainteractions.isFocusVisible();
|
|
422
|
-
return
|
|
423
|
-
focusRingClass: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
424
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
|
|
425
|
-
|
|
426
|
-
} : hoverProps),
|
|
471
|
+
let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumtext.Text), null, rendered) : rendered;
|
|
472
|
+
let isKeyboardModality = (0, $3Fwf2$reactariainteractions.isFocusVisible)();
|
|
473
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariafocus.FocusRing), {
|
|
474
|
+
focusRingClass: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "focus-ring")
|
|
475
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
476
|
+
...(0, $3Fwf2$reactariautils.mergeProps)(optionProps, shouldFocusOnHover ? {} : hoverProps),
|
|
427
477
|
ref: ref,
|
|
428
|
-
className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
478
|
+
className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-item", {
|
|
429
479
|
// If using virtual focus, apply focused styles to the item when the user is interacting with keyboard modality
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
480
|
+
"is-focused": shouldUseVirtualFocus && isFocused && isKeyboardModality,
|
|
481
|
+
"is-disabled": isDisabled,
|
|
482
|
+
"is-selected": isSelected,
|
|
483
|
+
"is-selectable": state.selectionManager.selectionMode !== "none",
|
|
434
484
|
// When shouldFocusOnHover is false, apply hover styles both when hovered with the mouse.
|
|
435
485
|
// Otherwise, apply hover styles when focused using non-keyboard modality.
|
|
436
|
-
|
|
486
|
+
"is-hovered": isHovered && !shouldFocusOnHover || isFocused && !isKeyboardModality
|
|
437
487
|
})
|
|
438
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumlayout.Grid, {
|
|
439
|
-
UNSAFE_className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
440
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumutils.ClearSlots, null, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumutils.SlotProvider, {
|
|
488
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumlayout.Grid), {
|
|
489
|
+
UNSAFE_className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-itemGrid")
|
|
490
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumutils.SlotProvider), {
|
|
441
491
|
slots: {
|
|
442
492
|
text: {
|
|
443
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
493
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-itemLabel"],
|
|
444
494
|
...labelProps
|
|
445
495
|
},
|
|
446
496
|
icon: {
|
|
447
|
-
size:
|
|
448
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
497
|
+
size: "S",
|
|
498
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-icon"]
|
|
449
499
|
},
|
|
450
500
|
description: {
|
|
451
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
501
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-description"],
|
|
452
502
|
...descriptionProps
|
|
453
503
|
}
|
|
454
504
|
}
|
|
455
|
-
}, contents, isSelected && /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement(($parcel$interopDefault($3Fwf2$spectrumiconsuiCheckmarkMedium)), {
|
|
505
|
+
}, contents, isSelected && /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, ($parcel$interopDefault($3Fwf2$spectrumiconsuiCheckmarkMedium))), {
|
|
456
506
|
slot: "checkmark",
|
|
457
|
-
UNSAFE_className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
458
|
-
}))))))
|
|
507
|
+
UNSAFE_className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-checkmark")
|
|
508
|
+
}))))));
|
|
459
509
|
}
|
|
460
510
|
|
|
461
511
|
|
|
462
|
-
|
|
512
|
+
/*
|
|
513
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
514
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
515
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
516
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
517
|
+
*
|
|
518
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
519
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
520
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
521
|
+
* governing permissions and limitations under the License.
|
|
522
|
+
*/
|
|
463
523
|
|
|
464
524
|
|
|
465
525
|
|
|
@@ -470,35 +530,35 @@ function $2205d250ee1cb1ac$export$feb3b6b552c14a12(props) {
|
|
|
470
530
|
function $0f5fd8483f48ef09$export$dca12b0bb56e4fc(props) {
|
|
471
531
|
let { children: children , reusableView: reusableView , header: header } = props;
|
|
472
532
|
let item = reusableView.content;
|
|
473
|
-
let { headingProps: headingProps , groupProps: groupProps } = $3Fwf2$reactarialistbox.useListBoxSection({
|
|
533
|
+
let { headingProps: headingProps , groupProps: groupProps } = (0, $3Fwf2$reactarialistbox.useListBoxSection)({
|
|
474
534
|
heading: item.rendered,
|
|
475
|
-
|
|
535
|
+
"aria-label": item["aria-label"]
|
|
476
536
|
});
|
|
477
|
-
let { separatorProps: separatorProps } = $3Fwf2$reactariaseparator.useSeparator({
|
|
478
|
-
elementType:
|
|
537
|
+
let { separatorProps: separatorProps } = (0, $3Fwf2$reactariaseparator.useSeparator)({
|
|
538
|
+
elementType: "li"
|
|
479
539
|
});
|
|
480
|
-
let headerRef = $3Fwf2$react.useRef();
|
|
481
|
-
$3Fwf2$reactariavirtualizer.useVirtualizerItem({
|
|
540
|
+
let headerRef = (0, $3Fwf2$react.useRef)();
|
|
541
|
+
(0, $3Fwf2$reactariavirtualizer.useVirtualizerItem)({
|
|
482
542
|
reusableView: header,
|
|
483
543
|
ref: headerRef
|
|
484
544
|
});
|
|
485
|
-
let { direction: direction } = $3Fwf2$reactariai18n.useLocale();
|
|
486
|
-
let state = $3Fwf2$react.useContext($611e93c7b7c0413c$export$7ff8f37d2d81a48d);
|
|
487
|
-
return
|
|
545
|
+
let { direction: direction } = (0, $3Fwf2$reactariai18n.useLocale)();
|
|
546
|
+
let state = (0, $3Fwf2$react.useContext)((0, $611e93c7b7c0413c$export$7ff8f37d2d81a48d));
|
|
547
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$react.Fragment), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
488
548
|
role: "presentation",
|
|
489
549
|
ref: headerRef,
|
|
490
|
-
style: $3Fwf2$reactariavirtualizer.layoutInfoToStyle(header.layoutInfo, direction)
|
|
491
|
-
}, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
|
|
550
|
+
style: (0, $3Fwf2$reactariavirtualizer.layoutInfoToStyle)(header.layoutInfo, direction)
|
|
551
|
+
}, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
492
552
|
...separatorProps,
|
|
493
|
-
className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
494
|
-
}), item.rendered && /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
|
|
553
|
+
className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-divider")
|
|
554
|
+
}), item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
495
555
|
...headingProps,
|
|
496
|
-
className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
497
|
-
}, item.rendered)), /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
|
|
556
|
+
className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-sectionHeading")
|
|
557
|
+
}, item.rendered)), /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
498
558
|
...groupProps,
|
|
499
|
-
style: $3Fwf2$reactariavirtualizer.layoutInfoToStyle(reusableView.layoutInfo, direction),
|
|
500
|
-
className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
501
|
-
}, children))
|
|
559
|
+
style: (0, $3Fwf2$reactariavirtualizer.layoutInfoToStyle)(reusableView.layoutInfo, direction),
|
|
560
|
+
className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu")
|
|
561
|
+
}, children));
|
|
502
562
|
}
|
|
503
563
|
|
|
504
564
|
|
|
@@ -511,20 +571,19 @@ function $0f5fd8483f48ef09$export$dca12b0bb56e4fc(props) {
|
|
|
511
571
|
|
|
512
572
|
|
|
513
573
|
function $60eb4b34c53310cb$export$25768ea656ae32a7(state) {
|
|
514
|
-
let { scale: scale } = $3Fwf2$reactspectrumprovider.useProvider();
|
|
515
|
-
let collator = $3Fwf2$reactariai18n.useCollator({
|
|
516
|
-
usage:
|
|
517
|
-
sensitivity:
|
|
574
|
+
let { scale: scale } = (0, $3Fwf2$reactspectrumprovider.useProvider)();
|
|
575
|
+
let collator = (0, $3Fwf2$reactariai18n.useCollator)({
|
|
576
|
+
usage: "search",
|
|
577
|
+
sensitivity: "base"
|
|
518
578
|
});
|
|
519
|
-
let layout = $3Fwf2$react.useMemo(()=>new $3Fwf2$reactstatelylayout.ListLayout({
|
|
520
|
-
estimatedRowHeight: scale ===
|
|
521
|
-
estimatedHeadingHeight: scale ===
|
|
522
|
-
padding: scale ===
|
|
579
|
+
let layout = (0, $3Fwf2$react.useMemo)(()=>new (0, $3Fwf2$reactstatelylayout.ListLayout)({
|
|
580
|
+
estimatedRowHeight: scale === "large" ? 48 : 32,
|
|
581
|
+
estimatedHeadingHeight: scale === "large" ? 33 : 26,
|
|
582
|
+
padding: scale === "large" ? 5 : 4,
|
|
523
583
|
loaderHeight: 40,
|
|
524
|
-
placeholderHeight: scale ===
|
|
584
|
+
placeholderHeight: scale === "large" ? 48 : 32,
|
|
525
585
|
collator: collator
|
|
526
|
-
})
|
|
527
|
-
, [
|
|
586
|
+
}), [
|
|
528
587
|
collator,
|
|
529
588
|
scale
|
|
530
589
|
]);
|
|
@@ -533,41 +592,38 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state) {
|
|
|
533
592
|
return layout;
|
|
534
593
|
}
|
|
535
594
|
/** @private */ function $60eb4b34c53310cb$var$ListBoxBase(props, ref) {
|
|
536
|
-
let { layout: layout , state: state , shouldSelectOnPressUp: shouldSelectOnPressUp , focusOnPointerEnter: focusOnPointerEnter , shouldUseVirtualFocus: shouldUseVirtualFocus , domProps: domProps = {
|
|
537
|
-
|
|
538
|
-
let { listBoxProps: listBoxProps } = $3Fwf2$reactarialistbox.useListBox({
|
|
595
|
+
let { layout: layout , state: state , shouldSelectOnPressUp: shouldSelectOnPressUp , focusOnPointerEnter: focusOnPointerEnter , shouldUseVirtualFocus: shouldUseVirtualFocus , domProps: domProps = {} , transitionDuration: transitionDuration = 0 , onScroll: onScroll } = props;
|
|
596
|
+
let { listBoxProps: listBoxProps } = (0, $3Fwf2$reactarialistbox.useListBox)({
|
|
539
597
|
...props,
|
|
540
598
|
keyboardDelegate: layout,
|
|
541
599
|
isVirtualized: true
|
|
542
600
|
}, state, ref);
|
|
543
|
-
let { styleProps: styleProps } = $3Fwf2$reactspectrumutils.useStyleProps(props);
|
|
544
|
-
let stringFormatter = $3Fwf2$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($b48c40096cc25703$exports)));
|
|
601
|
+
let { styleProps: styleProps } = (0, $3Fwf2$reactspectrumutils.useStyleProps)(props);
|
|
602
|
+
let stringFormatter = (0, $3Fwf2$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($b48c40096cc25703$exports))));
|
|
545
603
|
// Sync loading state into the layout.
|
|
546
604
|
layout.isLoading = props.isLoading;
|
|
547
605
|
let renderWrapper = (parent, reusableView, children, renderChildren)=>{
|
|
548
|
-
if (reusableView.viewType ===
|
|
606
|
+
if (reusableView.viewType === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $0f5fd8483f48ef09$export$dca12b0bb56e4fc), {
|
|
549
607
|
key: reusableView.key,
|
|
550
608
|
reusableView: reusableView,
|
|
551
|
-
header: children.find((c)=>c.viewType ===
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
))));
|
|
555
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariavirtualizer.VirtualizerItem, {
|
|
609
|
+
header: children.find((c)=>c.viewType === "header")
|
|
610
|
+
}, renderChildren(children.filter((c)=>c.viewType === "item")));
|
|
611
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariavirtualizer.VirtualizerItem), {
|
|
556
612
|
key: reusableView.key,
|
|
557
613
|
reusableView: reusableView,
|
|
558
614
|
parent: parent
|
|
559
|
-
})
|
|
615
|
+
});
|
|
560
616
|
};
|
|
561
|
-
return
|
|
617
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $611e93c7b7c0413c$export$7ff8f37d2d81a48d).Provider, {
|
|
562
618
|
value: state
|
|
563
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariafocus.FocusScope, null, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactariavirtualizer.Virtualizer, {
|
|
619
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactariavirtualizer.Virtualizer), {
|
|
564
620
|
...styleProps,
|
|
565
|
-
|
|
621
|
+
...(0, $3Fwf2$reactariautils.mergeProps)(listBoxProps, domProps),
|
|
566
622
|
ref: ref,
|
|
567
623
|
focusedKey: state.selectionManager.focusedKey,
|
|
568
624
|
sizeToFit: "height",
|
|
569
625
|
scrollDirection: "vertical",
|
|
570
|
-
className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
626
|
+
className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className),
|
|
571
627
|
layout: layout,
|
|
572
628
|
collection: state.collection,
|
|
573
629
|
renderWrapper: renderWrapper,
|
|
@@ -577,63 +633,63 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7(state) {
|
|
|
577
633
|
shouldUseVirtualFocus: shouldUseVirtualFocus,
|
|
578
634
|
onScroll: onScroll
|
|
579
635
|
}, (type, item)=>{
|
|
580
|
-
if (type ===
|
|
636
|
+
if (type === "item") return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $2205d250ee1cb1ac$export$feb3b6b552c14a12), {
|
|
581
637
|
item: item,
|
|
582
638
|
shouldSelectOnPressUp: shouldSelectOnPressUp,
|
|
583
639
|
shouldFocusOnHover: focusOnPointerEnter,
|
|
584
640
|
shouldUseVirtualFocus: shouldUseVirtualFocus
|
|
585
|
-
})
|
|
586
|
-
else if (type ===
|
|
641
|
+
});
|
|
642
|
+
else if (type === "loader") return(// aria-selected isn't needed here since this option is not selectable.
|
|
587
643
|
// eslint-disable-next-line jsx-a11y/role-has-required-aria-props
|
|
588
|
-
/*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement("div", {
|
|
644
|
+
/*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
589
645
|
role: "option",
|
|
590
646
|
style: {
|
|
591
|
-
display:
|
|
592
|
-
alignItems:
|
|
593
|
-
justifyContent:
|
|
594
|
-
height:
|
|
647
|
+
display: "flex",
|
|
648
|
+
alignItems: "center",
|
|
649
|
+
justifyContent: "center",
|
|
650
|
+
height: "100%"
|
|
595
651
|
}
|
|
596
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).createElement($3Fwf2$reactspectrumprogress.ProgressCircle, {
|
|
652
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $3Fwf2$reactspectrumprogress.ProgressCircle), {
|
|
597
653
|
isIndeterminate: true,
|
|
598
654
|
size: "S",
|
|
599
|
-
"aria-label": state.collection.size > 0 ? stringFormatter.format(
|
|
600
|
-
UNSAFE_className: $3Fwf2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
655
|
+
"aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading"),
|
|
656
|
+
UNSAFE_className: (0, $3Fwf2$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Dropdown-progressCircle")
|
|
601
657
|
})));
|
|
602
|
-
else if (type ===
|
|
658
|
+
else if (type === "placeholder") {
|
|
603
659
|
let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
|
|
604
660
|
if (emptyState == null) return null;
|
|
605
|
-
return
|
|
661
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement("div", {
|
|
606
662
|
// aria-selected isn't needed here since this option is not selectable.
|
|
607
663
|
// eslint-disable-next-line jsx-a11y/role-has-required-aria-props
|
|
608
664
|
role: "option"
|
|
609
|
-
}, emptyState)
|
|
665
|
+
}, emptyState);
|
|
610
666
|
}
|
|
611
|
-
})))
|
|
667
|
+
})));
|
|
612
668
|
}
|
|
613
669
|
// forwardRef doesn't support generic parameters, so cast the result to the correct type
|
|
614
670
|
// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
615
|
-
const $60eb4b34c53310cb$export$1afdcf349979fb7e = /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).forwardRef($60eb4b34c53310cb$var$ListBoxBase);
|
|
671
|
+
const $60eb4b34c53310cb$export$1afdcf349979fb7e = /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).forwardRef($60eb4b34c53310cb$var$ListBoxBase);
|
|
616
672
|
|
|
617
673
|
|
|
618
674
|
|
|
619
675
|
|
|
620
676
|
|
|
621
677
|
function $582d86e45be55635$var$ListBox(props, ref) {
|
|
622
|
-
let state = $3Fwf2$reactstatelylist.useListState(props);
|
|
623
|
-
let layout = $60eb4b34c53310cb$export$25768ea656ae32a7(state);
|
|
624
|
-
let domRef = $3Fwf2$reactspectrumutils.useDOMRef(ref);
|
|
625
|
-
return
|
|
678
|
+
let state = (0, $3Fwf2$reactstatelylist.useListState)(props);
|
|
679
|
+
let layout = (0, $60eb4b34c53310cb$export$25768ea656ae32a7)(state);
|
|
680
|
+
let domRef = (0, $3Fwf2$reactspectrumutils.useDOMRef)(ref);
|
|
681
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).createElement((0, $60eb4b34c53310cb$export$1afdcf349979fb7e), {
|
|
626
682
|
...props,
|
|
627
683
|
ref: domRef,
|
|
628
684
|
state: state,
|
|
629
685
|
layout: layout
|
|
630
|
-
})
|
|
686
|
+
});
|
|
631
687
|
}
|
|
632
688
|
// forwardRef doesn't support generic parameters, so cast the result to the correct type
|
|
633
689
|
// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
634
690
|
/**
|
|
635
691
|
* A list of options that can allow selection of one or more.
|
|
636
|
-
*/ const $582d86e45be55635$export$41f133550aa26f48 = /*#__PURE__*/ ($parcel$interopDefault($3Fwf2$react)).forwardRef($582d86e45be55635$var$ListBox);
|
|
692
|
+
*/ const $582d86e45be55635$export$41f133550aa26f48 = /*#__PURE__*/ (0, ($parcel$interopDefault($3Fwf2$react))).forwardRef($582d86e45be55635$var$ListBox);
|
|
637
693
|
|
|
638
694
|
|
|
639
695
|
|