feat: add wrapTo method for action panel items (#191)

* feat: add render item method for action panel items

* fix: callback types

* fix: rename render item method to wrap to

src/components/ActionPanel/ActionPanel.tsx

@@ -37,9 +37,12 @@ export const ActionPanel = (props: ActionPanelProps) => {
 
     const content = (
         <div ref={nodeRef} className={b(null, props.className)}>
-            {props.items.map((item) => (
-                <ActionPanelItemContainer key={`dk-action-panel-${item.id}`} item={item} />
-            ))}
+            {props.items.map(({wrapTo, ...item}) => {
+                const key = `dk-action-panel-${item.id}`;
+                const children = <ActionPanelItemContainer key={key} item={item} />;
+
+                return wrapTo ? wrapTo({...item, key, children}) : children;
+            })}
         </div>
     );
 

src/components/ActionPanel/types.ts

@@ -10,6 +10,9 @@ export type ActionPanelItem = {
     qa?: string;
     onClick?: () => void;
     dragProps?: ItemDragProps;
+    wrapTo?: (
+        props: Omit<ActionPanelItem, 'wrapTo'> & {key: React.Key; children: React.ReactNode},
+    ) => React.ReactNode;
 };
 
 export type ActionPanelProps = {