feat(react/bulk_actions): port add_label

apps/client/src/widgets/bulk_actions/BulkAction.tsx

@@ -1,7 +1,41 @@
+import { ComponentChildren } from "preact";
+
 interface BulkActionProps {
-    
+    label: string;   
+    children: ComponentChildren;
+    helpText?: ComponentChildren;
 }
 
-export default function BulkAction() {
+export default function BulkAction({ label, children, helpText }: BulkActionProps) {
+    return (
+        <tr>
+            <td colSpan={2}>
+                <div style={{ display: "flex", alignItems: "center" }}>
+                    <div style={{ marginRight: "10px" }} className="text-nowrap">{label}</div>
 
+                    {children}
+                </div>
+            </td>
+            <td className="button-column">
+                {helpText && <div className="dropdown help-dropdown">
+                    <span className="bx bx-help-circle icon-action" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
+                    <div className="dropdown-menu dropdown-menu-right p-4">
+                        {helpText}
+                    </div>
+                </div>}
+
+                <span className="bx bx-x icon-action action-conf-del"></span>
+            </td>
+        </tr>
+    );
+}
+
+export function BulkActionText({ text }: { text: string }) {
+    return (
+        <div
+            style={{ marginRight: "10px", marginLeft: "10px" }}
+            className="text-nowrap">
+                {text}
+            </div>
+    );
 }