@tulip-systems/core 0.8.3 → 0.9.0

package/dist/modules/inline-edit/components/select.client.d.mts

@@ -1,26 +0,0 @@
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.client.mjs";
-import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import { InlineEditVariantsProps } from "../lib/variants.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-
-//#region src/modules/inline-edit/components/select.client.d.ts
-declare function InlineSelect<Required extends boolean = false>({
-  initialValue,
-  action,
-  permission,
-  updateStrategy,
-  isRequired,
-  disabled,
-  ...props
-}: ComponentProps<typeof Select> & useInlineEditOptions<string, Required>): react_jsx_runtime0.JSX.Element;
-declare function InlineSelectTrigger({
-  variant,
-  className,
-  ...props
-}: ComponentProps<typeof SelectTrigger> & InlineEditVariantsProps): react_jsx_runtime0.JSX.Element;
-declare function InlineSelectContent(props: ComponentProps<typeof SelectContent>): react_jsx_runtime0.JSX.Element;
-declare function InlineSelectValue(props: ComponentProps<typeof SelectValue>): react_jsx_runtime0.JSX.Element;
-declare function InlineSelectItem(props: ComponentProps<typeof SelectItem>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue };

package/dist/modules/inline-edit/components/select.client.mjs

@@ -1,55 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { useIndicator } from "../../../lib/hooks/use-indicator.mjs";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.client.mjs";
-import { useInlineEdit } from "../hooks/use-inline.client.mjs";
-import { inlineEditVariants } from "../lib/variants.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/modules/inline-edit/components/select.client.tsx
-function InlineSelect({ initialValue, action, permission, updateStrategy, isRequired, disabled, ...props }) {
-	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
-		initialValue,
-		action,
-		permission,
-		updateStrategy,
-		isRequired,
-		parser: {
-			decode: (value) => value,
-			encode: (value) => value
-		}
-	});
-	return /* @__PURE__ */ jsx(Select, {
-		...props,
-		disabled: disabled || !isAllowed,
-		defaultValue: value ?? void 0,
-		onValueChange: (value) => {
-			handleChange(value ? value : null);
-			handleBlur(value ? value : null);
-		}
-	});
-}
-function InlineSelectTrigger({ variant, className, ...props }) {
-	const { status } = useIndicator();
-	return /* @__PURE__ */ jsx(SelectTrigger, {
-		...props,
-		"data-inline-input": "select",
-		className: cn(inlineEditVariants({
-			variant,
-			status
-		}), className)
-	});
-}
-function InlineSelectContent(props) {
-	return /* @__PURE__ */ jsx(SelectContent, { ...props });
-}
-function InlineSelectValue(props) {
-	return /* @__PURE__ */ jsx(SelectValue, { ...props });
-}
-function InlineSelectItem(props) {
-	return /* @__PURE__ */ jsx(SelectItem, { ...props });
-}
-
-//#endregion
-export { InlineSelect, InlineSelectContent, InlineSelectItem, InlineSelectTrigger, InlineSelectValue };

package/dist/modules/inline-edit/components/switch.client.d.mts

@@ -1,17 +0,0 @@
-import { Switch } from "../../../components/ui/switch.client.mjs";
-import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-
-//#region src/modules/inline-edit/components/switch.client.d.ts
-declare function InlineSwitch<Required extends boolean = false>({
-  initialValue,
-  action,
-  permission,
-  updateStrategy,
-  isRequired,
-  disabled,
-  ...props
-}: ComponentProps<typeof Switch> & useInlineEditOptions<boolean, Required>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineSwitch };

package/dist/modules/inline-edit/components/switch.client.mjs

@@ -1,33 +0,0 @@
-"use client";
-
-import { Switch } from "../../../components/ui/switch.client.mjs";
-import { useInlineEdit } from "../hooks/use-inline.client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/modules/inline-edit/components/switch.client.tsx
-function InlineSwitch({ initialValue, action, permission, updateStrategy, isRequired, disabled, ...props }) {
-	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
-		initialValue,
-		action,
-		permission,
-		updateStrategy,
-		isRequired,
-		parser: {
-			decode: (value) => value,
-			encode: (value) => value
-		}
-	});
-	return /* @__PURE__ */ jsx(Switch, {
-		...props,
-		"data-inline-input": "switch",
-		disabled: disabled || !isAllowed,
-		defaultChecked: value ?? void 0,
-		onCheckedChange: (checked) => {
-			handleChange(checked ?? null);
-			handleBlur(checked ?? null);
-		}
-	});
-}
-
-//#endregion
-export { InlineSwitch };

package/dist/modules/inline-edit/components/toggle.client.d.mts

@@ -1,18 +0,0 @@
-import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
-
-//#region src/modules/inline-edit/components/toggle.client.d.ts
-type InlineEditToggleProps<Required extends boolean = false> = React.HTMLAttributes<HTMLDivElement> & useInlineEditOptions<boolean, Required>;
-declare function InlineToggle<Required extends boolean = false>({
-  initialValue,
-  action,
-  children,
-  permission,
-  updateStrategy,
-  isRequired,
-  className,
-  ...props
-}: InlineEditToggleProps<Required>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineEditToggleProps, InlineToggle };

package/dist/modules/inline-edit/components/toggle.client.mjs

@@ -1,40 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { Toggle } from "../../../components/ui/toggle.client.mjs";
-import { useInlineEdit } from "../hooks/use-inline.client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/modules/inline-edit/components/toggle.client.tsx
-function InlineToggle({ initialValue, action, children, permission, updateStrategy, isRequired, className, ...props }) {
-	const { value, handleChange, handleBlur, isAllowed } = useInlineEdit({
-		initialValue,
-		action,
-		permission,
-		updateStrategy,
-		isRequired,
-		parser: {
-			decode: (value) => value,
-			encode: (value) => value
-		}
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("flex flex-wrap items-center justify-start gap-1", className),
-		children: /* @__PURE__ */ jsx(Toggle, {
-			"data-inline-input": "toggle",
-			disabled: !isAllowed,
-			variant: "outline",
-			pressed: value ?? void 0,
-			defaultChecked: initialValue ?? void 0,
-			onPressedChange: (value) => {
-				handleChange(value);
-				handleBlur(value);
-			},
-			children
-		})
-	});
-}
-
-//#endregion
-export { InlineToggle };

package/dist/modules/inline-edit/hooks/context.client.d.mts

@@ -1,27 +0,0 @@
-import { Permission } from "../../auth/lib/permissions.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
-
-//#region src/modules/inline-edit/hooks/context.client.d.ts
-/**
- * InlineEditContext
- */
-type InlineEditContextParams = {
-  id: string;
-  permission?: Permission;
-};
-/**
- * UseInlineEditContext
- */
-declare function useInlineEditContext(): InlineEditContextParams;
-/**
- * InlineEditContext Provider
- */
-declare function InlineEditProvider({
-  children,
-  ...value
-}: InlineEditContextParams & {
-  children: React.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineEditContextParams, InlineEditProvider, useInlineEditContext };

package/dist/modules/inline-edit/hooks/context.client.mjs

@@ -1,27 +0,0 @@
-"use client";
-
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-
-//#region src/modules/inline-edit/hooks/context.client.tsx
-const InlineEditContext = createContext(void 0);
-/**
-* UseInlineEditContext
-*/
-function useInlineEditContext() {
-	const context = useContext(InlineEditContext);
-	if (!context) throw new Error("InlineEditContext not found!");
-	return context;
-}
-/**
-* InlineEditContext Provider
-*/
-function InlineEditProvider({ children, ...value }) {
-	return /* @__PURE__ */ jsx(InlineEditContext.Provider, {
-		value,
-		children
-	});
-}
-
-//#endregion
-export { InlineEditProvider, useInlineEditContext };

package/dist/modules/inline-edit/hooks/use-inline.client.d.mts

@@ -1,75 +0,0 @@
-import { EditorJSONContent } from "../../../components/editor/lib/types.mjs";
-import { Permission } from "../../auth/lib/permissions.mjs";
-import "../../../components.mjs";
-import { IndicatorStatus } from "../../../lib/hooks/use-indicator.mjs";
-import "../../../lib/client.mjs";
-import * as react from "react";
-
-//#region src/modules/inline-edit/hooks/use-inline.client.d.ts
-type UpdateStrategy = {
-  mode: "change";
-  delay?: number;
-} | {
-  mode: "blur";
-};
-type MaybeValue<TValue, Required extends boolean> = Required extends true ? TValue : TValue | null;
-/**
- * Use the inline edit hook options.
- */
-type useInlineEditOptions<TResult, Required extends boolean = false> = {
-  /**
-   * Initial value
-   */
-  initialValue?: MaybeValue<TResult, Required>;
-  /**
-   * Action to execute on update
-   */
-  action: (value: {
-    id: string;
-    value: MaybeValue<TResult, Required>;
-  }) => Promise<unknown>;
-  /**
-   * Permission required to edit
-   */
-  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;
-  /**
-   * Is the value required
-   * @default false
-   */
-  isRequired?: Required;
-};
-/**
- * Inline edit hook props
- */
-type UseInlineEditProps<TValue extends string | number | Date | boolean | JSON | EditorJSONContent, TResult extends string | number | Date | boolean | JSON | EditorJSONContent, Required extends boolean = false> = useInlineEditOptions<TResult, Required> & {
-  parser: {
-    /**
-     * Transform the value from the result type to the value type
-     */
-    decode: (value: TResult) => TValue;
-    /**
-     * Transform the value from the value type to the result type
-     */
-    encode: (value: TValue) => TResult;
-  };
-};
-/**
- * Use the inline edit hook.
- */
-declare function useInlineEdit<TValue extends string | number | Date | boolean | JSON | EditorJSONContent, TResult extends string | number | Date | boolean | JSON | EditorJSONContent = TValue, Required extends boolean = false>(props: UseInlineEditProps<TValue, TResult, Required>): {
-  value: MaybeValue<TValue, Required> | undefined;
-  setValue: react.Dispatch<react.SetStateAction<MaybeValue<TValue, Required> | undefined>>;
-  handleChange: (next: MaybeValue<TValue, Required> | null) => void;
-  handleBlur: (next: MaybeValue<TValue, Required> | null) => void;
-  status: IndicatorStatus;
-  isAllowed: boolean;
-};
-//#endregion
-export { UseInlineEditProps, useInlineEdit, useInlineEditOptions };

package/dist/modules/inline-edit/hooks/use-inline.client.mjs

@@ -1,116 +0,0 @@
-"use client";
-
-import { useLocalIndicator } from "../../../lib/hooks/use-indicator.mjs";
-import { usePermission } from "../../auth/hooks/use-permission.mjs";
-import { useAction } from "../../../lib/hooks/use-action.mjs";
-import { useInlineEditContext } from "./context.client.mjs";
-import { useCallback, useState } from "react";
-import { toast } from "sonner";
-import { useDebouncedCallback } from "use-debounce";
-
-//#region src/modules/inline-edit/hooks/use-inline.client.tsx
-const defaultUpdateStrategy = { mode: "blur" };
-/**
-* Use the inline edit hook.
-*/
-function useInlineEdit(props) {
-	/**
-	* The update strategy.
-	*/
-	const strategy = props.updateStrategy ?? defaultUpdateStrategy;
-	const delay = strategy.mode === "change" ? strategy.delay ?? 0 : 0;
-	const initialValue = props.parser.decode(props.initialValue) ?? void 0;
-	/**
-	* The inline edit context.
-	*/
-	const context = useInlineEditContext();
-	/**
-	* The current value of the inline edit.
-	*/
-	const [value, setValue] = useState(initialValue);
-	/**
-	* The indicator status.
-	*/
-	const { status, setStatus } = useLocalIndicator();
-	const isAllowed = usePermission(props.permission ?? context.permission ?? {})?.success;
-	/**
-	* Execute the action to update the value.
-	*/
-	const mutation = useAction({
-		mutationFn: props.action,
-		onMutate: () => {
-			setStatus("pending");
-		},
-		onSuccess: () => {
-			setStatus("success");
-		},
-		onError: (error) => {
-			setValue(initialValue);
-			toast.error("Er is iets misgegaan", { description: error instanceof Error ? error.message : void 0 });
-		}
-	});
-	/**
-	* Handle instant mutate
-	*/
-	const handleMutateInstant = useCallback((input) => {
-		if (!isAllowed) {
-			toast.error("Je hebt geen toestemming om dit te bewerken");
-			return;
-		}
-		if (input === initialValue) return;
-		const value = props.parser.encode(input);
-		return mutation.mutate({
-			id: context.id,
-			value
-		});
-	}, [
-		isAllowed,
-		initialValue,
-		mutation,
-		context.id,
-		props.parser
-	]);
-	/**
-	* Handle mutate with debounce
-	*/
-	const handleMutateDebounced = useDebouncedCallback(handleMutateInstant, delay);
-	/**
-	* Handle change updates
-	*/
-	function handleChange(next) {
-		setValue(next ?? void 0);
-		if (strategy.mode !== "change") return;
-		if (props.isRequired && next === null) {
-			setValue(initialValue ?? void 0);
-			setStatus("error");
-			toast.error("Dit veld is verplicht");
-			return;
-		}
-		handleMutateDebounced(next);
-	}
-	/**
-	* Handle blur updates
-	*/
-	function handleBlur(next) {
-		setValue(next ?? void 0);
-		if (strategy.mode !== "blur") return;
-		if (props.isRequired && next === null) {
-			setValue(initialValue ?? void 0);
-			setStatus("error");
-			toast.error("Dit veld is verplicht");
-			return;
-		}
-		handleMutateInstant(next);
-	}
-	return {
-		value,
-		setValue,
-		handleChange,
-		handleBlur,
-		status,
-		isAllowed
-	};
-}
-
-//#endregion
-export { useInlineEdit };

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

@@ -1,69 +0,0 @@
-"use client";
-
-import { createContext, type PropsWithChildren, useContext } from "react";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip.client";
-import { useCommand } from "../hooks/context.client";
-
-/**
- * Command trigger context
- */
-type CommandTriggerContextValue = {
-  label?: string;
-};
-
-export const CommandTriggerContext = createContext({} as CommandTriggerContextValue);
-
-/**
- * Command trigger
- */
-export function CommandTrigger({ label, children }: PropsWithChildren<{ label?: string }>) {
-  const { menu } = useCommand();
-  const showLabel = label && menu !== "dropdown" && menu !== "context";
-
-  return (
-    <CommandTriggerContext.Provider value={{ label }}>
-      <TooltipProvider>
-        <Tooltip>
-          <TooltipTrigger asChild>{children}</TooltipTrigger>
-          {showLabel && <TooltipContent>{label}</TooltipContent>}
-        </Tooltip>
-      </TooltipProvider>
-    </CommandTriggerContext.Provider>
-  );
-}
-
-/**
- * Command label
- */
-export function CommandLabel() {
-  const { label } = useContext(CommandTriggerContext);
-
-  const { menu } = useCommand();
-  const showLabel = label && (menu === "dropdown" || menu === "context");
-
-  if (!showLabel) return null;
-
-  return <span className="ml-3">{label}</span>;
-}
-
-/**
- * Command icon
- */
-export function CommandIcon({ children }: PropsWithChildren) {
-  const { label } = useContext(CommandTriggerContext);
-
-  const { menu } = useCommand();
-  const showLabel = label && (menu === "dropdown" || menu === "context");
-
-  return (
-    <>
-      {children}
-      {showLabel && <span className="ml-3">{label}</span>}
-    </>
-  );
-}

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>
-  );
-}