@truedat/ai 6.11.1 → 6.12.0

package/src/hooks/useActions.js

@@ -0,0 +1,63 @@
+import _ from "lodash/fp";
+import { compile } from "path-to-regexp";
+import useSWR from "swr";
+import useSWRImmutable from "swr/immutable";
+import useSWRMutations from "swr/mutation";
+import {
+  apiJson,
+  apiJsonPost,
+  apiJsonPatch,
+  apiJsonDelete,
+} from "@truedat/core/services/api";
+import {
+  API_ACTIONS,
+  API_ACTIONS_SEARCH,
+  API_ACTION,
+  API_ACTION_SET_ACTIVE,
+} from "../api";
+
+export const useActions = () => {
+  const { data, error, mutate } = useSWR(API_ACTIONS, apiJson);
+  return { data: data?.data, error, loading: !error && !data, mutate };
+};
+
+export const useActionsSearch = () => {
+  return useSWRMutations(API_ACTIONS_SEARCH, (url, { arg }) =>
+    apiJsonPost(url, arg)
+  );
+};
+
+export const useAction = (id) => {
+  const url = compile(API_ACTION)({ id });
+  const { data, error, mutate } = useSWRImmutable(url, apiJson);
+  return {
+    data: data?.data,
+    action: data?.data?.data,
+    error,
+    loading: !error && !data,
+    mutate,
+  };
+};
+
+export const useActionCreate = () => {
+  return useSWRMutations(API_ACTIONS, (url, { arg }) => apiJsonPost(url, arg));
+};
+
+export const useActionUpdate = (id) => {
+  const url = compile(API_ACTION)({ id });
+  return useSWRMutations(url, (url, { arg }) => apiJsonPatch(url, arg));
+};
+
+export const useActionDelete = (payload) => {
+  const id = payload?.id || 0;
+  const logical = payload?.logical || true;
+  const url = compile(API_ACTION)({ id }) + "?logical=" + logical;
+  return useSWRMutations(url, (url, { arg }) => apiJsonDelete(url, arg));
+};
+
+export const useActionSetActive = (payload) => {
+  const id = payload?.id || 0;
+  const active = _.propOr(true, "active")(payload);
+  const url = compile(API_ACTION_SET_ACTIVE)({ id }) + "?active=" + active;
+  return useSWRMutations(url, (url, { arg }) => apiJsonPost(url, arg));
+};

package/src/styles/aiActionEdit.less

@@ -0,0 +1,19 @@
+.ai-action-edit{
+  &-header{
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    &-active{
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      gap: 15px;
+      align-items: center;
+    }
+  }
+  &-form{
+    &-actions{
+      margin-top: 10px;
+    }
+  }
+}