@tulip-systems/core 0.7.0 → 0.8.0

package/dist/modules/auth/handler/{init.mjs → service.server.mjs}

@@ -4,18 +4,22 @@ import ForgetPasswordEmail from "../../../components/emails/forget-password-emai
 import { eq } from "drizzle-orm";
 import { passkey } from "@better-auth/passkey";
 import { drizzleAdapter } from "better-auth/adapters/drizzle";
+import { createAuthMiddleware } from "better-auth/api";
 import { betterAuth } from "better-auth/minimal";
-import { nextCookies } from "better-auth/next-js";
-import { admin, createAuthMiddleware, emailOTP } from "better-auth/plugins";
+import { admin, emailOTP } from "better-auth/plugins";
 
-//#region src/modules/auth/handler/init.ts
+//#region src/modules/auth/handler/service.server.ts
 const authCookiePrefix = "tulip";
-function initAuth(props) {
+/**
+* Create the Better Auth server instance.
+*/
+function createAuth(props) {
 	return betterAuth({
 		advanced: {
 			cookiePrefix: authCookiePrefix,
 			database: { generateId: () => false }
 		},
+		baseURL: { allowedHosts: props.allowedHosts },
 		database: drizzleAdapter(props.db, {
 			provider: "pg",
 			usePlural: true
@@ -43,12 +47,12 @@ function initAuth(props) {
 			if ((await props.db.select().from(users)).length === 1) await props.db.update(users).set({ role: "developer" }).where(eq(users.id, session.user.id));
 		}) },
 		plugins: [
-			nextCookies(),
 			passkey(),
 			admin({
 				roles: props.roles,
 				ac: props.ac,
-				adminRoles: ["admin", "developer"]
+				adminRoles: ["admin", "developer"],
+				defaultRole: props.defaultRole ?? "user"
 			}),
 			emailOTP({ sendVerificationOTP: async ({ email, otp, type }) => {
 				/**
@@ -71,7 +75,14 @@ function initAuth(props) {
 		]
 	});
 }
+/**
+* Auth service namespace.
+*
+* @example
+* const auth = Auth.init({ db, email, config, ac, roles, allowedHosts });
+*/
+const Auth = { init: createAuth };
 
 //#endregion
-export { authCookiePrefix, initAuth };
-//# sourceMappingURL=init.mjs.map
+export { Auth, authCookiePrefix };
+//# sourceMappingURL=service.server.mjs.map

package/dist/modules/auth/handler/service.server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"service.server.mjs","names":[],"sources":["../../../../src/modules/auth/handler/service.server.ts"],"sourcesContent":["import { passkey } from \"@better-auth/passkey\";\nimport { drizzleAdapter } from \"better-auth/adapters/drizzle\";\nimport { createAuthMiddleware } from \"better-auth/api\";\nimport { betterAuth } from \"better-auth/minimal\";\nimport { admin, emailOTP } from \"better-auth/plugins\";\nimport { eq } from \"drizzle-orm\";\nimport ForgetPasswordEmail from \"@/components/emails/forget-password-email\";\nimport { url } from \"@/lib/utils/url\";\nimport type { TDatabaseSchema } from \"@/modules/config/entry\";\nimport type { TulipConfig } from \"@/modules/config/lib/config\";\nimport type { Database } from \"@/modules/database/lib/service.server\";\nimport type { Email } from \"@/modules/emails/lib/service.server\";\nimport { users } from \"../entry\";\nimport type { createAccessControl, Role } from \"../lib/permissions\";\n\nexport const authCookiePrefix = \"tulip\";\n\ntype InitAuthProps<TSchema extends TDatabaseSchema> = {\n  db: Database<TSchema>;\n  email: Email;\n  config: TulipConfig;\n  ac: ReturnType<typeof createAccessControl>;\n  roles: {\n    [key in string]?: Role;\n  };\n  allowedHosts: string[];\n  defaultRole?: string;\n};\n\n/**\n * Create the Better Auth server instance.\n */\nfunction createAuth<TSchema extends TDatabaseSchema>(props: InitAuthProps<TSchema>) {\n  return betterAuth({\n    advanced: {\n      cookiePrefix: authCookiePrefix,\n      database: {\n        generateId: () => false,\n      },\n    },\n    baseURL: {\n      allowedHosts: props.allowedHosts,\n    },\n    database: drizzleAdapter(props.db, {\n      provider: \"pg\",\n      usePlural: true,\n    }),\n    emailAndPassword: {\n      enabled: true,\n    },\n    user: {\n      changeEmail: {\n        enabled: true,\n      },\n      additionalFields: {\n        firstName: {\n          type: \"string\",\n          required: true,\n          input: true,\n        },\n        lastName: {\n          type: \"string\",\n          required: true,\n          input: true,\n        },\n      },\n    },\n    hooks: {\n      after: createAuthMiddleware(async (ctx) => {\n        if (!ctx.path.startsWith(\"/sign-up\")) return;\n\n        const session = ctx.context.newSession;\n        if (!session) return;\n\n        const existingUsers = await props.db.select().from(users);\n\n        if (existingUsers.length === 1) {\n          await props.db\n            .update(users)\n            .set({ role: \"developer\" })\n            .where(eq(users.id, session.user.id));\n        }\n      }),\n    },\n    plugins: [\n      passkey(),\n      admin({\n        roles: props.roles,\n        ac: props.ac,\n        adminRoles: [\"admin\", \"developer\"],\n        defaultRole: props.defaultRole ?? \"user\",\n      }),\n      emailOTP({\n        sendVerificationOTP: async ({ email, otp, type }) => {\n          /**\n           * Send a forget password mail\n           */\n          if (type === \"forget-password\") {\n            const searchParams = new URLSearchParams();\n            searchParams.set(\"email\", email);\n            searchParams.set(\"otp\", otp);\n\n            const resetPasswordHref = url(`/auth/reset-password?${searchParams.toString()}`);\n\n            const result = await props.email.emails.send({\n              from: props.config.email.defaultFrom,\n              to: email,\n              subject: \"Wachtwoord herstellen\",\n              react: ForgetPasswordEmail({ resetPasswordHref }),\n            });\n            if (result.error) throw new Error(result.error.message);\n          }\n        },\n      }),\n    ],\n  });\n}\n\n/**\n * Better Auth instance type returned by `Auth.init()`.\n */\nexport type Auth = ReturnType<typeof createAuth>;\n\n/**\n * Auth service namespace.\n *\n * @example\n * const auth = Auth.init({ db, email, config, ac, roles, allowedHosts });\n */\nexport const Auth = {\n  init: createAuth,\n};\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,mBAAmB;;;;AAiBhC,SAAS,WAA4C,OAA+B;AAClF,QAAO,WAAW;EAChB,UAAU;GACR,cAAc;GACd,UAAU,EACR,kBAAkB,OACnB;GACF;EACD,SAAS,EACP,cAAc,MAAM,cACrB;EACD,UAAU,eAAe,MAAM,IAAI;GACjC,UAAU;GACV,WAAW;GACZ,CAAC;EACF,kBAAkB,EAChB,SAAS,MACV;EACD,MAAM;GACJ,aAAa,EACX,SAAS,MACV;GACD,kBAAkB;IAChB,WAAW;KACT,MAAM;KACN,UAAU;KACV,OAAO;KACR;IACD,UAAU;KACR,MAAM;KACN,UAAU;KACV,OAAO;KACR;IACF;GACF;EACD,OAAO,EACL,OAAO,qBAAqB,OAAO,QAAQ;AACzC,OAAI,CAAC,IAAI,KAAK,WAAW,WAAW,CAAE;GAEtC,MAAM,UAAU,IAAI,QAAQ;AAC5B,OAAI,CAAC,QAAS;AAId,QAFsB,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,MAAM,EAEvC,WAAW,EAC3B,OAAM,MAAM,GACT,OAAO,MAAM,CACb,IAAI,EAAE,MAAM,aAAa,CAAC,CAC1B,MAAM,GAAG,MAAM,IAAI,QAAQ,KAAK,GAAG,CAAC;IAEzC,EACH;EACD,SAAS;GACP,SAAS;GACT,MAAM;IACJ,OAAO,MAAM;IACb,IAAI,MAAM;IACV,YAAY,CAAC,SAAS,YAAY;IAClC,aAAa,MAAM,eAAe;IACnC,CAAC;GACF,SAAS,EACP,qBAAqB,OAAO,EAAE,OAAO,KAAK,WAAW;;;;AAInD,QAAI,SAAS,mBAAmB;KAC9B,MAAM,eAAe,IAAI,iBAAiB;AAC1C,kBAAa,IAAI,SAAS,MAAM;AAChC,kBAAa,IAAI,OAAO,IAAI;KAE5B,MAAM,oBAAoB,IAAI,wBAAwB,aAAa,UAAU,GAAG;KAEhF,MAAM,SAAS,MAAM,MAAM,MAAM,OAAO,KAAK;MAC3C,MAAM,MAAM,OAAO,MAAM;MACzB,IAAI;MACJ,SAAS;MACT,OAAO,oBAAoB,EAAE,mBAAmB,CAAC;MAClD,CAAC;AACF,SAAI,OAAO,MAAO,OAAM,IAAI,MAAM,OAAO,MAAM,QAAQ;;MAG5D,CAAC;GACH;EACF,CAAC;;;;;;;;AAcJ,MAAa,OAAO,EAClB,MAAM,YACP"}

package/dist/modules/auth/hooks/use-session.d.mts

@@ -1,10 +1,11 @@
 import { ClientAuth } from "../handler/create-client.client.mjs";
 import "../../../auth/client.mjs";
 import * as _tanstack_react_query0 from "@tanstack/react-query";
+import * as better_auth0 from "better-auth";
 
 //#region src/modules/auth/hooks/use-session.d.ts
 declare function useSession(authClient: ClientAuth<never, never>): _tanstack_react_query0.UseSuspenseQueryResult<{
-  user: {
+  user: better_auth0.StripEmptyObjects<{
     id: string;
     createdAt: Date;
     updatedAt: Date;
@@ -12,14 +13,17 @@ declare function useSession(authClient: ClientAuth<never, never>): _tanstack_rea
     emailVerified: boolean;
     name: string;
     image?: string | null | undefined;
+  } & {
     firstName: string;
     lastName: string;
+  } & {} & {
     banned: boolean | null | undefined;
+  } & {
     role?: string | null | undefined;
     banReason?: string | null | undefined;
     banExpires?: Date | null | undefined;
-  };
-  session: {
+  }>;
+  session: better_auth0.StripEmptyObjects<{
     id: string;
     createdAt: Date;
     updatedAt: Date;
@@ -28,8 +32,9 @@ declare function useSession(authClient: ClientAuth<never, never>): _tanstack_rea
     token: string;
     ipAddress?: string | null | undefined;
     userAgent?: string | null | undefined;
+  } & {} & {
     impersonatedBy?: string | null | undefined;
-  };
+  } & {} & {}>;
 } | null, Error>;
 //#endregion
 export { useSession };

package/dist/modules/auth/hooks/use-session.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-session.d.mts","names":[],"sources":["../../../../src/modules/auth/hooks/use-session.ts"],"mappings":";;;;;iBAKgB,UAAA,CAAW,UAAA,EAAY,UAAA,wCAAwB,sBAAA"}
+{"version":3,"file":"use-session.d.mts","names":[],"sources":["../../../../src/modules/auth/hooks/use-session.ts"],"mappings":";;;;;;iBAKgB,UAAA,CAAW,UAAA,EAAY,UAAA,wCAAwB,sBAAA"}

package/dist/modules/auth/lib/helpers.server.d.mts

@@ -1,9 +1,9 @@
 import { CreateUserSchema, UpdateUserSchema } from "./validators.mjs";
-import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
 import "server-cli-only";
 import * as better_auth_plugins0 from "better-auth/plugins";
+import { TDatabaseSchema } from "@/modules/config/db/types";
 
 //#region src/modules/auth/lib/helpers.server.d.ts
 /**

package/dist/modules/auth/lib/permissions.d.mts

@@ -7,7 +7,7 @@ type Permission = Record<string, string[]>;
  * Create statements
  */
 declare const createStatements: <TStatements extends Parameters<typeof createAccessControl>[0]>(statements: TStatements) => TStatements & {
-  readonly user: readonly ["create", "list", "set-role", "ban", "impersonate", "delete", "set-password", "get", "update"];
+  readonly user: readonly ["create", "list", "set-role", "ban", "impersonate", "impersonate-admins", "delete", "set-password", "get", "update"];
   readonly session: readonly ["list", "revoke", "delete"];
 };
 /**

package/dist/modules/auth/lib/validators.mjs

@@ -1,7 +1,7 @@
 import { users } from "../db/schema.mjs";
-import { userSchema } from "better-auth/db";
 import { createInsertSchema } from "drizzle-zod";
 import { z as z$1 } from "zod";
+import { userSchema } from "better-auth/db";
 
 //#region src/modules/auth/lib/validators.ts
 /**

package/dist/modules/config/lib/context.d.mts

@@ -1,17 +1,16 @@
-import { TDatabaseSchema } from "../db/types.mjs";
-import { DatabaseClient } from "../db/init.mjs";
-import { EmailClient } from "../providers/email.mjs";
-import { StorageClient } from "../../storage/lib/create-client.server.mjs";
-import { AuthClient } from "../../auth/handler/init.mjs";
-import "../../../config.mjs";
+import { TDatabaseSchema } from "../../database/lib/types.mjs";
+import { Database } from "../../database/lib/service.server.mjs";
+import { Email } from "../../emails/lib/service.server.mjs";
+import { Auth } from "../../auth/handler/service.server.mjs";
+import { Storage } from "../../storage/lib/service.server.mjs";
 
 //#region src/modules/config/lib/context.d.ts
 type TulipContext<TSchema extends TDatabaseSchema> = {
-  db: DatabaseClient<TSchema>;
+  db: Database<TSchema>;
   schema: TSchema;
-  auth: AuthClient;
-  email: EmailClient;
-  storage: StorageClient<TSchema>;
+  auth: Auth;
+  email: Email;
+  storage: Storage<TSchema>;
 };
 declare function createContext<TSchema extends TDatabaseSchema>(props: TulipContext<TSchema>): TulipContext<TSchema>;
 //#endregion

package/dist/modules/config/lib/context.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.mts","names":[],"sources":["../../../../src/modules/config/lib/context.ts"],"mappings":";;;;;;;;KAMY,YAAA,iBAA6B,eAAA;EACvC,EAAA,EAAI,cAAA,CAAe,OAAA;EACnB,MAAA,EAAQ,OAAA;EACR,IAAA,EAAM,UAAA;EACN,KAAA,EAAO,WAAA;EACP,OAAA,EAAS,aAAA,CAAc,OAAA;AAAA;AAAA,iBAGT,aAAA,iBAA8B,eAAA,CAAA,CAAiB,KAAA,EAAO,YAAA,CAAa,OAAA,IAAQ,YAAA,CAAA,OAAA"}
+{"version":3,"file":"context.d.mts","names":[],"sources":["../../../../src/modules/config/lib/context.ts"],"mappings":";;;;;;;KAMY,YAAA,iBAA6B,eAAA;EACvC,EAAA,EAAI,QAAA,CAAS,OAAA;EACb,MAAA,EAAQ,OAAA;EACR,IAAA,EAAM,IAAA;EACN,KAAA,EAAO,KAAA;EACP,OAAA,EAAS,OAAA,CAAQ,OAAA;AAAA;AAAA,iBAGH,aAAA,iBAA8B,eAAA,CAAA,CAAiB,KAAA,EAAO,YAAA,CAAa,OAAA,IAAQ,YAAA,CAAA,OAAA"}

package/dist/modules/config/lib/context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../../../src/modules/config/lib/context.ts"],"sourcesContent":["import type { StorageClient } from \"@/modules/storage/lib/create-client.server\";\nimport type { AuthClient } from \"../../auth/handler/init\";\nimport type { DatabaseClient } from \"../db/init\";\nimport type { TDatabaseSchema } from \"../entry\";\nimport type { EmailClient } from \"../providers/email\";\n\nexport type TulipContext<TSchema extends TDatabaseSchema> = {\n  db: DatabaseClient<TSchema>;\n  schema: TSchema;\n  auth: AuthClient;\n  email: EmailClient;\n  storage: StorageClient<TSchema>;\n};\n\nexport function createContext<TSchema extends TDatabaseSchema>(props: TulipContext<TSchema>) {\n  return props;\n}\n"],"mappings":";AAcA,SAAgB,cAA+C,OAA8B;AAC3F,QAAO"}
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../../src/modules/config/lib/context.ts"],"sourcesContent":["import type { Auth } from \"@/modules/auth/handler/service.server\";\nimport type { Database } from \"@/modules/database/lib/service.server\";\nimport type { TDatabaseSchema } from \"@/modules/database/lib/types\";\nimport type { Email } from \"@/modules/emails/lib/service.server\";\nimport type { Storage } from \"@/modules/storage/lib/service.server\";\n\nexport type TulipContext<TSchema extends TDatabaseSchema> = {\n  db: Database<TSchema>;\n  schema: TSchema;\n  auth: Auth;\n  email: Email;\n  storage: Storage<TSchema>;\n};\n\nexport function createContext<TSchema extends TDatabaseSchema>(props: TulipContext<TSchema>) {\n  return props;\n}\n"],"mappings":";AAcA,SAAgB,cAA+C,OAA8B;AAC3F,QAAO"}

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

@@ -1,6 +1,6 @@
 import { TableQuerySchema } from "../validators.mjs";
-import { SQL } from "drizzle-orm";
 import { PgColumn } from "drizzle-orm/pg-core";
+import { SQL } from "drizzle-orm";
 
 //#region src/modules/data-tables/lib/converters/search.d.ts
 type ConvertSearchToQueryParamsFields = PgColumn[];

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

@@ -1,6 +1,6 @@
 import { TableQuerySchema } from "../validators.mjs";
-import { AnyColumn, SQL, ValueOrArray } from "drizzle-orm";
 import { PgTable } from "drizzle-orm/pg-core";
+import { AnyColumn, SQL, ValueOrArray } from "drizzle-orm";
 
 //#region src/modules/data-tables/lib/converters/sorting.d.ts
 type ConvertSortToQueryParamsFallback = ValueOrArray<AnyColumn | SQL>;

package/dist/modules/data-tables/server/get-data.server.d.mts

@@ -1,12 +1,12 @@
-import { TDatabaseSchema } from "../../config/db/types.mjs";
 import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
 import { TableQuerySchema } from "../lib/validators.mjs";
 import { ConvertSearchToQueryParamsFields } from "../lib/converters/search.mjs";
 import { ConvertSortToQueryParamsFallback } from "../lib/converters/sorting.mjs";
-import { DBQueryConfig, SQL } from "drizzle-orm";
 import { PgTable } from "drizzle-orm/pg-core";
-import "server-only";
+import "server-cli-only";
+import { DBQueryConfig, SQL } from "drizzle-orm";
+import { TDatabaseSchema } from "@/modules/config/db/types";
 
 //#region src/modules/data-tables/server/get-data.server.d.ts
 type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<"many"> & {

package/dist/modules/data-tables/server/get-data.server.mjs

@@ -1,8 +1,8 @@
 import { convertCursorToQueryParams } from "../lib/converters/cursor.mjs";
 import { convertSearchToQueryParams } from "../lib/converters/search.mjs";
 import { convertOrderByToQueryParams } from "../lib/converters/sorting.mjs";
+import "server-cli-only";
 import { and, getTableName, isTable } from "drizzle-orm";
-import "server-only";
 
 //#region src/modules/data-tables/server/get-data.server.ts
 /**

package/dist/modules/data-tables/server/get-data.server.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-data.server.mjs","names":[],"sources":["../../../../src/modules/data-tables/server/get-data.server.ts"],"sourcesContent":["import \"server-only\";\n\nimport { and, type DBQueryConfig, getTableName, isTable, type SQL } from \"drizzle-orm\";\nimport type { PgTable } from \"drizzle-orm/pg-core\";\nimport type { RelationalQueryBuilder } from \"drizzle-orm/pg-core/query-builders/query\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport type { TulipContext } from \"@/modules/config/entry\";\nimport { convertCursorToQueryParams } from \"../lib/converters/cursor\";\nimport {\n  type ConvertSearchToQueryParamsFields,\n  convertSearchToQueryParams,\n} from \"../lib/converters/search\";\nimport {\n  type ConvertSortToQueryParamsFallback,\n  convertOrderByToQueryParams,\n} from \"../lib/converters/sorting\";\nimport type { TableQuerySchema } from \"../lib/validators\";\n\nexport type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<\"many\"> & {\n  table: TTable;\n  where?: SQL;\n  columns?: keyof TTable[\"_\"][\"columns\"];\n  defaultOrder: ConvertSortToQueryParamsFallback;\n  searchFields: ConvertSearchToQueryParamsFields;\n};\n\n/**\n * Get data from the database for the data table\n */\nexport async function getTableData<TTable extends PgTable, TSchema extends TDatabaseSchema>(\n  { db, schema }: TulipContext<TSchema>,\n  query: TableQuerySchema,\n  options: GetTableDataOptions<TTable>,\n): Promise<{ data: TTable[\"$inferSelect\"][]; total: number }> {\n  const { table, where, defaultOrder: defaultSort, searchFields } = options;\n\n  if (!isTable(table)) throw new Error(`Provided table is not a table: ${table}`);\n\n  // Get the table name kay from the schema\n  const tableName = Object.entries({ ...schema } as { [key: string]: PgTable })\n    .filter(([, t]) => isTable(t))\n    .find(([, t]) => getTableName(t) === getTableName(table))?.[0];\n\n  if (!tableName) throw new Error(`Table name not found for table: ${tableName}`);\n\n  // Convert the query params to DB query\n  const { limit, offset } = convertCursorToQueryParams(query);\n  const orderBy = convertOrderByToQueryParams(query, table, defaultSort);\n  const search = convertSearchToQueryParams(query, searchFields);\n\n  /**\n   * Make a transaction to get the data\n   */\n  const { data, total } = await db.transaction(async (tx) => {\n    // Check if the table exists in the query builder\n    if (!(tableName in tx.query)) throw new Error(`Table not found in query builder: ${tableName}`);\n    const queryBuilderKey = tableName as keyof typeof tx.query;\n\n    // Get the query builder\n    // biome-ignore lint/suspicious/noExplicitAny: This is needed to satisfy the system\n    const queryBuilder = tx.query[queryBuilderKey] as RelationalQueryBuilder<any, any>;\n    if (!queryBuilder) throw new Error(`Query builder not found for table: ${tableName}`);\n\n    // Get the data\n    const data = await queryBuilder.findMany({\n      where: and(where, search),\n      orderBy,\n      limit,\n      offset,\n      with: options.with,\n      columns: options.columns,\n      extras: options.extras,\n    });\n\n    // Get the total\n    // Get the total\n    const total = await tx.$count(table, and(where, search));\n\n    // Return the data\n    return { data, total: total ?? 0 };\n  });\n\n  return { data, total };\n}\n"],"mappings":";;;;;;;;;;AA6BA,eAAsB,aACpB,EAAE,IAAI,UACN,OACA,SAC4D;CAC5D,MAAM,EAAE,OAAO,OAAO,cAAc,aAAa,iBAAiB;AAElE,KAAI,CAAC,QAAQ,MAAM,CAAE,OAAM,IAAI,MAAM,kCAAkC,QAAQ;CAG/E,MAAM,YAAY,OAAO,QAAQ,EAAE,GAAG,QAAQ,CAA+B,CAC1E,QAAQ,GAAG,OAAO,QAAQ,EAAE,CAAC,CAC7B,MAAM,GAAG,OAAO,aAAa,EAAE,KAAK,aAAa,MAAM,CAAC,GAAG;AAE9D,KAAI,CAAC,UAAW,OAAM,IAAI,MAAM,mCAAmC,YAAY;CAG/E,MAAM,EAAE,OAAO,WAAW,2BAA2B,MAAM;CAC3D,MAAM,UAAU,4BAA4B,OAAO,OAAO,YAAY;CACtE,MAAM,SAAS,2BAA2B,OAAO,aAAa;;;;CAK9D,MAAM,EAAE,MAAM,UAAU,MAAM,GAAG,YAAY,OAAO,OAAO;AAEzD,MAAI,EAAE,aAAa,GAAG,OAAQ,OAAM,IAAI,MAAM,qCAAqC,YAAY;EAC/F,MAAM,kBAAkB;EAIxB,MAAM,eAAe,GAAG,MAAM;AAC9B,MAAI,CAAC,aAAc,OAAM,IAAI,MAAM,sCAAsC,YAAY;AAkBrF,SAAO;GAAE,MAfI,MAAM,aAAa,SAAS;IACvC,OAAO,IAAI,OAAO,OAAO;IACzB;IACA;IACA;IACA,MAAM,QAAQ;IACd,SAAS,QAAQ;IACjB,QAAQ,QAAQ;IACjB,CAAC;GAOa,OAHD,MAAM,GAAG,OAAO,OAAO,IAAI,OAAO,OAAO,CAAC,IAGzB;GAAG;GAClC;AAEF,QAAO;EAAE;EAAM;EAAO"}
+{"version":3,"file":"get-data.server.mjs","names":[],"sources":["../../../../src/modules/data-tables/server/get-data.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { and, type DBQueryConfig, getTableName, isTable, type SQL } from \"drizzle-orm\";\nimport type { PgTable } from \"drizzle-orm/pg-core\";\nimport type { RelationalQueryBuilder } from \"drizzle-orm/pg-core/query-builders/query\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport type { TulipContext } from \"@/modules/config/entry\";\nimport { convertCursorToQueryParams } from \"../lib/converters/cursor\";\nimport {\n  type ConvertSearchToQueryParamsFields,\n  convertSearchToQueryParams,\n} from \"../lib/converters/search\";\nimport {\n  type ConvertSortToQueryParamsFallback,\n  convertOrderByToQueryParams,\n} from \"../lib/converters/sorting\";\nimport type { TableQuerySchema } from \"../lib/validators\";\n\nexport type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<\"many\"> & {\n  table: TTable;\n  where?: SQL;\n  columns?: keyof TTable[\"_\"][\"columns\"];\n  defaultOrder: ConvertSortToQueryParamsFallback;\n  searchFields: ConvertSearchToQueryParamsFields;\n};\n\n/**\n * Get data from the database for the data table\n */\nexport async function getTableData<TTable extends PgTable, TSchema extends TDatabaseSchema>(\n  { db, schema }: TulipContext<TSchema>,\n  query: TableQuerySchema,\n  options: GetTableDataOptions<TTable>,\n): Promise<{ data: TTable[\"$inferSelect\"][]; total: number }> {\n  const { table, where, defaultOrder: defaultSort, searchFields } = options;\n\n  if (!isTable(table)) throw new Error(`Provided table is not a table: ${table}`);\n\n  // Get the table name kay from the schema\n  const tableName = Object.entries({ ...schema } as { [key: string]: PgTable })\n    .filter(([, t]) => isTable(t))\n    .find(([, t]) => getTableName(t) === getTableName(table))?.[0];\n\n  if (!tableName) throw new Error(`Table name not found for table: ${tableName}`);\n\n  // Convert the query params to DB query\n  const { limit, offset } = convertCursorToQueryParams(query);\n  const orderBy = convertOrderByToQueryParams(query, table, defaultSort);\n  const search = convertSearchToQueryParams(query, searchFields);\n\n  /**\n   * Make a transaction to get the data\n   */\n  const { data, total } = await db.transaction(async (tx) => {\n    // Check if the table exists in the query builder\n    if (!(tableName in tx.query)) throw new Error(`Table not found in query builder: ${tableName}`);\n    const queryBuilderKey = tableName as keyof typeof tx.query;\n\n    // Get the query builder\n    // biome-ignore lint/suspicious/noExplicitAny: This is needed to satisfy the system\n    const queryBuilder = tx.query[queryBuilderKey] as RelationalQueryBuilder<any, any>;\n    if (!queryBuilder) throw new Error(`Query builder not found for table: ${tableName}`);\n\n    // Get the data\n    const data = await queryBuilder.findMany({\n      where: and(where, search),\n      orderBy,\n      limit,\n      offset,\n      with: options.with,\n      columns: options.columns,\n      extras: options.extras,\n    });\n\n    // Get the total\n    // Get the total\n    const total = await tx.$count(table, and(where, search));\n\n    // Return the data\n    return { data, total: total ?? 0 };\n  });\n\n  return { data, total };\n}\n"],"mappings":";;;;;;;;;;AA6BA,eAAsB,aACpB,EAAE,IAAI,UACN,OACA,SAC4D;CAC5D,MAAM,EAAE,OAAO,OAAO,cAAc,aAAa,iBAAiB;AAElE,KAAI,CAAC,QAAQ,MAAM,CAAE,OAAM,IAAI,MAAM,kCAAkC,QAAQ;CAG/E,MAAM,YAAY,OAAO,QAAQ,EAAE,GAAG,QAAQ,CAA+B,CAC1E,QAAQ,GAAG,OAAO,QAAQ,EAAE,CAAC,CAC7B,MAAM,GAAG,OAAO,aAAa,EAAE,KAAK,aAAa,MAAM,CAAC,GAAG;AAE9D,KAAI,CAAC,UAAW,OAAM,IAAI,MAAM,mCAAmC,YAAY;CAG/E,MAAM,EAAE,OAAO,WAAW,2BAA2B,MAAM;CAC3D,MAAM,UAAU,4BAA4B,OAAO,OAAO,YAAY;CACtE,MAAM,SAAS,2BAA2B,OAAO,aAAa;;;;CAK9D,MAAM,EAAE,MAAM,UAAU,MAAM,GAAG,YAAY,OAAO,OAAO;AAEzD,MAAI,EAAE,aAAa,GAAG,OAAQ,OAAM,IAAI,MAAM,qCAAqC,YAAY;EAC/F,MAAM,kBAAkB;EAIxB,MAAM,eAAe,GAAG,MAAM;AAC9B,MAAI,CAAC,aAAc,OAAM,IAAI,MAAM,sCAAsC,YAAY;AAkBrF,SAAO;GAAE,MAfI,MAAM,aAAa,SAAS;IACvC,OAAO,IAAI,OAAO,OAAO;IACzB;IACA;IACA;IACA,MAAM,QAAQ;IACd,SAAS,QAAQ;IACjB,QAAQ,QAAQ;IACjB,CAAC;GAOa,OAHD,MAAM,GAAG,OAAO,OAAO,IAAI,OAAO,OAAO,CAAC,IAGzB;GAAG;GAClC;AAEF,QAAO;EAAE;EAAM;EAAO"}

package/dist/modules/data-tables/strategies/infinite/strategy.d.mts

@@ -8,7 +8,7 @@ interface UseInfiniteStrategyInput {
   isFetching: boolean;
   isFetchingNextPage: boolean;
 }
-type InfiniteStrategyMeta = Pick<UseInfiniteStrategyInput, "isFetching" | "isFetchingNextPage">;
+type InfiniteStrategyMeta = Pick<UseInfiniteStrategyInput, "isFetching" | "isFetchingNextPage" | "total" | "cursor" | "fetchNextPage">;
 declare function useInfiniteStrategy({
   cursor,
   total,

package/dist/modules/data-tables/strategies/infinite/strategy.mjs

@@ -37,6 +37,9 @@ function useInfiniteStrategy({ cursor, total, fetchNextPage, isFetching, isFetch
 			resetCursor
 		}),
 		meta: {
+			total,
+			cursor,
+			fetchNextPage,
 			isFetching,
 			isFetchingNextPage
 		}

package/dist/modules/data-tables/strategies/infinite/strategy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"strategy.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/infinite/strategy.ts"],"sourcesContent":["\"use client\";\n\nimport type { PaginationState, Updater } from \"@tanstack/react-table\";\nimport { useQueryStates } from \"nuqs\";\nimport { tableSearchParams } from \"../../entry\";\nimport type { TableStrategy } from \"../../lib/types\";\nimport { handleSortingChange } from \"../helpers/sorting\";\n\nexport interface UseInfiniteStrategyInput {\n  cursor: number | undefined;\n  total: number | undefined;\n  fetchNextPage: () => void;\n  isFetching: boolean;\n  isFetchingNextPage: boolean;\n}\n\nexport type InfiniteStrategyMeta = Pick<\n  UseInfiniteStrategyInput,\n  \"isFetching\" | \"isFetchingNextPage\"\n>;\n\nexport function useInfiniteStrategy({\n  cursor,\n  total,\n  fetchNextPage,\n  isFetching,\n  isFetchingNextPage,\n}: UseInfiniteStrategyInput): TableStrategy {\n  const [query, setQuery] = useQueryStates(tableSearchParams);\n\n  // Convert pagination to table state\n  const paginationState = {\n    pageIndex: cursor ?? 0,\n    pageSize: query.limit,\n  };\n\n  // Convert sorting to table state\n  const sortingState = query.sort ? [{ id: query.sort, desc: query.order === \"desc\" }] : [];\n\n  const resetCursor = () => null;\n\n  return {\n    name: \"infinite\",\n    rowCount: total,\n    paginationState,\n    manualPagination: true,\n    onPaginationChange: (updater: Updater<PaginationState>) => {\n      // Get the new state from the updater function\n      const newState = typeof updater === \"function\" ? updater(paginationState) : updater;\n\n      // Update the search params\n      setQuery({ limit: newState.pageSize });\n\n      // Fetch the next page\n      fetchNextPage();\n\n      // Return the new state\n      return newState;\n    },\n    resetCursor,\n    tableSearchParams: tableSearchParams,\n    sortingState,\n    manualSorting: true,\n    onSortingChange: handleSortingChange({ sortingState, setQuery, resetCursor }),\n    meta: {\n      isFetching,\n      isFetchingNextPage,\n    } satisfies InfiniteStrategyMeta,\n  };\n}\n"],"mappings":";;;;;;;AAqBA,SAAgB,oBAAoB,EAClC,QACA,OACA,eACA,YACA,sBAC0C;CAC1C,MAAM,CAAC,OAAO,YAAY,eAAe,kBAAkB;CAG3D,MAAM,kBAAkB;EACtB,WAAW,UAAU;EACrB,UAAU,MAAM;EACjB;CAGD,MAAM,eAAe,MAAM,OAAO,CAAC;EAAE,IAAI,MAAM;EAAM,MAAM,MAAM,UAAU;EAAQ,CAAC,GAAG,EAAE;CAEzF,MAAM,oBAAoB;AAE1B,QAAO;EACL,MAAM;EACN,UAAU;EACV;EACA,kBAAkB;EAClB,qBAAqB,YAAsC;GAEzD,MAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,gBAAgB,GAAG;AAG5E,YAAS,EAAE,OAAO,SAAS,UAAU,CAAC;AAGtC,kBAAe;AAGf,UAAO;;EAET;EACmB;EACnB;EACA,eAAe;EACf,iBAAiB,oBAAoB;GAAE;GAAc;GAAU;GAAa,CAAC;EAC7E,MAAM;GACJ;GACA;GACD;EACF"}
+{"version":3,"file":"strategy.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/infinite/strategy.ts"],"sourcesContent":["\"use client\";\n\nimport type { PaginationState, Updater } from \"@tanstack/react-table\";\nimport { useQueryStates } from \"nuqs\";\nimport { tableSearchParams } from \"../../entry\";\nimport type { TableStrategy } from \"../../lib/types\";\nimport { handleSortingChange } from \"../helpers/sorting\";\n\nexport interface UseInfiniteStrategyInput {\n  cursor: number | undefined;\n  total: number | undefined;\n  fetchNextPage: () => void;\n  isFetching: boolean;\n  isFetchingNextPage: boolean;\n}\n\nexport type InfiniteStrategyMeta = Pick<\n  UseInfiniteStrategyInput,\n  \"isFetching\" | \"isFetchingNextPage\" | \"total\" | \"cursor\" | \"fetchNextPage\"\n>;\n\nexport function useInfiniteStrategy({\n  cursor,\n  total,\n  fetchNextPage,\n  isFetching,\n  isFetchingNextPage,\n}: UseInfiniteStrategyInput): TableStrategy {\n  const [query, setQuery] = useQueryStates(tableSearchParams);\n\n  // Convert pagination to table state\n  const paginationState = {\n    pageIndex: cursor ?? 0,\n    pageSize: query.limit,\n  };\n\n  // Convert sorting to table state\n  const sortingState = query.sort ? [{ id: query.sort, desc: query.order === \"desc\" }] : [];\n\n  const resetCursor = () => null;\n\n  return {\n    name: \"infinite\",\n    rowCount: total,\n    paginationState,\n    manualPagination: true,\n    onPaginationChange: (updater: Updater<PaginationState>) => {\n      // Get the new state from the updater function\n      const newState = typeof updater === \"function\" ? updater(paginationState) : updater;\n\n      // Update the search params\n      setQuery({ limit: newState.pageSize });\n\n      // Fetch the next page\n      fetchNextPage();\n\n      // Return the new state\n      return newState;\n    },\n    resetCursor,\n    tableSearchParams: tableSearchParams,\n    sortingState,\n    manualSorting: true,\n    onSortingChange: handleSortingChange({ sortingState, setQuery, resetCursor }),\n    meta: {\n      total,\n      cursor,\n      fetchNextPage,\n      isFetching,\n      isFetchingNextPage,\n    } satisfies InfiniteStrategyMeta,\n  };\n}\n"],"mappings":";;;;;;;AAqBA,SAAgB,oBAAoB,EAClC,QACA,OACA,eACA,YACA,sBAC0C;CAC1C,MAAM,CAAC,OAAO,YAAY,eAAe,kBAAkB;CAG3D,MAAM,kBAAkB;EACtB,WAAW,UAAU;EACrB,UAAU,MAAM;EACjB;CAGD,MAAM,eAAe,MAAM,OAAO,CAAC;EAAE,IAAI,MAAM;EAAM,MAAM,MAAM,UAAU;EAAQ,CAAC,GAAG,EAAE;CAEzF,MAAM,oBAAoB;AAE1B,QAAO;EACL,MAAM;EACN,UAAU;EACV;EACA,kBAAkB;EAClB,qBAAqB,YAAsC;GAEzD,MAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,gBAAgB,GAAG;AAG5E,YAAS,EAAE,OAAO,SAAS,UAAU,CAAC;AAGtC,kBAAe;AAGf,UAAO;;EAET;EACmB;EACnB;EACA,eAAe;EACf,iBAAiB,oBAAoB;GAAE;GAAc;GAAU;GAAa,CAAC;EAC7E,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACF"}

package/dist/modules/data-tables/tables/data-table/components/row.mjs

@@ -1,22 +1,12 @@
-import { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger } from "../../../../commands/menus/context-menu.client.mjs";
 import { TableRow } from "../../../components/table.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/data-tables/tables/data-table/components/row.tsx
 function DataTableRow({ row, table, className, ...props }) {
-	const meta = table.options.meta;
-	return /* @__PURE__ */ jsxs(ContextCommandMenu, { children: [/* @__PURE__ */ jsx(ContextCommandMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(TableRow, {
-			...props,
-			"data-state": row.getIsSelected() && "selected"
-		})
-	}), /* @__PURE__ */ jsx(ContextCommandMenuContent, {
-		data: row.original,
-		commands: meta.commands || [],
-		meta,
-		className: "w-[300px]"
-	})] });
+	return /* @__PURE__ */ jsx(TableRow, {
+		...props,
+		"data-state": row.getIsSelected() && "selected"
+	});
 }
 
 //#endregion

package/dist/modules/data-tables/tables/data-table/components/row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/row.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/menus/context-menu.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"../../../lib/types\";\n\nexport type DataTableRowProps<TData extends { id: string }> = React.ComponentProps<\n  typeof TableRow\n> & {\n  row: Row<TData>;\n  table: Table<TData>;\n};\n\nexport function DataTableRow<TData extends { id: string }>({\n  row,\n  table,\n  className,\n  ...props\n}: DataTableRowProps<TData>) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <ContextCommandMenu>\n      <ContextCommandMenuTrigger asChild>\n        <TableRow {...props} data-state={row.getIsSelected() && \"selected\"} />\n      </ContextCommandMenuTrigger>\n\n      <ContextCommandMenuContent\n        data={row.original}\n        commands={meta.commands || []}\n        meta={meta as never}\n        className=\"w-[300px]\"\n      />\n    </ContextCommandMenu>\n  );\n}\n"],"mappings":";;;;;AAiBA,SAAgB,aAA2C,EACzD,KACA,OACA,WACA,GAAG,SACwB;CAC3B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,qBAAC,iCACC,oBAAC;EAA0B;YACzB,oBAAC;GAAS,GAAI;GAAO,cAAY,IAAI,eAAe,IAAI;IAAc;GAC5C,EAE5B,oBAAC;EACC,MAAM,IAAI;EACV,UAAU,KAAK,YAAY,EAAE;EACvB;EACN,WAAU;GACV,IACiB"}
+{"version":3,"file":"row.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/row.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\n\nexport type DataTableRowProps<TData extends { id: string }> = React.ComponentProps<\n  typeof TableRow\n> & {\n  row: Row<TData>;\n  table: Table<TData>;\n};\n\nexport function DataTableRow<TData extends { id: string }>({\n  row,\n  table,\n  className,\n  ...props\n}: DataTableRowProps<TData>) {\n  return <TableRow {...props} data-state={row.getIsSelected() && \"selected\"} />;\n}\n\n//  <ContextCommandMenu>\n//       <ContextCommandMenuTrigger asChild>\n//   </ContextCommandMenuTrigger>\n\n//       <ContextCommandMenuContent\n//         data={row.original}\n//         commands={meta.commands || []}\n//         meta={meta as never}\n//         className=\"w-[300px]\"\n//       />\n//     </ContextCommandMenu>\n"],"mappings":";;;;AAWA,SAAgB,aAA2C,EACzD,KACA,OACA,WACA,GAAG,SACwB;AAC3B,QAAO,oBAAC;EAAS,GAAI;EAAO,cAAY,IAAI,eAAe,IAAI;GAAc"}

package/dist/modules/data-tables/tables/inline-table/components/body.mjs

@@ -17,7 +17,7 @@ function InlineTableBody({ table }) {
 	const { rows } = table.getRowModel();
 	const { setNodeRef } = useDroppable({ id: "inline-data-table" });
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
-	useInlineDataTableHotkeys();
+	useInlineDataTableHotkeys(context.hotkeys);
 	if (rows?.length === 0) return /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
 		colSpan: table.getAllFlatColumns().length + 1 + (context.isDraggable ? 1 : 0) + (table.options.enableRowSelection ? 1 : 0),
 		className: "h-24 text-center",

package/dist/modules/data-tables/tables/inline-table/components/body.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"body.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/body.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement, restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport {\n  rectSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport { flexRender, type Table } from \"@tanstack/react-table\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../../../lib/types\";\nimport { useInlineTableContext } from \"../hooks/context.client\";\nimport { useInlineDataTableHotkeys } from \"../hooks/use-hotkeys.client\";\nimport { InlineTableRow } from \"./row.client\";\n\nexport function InlineTableBody<TData extends { id: string }>({ table }: { table: Table<TData> }) {\n  const context = useInlineTableContext();\n\n  const { rows } = table.getRowModel();\n\n  const { setNodeRef } = useDroppable({ id: \"inline-data-table\" });\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  useInlineDataTableHotkeys();\n\n  if (rows?.length === 0) {\n    return (\n      <TableBody>\n        <TableRow>\n          <TableCell\n            colSpan={\n              table.getAllFlatColumns().length +\n              1 +\n              (context.isDraggable ? 1 : 0) +\n              (table.options.enableRowSelection ? 1 : 0)\n            }\n            className=\"h-24 text-center\"\n          >\n            Geen resultaten gevonden\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    );\n  }\n\n  function handleDragEnd(event: DragEndEvent) {\n    if (!context.isDraggable) return;\n    const { active, over } = event;\n\n    if (active.id !== over?.id) {\n      const fromIndex = rows.findIndex((item) => item.id === active.id);\n      const toIndex = rows.findIndex((item) => item.id === over?.id);\n\n      context.moveRow({ fromIndex, toIndex });\n    }\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n    >\n      <SortableContext items={rows.map((row) => row.id)} strategy={rectSortingStrategy}>\n        <TableBody ref={setNodeRef}>\n          {rows.map((row) => (\n            <InlineTableRow\n              key={row.id}\n              row={row}\n              data-row-id={row.id}\n              table={table}\n              className=\"relative\"\n            >\n              {row.getVisibleCells().map((cell) => {\n                const columnDef = cell.column.columnDef as TableColumnDef<TData>;\n\n                const children = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                if (!columnDef.permissions) {\n                  return <Fragment key={cell.id}>{children}</Fragment>;\n                }\n\n                return (\n                  <Allowed key={cell.id} permission={columnDef.permissions}>\n                    {children}\n                  </Allowed>\n                );\n              })}\n            </InlineTableRow>\n          ))}\n        </TableBody>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,gBAA8C,EAAE,SAAkC;CAChG,MAAM,UAAU,uBAAuB;CAEvC,MAAM,EAAE,SAAS,MAAM,aAAa;CAEpC,MAAM,EAAE,eAAe,aAAa,EAAE,IAAI,qBAAqB,CAAC;CAChE,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,4BAA2B;AAE3B,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC,uBACC,oBAAC,sBACC,oBAAC;EACC,SACE,MAAM,mBAAmB,CAAC,SAC1B,KACC,QAAQ,cAAc,IAAI,MAC1B,MAAM,QAAQ,qBAAqB,IAAI;EAE1C,WAAU;YACX;GAEW,GACH,GACD;CAIhB,SAAS,cAAc,OAAqB;AAC1C,MAAI,CAAC,QAAQ,YAAa;EAC1B,MAAM,EAAE,QAAQ,SAAS;AAEzB,MAAI,OAAO,OAAO,MAAM,IAAI;GAC1B,MAAM,YAAY,KAAK,WAAW,SAAS,KAAK,OAAO,OAAO,GAAG;GACjE,MAAM,UAAU,KAAK,WAAW,SAAS,KAAK,OAAO,MAAM,GAAG;AAE9D,WAAQ,QAAQ;IAAE;IAAW;IAAS,CAAC;;;AAI3C,QACE,oBAAC;EACU;EACT,WAAW;EACX,oBAAoB;EACpB,WAAW,CAAC,wBAAwB,wBAAwB;YAE5D,oBAAC;GAAgB,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG;GAAE,UAAU;aAC3D,oBAAC;IAAU,KAAK;cACb,KAAK,KAAK,QACT,oBAAC;KAEM;KACL,eAAa,IAAI;KACV;KACP,WAAU;eAET,IAAI,iBAAiB,CAAC,KAAK,SAAS;MACnC,MAAM,YAAY,KAAK,OAAO;MAE9B,MAAM,WAAW,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;AAE1E,UAAI,CAAC,UAAU,YACb,QAAO,oBAAC,YAAwB,YAAV,KAAK,GAAyB;AAGtD,aACE,oBAAC;OAAsB,YAAY,UAAU;OAC1C;SADW,KAAK,GAET;OAEZ;OApBG,IAAI,GAqBM,CACjB;KACQ;IACI;GACP"}
+{"version":3,"file":"body.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/body.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement, restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport {\n  rectSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport { flexRender, type Table } from \"@tanstack/react-table\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../../../lib/types\";\nimport { useInlineTableContext } from \"../hooks/context.client\";\nimport { useInlineDataTableHotkeys } from \"../hooks/use-hotkeys.client\";\nimport { InlineTableRow } from \"./row.client\";\n\nexport function InlineTableBody<TData extends { id: string }>({ table }: { table: Table<TData> }) {\n  const context = useInlineTableContext();\n\n  const { rows } = table.getRowModel();\n\n  const { setNodeRef } = useDroppable({ id: \"inline-data-table\" });\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  useInlineDataTableHotkeys(context.hotkeys);\n\n  if (rows?.length === 0) {\n    return (\n      <TableBody>\n        <TableRow>\n          <TableCell\n            colSpan={\n              table.getAllFlatColumns().length +\n              1 +\n              (context.isDraggable ? 1 : 0) +\n              (table.options.enableRowSelection ? 1 : 0)\n            }\n            className=\"h-24 text-center\"\n          >\n            Geen resultaten gevonden\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    );\n  }\n\n  function handleDragEnd(event: DragEndEvent) {\n    if (!context.isDraggable) return;\n    const { active, over } = event;\n\n    if (active.id !== over?.id) {\n      const fromIndex = rows.findIndex((item) => item.id === active.id);\n      const toIndex = rows.findIndex((item) => item.id === over?.id);\n\n      context.moveRow({ fromIndex, toIndex });\n    }\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n    >\n      <SortableContext items={rows.map((row) => row.id)} strategy={rectSortingStrategy}>\n        <TableBody ref={setNodeRef}>\n          {rows.map((row) => (\n            <InlineTableRow\n              key={row.id}\n              row={row}\n              data-row-id={row.id}\n              table={table}\n              className=\"relative\"\n            >\n              {row.getVisibleCells().map((cell) => {\n                const columnDef = cell.column.columnDef as TableColumnDef<TData>;\n\n                const children = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                if (!columnDef.permissions) {\n                  return <Fragment key={cell.id}>{children}</Fragment>;\n                }\n\n                return (\n                  <Allowed key={cell.id} permission={columnDef.permissions}>\n                    {children}\n                  </Allowed>\n                );\n              })}\n            </InlineTableRow>\n          ))}\n        </TableBody>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,gBAA8C,EAAE,SAAkC;CAChG,MAAM,UAAU,uBAAuB;CAEvC,MAAM,EAAE,SAAS,MAAM,aAAa;CAEpC,MAAM,EAAE,eAAe,aAAa,EAAE,IAAI,qBAAqB,CAAC;CAChE,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,2BAA0B,QAAQ,QAAQ;AAE1C,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC,uBACC,oBAAC,sBACC,oBAAC;EACC,SACE,MAAM,mBAAmB,CAAC,SAC1B,KACC,QAAQ,cAAc,IAAI,MAC1B,MAAM,QAAQ,qBAAqB,IAAI;EAE1C,WAAU;YACX;GAEW,GACH,GACD;CAIhB,SAAS,cAAc,OAAqB;AAC1C,MAAI,CAAC,QAAQ,YAAa;EAC1B,MAAM,EAAE,QAAQ,SAAS;AAEzB,MAAI,OAAO,OAAO,MAAM,IAAI;GAC1B,MAAM,YAAY,KAAK,WAAW,SAAS,KAAK,OAAO,OAAO,GAAG;GACjE,MAAM,UAAU,KAAK,WAAW,SAAS,KAAK,OAAO,MAAM,GAAG;AAE9D,WAAQ,QAAQ;IAAE;IAAW;IAAS,CAAC;;;AAI3C,QACE,oBAAC;EACU;EACT,WAAW;EACX,oBAAoB;EACpB,WAAW,CAAC,wBAAwB,wBAAwB;YAE5D,oBAAC;GAAgB,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG;GAAE,UAAU;aAC3D,oBAAC;IAAU,KAAK;cACb,KAAK,KAAK,QACT,oBAAC;KAEM;KACL,eAAa,IAAI;KACV;KACP,WAAU;eAET,IAAI,iBAAiB,CAAC,KAAK,SAAS;MACnC,MAAM,YAAY,KAAK,OAAO;MAE9B,MAAM,WAAW,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;AAE1E,UAAI,CAAC,UAAU,YACb,QAAO,oBAAC,YAAwB,YAAV,KAAK,GAAyB;AAGtD,aACE,oBAAC;OAAsB,YAAY,UAAU;OAC1C;SADW,KAAK,GAET;OAEZ;OApBG,IAAI,GAqBM,CACjB;KACQ;IACI;GACP"}

package/dist/modules/data-tables/tables/inline-table/components/row.client.mjs

@@ -1,38 +1,28 @@
 "use client";
 
-import { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger } from "../../../../commands/menus/context-menu.client.mjs";
 import { TableRow } from "../../../components/table.mjs";
 import { InlineEditProvider } from "../../../../inline-edit/hooks/context.client.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 
 //#region src/modules/data-tables/tables/inline-table/components/row.client.tsx
 function InlineTableRow({ row, table, children, ...props }) {
-	const meta = table.options.meta;
 	const rowId = row.original.id;
 	const { setNodeRef, transform, transition } = useSortable({ id: rowId });
-	return /* @__PURE__ */ jsxs(ContextCommandMenu, { children: [/* @__PURE__ */ jsx(ContextCommandMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(TableRow, {
-			...props,
-			ref: setNodeRef,
-			"data-state": row.getIsSelected() && "selected",
-			style: {
-				transform: CSS.Transform.toString(transform),
-				transition
-			},
-			children: /* @__PURE__ */ jsx(InlineEditProvider, {
-				id: row.original.id,
-				children
-			})
+	return /* @__PURE__ */ jsx(TableRow, {
+		...props,
+		ref: setNodeRef,
+		"data-state": row.getIsSelected() && "selected",
+		style: {
+			transform: CSS.Transform.toString(transform),
+			transition
+		},
+		children: /* @__PURE__ */ jsx(InlineEditProvider, {
+			id: row.original.id,
+			children
 		})
-	}), /* @__PURE__ */ jsx(ContextCommandMenuContent, {
-		data: row.original,
-		commands: meta.commands || [],
-		meta,
-		className: "w-[300px]"
-	})] });
+	});
 }
 
 //#endregion

package/dist/modules/data-tables/tables/inline-table/components/row.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/row.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/entry.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { InlineEditProvider } from \"@/modules/inline-edit/entry.client\";\nimport type { TableMeta } from \"../../../lib/types\";\n\nexport type InlineTableRowProps<TData extends { id: string }> =\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    row: Row<TData>;\n    table: Table<TData>;\n  };\n\nexport function InlineTableRow<TData extends { id: string }>({\n  row,\n  table,\n  children,\n  ...props\n}: InlineTableRowProps<TData>) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  const rowId = (row.original as { id: string }).id;\n\n  const { setNodeRef, transform, transition } = useSortable({ id: rowId });\n\n  return (\n    <ContextCommandMenu>\n      <ContextCommandMenuTrigger asChild>\n        <TableRow\n          {...props}\n          ref={setNodeRef}\n          data-state={row.getIsSelected() && \"selected\"}\n          style={{\n            transform: CSS.Transform.toString(transform),\n            transition,\n          }}\n        >\n          <InlineEditProvider id={row.original.id}>{children}</InlineEditProvider>\n        </TableRow>\n      </ContextCommandMenuTrigger>\n\n      <ContextCommandMenuContent\n        data={row.original}\n        commands={meta.commands || []}\n        meta={meta as never}\n        className=\"w-[300px]\"\n      />\n    </ContextCommandMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,eAA6C,EAC3D,KACA,OACA,UACA,GAAG,SAC0B;CAC7B,MAAM,OAAO,MAAM,QAAQ;CAE3B,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,WAAW,eAAe,YAAY,EAAE,IAAI,OAAO,CAAC;AAExE,QACE,qBAAC,iCACC,oBAAC;EAA0B;YACzB,oBAAC;GACC,GAAI;GACJ,KAAK;GACL,cAAY,IAAI,eAAe,IAAI;GACnC,OAAO;IACL,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACD;aAED,oBAAC;IAAmB,IAAI,IAAI,SAAS;IAAK;KAA8B;IAC/D;GACe,EAE5B,oBAAC;EACC,MAAM,IAAI;EACV,UAAU,KAAK,YAAY,EAAE;EACvB;EACN,WAAU;GACV,IACiB"}
+{"version":3,"file":"row.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/row.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { InlineEditProvider } from \"@/modules/inline-edit/entry.client\";\n\nexport type InlineTableRowProps<TData extends { id: string }> =\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    row: Row<TData>;\n    table: Table<TData>;\n  };\n\nexport function InlineTableRow<TData extends { id: string }>({\n  row,\n  table,\n  children,\n  ...props\n}: InlineTableRowProps<TData>) {\n  const rowId = (row.original as { id: string }).id;\n\n  const { setNodeRef, transform, transition } = useSortable({ id: rowId });\n\n  return (\n    <TableRow\n      {...props}\n      ref={setNodeRef}\n      data-state={row.getIsSelected() && \"selected\"}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n    >\n      <InlineEditProvider id={row.original.id}>{children}</InlineEditProvider>\n    </TableRow>\n  );\n}\n\n{\n  /* <ContextCommandMenu>\n  <ContextCommandMenuTrigger asChild></ContextCommandMenuTrigger>\n\n  <ContextCommandMenuContent\n    data={row.original}\n    commands={meta.commands || []}\n    meta={meta as never}\n    className=\"w-[300px]\"\n  />\n</ContextCommandMenu>; */\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,eAA6C,EAC3D,KACA,OACA,UACA,GAAG,SAC0B;CAC7B,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,WAAW,eAAe,YAAY,EAAE,IAAI,OAAO,CAAC;AAExE,QACE,oBAAC;EACC,GAAI;EACJ,KAAK;EACL,cAAY,IAAI,eAAe,IAAI;EACnC,OAAO;GACL,WAAW,IAAI,UAAU,SAAS,UAAU;GAC5C;GACD;YAED,oBAAC;GAAmB,IAAI,IAAI,SAAS;GAAK;IAA8B;GAC/D"}

package/dist/modules/data-tables/tables/inline-table/components/table.d.mts

@@ -9,6 +9,7 @@ declare function InlineTable<TData extends {
 }>({
   disabledColumns,
   moveRowAction,
+  hotkeys,
   ...props
 }: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>): react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/modules/data-tables/tables/inline-table/components/table.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"mappings":";;;;;;iBAagB,WAAA;EAA4B,EAAA;AAAA,EAAA,CAAA;EAC1C,eAAA;EACA,aAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,KAAA,IAAS,cAAA,QAAsB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"mappings":";;;;;;iBAagB,WAAA;EAA4B,EAAA;AAAA,EAAA,CAAA;EAC1C,eAAA;EACA,aAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,KAAA,IAAS,cAAA,QAAsB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/data-tables/tables/inline-table/components/table.mjs

@@ -11,12 +11,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { HotkeysProvider } from "react-hotkeys-hook";
 
 //#region src/modules/data-tables/tables/inline-table/components/table.tsx
-function InlineTable({ disabledColumns, moveRowAction, ...props }) {
+function InlineTable({ disabledColumns, moveRowAction, hotkeys, ...props }) {
 	const table = useTable();
 	const meta = table.options.meta;
 	return /* @__PURE__ */ jsx(InlineTableProvider, {
 		disabledColumns,
 		moveRowAction,
+		hotkeys,
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
 			children: [

package/dist/modules/data-tables/tables/inline-table/components/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\nimport { FloatingCommandMenu } from \"@/modules/commands/menus/floating-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { InlineTableProvider } from \"../hooks/context.client\";\nimport { InlineTableBody } from \"./body\";\nimport { InlineTableHeader } from \"./header\";\n\nexport function InlineTable<TData extends { id: string }>({\n  disabledColumns,\n  moveRowAction,\n  ...props\n}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <InlineTableProvider disabledColumns={disabledColumns} moveRowAction={moveRowAction}>\n      <div className=\"space-y-4\">\n        <div className=\"rounded-md border\">\n          <Table {...props}>\n            <InlineTableHeader table={table} />\n\n            <HotkeysProvider initiallyActiveScopes={[\"inline-data-table\"]}>\n              <InlineTableBody table={table} />\n            </HotkeysProvider>\n\n            <TableFooter table={table} />\n          </Table>\n        </div>\n\n        <TableBottombar table={table} />\n\n        {meta.commands && (\n          <FloatingCommandMenu\n            data={meta.selectedData}\n            commands={meta.commands}\n            meta={meta}\n            state={meta.selectedData?.length ? \"open\" : \"closed\"}\n            onSuccess={() => table.resetRowSelection()}\n          />\n        )}\n      </div>\n    </InlineTableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,YAA0C,EACxD,iBACA,eACA,GAAG,SACyE;CAC5E,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,oBAAC;EAAqC;EAAgC;YACpE,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAM,GAAI;;OACT,oBAAC,qBAAyB,QAAS;OAEnC,oBAAC;QAAgB,uBAAuB,CAAC,oBAAoB;kBAC3D,oBAAC,mBAAuB,QAAS;SACjB;OAElB,oBAAC,eAAmB,QAAS;;OACvB;MACJ;IAEN,oBAAC,kBAAsB,QAAS;IAE/B,KAAK,YACJ,oBAAC;KACC,MAAM,KAAK;KACX,UAAU,KAAK;KACT;KACN,OAAO,KAAK,cAAc,SAAS,SAAS;KAC5C,iBAAiB,MAAM,mBAAmB;MAC1C;;IAEA;GACc"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\nimport { FloatingCommandMenu } from \"@/modules/commands/menus/floating-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { InlineTableProvider } from \"../hooks/context.client\";\nimport { InlineTableBody } from \"./body\";\nimport { InlineTableHeader } from \"./header\";\n\nexport function InlineTable<TData extends { id: string }>({\n  disabledColumns,\n  moveRowAction,\n  hotkeys,\n  ...props\n}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <InlineTableProvider\n      disabledColumns={disabledColumns}\n      moveRowAction={moveRowAction}\n      hotkeys={hotkeys}\n    >\n      <div className=\"space-y-4\">\n        <div className=\"rounded-md border\">\n          <Table {...props}>\n            <InlineTableHeader table={table} />\n\n            <HotkeysProvider initiallyActiveScopes={[\"inline-data-table\"]}>\n              <InlineTableBody table={table} />\n            </HotkeysProvider>\n\n            <TableFooter table={table} />\n          </Table>\n        </div>\n\n        <TableBottombar table={table} />\n\n        {meta.commands && (\n          <FloatingCommandMenu\n            data={meta.selectedData}\n            commands={meta.commands}\n            meta={meta}\n            state={meta.selectedData?.length ? \"open\" : \"closed\"}\n            onSuccess={() => table.resetRowSelection()}\n          />\n        )}\n      </div>\n    </InlineTableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,YAA0C,EACxD,iBACA,eACA,SACA,GAAG,SACyE;CAC5E,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,oBAAC;EACkB;EACF;EACN;YAET,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAM,GAAI;;OACT,oBAAC,qBAAyB,QAAS;OAEnC,oBAAC;QAAgB,uBAAuB,CAAC,oBAAoB;kBAC3D,oBAAC,mBAAuB,QAAS;SACjB;OAElB,oBAAC,eAAmB,QAAS;;OACvB;MACJ;IAEN,oBAAC,kBAAsB,QAAS;IAE/B,KAAK,YACJ,oBAAC;KACC,MAAM,KAAK;KACX,UAAU,KAAK;KACT;KACN,OAAO,KAAK,cAAc,SAAS,SAAS;KAC5C,iBAAiB,MAAM,mBAAmB;MAC1C;;IAEA;GACc"}

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.d.mts

@@ -1,3 +1,4 @@
+import { InlineDataTableHotkeysConfig } from "./use-hotkeys.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 import { VisibilityState } from "@tanstack/react-table";
@@ -21,6 +22,7 @@ type MoveRowMethod = {
  */
 type InlineTableContextValue = MoveRowMethod & {
   disabledColumns?: VisibilityState;
+  hotkeys?: InlineDataTableHotkeysConfig;
 };
 /**
  * Inline form table context hook
@@ -34,13 +36,15 @@ declare function InlineTableProvider<TData extends {
 }>({
   children,
   disabledColumns,
-  moveRowAction
+  moveRowAction,
+  hotkeys
 }: PropsWithChildren<{
   disabledColumns?: VisibilityState;
   moveRowAction?: (input: {
     fromIndex: number;
     toIndex: number;
   }) => Promise<unknown>;
+  hotkeys?: InlineDataTableHotkeysConfig;
 }>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineTableContextValue, InlineTableProvider, useInlineTableContext };

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"mappings":";;;;;;;;KAWK,aAAA;EAEC,WAAA;EACA,OAAA;AAAA;EAGA,WAAA;EACA,OAAA,GAAU,MAAA;IAAU,SAAA;IAAmB,OAAA;EAAA;AAAA;;;;KAMjC,uBAAA,GAA0B,aAAA;EACpC,eAAA,GAAkB,eAAA;AAAA;;;;iBAYJ,qBAAA,CAAA,GAAqB,uBAAA;;;AAArC;iBAUgB,mBAAA;EAAoC,EAAA;AAAA,EAAA,CAAA;EAClD,QAAA;EACA,eAAA;EACA;AAAA,GACC,iBAAA;EACD,eAAA,GAAkB,eAAA;EAClB,aAAA,IAAiB,KAAA;IAAS,SAAA;IAAmB,OAAA;EAAA,MAAsB,OAAA;AAAA,KACnE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"mappings":";;;;;;;;;KAYK,aAAA;EAEC,WAAA;EACA,OAAA;AAAA;EAGA,WAAA;EACA,OAAA,GAAU,MAAA;IAAU,SAAA;IAAmB,OAAA;EAAA;AAAA;;;;KAMjC,uBAAA,GAA0B,aAAA;EACpC,eAAA,GAAkB,eAAA;EAClB,OAAA,GAAU,4BAAA;AAAA;;;;iBAYI,qBAAA,CAAA,GAAqB,uBAAA;;;;iBAUrB,mBAAA;EAAoC,EAAA;AAAA,EAAA,CAAA;EAClD,QAAA;EACA,eAAA;EACA,aAAA;EACA;AAAA,GACC,iBAAA;EACD,eAAA,GAAkB,eAAA;EAClB,aAAA,IAAiB,KAAA;IAAS,SAAA;IAAmB,OAAA;EAAA,MAAsB,OAAA;EACnE,OAAA,GAAU,4BAAA;AAAA,KACV,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.mjs

@@ -22,7 +22,7 @@ function useInlineTableContext() {
 /**
 * Inline form table context provider
 */
-function InlineTableProvider({ children, disabledColumns, moveRowAction }) {
+function InlineTableProvider({ children, disabledColumns, moveRowAction, hotkeys }) {
 	const { queryData, setData } = useTableConfigContext();
 	const moveRowMutation = useAction({
 		mutationFn: async (params) => {
@@ -41,6 +41,7 @@ function InlineTableProvider({ children, disabledColumns, moveRowAction }) {
 	return /* @__PURE__ */ jsx(InlineTableContext.Provider, {
 		value: {
 			disabledColumns,
+			hotkeys,
 			...moveRowAction ? {
 				isDraggable: true,
 				moveRow: moveRowMutation.mutate

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VisibilityState } from \"@tanstack/react-table\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { arrayMove } from \"@/lib/entry\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { useTableConfigContext } from \"@/modules/data-tables/entry.client\";\n\n/**\n * Move row method as meta\n */\ntype MoveRowMethod =\n  | {\n      isDraggable: false;\n      moveRow: undefined;\n    }\n  | {\n      isDraggable: true;\n      moveRow: (params: { fromIndex: number; toIndex: number }) => void;\n    };\n\n/**\n * Inline form table context value\n */\nexport type InlineTableContextValue = MoveRowMethod & {\n  disabledColumns?: VisibilityState;\n  // setData: React.Dispatch<React.SetStateAction<TData[]>>;\n};\n\n/**\n * Inline form table context\n */\nconst InlineTableContext = React.createContext({} as InlineTableContextValue);\n\n/**\n * Inline form table context hook\n */\nexport function useInlineTableContext() {\n  const context = React.useContext(InlineTableContext) as InlineTableContextValue;\n  if (!context) throw new Error(\"InlineTableContext not found!\");\n  return context;\n}\n\n/**\n * Inline form table context provider\n */\n\nexport function InlineTableProvider<TData extends { id: string }>({\n  children,\n  disabledColumns,\n  moveRowAction,\n}: PropsWithChildren<{\n  disabledColumns?: VisibilityState;\n  moveRowAction?: (input: { fromIndex: number; toIndex: number }) => Promise<unknown>;\n}>) {\n  const { queryData, setData } = useTableConfigContext<TData>();\n\n  const moveRowMutation = useAction({\n    mutationFn: async (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      await moveRowAction(params);\n    },\n    onMutate: (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      setData((prev) => arrayMove(prev, params));\n    },\n    onError: () => {\n      if (!moveRowAction) return;\n      setData(queryData);\n    },\n  });\n\n  return (\n    <InlineTableContext.Provider\n      value={{\n        disabledColumns,\n        ...(moveRowAction\n          ? { isDraggable: true, moveRow: moveRowMutation.mutate }\n          : { isDraggable: false, moveRow: undefined }),\n      }}\n    >\n      {children}\n    </InlineTableContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,qBAAqB,MAAM,cAAc,EAAE,CAA4B;;;;AAK7E,SAAgB,wBAAwB;CACtC,MAAM,UAAU,MAAM,WAAW,mBAAmB;AACpD,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,gCAAgC;AAC9D,QAAO;;;;;AAOT,SAAgB,oBAAkD,EAChE,UACA,iBACA,iBAIE;CACF,MAAM,EAAE,WAAW,YAAY,uBAA8B;CAE7D,MAAM,kBAAkB,UAAU;EAChC,YAAY,OAAO,WAAmD;AACpE,OAAI,CAAC,cAAe;AACpB,SAAM,cAAc,OAAO;;EAE7B,WAAW,WAAmD;AAC5D,OAAI,CAAC,cAAe;AACpB,YAAS,SAAS,UAAU,MAAM,OAAO,CAAC;;EAE5C,eAAe;AACb,OAAI,CAAC,cAAe;AACpB,WAAQ,UAAU;;EAErB,CAAC;AAEF,QACE,oBAAC,mBAAmB;EAClB,OAAO;GACL;GACA,GAAI,gBACA;IAAE,aAAa;IAAM,SAAS,gBAAgB;IAAQ,GACtD;IAAE,aAAa;IAAO,SAAS;IAAW;GAC/C;EAEA;GAC2B"}
+{"version":3,"file":"context.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VisibilityState } from \"@tanstack/react-table\";\nimport React, { type PropsWithChildren } from \"react\";\nimport { arrayMove } from \"@/lib/entry\";\nimport { useAction } from \"@/lib/hooks/use-action\";\nimport { useTableConfigContext } from \"@/modules/data-tables/entry.client\";\nimport type { InlineDataTableHotkeysConfig } from \"./use-hotkeys.client\";\n\n/**\n * Move row method as meta\n */\ntype MoveRowMethod =\n  | {\n      isDraggable: false;\n      moveRow: undefined;\n    }\n  | {\n      isDraggable: true;\n      moveRow: (params: { fromIndex: number; toIndex: number }) => void;\n    };\n\n/**\n * Inline form table context value\n */\nexport type InlineTableContextValue = MoveRowMethod & {\n  disabledColumns?: VisibilityState;\n  hotkeys?: InlineDataTableHotkeysConfig;\n  // setData: React.Dispatch<React.SetStateAction<TData[]>>;\n};\n\n/**\n * Inline form table context\n */\nconst InlineTableContext = React.createContext({} as InlineTableContextValue);\n\n/**\n * Inline form table context hook\n */\nexport function useInlineTableContext() {\n  const context = React.useContext(InlineTableContext) as InlineTableContextValue;\n  if (!context) throw new Error(\"InlineTableContext not found!\");\n  return context;\n}\n\n/**\n * Inline form table context provider\n */\n\nexport function InlineTableProvider<TData extends { id: string }>({\n  children,\n  disabledColumns,\n  moveRowAction,\n  hotkeys,\n}: PropsWithChildren<{\n  disabledColumns?: VisibilityState;\n  moveRowAction?: (input: { fromIndex: number; toIndex: number }) => Promise<unknown>;\n  hotkeys?: InlineDataTableHotkeysConfig;\n}>) {\n  const { queryData, setData } = useTableConfigContext<TData>();\n\n  const moveRowMutation = useAction({\n    mutationFn: async (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      await moveRowAction(params);\n    },\n    onMutate: (params: { fromIndex: number; toIndex: number }) => {\n      if (!moveRowAction) return;\n      setData((prev) => arrayMove(prev, params));\n    },\n    onError: () => {\n      if (!moveRowAction) return;\n      setData(queryData);\n    },\n  });\n\n  return (\n    <InlineTableContext.Provider\n      value={{\n        disabledColumns,\n        hotkeys,\n        ...(moveRowAction\n          ? { isDraggable: true, moveRow: moveRowMutation.mutate }\n          : { isDraggable: false, moveRow: undefined }),\n      }}\n    >\n      {children}\n    </InlineTableContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkCA,MAAM,qBAAqB,MAAM,cAAc,EAAE,CAA4B;;;;AAK7E,SAAgB,wBAAwB;CACtC,MAAM,UAAU,MAAM,WAAW,mBAAmB;AACpD,KAAI,CAAC,QAAS,OAAM,IAAI,MAAM,gCAAgC;AAC9D,QAAO;;;;;AAOT,SAAgB,oBAAkD,EAChE,UACA,iBACA,eACA,WAKE;CACF,MAAM,EAAE,WAAW,YAAY,uBAA8B;CAE7D,MAAM,kBAAkB,UAAU;EAChC,YAAY,OAAO,WAAmD;AACpE,OAAI,CAAC,cAAe;AACpB,SAAM,cAAc,OAAO;;EAE7B,WAAW,WAAmD;AAC5D,OAAI,CAAC,cAAe;AACpB,YAAS,SAAS,UAAU,MAAM,OAAO,CAAC;;EAE5C,eAAe;AACb,OAAI,CAAC,cAAe;AACpB,WAAQ,UAAU;;EAErB,CAAC;AAEF,QACE,oBAAC,mBAAmB;EAClB,OAAO;GACL;GACA;GACA,GAAI,gBACA;IAAE,aAAa;IAAM,SAAS,gBAAgB;IAAQ,GACtD;IAAE,aAAa;IAAO,SAAS;IAAW;GAC/C;EAEA;GAC2B"}

package/dist/modules/data-tables/tables/inline-table/hooks/use-hotkeys.client.d.mts

@@ -0,0 +1,30 @@
+import { Keys } from "react-hotkeys-hook/dist/types";
+
+//#region src/modules/data-tables/tables/inline-table/hooks/use-hotkeys.client.d.ts
+/**
+ * Inline input data attribute used to identify navigable cells in the data table.
+ */
+declare const INLINE_INPUT_ATTR = "data-inline-input";
+/**
+ * Props for configuring the hotkeys used for navigating between inline-editable cells in a data table.
+ * Each property corresponds to a direction of navigation and accepts an array of key combinations that trigger the navigation in that direction.
+ * If a property is not provided or is an empty array, the corresponding navigation hotkeys will be disabled.
+ */
+type InlineDataTableHotkeysConfig = {
+  moveLeft?: Keys | undefined;
+  moveRight?: Keys | undefined;
+  moveUp?: Keys | undefined;
+  moveDown?: Keys | undefined;
+};
+/**
+ * Sets up hotkeys for navigating between inline-editable cells in a data table:
+ * - ArrowUp / ArrowDown: Move vertically to the next cell with an input in the same column.
+ * - ArrowLeft / ArrowRight: Move horizontally to the next cell with an input in the same row.
+ *
+ * The hotkeys only trigger when focused within a table that uses the "inline-data-table" scope,
+ * and they look for elements with the [data-inline-input] attribute to determine navigable cells.
+ */
+declare function useInlineDataTableHotkeys(props?: InlineDataTableHotkeysConfig): void;
+//#endregion
+export { INLINE_INPUT_ATTR, InlineDataTableHotkeysConfig, useInlineDataTableHotkeys };
+//# sourceMappingURL=use-hotkeys.client.d.mts.map