@akinon/akiform-builder 0.8.0 → 1.0.0

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

@@ -0,0 +1,91 @@
+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;
+    }
+}
+export 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/esm/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/esm/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/esm/src/i18n/index.js

@@ -0,0 +1,11 @@
+import { Akilocale } from '@akinon/akilocale';
+import en from './translations/en';
+import tr from './translations/tr';
+export const i18n = Akilocale.createInstance({
+    debug: false,
+    fallbackLng: 'en',
+    translations: {
+        en,
+        tr
+    }
+});

package/dist/esm/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/esm/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/esm/src/i18n/translations/en.js

@@ -0,0 +1,6 @@
+const translations = {
+    reset: 'RESET',
+    submit: 'SUBMIT',
+    formLabel: 'Form'
+};
+export default translations;

package/dist/esm/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/esm/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/esm/src/i18n/translations/tr.js

@@ -0,0 +1,6 @@
+const translations = {
+    reset: 'TEMİZLE',
+    submit: 'GÖNDER',
+    formLabel: 'Form'
+};
+export default translations;

package/dist/esm/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/esm/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/esm/src/index.js

@@ -0,0 +1,3 @@
+export * from './akiform-builder';
+export { field } from './field-builder';
+export * from './types';

package/dist/esm/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/esm/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IACvE,GAAG,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACzE,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACzE,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC3E,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACvE,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC7E,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC3E,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,WAAW,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CACzE,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,CAAC,KAAK,EAAE;QACd,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;QAC/B,UAAU,EAAE,YAAY,CAAC;QACzB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;QAE/B,SAAS,EAAE,GAAG,CAAC;KAChB,KAAK,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,YAAY,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC1E,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,SAAS,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,IAChE,SAAS,CAAC,YAAY,CAAC,GACvB,WAAW,CAAC,YAAY,CAAC,GACzB,WAAW,CAAC,YAAY,CAAC,GACzB,aAAa,CAAC,YAAY,CAAC,GAC3B,SAAS,CAAC,YAAY,CAAC,GACvB,eAAe,CAAC,YAAY,CAAC,GAC7B,aAAa,CAAC,YAAY,CAAC,GAC3B,WAAW,CAAC,YAAY,CAAC,GACzB,YAAY,CAAC,YAAY,CAAC,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5B,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB,CAClC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC9C,SAAQ,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7D,MAAM,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,iBAAiB,CAChC,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,OAAO;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;CAC9C"}

package/dist/esm/src/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@akinon/akiform-builder",
   "description": "Form builder library for form operations.",
-  "version": "0.8.0",
+  "version": "1.0.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -10,25 +10,27 @@
     "dist"
   ],
   "dependencies": {
-    "@akinon/akiform": "0.9.0",
-    "@akinon/akilocale": "0.14.0",
-    "@akinon/akival": "0.6.0",
-    "@akinon/ui-button": "0.7.0",
-    "@akinon/ui-checkbox": "0.5.0",
-    "@akinon/ui-collapse": "0.5.0",
-    "@akinon/ui-input": "0.6.0",
-    "@akinon/ui-select": "0.5.0",
-    "@akinon/ui-space": "0.5.0",
-    "@akinon/ui-date-picker": "0.5.0",
-    "@akinon/ui-input-number": "0.5.0"
+    "@akinon/akiform": "1.0.0",
+    "@akinon/akival": "1.0.0",
+    "@akinon/akilocale": "1.0.0",
+    "@akinon/ui-checkbox": "1.0.0",
+    "@akinon/ui-button": "1.0.0",
+    "@akinon/ui-date-picker": "1.0.0",
+    "@akinon/ui-input": "1.0.0",
+    "@akinon/ui-input-number": "1.0.0",
+    "@akinon/ui-space": "1.0.0",
+    "@akinon/ui-select": "1.0.0",
+    "@akinon/ui-tooltip": "1.0.0",
+    "@akinon/ui-typography": "1.0.0",
+    "@akinon/ui-collapse": "1.0.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2",
-    "@akinon/typescript-config": "0.4.0",
-    "@akinon/utils": "0.3.0"
+    "typescript": "*",
+    "@akinon/typescript-config": "1.0.0",
+    "@akinon/utils": "1.0.0"
   },
   "peerDependencies": {
     "react": ">=18",