@tulip-systems/core 0.8.2 → 0.9.0

package/src/modules/commands/components/dropdown-command.client.tsx

@@ -1,227 +0,0 @@
-"use client";
-
-import type { DefaultError, MutationOptions } from "@tanstack/react-query";
-import React from "react";
-import { buttonVariants } from "@/components/ui/button";
-import {
-  ContextMenuItem,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-} from "@/components/ui/context-menu.client";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu.client";
-import { cn } from "@/lib/utils/cn";
-import { useCommand } from "../hooks/context.client";
-import { useCommandMutation } from "../hooks/use-command-mutation.client";
-import { CommandTrigger } from "./command-trigger.client";
-
-/**
- * CommandDropdownContext
- */
-type CommandDropdownContextValue = {
-  open: boolean;
-  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-};
-
-const CommandDropdownContext = React.createContext({} as CommandDropdownContextValue);
-
-/**
- * CommandDropdown
- */
-export type CommandDropdownProps = {
-  children: React.ReactNode;
-  className?: string;
-};
-
-export function CommandDropdown({ children, ...props }: CommandDropdownProps) {
-  const [open, setOpen] = React.useState(false);
-  const { menu } = useCommand();
-
-  if (menu === "inline" || menu === "table") {
-    return (
-      <DropdownMenu {...props} open={open} onOpenChange={setOpen}>
-        <CommandDropdownContext.Provider value={{ open, setOpen }}>
-          {children}
-        </CommandDropdownContext.Provider>
-      </DropdownMenu>
-    );
-  }
-
-  if (menu === "dropdown") {
-    return (
-      <DropdownMenuSub {...props} open={open} onOpenChange={setOpen}>
-        <CommandDropdownContext.Provider value={{ open, setOpen }}>
-          {children}
-        </CommandDropdownContext.Provider>
-      </DropdownMenuSub>
-    );
-  }
-
-  if (menu === "context") {
-    return (
-      <ContextMenuSub {...props} open={open} onOpenChange={setOpen}>
-        <CommandDropdownContext.Provider value={{ open, setOpen }}>
-          {children}
-        </CommandDropdownContext.Provider>
-      </ContextMenuSub>
-    );
-  }
-
-  return null;
-}
-
-/**
- * CommandDropdownContent
- */
-type CommandDropdownContentProps = {
-  children: React.ReactNode;
-  className?: string;
-};
-
-export function CommandDropdownContent({ children, ...props }: CommandDropdownContentProps) {
-  const { menu } = useCommand();
-
-  if (menu === "inline" || menu === "table") {
-    return <DropdownMenuContent {...props}>{children}</DropdownMenuContent>;
-  }
-
-  if (menu === "dropdown") {
-    return <DropdownMenuSubContent {...props}>{children}</DropdownMenuSubContent>;
-  }
-
-  if (menu === "context") {
-    return <ContextMenuSubContent {...props}>{children}</ContextMenuSubContent>;
-  }
-
-  return null;
-}
-
-/**
- * CommandDropdownTrigger
- */
-type CommandDropdownTriggerProps = {
-  children: React.ReactNode;
-  className?: string;
-  label?: string;
-  disabled?: boolean;
-};
-
-export function CommandDropdownTrigger({
-  label,
-  disabled,
-  children,
-  ...props
-}: CommandDropdownTriggerProps) {
-  const { menu, status } = useCommand();
-
-  const isDisabled = disabled || status === "pending";
-
-  if (menu === "inline" || menu === "table") {
-    return (
-      <CommandTrigger label={label}>
-        <DropdownMenuTrigger
-          {...props}
-          disabled={isDisabled}
-          className={cn(buttonVariants({ variant: "outline", size: "sm" }), props.className)}
-        >
-          {children}
-        </DropdownMenuTrigger>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "dropdown") {
-    return (
-      <CommandTrigger label={label}>
-        <DropdownMenuSubTrigger {...props} disabled={isDisabled}>
-          {children}
-        </DropdownMenuSubTrigger>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "context") {
-    return (
-      <CommandTrigger label={label}>
-        <ContextMenuSubTrigger {...props} disabled={isDisabled}>
-          {children}
-        </ContextMenuSubTrigger>
-      </CommandTrigger>
-    );
-  }
-
-  return null;
-}
-
-/**
- * CommandDropdownItem
- */
-type CommandDropdownItemProps<
-  TData = unknown,
-  TError = DefaultError,
-  TVariables = undefined,
-  TOnMutateResult = unknown,
-> = {
-  variables: TVariables;
-  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
-  children: React.ReactNode;
-  className?: string;
-};
-
-export function CommandDropdownItem<
-  TData = unknown,
-  TError = DefaultError,
-  TVariables = undefined,
-  TOnMutateResult = unknown,
->({
-  variables,
-  mutation,
-  children,
-  ...props
-}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>) {
-  const { setOpen } = React.useContext(CommandDropdownContext);
-  const { menu, status } = useCommand();
-
-  const { mutateAsync } = useCommandMutation({
-    ...mutation,
-    onSuccess: async (...params) => {
-      setOpen(false);
-
-      return await mutation?.onSuccess?.(...params);
-    },
-  });
-
-  if (menu === "inline" || menu === "table" || menu === "dropdown") {
-    return (
-      <DropdownMenuItem
-        {...props}
-        disabled={status === "pending"}
-        onClick={() => mutateAsync(variables)}
-      >
-        {children}
-      </DropdownMenuItem>
-    );
-  }
-
-  if (menu === "context") {
-    return (
-      <ContextMenuItem
-        {...props}
-        disabled={status === "pending"}
-        onClick={() => mutateAsync(variables)}
-      >
-        {children}
-      </ContextMenuItem>
-    );
-  }
-
-  return null;
-}

package/src/modules/commands/components/empty-command.client.tsx

@@ -1,63 +0,0 @@
-"use client";
-
-import type React from "react";
-import { Button } from "@/components/ui/button";
-import { ContextMenuItem } from "@/components/ui/context-menu.client";
-import { DropdownMenuItem } from "@/components/ui/dropdown-menu.client";
-import { useCommand } from "../hooks/context.client";
-import { CommandTrigger } from "./command-trigger.client";
-
-export type CommandEmptyProps = {
-  children: React.ReactNode;
-  className?: string;
-  disabled?: boolean;
-  label?: string;
-};
-
-export function CommandEmpty({ label, children, disabled, ...props }: CommandEmptyProps) {
-  const { menu, status } = useCommand();
-
-  const isDisabled = disabled ?? status === "pending";
-
-  if (menu === "inline") {
-    return (
-      <CommandTrigger label={label}>
-        <Button {...props} variant="outline" size="sm" disabled={isDisabled}>
-          {children}
-        </Button>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "dropdown") {
-    return (
-      <CommandTrigger label={label}>
-        <DropdownMenuItem {...props} disabled={isDisabled}>
-          {children}
-        </DropdownMenuItem>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "context") {
-    return (
-      <CommandTrigger label={label}>
-        <ContextMenuItem {...props} disabled={isDisabled}>
-          {children}
-        </ContextMenuItem>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "table") {
-    return (
-      <CommandTrigger label={label}>
-        <Button {...props} variant="outline" size="sm" disabled={isDisabled}>
-          {children}
-        </Button>
-      </CommandTrigger>
-    );
-  }
-
-  return null;
-}

package/src/modules/commands/components/form-dialog-command.client.tsx

@@ -1,287 +0,0 @@
-"use client";
-
-import type { DefaultError, MutationOptions } from "@tanstack/react-query";
-import React, { type ComponentProps } from "react";
-import { type FieldValues, Form, useFormContext } from "react-hook-form";
-import { type Keys, useHotkeys } from "react-hotkeys-hook";
-import { Icons } from "@/components/common/icons";
-import { Button, buttonVariants } from "@/components/ui/button";
-import { ContextMenuItem } from "@/components/ui/context-menu.client";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog.client";
-import { DropdownMenuItem } from "@/components/ui/dropdown-menu.client";
-import { cn } from "@/lib/utils/cn";
-import { useCommandMutation } from "../entry.client";
-import { useCommand } from "../hooks/context.client";
-import { CommandTrigger } from "./command-trigger.client";
-
-/**
- * CommandFormDialogContext
- */
-type CommandFormDialogContextValue = {
-  open: boolean;
-  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-};
-
-const CommandFormDialogContext = React.createContext({} as CommandFormDialogContextValue);
-
-/**
- * CommandFormDialog
- */
-export function CommandFormDialog({ children, ...props }: ComponentProps<typeof Dialog>) {
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <Dialog {...props} open={open} onOpenChange={setOpen}>
-      <CommandFormDialogContext.Provider value={{ open, setOpen }}>
-        {children}
-      </CommandFormDialogContext.Provider>
-    </Dialog>
-  );
-}
-
-/**
- * CommandFormDialogTrigger
- */
-type CommandFormDialogTriggerProps = {
-  children: React.ReactNode;
-  className?: string;
-  label?: string;
-  disabled?: boolean;
-  hotkey?: Keys;
-};
-
-export function CommandFormDialogTrigger({
-  label,
-  hotkey,
-  children,
-  disabled,
-  ...props
-}: CommandFormDialogTriggerProps) {
-  const { menu, status } = useCommand();
-  const { setOpen } = React.useContext(CommandFormDialogContext);
-
-  const isDisabled = disabled || status === "pending";
-
-  useHotkeys(hotkey ?? "", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });
-
-  if (menu === "inline" || menu === "table") {
-    return (
-      <CommandTrigger label={label}>
-        <DialogTrigger
-          {...props}
-          disabled={isDisabled}
-          className={cn(buttonVariants({ variant: "outline", size: "sm" }), props.className)}
-        >
-          {children}
-        </DialogTrigger>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "dropdown") {
-    return (
-      <CommandTrigger label={label}>
-        <DialogTrigger asChild>
-          <DropdownMenuItem
-            {...props}
-            disabled={isDisabled}
-            onClick={(e) => {
-              e.preventDefault();
-              setOpen(true);
-            }}
-          >
-            {children}
-          </DropdownMenuItem>
-        </DialogTrigger>
-      </CommandTrigger>
-    );
-  }
-
-  if (menu === "context") {
-    return (
-      <CommandTrigger label={label}>
-        <DialogTrigger asChild>
-          <ContextMenuItem
-            {...props}
-            disabled={isDisabled}
-            onClick={(e) => {
-              e.preventDefault();
-              setOpen(true);
-            }}
-          >
-            {children}
-          </ContextMenuItem>
-        </DialogTrigger>
-      </CommandTrigger>
-    );
-  }
-}
-
-/**
- * CommandFormDialogHeader
- */
-export function CommandFormDialogHeader({
-  children,
-  ...props
-}: ComponentProps<typeof DialogHeader>) {
-  return <DialogHeader {...props}>{children}</DialogHeader>;
-}
-
-/**
- * CommandFormDialogTitle
- */
-export function CommandFormDialogTitle({ children, ...props }: ComponentProps<typeof DialogTitle>) {
-  return <DialogTitle {...props}>{children}</DialogTitle>;
-}
-
-/**
- * CommandFormDialogDescription
- */
-export function CommandFormDialogDescription({
-  children,
-  ...props
-}: ComponentProps<typeof DialogDescription>) {
-  return <DialogDescription {...props}>{children}</DialogDescription>;
-}
-
-export const CommandFormDialogContentProvider = Form;
-
-/**
- * CommandFormDialogContent
- */
-export type CommandFormDialogContentProps<
-  TValues extends FieldValues,
-  TData = unknown,
-  TError = DefaultError,
-  TVariables = undefined,
-  TOnMutateResult = unknown,
-> = ComponentProps<typeof DialogContent> & {
-  variables: (values: TValues) => TVariables;
-  mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
-  children: React.ReactNode;
-};
-// export type CommandFormDialogContentProps<TSchema extends FieldValues> = DialogContentProps & {
-//   action: CommandAction<TSchema>;
-//   mutation?: MutationOptions<TSchema>;
-//   message?: string;
-//   children: React.ReactNode;
-// };
-
-export function CommandFormDialogContent<
-  TValues extends FieldValues,
-  TData = unknown,
-  TError = DefaultError,
-  TVariables = undefined,
-  TOnMutateResult = unknown,
->({
-  variables,
-  mutation,
-  children,
-  ...props
-}: CommandFormDialogContentProps<TValues, TData, TError, TVariables, TOnMutateResult>) {
-  const { setOpen } = React.useContext(CommandFormDialogContext);
-  const form = useFormContext<TValues>();
-
-  const { mutateAsync } = useCommandMutation({
-    ...mutation,
-    onSuccess: async (...params) => {
-      form.reset();
-      setOpen(false);
-
-      return await mutation?.onSuccess?.(...params);
-    },
-  });
-
-  if (Object.keys(form?.formState?.errors || {})?.length > 0) {
-    console.error(form.formState.errors);
-  }
-
-  return (
-    <DialogContent {...props}>
-      <form
-        onSubmit={form.handleSubmit((data) => {
-          const params = variables(data);
-          mutateAsync(params);
-        })}
-      >
-        {children}
-      </form>
-    </DialogContent>
-  );
-}
-
-/**
- * FormDialogFields
- */
-export function CommandFormDialogFields({ children, className, ...props }: ComponentProps<"div">) {
-  return (
-    <div {...props} className={cn("space-y-5 py-10", className)}>
-      {children}
-    </div>
-  );
-}
-
-/**
- * CommandFormDialogFooter
- */
-export function CommandFormDialogFooter({
-  children,
-  ...props
-}: ComponentProps<typeof DialogFooter>) {
-  return <DialogFooter {...props}>{children}</DialogFooter>;
-}
-
-/**
- * CommandFormDialogCancel
- */
-export function CommandFormDialogCancel({
-  children,
-  onClick,
-  ...props
-}: Omit<ComponentProps<"button">, "type">) {
-  const { setOpen } = React.useContext(CommandFormDialogContext);
-  const form = useFormContext();
-
-  return (
-    <Button
-      {...props}
-      variant="ghost"
-      type="button"
-      onClick={(e) => {
-        form.reset();
-        setOpen(false);
-        onClick?.(e);
-      }}
-    >
-      {children}
-    </Button>
-  );
-}
-
-/**
- * CommandFormDialogSubmit
- */
-export function CommandFormDialogSubmit({
-  children,
-  disabled,
-  ...props
-}: Omit<ComponentProps<"button">, "type">) {
-  const { status } = useCommand();
-
-  const isDisabled = disabled || status === "pending";
-
-  return (
-    <Button {...props} type="submit" disabled={isDisabled}>
-      {status === "pending" && <Icons.spinner className="mr-2 h-4 w-4 animate-spin" />}
-      {children}
-    </Button>
-  );
-}

package/src/modules/commands/hooks/context.client.tsx

@@ -1,38 +0,0 @@
-"use client";
-
-import React, { type PropsWithChildren } from "react";
-
-export type CommandContextValue = {
-  // data: TData[]
-  menu: "dropdown" | "context" | "table" | "inline";
-  status: "idle" | "pending" | "success" | "error";
-  setStatus: React.Dispatch<React.SetStateAction<"idle" | "pending" | "success" | "error">>;
-  onSuccess?: () => Promise<void> | void;
-  onError?: () => Promise<void> | void;
-};
-
-/**
- * CommandContext
- */
-const CommandContext = React.createContext({} as CommandContextValue);
-
-/**
- * useCommand
- */
-export const useCommand = () => React.useContext(CommandContext);
-
-/**
- * CommandContextProvider
- */
-export function CommandContextProvider({
-  value,
-  children,
-}: PropsWithChildren<{ value: Omit<CommandContextValue, "status" | "setStatus"> }>) {
-  const [status, setStatus] = React.useState<"idle" | "pending" | "success" | "error">("idle");
-
-  return (
-    <CommandContext.Provider value={{ ...value, status, setStatus }}>
-      {children}
-    </CommandContext.Provider>
-  );
-}