@elementor/editor-controls 3.33.0-99 → 3.34.2

package/src/components/unstable-repeater/items/item.tsx

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import { bindTrigger, UnstableTag } from '@elementor/ui';
-import { __ } from '@wordpress/i18n';
-
-import { SlotChildren } from '../../../control-replacements';
-import { DisableItemAction } from '../actions/disable-item-action';
-import { DuplicateItemAction } from '../actions/duplicate-item-action';
-import { RemoveItemAction } from '../actions/remove-item-action';
-import { useRepeaterContext } from '../context/repeater-context';
-import { RepeaterItemActionsSlot, RepeaterItemIconSlot, RepeaterItemLabelSlot } from '../locations';
-import { type ItemProps, type RepeatablePropValue } from '../types';
-
-export const Item = < T extends RepeatablePropValue >( {
-	Label,
-	Icon,
-	value,
-	index = -1,
-	children,
-}: React.PropsWithChildren< ItemProps< T > > ) => {
-	const { items, popoverState, setRowRef, openItemIndex, setOpenItemIndex } = useRepeaterContext();
-	const triggerProps = bindTrigger( popoverState );
-	const key = items[ index ].key ?? -1;
-
-	const onClick = ( ev: React.MouseEvent ) => {
-		triggerProps.onClick( ev );
-		setOpenItemIndex( index );
-	};
-
-	const setRef = ( ref: HTMLDivElement | null ) => {
-		if ( ! ref || openItemIndex !== index || ref === popoverState.anchorEl ) {
-			return;
-		}
-
-		setRowRef( ref );
-		popoverState.setAnchorEl( ref );
-	};
-
-	return (
-		<>
-			<UnstableTag
-				key={ key }
-				disabled={ false }
-				label={
-					<RepeaterItemLabelSlot value={ value }>
-						<Label value={ value as T } />
-					</RepeaterItemLabelSlot>
-				}
-				showActionsOnHover
-				fullWidth
-				ref={ setRef }
-				variant="outlined"
-				aria-label={ __( 'Open item', 'elementor' ) }
-				sx={ { minHeight: ( theme ) => theme.spacing( 4 ) } }
-				{ ...triggerProps }
-				onClick={ onClick }
-				startIcon={
-					<RepeaterItemIconSlot value={ value }>
-						<Icon value={ value as T } />
-					</RepeaterItemIconSlot>
-				}
-				actions={
-					<>
-						<RepeaterItemActionsSlot index={ index ?? -1 } />
-
-						<SlotChildren
-							whitelist={ [ DuplicateItemAction, DisableItemAction, RemoveItemAction ] as React.FC[] }
-							props={ { index } }
-							sorted
-						>
-							{ children }
-						</SlotChildren>
-					</>
-				}
-			/>
-		</>
-	);
-};

package/src/components/unstable-repeater/unstable-repeater.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { type PropTypeUtil } from '@elementor/editor-props';
-
-import { SlotChildren } from '../../control-replacements';
-import { SectionContent } from '../section-content';
-import { RepeaterContextProvider } from './context/repeater-context';
-import { Header } from './header/header';
-import { EditItemPopover } from './items/edit-item-popover';
-import { ItemsContainer } from './items/items-container';
-import { type RepeatablePropValue } from './types';
-
-export const UnstableRepeater = < T extends RepeatablePropValue >( {
-	children,
-	initial,
-	propTypeUtil,
-}: React.PropsWithChildren< { initial: T; propTypeUtil: PropTypeUtil< string, T[] > } > ) => {
-	return (
-		<SectionContent>
-			<RepeaterContextProvider initial={ initial } propTypeUtil={ propTypeUtil }>
-				<SlotChildren whitelist={ [ Header, ItemsContainer, EditItemPopover ] as React.FC[] } sorted>
-					{ children }
-				</SlotChildren>
-			</RepeaterContextProvider>
-		</SectionContent>
-	);
-};