@react-spectrum/menu 3.9.1-nightly.3599 → 3.9.1-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 +171 -101
- package/dist/main.js.map +1 -1
- package/dist/module.mjs +171 -101
- package/dist/module.mjs.map +1 -1
- package/package.json +29 -29
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,12 +29,42 @@ $parcel$export(module.exports, "Menu", () => $63a7dff9cbe2d046$export$d9b273488c
|
|
|
29
29
|
$parcel$export(module.exports, "ActionMenu", () => $53a2f2636c97a561$export$ed57a210b9d13bb6);
|
|
30
30
|
$parcel$export(module.exports, "Item", () => $3ThwF$reactstatelycollections.Item);
|
|
31
31
|
$parcel$export(module.exports, "Section", () => $3ThwF$reactstatelycollections.Section);
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
+
/*
|
|
55
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
56
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
57
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
58
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
59
|
+
*
|
|
60
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
61
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
62
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
63
|
+
* governing permissions and limitations under the License.
|
|
64
|
+
*/
|
|
65
|
+
const $cac834c4bc0a51d3$export$c7e742effb1c51e2 = (0, ($parcel$interopDefault($3ThwF$react))).createContext({});
|
|
36
66
|
function $cac834c4bc0a51d3$export$21c7ab35b39f78ec() {
|
|
37
|
-
return $3ThwF$react.useContext($cac834c4bc0a51d3$export$c7e742effb1c51e2);
|
|
67
|
+
return (0, $3ThwF$react.useContext)($cac834c4bc0a51d3$export$c7e742effb1c51e2);
|
|
38
68
|
}
|
|
39
69
|
|
|
40
70
|
|
|
@@ -120,30 +150,30 @@ $3deee0fd2b46e64f$export$d35bc1e505d1ebbf = "is-disabled_7ea47c";
|
|
|
120
150
|
|
|
121
151
|
|
|
122
152
|
function $e56311f7204399c7$var$MenuTrigger(props, ref) {
|
|
123
|
-
let triggerRef = $3ThwF$react.useRef();
|
|
124
|
-
let domRef = $3ThwF$reactspectrumutils.useDOMRef(ref);
|
|
153
|
+
let triggerRef = (0, $3ThwF$react.useRef)();
|
|
154
|
+
let domRef = (0, $3ThwF$reactspectrumutils.useDOMRef)(ref);
|
|
125
155
|
let menuTriggerRef = domRef || triggerRef;
|
|
126
|
-
let menuRef = $3ThwF$react.useRef();
|
|
127
|
-
let { children: children , align: align =
|
|
128
|
-
let [menuTrigger, menu] = ($parcel$interopDefault($3ThwF$react)).Children.toArray(children);
|
|
129
|
-
let state = $3ThwF$reactstatelymenu.useMenuTriggerState(props);
|
|
130
|
-
let { menuTriggerProps: menuTriggerProps , menuProps: menuProps } = $3ThwF$reactariamenu.useMenuTrigger({
|
|
156
|
+
let menuRef = (0, $3ThwF$react.useRef)();
|
|
157
|
+
let { children: children , align: align = "start" , shouldFlip: shouldFlip = true , direction: direction = "bottom" , closeOnSelect: closeOnSelect , trigger: trigger = "press" } = props;
|
|
158
|
+
let [menuTrigger, menu] = (0, ($parcel$interopDefault($3ThwF$react))).Children.toArray(children);
|
|
159
|
+
let state = (0, $3ThwF$reactstatelymenu.useMenuTriggerState)(props);
|
|
160
|
+
let { menuTriggerProps: menuTriggerProps , menuProps: menuProps } = (0, $3ThwF$reactariamenu.useMenuTrigger)({
|
|
131
161
|
trigger: trigger
|
|
132
162
|
}, state, menuTriggerRef);
|
|
133
163
|
let initialPlacement;
|
|
134
164
|
switch(direction){
|
|
135
|
-
case
|
|
136
|
-
case
|
|
137
|
-
case
|
|
138
|
-
case
|
|
139
|
-
initialPlacement = `${direction} ${align ===
|
|
165
|
+
case "left":
|
|
166
|
+
case "right":
|
|
167
|
+
case "start":
|
|
168
|
+
case "end":
|
|
169
|
+
initialPlacement = `${direction} ${align === "end" ? "bottom" : "top"}`;
|
|
140
170
|
break;
|
|
141
|
-
case
|
|
142
|
-
case
|
|
171
|
+
case "bottom":
|
|
172
|
+
case "top":
|
|
143
173
|
default:
|
|
144
174
|
initialPlacement = `${direction} ${align}`;
|
|
145
175
|
}
|
|
146
|
-
let isMobile = $3ThwF$reactspectrumutils.useIsMobileDevice();
|
|
176
|
+
let isMobile = (0, $3ThwF$reactspectrumutils.useIsMobileDevice)();
|
|
147
177
|
let menuContext = {
|
|
148
178
|
...menuProps,
|
|
149
179
|
ref: menuRef,
|
|
@@ -151,19 +181,19 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
|
|
|
151
181
|
closeOnSelect: closeOnSelect,
|
|
152
182
|
autoFocus: state.focusStrategy || true,
|
|
153
183
|
UNSAFE_style: isMobile ? {
|
|
154
|
-
width:
|
|
155
|
-
maxHeight:
|
|
184
|
+
width: "100%",
|
|
185
|
+
maxHeight: "inherit"
|
|
156
186
|
} : undefined,
|
|
157
|
-
UNSAFE_className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)), {
|
|
158
|
-
|
|
187
|
+
UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), {
|
|
188
|
+
"spectrum-Menu-popover": !isMobile
|
|
159
189
|
})
|
|
160
190
|
};
|
|
161
191
|
// On small screen devices, the menu is rendered in a tray, otherwise a popover.
|
|
162
192
|
let overlay;
|
|
163
|
-
if (isMobile) overlay = /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactspectrumoverlays.Tray, {
|
|
193
|
+
if (isMobile) overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumoverlays.Tray), {
|
|
164
194
|
state: state
|
|
165
195
|
}, menu);
|
|
166
|
-
else overlay = /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactspectrumoverlays.Popover, {
|
|
196
|
+
else overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumoverlays.Popover), {
|
|
167
197
|
state: state,
|
|
168
198
|
triggerRef: menuTriggerRef,
|
|
169
199
|
scrollRef: menuRef,
|
|
@@ -171,29 +201,49 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
|
|
|
171
201
|
hideArrow: true,
|
|
172
202
|
shouldFlip: shouldFlip
|
|
173
203
|
}, menu);
|
|
174
|
-
return
|
|
204
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$react.Fragment), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.SlotProvider), {
|
|
175
205
|
slots: {
|
|
176
206
|
actionButton: {
|
|
177
|
-
holdAffordance: trigger ===
|
|
207
|
+
holdAffordance: trigger === "longPress"
|
|
178
208
|
}
|
|
179
209
|
}
|
|
180
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactariainteractions.PressResponder, {
|
|
210
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactariainteractions.PressResponder), {
|
|
181
211
|
...menuTriggerProps,
|
|
182
212
|
ref: menuTriggerRef,
|
|
183
213
|
isPressed: state.isOpen
|
|
184
|
-
}, menuTrigger)), /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($cac834c4bc0a51d3$export$c7e742effb1c51e2.Provider, {
|
|
214
|
+
}, menuTrigger)), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $cac834c4bc0a51d3$export$c7e742effb1c51e2).Provider, {
|
|
185
215
|
value: menuContext
|
|
186
|
-
}, overlay))
|
|
216
|
+
}, overlay));
|
|
187
217
|
}
|
|
188
218
|
/**
|
|
189
219
|
* The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
|
|
190
220
|
* linking the Menu's open state with the trigger's press state.
|
|
191
|
-
*/ let $e56311f7204399c7$export$27d2ad3c5815583e = /*#__PURE__*/ $3ThwF$react.forwardRef($e56311f7204399c7$var$MenuTrigger);
|
|
192
|
-
|
|
193
|
-
|
|
221
|
+
*/ let $e56311f7204399c7$export$27d2ad3c5815583e = /*#__PURE__*/ (0, $3ThwF$react.forwardRef)($e56311f7204399c7$var$MenuTrigger);
|
|
194
222
|
|
|
195
223
|
|
|
224
|
+
/*
|
|
225
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
226
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
227
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
228
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
229
|
+
*
|
|
230
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
231
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
232
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
233
|
+
* governing permissions and limitations under the License.
|
|
234
|
+
*/
|
|
196
235
|
|
|
236
|
+
/*
|
|
237
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
238
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
239
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
240
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
241
|
+
*
|
|
242
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
243
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
244
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
245
|
+
* governing permissions and limitations under the License.
|
|
246
|
+
*/
|
|
197
247
|
|
|
198
248
|
|
|
199
249
|
|
|
@@ -206,96 +256,106 @@ function $e56311f7204399c7$var$MenuTrigger(props, ref) {
|
|
|
206
256
|
|
|
207
257
|
function $1d718563708db5b5$export$2ce376c2cc3355c8(props) {
|
|
208
258
|
let { item: item , state: state , isVirtualized: isVirtualized , onAction: onAction } = props;
|
|
209
|
-
let { onClose: onClose , closeOnSelect: closeOnSelect } = $cac834c4bc0a51d3$export$21c7ab35b39f78ec();
|
|
259
|
+
let { onClose: onClose , closeOnSelect: closeOnSelect } = (0, $cac834c4bc0a51d3$export$21c7ab35b39f78ec)();
|
|
210
260
|
let { rendered: rendered , key: key } = item;
|
|
211
261
|
let isSelected = state.selectionManager.isSelected(key);
|
|
212
262
|
let isDisabled = state.disabledKeys.has(key);
|
|
213
|
-
let ref = $3ThwF$react.useRef();
|
|
214
|
-
let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps } = $3ThwF$reactariamenu.useMenuItem({
|
|
263
|
+
let ref = (0, $3ThwF$react.useRef)();
|
|
264
|
+
let { menuItemProps: menuItemProps , labelProps: labelProps , descriptionProps: descriptionProps , keyboardShortcutProps: keyboardShortcutProps } = (0, $3ThwF$reactariamenu.useMenuItem)({
|
|
215
265
|
isSelected: isSelected,
|
|
216
266
|
isDisabled: isDisabled,
|
|
217
|
-
|
|
267
|
+
"aria-label": item["aria-label"],
|
|
218
268
|
key: key,
|
|
219
269
|
onClose: onClose,
|
|
220
270
|
closeOnSelect: closeOnSelect,
|
|
221
271
|
isVirtualized: isVirtualized,
|
|
222
272
|
onAction: onAction
|
|
223
273
|
}, state, ref);
|
|
224
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3ThwF$reactariainteractions.useHover({
|
|
274
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3ThwF$reactariainteractions.useHover)({
|
|
225
275
|
isDisabled: isDisabled
|
|
226
276
|
});
|
|
227
|
-
let contents = typeof rendered ===
|
|
228
|
-
return
|
|
229
|
-
focusRingClass: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
230
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement("li", {
|
|
231
|
-
|
|
277
|
+
let contents = typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumtext.Text), null, rendered) : rendered;
|
|
278
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactariafocus.FocusRing), {
|
|
279
|
+
focusRingClass: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "focus-ring")
|
|
280
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", {
|
|
281
|
+
...(0, $3ThwF$reactariautils.mergeProps)(menuItemProps, hoverProps),
|
|
232
282
|
ref: ref,
|
|
233
|
-
className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
283
|
+
className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-item", {
|
|
284
|
+
"is-disabled": isDisabled,
|
|
285
|
+
"is-selected": isSelected,
|
|
286
|
+
"is-selectable": state.selectionManager.selectionMode !== "none",
|
|
287
|
+
"is-hovered": isHovered
|
|
238
288
|
})
|
|
239
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactspectrumlayout.Grid, {
|
|
240
|
-
UNSAFE_className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
241
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactspectrumutils.ClearSlots, null, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactspectrumutils.SlotProvider, {
|
|
289
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumlayout.Grid), {
|
|
290
|
+
UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-itemGrid")
|
|
291
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumutils.SlotProvider), {
|
|
242
292
|
slots: {
|
|
243
293
|
text: {
|
|
244
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
294
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-itemLabel"],
|
|
245
295
|
...labelProps
|
|
246
296
|
},
|
|
247
297
|
end: {
|
|
248
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
298
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-end"],
|
|
249
299
|
...descriptionProps
|
|
250
300
|
},
|
|
251
301
|
icon: {
|
|
252
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
253
|
-
size:
|
|
302
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-icon"],
|
|
303
|
+
size: "S"
|
|
254
304
|
},
|
|
255
305
|
description: {
|
|
256
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
306
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-description"],
|
|
257
307
|
...descriptionProps
|
|
258
308
|
},
|
|
259
309
|
keyboard: {
|
|
260
|
-
UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))[
|
|
310
|
+
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)))["spectrum-Menu-keyboard"],
|
|
261
311
|
...keyboardShortcutProps
|
|
262
312
|
}
|
|
263
313
|
}
|
|
264
|
-
}, contents, isSelected && /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement(($parcel$interopDefault($3ThwF$spectrumiconsuiCheckmarkMedium)), {
|
|
314
|
+
}, contents, isSelected && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, ($parcel$interopDefault($3ThwF$spectrumiconsuiCheckmarkMedium))), {
|
|
265
315
|
slot: "checkmark",
|
|
266
|
-
UNSAFE_className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
267
|
-
}))))))
|
|
316
|
+
UNSAFE_className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-checkmark")
|
|
317
|
+
}))))));
|
|
268
318
|
}
|
|
269
319
|
|
|
270
320
|
|
|
271
|
-
|
|
321
|
+
/*
|
|
322
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
323
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
324
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
325
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
326
|
+
*
|
|
327
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
328
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
329
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
330
|
+
* governing permissions and limitations under the License.
|
|
331
|
+
*/
|
|
272
332
|
|
|
273
333
|
|
|
274
334
|
|
|
275
335
|
|
|
276
336
|
|
|
277
337
|
function $5793ff412227d2fc$export$4b1545b4f2016d26(props) {
|
|
278
|
-
let { item:
|
|
279
|
-
let { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps } = $3ThwF$reactariamenu.useMenuSection({
|
|
280
|
-
heading:
|
|
281
|
-
|
|
338
|
+
let { item: item , state: state , onAction: onAction } = props;
|
|
339
|
+
let { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps } = (0, $3ThwF$reactariamenu.useMenuSection)({
|
|
340
|
+
heading: item.rendered,
|
|
341
|
+
"aria-label": item["aria-label"]
|
|
282
342
|
});
|
|
283
|
-
let { separatorProps: separatorProps } = $3ThwF$reactariaseparator.useSeparator({
|
|
284
|
-
elementType:
|
|
343
|
+
let { separatorProps: separatorProps } = (0, $3ThwF$reactariaseparator.useSeparator)({
|
|
344
|
+
elementType: "li"
|
|
285
345
|
});
|
|
286
|
-
return
|
|
346
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$react.Fragment), null, item.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", {
|
|
287
347
|
...separatorProps,
|
|
288
|
-
className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
289
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement("li", itemProps,
|
|
348
|
+
className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-divider")
|
|
349
|
+
}), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("li", itemProps, item.rendered && /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("span", {
|
|
290
350
|
...headingProps,
|
|
291
|
-
className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
292
|
-
},
|
|
351
|
+
className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu-sectionHeading")
|
|
352
|
+
}, item.rendered), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("ul", {
|
|
293
353
|
...groupProps,
|
|
294
|
-
className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
354
|
+
className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu")
|
|
295
355
|
}, [
|
|
296
|
-
...
|
|
356
|
+
...item.childNodes
|
|
297
357
|
].map((node)=>{
|
|
298
|
-
let item = /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($1d718563708db5b5$export$2ce376c2cc3355c8, {
|
|
358
|
+
let item = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $1d718563708db5b5$export$2ce376c2cc3355c8), {
|
|
299
359
|
key: node.key,
|
|
300
360
|
item: node,
|
|
301
361
|
state: state,
|
|
@@ -303,7 +363,7 @@ function $5793ff412227d2fc$export$4b1545b4f2016d26(props) {
|
|
|
303
363
|
});
|
|
304
364
|
if (node.wrapper) item = node.wrapper(item);
|
|
305
365
|
return item;
|
|
306
|
-
}))))
|
|
366
|
+
}))));
|
|
307
367
|
}
|
|
308
368
|
|
|
309
369
|
|
|
@@ -313,30 +373,30 @@ function $5793ff412227d2fc$export$4b1545b4f2016d26(props) {
|
|
|
313
373
|
|
|
314
374
|
|
|
315
375
|
function $63a7dff9cbe2d046$var$Menu(props, ref) {
|
|
316
|
-
let contextProps = $3ThwF$react.useContext($cac834c4bc0a51d3$export$c7e742effb1c51e2);
|
|
376
|
+
let contextProps = (0, $3ThwF$react.useContext)((0, $cac834c4bc0a51d3$export$c7e742effb1c51e2));
|
|
317
377
|
let completeProps = {
|
|
318
|
-
|
|
378
|
+
...(0, $3ThwF$reactariautils.mergeProps)(contextProps, props)
|
|
319
379
|
};
|
|
320
|
-
let domRef = $3ThwF$reactspectrumutils.useDOMRef(ref);
|
|
321
|
-
let state = $3ThwF$reactstatelytree.useTreeState(completeProps);
|
|
322
|
-
let { menuProps: menuProps } = $3ThwF$reactariamenu.useMenu(completeProps, state, domRef);
|
|
323
|
-
let { styleProps: styleProps } = $3ThwF$reactspectrumutils.useStyleProps(completeProps);
|
|
324
|
-
$3ThwF$reactariautils.useSyncRef(contextProps, domRef);
|
|
325
|
-
return
|
|
380
|
+
let domRef = (0, $3ThwF$reactspectrumutils.useDOMRef)(ref);
|
|
381
|
+
let state = (0, $3ThwF$reactstatelytree.useTreeState)(completeProps);
|
|
382
|
+
let { menuProps: menuProps } = (0, $3ThwF$reactariamenu.useMenu)(completeProps, state, domRef);
|
|
383
|
+
let { styleProps: styleProps } = (0, $3ThwF$reactspectrumutils.useStyleProps)(completeProps);
|
|
384
|
+
(0, $3ThwF$reactariautils.useSyncRef)(contextProps, domRef);
|
|
385
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement("ul", {
|
|
326
386
|
...menuProps,
|
|
327
387
|
...styleProps,
|
|
328
388
|
ref: domRef,
|
|
329
|
-
className: $3ThwF$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports)),
|
|
389
|
+
className: (0, $3ThwF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($3deee0fd2b46e64f$exports))), "spectrum-Menu", styleProps.className)
|
|
330
390
|
}, [
|
|
331
391
|
...state.collection
|
|
332
392
|
].map((item)=>{
|
|
333
|
-
if (item.type ===
|
|
393
|
+
if (item.type === "section") return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $5793ff412227d2fc$export$4b1545b4f2016d26), {
|
|
334
394
|
key: item.key,
|
|
335
395
|
item: item,
|
|
336
396
|
state: state,
|
|
337
397
|
onAction: completeProps.onAction
|
|
338
|
-
})
|
|
339
|
-
let menuItem = /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($1d718563708db5b5$export$2ce376c2cc3355c8, {
|
|
398
|
+
});
|
|
399
|
+
let menuItem = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $1d718563708db5b5$export$2ce376c2cc3355c8), {
|
|
340
400
|
key: item.key,
|
|
341
401
|
item: item,
|
|
342
402
|
state: state,
|
|
@@ -344,16 +404,26 @@ function $63a7dff9cbe2d046$var$Menu(props, ref) {
|
|
|
344
404
|
});
|
|
345
405
|
if (item.wrapper) menuItem = item.wrapper(menuItem);
|
|
346
406
|
return menuItem;
|
|
347
|
-
}))
|
|
407
|
+
}));
|
|
348
408
|
}
|
|
349
409
|
/**
|
|
350
410
|
* Menus display a list of actions or options that a user can choose.
|
|
351
411
|
*/ // forwardRef doesn't support generic parameters, so cast the result to the correct type
|
|
352
412
|
// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
353
|
-
const $63a7dff9cbe2d046$export$d9b273488cd8ce6f = /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).forwardRef($63a7dff9cbe2d046$var$Menu);
|
|
354
|
-
|
|
413
|
+
const $63a7dff9cbe2d046$export$d9b273488cd8ce6f = /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).forwardRef($63a7dff9cbe2d046$var$Menu);
|
|
355
414
|
|
|
356
415
|
|
|
416
|
+
/*
|
|
417
|
+
* Copyright 2021 Adobe. All rights reserved.
|
|
418
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
419
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
420
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
421
|
+
*
|
|
422
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
423
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
424
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
425
|
+
* governing permissions and limitations under the License.
|
|
426
|
+
*/
|
|
357
427
|
|
|
358
428
|
var $cfd196bf3743d29c$exports = {};
|
|
359
429
|
var $517603d8c7b8e5e5$exports = {};
|
|
@@ -605,33 +675,33 @@ $cfd196bf3743d29c$exports = {
|
|
|
605
675
|
|
|
606
676
|
|
|
607
677
|
function $53a2f2636c97a561$var$ActionMenu(props, ref) {
|
|
608
|
-
props = $3ThwF$reactspectrumutils.useSlotProps(props,
|
|
609
|
-
let stringFormatter = $3ThwF$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($cfd196bf3743d29c$exports)));
|
|
610
|
-
let buttonProps = $3ThwF$reactariautils.filterDOMProps(props, {
|
|
678
|
+
props = (0, $3ThwF$reactspectrumutils.useSlotProps)(props, "actionMenu");
|
|
679
|
+
let stringFormatter = (0, $3ThwF$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cfd196bf3743d29c$exports))));
|
|
680
|
+
let buttonProps = (0, $3ThwF$reactariautils.filterDOMProps)(props, {
|
|
611
681
|
labelable: true
|
|
612
682
|
});
|
|
613
|
-
if (buttonProps[
|
|
614
|
-
return
|
|
683
|
+
if (buttonProps["aria-label"] === undefined) buttonProps["aria-label"] = stringFormatter.format("moreActions");
|
|
684
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $e56311f7204399c7$export$27d2ad3c5815583e), {
|
|
615
685
|
isOpen: props.isOpen,
|
|
616
686
|
defaultOpen: props.defaultOpen,
|
|
617
687
|
onOpenChange: props.onOpenChange,
|
|
618
688
|
align: props.align,
|
|
619
689
|
direction: props.direction,
|
|
620
690
|
shouldFlip: props.shouldFlip
|
|
621
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($3ThwF$reactspectrumbutton.ActionButton, {
|
|
691
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $3ThwF$reactspectrumbutton.ActionButton), {
|
|
622
692
|
ref: ref,
|
|
623
693
|
...props,
|
|
624
694
|
...buttonProps
|
|
625
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement(($parcel$interopDefault($3ThwF$spectrumiconsworkflowMore)), null)), /*#__PURE__*/ ($parcel$interopDefault($3ThwF$react)).createElement($63a7dff9cbe2d046$export$d9b273488cd8ce6f, {
|
|
695
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, ($parcel$interopDefault($3ThwF$spectrumiconsworkflowMore))), null)), /*#__PURE__*/ (0, ($parcel$interopDefault($3ThwF$react))).createElement((0, $63a7dff9cbe2d046$export$d9b273488cd8ce6f), {
|
|
626
696
|
children: props.children,
|
|
627
697
|
items: props.items,
|
|
628
698
|
disabledKeys: props.disabledKeys,
|
|
629
699
|
onAction: props.onAction
|
|
630
|
-
}))
|
|
700
|
+
}));
|
|
631
701
|
}
|
|
632
702
|
/**
|
|
633
703
|
* ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
|
|
634
|
-
*/ const $53a2f2636c97a561$export$ed57a210b9d13bb6 = /*#__PURE__*/ $3ThwF$react.forwardRef($53a2f2636c97a561$var$ActionMenu);
|
|
704
|
+
*/ const $53a2f2636c97a561$export$ed57a210b9d13bb6 = /*#__PURE__*/ (0, $3ThwF$react.forwardRef)($53a2f2636c97a561$var$ActionMenu);
|
|
635
705
|
|
|
636
706
|
|
|
637
707
|
|