@akinon/akiform-builder 0.8.0 → 1.0.0

package/dist/cjs/src/field-builder.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.field = field;
+class BaseFieldBuilder {
+    constructor() {
+        this.field = {};
+    }
+    key(key) {
+        this.field.key = key;
+        return this;
+    }
+    label(label) {
+        this.field.label = label;
+        return this;
+    }
+    type(type) {
+        this.field.type = type;
+        return this;
+    }
+    placeholder(placeholder) {
+        this.field.placeholder = placeholder;
+        return this;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    defaultValue(value) {
+        this.field.defaultValue = value;
+        return this;
+    }
+    validation(schema) {
+        this.field.validation = schema;
+        return this;
+    }
+    config(config) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.field.config = config;
+        return this;
+    }
+    fields(fields) {
+        if (this.field.type === 'fieldArray' || this.field.type === 'section') {
+            this.field.fields = fields;
+        }
+        else {
+            console.warn(`Fields can only be set for 'fieldArray' or 'section' types. Current type: ${this.field.type}`);
+        }
+        return this;
+    }
+    tooltip(tooltipProps) {
+        this.field.tooltip = tooltipProps;
+        return this;
+    }
+    build() {
+        if (!this.field.key || !this.field.label || !this.field.type) {
+            throw new Error('Field must have at least a key, label, and type');
+        }
+        return this.field;
+    }
+}
+class SelectFieldBuilder extends BaseFieldBuilder {
+    options(options) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.field.options = options;
+        return this;
+    }
+}
+class CustomFieldBuilder extends BaseFieldBuilder {
+    render(renderFn) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.field.render = renderFn;
+        return this;
+    }
+}
+class SectionFieldBuilder extends BaseFieldBuilder {
+    defaultExpanded(expanded) {
+        this.field.defaultExpanded = expanded;
+        return this;
+    }
+}
+function field() {
+    return new Proxy(new BaseFieldBuilder(), {
+        get(target, prop) {
+            if (prop === 'options') {
+                return SelectFieldBuilder.prototype.options;
+            }
+            if (prop === 'render') {
+                return CustomFieldBuilder.prototype.render;
+            }
+            if (prop === 'defaultExpanded') {
+                return SectionFieldBuilder.prototype.defaultExpanded;
+            }
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            return target[prop];
+        }
+    });
+}

package/dist/cjs/src/i18n/index.d.ts

@@ -0,0 +1,5 @@
+export declare const i18n: {
+    t: (key: string, options?: import("i18next").TOptions) => string;
+    lng: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/src/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/i18n/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;4BAQszB,CAAC;;CADt0B,CAAC"}

package/dist/cjs/src/i18n/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const akilocale_1 = require("@akinon/akilocale");
+const en_1 = require("./translations/en");
+const tr_1 = require("./translations/tr");
+exports.i18n = akilocale_1.Akilocale.createInstance({
+    debug: false,
+    fallbackLng: 'en',
+    translations: {
+        en: en_1.default,
+        tr: tr_1.default
+    }
+});

package/dist/cjs/src/i18n/translations/en.d.ts

@@ -0,0 +1,7 @@
+declare const translations: {
+    readonly reset: "RESET";
+    readonly submit: "SUBMIT";
+    readonly formLabel: "Form";
+};
+export default translations;
+//# sourceMappingURL=en.d.ts.map

package/dist/cjs/src/i18n/translations/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/src/i18n/translations/en.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const translations = {
+    reset: 'RESET',
+    submit: 'SUBMIT',
+    formLabel: 'Form'
+};
+exports.default = translations;

package/dist/cjs/src/i18n/translations/tr.d.ts

@@ -0,0 +1,7 @@
+declare const translations: {
+    readonly reset: "TEMİZLE";
+    readonly submit: "GÖNDER";
+    readonly formLabel: "Form";
+};
+export default translations;
+//# sourceMappingURL=tr.d.ts.map

package/dist/cjs/src/i18n/translations/tr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["../../../../../src/i18n/translations/tr.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AAEX,eAAe,YAAY,CAAC"}

package/dist/cjs/src/i18n/translations/tr.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const translations = {
+    reset: 'TEMİZLE',
+    submit: 'GÖNDER',
+    formLabel: 'Form'
+};
+exports.default = translations;

package/dist/cjs/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './akiform-builder';
+export { field } from './field-builder';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/dist/cjs/src/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.field = void 0;
+__exportStar(require("./akiform-builder"), exports);
+var field_builder_1 = require("./field-builder");
+Object.defineProperty(exports, "field", { enumerable: true, get: function () { return field_builder_1.field; } });
+__exportStar(require("./types"), exports);

package/dist/cjs/src/types.d.ts

@@ -0,0 +1,84 @@
+import { AkiformProps, Control, FieldPath, FieldValues } from '@akinon/akiform';
+import { AnySchema } from '@akinon/akival';
+import { TooltipProps } from '@akinon/ui-tooltip';
+import { FormEventHandler, ReactElement } from 'react';
+export type FieldType = 'text' | 'number' | 'select' | 'checkbox' | 'date' | 'fieldArray' | 'textarea' | 'custom' | 'section';
+export interface BaseField<TFieldValues extends FieldValues = FieldValues> {
+    key: FieldPath<TFieldValues>;
+    label: string;
+    type: FieldType;
+    placeholder?: string;
+    defaultValue?: unknown;
+    validation?: AnySchema;
+    config?: FieldConfig;
+    tooltip?: TooltipProps | string;
+}
+export interface TextField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'text';
+}
+export interface NumberField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'number';
+}
+export interface SelectField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'select';
+    options: Array<{
+        value: string | number;
+        label: string;
+    }>;
+}
+export interface CheckboxField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'checkbox';
+}
+export interface DateField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'date';
+}
+export interface FieldArrayField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'fieldArray';
+    fields: FormField<TFieldValues>[];
+}
+export interface TextareaField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'textarea';
+}
+export interface CustomField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'custom';
+    render: (props: {
+        field: BaseField<TFieldValues>;
+        formValues: TFieldValues;
+        control: Control<TFieldValues>;
+        formState: any;
+    }) => ReactElement;
+}
+export interface SectionField<TFieldValues extends FieldValues = FieldValues> extends BaseField<TFieldValues> {
+    type: 'section';
+    fields: FormField<TFieldValues>[];
+    defaultExpanded?: boolean;
+}
+export type FormField<TFieldValues extends FieldValues = FieldValues> = TextField<TFieldValues> | NumberField<TFieldValues> | SelectField<TFieldValues> | CheckboxField<TFieldValues> | DateField<TFieldValues> | FieldArrayField<TFieldValues> | TextareaField<TFieldValues> | CustomField<TFieldValues> | SectionField<TFieldValues>;
+export type FormLayout = 'vertical' | 'horizontal' | 'inline';
+export interface LayoutOptions {
+    labelCol?: {
+        span: number;
+    };
+    wrapperCol?: {
+        span: number;
+    };
+}
+export interface AkiformBuilderProps<TFieldValues extends FieldValues = FieldValues> extends Omit<AkiformProps, 'fields' | 'onReset' | 'onChange'> {
+    fields: FormField<TFieldValues>[];
+    onSubmit: (values: TFieldValues) => void;
+    layout?: FormLayout;
+    layoutOptions?: LayoutOptions;
+    showResetButton?: boolean;
+    onReset?: FormEventHandler<HTMLFormElement>;
+    controlled?: boolean;
+    values?: TFieldValues;
+    onValueChange?: (values: TFieldValues) => void;
+}
+export interface AkiformBuilderRef<TFieldValues extends FieldValues = FieldValues> {
+    reset: (values?: Partial<TFieldValues>) => void;
+}
+export interface FieldConfig<T = unknown> {
+    disabled?: boolean | ((values: T) => boolean);
+    visible?: boolean | ((values: T) => boolean);
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"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"}

package/dist/cjs/src/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/__tests__/akiform-builder.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=akiform-builder.test.d.ts.map

package/dist/esm/__tests__/akiform-builder.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"akiform-builder.test.d.ts","sourceRoot":"","sources":["../../../__tests__/akiform-builder.test.tsx"],"names":[],"mappings":""}