@btst/plugin-cms 0.0.0-stage → 1.0.0-beta.0

package/dist/ui/src/components/switch.mjs

@@ -0,0 +1,32 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cn } from '../lib/utils.mjs';
+
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+
+export { Switch };

package/dist/ui/src/components/table.cjs

@@ -0,0 +1,89 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: utils.cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: utils.cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: utils.cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: utils.cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: utils.cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: utils.cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/ui/src/components/table.mjs

@@ -0,0 +1,82 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.mjs';
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/ui/src/components/textarea.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: utils.cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Textarea = Textarea;

package/dist/ui/src/components/textarea.mjs

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.mjs';
+
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Textarea };

package/dist/ui/src/hooks/use-debounce.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+const React = require('react');
+
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+  React.useEffect(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+
+exports.useDebounce = useDebounce;

package/dist/ui/src/hooks/use-debounce.mjs

@@ -0,0 +1,14 @@
+import { useState, useEffect } from 'react';
+
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+
+export { useDebounce };

package/dist/ui/src/hooks/use-route-lifecycle.cjs

@@ -0,0 +1,31 @@
+'use client';
+'use strict';
+
+const React = require('react');
+
+function useRouteLifecycle({
+  routeName,
+  context,
+  overrides
+}) {
+  React.useEffect(() => {
+    if (overrides.onRouteRender) {
+      try {
+        const result = overrides.onRouteRender(routeName, context);
+        if (result instanceof Promise) {
+          result.catch((error) => {
+            if (overrides.onRouteError) {
+              overrides.onRouteError(routeName, error, context);
+            }
+          });
+        }
+      } catch (error) {
+        if (overrides.onRouteError) {
+          overrides.onRouteError(routeName, error, context);
+        }
+      }
+    }
+  }, [routeName, overrides, context]);
+}
+
+exports.useRouteLifecycle = useRouteLifecycle;

package/dist/ui/src/hooks/use-route-lifecycle.mjs

@@ -0,0 +1,29 @@
+'use client';
+import { useEffect } from 'react';
+
+function useRouteLifecycle({
+  routeName,
+  context,
+  overrides
+}) {
+  useEffect(() => {
+    if (overrides.onRouteRender) {
+      try {
+        const result = overrides.onRouteRender(routeName, context);
+        if (result instanceof Promise) {
+          result.catch((error) => {
+            if (overrides.onRouteError) {
+              overrides.onRouteError(routeName, error, context);
+            }
+          });
+        }
+      } catch (error) {
+        if (overrides.onRouteError) {
+          overrides.onRouteError(routeName, error, context);
+        }
+      }
+    }
+  }, [routeName, overrides, context]);
+}
+
+export { useRouteLifecycle };

package/dist/ui/src/lib/schema-converter.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+const z = require('zod');
+
+function zodToFormSchema(schema, metadata) {
+  const jsonSchema = z.z.toJSONSchema(schema, {
+    unrepresentable: "any",
+    override: (ctx) => {
+      const def = ctx.zodSchema?._zod?.def;
+      if (def?.type === "date") {
+        ctx.jsonSchema.type = "string";
+        ctx.jsonSchema.format = "date-time";
+        const zodSchema = ctx.zodSchema;
+        if (zodSchema.minDate) {
+          ctx.jsonSchema.formatMinimum = zodSchema.minDate;
+        }
+        if (zodSchema.maxDate) {
+          ctx.jsonSchema.formatMaximum = zodSchema.maxDate;
+        }
+      }
+    }
+  });
+  if (metadata?.steps) {
+    jsonSchema.steps = metadata.steps;
+  }
+  if (metadata?.stepGroupMap) {
+    jsonSchema.stepGroupMap = metadata.stepGroupMap;
+  }
+  return jsonSchema;
+}
+function extractStepGroupMap(jsonSchema) {
+  const stepGroupMap = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return stepGroupMap;
+  for (const [fieldName, fieldSchema] of Object.entries(properties)) {
+    if (typeof fieldSchema.stepGroup === "number") {
+      stepGroupMap[fieldName] = fieldSchema.stepGroup;
+    }
+  }
+  return stepGroupMap;
+}
+function findDateFieldsWithConstraints(jsonSchema) {
+  const dateFields = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return dateFields;
+  for (const [key, prop] of Object.entries(properties)) {
+    if (prop.type === "string" && prop.format === "date-time") {
+      if (prop.formatMinimum || prop.formatMaximum) {
+        dateFields[key] = {
+          min: prop.formatMinimum,
+          max: prop.formatMaximum
+        };
+      }
+    }
+  }
+  return dateFields;
+}
+function addDateValidations(schema, dateFieldsWithConstraints) {
+  if (Object.keys(dateFieldsWithConstraints).length === 0) {
+    return schema;
+  }
+  return schema.superRefine((data, ctx) => {
+    for (const [key, constraints] of Object.entries(dateFieldsWithConstraints)) {
+      const value = data[key];
+      if (value === void 0 || value === null || value === "") continue;
+      const dateValue = new Date(value);
+      if (isNaN(dateValue.getTime())) {
+        ctx.addIssue({
+          code: z.z.ZodIssueCode.custom,
+          message: "Invalid date",
+          path: [key]
+        });
+        continue;
+      }
+      if (constraints.min) {
+        const minDate = new Date(constraints.min);
+        if (dateValue < minDate) {
+          ctx.addIssue({
+            code: z.z.ZodIssueCode.custom,
+            message: `Date must be after ${minDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+      if (constraints.max) {
+        const maxDate = new Date(constraints.max);
+        if (dateValue > maxDate) {
+          ctx.addIssue({
+            code: z.z.ZodIssueCode.custom,
+            message: `Date must be before ${maxDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+    }
+  });
+}
+function attachStepsMetadata(schema, jsonSchema) {
+  const steps = jsonSchema.steps;
+  if (!steps || steps.length === 0) {
+    return schema;
+  }
+  const stepGroupMap = jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+  return schema.meta({
+    steps,
+    stepGroupMap
+  });
+}
+function formSchemaToZod(jsonSchema) {
+  let schema = z.z.fromJSONSchema(jsonSchema);
+  if (schema && typeof schema.passthrough === "function") {
+    schema = schema.passthrough();
+  }
+  const dateFieldsWithConstraints = findDateFieldsWithConstraints(jsonSchema);
+  schema = addDateValidations(schema, dateFieldsWithConstraints);
+  schema = attachStepsMetadata(schema, jsonSchema);
+  return schema;
+}
+function hasSteps(jsonSchema) {
+  return Array.isArray(jsonSchema.steps) && jsonSchema.steps.length > 0;
+}
+function getSteps(jsonSchema) {
+  return jsonSchema.steps ?? [];
+}
+function getStepGroupMap(jsonSchema) {
+  return jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+}
+
+exports.formSchemaToZod = formSchemaToZod;
+exports.getStepGroupMap = getStepGroupMap;
+exports.getSteps = getSteps;
+exports.hasSteps = hasSteps;
+exports.zodToFormSchema = zodToFormSchema;

package/dist/ui/src/lib/schema-converter.mjs

@@ -0,0 +1,127 @@
+import { z } from 'zod';
+
+function zodToFormSchema(schema, metadata) {
+  const jsonSchema = z.toJSONSchema(schema, {
+    unrepresentable: "any",
+    override: (ctx) => {
+      const def = ctx.zodSchema?._zod?.def;
+      if (def?.type === "date") {
+        ctx.jsonSchema.type = "string";
+        ctx.jsonSchema.format = "date-time";
+        const zodSchema = ctx.zodSchema;
+        if (zodSchema.minDate) {
+          ctx.jsonSchema.formatMinimum = zodSchema.minDate;
+        }
+        if (zodSchema.maxDate) {
+          ctx.jsonSchema.formatMaximum = zodSchema.maxDate;
+        }
+      }
+    }
+  });
+  if (metadata?.steps) {
+    jsonSchema.steps = metadata.steps;
+  }
+  if (metadata?.stepGroupMap) {
+    jsonSchema.stepGroupMap = metadata.stepGroupMap;
+  }
+  return jsonSchema;
+}
+function extractStepGroupMap(jsonSchema) {
+  const stepGroupMap = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return stepGroupMap;
+  for (const [fieldName, fieldSchema] of Object.entries(properties)) {
+    if (typeof fieldSchema.stepGroup === "number") {
+      stepGroupMap[fieldName] = fieldSchema.stepGroup;
+    }
+  }
+  return stepGroupMap;
+}
+function findDateFieldsWithConstraints(jsonSchema) {
+  const dateFields = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return dateFields;
+  for (const [key, prop] of Object.entries(properties)) {
+    if (prop.type === "string" && prop.format === "date-time") {
+      if (prop.formatMinimum || prop.formatMaximum) {
+        dateFields[key] = {
+          min: prop.formatMinimum,
+          max: prop.formatMaximum
+        };
+      }
+    }
+  }
+  return dateFields;
+}
+function addDateValidations(schema, dateFieldsWithConstraints) {
+  if (Object.keys(dateFieldsWithConstraints).length === 0) {
+    return schema;
+  }
+  return schema.superRefine((data, ctx) => {
+    for (const [key, constraints] of Object.entries(dateFieldsWithConstraints)) {
+      const value = data[key];
+      if (value === void 0 || value === null || value === "") continue;
+      const dateValue = new Date(value);
+      if (isNaN(dateValue.getTime())) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid date",
+          path: [key]
+        });
+        continue;
+      }
+      if (constraints.min) {
+        const minDate = new Date(constraints.min);
+        if (dateValue < minDate) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: `Date must be after ${minDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+      if (constraints.max) {
+        const maxDate = new Date(constraints.max);
+        if (dateValue > maxDate) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: `Date must be before ${maxDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+    }
+  });
+}
+function attachStepsMetadata(schema, jsonSchema) {
+  const steps = jsonSchema.steps;
+  if (!steps || steps.length === 0) {
+    return schema;
+  }
+  const stepGroupMap = jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+  return schema.meta({
+    steps,
+    stepGroupMap
+  });
+}
+function formSchemaToZod(jsonSchema) {
+  let schema = z.fromJSONSchema(jsonSchema);
+  if (schema && typeof schema.passthrough === "function") {
+    schema = schema.passthrough();
+  }
+  const dateFieldsWithConstraints = findDateFieldsWithConstraints(jsonSchema);
+  schema = addDateValidations(schema, dateFieldsWithConstraints);
+  schema = attachStepsMetadata(schema, jsonSchema);
+  return schema;
+}
+function hasSteps(jsonSchema) {
+  return Array.isArray(jsonSchema.steps) && jsonSchema.steps.length > 0;
+}
+function getSteps(jsonSchema) {
+  return jsonSchema.steps ?? [];
+}
+function getStepGroupMap(jsonSchema) {
+  return jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+}
+
+export { formSchemaToZod, getStepGroupMap, getSteps, hasSteps, zodToFormSchema };

package/dist/ui/src/lib/utils.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const clsx = require('clsx');
+const tailwindMerge = require('tailwind-merge');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;

package/dist/ui/src/lib/utils.mjs

@@ -0,0 +1,8 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/utils.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+const clsx = require('clsx');
+const tailwindMerge = require('tailwind-merge');
+const slug = require('slug');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const slug__default = /*#__PURE__*/_interopDefaultCompat(slug);
+
+function slugify(text, locale = "en") {
+  return slug__default(text, { lower: true, locale });
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;
+exports.slugify = slugify;

package/dist/utils.mjs

@@ -0,0 +1,12 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import slug from 'slug';
+
+function slugify(text, locale = "en") {
+  return slug(text, { lower: true, locale });
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn, slugify };