react-luna-form 0.0.31 → 0.0.33

package/dist/types/config/index.d.ts

@@ -0,0 +1,31 @@
+import { type Environment, type Protocol } from '@luna-form/core';
+import type { AlertProps, Config, InputConfig } from '../type';
+export declare function defineConfig<T extends React.ElementType>(options: Readonly<{
+    alert?: React.ComponentType<AlertProps>;
+    env?: Environment;
+    fetcher?: {
+        remotePatterns?: Array<{
+            hostname?: string;
+            port?: number;
+            protocol?: Protocol;
+        }>;
+    };
+    inputs: Array<InputConfig<T>>;
+    style?: {
+        compact?: boolean;
+        horizontal?: boolean;
+        showOptionalLabel?: boolean;
+    };
+    validation?: {
+        blur?: boolean;
+        change?: boolean;
+        showError?: boolean;
+        submit?: boolean;
+    };
+}>): Config;
+export declare const defineCheckbox: (input: any) => InputConfig<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>;
+export declare const defineInput: (input: any) => InputConfig<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>;
+export declare const defineRadio: (input: any) => InputConfig<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>;
+export declare const defineSelect: (input: any) => InputConfig<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>;
+export declare const defineTextArea: (input: any) => InputConfig<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>;
+export declare function defineCustomInput<T extends React.ElementType>(types: string | string[], input: React.ComponentProps<T>): InputConfig<T>;

package/dist/types/lib/render-If-exists.d.ts

@@ -0,0 +1 @@
+export declare function renderIfExists<T>(value: T | undefined | null, render: (value: T) => React.ReactNode): React.ReactNode;

package/dist/types/lib/string.d.ts

@@ -0,0 +1 @@
+export declare function formatMarkdown(text?: string): React.ReactNode;

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

@@ -16,6 +16,7 @@ export declare function mergeOptionsProps(field: Field, commonProps: CommonProps
 };
 export declare function getPreselectedValue(field: Field, commonProps: CommonProps, value?: Value): any;
 export declare function getOptions<T>(field: Field, data?: Nullable<T[]>): (T | {
+    description?: string | undefined;
     label: string;
     value: string;
 })[] | null | undefined;

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

@@ -32,6 +32,7 @@ export type Hideable = {
 export type Sections = Array<Section>;
 export type Value = string | number | readonly string[];
 export type Option = {
+    description?: string;
     label: string;
     value: string;
 };
@@ -102,7 +103,6 @@ export type StateEvent = ActionEvent<'state'> & {
     when?: string | string[] | Condition;
 };
 export type ChangeEvent = Array<SourceEvent | ValueEvent | StateEvent>;
-export type Orientation = 'horizontal' | 'vertical';
 export type Validation = {
     custom?: CustomValidation | Array<CustomValidation>;
     email?: string;
@@ -116,7 +116,7 @@ export type Field = CommonProps & {
         cols?: number;
         data?: DataAttributes;
         entity?: string;
-        orientation?: Orientation;
+        horizontal?: boolean;
         reverse?: boolean;
     };
     event?: {
@@ -181,7 +181,7 @@ export type BaseConfig<T> = {
 };
 export type Style = {
     compact?: boolean;
-    orientation?: Orientation;
+    horizontal?: boolean;
     showOptionalLabel?: boolean;
 };
 export type Filterable = Base & {

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

@@ -1,6 +1,6 @@
 import type { Field, Nullable } from '../type';
 export declare function buildOptions(field: Field, values?: Nullable<Record<string, unknown>>): Record<string, unknown>[] | undefined;
-export declare function buildOrientation(field: Field): import("..").Orientation;
+export declare function buildOrientation(field: Field): boolean;
 export declare function buildReverse(field: Field): boolean;
 export declare function buildDisabled(field: Field, disabled?: boolean): boolean;
 export declare function buildSource(field: Field): import("..").DataSource | unknown[] | undefined;

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

@@ -15,6 +15,7 @@ export declare const SELECT_MONTH = "select/month";
 export declare const SELECT_YEAR = "select/year";
 export declare const SELECTS: string[];
 export declare const COLUMN = "column";
+export declare const DESCRIPTION = "description";
 export declare const FIELDS = "fields";
 export declare const LABEL = "label";
 export declare const VALUE = "value";
@@ -39,7 +40,5 @@ export declare const SET = "set";
 export declare const SOURCE = "source";
 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

@@ -7,6 +7,7 @@ export declare function getValue<T>(value: Record<string, T>, namespace?: string
 export declare function getArray<T>(value: Record<string, T> | T[], namespace?: string): Nullable<T[]>;
 export declare function extract<T>(value: Record<string, T>, namespace?: string): T | null;
 export declare function toOptions<T>(data: T[], options?: Option): (T | {
+    description?: string | undefined;
     label: string;
     value: string;
 })[];

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

@@ -13,6 +13,6 @@ export declare function isClickable(field: Field): boolean;
 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 isOptions(field: Field): field is Select;
 export declare function isTextable(field: Field): boolean;
 export declare function isValidValue<T>(value?: Nullable<T>): boolean;

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

@@ -1,6 +1,6 @@
 import type { Style } from '../type';
 export declare function mergeStyle(globalStyle?: Style, localStyle?: Style): {
     compact?: boolean;
-    orientation?: import("..").Orientation;
+    horizontal?: boolean;
     showOptionalLabel?: boolean;
 };

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

@@ -1,4 +1,4 @@
-import { type AriaAttributes, type CommonProps, type DataAttributes, type Field, type Nullable, type Orientation, type Schema } from '@luna-form/core';
+import { type AriaAttributes, type CommonProps, type DataAttributes, type Field, type Nullable, type Schema } from '@luna-form/core';
 import type { Config, InputChange } from '../../type';
 export declare function Input(props: Readonly<{
     ariaAttributes?: AriaAttributes;
@@ -7,10 +7,10 @@ export declare function Input(props: Readonly<{
     context?: Record<string, unknown>;
     dataAttributes?: DataAttributes;
     field: Field;
+    horizontal?: boolean;
     onMount: (name: string, schema: Schema, field: Field) => void;
     onUnmount: (name: string) => void;
     onValueChange?: (input: InputChange) => void;
-    orientation?: Orientation;
     translations?: Record<string, string>;
     value?: Nullable<Record<string, unknown>>;
 }>): import("react").ReactNode;

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

@@ -1,4 +1,3 @@
-import { type Orientation } from '@luna-form/core';
 export type FieldLayoutProps = {
     children: React.ReactNode;
     disabled?: boolean;
@@ -9,5 +8,5 @@ export type FieldLayoutProps = {
 };
 export declare function FieldBase(props: Readonly<FieldLayoutProps & {
     className?: string;
-    orientation: Orientation;
+    orientation: 'horizontal' | 'vertical';
 }>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { type Field, type Orientation } from '@luna-form/core';
+import { type Field } from '@luna-form/core';
 export declare function FieldGroup(props: Readonly<{
     children: React.ReactNode;
     disabled?: boolean;
     errors?: string[];
     field: Field;
-    orientation?: Orientation;
+    horizontal?: boolean;
 }>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,7 @@
+import type { Config } from '../type';
 export declare function FormattedDescription(props: Readonly<{
+    config?: Config;
+    context?: Record<string, unknown>;
     text?: string;
+    translations?: Record<string, string>;
 }>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,9 +1,9 @@
-import { type Field, type Orientation } from '@luna-form/core';
+import { type Field } from '@luna-form/core';
 import type { Children } from '../../type';
 export declare function InputBase(props: Readonly<{
     children: Children;
     disabled?: boolean;
     errors?: string[];
     field: Field;
-    orientation?: Orientation;
+    horizontal?: boolean;
 }>): import("react").ReactNode;

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

@@ -1,10 +1,10 @@
-import { type Field, type Orientation } from '@luna-form/core';
 import type { Config } from '../type';
+import type { Field } from '@luna-form/core';
 export declare function InputGroup(props: Readonly<{
     children: React.ReactNode;
     config?: Config;
     context?: Record<string, unknown>;
     field: Field;
+    horizontal?: boolean;
     translations?: Record<string, string>;
-    orientation?: Orientation;
 }>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
-import { type Field, type Orientation } from '@luna-form/core';
+import { type Field } from '@luna-form/core';
 import type { Config } from '../type';
 export declare function InputLabel(props: Readonly<{
     config?: Config;
     context?: Record<string, unknown>;
     field: Field;
-    orientation?: Orientation;
+    horizontal?: boolean;
     translations?: Record<string, string>;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/types/luna-react/src/config/index.d.ts

@@ -1,4 +1,4 @@
-import { type Environment, type Orientation, type Protocol } from '@luna-form/core';
+import { type Environment, type Protocol } from '@luna-form/core';
 import type { AlertProps, Config, InputConfig } from '../type';
 export declare function defineConfig<T extends React.ElementType>(options: Readonly<{
     alert?: React.ComponentType<AlertProps>;
@@ -13,7 +13,7 @@ export declare function defineConfig<T extends React.ElementType>(options: Reado
     inputs: Array<InputConfig<T>>;
     style?: {
         compact?: boolean;
-        orientation?: Orientation;
+        horizontal?: boolean;
         showOptionalLabel?: boolean;
     };
     validation?: {

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

@@ -1,4 +1,4 @@
-import { type AriaAttributes, type CommonProps, type DataAttributes, type Field, type Orientation } from '@luna-form/core';
+import { type AriaAttributes, type CommonProps, type DataAttributes, type Field } from '@luna-form/core';
 import type { Config } from '../../type';
 export declare function Input(props: Readonly<{
     ariaAttributes?: AriaAttributes;
@@ -7,7 +7,7 @@ export declare function Input(props: Readonly<{
     context?: Record<string, unknown>;
     dataAttributes?: DataAttributes;
     field: Field;
-    orientation?: Orientation;
+    horizontal?: boolean;
     translations?: Record<string, string>;
     value?: Record<string, unknown>;
 }>): import("react").ReactNode;

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

@@ -1,4 +1,4 @@
-import type { AriaAttributes, BaseConfig, CommonProps, DataAttributes, Field, Fields, FormStateError, Orientation } from '@luna-form/core';
+import type { AriaAttributes, BaseConfig, CommonProps, DataAttributes, Field, Fields, FormStateError } from '@luna-form/core';
 export type Slot = (props: {
     disabled?: boolean;
     fields?: Fields;
@@ -11,7 +11,7 @@ export type Children = (props: {
     commonProps: CommonProps;
     dataAttributes?: DataAttributes;
     field: Field;
-    orientation?: Orientation;
+    horizontal?: boolean;
 }) => React.ReactNode;
 export type InputConfig<T extends React.ElementType> = {
     types: string | string[];

package/dist/types/server/component/fallback.d.ts

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

package/dist/types/server/component/form.d.ts

@@ -0,0 +1,13 @@
+import type { Config } from '../../type';
+import type { Definition, Sections } from '@luna-form/core';
+export declare function Form(props: Readonly<{
+    children?: React.ReactNode;
+    config: Config;
+    context?: Record<string, unknown>;
+    definition?: Definition;
+    lang?: string;
+    readOnly?: boolean;
+    sections: Sections;
+    translations?: Record<string, Record<string, string>>;
+    value?: Record<string, unknown>;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/server/component/input.d.ts

@@ -0,0 +1,13 @@
+import { type AriaAttributes, type CommonProps, type DataAttributes, type Field } from '@luna-form/core';
+import type { Config } from '../../type';
+export declare function Input(props: Readonly<{
+    ariaAttributes?: AriaAttributes;
+    commonProps: CommonProps;
+    config: Config;
+    context?: Record<string, unknown>;
+    dataAttributes?: DataAttributes;
+    field: Field;
+    horizontal?: boolean;
+    translations?: Record<string, string>;
+    value?: Record<string, unknown>;
+}>): import("react").ReactNode;

package/dist/types/server/index.d.ts

@@ -0,0 +1,4 @@
+import { Form } from './component/form';
+import { Fallback } from './component/fallback';
+export { Form, Fallback };
+export type { Sections, Source } from '@luna-form/core';

package/dist/types/type.d.ts

@@ -0,0 +1,29 @@
+import type { AriaAttributes, BaseConfig, CommonProps, DataAttributes, Field, Fields, FormStateError } from '@luna-form/core';
+export type Slot = (props: {
+    disabled?: boolean;
+    fields?: Fields;
+}) => React.ReactNode;
+export type Control = ((props: {
+    isPending?: boolean;
+}) => React.ReactNode) | React.ReactNode;
+export type Children = (props: {
+    ariaAttributes?: AriaAttributes;
+    commonProps: CommonProps;
+    dataAttributes?: DataAttributes;
+    field: Field;
+    horizontal?: boolean;
+}) => React.ReactNode;
+export type InputConfig<T extends React.ElementType> = {
+    types: string | string[];
+    input: React.ComponentProps<T>;
+};
+export type AlertProps = Readonly<FormStateError>;
+export type Config = BaseConfig<React.ComponentProps<React.ElementType>> & {
+    alert?: React.ComponentType<AlertProps>;
+};
+export type InputChange = {
+    data?: DataAttributes;
+    name: string;
+    type: string;
+    value: unknown;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-luna-form",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "description": "A React library for building forms based on JSON",
   "main": "./dist/client/cjs/index.js",
   "module": "./dist/client/esm/index.js",
@@ -33,7 +33,7 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "0.5.2",
-    "@luna-form/core": "0.0.31"
+    "@luna-form/core": "0.0.33"
   },
   "license": "Apache-2.0",
   "repository": {