@tulip-systems/core 0.9.0 → 0.10.0

package/src/modules/inline/components/inputs/editor.client.tsx

@@ -16,14 +16,19 @@ import { type InlineEditVariantsProps, inlineEditVariants } from "../../lib/vari
 
 type EditorInlineTrigger = "change" | "blur";
 
+type InlineEditorSchema =
+  | z.ZodType<EditorJSONContent | null, EditorJSONContent | null>
+  | z.ZodType<EditorJSONContent, EditorJSONContent>;
+
 export type InlineEditorProps<
+  TSchema extends InlineEditorSchema = z.ZodType<EditorJSONContent | null, EditorJSONContent | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
   TOnMutateResult = unknown,
 > = useInlineEditOptions<
   EditorInlineTrigger,
-  z.ZodType<EditorJSONContent | null, EditorJSONContent | null>,
+  TSchema,
   TData,
   TError,
   TVariables,
@@ -33,6 +38,7 @@ export type InlineEditorProps<
   Omit<EditorProps, "value" | "onUpdate" | "onBlur" | "variant">;
 
 export function InlineEditor<
+  TSchema extends InlineEditorSchema = z.ZodType<EditorJSONContent | null, EditorJSONContent | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -48,11 +54,11 @@ export function InlineEditor<
   strategy,
   className,
   children,
-}: InlineEditorProps<TData, TError, TVariables, TOnMutateResult>) {
+}: InlineEditorProps<TSchema, TData, TError, TVariables, TOnMutateResult>) {
   const state = useInlineState<EditorJSONContent | null>(initialValue);
   const access = useInlineAccess({ permission, disabled });
   const mutations = useInlineMutation<
-    z.ZodType<EditorJSONContent | null, EditorJSONContent | null>,
+    TSchema,
     EditorJSONContent | null,
     TData,
     TError,
@@ -67,7 +73,7 @@ export function InlineEditor<
 
   const { handleTrigger } = useInlineStrategy<
     EditorInlineTrigger,
-    z.ZodType<EditorJSONContent | null, EditorJSONContent | null>,
+    TSchema,
     EditorJSONContent | null
   >({
     strategy,
@@ -75,7 +81,7 @@ export function InlineEditor<
     mutations,
     parser: {
       decode: (content) => content,
-      encode: (content) => content,
+      encode: (content) => content as z.input<TSchema>,
     },
   });
 

package/src/modules/inline/components/inputs/input.client.tsx

@@ -16,6 +16,14 @@ import { type InlineEditVariantsProps, inlineEditVariants } from "../../lib/vari
 
 type InputInlineTrigger = "change" | "blur";
 
+type InlineStringSchema =
+  | z.ZodType<string | null, string | null>
+  | z.ZodType<string, string>;
+
+type InlineNumberSchema =
+  | z.ZodType<number | null, number | null>
+  | z.ZodType<number, number>;
+
 type InlineEditInputProps<
   TSchema extends z.ZodType,
   TData = unknown,
@@ -30,7 +38,7 @@ type InlineEditInputProps<
  * The inline edit string input component.
  */
 export function InlineStringInput<
-  TSchema extends z.ZodType<string | null, string | null>,
+  TSchema extends InlineStringSchema = z.ZodType<string | null, string | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -98,6 +106,7 @@ const parseValueAsNumber = (valueAsNumber: number): number | null =>
   !Number.isNaN(Number(valueAsNumber)) ? valueAsNumber : null;
 
 export function InlineNumberInput<
+  TSchema extends InlineNumberSchema = z.ZodType<number | null, number | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -113,7 +122,7 @@ export function InlineNumberInput<
   disabled,
   ...props
 }: InlineEditInputProps<
-  z.ZodNumber | z.ZodNullable<z.ZodNumber>,
+  TSchema,
   TData,
   TError,
   TVariables,
@@ -122,7 +131,7 @@ export function InlineNumberInput<
   const state = useInlineState<number | null>(initialValue);
   const access = useInlineAccess({ permission, disabled });
   const mutations = useInlineMutation<
-    z.ZodNumber | z.ZodNullable<z.ZodNumber>,
+    TSchema,
     number | null,
     TData,
     TError,
@@ -137,7 +146,7 @@ export function InlineNumberInput<
 
   const { handleTrigger } = useInlineStrategy<
     InputInlineTrigger,
-    z.ZodNumber | z.ZodNullable<z.ZodNumber>,
+    TSchema,
     number | null
   >({
     strategy,
@@ -145,7 +154,7 @@ export function InlineNumberInput<
     mutations,
     parser: {
       decode: (value) => value,
-      encode: (value) => value,
+      encode: (value) => value as z.input<TSchema>,
     },
   });
 
@@ -172,6 +181,9 @@ export function InlineNumberInput<
  * The inline edit decimal input component.
  */
 export function InlineDecimalInput<
+  TSchema extends
+    | z.ZodType<string | null, string | null>
+    | z.ZodType<string, string> = z.ZodType<string | null, string | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -187,7 +199,7 @@ export function InlineDecimalInput<
   disabled,
   ...props
 }: InlineEditInputProps<
-  z.ZodString | z.ZodNullable<z.ZodString>,
+  TSchema,
   TData,
   TError,
   TVariables,
@@ -196,7 +208,7 @@ export function InlineDecimalInput<
   const state = useInlineState<string | null>(initialValue);
   const access = useInlineAccess({ permission, disabled });
   const mutations = useInlineMutation<
-    z.ZodString | z.ZodNullable<z.ZodString>,
+    TSchema,
     string | null,
     TData,
     TError,
@@ -211,7 +223,7 @@ export function InlineDecimalInput<
 
   const { handleTrigger } = useInlineStrategy<
     InputInlineTrigger,
-    z.ZodString | z.ZodNullable<z.ZodString>,
+    TSchema,
     string | null
   >({
     strategy,
@@ -219,7 +231,7 @@ export function InlineDecimalInput<
     mutations,
     parser: {
       decode: (value) => value,
-      encode: (value) => value,
+      encode: (value) => value as z.input<TSchema>,
     },
   });
 

package/src/modules/inline/components/inputs/select.client.tsx

@@ -23,7 +23,12 @@ import { type InlineEditVariantsProps, inlineEditVariants } from "../../lib/vari
 
 type SelectInlineTrigger = "commit";
 
+type InlineStringSchema =
+  | z.ZodType<string | null, string | null>
+  | z.ZodType<string, string>;
+
 type InlineSelectProps<
+  TSchema extends InlineStringSchema = z.ZodType<string | null, string | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -31,7 +36,7 @@ type InlineSelectProps<
 > = Omit<ComponentProps<typeof Select>, "value" | "defaultValue"> &
   useInlineEditOptions<
     SelectInlineTrigger,
-    z.ZodString | z.ZodNullable<z.ZodString>,
+    TSchema,
     TData,
     TError,
     TVariables,
@@ -39,6 +44,7 @@ type InlineSelectProps<
   >;
 
 export function InlineSelect<
+  TSchema extends InlineStringSchema = z.ZodType<string | null, string | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -52,11 +58,11 @@ export function InlineSelect<
   disabled,
   onValueChange,
   ...props
-}: InlineSelectProps<TData, TError, TVariables, TOnMutateResult>) {
+}: InlineSelectProps<TSchema, TData, TError, TVariables, TOnMutateResult>) {
   const state = useInlineState<string | null>(initialValue);
   const access = useInlineAccess({ permission, disabled });
   const mutations = useInlineMutation<
-    z.ZodString | z.ZodNullable<z.ZodString>,
+    TSchema,
     string | null,
     TData,
     TError,
@@ -71,7 +77,7 @@ export function InlineSelect<
 
   const { handleTrigger } = useInlineStrategy<
     SelectInlineTrigger,
-    z.ZodString | z.ZodNullable<z.ZodString>,
+    TSchema,
     string | null
   >({
     strategy,
@@ -79,7 +85,7 @@ export function InlineSelect<
     mutations,
     parser: {
       decode: (value) => value,
-      encode: (value) => value,
+      encode: (value) => value as z.input<TSchema>,
     },
   });
 

package/src/modules/inline/components/inputs/switch.client.tsx

@@ -14,7 +14,12 @@ import {
 
 type SwitchInlineTrigger = "commit";
 
+type InlineBooleanSchema =
+  | z.ZodType<boolean | null, boolean | null>
+  | z.ZodType<boolean, boolean>;
+
 type InlineSwitchProps<
+  TSchema extends InlineBooleanSchema = z.ZodType<boolean | null, boolean | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -22,7 +27,7 @@ type InlineSwitchProps<
 > = ComponentProps<typeof Switch> &
   useInlineEditOptions<
     SwitchInlineTrigger,
-    z.ZodBoolean | z.ZodNullable<z.ZodBoolean>,
+    TSchema,
     TData,
     TError,
     TVariables,
@@ -30,6 +35,7 @@ type InlineSwitchProps<
   >;
 
 export function InlineSwitch<
+  TSchema extends InlineBooleanSchema = z.ZodType<boolean | null, boolean | null>,
   TData = unknown,
   TError = DefaultError,
   TVariables = unknown,
@@ -42,11 +48,11 @@ export function InlineSwitch<
   strategy,
   disabled,
   ...props
-}: InlineSwitchProps<TData, TError, TVariables, TOnMutateResult>) {
+}: InlineSwitchProps<TSchema, TData, TError, TVariables, TOnMutateResult>) {
   const state = useInlineState<boolean | null>(initialValue);
   const access = useInlineAccess({ permission, disabled });
   const mutations = useInlineMutation<
-    z.ZodBoolean | z.ZodNullable<z.ZodBoolean>,
+    TSchema,
     boolean | null,
     TData,
     TError,
@@ -61,7 +67,7 @@ export function InlineSwitch<
 
   const { handleTrigger } = useInlineStrategy<
     SwitchInlineTrigger,
-    z.ZodBoolean | z.ZodNullable<z.ZodBoolean>,
+    TSchema,
     boolean | null
   >({
     strategy,
@@ -69,7 +75,7 @@ export function InlineSwitch<
     mutations,
     parser: {
       decode: (value) => value,
-      encode: (value) => value,
+      encode: (value) => value as z.input<TSchema>,
     },
   });
 

package/src/modules/router/entry.ts

@@ -1,4 +1,5 @@
 /**
  * Lib
  */
+export * from "./lib/query-client";
 export * from "./lib/validators";

package/src/modules/router/lib/query-client.ts

@@ -1,4 +1,4 @@
-import { isServer, MutationCache, QueryClient } from "@tanstack/react-query";
+import { environmentManager, MutationCache, QueryClient } from "@tanstack/react-query";
 import { serializer } from "./helpers";
 
 /**
@@ -47,7 +47,7 @@ export function createQueryClient() {
 let browserQueryClient: QueryClient;
 
 export function getQueryClient() {
-  if (isServer) {
+  if (environmentManager.isServer()) {
     // Server: always make a new query client
     return createQueryClient();
   }

package/src/styles.css

@@ -190,3 +190,94 @@
     @apply bg-background text-foreground;
   }
 }
+
+/* ejected from shadcn */
+@theme inline {
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+/* Custom variants */
+@custom-variant data-open {
+  &:where([data-state="open"]),
+  &:where([data-open]:not([data-open="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-closed {
+  &:where([data-state="closed"]),
+  &:where([data-closed]:not([data-closed="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-checked {
+  &:where([data-state="checked"]),
+  &:where([data-checked]:not([data-checked="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-unchecked {
+  &:where([data-state="unchecked"]),
+  &:where([data-unchecked]:not([data-unchecked="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-selected {
+  &:where([data-selected="true"]) {
+    @slot;
+  }
+}
+
+@custom-variant data-disabled {
+  &:where([data-disabled="true"]),
+  &:where([data-disabled]:not([data-disabled="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-active {
+  &:where([data-state="active"]),
+  &:where([data-active]:not([data-active="false"])) {
+    @slot;
+  }
+}
+
+@custom-variant data-horizontal {
+  &:where([data-orientation="horizontal"]) {
+    @slot;
+  }
+}
+
+@custom-variant data-vertical {
+  &:where([data-orientation="vertical"]) {
+    @slot;
+  }
+}
+
+@utility no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}