@nestjs-dash/core 0.0.1 → 0.1.0

package/dist/charts/index.js

@@ -1,8 +1,8 @@
-import { escapeHtml } from '@nestjs-dash/support';
+import { escapeHtml } from "@nestjs-dash/support";
 class ChartWidgetBuilder {
     kind;
-    slot = 'main';
-    categoryKeyValue = 'category';
+    slot = "main";
+    categoryKeyValue = "category";
     seriesValue = [];
     dataInput = [];
     titleValue;
@@ -15,7 +15,7 @@ class ChartWidgetBuilder {
         this.kind = kind;
     }
     side() {
-        this.slot = 'side';
+        this.slot = "side";
         return this;
     }
     title(value) {
@@ -58,7 +58,7 @@ class ChartWidgetBuilder {
         return this.accessPredicate ? await this.accessPredicate(ctx) : true;
     }
     async chart(ctx) {
-        const data = typeof this.dataInput === 'function' ? await this.dataInput(ctx) : this.dataInput;
+        const data = typeof this.dataInput === "function" ? await this.dataInput(ctx) : this.dataInput;
         return {
             kind: this.kind,
             data,
@@ -74,7 +74,7 @@ class ChartWidgetBuilder {
 }
 export class BarChart extends ChartWidgetBuilder {
     constructor() {
-        super('bar');
+        super("bar");
     }
     static make() {
         return new BarChart();
@@ -82,7 +82,7 @@ export class BarChart extends ChartWidgetBuilder {
 }
 export class LineChart extends ChartWidgetBuilder {
     constructor() {
-        super('line');
+        super("line");
     }
     static make() {
         return new LineChart();
@@ -90,7 +90,7 @@ export class LineChart extends ChartWidgetBuilder {
 }
 export class PieChart extends ChartWidgetBuilder {
     constructor() {
-        super('pie');
+        super("pie");
     }
     static make() {
         return new PieChart();
@@ -98,8 +98,8 @@ export class PieChart extends ChartWidgetBuilder {
 }
 export class StatCard {
     labelValue;
-    slot = 'main';
-    valueInput = '';
+    slot = "main";
+    valueInput = "";
     trendInput;
     accessPredicate;
     constructor(labelValue) {
@@ -117,7 +117,7 @@ export class StatCard {
         return this;
     }
     side() {
-        this.slot = 'side';
+        this.slot = "side";
         return this;
     }
     visibleWhen(predicate) {
@@ -128,11 +128,11 @@ export class StatCard {
         return this.accessPredicate ? await this.accessPredicate(ctx) : true;
     }
     async render(ctx) {
-        const value = typeof this.valueInput === 'function' ? await this.valueInput(ctx) : this.valueInput;
-        const trend = typeof this.trendInput === 'function' ? await this.trendInput(ctx) : this.trendInput;
+        const value = typeof this.valueInput === "function" ? await this.valueInput(ctx) : this.valueInput;
+        const trend = typeof this.trendInput === "function" ? await this.trendInput(ctx) : this.trendInput;
         const trendHtml = trend
-            ? `<span style="color:${trend.direction === 'up' ? 'var(--chart-2)' : 'var(--destructive)'};font-size:0.85rem;">${trend.direction === 'up' ? '▲' : '▼'} ${escapeHtml(trend.label)}</span>`
-            : '';
+            ? `<span style="color:${trend.direction === "up" ? "var(--chart-2)" : "var(--destructive)"};font-size:0.85rem;">${trend.direction === "up" ? "▲" : "▼"} ${escapeHtml(trend.label)}</span>`
+            : "";
         return `<div style="border:1px solid var(--border);border-radius:0.5rem;padding:1rem;">
       <div style="font-size:0.8rem;color:var(--muted-foreground);margin-bottom:0.35rem;">${escapeHtml(this.labelValue)}</div>
       <div style="font-size:1.75rem;font-weight:600;">${escapeHtml(String(value))}</div>

package/dist/forms/index.d.ts

@@ -1,5 +1,5 @@
-import type { ZodType } from 'zod';
-import { ComponentBuilder } from '../schemas/index.js';
+import type { ZodType } from "zod";
+import { ComponentBuilder } from "../schemas/index.js";
 export type SelectOption = {
     label: string;
     value: string | number | boolean;
@@ -11,7 +11,7 @@ declare abstract class FieldBuilder extends ComponentBuilder {
     disabled(value?: boolean): this;
     helperText(value: string): this;
     defaultValue(value: string | number | boolean | null): this;
-    icon(name: string, position?: 'start' | 'end'): this;
+    icon(name: string, position?: "start" | "end"): this;
     prefix(value: string): this;
     suffix(value: string): this;
     rule(schema: ZodType): this;
@@ -23,14 +23,14 @@ declare abstract class FieldBuilder extends ComponentBuilder {
     };
 }
 export declare class TextInput extends FieldBuilder {
-    readonly kind: 'text-input';
+    readonly kind: "text-input";
     static make(name: string): TextInput;
     email(): this;
     password(): this;
     placeholder(value: string): this;
 }
 export declare class Textarea extends FieldBuilder {
-    readonly kind: 'textarea';
+    readonly kind: "textarea";
     static make(name: string): Textarea;
     rows(value: number): this;
     json(property?: string): this;
@@ -42,63 +42,63 @@ export interface RelationshipSelectConfig {
     preload?: boolean;
 }
 export declare class Select extends FieldBuilder {
-    readonly kind: 'select';
+    readonly kind: "select";
     static make(name: string): Select;
     options(options: SelectOption[] | Record<string, string | number>): this;
     relationship(config: RelationshipSelectConfig): this;
     multiple(value?: boolean): this;
 }
 export declare class Checkbox extends FieldBuilder {
-    readonly kind: 'checkbox';
+    readonly kind: "checkbox";
     static make(name: string): Checkbox;
 }
 export declare class Toggle extends FieldBuilder {
-    readonly kind: 'toggle';
+    readonly kind: "toggle";
     static make(name: string): Toggle;
 }
 export declare class Radio extends FieldBuilder {
-    readonly kind: 'radio';
+    readonly kind: "radio";
     static make(name: string): Radio;
     options(options: SelectOption[] | Record<string, string | number>): this;
 }
 export declare class DatePicker extends FieldBuilder {
-    readonly kind: 'date-picker';
+    readonly kind: "date-picker";
     static make(name: string): DatePicker;
     minDate(value: string): this;
     maxDate(value: string): this;
 }
 export declare class DateTimePicker extends FieldBuilder {
-    readonly kind: 'date-time-picker';
+    readonly kind: "date-time-picker";
     static make(name: string): DateTimePicker;
     minDate(value: string): this;
     maxDate(value: string): this;
 }
 export declare class ColorPicker extends FieldBuilder {
-    readonly kind: 'color-picker';
+    readonly kind: "color-picker";
     static make(name: string): ColorPicker;
 }
 export declare class CodeEditor extends FieldBuilder {
-    readonly kind: 'code-editor';
+    readonly kind: "code-editor";
     static make(name: string): CodeEditor;
     language(value: string): this;
     rows(value: number): this;
 }
 export declare class TagsInput extends FieldBuilder {
-    readonly kind: 'tags-input';
+    readonly kind: "tags-input";
     static make(name: string): TagsInput;
     placeholder(value: string): this;
     maxTags(value: number): this;
 }
 export declare class RichEditor extends FieldBuilder {
-    readonly kind: 'rich-editor';
+    readonly kind: "rich-editor";
     static make(name: string): RichEditor;
     rows(value: number): this;
 }
-export type RichBoxTheme = 'snow' | 'bubble';
+export type RichBoxTheme = "snow" | "bubble";
 export type RichBoxToolbarItem = string | Record<string, unknown>;
 export type RichBoxToolbarConfig = RichBoxToolbarItem[][] | false;
 export declare class RichBox extends FieldBuilder {
-    readonly kind: 'rich-box';
+    readonly kind: "rich-box";
     static make(name: string): RichBox;
     json(property?: string): this;
     theme(value: RichBoxTheme): this;
@@ -109,7 +109,7 @@ export declare class RichBox extends FieldBuilder {
     readOnly(value?: boolean): this;
     modules(config: Record<string, unknown>): this;
 }
-export type UploadVisibility = 'public' | 'private';
+export type UploadVisibility = "public" | "private";
 declare abstract class UploadFieldBuilder extends FieldBuilder {
     disk(name: string): this;
     directory(path: string): this;
@@ -119,10 +119,10 @@ declare abstract class UploadFieldBuilder extends FieldBuilder {
     acceptedFileTypes(types: string[]): this;
     maxSize(kilobytes: number): this;
 }
-export type ImageShape = 'circle' | 'square';
+export type ImageShape = "circle" | "square";
 export type ImageVisibility = UploadVisibility;
 export declare class ImageUpload extends UploadFieldBuilder {
-    readonly kind: 'image-upload';
+    readonly kind: "image-upload";
     static make(name: string): ImageUpload;
     collection(name: string): this;
     shape(value: ImageShape): this;
@@ -130,17 +130,17 @@ export declare class ImageUpload extends UploadFieldBuilder {
     aspectRatio(value: number): this;
 }
 export declare class FileUpload extends UploadFieldBuilder {
-    readonly kind: 'file-upload';
+    readonly kind: "file-upload";
     static make(name: string): FileUpload;
 }
 export declare class Repeater extends FieldBuilder {
-    readonly kind: 'repeater';
+    readonly kind: "repeater";
     static make(name: string): Repeater;
     schema(fields: Array<TextInput | Textarea | Select | Checkbox | Toggle>): this;
     minItems(value: number): this;
     maxItems(value: number): this;
     addActionLabel(value: string): this;
 }
-export { validateFormPayload } from './validation.js';
-export { collectJsonArrayFields, collectJsonTextareaFields, parseJsonArrayFields, parseJsonTextareaFields, stringifyJsonTextareaFields, } from './json-fields.js';
+export { validateFormPayload } from "./validation.js";
+export { collectJsonArrayFields, collectJsonTextareaFields, parseJsonArrayFields, parseJsonTextareaFields, stringifyJsonTextareaFields, } from "./json-fields.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/index.js

@@ -1,36 +1,36 @@
-import { ComponentBuilder } from '../schemas/index.js';
-import { registerFieldValidation } from './validation.js';
+import { ComponentBuilder } from "../schemas/index.js";
+import { registerFieldValidation } from "./validation.js";
 class FieldBuilder extends ComponentBuilder {
     constructor(name) {
         super();
-        this.setProp('name', name);
+        this.setProp("name", name);
     }
     label(value) {
-        return this.setProp('label', value);
+        return this.setProp("label", value);
     }
     required(value = true) {
-        return this.setProp('required', value);
+        return this.setProp("required", value);
     }
     disabled(value = true) {
-        return this.setProp('disabled', value);
+        return this.setProp("disabled", value);
     }
     helperText(value) {
-        return this.setProp('helperText', value);
+        return this.setProp("helperText", value);
     }
     defaultValue(value) {
-        return this.setProp('defaultValue', value);
+        return this.setProp("defaultValue", value);
     }
-    icon(name, position = 'start') {
-        return this.setProp('icon', name).setProp('iconPosition', position);
+    icon(name, position = "start") {
+        return this.setProp("icon", name).setProp("iconPosition", position);
     }
     prefix(value) {
-        return this.setProp('prefix', value);
+        return this.setProp("prefix", value);
     }
     suffix(value) {
-        return this.setProp('suffix', value);
+        return this.setProp("suffix", value);
     }
     rule(schema) {
-        return this.setProp('validationKey', registerFieldValidation(schema));
+        return this.setProp("validationKey", registerFieldValidation(schema));
     }
     toSchema() {
         const schema = super.toSchema();
@@ -38,51 +38,51 @@ class FieldBuilder extends ComponentBuilder {
     }
 }
 export class TextInput extends FieldBuilder {
-    kind = 'text-input';
+    kind = "text-input";
     static make(name) {
         return new TextInput(name);
     }
     email() {
-        return this.setProp('type', 'email');
+        return this.setProp("type", "email");
     }
     password() {
-        return this.setProp('type', 'password');
+        return this.setProp("type", "password");
     }
     placeholder(value) {
-        return this.setProp('placeholder', value);
+        return this.setProp("placeholder", value);
     }
 }
 export class Textarea extends FieldBuilder {
-    kind = 'textarea';
+    kind = "textarea";
     static make(name) {
         return new Textarea(name);
     }
     rows(value) {
-        return this.setProp('rows', value);
+        return this.setProp("rows", value);
     }
     json(property) {
-        this.setProp('json', true);
+        this.setProp("json", true);
         if (property != null)
-            this.setProp('jsonProperty', property);
+            this.setProp("jsonProperty", property);
         return this;
     }
 }
 export class Select extends FieldBuilder {
-    kind = 'select';
+    kind = "select";
     static make(name) {
         return new Select(name);
     }
     options(options) {
         if (Array.isArray(options)) {
-            return this.setProp('options', options);
+            return this.setProp("options", options);
         }
-        return this.setProp('options', Object.entries(options).map(([value, label]) => ({
+        return this.setProp("options", Object.entries(options).map(([value, label]) => ({
             label: String(label),
             value,
         })));
     }
     relationship(config) {
-        return this.setProp('relationship', {
+        return this.setProp("relationship", {
             resource: config.resource,
             titleAttribute: config.titleAttribute,
             searchBy: config.searchBy ?? [config.titleAttribute],
@@ -90,185 +90,185 @@ export class Select extends FieldBuilder {
         });
     }
     multiple(value = true) {
-        return this.setProp('multiple', value);
+        return this.setProp("multiple", value);
     }
 }
 export class Checkbox extends FieldBuilder {
-    kind = 'checkbox';
+    kind = "checkbox";
     static make(name) {
         return new Checkbox(name);
     }
 }
 export class Toggle extends FieldBuilder {
-    kind = 'toggle';
+    kind = "toggle";
     static make(name) {
         return new Toggle(name);
     }
 }
 export class Radio extends FieldBuilder {
-    kind = 'radio';
+    kind = "radio";
     static make(name) {
         return new Radio(name);
     }
     options(options) {
         if (Array.isArray(options)) {
-            return this.setProp('options', options);
+            return this.setProp("options", options);
         }
-        return this.setProp('options', Object.entries(options).map(([value, label]) => ({
+        return this.setProp("options", Object.entries(options).map(([value, label]) => ({
             label: String(label),
             value,
         })));
     }
 }
 export class DatePicker extends FieldBuilder {
-    kind = 'date-picker';
+    kind = "date-picker";
     static make(name) {
         return new DatePicker(name);
     }
     minDate(value) {
-        return this.setProp('minDate', value);
+        return this.setProp("minDate", value);
     }
     maxDate(value) {
-        return this.setProp('maxDate', value);
+        return this.setProp("maxDate", value);
     }
 }
 export class DateTimePicker extends FieldBuilder {
-    kind = 'date-time-picker';
+    kind = "date-time-picker";
     static make(name) {
         return new DateTimePicker(name);
     }
     minDate(value) {
-        return this.setProp('minDate', value);
+        return this.setProp("minDate", value);
     }
     maxDate(value) {
-        return this.setProp('maxDate', value);
+        return this.setProp("maxDate", value);
     }
 }
 export class ColorPicker extends FieldBuilder {
-    kind = 'color-picker';
+    kind = "color-picker";
     static make(name) {
         return new ColorPicker(name);
     }
 }
 export class CodeEditor extends FieldBuilder {
-    kind = 'code-editor';
+    kind = "code-editor";
     static make(name) {
         return new CodeEditor(name);
     }
     language(value) {
-        return this.setProp('language', value);
+        return this.setProp("language", value);
     }
     rows(value) {
-        return this.setProp('rows', value);
+        return this.setProp("rows", value);
     }
 }
 export class TagsInput extends FieldBuilder {
-    kind = 'tags-input';
+    kind = "tags-input";
     static make(name) {
         return new TagsInput(name);
     }
     placeholder(value) {
-        return this.setProp('placeholder', value);
+        return this.setProp("placeholder", value);
     }
     maxTags(value) {
-        return this.setProp('maxTags', value);
+        return this.setProp("maxTags", value);
     }
 }
 export class RichEditor extends FieldBuilder {
-    kind = 'rich-editor';
+    kind = "rich-editor";
     static make(name) {
         return new RichEditor(name);
     }
     rows(value) {
-        return this.setProp('rows', value);
+        return this.setProp("rows", value);
     }
 }
 export class RichBox extends FieldBuilder {
-    kind = 'rich-box';
+    kind = "rich-box";
     static make(name) {
-        const dot = name.indexOf('.');
+        const dot = name.indexOf(".");
         const instance = new RichBox(dot === -1 ? name : name.slice(0, dot));
         if (dot !== -1)
             instance.json(name.slice(dot + 1));
         return instance;
     }
     json(property) {
-        this.setProp('json', true);
+        this.setProp("json", true);
         if (property != null)
-            this.setProp('jsonProperty', property);
+            this.setProp("jsonProperty", property);
         return this;
     }
     theme(value) {
-        return this.setProp('theme', value);
+        return this.setProp("theme", value);
     }
     height(value) {
-        return this.setProp('height', typeof value === 'number' ? `${value}px` : value);
+        return this.setProp("height", typeof value === "number" ? `${value}px` : value);
     }
     placeholder(value) {
-        return this.setProp('placeholder', value);
+        return this.setProp("placeholder", value);
     }
     toolbar(config) {
-        return this.setProp('toolbar', config);
+        return this.setProp("toolbar", config);
     }
     formats(list) {
-        return this.setProp('formats', list);
+        return this.setProp("formats", list);
     }
     readOnly(value = true) {
-        return this.setProp('readOnly', value);
+        return this.setProp("readOnly", value);
     }
     modules(config) {
-        return this.setProp('modules', config);
+        return this.setProp("modules", config);
     }
 }
 class UploadFieldBuilder extends FieldBuilder {
     disk(name) {
-        return this.setProp('disk', name);
+        return this.setProp("disk", name);
     }
     directory(path) {
-        return this.setProp('directory', path);
+        return this.setProp("directory", path);
     }
     visibility(value) {
-        return this.setProp('visibility', value);
+        return this.setProp("visibility", value);
     }
     multiple(value = true) {
-        return this.setProp('multiple', value);
+        return this.setProp("multiple", value);
     }
     maxFiles(value) {
-        return this.setProp('maxFiles', value);
+        return this.setProp("maxFiles", value);
     }
     acceptedFileTypes(types) {
-        return this.setProp('acceptedFileTypes', types);
+        return this.setProp("acceptedFileTypes", types);
     }
     maxSize(kilobytes) {
-        return this.setProp('maxSize', kilobytes);
+        return this.setProp("maxSize", kilobytes);
     }
 }
 export class ImageUpload extends UploadFieldBuilder {
-    kind = 'image-upload';
+    kind = "image-upload";
     static make(name) {
         return new ImageUpload(name);
     }
     collection(name) {
-        return this.setProp('collection', name);
+        return this.setProp("collection", name);
     }
     shape(value) {
-        return this.setProp('shape', value);
+        return this.setProp("shape", value);
     }
     croppable(value = true) {
-        return this.setProp('croppable', value);
+        return this.setProp("croppable", value);
     }
     aspectRatio(value) {
-        return this.setProp('aspectRatio', value);
+        return this.setProp("aspectRatio", value);
     }
 }
 export class FileUpload extends UploadFieldBuilder {
-    kind = 'file-upload';
+    kind = "file-upload";
     static make(name) {
         return new FileUpload(name);
     }
 }
 export class Repeater extends FieldBuilder {
-    kind = 'repeater';
+    kind = "repeater";
     static make(name) {
         return new Repeater(name);
     }
@@ -277,15 +277,15 @@ export class Repeater extends FieldBuilder {
         return this;
     }
     minItems(value) {
-        return this.setProp('minItems', value);
+        return this.setProp("minItems", value);
     }
     maxItems(value) {
-        return this.setProp('maxItems', value);
+        return this.setProp("maxItems", value);
     }
     addActionLabel(value) {
-        return this.setProp('addActionLabel', value);
+        return this.setProp("addActionLabel", value);
     }
 }
-export { validateFormPayload } from './validation.js';
-export { collectJsonArrayFields, collectJsonTextareaFields, parseJsonArrayFields, parseJsonTextareaFields, stringifyJsonTextareaFields, } from './json-fields.js';
+export { validateFormPayload } from "./validation.js";
+export { collectJsonArrayFields, collectJsonTextareaFields, parseJsonArrayFields, parseJsonTextareaFields, stringifyJsonTextareaFields, } from "./json-fields.js";
 //# sourceMappingURL=index.js.map

package/dist/forms/json-fields.d.ts

@@ -1,4 +1,4 @@
-import { type SchemaNode } from '@nestjs-dash/support';
+import { type SchemaNode } from "@nestjs-dash/support";
 export declare function collectJsonArrayFields(node: SchemaNode | undefined | null): SchemaNode[];
 export declare function parseJsonArrayFields(body: Record<string, unknown>, form: SchemaNode | undefined | null): Record<string, unknown>;
 export declare function collectJsonTextareaFields(node: SchemaNode | undefined | null): SchemaNode[];