@sproutsocial/seeds-react-menu 1.5.2 → 1.6.1
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/.turbo/turbo-build.log +10 -86
- package/CHANGELOG.md +12 -0
- package/dist/esm/index.js +30 -27
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +8 -3
- package/dist/index.d.ts +8 -3
- package/dist/index.js +31 -27
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/ActionMenu/ActionMenu.stories.tsx +20 -1
- package/src/MenuContent/DefaultMenuEmptyState.tsx +10 -6
- package/src/MenuContent/index.tsx +3 -2
- package/src/MenuGroup/__tests__/MenuGroup.test.tsx +33 -0
- package/src/MenuGroup/__tests__/MenuGroup.typetest.tsx +5 -0
- package/src/hooks/useMenuChildren.tsx +23 -22
- package/src/types.ts +2 -4
package/dist/index.d.mts
CHANGED
|
@@ -280,7 +280,7 @@ type TypeChildrenOrItems<I extends TypeMenuItemProps = TypeMenuItemProps> = Type
|
|
|
280
280
|
menuItems: I[];
|
|
281
281
|
MenuItemComponent?: React.ComponentType<I>;
|
|
282
282
|
});
|
|
283
|
-
type TypeNotEmptyChildren = React.
|
|
283
|
+
type TypeNotEmptyChildren = Exclude<React.ReactNode, null | undefined>;
|
|
284
284
|
type TypeInputEventListeners = "onKeyDown" | "onChange" | "onInput" | "onBlur" | "onClick" | "refKey";
|
|
285
285
|
type TypeDownshiftMergedInputProps<B> = Pick<UseComboboxGetInputPropsOptions, TypeInputEventListeners> & Omit<Partial<B>, TypeInputEventListeners>;
|
|
286
286
|
|
|
@@ -371,6 +371,11 @@ declare const MenuContent: {
|
|
|
371
371
|
__MENU_PRIMITIVE_TYPE: string;
|
|
372
372
|
};
|
|
373
373
|
|
|
374
|
+
interface TypeDefaultMenuEmptyStateProps extends TypeBoxProps {
|
|
375
|
+
children?: React.ReactNode;
|
|
376
|
+
}
|
|
377
|
+
declare const DefaultMenuEmptyState: ({ children, ...props }: TypeDefaultMenuEmptyStateProps) => react_jsx_runtime.JSX.Element;
|
|
378
|
+
|
|
374
379
|
/**
|
|
375
380
|
* @link https://seeds.sproutsocial.com/components/seeds-react-menu/#menufooter
|
|
376
381
|
*
|
|
@@ -657,10 +662,10 @@ declare const useMenuChildren: <I extends TypeMenuItemProps = TypeMenuItemProps>
|
|
|
657
662
|
menuItemsMap: {
|
|
658
663
|
[key: string]: TypeInternalItemProps<TypeMenuItemProps>;
|
|
659
664
|
};
|
|
660
|
-
children:
|
|
665
|
+
children: string | number | true | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | React__default.ReactPortal;
|
|
661
666
|
};
|
|
662
667
|
|
|
663
668
|
declare const useSelectStateReducer: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
|
|
664
669
|
declare const useSelectStateReducerForMulti: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
|
|
665
670
|
|
|
666
|
-
export { ActionMenu, Autocomplete, AutocompleteInput, AutocompleteSelect, AutocompleteTokenInput, CustomPopoutContent, INPUT_TYPES, type InputType, ListboxToggleButton, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuPopout, MenuRoot, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledListboxToggleButton, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeAutocompleteTokenInputProps, type TypeBaseAutocompleteProps, type TypeChildrenOrItems, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeHigherOrderComponentProps, type TypeInternalItemProps, type TypeItemElement, type TypeListboxToggleButtonProps, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuLabelProps, type TypeMenuPopoutProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeStyledChevronProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, menuAnimationConfig, menuPlacementOrigin, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };
|
|
671
|
+
export { ActionMenu, Autocomplete, AutocompleteInput, AutocompleteSelect, AutocompleteTokenInput, CustomPopoutContent, DefaultMenuEmptyState, INPUT_TYPES, type InputType, ListboxToggleButton, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuPopout, MenuRoot, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledListboxToggleButton, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeAutocompleteTokenInputProps, type TypeBaseAutocompleteProps, type TypeChildrenOrItems, type TypeDefaultMenuEmptyStateProps, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeHigherOrderComponentProps, type TypeInternalItemProps, type TypeItemElement, type TypeListboxToggleButtonProps, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentContainerProps, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuLabelProps, type TypeMenuPopoutProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeStyledChevronProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, menuAnimationConfig, menuPlacementOrigin, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };
|
package/dist/index.d.ts
CHANGED
|
@@ -280,7 +280,7 @@ type TypeChildrenOrItems<I extends TypeMenuItemProps = TypeMenuItemProps> = Type
|
|
|
280
280
|
menuItems: I[];
|
|
281
281
|
MenuItemComponent?: React.ComponentType<I>;
|
|
282
282
|
});
|
|
283
|
-
type TypeNotEmptyChildren = React.
|
|
283
|
+
type TypeNotEmptyChildren = Exclude<React.ReactNode, null | undefined>;
|
|
284
284
|
type TypeInputEventListeners = "onKeyDown" | "onChange" | "onInput" | "onBlur" | "onClick" | "refKey";
|
|
285
285
|
type TypeDownshiftMergedInputProps<B> = Pick<UseComboboxGetInputPropsOptions, TypeInputEventListeners> & Omit<Partial<B>, TypeInputEventListeners>;
|
|
286
286
|
|
|
@@ -371,6 +371,11 @@ declare const MenuContent: {
|
|
|
371
371
|
__MENU_PRIMITIVE_TYPE: string;
|
|
372
372
|
};
|
|
373
373
|
|
|
374
|
+
interface TypeDefaultMenuEmptyStateProps extends TypeBoxProps {
|
|
375
|
+
children?: React.ReactNode;
|
|
376
|
+
}
|
|
377
|
+
declare const DefaultMenuEmptyState: ({ children, ...props }: TypeDefaultMenuEmptyStateProps) => react_jsx_runtime.JSX.Element;
|
|
378
|
+
|
|
374
379
|
/**
|
|
375
380
|
* @link https://seeds.sproutsocial.com/components/seeds-react-menu/#menufooter
|
|
376
381
|
*
|
|
@@ -657,10 +662,10 @@ declare const useMenuChildren: <I extends TypeMenuItemProps = TypeMenuItemProps>
|
|
|
657
662
|
menuItemsMap: {
|
|
658
663
|
[key: string]: TypeInternalItemProps<TypeMenuItemProps>;
|
|
659
664
|
};
|
|
660
|
-
children:
|
|
665
|
+
children: string | number | true | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | React__default.ReactPortal;
|
|
661
666
|
};
|
|
662
667
|
|
|
663
668
|
declare const useSelectStateReducer: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
|
|
664
669
|
declare const useSelectStateReducerForMulti: Required<UseSelectProps<TypeInternalItemProps>>["stateReducer"];
|
|
665
670
|
|
|
666
|
-
export { ActionMenu, Autocomplete, AutocompleteInput, AutocompleteSelect, AutocompleteTokenInput, CustomPopoutContent, INPUT_TYPES, type InputType, ListboxToggleButton, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuPopout, MenuRoot, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledListboxToggleButton, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeAutocompleteTokenInputProps, type TypeBaseAutocompleteProps, type TypeChildrenOrItems, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeHigherOrderComponentProps, type TypeInternalItemProps, type TypeItemElement, type TypeListboxToggleButtonProps, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuLabelProps, type TypeMenuPopoutProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeStyledChevronProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, menuAnimationConfig, menuPlacementOrigin, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };
|
|
671
|
+
export { ActionMenu, Autocomplete, AutocompleteInput, AutocompleteSelect, AutocompleteTokenInput, CustomPopoutContent, DefaultMenuEmptyState, INPUT_TYPES, type InputType, ListboxToggleButton, MenuContent, MenuContentContext, MenuContentProvider, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemAction, MenuItemActionLeft, MenuItemActionRight, MenuItemContainer, MenuItemRow, MenuItemText, MenuLabel, MenuPopout, MenuRoot, MenuSearchInput, MenuSearchTokenInput, MenuToggleButton, MenuToggleContext, MenuToggleProvider, MenuTokenInput, MultiSelectMenu, NestedMenu, NestedMenuContent, NestedMenuContext, NestedMenuHeader, NestedMenuItem, NestedMenuProvider, SingleSelectMenu, StyledListboxToggleButton, StyledMenuGroup, StyledMenuGroupUl, StyledMenuItem, StyledTitle, SubmenuItem, type TypeActionMenuBaseProps, type TypeActionMenuProps, type TypeAutocompleteInputProps, type TypeAutocompleteProps, type TypeAutocompleteTokenInputProps, type TypeBaseAutocompleteProps, type TypeChildrenOrItems, type TypeDefaultMenuEmptyStateProps, type TypeDownshiftComboboxProps, type TypeDownshiftComboboxReturnValue, type TypeDownshiftMergedInputProps, type TypeDownshiftMultiSelectProps, type TypeDownshiftMultiSelectReturnValue, type TypeDownshiftSelectProps, type TypeDownshiftSelectReturnValue, type TypeHigherOrderComponentProps, type TypeInternalItemProps, type TypeItemElement, type TypeListboxToggleButtonProps, type TypeMapMenuItemsProps, type TypeMenuChildren, type TypeMenuContentContainerProps, type TypeMenuContentElement, type TypeMenuContentProps, type TypeMenuContext, type TypeMenuContextBaseProps, type TypeMenuContextProps, type TypeMenuGroupBaseProps, type TypeMenuGroupElement, type TypeMenuGroupProps, type TypeMenuGroupStyledProps, type TypeMenuHeaderProps, type TypeMenuItemProps, type TypeMenuItemStyledProps, type TypeMenuLabelProps, type TypeMenuPopoutProps, type TypeMenuProviderProps, type TypeMenuRootOwnProps, type TypeMenuRootProps, type TypeMenuSearchInputProps, type TypeMenuSearchTokenInputProps, type TypeMenuToggleButtonProps, type TypeMenuToggleContext, type TypeMenuToggleProviderProps, type TypeMenuTokenInputProps, type TypeMultiAutocompleteProps, type TypeMultiSelectMenuBaseProps, type TypeMultiSelectMenuProps, type TypeNestedMenuContext, type TypeNestedMenuHeaderProps, type TypeNestedMenuItemProps, type TypeNestedMenuMapProps, type TypeNestedMenuProps, type TypeNestedMenuProviderProps, type TypeNotEmptyChildren, type TypeSingleAutocompleteProps, type TypeSingleSelectMenuBaseProps, type TypeSingleSelectMenuProps, type TypeStyledChevronProps, type TypeSubmenuItemProps, type TypeSubmenuValidMenuComponentProps, checkIfItemSelected, defaultMenuContext, getChildrenFromMenuItems, getSelectedItemIds, mapMenuItems, menuAnimationConfig, menuPlacementOrigin, useMenu, useMenuChildren, useMenuContentContext, useMenuToggleContext, useNestedMenuContext, useSelectStateReducer, useSelectStateReducerForMulti };
|
package/dist/index.js
CHANGED
|
@@ -109,6 +109,7 @@ __export(index_exports, {
|
|
|
109
109
|
AutocompleteSelect: () => AutocompleteSelect,
|
|
110
110
|
AutocompleteTokenInput: () => AutocompleteTokenInput,
|
|
111
111
|
CustomPopoutContent: () => CustomPopoutContent,
|
|
112
|
+
DefaultMenuEmptyState: () => DefaultMenuEmptyState,
|
|
112
113
|
INPUT_TYPES: () => INPUT_TYPES,
|
|
113
114
|
ListboxToggleButton: () => ListboxToggleButton,
|
|
114
115
|
MenuContent: () => MenuContent,
|
|
@@ -2202,10 +2203,11 @@ var walkAllChildren = (children, callback) => {
|
|
|
2202
2203
|
if (element === null || element === void 0) return;
|
|
2203
2204
|
callback(element, parents2);
|
|
2204
2205
|
const newParents = [...parents2, element];
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2206
|
+
if (import_react4.default.isValidElement(element) && element.props?.children) {
|
|
2207
|
+
import_react4.default.Children.toArray(element.props.children).forEach((child) => {
|
|
2208
|
+
walk(child, newParents);
|
|
2209
|
+
});
|
|
2210
|
+
}
|
|
2209
2211
|
};
|
|
2210
2212
|
const parents = [];
|
|
2211
2213
|
import_react4.default.Children.toArray(children).forEach((child) => {
|
|
@@ -2249,21 +2251,20 @@ var addItemsFromGroup = ({
|
|
|
2249
2251
|
});
|
|
2250
2252
|
});
|
|
2251
2253
|
} else if (menuGroup.props.children) {
|
|
2252
|
-
|
|
2253
|
-
if (!Array.isArray(children)) {
|
|
2254
|
-
children = [children];
|
|
2255
|
-
}
|
|
2254
|
+
const children = import_react4.default.Children.toArray(menuGroup.props.children);
|
|
2256
2255
|
children.forEach((menuItem) => {
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2256
|
+
if (import_react4.default.isValidElement(menuItem)) {
|
|
2257
|
+
addMenuItem({
|
|
2258
|
+
itemProps: {
|
|
2259
|
+
id: menuItem.props.id,
|
|
2260
|
+
disabled: menuItem.props.disabled,
|
|
2261
|
+
menuItemProps: menuItem.props,
|
|
2262
|
+
menuGroupProps: menuGroup.props
|
|
2263
|
+
},
|
|
2264
|
+
allMenuItems,
|
|
2265
|
+
menuItemsMap
|
|
2266
|
+
});
|
|
2267
|
+
}
|
|
2267
2268
|
});
|
|
2268
2269
|
}
|
|
2269
2270
|
};
|
|
@@ -2370,16 +2371,18 @@ var import_react5 = require("react");
|
|
|
2370
2371
|
|
|
2371
2372
|
// src/MenuContent/DefaultMenuEmptyState.tsx
|
|
2372
2373
|
var import_styled_components6 = __toESM(require("styled-components"));
|
|
2374
|
+
var import_seeds_react_box2 = require("@sproutsocial/seeds-react-box");
|
|
2373
2375
|
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
2374
|
-
var StyledEmptyState = import_styled_components6.default.
|
|
2376
|
+
var StyledEmptyState = (0, import_styled_components6.default)(import_seeds_react_box2.Box)`
|
|
2375
2377
|
padding: ${({ theme: theme2 }) => theme2.space[350]};
|
|
2376
2378
|
text-align: center;
|
|
2377
2379
|
font-size: ${({ theme: theme2 }) => theme2.typography[200].fontSize};
|
|
2378
2380
|
`;
|
|
2379
2381
|
var DefaultMenuEmptyState = ({
|
|
2380
|
-
children
|
|
2382
|
+
children = "No items found",
|
|
2383
|
+
...props
|
|
2381
2384
|
}) => {
|
|
2382
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyledEmptyState, {
|
|
2385
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyledEmptyState, { ...props, children });
|
|
2383
2386
|
};
|
|
2384
2387
|
|
|
2385
2388
|
// src/MenuContent/MenuContent.tsx
|
|
@@ -2444,8 +2447,8 @@ var import_react6 = require("react");
|
|
|
2444
2447
|
|
|
2445
2448
|
// src/MenuFooter/styles.tsx
|
|
2446
2449
|
var import_styled_components7 = __toESM(require("styled-components"));
|
|
2447
|
-
var
|
|
2448
|
-
var StyledMenuFooterBox = (0, import_styled_components7.default)(
|
|
2450
|
+
var import_seeds_react_box3 = require("@sproutsocial/seeds-react-box");
|
|
2451
|
+
var StyledMenuFooterBox = (0, import_styled_components7.default)(import_seeds_react_box3.Box)`
|
|
2449
2452
|
padding: ${({ theme: theme2 }) => theme2.space[350]} ${({ theme: theme2 }) => theme2.space[400]};
|
|
2450
2453
|
border-top: 1px solid ${(p) => p.theme.colors.container.border.base};
|
|
2451
2454
|
`;
|
|
@@ -3101,7 +3104,7 @@ var MenuSearchTokenInput = ({
|
|
|
3101
3104
|
// src/SubmenuItem/SubmenuItem.tsx
|
|
3102
3105
|
var import_react16 = __toESM(require("react"));
|
|
3103
3106
|
var import_seeds_react_icon2 = require("@sproutsocial/seeds-react-icon");
|
|
3104
|
-
var
|
|
3107
|
+
var import_seeds_react_box4 = require("@sproutsocial/seeds-react-box");
|
|
3105
3108
|
var import_seeds_react_utilities2 = require("@sproutsocial/seeds-react-utilities");
|
|
3106
3109
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
3107
3110
|
var SubmenuItemTrigger = ({
|
|
@@ -3129,7 +3132,7 @@ var SubmenuItemTrigger = ({
|
|
|
3129
3132
|
{ suppressRefError: true }
|
|
3130
3133
|
),
|
|
3131
3134
|
id,
|
|
3132
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
3135
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_seeds_react_box4.Box, { display: "flex", justifyContent: "space-between", children: [
|
|
3133
3136
|
children,
|
|
3134
3137
|
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MenuItemActionRight, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_seeds_react_icon2.Icon, { name: "chevron-right-outline" }) })
|
|
3135
3138
|
] })
|
|
@@ -4119,7 +4122,7 @@ var import_seeds_react_utilities3 = require("@sproutsocial/seeds-react-utilities
|
|
|
4119
4122
|
|
|
4120
4123
|
// src/NestedMenu/NestedMenuItem.tsx
|
|
4121
4124
|
var import_seeds_react_icon5 = require("@sproutsocial/seeds-react-icon");
|
|
4122
|
-
var
|
|
4125
|
+
var import_seeds_react_box5 = require("@sproutsocial/seeds-react-box");
|
|
4123
4126
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
4124
4127
|
var NestedMenuItem = ({
|
|
4125
4128
|
children,
|
|
@@ -4136,7 +4139,7 @@ var NestedMenuItem = ({
|
|
|
4136
4139
|
}
|
|
4137
4140
|
}
|
|
4138
4141
|
} : {};
|
|
4139
|
-
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MenuItem, { ...onClickProps, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
4142
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MenuItem, { ...onClickProps, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_seeds_react_box5.Box, { display: "flex", justifyContent: "space-between", children: [
|
|
4140
4143
|
children,
|
|
4141
4144
|
childMenuId && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MenuItemActionRight, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_seeds_react_icon5.Icon, { name: "arrow-right-outline" }) })
|
|
4142
4145
|
] }) });
|
|
@@ -4532,6 +4535,7 @@ var NestedMenu = ({
|
|
|
4532
4535
|
AutocompleteSelect,
|
|
4533
4536
|
AutocompleteTokenInput,
|
|
4534
4537
|
CustomPopoutContent,
|
|
4538
|
+
DefaultMenuEmptyState,
|
|
4535
4539
|
INPUT_TYPES,
|
|
4536
4540
|
ListboxToggleButton,
|
|
4537
4541
|
MenuContent,
|