react-luna-form 0.0.25 → 0.0.27

package/dist/types/luna-core/src/handle/state-event.d.ts

@@ -1,2 +1,2 @@
 import type { FieldState, Nullable, StateEvent } from '../type';
-export declare function handleStateEvent<T>(selected: Nullable<T> | undefined, events: StateEvent[] | undefined, setState: (name: string, state?: FieldState) => void): void;
+export declare function handleStateEvent<T>(selected: Nullable<T> | undefined, events: StateEvent[] | undefined, setState: (name: string[], state?: FieldState) => void): void;

package/dist/types/luna-core/src/index.d.ts

@@ -13,6 +13,7 @@ export * from './util/date';
 export * from './util/extract';
 export * from './util/is-input';
 export * from './util/is-type';
+export * from './util/list';
 export * from './util/logger';
 export * from './util/prepare';
 export * from './util/schema';

package/dist/types/luna-core/src/type.d.ts

@@ -35,7 +35,18 @@ export type Option = {
     label: string;
     value: string;
 };
-export type Fields = Array<Field | Column>;
+export type List = {
+    advanced?: {
+        action?: string;
+        length?: Length<number>;
+    };
+    description?: string;
+    fields: Array<Field | Column>;
+    label?: string;
+    name: string;
+    type: 'list' | (string & {});
+} & Base;
+export type Fields = Array<Field | Column | List>;
 export type Base = Orderable & Hideable;
 export type CommonProps = {
     disabled?: boolean;
@@ -45,6 +56,7 @@ export type CommonProps = {
     required?: boolean;
 };
 export type Section = {
+    advanced?: boolean;
     compact?: boolean;
     description?: string;
     fields?: Fields;
@@ -86,7 +98,7 @@ export type ValueEvent = ActionEvent<'value'> & {
 };
 export type StateEvent = ActionEvent<'state'> & {
     state: FieldState;
-    target: string;
+    target: string | string[];
     when?: string | string[] | Condition;
 };
 export type ChangeEvent = Array<SourceEvent | ValueEvent | StateEvent>;
@@ -172,3 +184,6 @@ export type Style = {
     orientation?: Orientation;
     showOptionalLabel?: boolean;
 };
+export type Filterable = Base & {
+    fields?: Filterable[];
+};

package/dist/types/luna-core/src/util/constant.d.ts

@@ -8,6 +8,8 @@ export declare const INPUTS: string[];
 export declare const TEXTAREA = "textarea";
 export declare const RADIO = "radio";
 export declare const CHECKBOX = "checkbox";
+export declare const LIST = "list";
+export declare const DATA_TABLE = "data-table";
 export declare const SELECT = "select";
 export declare const SELECT_MONTH = "select/month";
 export declare const SELECT_YEAR = "select/year";
@@ -39,3 +41,5 @@ export declare const STATE = "state";
 export declare const COMMON_URL = "http://luna.internal";
 export declare const VERTICAL = "vertical";
 export declare const HORIZONTAL = "horizontal";
+export declare const HIDDEN = "hidden";
+export declare const TYPE = "type";

package/dist/types/luna-core/src/util/extract.d.ts

@@ -1,7 +1,7 @@
 import type { Nullable, Option, Value } from '../type';
 export declare function getEntity<T>(selected: string, collection?: Nullable<T[]>, entity?: string): NonNullable<T> | {
     value: string;
-} | undefined;
+};
 export declare function getCurrentValue<T>(value: T, entity?: string): Value | undefined;
 export declare function getValue<T>(value: Record<string, T>, namespace?: string): T | undefined;
 export declare function getArray<T>(value: Record<string, T> | T[], namespace?: string): Nullable<T[]>;
@@ -12,3 +12,4 @@ export declare function toOptions<T>(data: T[], options?: Option): (T | {
 })[];
 export declare function getType(value?: string): string;
 export declare function getFormData(formData: FormData): Record<string, unknown>;
+export declare function unflatten(data: Record<string, unknown>): Record<string, unknown>;

package/dist/types/luna-core/src/util/is-input.d.ts

@@ -1,4 +1,4 @@
-import type { Column, Field, Input, Nullable, Select } from '../type';
+import type { Column, Field, Input, List, Nullable, Select } from '../type';
 export declare const isSelectMonth: (field: Field) => boolean;
 export declare const isSelectYear: (field: Field) => boolean;
 export declare const isCheckbox: (field: Field) => field is Input;
@@ -10,8 +10,9 @@ export declare const isText: (field: Field) => field is Input;
 export declare const isEmail: (field: Field) => field is Input;
 export declare const isNumber: (field: Field) => field is Input;
 export declare function isClickable(field: Field): boolean;
-export declare function isColumn(slot: Field | Column): slot is Column;
-export declare function isField(slot: Field | Column): slot is Field;
+export declare function isList(slot: Field | Column | List): slot is List;
+export declare function isColumn(slot: Field | Column | List): slot is Column;
+export declare function isField(slot: Field | Column | List): slot is Field;
 export declare function isOptions(field: Field): field is Input;
 export declare function isTextable(field: Field): boolean;
 export declare function isValidValue<T>(value?: Nullable<T>): boolean;

package/dist/types/luna-core/src/util/is-type.d.ts

@@ -4,3 +4,4 @@ export declare function isEmpty(value: unknown): boolean;
 export declare function isValue(value: unknown): value is Value;
 export declare function isString(value: unknown): value is string;
 export declare function isDataSource(value: unknown): value is DataSource;
+export declare function isBoolean(value: unknown): value is boolean;

package/dist/types/luna-core/src/util/list.d.ts

@@ -0,0 +1,4 @@
+import type { List, Nullable } from '../type';
+export declare function isMultiFieldList(list: List): boolean;
+export declare function getInitialList(list: List, value?: Nullable<Record<string, unknown>>): number[];
+export declare function getLabel(list: List): string;

package/dist/types/luna-core/src/util/prepare.d.ts

@@ -1,4 +1,4 @@
-import type { Base, Definition, Nullable } from '../type';
-export declare function prepare<T extends Base>(base?: readonly T[], definition?: Definition): any[];
+import type { Definition, Filterable, Nullable } from '../type';
+export declare function prepare<T extends Filterable>(base?: readonly T[], definition?: Definition): any[];
 export declare function resolveRefs(base: unknown, definition?: Definition, cache?: Map<object, unknown>, visited?: WeakSet<object>): unknown;
 export declare function entries<T>(values?: Nullable<Record<string, T>>): [key: string, value: T][];

package/dist/types/luna-core/src/util/string.d.ts

@@ -3,5 +3,6 @@
  * Supports nested objects using dot notation (e.g., {user.id}).
  */
 export declare function interpolate<T>(template: T, values?: Record<string, unknown>): T;
+export declare function interpolateIfNeeded<T>(template: T, values?: Record<string, unknown>): T;
 export declare function isInterpolated(template: unknown): boolean;
 export declare function formatMarkdown<K>(text?: string, callback?: (index: number, url: string, text?: string) => K): (string | K)[] | string | null;

package/dist/types/luna-react/src/client/component/field/field-list.d.ts

@@ -0,0 +1,2 @@
+import type { ListProps } from '../../../component/field/field-list';
+export declare function FieldList(props: ListProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/client/component/{wrapper/with-error.d.ts → field/field-with-error.d.ts}

@@ -1,4 +1,4 @@
-export declare function withErrors<P extends {
+export declare function withError<P extends {
     errors?: Record<string, string[]>;
     field: {
         name: string;

package/dist/types/luna-react/src/client/component/{wrapper/with-field-state.d.ts → field/field-with-state.d.ts}

@@ -1,4 +1,4 @@
-export declare function withFieldState<P extends {
+export declare function withState<P extends {
     disabled?: boolean;
     field: {
         name: string;

package/dist/types/luna-react/src/client/component/guard/list-guard.d.ts

@@ -0,0 +1,2 @@
+import type { ListProps } from '../../../component/field/field-list';
+export declare function ListGuard({ children, field, value }: ListProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/client/component/guard/visibility-guard.d.ts

@@ -0,0 +1,6 @@
+import type { Field, Fields, List } from '@luna-form/core';
+export declare function VisibilityGuard(props: Readonly<{
+    children: React.ReactNode;
+    container?: Field | List;
+    fields: Fields;
+}>): import("react").ReactNode;

package/dist/types/luna-react/src/client/component/slot/slot.d.ts

@@ -0,0 +1,7 @@
+export declare const Slot: (props: Readonly<{
+    children: import("../../../type").Children;
+    disabled?: boolean;
+    fields?: import("@luna-form/core").Fields;
+    style?: import("@luna-form/core").Style;
+    value?: import("@luna-form/core").Nullable<Record<string, unknown>>;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/client/hook/use-field-list.d.ts

@@ -0,0 +1,2 @@
+import { type List, type Nullable } from '@luna-form/core';
+export declare function useFieldList(field: List, value?: Nullable<Record<string, unknown>>): readonly [number[], () => void, (index: number) => void, boolean, boolean, number];

package/dist/types/luna-react/src/component/chevron-icon.d.ts

@@ -0,0 +1,3 @@
+export declare function ChevronIcon(props: Readonly<{
+    expanded: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/column.d.ts

@@ -1,6 +1,5 @@
 import { type Column } from '@luna-form/core';
-export type ColumnProps = Readonly<{
+export declare function Column(props: Readonly<{
     children?: React.ReactNode;
     column?: Column;
-}>;
-export declare function Column(props: ColumnProps): import("react/jsx-runtime").JSX.Element;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/field/field-base.d.ts

@@ -1,11 +1,13 @@
 import { type Orientation } from '@luna-form/core';
-export declare function FieldBase(props: Readonly<{
+export type FieldLayoutProps = {
     children: React.ReactNode;
-    className?: string;
     disabled?: boolean;
     errors?: string[];
     isCheckbox?: boolean;
     isReversed?: boolean;
     isClickable?: boolean;
+};
+export declare function FieldBase(props: Readonly<FieldLayoutProps & {
+    className?: string;
     orientation: Orientation;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/field/field-horizontal.d.ts

@@ -1,8 +1,2 @@
-export declare function FieldHorizontal(props: Readonly<{
-    children: React.ReactNode;
-    disabled?: boolean;
-    errors?: string[];
-    isCheckbox?: boolean;
-    isReversed?: boolean;
-    isClickable?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+import { type FieldLayoutProps } from './field-base';
+export declare function FieldHorizontal(props: Readonly<FieldLayoutProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/field/field-list-item.d.ts

@@ -0,0 +1,8 @@
+export declare function FieldListItem(props: Readonly<{
+    canRemove?: boolean;
+    children: React.ReactNode;
+    index: number;
+    isMultiField: boolean;
+    label: string;
+    onRemove?: (index: number) => void;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/field/field-list.d.ts

@@ -0,0 +1,7 @@
+import { type List, type Nullable } from '@luna-form/core';
+export type ListProps = Readonly<{
+    children: (index: number) => React.ReactNode;
+    field: List;
+    value?: Nullable<Record<string, unknown>>;
+}>;
+export declare function FieldList(props: ListProps): import("react/jsx-runtime").JSX.Element[];

package/dist/types/luna-react/src/component/field/field-set-advanced.d.ts

@@ -0,0 +1,5 @@
+import type { Section } from '@luna-form/core';
+export declare function FieldSetAdvanced(props: Readonly<{
+    section: Section;
+    group: React.ReactNode;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/field/field-set-base.d.ts

@@ -0,0 +1,7 @@
+export declare function FieldSetBase(props: Readonly<{
+    children?: React.ReactNode;
+    description?: string;
+    empty?: boolean;
+    id?: string;
+    title?: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/field/field-vertical.d.ts

@@ -1,8 +1,2 @@
-export declare function FieldVertical(props: Readonly<{
-    children: React.ReactNode;
-    disabled?: boolean;
-    errors?: string[];
-    isCheckbox?: boolean;
-    isReversed?: boolean;
-    isClickable?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
+import { type FieldLayoutProps } from './field-base';
+export declare function FieldVertical(props: Readonly<FieldLayoutProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/list.d.ts

@@ -0,0 +1,5 @@
+import type { List } from '@luna-form/core';
+export declare function List(props: Readonly<{
+    children: React.ReactNode;
+    field: List;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/slot/list-slot.d.ts

@@ -0,0 +1,2 @@
+import type { ListProps } from '../field/field-list';
+export declare function ListSlot({ children, field, value }: ListProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/slot/slot-base.d.ts

@@ -1,14 +1,16 @@
-import { type Fields, type Style } from '@luna-form/core';
+import { type Fields, type Nullable, type Style } from '@luna-form/core';
 import type { Children } from '../../type';
-import type { ColumnProps } from '../column';
 import type { FieldProps } from '../field/field';
-export declare function SlotBase<T extends {
-    column: React.ComponentType<ColumnProps>;
+import type { ListProps } from '../field/field-list';
+export type SlotComponents = {
     field: React.ComponentType<FieldProps>;
-}>(props: Readonly<{
+    list: React.ComponentType<ListProps>;
+};
+export declare function SlotBase(props: Readonly<{
     children: Children;
-    components: T;
+    components: SlotComponents;
     disabled?: boolean;
     fields?: Fields;
     style?: Style;
+    value?: Nullable<Record<string, unknown>>;
 }>): import("react/jsx-runtime").JSX.Element[];

package/dist/types/luna-react/src/component/slot/slot-create.d.ts

@@ -1,9 +1,10 @@
 import type { Children } from '../../type';
-import type { FieldProps } from '../field/field';
-import type { Fields, Style } from '@luna-form/core';
-export declare function createSlot(Field: React.ComponentType<FieldProps>): (props: Readonly<{
+import type { Fields, Nullable, Style } from '@luna-form/core';
+import type { SlotComponents } from './slot-base';
+export declare function createSlot(components: SlotComponents): (props: Readonly<{
     children: Children;
     disabled?: boolean;
     fields?: Fields;
     style?: Style;
+    value?: Nullable<Record<string, unknown>>;
 }>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/slot/slot-list.d.ts

@@ -0,0 +1,12 @@
+import { type List, type Nullable, type Style } from '@luna-form/core';
+import { type SlotComponents } from './slot-base';
+import type { Children } from '../../type';
+export declare function SlotList(props: Readonly<{
+    children: Children;
+    components: SlotComponents;
+    disabled?: boolean;
+    field: List;
+    index: number;
+    style?: Style;
+    value?: Nullable<Record<string, unknown>>;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/component/slot/slot.d.ts

@@ -3,4 +3,5 @@ export declare const Slot: (props: Readonly<{
     disabled?: boolean;
     fields?: import("@luna-form/core").Fields;
     style?: import("@luna-form/core").Style;
+    value?: import("@luna-form/core").Nullable<Record<string, unknown>>;
 }>) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-luna-form",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "description": "A React library for building forms based on JSON",
   "main": "./dist/client/cjs/index.js",
   "module": "./dist/client/esm/index.js",
@@ -21,8 +21,8 @@
     "fast-equals": "^6.0.0",
     "jotai": "^2.0.0",
     "jotai-family": "^1.0.0",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "swr": "^2.0.0",
     "tailwind-merge": "^3.4.0",
     "zod": "^4.0.0"
@@ -32,8 +32,8 @@
     "@types/react-dom": "19.2.3",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-react-refresh": "0.5.0",
-    "@luna-form/core": "0.0.25"
+    "eslint-plugin-react-refresh": "0.5.2",
+    "@luna-form/core": "0.0.27"
   },
   "license": "Apache-2.0",
   "repository": {

package/dist/types/luna-react/src/component/input/input-attributes.d.ts

@@ -1,3 +0,0 @@
-import { type Field } from '@luna-form/core';
-export declare function buildAriaAttributes(field: Field, errors?: string[]): Record<string, string | number | boolean>;
-export declare function buildDataAttributes(field: Field): Record<string, string | number | boolean>;

package/dist/types/luna-react/src/component/input/input-common.d.ts

@@ -1,2 +0,0 @@
-import { type CommonProps, type Field } from '@luna-form/core';
-export declare function buildCommon(field: Field, disabled?: boolean): CommonProps;

package/dist/types/luna-react/src/component/input/input-option-select.d.ts

@@ -1,5 +0,0 @@
-import { type Field } from '@luna-form/core';
-export declare function buildOptionSelect(field: Field): {
-    value: string;
-    label: string;
-}[] | undefined;