@tulip-systems/core 0.5.3 → 0.5.4

package/src/modules/inline-edit/hooks/use-inline.client copy.tsx

@@ -1,97 +0,0 @@
-"use client";
-
-import { EditorJSONContent } from "@/components/entry";
-import { useAction } from "@/lib/hooks/use-action";
-import { usePermission } from "@/modules/auth/hooks/use-permission";
-import { Permission } from "@/modules/auth/lib/permissions";
-import { useState } from "react";
-import { toast } from "sonner";
-import { useInlineEditContext } from "./context.client";
-
-type UpdateStrategy = {
-  trigger: "change" | "blur";
-  delay?: number;
-};
-
-const defaultUpdateStrategy: UpdateStrategy = {
-  trigger: "blur",
-};
-
-export type useInlineEditOptions<TValue> = {
-  initialValue?: TValue;
-  action: (value: { id: string; value: TValue }) => Promise<unknown>;
-  permission?: Permission;
-  /**
-   * Update strategy
-   * - trigger: when to update the value (default: "blur")
-   * - delay: delay in milliseconds before updating the value (only for "change" trigger)
-   * @default { trigger: "blur" }
-   */
-  updateStrategy?: UpdateStrategy;
-};
-
-export function useInlineEdit<
-  TValue extends string | number | Date | boolean | JSON | EditorJSONContent | undefined,
->(props: useInlineEditOptions<TValue>) {
-  const strategy = props.updateStrategy ?? defaultUpdateStrategy;
-  /**
-   * The inline edit context.
-   */
-  const context = useInlineEditContext();
-
-  const { data } = usePermission(props.permission ?? context.permission);
-  const isAllowed = data?.success;
-
-  /**
-   * The current value of the inline edit.
-   */
-  const [value, setValue] = useState(props.initialValue);
-
-  /**
-   * Execute the action to update the value.
-   */
-  const { mutate, status } = useAction({
-    mutationFn: props.action,
-    onError: (error) => {
-      setValue(props.initialValue);
-      toast.error("Er is iets misgegaan", {
-        description: error instanceof Error ? error.message : undefined,
-      });
-    },
-  });
-
-  /**
-   * Handle the update of the value.
-   */
-  const handleUpdate = (value: TValue) => {
-    if (!isAllowed) {
-      toast.error("Je hebt geen toestemming om dit te bewerken");
-      return;
-    }
-
-    // If the value is the same as the initial value, do nothing
-    if (value === props.initialValue) return;
-
-    return mutate({ id: context.id, value });
-  };
-
-  /**
-   * Handle change updates
-   */
-  function handleChange(value: TValue) {
-    setValue(value);
-
-    // if the strategy is change, update the value after the delay
-  }
-
-  /**
-   * Handle blur updates
-   */
-  function handleBlur(value: TValue) {
-    setValue(value);
-
-    // if the strategy is blur, update the value
-  }
-
-  return { value, setValue, handleUpdate, status, isAllowed };
-}