@dxos/react-ui-list 0.8.0 → 0.8.1-main.a06ad20

package/src/components/List/ListItem.tsx

@@ -202,13 +202,14 @@ export const ListItemDeleteButton = ({
   autoHide = true,
   classNames,
   disabled,
+  icon = 'ph--x--regular',
   ...props
-}: Omit<IconButtonProps, 'icon'> & { autoHide?: boolean }) => {
+}: Partial<Pick<IconButtonProps, 'icon'>> & Omit<IconButtonProps, 'icon'> & { autoHide?: boolean }) => {
   const { state } = useListContext('DELETE_BUTTON');
   const isDisabled = state.type !== 'idle' || disabled;
   return (
     <IconButton
-      icon='ph--x--regular'
+      icon={icon}
       disabled={isDisabled}
       classNames={[classNames, autoHide && disabled && 'hidden']}
       {...props}
@@ -216,6 +217,17 @@ export const ListItemDeleteButton = ({
   );
 };
 
+export const ListItemButton = ({
+  autoHide = true,
+  classNames,
+  disabled,
+  ...props
+}: IconButtonProps & { autoHide?: boolean }) => {
+  const { state } = useListContext('ITEM_BUTTON');
+  const isDisabled = state.type !== 'idle' || disabled;
+  return <IconButton disabled={isDisabled} classNames={[classNames, autoHide && disabled && 'hidden']} {...props} />;
+};
+
 export const ListItemDragHandle = () => {
   const { dragHandleRef } = useListItemContext('DRAG_HANDLE');
   return <IconButton ref={dragHandleRef as any} icon='ph--dots-six-vertical--regular' />;