@tulip-systems/core 0.8.3 → 0.9.0

package/dist/modules/inline/components/inputs/input-recipient.client.mjs

@@ -0,0 +1,48 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../../lib/variants.mjs";
+import { RecipientInput } from "../../../../components/ui/input-recipient.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/input-recipient.client.tsx
+function InlineRecipientInput({ initialValue, variables, mutation, variant, disabled, contacts, permission, strategy, className, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (recipientValue) => recipientValue,
+			encode: (recipientValue) => recipientValue
+		}
+	});
+	return /* @__PURE__ */ jsx(RecipientInput, {
+		...props,
+		"data-inline-input": "recipient",
+		contacts,
+		value: state.value ?? [],
+		onChange: (newValue) => {
+			handleTrigger("commit", newValue);
+		},
+		disabled: access.isDisabled,
+		className: cn(inlineEditVariants({
+			variant,
+			status: state.status
+		}), className)
+	});
+}
+
+//#endregion
+export { InlineRecipientInput };

package/dist/modules/inline/components/inputs/input.client.d.mts

@@ -0,0 +1,52 @@
+import { Input } from "../../../../components/ui/input.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";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/input.client.d.ts
+type InputInlineTrigger = "change" | "blur";
+type InlineEditInputProps<TSchema extends z$1.ZodType, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof Input>, "type"> & useInlineEditOptions<InputInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult> & InlineEditVariantsProps;
+/**
+ * The inline edit string input component.
+ */
+declare function InlineStringInput<TSchema extends z$1.ZodType<string | null, string | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  variant,
+  className,
+  permission,
+  strategy,
+  disabled,
+  ...props
+}: InlineEditInputProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+declare function InlineNumberInput<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  variant,
+  className,
+  permission,
+  strategy,
+  disabled,
+  ...props
+}: InlineEditInputProps<z$1.ZodNumber | z$1.ZodNullable<z$1.ZodNumber>, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+/**
+ * The inline edit decimal input component.
+ */
+declare function InlineDecimalInput<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  variant,
+  className,
+  permission,
+  strategy,
+  disabled,
+  ...props
+}: InlineEditInputProps<z$1.ZodString | z$1.ZodNullable<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineDecimalInput, InlineNumberInput, InlineStringInput };

package/dist/modules/inline/components/inputs/input.client.mjs

@@ -0,0 +1,129 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Input } from "../../../../components/ui/input.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/input.client.tsx
+/**
+* The inline edit string input component.
+*/
+function InlineStringInput({ initialValue, variables, mutation, variant, className, permission, strategy, disabled, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		"data-inline-input": "string",
+		type: "text",
+		value: state.value ?? "",
+		disabled: access.isDisabled,
+		"aria-invalid": state.isInvalid,
+		onChange: (e) => handleTrigger("change", e.target.value ? e.target.value : null),
+		onBlur: (e) => handleTrigger("blur", e.target.value ? e.target.value : null),
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
+			variant,
+			status: state.status
+		}), className)
+	});
+}
+/**
+* The inline edit number input component.
+*/
+const parseValueAsNumber = (valueAsNumber) => !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;
+function InlineNumberInput({ initialValue, variables, mutation, variant, className, permission, strategy, disabled, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		"data-inline-input": "number",
+		type: "number",
+		value: state.value ?? "",
+		disabled: access.isDisabled,
+		"aria-invalid": state.isInvalid,
+		onChange: (e) => handleTrigger("change", parseValueAsNumber(e.target.valueAsNumber)),
+		onBlur: (e) => handleTrigger("blur", parseValueAsNumber(e.target.valueAsNumber)),
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
+			variant,
+			status: state.status
+		}), className)
+	});
+}
+/**
+* The inline edit decimal input component.
+*/
+function InlineDecimalInput({ initialValue, variables, mutation, variant, className, permission, strategy, disabled, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		"data-inline-input": "decimal",
+		type: "text",
+		inputMode: "decimal",
+		value: state.value ?? "",
+		disabled: access.isDisabled,
+		"aria-invalid": state.isInvalid,
+		onChange: (e) => handleTrigger("change", e.target.value ? e.target.value : null),
+		onBlur: (e) => handleTrigger("blur", e.target.value ? e.target.value : null),
+		className: cn("w-full border-border/70 hover:border-border", inlineEditVariants({
+			variant,
+			status: state.status
+		}), className)
+	});
+}
+
+//#endregion
+export { InlineDecimalInput, InlineNumberInput, InlineStringInput };

package/dist/modules/inline/components/inputs/select.client.d.mts

@@ -0,0 +1,31 @@
+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";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/select.client.d.ts
+type SelectInlineTrigger = "commit";
+type InlineSelectProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof Select>, "value" | "defaultValue"> & useInlineEditOptions<SelectInlineTrigger, z$1.ZodString | z$1.ZodNullable<z$1.ZodString>, TData, TError, TVariables, TOnMutateResult>;
+declare function InlineSelect<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  permission,
+  strategy,
+  disabled,
+  onValueChange,
+  ...props
+}: InlineSelectProps<TData, TError, TVariables, TOnMutateResult>): 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/components/inputs/select.client.mjs

@@ -0,0 +1,64 @@
+"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 { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { inlineEditVariants } from "../../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/select.client.tsx
+function InlineSelect({ initialValue, variables, mutation, permission, strategy, disabled, onValueChange, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Select, {
+		...props,
+		disabled: access.isDisabled,
+		value: state.value ?? void 0,
+		onValueChange: (nextValue) => {
+			handleTrigger("commit", nextValue ? nextValue : null);
+			onValueChange?.(nextValue);
+		}
+	});
+}
+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/components/inputs/switch.client.d.mts

@@ -0,0 +1,21 @@
+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";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/switch.client.d.ts
+type SwitchInlineTrigger = "commit";
+type InlineSwitchProps<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = ComponentProps<typeof Switch> & useInlineEditOptions<SwitchInlineTrigger, z$1.ZodBoolean | z$1.ZodNullable<z$1.ZodBoolean>, TData, TError, TVariables, TOnMutateResult>;
+declare function InlineSwitch<TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  permission,
+  strategy,
+  disabled,
+  ...props
+}: InlineSwitchProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineSwitch };

package/dist/modules/inline/components/inputs/switch.client.mjs

@@ -0,0 +1,42 @@
+"use client";
+
+import { Switch } from "../../../../components/ui/switch.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/switch.client.tsx
+function InlineSwitch({ initialValue, variables, mutation, permission, strategy, disabled, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Switch, {
+		...props,
+		"data-inline-input": "switch",
+		"aria-invalid": state.isInvalid,
+		disabled: access.isDisabled,
+		checked: Boolean(state.value),
+		onCheckedChange: (checked) => {
+			handleTrigger("commit", checked ?? null);
+		}
+	});
+}
+
+//#endregion
+export { InlineSwitch };

package/dist/modules/inline/components/inputs/toggle.client.d.mts

@@ -0,0 +1,24 @@
+import { Toggle } from "../../../../components/ui/toggle.client.mjs";
+import { useInlineEditOptions } from "../../hooks/use-inline.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { z as z$1 } from "zod";
+import { DefaultError } from "@tanstack/react-query";
+
+//#region src/modules/inline/components/inputs/toggle.client.d.ts
+type ToggleInlineTrigger = "commit";
+type InlineToggleProps<TSchema extends z$1.ZodType<boolean | null, boolean | null> = z$1.ZodType<boolean | null, boolean | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown> = Omit<ComponentProps<typeof Toggle>, "pressed" | "defaultPressed"> & useInlineEditOptions<ToggleInlineTrigger, TSchema, TData, TError, TVariables, TOnMutateResult>;
+declare function InlineToggle<TSchema extends z$1.ZodType<boolean | null, boolean | null> = z$1.ZodType<boolean | null, boolean | null>, TData = unknown, TError = DefaultError, TVariables = unknown, TOnMutateResult = unknown>({
+  initialValue,
+  variables,
+  mutation,
+  children,
+  permission,
+  disabled,
+  strategy,
+  className,
+  onPressedChange,
+  ...props
+}: InlineToggleProps<TSchema, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineToggle, InlineToggleProps };

package/dist/modules/inline/components/inputs/toggle.client.mjs

@@ -0,0 +1,47 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Toggle } from "../../../../components/ui/toggle.client.mjs";
+import { useInlineState } from "../../hooks/inline-state.client.mjs";
+import { useInlineAccess, useInlineMutation, useInlineStrategy } from "../../hooks/use-inline.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/inline/components/inputs/toggle.client.tsx
+function InlineToggle({ initialValue, variables, mutation, children, permission, disabled, strategy, className, onPressedChange, ...props }) {
+	const state = useInlineState(initialValue);
+	const access = useInlineAccess({
+		permission,
+		disabled
+	});
+	const { handleTrigger } = useInlineStrategy({
+		strategy,
+		state,
+		mutations: useInlineMutation({
+			variables,
+			mutation,
+			access,
+			state
+		}),
+		parser: {
+			decode: (value) => value,
+			encode: (value) => value
+		}
+	});
+	return /* @__PURE__ */ jsx(Toggle, {
+		...props,
+		"data-inline-input": "toggle",
+		className: cn("flex flex-wrap items-center justify-start gap-1", className),
+		"aria-invalid": state.isInvalid,
+		disabled: access.isDisabled,
+		variant: "outline",
+		pressed: Boolean(state.value),
+		onPressedChange: (nextValue) => {
+			handleTrigger("commit", nextValue);
+			onPressedChange?.(nextValue);
+		},
+		children
+	});
+}
+
+//#endregion
+export { InlineToggle };

package/dist/modules/inline/hooks/inline-provider.d.mts

@@ -0,0 +1,28 @@
+import { Permission } from "../../auth/lib/permissions.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/inline/hooks/inline-provider.d.ts
+/**
+ * Shared inline config for a subtree.
+ */
+type InlineProviderContextParams = {
+  permission?: Permission;
+  disabled?: boolean;
+};
+declare const InlineProviderContext: React.Context<InlineProviderContextParams>;
+/**
+ * Inline Provider
+ */
+declare function useInlineProviderContext(): InlineProviderContextParams;
+/**
+ * Shared inline config provider.
+ */
+declare function InlineProvider({
+  children,
+  ...value
+}: InlineProviderContextParams & {
+  children: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineProvider, InlineProviderContext, InlineProviderContextParams, useInlineProviderContext };

package/dist/modules/inline/hooks/inline-provider.mjs

@@ -0,0 +1,25 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+
+//#region src/modules/inline/hooks/inline-provider.tsx
+const InlineProviderContext = createContext({});
+/**
+* Inline Provider
+*/
+function useInlineProviderContext() {
+	return useContext(InlineProviderContext);
+}
+/**
+* Shared inline config provider.
+*/
+function InlineProvider({ children, ...value }) {
+	return /* @__PURE__ */ jsx(InlineProviderContext.Provider, {
+		value,
+		children
+	});
+}
+
+//#endregion
+export { InlineProvider, InlineProviderContext, useInlineProviderContext };

package/dist/modules/inline/hooks/inline-state.client.d.mts

@@ -0,0 +1,30 @@
+import { IndicatorStatus } from "../../../lib/hooks/use-indicator.mjs";
+import * as react from "react";
+import { Dispatch, SetStateAction } from "react";
+
+//#region src/modules/inline/hooks/inline-state.client.d.ts
+/**
+ * Shared inline runtime state (status + validation error)
+ */
+type InlineStateContextType = {
+  status: IndicatorStatus;
+  setStatus: Dispatch<SetStateAction<IndicatorStatus>>;
+  error: string | undefined;
+  setError: Dispatch<SetStateAction<string | undefined>>;
+};
+declare const InlineStateContext: react.Context<InlineStateContextType | undefined>;
+/**
+ * Inline State Hook
+ */
+declare function useInlineState<TValue = never>(initialValue?: TValue): {
+  initialValue: TValue | undefined;
+  value: TValue | undefined;
+  setValue: Dispatch<SetStateAction<TValue | undefined>>;
+  isInvalid: boolean;
+  status: IndicatorStatus;
+  setStatus: Dispatch<SetStateAction<IndicatorStatus>>;
+  error: string | undefined;
+  setError: Dispatch<SetStateAction<string | undefined>>;
+};
+//#endregion
+export { InlineStateContext, InlineStateContextType, useInlineState };

package/dist/modules/inline/hooks/inline-state.client.mjs

@@ -0,0 +1,25 @@
+"use client";
+
+import { createContext, use, useState } from "react";
+
+//#region src/modules/inline/hooks/inline-state.client.tsx
+const InlineStateContext = createContext(void 0);
+/**
+* Inline State Hook
+*/
+function useInlineState(initialValue) {
+	const context = use(InlineStateContext);
+	if (!context) throw new Error("useInlineState must be used within an InlineStateContext.Provider");
+	const [value, setValue] = useState(initialValue);
+	const isInvalid = context.status === "error" || Boolean(context.error);
+	return {
+		...context,
+		initialValue,
+		value,
+		setValue,
+		isInvalid
+	};
+}
+
+//#endregion
+export { InlineStateContext, useInlineState };