@cccsaurora/howler-ui 2.13.0-dev.142 → 2.13.0-dev.144

package/components/elements/display/ActionButton.d.ts

@@ -0,0 +1,8 @@
+import { type ButtonProps } from '@mui/material';
+import { type FC } from 'react';
+declare const ActionButton: FC<{
+    actionId: string;
+    hitId: string;
+    label: string;
+} & ButtonProps>;
+export default ActionButton;

package/components/elements/display/ActionButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@mui/material';
+import api from '@cccsaurora/howler-ui/api';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import useMyActionFunctions from '@cccsaurora/howler-ui/components/routes/action/useMyActionFunctions';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+const ActionButton = ({ actionId, hitId, label, ...otherProps }) => {
+    const { t } = useTranslation();
+    const { dispatchApi } = useMyApi();
+    const { executeAction } = useMyActionFunctions();
+    const [action, setAction] = useState(null);
+    useEffect(() => {
+        dispatchApi(api.search.action.post({ query: `action_id:${actionId}`, rows: 1 })).then(result => setAction(result.items[0]));
+    }, [actionId, dispatchApi]);
+    return (_jsx(Button, { variant: otherProps.variant ?? 'outlined', disabled: !action, onClick: () => executeAction(actionId, `howler.id:${hitId}`), color: otherProps.color ?? 'primary', children: label ?? action?.name ?? t('loading') }));
+};
+export default ActionButton;

package/components/elements/display/handlebars/helpers.js

@@ -10,6 +10,7 @@ import { capitalize, get, groupBy, isObject } from 'lodash-es';
 import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import { useMemo } from 'react';
 import { usePluginStore } from 'react-pluggable';
+import ActionButton from '../ActionButton';
 import JSONViewer from '../json/JSONViewer';
 const FETCH_RESULTS = {};
 export const useHelpers = () => {
@@ -147,6 +148,17 @@ export const useHelpers = () => {
                                 }) })] }) }));
             }
         },
+        {
+            keyword: 'action',
+            documentation: 'Execute a howler action given a specific action ID (from the URL when viewing the action, i.e. yaIKVqiKhWpyCsWdqsE4D)',
+            componentCallback: (actionId, hitId, context) => {
+                if (!actionId || !hitId) {
+                    console.warn('Missing parameters for the action button.');
+                    return null;
+                }
+                return _jsx(ActionButton, { actionId: actionId, hitId: hitId, ...(context.hash ?? {}) });
+            }
+        },
         ...howlerPluginStore.plugins.flatMap(plugin => pluginStore.executeFunction(`${plugin}.helpers`))
     ], [pluginStore]);
     return allHelpers;

package/package.json

@@ -96,7 +96,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.13.0-dev.142",
+  "version": "2.13.0-dev.144",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",