@wordpress/edit-site 4.17.0 → 4.19.0

package/src/components/header-edit-mode/index.js

@@ -8,6 +8,7 @@ import classnames from 'classnames';
  */
 import { useCallback, useRef } from '@wordpress/element';
 import { useViewportMatch } from '@wordpress/compose';
+import { store as coreStore } from '@wordpress/core-data';
 import {
 	ToolSelector,
 	__experimentalPreviewOptions as PreviewOptions,
@@ -41,11 +42,7 @@ const preventDefault = ( event ) => {
 	event.preventDefault();
 };
 
-export default function Header( {
-	openEntitiesSavedStates,
-	isEntitiesSavedStatesOpen,
-	showIconLabels,
-} ) {
+export default function Header( { showIconLabels } ) {
 	const inserterButton = useRef();
 	const {
 		deviceType,
@@ -54,8 +51,8 @@ export default function Header( {
 		isListViewOpen,
 		listViewShortcut,
 		isVisualMode,
-		settings,
 		blockEditorMode,
+		homeUrl,
 	} = useSelect( ( select ) => {
 		const {
 			__experimentalGetPreviewDeviceType,
@@ -63,13 +60,16 @@ export default function Header( {
 			isInserterOpened,
 			isListViewOpened,
 			getEditorMode,
-			getSettings,
 		} = select( editSiteStore );
 		const { getShortcutRepresentation } = select( keyboardShortcutsStore );
 		const { __unstableGetEditorMode } = select( blockEditorStore );
 
 		const postType = getEditedPostType();
 
+		const {
+			getUnstableBase, // Site index.
+		} = select( coreStore );
+
 		return {
 			deviceType: __experimentalGetPreviewDeviceType(),
 			templateType: postType,
@@ -79,8 +79,8 @@ export default function Header( {
 				'core/edit-site/toggle-list-view'
 			),
 			isVisualMode: getEditorMode() === 'visual',
-			settings: getSettings(),
 			blockEditorMode: __unstableGetEditorMode(),
+			homeUrl: getUnstableBase()?.home,
 		};
 	}, [] );
 
@@ -222,7 +222,7 @@ export default function Header( {
 							>
 								<MenuGroup>
 									<MenuItem
-										href={ settings?.siteUrl }
+										href={ homeUrl }
 										target="_blank"
 										icon={ external }
 									>
@@ -238,10 +238,7 @@ export default function Header( {
 							</PreviewOptions>
 						</div>
 					) }
-					<SaveButton
-						openEntitiesSavedStates={ openEntitiesSavedStates }
-						isEntitiesSavedStatesOpen={ isEntitiesSavedStatesOpen }
-					/>
+					<SaveButton />
 					<PinnedItems.Slot scope="core/edit-site" />
 					<MoreMenu showIconLabels={ showIconLabels } />
 				</div>

package/src/components/keyboard-shortcut-help-modal/shortcut.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { castArray } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -26,20 +21,22 @@ function KeyCombination( { keyCombination, forceAriaLabel } ) {
 			className="edit-site-keyboard-shortcut-help-modal__shortcut-key-combination"
 			aria-label={ forceAriaLabel || ariaLabel }
 		>
-			{ castArray( shortcut ).map( ( character, index ) => {
-				if ( character === '+' ) {
-					return <Fragment key={ index }>{ character }</Fragment>;
-				}
+			{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(
+				( character, index ) => {
+					if ( character === '+' ) {
+						return <Fragment key={ index }>{ character }</Fragment>;
+					}
 
-				return (
-					<kbd
-						key={ index }
-						className="edit-site-keyboard-shortcut-help-modal__shortcut-key"
-					>
-						{ character }
-					</kbd>
-				);
-			} ) }
+					return (
+						<kbd
+							key={ index }
+							className="edit-site-keyboard-shortcut-help-modal__shortcut-key"
+						>
+							{ character }
+						</kbd>
+					);
+				}
+			) }
 		</kbd>
 	);
 }

package/src/components/keyboard-shortcuts/index.js

@@ -18,7 +18,7 @@ import { store as editSiteStore } from '../../store';
 import { SIDEBAR_BLOCK } from '../sidebar-edit-mode/constants';
 import { STORE_NAME } from '../../store/constants';
 
-function KeyboardShortcuts( { openEntitiesSavedStates } ) {
+function KeyboardShortcuts() {
 	const { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =
 		useSelect( coreStore );
 	const { getEditorMode } = useSelect( editSiteStore );
@@ -38,6 +38,7 @@ function KeyboardShortcuts( { openEntitiesSavedStates } ) {
 		useDispatch( editSiteStore );
 	const { enableComplementaryArea, disableComplementaryArea } =
 		useDispatch( interfaceStore );
+	const { setIsSaveViewOpened } = useDispatch( editSiteStore );
 
 	useShortcut( 'core/edit-site/save', ( event ) => {
 		event.preventDefault();
@@ -49,7 +50,7 @@ function KeyboardShortcuts( { openEntitiesSavedStates } ) {
 		);
 
 		if ( ! isSaving && isDirty ) {
-			openEntitiesSavedStates();
+			setIsSaveViewOpened( true );
 		}
 	} );
 
@@ -179,6 +180,10 @@ function KeyboardShortcutsRegister() {
 					modifier: 'access',
 					character: 'p',
 				},
+				{
+					modifier: 'ctrlShift',
+					character: '~',
+				},
 			],
 		} );
 		registerShortcut( {

package/src/components/list/table.js

@@ -94,7 +94,7 @@ export default function Table( { templateType } ) {
 									) }
 								</Link>
 							</Heading>
-							{ template.description }
+							{ decodeEntities( template.description ) }
 						</td>
 
 						<td className="edit-site-list-table-column" role="cell">

package/src/components/list/use-register-shortcuts.js

@@ -39,6 +39,10 @@ export default function useRegisterShortcuts() {
 					modifier: 'access',
 					character: 'p',
 				},
+				{
+					modifier: 'ctrlShift',
+					character: '~',
+				},
 			],
 		} );
 	}, [] );

package/src/components/navigation-sidebar/navigation-panel/index.js

@@ -28,7 +28,6 @@ import {
  * Internal dependencies
  */
 import { useLink } from '../../routes/link';
-import MainDashboardButton from '../../main-dashboard-button';
 import { store as editSiteStore } from '../../../store';
 
 const SITE_EDITOR_KEY = 'site-editor';
@@ -39,24 +38,33 @@ function NavLink( { params, replace, ...props } ) {
 	return <NavigationItem { ...linkProps } { ...props } />;
 }
 
-const NavigationPanel = ( { activeItem = SITE_EDITOR_KEY } ) => {
-	const { homeTemplate, isNavigationOpen, isTemplatePartsMode, siteTitle } =
-		useSelect( ( select ) => {
-			const { getEntityRecord } = select( coreDataStore );
-			const { getSettings, isNavigationOpened } = select( editSiteStore );
+const NavigationPanel = ( { activeItem } ) => {
+	const {
+		homeTemplate,
+		isNavigationOpen,
+		isTemplatePartsMode,
+		siteTitle,
+		dashboardLink,
+	} = useSelect( ( select ) => {
+		const { getEntityRecord } = select( coreDataStore );
+		const { getSettings, isNavigationOpened } = select( editSiteStore );
 
-			const siteData =
-				getEntityRecord( 'root', '__unstableBase', undefined ) || {};
-			const { supportsTemplatePartsMode, __unstableHomeTemplate } =
-				getSettings();
+		const siteData =
+			getEntityRecord( 'root', '__unstableBase', undefined ) || {};
+		const {
+			supportsTemplatePartsMode,
+			__unstableHomeTemplate,
+			__experimentalDashboardLink,
+		} = getSettings();
 
-			return {
-				siteTitle: siteData.name,
-				homeTemplate: __unstableHomeTemplate,
-				isNavigationOpen: isNavigationOpened(),
-				isTemplatePartsMode: !! supportsTemplatePartsMode,
-			};
-		}, [] );
+		return {
+			siteTitle: siteData.name,
+			homeTemplate: __unstableHomeTemplate,
+			dashboardLink: __experimentalDashboardLink,
+			isNavigationOpen: isNavigationOpened(),
+			isTemplatePartsMode: !! supportsTemplatePartsMode,
+		};
+	}, [] );
 	const { setIsNavigationPanelOpened } = useDispatch( editSiteStore );
 
 	const closeOnEscape = ( event ) => {
@@ -82,13 +90,11 @@ const NavigationPanel = ( { activeItem = SITE_EDITOR_KEY } ) => {
 				</div>
 				<div className="edit-site-navigation-panel__scroll-container">
 					<Navigation activeItem={ activeItem }>
-						<MainDashboardButton.Slot>
-							<NavigationBackButton
-								backButtonLabel={ __( 'Dashboard' ) }
-								className="edit-site-navigation-panel__back-to-dashboard"
-								href="index.php"
-							/>
-						</MainDashboardButton.Slot>
+						<NavigationBackButton
+							backButtonLabel={ __( 'Dashboard' ) }
+							className="edit-site-navigation-panel__back-to-dashboard"
+							href={ dashboardLink ?? 'index.php' }
+						/>
 
 						<NavigationMenu>
 							<NavigationGroup title={ __( 'Editor' ) }>

package/src/components/navigation-sidebar/navigation-panel/style.scss

@@ -7,13 +7,6 @@
 	color: $white;
 	transition: width 100ms linear;
 	@include reduce-motion("transition");
-
-	// Footer is visible from medium so we subtract footer's height
-	.interface-interface-skeleton.has-footer & {
-		@include break-medium() {
-			height: calc(100% - #{$button-size-small + $border-width});
-		}
-	}
 }
 
 .edit-site-navigation-panel__inner {

package/src/components/navigation-sidebar/navigation-toggle/test/index.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 
 /**
  * WordPress dependencies
@@ -15,57 +15,51 @@ import NavigationToggle from '..';
 
 jest.mock( '@wordpress/data/src/components/use-select', () => {
 	// This allows us to tweak the returned value on each test.
-	const mock = jest.fn();
-	return mock;
+	return jest.fn();
 } );
-jest.mock( '@wordpress/data/src/components/use-dispatch', () => ( {
-	useDispatch: () => ( { setNavigationPanelActiveMenu: jest.fn() } ),
-} ) );
-
-jest.mock( '@wordpress/core-data' );
 
 describe( 'NavigationToggle', () => {
 	describe( 'when in full screen mode', () => {
 		it( 'should display a user uploaded site icon if it exists', () => {
-			useSelect.mockImplementation( ( cb ) => {
-				return cb( () => ( {
-					getCurrentTemplateNavigationPanelSubMenu: () => 'root',
+			useSelect.mockImplementation( ( cb ) =>
+				cb( () => ( {
 					getEntityRecord: () => ( {
 						site_icon_url: 'https://fakeUrl.com',
 					} ),
 					isResolving: () => false,
 					isNavigationOpened: () => false,
-				} ) );
-			} );
-
-			const { container } = render( <NavigationToggle /> );
-			const siteIcon = container.querySelector(
-				'.edit-site-navigation-toggle__site-icon'
+				} ) )
 			);
 
-			expect( siteIcon ).toBeTruthy();
+			const { unmount } = render( <NavigationToggle /> );
+
+			const siteIcon = screen.getByAltText( 'Site Icon' );
+			expect( siteIcon ).toBeVisible();
+
+			// Unmount the UI synchronously so that any async effects, like the on-mount focus
+			// that shows and positions a tooltip, are cancelled right away and never run.
+			unmount();
 		} );
 
 		it( 'should display a default site icon if no user uploaded site icon exists', () => {
-			useSelect.mockImplementation( ( cb ) => {
-				return cb( () => ( {
-					getCurrentTemplateNavigationPanelSubMenu: () => 'root',
+			useSelect.mockImplementation( ( cb ) =>
+				cb( () => ( {
 					getEntityRecord: () => ( {
 						site_icon_url: '',
 					} ),
 					isResolving: () => false,
 					isNavigationOpened: () => false,
-				} ) );
-			} );
-
-			const { container } = render( <NavigationToggle /> );
-			const siteIcon = container.querySelector(
-				'.edit-site-navigation-toggle__site-icon'
+				} ) )
 			);
-			const defaultIcon = container.querySelector( 'svg' );
 
-			expect( siteIcon ).toBeFalsy();
-			expect( defaultIcon ).toBeTruthy();
+			const { unmount } = render( <NavigationToggle /> );
+
+			const siteIcon = screen.queryByAltText( 'Site Icon' );
+			expect( siteIcon ).not.toBeInTheDocument();
+
+			// Unmount the UI synchronously so that any async effects, like the on-mount focus
+			// that shows and positions a tooltip, are cancelled right away and never run.
+			unmount();
 		} );
 	} );
 } );

package/src/components/save-button/index.js

@@ -1,44 +1,60 @@
-/**
- * External dependencies
- */
-import { some } from 'lodash';
-
 /**
  * WordPress dependencies
  */
-import { useSelect } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { store as coreStore } from '@wordpress/core-data';
+import { displayShortcut } from '@wordpress/keycodes';
 
-export default function SaveButton( {
-	openEntitiesSavedStates,
-	isEntitiesSavedStatesOpen,
-} ) {
-	const { isDirty, isSaving } = useSelect( ( select ) => {
+/**
+ * Internal dependencies
+ */
+import { store as editSiteStore } from '../../store';
+
+export default function SaveButton() {
+	const { isDirty, isSaving, isSaveViewOpen } = useSelect( ( select ) => {
 		const { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =
 			select( coreStore );
 		const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
+		const { isSaveViewOpened } = select( editSiteStore );
 		return {
 			isDirty: dirtyEntityRecords.length > 0,
-			isSaving: some( dirtyEntityRecords, ( record ) =>
+			isSaving: dirtyEntityRecords.some( ( record ) =>
 				isSavingEntityRecord( record.kind, record.name, record.key )
 			),
+			isSaveViewOpen: isSaveViewOpened(),
 		};
 	}, [] );
+	const { setIsSaveViewOpened } = useDispatch( editSiteStore );
 
 	const disabled = ! isDirty || isSaving;
 
+	const label = __( 'Save' );
+
 	return (
 		<Button
 			variant="primary"
 			className="edit-site-save-button__button"
 			aria-disabled={ disabled }
-			aria-expanded={ isEntitiesSavedStatesOpen }
+			aria-expanded={ isSaveViewOpen }
 			isBusy={ isSaving }
-			onClick={ disabled ? undefined : openEntitiesSavedStates }
+			onClick={ disabled ? undefined : () => setIsSaveViewOpened( true ) }
+			label={ label }
+			/*
+			 * We want the tooltip to show the keyboard shortcut only when the
+			 * button does something, i.e. when it's not disabled.
+			 */
+			shortcut={ disabled ? undefined : displayShortcut.primary( 's' ) }
+			/*
+			 * Displaying the keyboard shortcut conditionally makes the tooltip
+			 * itself show conditionally. This would trigger a full-rerendering
+			 * of the button that we want to avoid. By setting `showTooltip`,
+			 & the tooltip is always rendered even when there's no keyboard shortcut.
+			 */
+			showTooltip
 		>
-			{ __( 'Save' ) }
+			{ label }
 		</Button>
 	);
 }

package/src/components/sidebar-edit-mode/template-card/index.js

@@ -5,6 +5,7 @@ import { useSelect } from '@wordpress/data';
 import { Icon } from '@wordpress/components';
 import { store as editorStore } from '@wordpress/editor';
 import { store as coreStore } from '@wordpress/core-data';
+import { decodeEntities } from '@wordpress/html-entities';
 
 /**
  * Internal dependencies
@@ -42,12 +43,12 @@ export default function TemplateCard() {
 			<div className="edit-site-template-card__content">
 				<div className="edit-site-template-card__header">
 					<h2 className="edit-site-template-card__title">
-						{ title }
+						{ decodeEntities( title ) }
 					</h2>
 					<TemplateActions template={ template } />
 				</div>
 				<div className="edit-site-template-card__description">
-					{ description }
+					{ decodeEntities( description ) }
 				</div>
 				<TemplateAreas />
 			</div>

package/src/components/template-details/index.js

@@ -11,6 +11,7 @@ import {
 } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { store as editorStore } from '@wordpress/editor';
+import { decodeEntities } from '@wordpress/html-entities';
 
 /**
  * Internal dependencies
@@ -65,7 +66,7 @@ export default function TemplateDetails( { template, onClose } ) {
 						className="edit-site-template-details__title"
 						as="p"
 					>
-						{ title }
+						{ decodeEntities( title ) }
 					</Text>
 				) }
 
@@ -75,7 +76,7 @@ export default function TemplateDetails( { template, onClose } ) {
 						className="edit-site-template-details__description"
 						as="p"
 					>
-						{ description }
+						{ decodeEntities( description ) }
 					</Text>
 				) }
 			</VStack>

package/src/index.js

@@ -45,7 +45,9 @@ export function reinitializeEditor( target, settings ) {
 				message={ __(
 					'The editor is unable to find a block template for the homepage.'
 				) }
-				dashboardLink="index.php"
+				dashboardLink={
+					settings.__experimentalDashboardLink ?? 'index.php'
+				}
 			/>,
 			target
 		);
@@ -132,7 +134,13 @@ export function reinitializeEditor( target, settings ) {
 	window.addEventListener( 'dragover', ( e ) => e.preventDefault(), false );
 	window.addEventListener( 'drop', ( e ) => e.preventDefault(), false );
 
-	render( <EditSiteApp reboot={ reboot } />, target );
+	render(
+		<EditSiteApp
+			reboot={ reboot }
+			homeTemplate={ settings.__unstableHomeTemplate }
+		/>,
+		target
+	);
 }
 
 /**
@@ -159,7 +167,6 @@ export function initializeEditor( id, settings ) {
 	reinitializeEditor( target, settings );
 }
 
-export { default as __experimentalMainDashboardButton } from './components/main-dashboard-button';
 export { default as __experimentalNavigationToggle } from './components/navigation-sidebar/navigation-toggle';
 export { default as PluginSidebar } from './components/sidebar-edit-mode/plugin-sidebar';
 export { default as PluginSidebarMoreMenuItem } from './components/header-edit-mode/plugin-sidebar-more-menu-item';

package/src/store/actions.js

@@ -320,6 +320,19 @@ export function setIsListViewOpened( isOpen ) {
 	};
 }
 
+/**
+ * Sets whether the save view panel should be open.
+ *
+ * @param {boolean} isOpen If true, opens the save view. If false, closes it.
+ *                         It does not toggle the state, but sets it directly.
+ */
+export function setIsSaveViewOpened( isOpen ) {
+	return {
+		type: 'SET_IS_SAVE_VIEW_OPENED',
+		isOpen,
+	};
+}
+
 /**
  * Reverts a template to its original theme-provided file.
  *

package/src/store/reducer.js

@@ -183,6 +183,24 @@ export function listViewPanel( state = false, action ) {
 	return state;
 }
 
+/**
+ * Reducer to set the save view panel open or closed.
+ *
+ * @param {Object} state  Current state.
+ * @param {Object} action Dispatched action.
+ */
+export function saveViewPanel( state = false, action ) {
+	switch ( action.type ) {
+		case 'OPEN_NAVIGATION_PANEL_TO_MENU':
+			return false;
+		case 'SET_IS_NAVIGATION_PANEL_OPENED':
+			return action.isOpen ? false : state;
+		case 'SET_IS_SAVE_VIEW_OPENED':
+			return action.isOpen;
+	}
+	return state;
+}
+
 export default combineReducers( {
 	deviceType,
 	settings,
@@ -191,4 +209,5 @@ export default combineReducers( {
 	navigationPanel,
 	blockInserterPanel,
 	listViewPanel,
+	saveViewPanel,
 } );

package/src/store/selectors.js

@@ -320,6 +320,17 @@ export function isListViewOpened( state ) {
 	return state.listViewPanel;
 }
 
+/**
+ * Returns the current opened/closed state of the save panel.
+ *
+ * @param {Object} state Global application state.
+ *
+ * @return {boolean} True if the save panel should be open; false if closed.
+ */
+export function isSaveViewOpened( state ) {
+	return state.saveViewPanel;
+}
+
 /**
  * Returns the template parts and their blocks for the current edited template.
  *

package/build/components/main-dashboard-button/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _components = require("@wordpress/components");
-
-/**
- * WordPress dependencies
- */
-const slotName = '__experimentalMainDashboardButton';
-const {
-  Fill,
-  Slot: MainDashboardButtonSlot
-} = (0, _components.createSlotFill)(slotName);
-const MainDashboardButton = Fill;
-
-const Slot = _ref => {
-  let {
-    children
-  } = _ref;
-  const fills = (0, _components.__experimentalUseSlotFills)(slotName);
-  const hasFills = Boolean(fills && fills.length);
-
-  if (!hasFills) {
-    return children;
-  }
-
-  return (0, _element.createElement)(MainDashboardButtonSlot, {
-    bubblesVirtually: true
-  });
-};
-
-MainDashboardButton.Slot = Slot;
-var _default = MainDashboardButton;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/build/components/main-dashboard-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/main-dashboard-button/index.js"],"names":["slotName","Fill","Slot","MainDashboardButtonSlot","MainDashboardButton","children","fills","hasFills","Boolean","length"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAMA,MAAMA,QAAQ,GAAG,mCAAjB;AAEA,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,IAAI,EAAEC;AAAd,IAA0C,gCAAgBH,QAAhB,CAAhD;AAEA,MAAMI,mBAAmB,GAAGH,IAA5B;;AAEA,MAAMC,IAAI,GAAG,QAAoB;AAAA,MAAlB;AAAEG,IAAAA;AAAF,GAAkB;AAChC,QAAMC,KAAK,GAAG,4CAAcN,QAAd,CAAd;AACA,QAAMO,QAAQ,GAAGC,OAAO,CAAEF,KAAK,IAAIA,KAAK,CAACG,MAAjB,CAAxB;;AAEA,MAAK,CAAEF,QAAP,EAAkB;AACjB,WAAOF,QAAP;AACA;;AAED,SAAO,4BAAC,uBAAD;AAAyB,IAAA,gBAAgB;AAAzC,IAAP;AACA,CATD;;AAWAD,mBAAmB,CAACF,IAApB,GAA2BA,IAA3B;eAEeE,mB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlotFills as useSlotFills,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\nconst slotName = '__experimentalMainDashboardButton';\n\nconst { Fill, Slot: MainDashboardButtonSlot } = createSlotFill( slotName );\n\nconst MainDashboardButton = Fill;\n\nconst Slot = ( { children } ) => {\n\tconst fills = useSlotFills( slotName );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn children;\n\t}\n\n\treturn <MainDashboardButtonSlot bubblesVirtually />;\n};\n\nMainDashboardButton.Slot = Slot;\n\nexport default MainDashboardButton;\n"]}

package/build-module/components/main-dashboard-button/index.js

@@ -1,32 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { __experimentalUseSlotFills as useSlotFills, createSlotFill } from '@wordpress/components';
-const slotName = '__experimentalMainDashboardButton';
-const {
-  Fill,
-  Slot: MainDashboardButtonSlot
-} = createSlotFill(slotName);
-const MainDashboardButton = Fill;
-
-const Slot = _ref => {
-  let {
-    children
-  } = _ref;
-  const fills = useSlotFills(slotName);
-  const hasFills = Boolean(fills && fills.length);
-
-  if (!hasFills) {
-    return children;
-  }
-
-  return createElement(MainDashboardButtonSlot, {
-    bubblesVirtually: true
-  });
-};
-
-MainDashboardButton.Slot = Slot;
-export default MainDashboardButton;
-//# sourceMappingURL=index.js.map