@react-spectrum/actiongroup 3.10.9 → 3.10.11
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/ActionGroup.main.js +3 -6
- package/dist/ActionGroup.main.js.map +1 -1
- package/dist/ActionGroup.mjs +4 -7
- package/dist/ActionGroup.module.js +4 -7
- package/dist/ActionGroup.module.js.map +1 -1
- package/dist/button_vars_css.main.js.map +1 -1
- package/dist/button_vars_css.module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/{vars.5816edba.css → vars.607ca801.css} +3 -3
- package/dist/{vars.5816edba.css.map → vars.607ca801.css.map} +1 -1
- package/package.json +19 -19
- package/src/ActionGroup.tsx +5 -8
package/dist/ActionGroup.main.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require("./vars.
|
|
1
|
+
require("./vars.607ca801.css");
|
|
2
2
|
var $afc5a4514aca2340$exports = require("./button_vars_css.main.js");
|
|
3
3
|
require("./vars.fc4aa55a.css");
|
|
4
4
|
var $d9f76447f7a8d3f9$exports = require("./actiongroup_vars_css.main.js");
|
|
@@ -53,7 +53,7 @@ $parcel$export(module.exports, "ActionGroup", () => $9f46a6387592b67c$export$c21
|
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
const $9f46a6387592b67c$export$c21a5597f732a168 = /*#__PURE__*/ (0, $2RJq8$react.forwardRef)(function ActionGroup(props, ref) {
|
|
57
57
|
props = (0, $2RJq8$reactspectrumprovider.useProviderProps)(props);
|
|
58
58
|
props = (0, $2RJq8$reactspectrumutils.useSlotProps)(props, 'actionGroup');
|
|
59
59
|
let { isEmphasized: isEmphasized, density: density, isJustified: isJustified, isDisabled: isDisabled, orientation: orientation = 'horizontal', isQuiet: isQuiet, staticColor: staticColor, overflowMode: overflowMode = 'wrap', onAction: onAction, buttonLabelBehavior: buttonLabelBehavior, summaryIcon: summaryIcon, ...otherProps } = props;
|
|
@@ -235,10 +235,7 @@ function $9f46a6387592b67c$var$ActionGroup(props, ref) {
|
|
|
235
235
|
hideButtonText: hideButtonText,
|
|
236
236
|
orientation: orientation
|
|
237
237
|
})), menuItem))));
|
|
238
|
-
}
|
|
239
|
-
/**
|
|
240
|
-
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
241
|
-
*/ const $9f46a6387592b67c$export$c21a5597f732a168 = /*#__PURE__*/ (0, $2RJq8$react.forwardRef)($9f46a6387592b67c$var$ActionGroup);
|
|
238
|
+
});
|
|
242
239
|
function $9f46a6387592b67c$var$ActionGroupItem({ item: item, state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, onAction: onAction, hideButtonText: hideButtonText, orientation: orientation }) {
|
|
243
240
|
let ref = (0, $2RJq8$react.useRef)(null);
|
|
244
241
|
let { buttonProps: buttonProps } = (0, $2RJq8$reactariaactiongroup.useActionGroupItem)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Key, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.getBoundingClientRect().width : wrapperRef.current.getBoundingClientRect().height;\n\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (Math.round(calculatedSize) <= Math.round(containerSize)) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n // @ts-ignore (private)\n hideButtonText={hideButtonText}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().width + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().height + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\n"],"names":[],"version":3,"file":"ActionGroup.main.js.map"}
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Key, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nexport const ActionGroup = forwardRef(function ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.getBoundingClientRect().width : wrapperRef.current.getBoundingClientRect().height;\n\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (Math.round(calculatedSize) <= Math.round(containerSize)) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n // @ts-ignore (private)\n hideButtonText={hideButtonText}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().width + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().height + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\n"],"names":[],"version":3,"file":"ActionGroup.main.js.map"}
|
package/dist/ActionGroup.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./vars.
|
|
1
|
+
import "./vars.607ca801.css";
|
|
2
2
|
import $lajJX$button_vars_cssmodulejs from "./button_vars_css.mjs";
|
|
3
3
|
import "./vars.fc4aa55a.css";
|
|
4
4
|
import $lajJX$actiongroup_vars_cssmodulejs from "./actiongroup_vars_css.mjs";
|
|
@@ -12,7 +12,7 @@ import {useListState as $lajJX$useListState} from "@react-stately/list";
|
|
|
12
12
|
import $lajJX$spectrumiconsworkflowMore from "@spectrum-icons/workflow/More";
|
|
13
13
|
import {useHover as $lajJX$useHover, PressResponder as $lajJX$PressResponder} from "@react-aria/interactions";
|
|
14
14
|
import {useProviderProps as $lajJX$useProviderProps, Provider as $lajJX$Provider} from "@react-spectrum/provider";
|
|
15
|
-
import $lajJX$react, {
|
|
15
|
+
import $lajJX$react, {forwardRef as $lajJX$forwardRef, useRef as $lajJX$useRef, useMemo as $lajJX$useMemo, useCallback as $lajJX$useCallback, useState as $lajJX$useState} from "react";
|
|
16
16
|
import {Text as $lajJX$Text} from "@react-spectrum/text";
|
|
17
17
|
import {TooltipTrigger as $lajJX$TooltipTrigger, Tooltip as $lajJX$Tooltip} from "@react-spectrum/tooltip";
|
|
18
18
|
import {useActionGroup as $lajJX$useActionGroup, useActionGroupItem as $lajJX$useActionGroupItem} from "@react-aria/actiongroup";
|
|
@@ -47,7 +47,7 @@ function $parcel$interopDefault(a) {
|
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
const $a04ee251ffcc2690$export$c21a5597f732a168 = /*#__PURE__*/ (0, $lajJX$forwardRef)(function ActionGroup(props, ref) {
|
|
51
51
|
props = (0, $lajJX$useProviderProps)(props);
|
|
52
52
|
props = (0, $lajJX$useSlotProps)(props, 'actionGroup');
|
|
53
53
|
let { isEmphasized: isEmphasized, density: density, isJustified: isJustified, isDisabled: isDisabled, orientation: orientation = 'horizontal', isQuiet: isQuiet, staticColor: staticColor, overflowMode: overflowMode = 'wrap', onAction: onAction, buttonLabelBehavior: buttonLabelBehavior, summaryIcon: summaryIcon, ...otherProps } = props;
|
|
@@ -229,10 +229,7 @@ function $a04ee251ffcc2690$var$ActionGroup(props, ref) {
|
|
|
229
229
|
hideButtonText: hideButtonText,
|
|
230
230
|
orientation: orientation
|
|
231
231
|
})), menuItem))));
|
|
232
|
-
}
|
|
233
|
-
/**
|
|
234
|
-
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
235
|
-
*/ const $a04ee251ffcc2690$export$c21a5597f732a168 = /*#__PURE__*/ (0, $lajJX$forwardRef)($a04ee251ffcc2690$var$ActionGroup);
|
|
232
|
+
});
|
|
236
233
|
function $a04ee251ffcc2690$var$ActionGroupItem({ item: item, state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, onAction: onAction, hideButtonText: hideButtonText, orientation: orientation }) {
|
|
237
234
|
let ref = (0, $lajJX$useRef)(null);
|
|
238
235
|
let { buttonProps: buttonProps } = (0, $lajJX$useActionGroupItem)({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./vars.
|
|
1
|
+
import "./vars.607ca801.css";
|
|
2
2
|
import $lajJX$button_vars_cssmodulejs from "./button_vars_css.module.js";
|
|
3
3
|
import "./vars.fc4aa55a.css";
|
|
4
4
|
import $lajJX$actiongroup_vars_cssmodulejs from "./actiongroup_vars_css.module.js";
|
|
@@ -12,7 +12,7 @@ import {useListState as $lajJX$useListState} from "@react-stately/list";
|
|
|
12
12
|
import $lajJX$spectrumiconsworkflowMore from "@spectrum-icons/workflow/More";
|
|
13
13
|
import {useHover as $lajJX$useHover, PressResponder as $lajJX$PressResponder} from "@react-aria/interactions";
|
|
14
14
|
import {useProviderProps as $lajJX$useProviderProps, Provider as $lajJX$Provider} from "@react-spectrum/provider";
|
|
15
|
-
import $lajJX$react, {
|
|
15
|
+
import $lajJX$react, {forwardRef as $lajJX$forwardRef, useRef as $lajJX$useRef, useMemo as $lajJX$useMemo, useCallback as $lajJX$useCallback, useState as $lajJX$useState} from "react";
|
|
16
16
|
import {Text as $lajJX$Text} from "@react-spectrum/text";
|
|
17
17
|
import {TooltipTrigger as $lajJX$TooltipTrigger, Tooltip as $lajJX$Tooltip} from "@react-spectrum/tooltip";
|
|
18
18
|
import {useActionGroup as $lajJX$useActionGroup, useActionGroupItem as $lajJX$useActionGroupItem} from "@react-aria/actiongroup";
|
|
@@ -47,7 +47,7 @@ function $parcel$interopDefault(a) {
|
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
const $a04ee251ffcc2690$export$c21a5597f732a168 = /*#__PURE__*/ (0, $lajJX$forwardRef)(function ActionGroup(props, ref) {
|
|
51
51
|
props = (0, $lajJX$useProviderProps)(props);
|
|
52
52
|
props = (0, $lajJX$useSlotProps)(props, 'actionGroup');
|
|
53
53
|
let { isEmphasized: isEmphasized, density: density, isJustified: isJustified, isDisabled: isDisabled, orientation: orientation = 'horizontal', isQuiet: isQuiet, staticColor: staticColor, overflowMode: overflowMode = 'wrap', onAction: onAction, buttonLabelBehavior: buttonLabelBehavior, summaryIcon: summaryIcon, ...otherProps } = props;
|
|
@@ -229,10 +229,7 @@ function $a04ee251ffcc2690$var$ActionGroup(props, ref) {
|
|
|
229
229
|
hideButtonText: hideButtonText,
|
|
230
230
|
orientation: orientation
|
|
231
231
|
})), menuItem))));
|
|
232
|
-
}
|
|
233
|
-
/**
|
|
234
|
-
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
235
|
-
*/ const $a04ee251ffcc2690$export$c21a5597f732a168 = /*#__PURE__*/ (0, $lajJX$forwardRef)($a04ee251ffcc2690$var$ActionGroup);
|
|
232
|
+
});
|
|
236
233
|
function $a04ee251ffcc2690$var$ActionGroupItem({ item: item, state: state, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, onAction: onAction, hideButtonText: hideButtonText, orientation: orientation }) {
|
|
237
234
|
let ref = (0, $lajJX$useRef)(null);
|
|
238
235
|
let { buttonProps: buttonProps } = (0, $lajJX$useActionGroupItem)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/actiongroup/src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Key, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\nfunction ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.getBoundingClientRect().width : wrapperRef.current.getBoundingClientRect().height;\n\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (Math.round(calculatedSize) <= Math.round(containerSize)) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nconst _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionGroup as ActionGroup};\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n // @ts-ignore (private)\n hideButtonText={hideButtonText}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().width + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().height + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\n"],"names":[],"version":3,"file":"ActionGroup.module.js.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAgCM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAA8B,KAAkC,EAAE,GAA2B;IAC1I,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,mBAAW,EAAE,OAAO;IAE5B,IAAI,gBACF,YAAY,WACZ,OAAO,eACP,WAAW,cACX,UAAU,eACV,cAAc,uBACd,OAAO,eACP,WAAW,gBACX,eAAe,kBACf,QAAQ,uBACR,mBAAmB,eACnB,WAAW,EACX,GAAG,YACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,aAAa,CAAA,GAAA,aAAK,EAAkB;IACxC,IAAI,QAAQ,CAAA,GAAA,mBAAW,EAAE;QAAC,GAAG,KAAK;QAAE,0BAA0B;IAAI;IAClE,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IACtD,IAAI,aAAa,gBAAgB;IACjC,IAAI,gBAAgB;sBAAC;oBAAc;iBAAY;IAAO;IACtD,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IAEjC,8FAA8F;IAC9F,IAAI,oBAAoB,CAAA,GAAA,cAAM,EAAE,IAAM;eAAI,MAAM,UAAU;SAAC,CAAC,KAAK,CAAC,CAAA,OAAQ,OAAO,KAAK,QAAQ,KAAK,WAAW;QAAC,MAAM,UAAU;KAAC;IAChI,IAAI,CAAC,gBAAC,YAAY,kBAAE,cAAc,eAAE,WAAW,EAAC,EAAE,gBAAgB,GAAG,CAAA,GAAA,qBAAa,EAAE;QAClF,cAAc,MAAM,UAAU,CAAC,IAAI;QACnC,gBAAgB,wBAAwB,UAAU;QAClD,aAAa;IACf;IAEA,IAAI,gBAAgB,MAAM,gBAAgB,CAAC,aAAa;IACxD,IAAI,iBAAiB,CAAA,GAAA,kBAAU,EAAE;QAC/B,IAAI,iBAAiB,QACnB;QAGF,IAAI,gBAAgB,cAAc,kBAAkB,QAClD,yFAAyF;QACzF;QAGF,IAAI,sBAAsB,CAAC;YACzB,IAAI,OAAO,OAAO,IAAI,WAAW,OAAO,EAAE;gBACxC,IAAI,YAAY,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAClD,IAAI,gBAAgB,gBAAgB,eAAe,WAAW,OAAO,CAAC,qBAAqB,GAAG,KAAK,GAAG,WAAW,OAAO,CAAC,qBAAqB,GAAG,MAAM;gBAEvJ,IAAI,gBAAgB,eAAe,MAAM,UAAU,CAAC,IAAI;gBACxD,IAAI,iBAAiB;gBACrB,IAAI,kBAAkB;gBAEtB,IAAI,eAAe;oBACjB,IAAI,OAAO,UAAU,GAAG;oBACxB,IAAI,MACF,kBAAkB,gBAAgB,eAC9B,iCAAW,MAAM,OAAO,QACxB,kCAAY,MAAM,OAAO;gBAEjC;gBAEA,KAAK,IAAI,CAAC,GAAG,KAAK,IAAI,UAAU,OAAO,GAAI;oBACzC,kBAAkB,gBAAgB,eAC9B,iCAAW,MAAM,MAAM,GAAG,MAAM,UAAU,MAAM,GAAG,KACnD,kCAAY,MAAM,MAAM,GAAG,MAAM,UAAU,MAAM,GAAG;oBACxD,IAAI,KAAK,KAAK,CAAC,mBAAmB,KAAK,KAAK,CAAC,gBAC3C;yBAEA;gBAEJ;gBAEA,8FAA8F;gBAC9F,4DAA4D;gBAC5D,IAAI,kBAAkB,UAAU,kBAAkB,MAAM,UAAU,CAAC,IAAI,EACrE,OAAO;gBAGT,OAAO;YACT;YACA,OAAO;QACT;QAEA,gBAAgB;YACd,IAAI,iBAAiB,wBAAwB,UAAU;YAEvD,4BAA4B;YAC5B,MAAM;gBACJ,cAAc,MAAM,UAAU,CAAC,IAAI;gCACnC;gBACA,aAAa;YACf;YAEA,kDAAkD;YAClD,IAAI,kBAAkB,oBAAoB,MAAM,UAAU,CAAC,IAAI;YAC/D,IAAI,cAAc,kBAAkB,MAAM,UAAU,CAAC,IAAI,IAAI,kBAAkB;YAE/E,8FAA8F;YAC9F,+FAA+F;YAC/F,IAAI,kBAAkB,MAAM,UAAU,CAAC,IAAI,IAAI,wBAAwB,cAAc,mBAAmB;gBACtG,MAAM;oBACJ,cAAc,MAAM,UAAU,CAAC,IAAI;oBACnC,gBAAgB;oBAChB,aAAa;gBACf;gBAEA,kBAAkB,oBAAoB,MAAM,UAAU,CAAC,IAAI;gBAC3D,cAAc,kBAAkB,MAAM,UAAU,CAAC,IAAI,IAAI,kBAAkB;gBAC3E,iBAAiB;YACnB;YAEA,MAAM;gBACJ,cAAc;gCACd;6BACA;YACF;YAEA,8DAA8D;YAC9D,kDAAkD;YAClD,IAAI,aACF,MAAM;gBACJ,cAAc,oBAAoB;gCAClC;gBACA,aAAa;YACf;QAEJ;IACF,GAAG;QAAC;QAAQ,MAAM,UAAU;QAAE;QAAiB;QAAc;QAAe;QAAqB;QAAmB;KAAY;IAEhI,gGAAgG;IAChG,8EAA8E;IAC9E,IAAI,YAAY,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA;YAC7B,IAAI,WAAU;oBACL;gBAAP,QAAO,sBAAA,WAAW,OAAO,cAAlB,0CAAA,oBAAoB,aAAa;YAC1C;QACF,CAAA,GAAI;QAAC;KAAW;IAChB,CAAA,GAAA,wBAAgB,EAAE;QAAC,KAAK,iBAAiB,SAAS,YAAY;QAAW,UAAU;IAAc;IACjG,CAAA,GAAA,sBAAc,EAAE,gBAAgB;QAAC;QAAgB,MAAM,UAAU;KAAC;IAElE,IAAI,WAAW;WAAI,MAAM,UAAU;KAAC;IACpC,IAAI,WAAgC;IACpC,IAAI,YAAY,CAAC;IAEjB,qFAAqF;IACrF,+DAA+D;IAC/D,IAAI,iBAAiB,cAAc,iBAAiB,GAAG;QACrD,YAAY,CAAA,GAAA,qBAAa,EAAE,OAAO;YAAC,WAAW;QAAI;QAClD,mBAAmB,CAAC;IACtB;IAEA,IAAI,iBAAiB,cAAc,eAAe,MAAM,UAAU,CAAC,IAAI,EAAE;QACvE,IAAI,eAAe,SAAS,KAAK,CAAC;QAClC,WAAW,SAAS,KAAK,CAAC,GAAG;QAC7B,yBACE,gCAAC;YACE,GAAG,SAAS;YACb,OAAO;YACP,UAAU;YACV,YAAY;YACZ,cAAc;YACd,aAAa;YACb,OAAO;YACP,aAAa;YACb,gBAAgB;YAChB,YAAY,iBAAiB;YAC7B,aAAa;;IAEnB;IAEA,IAAI,QAAQ;QACV,GAAG,WAAW,KAAK;QACnB,sDAAsD;QACtD,WAAW,cAAc,SAAS;IACpC;IAEA,qBACE,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC;QAAK,GAAG,UAAU;QAAE,OAAO;QAAO,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6DAAK,GAAG,kBAAkB,WAAW,SAAS;QAAG,KAAK;qBAC7G,gCAAC;QACE,GAAG,gBAAgB;QACpB,KAAK;QACL,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,6DAAK,GACL,YACA,wBACA;YACE,+BAA+B;YAC/B,kCAAkC;YAClC,iCAAiC,YAAY;YAC7C,mCAAmC,eAAe,CAAC;YACnD,0CAA0C,iBAAiB;QAC7D,GACA,WAAW,gBAAgB;qBAG/B,gCAAC,CAAA,GAAA,eAAO,GAAM,eACX,SAAS,GAAG,CAAC,CAAC,qBACb,gCAAC;YACC,KAAK,KAAK,GAAG;YACb,UAAU;YACV,YAAY;YACZ,cAAc;YACd,aAAa;YACb,MAAM;YACN,OAAO;YACP,gBAAgB;YAChB,aAAa;aAEhB;AAMb;AAaA,SAAS,sCAAmB,QAAC,IAAI,SAAE,KAAK,cAAE,UAAU,gBAAE,YAAY,eAAE,WAAW,YAAE,QAAQ,kBAAE,cAAc,eAAE,WAAW,EAA0B;IAC9I,IAAI,MAAM,CAAA,GAAA,aAAK,EAAE;IACjB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,yBAAiB,EAAE;QAAC,KAAK,KAAK,GAAG;IAAA,GAAG;IACxD,aAAa,cAAc,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,GAAG;IAC1D,IAAI,aAAa,MAAM,gBAAgB,CAAC,UAAU,CAAC,KAAK,GAAG;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,KAAK,KAAK;IAExC,IAAI,YAAY,CAAC,YACf,cAAc,CAAA,GAAA,iBAAS,EAAE,aAAa;QACpC,SAAS,IAAM,SAAS,KAAK,GAAG;IAClC;IAGF,wEAAwE;IACxE,uDAAuD;IACvD,IAAI,SAAS,CAAA,GAAA,YAAI;IACjB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,eAAO,EAA6B;IACxE,CAAA,GAAA,sBAAc,EAAE;YAEG;QADjB,IAAI,gBACF,gBAAe,2BAAA,SAAS,cAAc,CAAC,qBAAxB,+CAAA,yBAAiC,WAAW;IAE/D,GAAG;QAAC;QAAgB,KAAK,QAAQ;QAAE;KAAO;IAE1C,IAAI,SACF,kDAAkD;IAClD,6DAA6D;kBAC7D,gCAAC,CAAA,GAAA,qBAAa,GAAM,CAAA,GAAA,iBAAS,EAAE,aAAa,YAAY,yBACtD,gCAAC,CAAA,GAAA,iBAAS,uBACR,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,MAAM;gBACJ,IAAI,iBAAiB,SAAS;gBAC9B,UAAU;YACZ;QACF;qBACA,gCAAC,CAAA,GAAA,mBAAW;QACV,KAAK;QACL,uBAAuB;QACvB,gBAAgB;QAChB,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,6DAAK,GACL,6BACA;YACE,eAAe;YACf,cAAc;YACd,uCAAuC;YACvC,yCAAyC;QAC3C,GACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,wDAAW,GACX;YACE,qCAAqC;YACrC,eAAe;QACjB;QAIN,YAAY;QACZ,aAAa;QACb,cAAY,IAAI,CAAC,aAAa;QAC9B,mBAAiB,IAAI,CAAC,aAAa,IAAI,QAAQ,iBAAiB,SAAS;OACxE,KAAK,QAAQ;IAOxB,IAAI,kBAAkB,aACpB,uBACE,gCAAC,CAAA,GAAA,qBAAa;QAAE,WAAW,gBAAgB,aAAa,QAAQ;OAC7D,sBACD,gCAAC,CAAA,GAAA,cAAM,SAAG;IAKhB,IAAI,KAAK,OAAO,EACd,SAAS,KAAK,OAAO,CAAC;IAGxB,OAAO;AACT;AAeA,SAAS,sCAAmB,SAAC,KAAK,cAAE,UAAU,gBAAE,YAAY,eAAE,WAAW,SAAE,KAAK,YAAE,QAAQ,eAAE,WAAW,kBAAE,cAAc,cAAE,UAAU,eAAE,WAAW,EAAE,GAAG,YAAoC;IACvL,0EAA0E;IAC1E,6EAA6E;IAC7E,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC,GAAG;IACtB,IAAI,eAAC,WAAW,EAAC,GAAG,CAAA,GAAA,yBAAiB,EAAE;aAAC;IAAG,GAAG;IAE9C,kEAAkE;IAClE,OAAO,YAAY,OAAO;IAC1B,OAAO,YAAY,IAAI;IACvB,OAAO,WAAW,CAAC,eAAe;IAElC,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAElD,uEAAuE;IACvE,IAAI,YAAY,UAAU,CAAC,aAAa,IAAK,CAAA,UAAU,CAAC,kBAAkB,GAAG,YAAY,QAAE;IAC3F,IAAI,iBAAiB,UAAU,CAAC,kBAAkB;IAClD,IAAI,SAAS,CAAA,GAAA,YAAI;IACjB,IAAI,KAAK,CAAA,GAAA,YAAI;IAEb,uDAAuD;IACvD,IAAI,MAAM,gBAAgB,CAAC,aAAa,KAAK,QAC3C,cAAc;IAGhB,IAAI,WAAW;IAEf,uEAAuE;IACvE,IAAI,aAAa,MAAM,gBAAgB,CAAC,aAAa,KAAK,UAAU,CAAC,MAAM,gBAAgB,CAAC,OAAO;IAEnG,gIAAgI;IAChI,IAAI,CAAC,eAAe,MAAM,gBAAgB,CAAC,aAAa,KAAK,YAAY,MAAM,gBAAgB,CAAC,sBAAsB,IAAI,MAAM,gBAAgB,CAAC,gBAAgB,IAAI,MAAM;QACzK,IAAI,eAAe,MAAM,UAAU,CAAC,OAAO,CAAC,MAAM,gBAAgB,CAAC,gBAAgB;QACnF,IAAI,cAAc;YAChB,cAAc,aAAa,QAAQ;YACnC,IAAI,OAAO,gBAAgB,UACzB,4BAAc,gCAAC,CAAA,GAAA,WAAG,SAAG;YAEvB,WAAW,CAAC,CAAC;YACb,iBAAiB,GAAG,2BAAA,4BAAA,iBAAkB,GAAG,CAAC,EAAE,QAAQ;QACtD;IACF;IAEA,IAAI,aACF,wDAAwD;IACxD,4BACE,gFACE,gCAAC,CAAA,GAAA,uCAAgB;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6DAAK,GAAG;sBACxD,gCAAC;QAAK,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6DAAK,GAAG,sCAAsC;YAAC,uCAAuC;QAAQ;OACvH;IAMT,OACE,kDAAkD;kBAClD,gCAAC,CAAA,GAAA,kBAAU;QAAE,OAAO,aAAa,UAAU;QAAO,WAAW,gBAAgB,aAAa,QAAQ;qBAChG,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,MAAM;gBACJ,IAAI,iBAAiB,SAAS;gBAC9B,UAAU;gBACV,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6DAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,qBAAa,GAAM,CAAA,GAAA,iBAAS,EAAE,aAAa,2BAC1C,gCAAC,CAAA,GAAA,mBAAW;QACT,GAAG,UAAU;QACd,IAAI;QACJ,cAAY;QACZ,mBAAiB;QACjB,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,6DAAK,GACL,6BACA,6BACA;YACE,cAAc;YACd,eAAe;QACjB,GACA,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,wDAAW,GACX;YACE,eAAe;YACf,qCAAqC;QACvC;QAIN,YAAY;QACZ,aAAa;OACZ,6BAAe,gCAAC,CAAA,GAAA,gCAAG,2BAI1B,gCAAC,CAAA,GAAA,WAAG;QACF,OAAO;QACP,cAAc,MAAM,YAAY;QAChC,eAAe,MAAM,gBAAgB,CAAC,aAAa;QACnD,cAAc,MAAM,gBAAgB,CAAC,YAAY;QACjD,wBAAwB,MAAM,gBAAgB,CAAC,sBAAsB;QACrE,mBAAmB,CAAC,OAAS,MAAM,gBAAgB,CAAC,eAAe,CAAC;QACpE,UAAU;OACT,CAAA,qBAAQ,gCAAC,CAAA,GAAA,WAAG;YAAE,WAAW,KAAK,SAAS;YAAG,GAAG,CAAA,GAAA,qBAAa,EAAE,KAAK,KAAK,CAAC;WAAG,KAAK,QAAQ;AAIhG;AAEA,SAAS,iCAAW,OAAoB,EAAE,gBAAyB,EAAE,iBAA0B;IAC7F,IAAI,QAAQ,OAAO,gBAAgB,CAAC;IACpC,OAAO,QAAQ,qBAAqB,GAAG,KAAK,GAAI,CAAA,mBAAmB,IAAI,+BAAS,MAAM,UAAU,CAAA,IAAM,CAAA,oBAAoB,IAAI,+BAAS,MAAM,WAAW,CAAA;AAC1J;AAGA,SAAS,kCAAY,OAAoB,EAAE,eAAwB,EAAE,kBAA2B;IAC9F,IAAI,QAAQ,OAAO,gBAAgB,CAAC;IACpC,OAAO,QAAQ,qBAAqB,GAAG,MAAM,GAAI,CAAA,kBAAkB,IAAI,+BAAS,MAAM,SAAS,CAAA,IAAM,CAAA,qBAAqB,IAAI,+BAAS,MAAM,YAAY,CAAA;AAC3J;AAEA,SAAS,+BAAS,KAAa;IAC7B,IAAI,SAAS,SAAS,OAAO;IAC7B,OAAO,MAAM,UAAU,IAAI;AAC7B","sources":["packages/@react-spectrum/actiongroup/src/ActionGroup.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '@react-spectrum/button';\nimport {AriaLabelingProps, DOMProps, DOMRef, Key, Node, StyleProps} from '@react-types/shared';\nimport buttonStyles from '@adobe/spectrum-css-temp/components/button/vars.css';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n ClearSlots,\n SlotProvider,\n useDOMRef,\n useSlotProps,\n useStyleProps\n} from '@react-spectrum/utils';\nimport {filterDOMProps, mergeProps, useId, useLayoutEffect, useResizeObserver, useValueEffect} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\nimport {Item, Menu, MenuTrigger} from '@react-spectrum/menu';\nimport {ListState, useListState} from '@react-stately/list';\nimport More from '@spectrum-icons/workflow/More';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {Provider, useProviderProps} from '@react-spectrum/provider';\nimport React, {forwardRef, ReactElement, ReactNode, useCallback, useMemo, useRef, useState} from 'react';\nimport {SpectrumActionGroupProps} from '@react-types/actiongroup';\nimport styles from '@adobe/spectrum-css-temp/components/actiongroup/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';\nimport {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';\n\n\n/**\n * An ActionGroup is a grouping of ActionButtons that are related to one another.\n */\nexport const ActionGroup = forwardRef(function ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n props = useSlotProps(props, 'actionGroup');\n\n let {\n isEmphasized,\n density,\n isJustified,\n isDisabled,\n orientation = 'horizontal',\n isQuiet,\n staticColor,\n overflowMode = 'wrap',\n onAction,\n buttonLabelBehavior,\n summaryIcon,\n ...otherProps\n } = props;\n\n let domRef = useDOMRef(ref);\n let wrapperRef = useRef<HTMLDivElement>(null);\n let state = useListState({...props, suppressTextValueWarning: true});\n let {actionGroupProps} = useActionGroup(props, state, domRef);\n let isVertical = orientation === 'vertical';\n let providerProps = {isEmphasized, isDisabled, isQuiet};\n let {styleProps} = useStyleProps(props);\n\n // Only hide button text if every item contains more than just plain text (we assume an icon).\n let isIconCollapsible = useMemo(() => [...state.collection].every(item => typeof item.rendered !== 'string'), [state.collection]);\n let [{visibleItems, hideButtonText, isMeasuring}, setVisibleItems] = useValueEffect({\n visibleItems: state.collection.size,\n hideButtonText: buttonLabelBehavior === 'hide' && isIconCollapsible,\n isMeasuring: false\n });\n\n let selectionMode = state.selectionManager.selectionMode;\n let updateOverflow = useCallback(() => {\n if (overflowMode === 'wrap') {\n return;\n }\n\n if (orientation === 'vertical' && selectionMode !== 'none') {\n // Collapsing vertical action groups with selection is currently unsupported by Spectrum.\n return;\n }\n\n let computeVisibleItems = (visibleItems: number) => {\n if (domRef.current && wrapperRef.current) {\n let listItems = Array.from(domRef.current.children) as HTMLLIElement[];\n let containerSize = orientation === 'horizontal' ? wrapperRef.current.getBoundingClientRect().width : wrapperRef.current.getBoundingClientRect().height;\n\n let isShowingMenu = visibleItems < state.collection.size;\n let calculatedSize = 0;\n let newVisibleItems = 0;\n\n if (isShowingMenu) {\n let item = listItems.pop();\n if (item) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, false, true)\n : outerHeight(item, false, true);\n }\n }\n\n for (let [i, item] of listItems.entries()) {\n calculatedSize += orientation === 'horizontal'\n ? outerWidth(item, i === 0, i === listItems.length - 1)\n : outerHeight(item, i === 0, i === listItems.length - 1);\n if (Math.round(calculatedSize) <= Math.round(containerSize)) {\n newVisibleItems++;\n } else {\n break;\n }\n }\n\n // If selection is enabled, and not all of the items fit, collapse all of them into a dropdown\n // immediately rather than having some visible and some not.\n if (selectionMode !== 'none' && newVisibleItems < state.collection.size) {\n return 0;\n }\n\n return newVisibleItems;\n }\n return visibleItems;\n };\n\n setVisibleItems(function *() {\n let hideButtonText = buttonLabelBehavior === 'hide' && isIconCollapsible;\n\n // Update to show all items.\n yield {\n visibleItems: state.collection.size,\n hideButtonText,\n isMeasuring: true\n };\n\n // Measure, and update to show the items that fit.\n let newVisibleItems = computeVisibleItems(state.collection.size);\n let isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n\n // If not all of the buttons fit, and buttonLabelBehavior is 'collapse', then first try hiding\n // the button text and only showing icons. Only if that still doesn't fit collapse into a menu.\n if (newVisibleItems < state.collection.size && buttonLabelBehavior === 'collapse' && isIconCollapsible) {\n yield {\n visibleItems: state.collection.size,\n hideButtonText: true,\n isMeasuring: true\n };\n\n newVisibleItems = computeVisibleItems(state.collection.size);\n isMeasuring = newVisibleItems < state.collection.size && newVisibleItems > 0;\n hideButtonText = true;\n }\n\n yield {\n visibleItems: newVisibleItems,\n hideButtonText,\n isMeasuring\n };\n\n // If the number of items is less than the number of children,\n // then update again to ensure that the menu fits.\n if (isMeasuring) {\n yield {\n visibleItems: computeVisibleItems(newVisibleItems),\n hideButtonText,\n isMeasuring: false\n };\n }\n });\n }, [domRef, state.collection, setVisibleItems, overflowMode, selectionMode, buttonLabelBehavior, isIconCollapsible, orientation]);\n\n // Watch the parent element for size changes. Watching only the action group itself may not work\n // in all scenarios because it may not shrink when available space is reduced.\n let parentRef = useMemo(() => ({\n get current() {\n return wrapperRef.current?.parentElement;\n }\n }), [wrapperRef]);\n useResizeObserver({ref: overflowMode !== 'wrap' ? parentRef : undefined, onResize: updateOverflow});\n useLayoutEffect(updateOverflow, [updateOverflow, state.collection]);\n\n let children = [...state.collection];\n let menuItem: ReactElement | null = null;\n let menuProps = {};\n\n // If there are no visible items, don't apply any props to the action group container\n // and pass all aria labeling props through to the menu button.\n if (overflowMode === 'collapse' && visibleItems === 0) {\n menuProps = filterDOMProps(props, {labelable: true});\n actionGroupProps = {};\n }\n\n if (overflowMode === 'collapse' && visibleItems < state.collection.size) {\n let menuChildren = children.slice(visibleItems);\n children = children.slice(0, visibleItems);\n menuItem = (\n <ActionGroupMenu\n {...menuProps}\n items={menuChildren}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n state={state}\n summaryIcon={summaryIcon}\n hideButtonText={hideButtonText}\n isOnlyItem={visibleItems === 0}\n orientation={orientation} />\n );\n }\n\n let style = {\n ...styleProps.style,\n // While measuring, take up as much space as possible.\n flexBasis: isMeasuring ? '100%' : undefined\n };\n\n return (\n <FocusScope>\n <div {...styleProps} style={style} className={classNames(styles, 'flex-container', styleProps.className)} ref={wrapperRef}>\n <div\n {...actionGroupProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'flex-gap',\n 'spectrum-ActionGroup',\n {\n 'spectrum-ActionGroup--quiet': isQuiet,\n 'spectrum-ActionGroup--vertical': isVertical,\n 'spectrum-ActionGroup--compact': density === 'compact',\n 'spectrum-ActionGroup--justified': isJustified && !isMeasuring,\n 'spectrum-ActionGroup--overflowCollapse': overflowMode === 'collapse'\n },\n otherProps.UNSAFE_className\n )\n }>\n <Provider {...providerProps}>\n {children.map((item) => (\n <ActionGroupItem\n key={item.key}\n onAction={onAction}\n isDisabled={isDisabled}\n isEmphasized={isEmphasized}\n staticColor={staticColor}\n item={item}\n state={state}\n hideButtonText={hideButtonText}\n orientation={orientation} />\n ))}\n {menuItem}\n </Provider>\n </div>\n </div>\n </FocusScope>\n );\n}) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionGroupItemProps<T> extends DOMProps, StyleProps {\n item: Node<T>,\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n hideButtonText?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupItem<T>({item, state, isDisabled, isEmphasized, staticColor, onAction, hideButtonText, orientation}: ActionGroupItemProps<T>) {\n let ref = useRef(null);\n let {buttonProps} = useActionGroupItem({key: item.key}, state);\n isDisabled = isDisabled || state.disabledKeys.has(item.key);\n let isSelected = state.selectionManager.isSelected(item.key);\n let {hoverProps, isHovered} = useHover({isDisabled});\n let domProps = filterDOMProps(item.props);\n\n if (onAction && !isDisabled) {\n buttonProps = mergeProps(buttonProps, {\n onPress: () => onAction(item.key)\n });\n }\n\n // If button text is hidden, we need to show it as a tooltip instead, so\n // go find the text element in the DOM after rendering.\n let textId = useId();\n let [textContent, setTextContent] = useState<string | null | undefined>('');\n useLayoutEffect(() => {\n if (hideButtonText) {\n setTextContent(document.getElementById(textId)?.textContent);\n }\n }, [hideButtonText, item.rendered, textId]);\n\n let button = (\n // Use a PressResponder to send DOM props through.\n // ActionButton doesn't allow overriding the role by default.\n <PressResponder {...mergeProps(buttonProps, hoverProps, domProps)}>\n <ClearSlots>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText\n }\n }}>\n <ActionButton\n ref={ref}\n // @ts-ignore (private)\n hideButtonText={hideButtonText}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n {\n 'is-selected': isSelected,\n 'is-hovered': isHovered,\n 'spectrum-ActionGroup-item--iconOnly': hideButtonText,\n 'spectrum-ActionGroup-item--isDisabled': isDisabled\n },\n classNames(\n buttonStyles,\n {\n 'spectrum-ActionButton--emphasized': isEmphasized,\n 'is-selected': isSelected\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}\n aria-label={item['aria-label']}\n aria-labelledby={item['aria-label'] == null && hideButtonText ? textId : undefined}>\n {item.rendered}\n </ActionButton>\n </SlotProvider>\n </ClearSlots>\n </PressResponder>\n );\n\n if (hideButtonText && textContent) {\n button = (\n <TooltipTrigger placement={orientation === 'vertical' ? 'end' : 'top'}>\n {button}\n <Tooltip>{textContent}</Tooltip>\n </TooltipTrigger>\n );\n }\n\n if (item.wrapper) {\n button = item.wrapper(button);\n }\n\n return button;\n}\n\ninterface ActionGroupMenuProps<T> extends AriaLabelingProps {\n state: ListState<T>,\n isDisabled?: boolean,\n isEmphasized?: boolean,\n staticColor?: 'white' | 'black',\n items: Node<T>[],\n hideButtonText?: boolean,\n summaryIcon?: ReactNode,\n isOnlyItem?: boolean,\n orientation?: 'horizontal' | 'vertical',\n onAction?: (key: Key) => void\n}\n\nfunction ActionGroupMenu<T>({state, isDisabled, isEmphasized, staticColor, items, onAction, summaryIcon, hideButtonText, isOnlyItem, orientation, ...otherProps}: ActionGroupMenuProps<T>) {\n // Use the key of the first item within the menu as the key of the button.\n // The key must actually exist in the collection for focus to work correctly.\n let key = items[0].key;\n let {buttonProps} = useActionGroupItem({key}, state);\n\n // The menu button shouldn't act like an actual action group item.\n delete buttonProps.onPress;\n delete buttonProps.role;\n delete buttonProps['aria-checked'];\n\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // If no aria-label or aria-labelledby is given, provide a default one.\n let ariaLabel = otherProps['aria-label'] || (otherProps['aria-labelledby'] ? undefined : '…');\n let ariaLabelledby = otherProps['aria-labelledby'];\n let textId = useId();\n let id = useId();\n\n // Summary icon only applies when selection is enabled.\n if (state.selectionManager.selectionMode === 'none') {\n summaryIcon = null;\n }\n\n let iconOnly = false;\n\n // If there is a selection, show the selected state on the menu button.\n let isSelected = state.selectionManager.selectionMode !== 'none' && !state.selectionManager.isEmpty;\n\n // If single selection and empty selection is not allowed, swap the contents of the button to the selected item (like a Picker).\n if (!summaryIcon && state.selectionManager.selectionMode === 'single' && state.selectionManager.disallowEmptySelection && state.selectionManager.firstSelectedKey != null) {\n let selectedItem = state.collection.getItem(state.selectionManager.firstSelectedKey);\n if (selectedItem) {\n summaryIcon = selectedItem.rendered;\n if (typeof summaryIcon === 'string') {\n summaryIcon = <Text>{summaryIcon}</Text>;\n }\n iconOnly = !!hideButtonText;\n ariaLabelledby = `${ariaLabelledby ?? id} ${textId}`;\n }\n }\n\n if (summaryIcon) {\n // If there's a custom summary icon, also add a chevron.\n summaryIcon = (\n <>\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-ActionGroup-menu-chevron')} />\n <span className={classNames(styles, 'spectrum-ActionGroup-menu-contents', {'spectrum-ActionGroup-item--iconOnly': iconOnly})}>\n {summaryIcon}\n </span>\n </>\n );\n }\n\n return (\n // Use a PressResponder to send DOM props through.\n <MenuTrigger align={isOnlyItem ? 'start' : 'end'} direction={orientation === 'vertical' ? 'end' : 'bottom'}>\n <SlotProvider\n slots={{\n text: {\n id: hideButtonText ? textId : null,\n isHidden: hideButtonText,\n UNSAFE_className: classNames(styles, 'spectrum-ActionGroup-menu-text')\n }\n }}>\n <PressResponder {...mergeProps(buttonProps, hoverProps)}>\n <ActionButton\n {...otherProps}\n id={id}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ActionGroup-item',\n 'spectrum-ActionGroup-menu',\n {\n 'is-hovered': isHovered,\n 'is-selected': isSelected\n },\n classNames(\n buttonStyles,\n {\n 'is-selected': isSelected,\n 'spectrum-ActionButton--emphasized': isEmphasized\n }\n )\n )\n }\n isDisabled={isDisabled}\n staticColor={staticColor}>\n {summaryIcon || <More />}\n </ActionButton>\n </PressResponder>\n </SlotProvider>\n <Menu\n items={items}\n disabledKeys={state.disabledKeys}\n selectionMode={state.selectionManager.selectionMode}\n selectedKeys={state.selectionManager.selectedKeys}\n disallowEmptySelection={state.selectionManager.disallowEmptySelection}\n onSelectionChange={(keys) => state.selectionManager.setSelectedKeys(keys)}\n onAction={onAction}>\n {node => <Item textValue={node.textValue} {...filterDOMProps(node.props)}>{node.rendered}</Item>}\n </Menu>\n </MenuTrigger>\n );\n}\n\nfunction outerWidth(element: HTMLElement, ignoreLeftMargin: boolean, ignoreRightMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().width + (ignoreLeftMargin ? 0 : toNumber(style.marginLeft)) + (ignoreRightMargin ? 0 : toNumber(style.marginRight));\n}\n\n\nfunction outerHeight(element: HTMLElement, ignoreTopMargin: boolean, ignoreBottomMargin: boolean) {\n let style = window.getComputedStyle(element);\n return element.getBoundingClientRect().height + (ignoreTopMargin ? 0 : toNumber(style.marginTop)) + (ignoreBottomMargin ? 0 : toNumber(style.marginBottom));\n}\n\nfunction toNumber(value: string) {\n let parsed = parseInt(value, 10);\n return isNaN(parsed) ? 0 : parsed;\n}\n"],"names":[],"version":3,"file":"ActionGroup.module.js.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArCA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAwC,CAAC,2BAA2B,EAAE,
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArCA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAwC,CAAC,2BAA2B,EAAE,2CAAkC;AACxG,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,2CAA0C,CAAC,6BAA6B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACzJ,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAoC,CAAC,uBAAuB,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AAC7I,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAyC,CAAC,4BAA4B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACvJ,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAyC,CAAC,4BAA4B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACvJ,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAgD,CAAC,mCAAmC,EAAE,2CAA6C;AACnI,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAyC,CAAC,4BAA4B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACvJ,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA6C,CAAC,+BAA+B,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"button_vars_css.main.js.map"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArCA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAwC,CAAC,2BAA2B,EAAE,
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArCA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAwC,CAAC,2BAA2B,EAAE,2CAAkC;AACxG,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,2CAA0C,CAAC,6BAA6B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACzJ,4CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAAuD,CAAC,yCAAyC,CAAC;AAClG,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAoC,CAAC,uBAAuB,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AAC7I,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAyC,CAAC,4BAA4B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACvJ,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAAyC,CAAC,4BAA4B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACvJ,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAgD,CAAC,mCAAmC,EAAE,2CAA6C;AACnI,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAyC,CAAC,4BAA4B,EAAE,0CAAsC,CAAC,EAAE,2CAAsC;AACvJ,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA6C,CAAC,+BAA+B,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"button_vars_css.module.js.map"}
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;
|
|
1
|
+
{"mappings":";;;AAuCA;;GAEG;AACH,OAAO,MAAM,aA0NP,CAAC,CAAC,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,OAAO,cAAc,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;ACvP/F,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAChD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/actiongroup/src/packages/@react-spectrum/actiongroup/src/ActionGroup.tsx","packages/@react-spectrum/actiongroup/src/packages/@react-spectrum/actiongroup/src/index.ts","packages/@react-spectrum/actiongroup/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {ActionGroup} from './ActionGroup';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionGroupProps} from '@react-types/actiongroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
|
@@ -130,23 +130,23 @@ button.ntVziG_spectrum-BaseButton {
|
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
.ntVziG_spectrum-BaseButton .ntVziG_spectrum-Icon {
|
|
133
|
+
max-block-size: 100%;
|
|
133
134
|
transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
|
|
134
135
|
box-sizing: initial;
|
|
135
136
|
flex-shrink: 0;
|
|
136
137
|
order: 0;
|
|
137
|
-
max-block-size: 100%;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
.ntVziG_spectrum-Button {
|
|
141
141
|
--spectrum-button-border-radius: var(--spectrum-button-primary-border-radius, var(--spectrum-alias-border-radius-large));
|
|
142
142
|
--spectrum-button-border-width: var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick));
|
|
143
143
|
min-block-size: var(--spectrum-button-primary-height, var(--spectrum-alias-single-line-height));
|
|
144
|
+
block-size: 0%;
|
|
144
145
|
min-inline-size: var(--spectrum-button-primary-min-width);
|
|
145
146
|
padding: var(--spectrum-global-dimension-size-50) calc(var(--spectrum-button-primary-padding-x, var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick)));
|
|
146
147
|
font-size: var(--spectrum-button-primary-text-size, var(--spectrum-alias-pill-button-text-size));
|
|
147
148
|
font-weight: var(--spectrum-button-primary-text-font-weight, var(--spectrum-global-font-weight-bold));
|
|
148
149
|
border-style: solid;
|
|
149
|
-
block-size: 0%;
|
|
150
150
|
padding-block-start: calc(var(--spectrum-global-dimension-size-50) - 1px);
|
|
151
151
|
padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
|
|
152
152
|
}
|
|
@@ -1642,4 +1642,4 @@ a.ntVziG_spectrum-Button, a.ntVziG_spectrum-ActionButton {
|
|
|
1642
1642
|
--spectrum-actionbutton-static-color-selected-disabled: ButtonFace;
|
|
1643
1643
|
}
|
|
1644
1644
|
}
|
|
1645
|
-
/*# sourceMappingURL=vars.
|
|
1645
|
+
/*# sourceMappingURL=vars.607ca801.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.
|
|
1
|
+
{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BE;;;;AA2BA;;;;AAGA;;;;AAKA;;;;;;AAYA;;;;AAKA;;;;;;;;AAWF;;;;;;;;;;;;;;AAoBE;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;;;;AAWE;;;;AAOJ;;;;;;;AASA;;;;;;;;;;;AAiBE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAKA;;;;AAKF;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAIA;;;;;;;AAYE;;;;AAKF;;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;AAcA;;;;;;;;;;;;;;;;;;;;;;AAkCE;;;;;AAMA;;;;AAKF;;;;;;;;AAWI;;;;AAMJ;;;;;;;;;;AAcE;;;;;AAOF;EAEI;;;;;AAOJ;;;;;AAiBA;;;;;AAIE;;;;AAIA;;;;;AAIE;;;;AAKF;;;;;AAIE;;;;AAKF;;;;;AAIE;;;;AAKF;;;;;AAKE;;;;AALF;;;;;AAKE;;;;AAMJ;;;;;;;;;;;;;;AAeE;;;;;;;;;;;;AAcE;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAOF;;;;;;;;;;;;AAYE;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAQF;;;;AAMI;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAVA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAVA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAkBJ;;;;AAMI;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAVA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAVA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAoBA;;;;;;;AAOA;;;;;;;;;;AAYA;;;;;;;AAOA;;;;;;;;;;AAYA;;;;;;;AAOA;;;;;;;;;;AAWF;;;;;;;AAME;;;;;;;AAOA;;;;;;;;;;AAaN;EACE;;;;;;;;;;EAaA;;;;EAKA;;;;EAMA;;;;;AAMF;;;;;;AAKE;;;;AAIA;;;;AAIA;;;;;;AAKE;;;;AAIA;;;;AAKF;;;;;;AAKE;;;;AAIA;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAME;;;;AAIA;;;;AAVF;;;;;;AAME;;;;AAIA;;;;AAKF;;;;;;AAKE;;;;AAIA;;;;;;AAKE;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAME;;;;AANF;;;;;;AAME;;;;AAQJ;;;;;;AAME;;;;AAIA;;;;;;AAKE;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAME;;;;AANF;;;;;;AAME;;;;AA9CJ;;;;;;AAME;;;;AAIA;;;;;;AAKE;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAKE;;;;AAKF;;;;;;AAME;;;;AANF;;;;;;AAME;;;;AAON;;;;;;AAKE;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAQF;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;;;;AAOA;;;;;;;AAME;;;;AAIA;;;;;;AAKE;;;;AASF;;;;;;;AAME;;;;AAQA;;;;AASF;;;;;;AAKE;;;;AAKF;;;;;;AAME;;;;AANF;;;;;;AAME;;;;AASF;;;;;;AAME;;;;AAIA;;;;;;;AAME;;;;AAKF;;;;;;AAME;;;;AANF;;;;;;AAME;;;;AAKF;;;;;;AAME;;;;AAIA;;;;AAVF;;;;;;AAME;;;;AAIA;;;;AA1CJ;;;;;;AAME;;;;AAIA;;;;;;;AAME;;;;AAKF;;;;;;AAME;;;;AANF;;;;;;AAME;;;;AAKF;;;;;;AAME;;;;AAIA;;;;AAVF;;;;;;AAME;;;;AAIA;;;;AAMJ;;;;;;;;;;;AAaF;;;;;;AAKE;;;;;;AAMA;;;;;;AAQF;;;;;;AAKE;;;;;;AAMA;;;;;;AAQF;;;;;;AAKE;;;;AAIA;;;;;;AAKE;;;;AAKF;;;;;AAKE;;;;AALF;;;;;AAKE;;;;AAKF;;;;;;AAME;;;;AAIA;;;;AAVF;;;;;;AAME;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAKA;;;;AAMF;;;;;AAKE;;;;AALF;;;;;AAKE;;;;AAMJ;;;;;;AAKE;;;;;AAKA;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;;AAKE;;;;AALF;;;;;AAKE;;;;AAMF;;;;;AAOF;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA;;;;EAIA","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.607ca801.css.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/actiongroup",
|
|
3
|
-
"version": "3.10.
|
|
3
|
+
"version": "3.10.11",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/actiongroup": "^3.7.
|
|
40
|
-
"@react-aria/focus": "^3.
|
|
41
|
-
"@react-aria/interactions": "^3.
|
|
42
|
-
"@react-aria/utils": "^3.
|
|
43
|
-
"@react-spectrum/button": "^3.16.
|
|
44
|
-
"@react-spectrum/menu": "^3.
|
|
45
|
-
"@react-spectrum/text": "^3.5.
|
|
46
|
-
"@react-spectrum/tooltip": "^3.
|
|
47
|
-
"@react-spectrum/utils": "^3.
|
|
48
|
-
"@react-stately/collections": "^3.
|
|
49
|
-
"@react-stately/list": "^3.11.
|
|
50
|
-
"@react-types/actiongroup": "^3.4.
|
|
51
|
-
"@react-types/shared": "^3.
|
|
52
|
-
"@spectrum-icons/ui": "^3.6.
|
|
53
|
-
"@spectrum-icons/workflow": "^4.2.
|
|
39
|
+
"@react-aria/actiongroup": "^3.7.12",
|
|
40
|
+
"@react-aria/focus": "^3.19.1",
|
|
41
|
+
"@react-aria/interactions": "^3.23.0",
|
|
42
|
+
"@react-aria/utils": "^3.27.0",
|
|
43
|
+
"@react-spectrum/button": "^3.16.10",
|
|
44
|
+
"@react-spectrum/menu": "^3.21.1",
|
|
45
|
+
"@react-spectrum/text": "^3.5.11",
|
|
46
|
+
"@react-spectrum/tooltip": "^3.7.1",
|
|
47
|
+
"@react-spectrum/utils": "^3.12.1",
|
|
48
|
+
"@react-stately/collections": "^3.12.1",
|
|
49
|
+
"@react-stately/list": "^3.11.2",
|
|
50
|
+
"@react-types/actiongroup": "^3.4.14",
|
|
51
|
+
"@react-types/shared": "^3.27.0",
|
|
52
|
+
"@spectrum-icons/ui": "^3.6.12",
|
|
53
|
+
"@spectrum-icons/workflow": "^4.2.17",
|
|
54
54
|
"@swc/helpers": "^0.5.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
@@ -58,11 +58,11 @@
|
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
60
|
"@react-spectrum/provider": "^3.2.0",
|
|
61
|
-
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
|
|
62
|
-
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
|
|
61
|
+
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
|
|
62
|
+
"react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
|
|
63
63
|
},
|
|
64
64
|
"publishConfig": {
|
|
65
65
|
"access": "public"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "09e7f44bebdc9d89122926b2b439a0a38a2814ea"
|
|
68
68
|
}
|
package/src/ActionGroup.tsx
CHANGED
|
@@ -37,7 +37,10 @@ import {Tooltip, TooltipTrigger} from '@react-spectrum/tooltip';
|
|
|
37
37
|
import {useActionGroup, useActionGroupItem} from '@react-aria/actiongroup';
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
|
|
40
|
+
/**
|
|
41
|
+
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
42
|
+
*/
|
|
43
|
+
export const ActionGroup = forwardRef(function ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref: DOMRef<HTMLDivElement>) {
|
|
41
44
|
props = useProviderProps(props);
|
|
42
45
|
props = useSlotProps(props, 'actionGroup');
|
|
43
46
|
|
|
@@ -255,13 +258,7 @@ function ActionGroup<T extends object>(props: SpectrumActionGroupProps<T>, ref:
|
|
|
255
258
|
</div>
|
|
256
259
|
</FocusScope>
|
|
257
260
|
);
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
/**
|
|
261
|
-
* An ActionGroup is a grouping of ActionButtons that are related to one another.
|
|
262
|
-
*/
|
|
263
|
-
const _ActionGroup = forwardRef(ActionGroup) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;
|
|
264
|
-
export {_ActionGroup as ActionGroup};
|
|
261
|
+
}) as <T>(props: SpectrumActionGroupProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;
|
|
265
262
|
|
|
266
263
|
interface ActionGroupItemProps<T> extends DOMProps, StyleProps {
|
|
267
264
|
item: Node<T>,
|