sera-components 1.8.7 → 1.9.1

package/dist/data/inputs/index.d.ts

@@ -1,4 +1,4 @@
-import { DataProperty, DataType, DB, ObjectProperty, NestedProperty } from 'sera-db';
+import { DataProperty, DataType, DB, ObjectProperty, NestedProperty, Constructor } from 'sera-db';
 import { BooleanInput } from './boolean-input';
 import { NumberInput } from './number-input';
 import { TextInput } from './text-input';
@@ -21,7 +21,7 @@ export type InputInterface<T> = {
     db: DB;
     property: DataProperty | ObjectProperty | NestedProperty;
     value: T;
-    onChange: (value: T) => void;
+    onChange: (value: T | ((cls: Constructor<any>, value: T) => T)) => void;
     error?: boolean | string;
     freeze?: boolean;
 };

package/dist/form/composite-items/embedded-object-item/index.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { DraftEmbeddedRecord, DraftRecord, GenericRecord, GenericEmbeddedRecord, NestedProperty, ObjectProperty, PropertyNames, Table, DB } from 'sera-db';
+import { EmbeddedFieldGroup } from '../../embedded-form';
+import { FormItemLayout } from '../../form-item';
+export { MultiEmbeddedObjectInput } from './multi-embedded-object-input';
+export { SingleEmbeddedObjectInput } from './single-embedded-object-input';
+export declare function makeEmbeddedObjectItem<ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>, NR extends GenericEmbeddedRecord<NDR>, NDR extends DraftEmbeddedRecord>({ property, label, visible, freeze, layout, embeddedFieldGroups, }: {
+    property: ObjectProperty | NestedProperty;
+    label?: React.ReactNode;
+    visible?: (record: R | DR) => boolean;
+    freeze?: boolean;
+    layout?: FormItemLayout;
+    embeddedFieldGroups?: EmbeddedFieldGroup<NR, NDR, PropertyNames<NDR>>[];
+}): (store: Table<ID, R, DR>, record: R | DR) => import("react/jsx-runtime").JSX.Element;
+export declare function makeEmbeddedObjectEmbeddedItem<DR extends DraftEmbeddedRecord, NR extends GenericEmbeddedRecord<NDR>, NDR extends DraftEmbeddedRecord>({ property, label, visible, freeze, layout, embeddedFieldGroups, }: {
+    property: ObjectProperty | NestedProperty;
+    label?: React.ReactNode;
+    visible?: (record: DR) => boolean;
+    freeze?: boolean;
+    layout?: FormItemLayout;
+    embeddedFieldGroups?: EmbeddedFieldGroup<NR, NDR, PropertyNames<NDR>>[];
+}): (db: DB, record: DR) => import("react/jsx-runtime").JSX.Element;

package/dist/form/composite-items/embedded-object-item/multi-embedded-object-input.d.ts

@@ -0,0 +1,4 @@
+import { EmbeddedObjectInputProps } from './shared';
+export declare const MultiEmbeddedObjectInput: (({ db, property, value: objects, onChange, embeddedFieldGroups, freeze, }: EmbeddedObjectInputProps<any[]>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/form/composite-items/embedded-object-item/shared.d.ts

@@ -0,0 +1,9 @@
+import { InputInterface } from '../../../data/inputs';
+import { DataProperty, EmbeddedSchema, NestedProperty, ObjectProperty } from 'sera-db';
+import { EmbeddedFieldGroup } from '../../embedded-form';
+export type EmbeddedObjectProperty = ObjectProperty;
+export type EmbeddedObjectInputProps<T> = InputInterface<T> & {
+    embeddedFieldGroups?: EmbeddedFieldGroup<any, any, any>[];
+};
+export declare function getEmbeddedObjectProperty(property: DataProperty | ObjectProperty | NestedProperty): ObjectProperty;
+export declare function getEmbeddedObjectSchema(db: InputInterface<any>["db"], property: DataProperty | ObjectProperty | NestedProperty): EmbeddedSchema<any, any, any, any>;

package/dist/form/composite-items/embedded-object-item/single-embedded-object-input.d.ts

@@ -0,0 +1,4 @@
+import { EmbeddedObjectInputProps } from './shared';
+export declare const SingleEmbeddedObjectInput: (({ db, property, value: object, onChange, embeddedFieldGroups, freeze, }: EmbeddedObjectInputProps<any>) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};

package/dist/form/embedded-form.d.ts

@@ -9,7 +9,7 @@ export interface EmbeddedFieldGroup<R extends GenericEmbeddedRecord<DR>, DR exte
     } | NestedProperty | {
         prop: NestedProperty;
         args?: FieldArgs<R, DR>;
-    } | ((record: DR) => React.ReactNode))[][];
+    } | ((db: DB, record: DR) => React.ReactNode))[][];
 }
 export interface SeraEmbeddedFormProps<R extends GenericEmbeddedRecord<DR>, DR extends DraftEmbeddedRecord, PF extends PropertyNames<R>, F extends PropertyNames<DR>> {
     schema: EmbeddedSchema<R, DR, PF, F>;
@@ -26,6 +26,7 @@ export interface SeraEmbeddedFormProps<R extends GenericEmbeddedRecord<DR>, DR e
     record: DR;
     styles?: React.CSSProperties;
     className?: string;
+    component?: React.ElementType;
     onSubmit?: (record: DR) => void;
 }
 /**

package/dist/form/form.d.ts

@@ -36,6 +36,7 @@ export interface SeraFormProps<ID extends string | number, R extends GenericReco
     record: ST["cls"] | ST["draftCls"];
     styles?: React.CSSProperties;
     className?: string;
+    component?: React.ElementType;
     onSubmit?: (record: ST["draftCls"]) => void;
 }
 /**
@@ -74,4 +75,8 @@ export interface SeraFormProps<ID extends string | number, R extends GenericReco
 export declare const SeraForm: <ID extends string | number, R extends GenericRecord<ID, DR>, DR extends DraftRecord<ID>, PF extends PropertyNames<R>, F extends PropertyNames<DR>, ST extends SchemaType<ID, R, DR, PF, F>>(props: SeraFormProps<ID, R, DR, PF, F, ST>) => import("react/jsx-runtime").JSX.Element;
 export declare function getInputComponent(property: DataProperty | ObjectProperty | NestedProperty, input?: React.ComponentType<InputInterface<any>>): ((<ID extends string | number>({ db, property, value: recordIds, onChange, freeze, }: InputInterface<ID[]>) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
-}) | import('react').FC<InputInterface<any>> | import('react').ComponentClass<InputInterface<any>, any>;
+}) | import('react').FC<InputInterface<any>> | import('react').ComponentClass<InputInterface<any>, any> | ((({ db, property, value: objects, onChange, embeddedFieldGroups, freeze, }: import('./composite-items/embedded-object-item/shared').EmbeddedObjectInputProps<any[]>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+}) | ((({ db, property, value: object, onChange, embeddedFieldGroups, freeze, }: import('./composite-items/embedded-object-item/shared').EmbeddedObjectInputProps<any>) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+});

package/dist/form/index.d.ts

@@ -4,3 +4,4 @@ export * from './form-item-label';
 export * from './embedded-form';
 export * from './embedded-form-item';
 export * from './composite-items/address-form-item';
+export * from './composite-items/embedded-object-item';