@tulip-systems/core 0.8.3 → 0.9.0

package/dist/modules/commands/components/empty-command.client.mjs

@@ -1,54 +0,0 @@
-"use client";
-
-import { Button } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
-import { useCommand } from "../hooks/context.client.mjs";
-import { CommandTrigger } from "./command-trigger.client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/modules/commands/components/empty-command.client.tsx
-function CommandEmpty({ label, children, disabled, ...props }) {
-	const { menu, status } = useCommand();
-	const isDisabled = disabled ?? status === "pending";
-	if (menu === "inline") return /* @__PURE__ */ jsx(CommandTrigger, {
-		label,
-		children: /* @__PURE__ */ jsx(Button, {
-			...props,
-			variant: "outline",
-			size: "sm",
-			disabled: isDisabled,
-			children
-		})
-	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
-		label,
-		children: /* @__PURE__ */ jsx(DropdownMenuItem, {
-			...props,
-			disabled: isDisabled,
-			children
-		})
-	});
-	if (menu === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
-		label,
-		children: /* @__PURE__ */ jsx(ContextMenuItem, {
-			...props,
-			disabled: isDisabled,
-			children
-		})
-	});
-	if (menu === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
-		label,
-		children: /* @__PURE__ */ jsx(Button, {
-			...props,
-			variant: "outline",
-			size: "sm",
-			disabled: isDisabled,
-			children
-		})
-	});
-	return null;
-}
-
-//#endregion
-export { CommandEmpty };

package/dist/modules/commands/hooks/context.client.mjs

@@ -1,31 +0,0 @@
-"use client";
-
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-
-//#region src/modules/commands/hooks/context.client.tsx
-/**
-* CommandContext
-*/
-const CommandContext = React.createContext({});
-/**
-* useCommand
-*/
-const useCommand = () => React.useContext(CommandContext);
-/**
-* CommandContextProvider
-*/
-function CommandContextProvider({ value, children }) {
-	const [status, setStatus] = React.useState("idle");
-	return /* @__PURE__ */ jsx(CommandContext.Provider, {
-		value: {
-			...value,
-			status,
-			setStatus
-		},
-		children
-	});
-}
-
-//#endregion
-export { CommandContextProvider, useCommand };

package/dist/modules/commands/hooks/use-command-menu.client.d.mts

@@ -1,23 +0,0 @@
-import "../../../auth.mjs";
-import { CommandDef } from "../lib/definitions.mjs";
-import "../../../commands.mjs";
-import "react";
-
-//#region src/modules/commands/hooks/use-command-menu.client.d.ts
-/**
- * Command menu props
- */
-type SingleCommandMenuProps<TData, TMeta> = {
-  data: TData;
-  commands: CommandDef<TData, TMeta>[];
-  meta?: TMeta;
-  onSuccess?: () => void;
-};
-type BulkCommandMenuProps<TData, TMeta> = {
-  data: TData[];
-  commands: CommandDef<TData, TMeta>[];
-  meta?: TMeta;
-  onSuccess?: () => void;
-};
-//#endregion
-export { BulkCommandMenuProps, SingleCommandMenuProps };

package/dist/modules/commands/hooks/use-command-menu.client.mjs

@@ -1,83 +0,0 @@
-"use client";
-
-//#region src/modules/commands/hooks/use-command-menu.client.tsx
-/**
-* Check if a command has an id field in the data
-*/
-function dataHasId(data) {
-	return data && typeof data === "object" && "id" in data && typeof data.id === "string";
-}
-function validateSingleCommand({ data, command }) {
-	const valid = command.conditions?.({ data });
-	return Array.isArray(valid) ? valid.every(Boolean) : valid ?? true;
-}
-function renderSingleCommand({ data, command, meta }) {
-	return command.render({
-		data,
-		meta: meta ?? {},
-		...dataHasId(data) ? { id: data.id } : {}
-	});
-}
-function validateBulkCommand({ data, command }) {
-	const valid = command.conditions?.({ data });
-	return Array.isArray(valid) ? valid.every(Boolean) : valid ?? true;
-}
-function renderBulkCommand({ data, command, meta }) {
-	const ids = data.filter(dataHasId).map((data) => data.id);
-	return command.render({
-		data,
-		meta: meta ?? {},
-		...ids.length > 0 ? { ids } : {}
-	});
-}
-/**
-* useSingleCommandMenu
-*/
-function useSingleCommandMenu({ data, commands, meta }) {
-	const validCommands = commands.filter((command) => command.mode === "single" ? validateSingleCommand({
-		data,
-		command
-	}) : validateBulkCommand({
-		data: [data],
-		command
-	}));
-	function renderCommand(command) {
-		return command.mode === "single" ? renderSingleCommand({
-			command,
-			data,
-			meta
-		}) : renderBulkCommand({
-			command,
-			data: [data],
-			meta
-		});
-	}
-	return [validCommands, renderCommand];
-}
-/**
-* useBulkCommandMenu
-*/
-function useBulkCommandMenu({ data, commands, meta }) {
-	/**
-	* Filter out commands that don't have valid conditions
-	*/
-	const validCommands = commands.filter((command) => command.mode === "bulk").filter((command) => command.mode === "bulk" && validateBulkCommand({
-		data,
-		command
-	}));
-	/**
-	* Render command
-	*/
-	function renderCommand(command) {
-		if (command.mode === "single") return null;
-		return renderBulkCommand({
-			command,
-			data,
-			meta
-		});
-	}
-	return [validCommands, renderCommand];
-}
-
-//#endregion
-export { useBulkCommandMenu, useSingleCommandMenu };

package/dist/modules/commands/lib/definitions.d.mts

@@ -1,52 +0,0 @@
-import { Permission } from "../../auth/lib/permissions.mjs";
-
-//#region src/modules/commands/lib/definitions.d.ts
-/**
- * Command mode
- */
-type CommandMode = Pick<CommandDef<never, never>, "mode">["mode"];
-/**
- * Command definition
- */
-type CommandDef<TData = object, TMeta = object> = {
-  name: string;
-  permission?: Permission;
-} & (SingleCommandDef<TData, TMeta> | BulkCommandDef<TData, TMeta>);
-/**
- * Single command definition
- */
-type SingleCommandDef<TData, TMeta> = {
-  mode: "single";
-  conditions?: (params: {
-    data: TData;
-  }) => boolean | boolean[];
-  render: (params: SingleCommandDefRenderParams<TData, TMeta>) => React.ReactNode;
-};
-type SingleCommandDefRenderParams<TData, TMeta> = {
-  data: TData;
-  meta: TMeta;
-} & (TData extends {
-  id: string;
-} ? {
-  id: string;
-} : object);
-/**
- * Bulk command definition
- */
-type BulkCommandDef<TData, TMeta> = {
-  mode: "bulk";
-  conditions?: (params: {
-    data: TData[];
-  }) => boolean | boolean[];
-  render: (params: BulkCommandDefRenderParams<TData, TMeta>) => React.ReactNode;
-};
-type BulkCommandDefRenderParams<TData, TMeta> = {
-  data: TData[];
-  meta: TMeta;
-} & (TData extends {
-  id: string;
-} ? {
-  ids: string[];
-} : object);
-//#endregion
-export { BulkCommandDef, BulkCommandDefRenderParams, CommandDef, CommandMode, SingleCommandDef, SingleCommandDefRenderParams };

package/dist/modules/commands/lib/factory.d.mts

@@ -1,24 +0,0 @@
-import { Permission } from "../../auth/lib/permissions.mjs";
-import "../../../auth.mjs";
-import { BulkCommandDefRenderParams, CommandDef, SingleCommandDefRenderParams } from "./definitions.mjs";
-
-//#region src/modules/commands/lib/factory.d.ts
-declare function createCommand<TData = object, TMeta = object>(config: CommandDef<TData, TMeta>): {
-  name: string;
-  permission?: Permission;
-  mode: "single";
-  conditions?: ((params: {
-    data: TData;
-  }) => boolean | boolean[]) | undefined;
-  render: (params: SingleCommandDefRenderParams<TData, TMeta>) => React.ReactNode;
-} | {
-  name: string;
-  permission?: Permission;
-  mode: "bulk";
-  conditions?: ((params: {
-    data: TData[];
-  }) => boolean | boolean[]) | undefined;
-  render: (params: BulkCommandDefRenderParams<TData, TMeta>) => React.ReactNode;
-};
-//#endregion
-export { createCommand };

package/dist/modules/commands/lib/factory.mjs

@@ -1,7 +0,0 @@
-//#region src/modules/commands/lib/factory.ts
-function createCommand(config) {
-	return { ...config };
-}
-
-//#endregion
-export { createCommand };

package/dist/modules/commands/menus/context-menu.client.d.mts

@@ -1,26 +0,0 @@
-import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from "../../../components/ui/context-menu.client.mjs";
-import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ComponentProps } from "react";
-
-//#region src/modules/commands/menus/context-menu.client.d.ts
-/**
- * ContextCommandMenu
- */
-declare const ContextCommandMenu: typeof ContextMenu;
-/**
- * ContextCommandMenuTrigger
- */
-declare const ContextCommandMenuTrigger: typeof ContextMenuTrigger;
-/**
- * ContextCommandMenuContent
- */
-declare function ContextCommandMenuContent<TData, TMeta>({
-  data,
-  commands,
-  meta,
-  className,
-  ...props
-}: SingleCommandMenuProps<TData, TMeta> & ComponentProps<typeof ContextMenuContent>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger };

package/dist/modules/commands/menus/context-menu.client.mjs

@@ -1,59 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../components/ui/context-menu.client.mjs";
-import { CommandContextProvider } from "../hooks/context.client.mjs";
-import { RenderCommand } from "../components/render-command.mjs";
-import { useSingleCommandMenu } from "../hooks/use-command-menu.client.mjs";
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-
-//#region src/modules/commands/menus/context-menu.client.tsx
-/**
-* ContextCommandMenu
-*/
-const ContextCommandMenu = ContextMenu;
-/**
-* ContextCommandMenuTrigger
-*/
-const ContextCommandMenuTrigger = ContextMenuTrigger;
-/**
-* ContextCommandMenuContent
-*/
-function ContextCommandMenuContent({ data, commands, meta, className, ...props }) {
-	const [hasCommands, setHasCommands] = useState(true);
-	const [validCommands, renderCommand] = useSingleCommandMenu({
-		data,
-		commands,
-		meta
-	});
-	if (!hasCommands) return /* @__PURE__ */ jsx(CommandContextProvider, {
-		value: { menu: "context" },
-		children: /* @__PURE__ */ jsx(ContextMenuContent, {
-			...props,
-			className: cn("min-w-40", className),
-			children: /* @__PURE__ */ jsx(ContextMenuItem, {
-				className: "font-medium",
-				disabled: true,
-				children: "Geen acties beschikbaar"
-			})
-		})
-	});
-	return /* @__PURE__ */ jsx(CommandContextProvider, {
-		value: { menu: "context" },
-		children: /* @__PURE__ */ jsx(ContextMenuContent, {
-			...props,
-			className: cn("min-w-40", className),
-			ref: (ref) => {
-				if (ref?.childNodes.length === 0) setHasCommands(false);
-			},
-			children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
-				command,
-				render: renderCommand
-			}, command.name))
-		})
-	});
-}
-
-//#endregion
-export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger };

package/dist/modules/commands/menus/dropdown-menu.client.d.mts

@@ -1,18 +0,0 @@
-import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React, { ComponentProps } from "react";
-
-//#region src/modules/commands/menus/dropdown-menu.client.d.ts
-declare function DropdownCommandMenu<TData, TMeta>({
-  data,
-  commands,
-  meta,
-  className,
-  ...props
-}: SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element | null;
-declare function DropdownCommandMenuLoading({
-  className,
-  ...props
-}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DropdownCommandMenu, DropdownCommandMenuLoading };

package/dist/modules/commands/menus/floating-menu.client.d.mts

@@ -1,18 +0,0 @@
-import { BulkCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/modules/commands/menus/floating-menu.client.d.ts
-type FloatingCommandMenuProps<TData, TMeta> = BulkCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement> & {
-  state: "open" | "closed";
-};
-declare function FloatingCommandMenu<TData, TMeta>({
-  data,
-  commands,
-  meta,
-  state,
-  onSuccess,
-  className,
-  ...props
-}: FloatingCommandMenuProps<TData, TMeta>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { FloatingCommandMenu };

package/dist/modules/commands/menus/floating-menu.client.mjs

@@ -1,45 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { CommandContextProvider } from "../hooks/context.client.mjs";
-import { RenderCommand } from "../components/render-command.mjs";
-import { useBulkCommandMenu } from "../hooks/use-command-menu.client.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-
-//#region src/modules/commands/menus/floating-menu.client.tsx
-function FloatingCommandMenu({ data, commands, meta, state, onSuccess, className, ...props }) {
-	const hasCommands = useRef(true);
-	const [validCommands, renderCommand] = useBulkCommandMenu({
-		data,
-		commands,
-		meta
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		"data-state": state,
-		className: cn("fixed right-0 bottom-12 left-0 z-50 mx-auto flex w-fit items-center rounded-xl border bg-muted/80 px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden", className),
-		children: /* @__PURE__ */ jsxs(CommandContextProvider, {
-			value: {
-				menu: "table",
-				onSuccess
-			},
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "flex gap-2",
-				ref: (ref) => {
-					if (ref?.childNodes.length === 0) hasCommands.current = false;
-				},
-				children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
-					command,
-					render: renderCommand
-				}, command.name))
-			}), !hasCommands.current && /* @__PURE__ */ jsx("span", {
-				className: "font-medium text-sm",
-				children: "Geen acties beschikbaar"
-			})]
-		})
-	});
-}
-
-//#endregion
-export { FloatingCommandMenu };

package/dist/modules/commands/menus/inline-menu.client.d.mts

@@ -1,19 +0,0 @@
-import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React, { ComponentProps } from "react";
-
-//#region src/modules/commands/menus/inline-menu.client.d.ts
-type InlineCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>;
-declare function InlineCommandMenu<TData, TMeta>({
-  data,
-  meta,
-  commands,
-  className,
-  ...props
-}: InlineCommandMenuProps<TData, TMeta>): react_jsx_runtime0.JSX.Element | null;
-declare function InlineCommandMenuLoading({
-  className,
-  ...props
-}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineCommandMenu, InlineCommandMenuLoading, InlineCommandMenuProps };

package/dist/modules/commands/menus/inline-menu.client.mjs

@@ -1,45 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { Skeleton } from "../../../components/ui/skeleton.mjs";
-import { CommandContextProvider } from "../hooks/context.client.mjs";
-import { RenderCommand } from "../components/render-command.mjs";
-import { useSingleCommandMenu } from "../hooks/use-command-menu.client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/modules/commands/menus/inline-menu.client.tsx
-function InlineCommandMenu({ data, meta, commands, className, ...props }) {
-	const [validCommands, renderCommand] = useSingleCommandMenu({
-		data,
-		commands,
-		meta
-	});
-	if (!validCommands.length) return null;
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("flex w-fit items-center", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex gap-2",
-			children: /* @__PURE__ */ jsx(CommandContextProvider, {
-				value: { menu: "inline" },
-				children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
-					command,
-					render: renderCommand
-				}, command.name))
-			})
-		})
-	});
-}
-function InlineCommandMenuLoading({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		className: cn("flex w-fit items-center", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex gap-2",
-			children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" }, index))
-		})
-	});
-}
-
-//#endregion
-export { InlineCommandMenu, InlineCommandMenuLoading };

package/dist/modules/commands/menus/responsive-menu.client.d.mts

@@ -1,9 +0,0 @@
-import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/modules/commands/menus/responsive-menu.client.d.ts
-type ResponsiveCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta>;
-declare function ResponsiveCommandMenu<TData, TMeta>(props: ResponsiveCommandMenuProps<TData, TMeta>): react_jsx_runtime0.JSX.Element;
-declare function ResponsiveCommandMenuLoading(): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ResponsiveCommandMenu, ResponsiveCommandMenuLoading };

package/dist/modules/data-tables/lib/converters/filter.d.mts

@@ -1,9 +0,0 @@
-//#region src/modules/data-tables/lib/converters/filter.d.ts
-/**
- * Converts a filter value to an array of strings.
- * @param { string | string[] | undefined } filterValue
- * @returns { string[] }
- */
-declare function convertFilterValue<TValue extends string>(filterValue: string | string[] | undefined): TValue[] | null;
-//#endregion
-export { convertFilterValue };

package/dist/modules/data-tables/lib/converters/filter.mjs

@@ -1,13 +0,0 @@
-//#region src/modules/data-tables/lib/converters/filter.ts
-/**
-* Converts a filter value to an array of strings.
-* @param { string | string[] | undefined } filterValue
-* @returns { string[] }
-*/
-function convertFilterValue(filterValue) {
-	if (!filterValue) return null;
-	return typeof filterValue === "string" ? [filterValue] : filterValue;
-}
-
-//#endregion
-export { convertFilterValue };

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

@@ -1,24 +0,0 @@
-import { ComboboxDropdownItem, ComboboxDropdownProps } from "../../../components/ui/combobox-dropdown.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";
-
-//#region src/modules/inline-edit/components/combobox-dropdown.client.d.ts
-type InlineEditComboboxDropdownProps<TValue extends ComboboxDropdownItem, Required extends boolean = false> = useInlineEditOptions<string, Required> & InlineEditVariantsProps & Omit<ComboboxDropdownProps<TValue>, "onSelect"> & {
-  onSelect?: ComboboxDropdownProps<TValue>["onSelect"];
-};
-declare function InlineComboboxDropdown<TValue extends ComboboxDropdownItem, Required extends boolean>({
-  selectedItem,
-  variant,
-  className,
-  onSelect,
-  initialValue,
-  action,
-  permission,
-  updateStrategy,
-  isRequired,
-  disabled,
-  ...props
-}: InlineEditComboboxDropdownProps<TValue, Required>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineComboboxDropdown, InlineEditComboboxDropdownProps };

package/dist/modules/inline-edit/components/combobox-dropdown.client.mjs

@@ -1,40 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils/cn.mjs";
-import { ComboboxDropdown } from "../../../components/ui/combobox-dropdown.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/combobox-dropdown.client.tsx
-function InlineComboboxDropdown({ selectedItem, variant, className, onSelect, initialValue, action, permission, updateStrategy, isRequired, disabled, ...props }) {
-	const { handleChange, handleBlur, isAllowed, status } = useInlineEdit({
-		initialValue,
-		action,
-		permission,
-		updateStrategy,
-		isRequired,
-		parser: {
-			decode: (value) => value,
-			encode: (value) => value
-		}
-	});
-	const initialSelectedItem = props.items.find((item) => item.id === initialValue);
-	return /* @__PURE__ */ jsx(ComboboxDropdown, {
-		...props,
-		className: cn(inlineEditVariants({
-			variant,
-			status
-		}), className),
-		disabled: disabled || !isAllowed,
-		selectedItem: selectedItem ?? initialSelectedItem,
-		onSelect: (event) => {
-			handleChange(event.id ?? null);
-			handleBlur(event.id ?? null);
-			onSelect?.(event);
-		}
-	});
-}
-
-//#endregion
-export { InlineComboboxDropdown };

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

@@ -1,19 +0,0 @@
-import { ComboboxProps } from "../../../components/ui/combobox.client.mjs";
-import { useInlineEditOptions } from "../hooks/use-inline.client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/modules/inline-edit/components/combobox.client.d.ts
-type InlineComboboxProps<TValue, Required extends boolean = false> = useInlineEditOptions<string, Required> & Omit<ComboboxProps<TValue>, "value">;
-declare function InlineCombobox<TValue, Required extends boolean>({
-  initialValue,
-  action,
-  permission,
-  onSelect,
-  onBlur,
-  disabled,
-  updateStrategy,
-  isRequired,
-  ...props
-}: InlineComboboxProps<TValue, Required>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { InlineCombobox, InlineComboboxProps };