@bgroup/wise-form 1.0.1

package/dist/form/interfaces/wise-form-specs.d.ts

@@ -0,0 +1,9 @@
+import type { FormModel } from '@bgroup/wise-form/models';
+import { IFormSettings } from './settings';
+export interface IWiseFormSpecs {
+    children?: React.ReactNode;
+    settings?: IFormSettings;
+    model?: FormModel;
+    types?: Record<string, React.ReactNode>;
+}
+//# sourceMappingURL=wise-form-specs.d.ts.map

package/dist/form/interfaces/wise-form-specs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wise-form-specs.d.ts","sourceRoot":"","sources":["../../../src/form/interfaces/wise-form-specs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CACxC"}

package/dist/form/interfaces/wise-form-specs.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=wise-form-specs.js.map

package/dist/form/interfaces/wise-form-specs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wise-form-specs.js","sourceRoot":"","sources":["../../../src/form/interfaces/wise-form-specs.ts"],"names":[],"mappings":""}

package/dist/form/view/components/containers/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function Containers(): React.JSX.Element[];
+//# sourceMappingURL=index.d.ts.map

package/dist/form/view/components/containers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/containers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,UAAU,wBAYzB"}

package/dist/form/view/components/containers/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { useWiseFormContext } from "../../context";
+import { RowFieldContainer } from "../rows/row-container";
+export function Containers() {
+    const { rows, model, template: { styles }, } = useWiseFormContext();
+    const fields = [...model.fields.values()];
+    return rows.map((num, index) => {
+        const items = fields.splice(0, num[0]); // Type assertion needed due to TypeScript strictness
+        return React.createElement(RowFieldContainer, { model: model, template: num, items: items, key: `rf-row--${index}.${num}`, styles: styles });
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/form/view/components/containers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/form/view/components/containers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAExD,MAAM,UAAU,UAAU;IACzB,MAAM,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,EAAC,MAAM,EAAC,GAClB,GAAG,kBAAkB,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IAC1C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAQ,CAAC,CAAC,qDAAqD;QACpG,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,KAAK,IAAI,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IACzH,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/dist/form/view/components/error.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ErrorRenderer({ error }: {
+    error: any;
+}): React.JSX.Element;
+//# sourceMappingURL=error.d.ts.map

package/dist/form/view/components/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../../src/form/view/components/error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE;;CAAA,qBAKtC"}

package/dist/form/view/components/error.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export function ErrorRenderer({ error }) {
+    React.useEffect(() => {
+        console.error(error);
+    }, []);
+    return React.createElement("div", { className: 'alert alert--error pui-alert' }, error);
+}
+//# sourceMappingURL=error.js.map

package/dist/form/view/components/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../../src/form/view/components/error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE;IACtC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,6BAAK,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAO,CAAC;AACpE,CAAC"}

package/dist/form/view/components/field/container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ControlFieldContainer({ children }: {
+    children: any;
+}): React.JSX.Element;
+//# sourceMappingURL=container.d.ts.map

package/dist/form/view/components/field/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/field/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAEjD"}

package/dist/form/view/components/field/container.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export function ControlFieldContainer({ children }) {
+    return React.createElement("div", { className: 'rf-field-container' }, children);
+}
+//# sourceMappingURL=container.js.map

package/dist/form/view/components/field/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../../src/form/view/components/field/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,qBAAqB,CAAC,EAAE,QAAQ,EAAE;IACjD,OAAO,6BAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAAC;AAC7D,CAAC"}

package/dist/form/view/components/field/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { FormModel, WrappedFormModel, FormField } from "../../../../models";
+type WiseFormFieldControlProps = {
+    field: FormField | WrappedFormModel;
+    index: number;
+    model: FormModel | WrappedFormModel;
+    hidden?: boolean;
+};
+/**
+ *
+ * @param props.field WiseForm Json config
+ * @param props.index Index of the field
+ * @param props.model Field or Wrapper Model.
+ * @returns
+ */
+export declare const Control: ({ field, index, model, hidden }: WiseFormFieldControlProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/form/view/components/field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGjF,KAAK,yBAAyB,GAAG;IAChC,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,iCAAiC,yBAAyB,sBAoFjF,CAAC"}

package/dist/form/view/components/field/index.js

@@ -0,0 +1,89 @@
+import React from "react";
+import { Input, Textarea } from "../../../../components/ui";
+import { SelectionField } from "./selection";
+import { ControlFieldContainer } from "./container";
+import { useWiseFormContext } from "../../context";
+import { useField } from "./use-field";
+/**
+ *
+ * @param props.field WiseForm Json config
+ * @param props.index Index of the field
+ * @param props.model Field or Wrapper Model.
+ * @returns
+ */
+export const Control = ({ field, index, model, hidden }) => {
+    const { formTypes } = useWiseFormContext();
+    const fieldItem = field; // Using any to access dynamic properties
+    // Early return if field doesn't have a name (except for wrapper types and special types)
+    const specialTypes = ['wrapper', 'hr', 'button'];
+    const fieldType = fieldItem?.type;
+    const fieldName = fieldItem?.name;
+    if (!fieldName && !specialTypes.includes(fieldType)) {
+        console.warn('You need to provide a name to get a field in form', model.name || 'unknown');
+        return null;
+    }
+    const { attrs } = useField(model, fieldItem);
+    // Estado reactivo para el valor de hidden del campo
+    const [isHidden, setIsHidden] = React.useState(() => {
+        if (hidden !== undefined)
+            return hidden;
+        if (!fieldName)
+            return false;
+        const fieldModel = model.getField(fieldName);
+        if (fieldModel) {
+            const properties = fieldModel.getProperties();
+            return properties.hidden ?? false;
+        }
+        return fieldItem.hidden ?? false;
+    });
+    // Suscribirse a los cambios del modelo del campo
+    React.useEffect(() => {
+        if (!fieldName)
+            return;
+        const fieldModel = model.getField(fieldName);
+        if (!fieldModel)
+            return;
+        const onChange = () => {
+            const properties = fieldModel.getProperties();
+            setIsHidden(properties.hidden ?? false);
+        };
+        fieldModel.on('change', onChange);
+        return () => {
+            fieldModel.off('change', onChange);
+        };
+    }, [model, fieldName]);
+    if (isHidden)
+        return null;
+    const types = {
+        ...{
+            checkbox: SelectionField,
+            radio: SelectionField,
+            select: SelectionField,
+            textarea: Textarea,
+            text: Input,
+            password: Input,
+            default: Input,
+        },
+        ...formTypes,
+    };
+    const ControlComponent = types[fieldType] ?? types.default;
+    // Merge field properties with attrs to ensure custom components receive all necessary props
+    const fieldModel = fieldName ? model.getField(fieldName) : null;
+    const fieldProperties = fieldModel ? fieldModel.getProperties() : {};
+    // Also include original field item properties (like options, label, etc.)
+    const fieldItemProps = { ...fieldItem };
+    // Remove internal properties that shouldn't be passed to components
+    delete fieldItemProps.name;
+    delete fieldItemProps.type;
+    // Filter out non-HTML attributes from fieldProperties to prevent React warnings
+    const invalidAttributes = ['processing', 'processed', 'properties', 'specs', 'hidden', 'identifier'];
+    const filteredFieldProperties = Object.keys(fieldProperties).reduce((acc, key) => {
+        if (!invalidAttributes.includes(key)) {
+            acc[key] = fieldProperties[key];
+        }
+        return acc;
+    }, {});
+    return (React.createElement(ControlFieldContainer, null,
+        React.createElement(ControlComponent, { ...attrs, ...fieldItemProps, ...filteredFieldProperties })));
+};
+//# sourceMappingURL=index.js.map

package/dist/form/view/components/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/form/view/components/field/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAA6B,EAAE,EAAE;IACrF,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,KAAY,CAAC,CAAC,yCAAyC;IAEzE,yFAAyF;IACzF,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,SAAS,EAAE,IAAI,CAAC;IAClC,MAAM,SAAS,GAAG,SAAS,EAAE,IAAI,CAAC;IAClC,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,OAAO,CAAC,IAAI,CAAC,mDAAmD,EAAG,KAAa,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;QACpG,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAE7C,oDAAoD;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QACnD,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO,MAAM,CAAC;QACxC,IAAI,CAAC,SAAS;YAAE,OAAO,KAAK,CAAC;QAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,UAAU,EAAE,CAAC;YAChB,MAAM,UAAU,GAAI,UAAwB,CAAC,aAAa,EAAE,CAAC;YAC7D,OAAQ,UAAkB,CAAC,MAAM,IAAI,KAAK,CAAC;QAC5C,CAAC;QACD,OAAQ,SAAiB,CAAC,MAAM,IAAI,KAAK,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,iDAAiD;IACjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,MAAM,UAAU,GAAI,UAAwB,CAAC,aAAa,EAAE,CAAC;YAC7D,WAAW,CAAE,UAAkB,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC;QAEF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE;YACX,UAAU,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACpC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC1B,MAAM,KAAK,GAAG;QACb,GAAG;YACF,QAAQ,EAAE,cAAc;YACxB,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;SACd;QACD,GAAG,SAAS;KACZ,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC;IAE3D,4FAA4F;IAC5F,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,0EAA0E;IAC1E,MAAM,cAAc,GAAG,EAAE,GAAG,SAAS,EAAE,CAAC;IACxC,oEAAoE;IACpE,OAAQ,cAAsB,CAAC,IAAI,CAAC;IACpC,OAAQ,cAAsB,CAAC,IAAI,CAAC;IAEpC,gFAAgF;IAChF,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACrG,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAChF,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,GAAG,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAAS,CAAC,CAAC;IAEd,OAAO,CACN,oBAAC,qBAAqB;QACrB,oBAAC,gBAAgB,OAAK,KAAK,KAAM,cAAc,KAAM,uBAAuB,GAAI,CACzD,CACxB,CAAC;AACH,CAAC,CAAC"}

package/dist/form/view/components/field/selection.d.ts

@@ -0,0 +1,2 @@
+export declare function SelectionField(props: any): any;
+//# sourceMappingURL=selection.d.ts.map

package/dist/form/view/components/field/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/field/selection.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,KAAK,KAAA,OAgCnC"}

package/dist/form/view/components/field/selection.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Checkbox, CheckboxGroup, Radio, Select } from '../../../../components/ui';
+import { ErrorRenderer } from '../error';
+import { useWiseFormContext } from '../../context';
+export function SelectionField(props) {
+    if (!props.options)
+        return React.createElement(ErrorRenderer, { error: `the field does not have options, field: ${props.name}` });
+    const { name } = useWiseFormContext();
+    const types = {
+        checkbox: Checkbox,
+        radio: Radio,
+        select: SelectionField,
+    };
+    if (!types.hasOwnProperty(props.type))
+        return React.createElement(ErrorRenderer, { error: 'the props type is not supported' });
+    const Control = types[props.type];
+    // Filter out non-HTML attributes before passing to Select
+    const invalidAttributes = ['processing', 'processed', 'properties', 'specs', 'hidden', 'identifier'];
+    const filteredProps = Object.keys(props).reduce((acc, key) => {
+        if (!invalidAttributes.includes(key)) {
+            acc[key] = props[key];
+        }
+        return acc;
+    }, {});
+    if (props.type === 'select')
+        return React.createElement(Select, { ...filteredProps });
+    if (props.type === 'checkbox')
+        return React.createElement(CheckboxGroup, { ...filteredProps });
+    const output = props.options.map((option, key) => {
+        const attributes = { ...option, name: props.name };
+        return React.createElement(Control, { ...attributes, key: `${name}.${props.name}.${key}` });
+    });
+    return output;
+}
+//# sourceMappingURL=selection.js.map

package/dist/form/view/components/field/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","sourceRoot":"","sources":["../../../../../src/form/view/components/field/selection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,UAAU,cAAc,CAAC,KAAK;IACnC,IAAI,CAAC,KAAK,CAAC,OAAO;QAAE,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAE,2CAA2C,KAAK,CAAC,IAAI,EAAE,GAAI,CAAC;IAE7G,MAAM,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG;QACb,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,cAAc;KACtB,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC;QAAE,OAAO,oBAAC,aAAa,IAAC,KAAK,EAAC,iCAAiC,GAAG,CAAC;IACxG,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAElC,0DAA0D;IAC1D,MAAM,iBAAiB,GAAG,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACrG,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC5D,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAAS,CAAC,CAAC;IAEd,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO,oBAAC,MAAM,OAAK,aAAa,GAAI,CAAC;IAElE,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,oBAAC,aAAa,OAAK,aAAa,GAAI,CAAC;IAE3E,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;QAChD,MAAM,UAAU,GAAG,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QACnD,OAAO,oBAAC,OAAO,OAAK,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,GAAG,EAAE,GAAI,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC"}

package/dist/form/view/components/field/use-field.d.ts

@@ -0,0 +1,4 @@
+export declare function useField(model: any, field: any): {
+    attrs: any;
+};
+//# sourceMappingURL=use-field.d.ts.map

package/dist/form/view/components/field/use-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/field/use-field.tsx"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA;;EA4CpC"}

package/dist/form/view/components/field/use-field.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useWiseFormContext } from '../../context';
+export function useField(model, field) {
+    // Early return if field doesn't have a name
+    if (!field?.name) {
+        return { attrs: {} };
+    }
+    const fieldModel = model.getField(field.name);
+    const { values } = useWiseFormContext();
+    const value = fieldModel?.value ?? values[field.name];
+    const [attributes, setAttributes] = React.useState(fieldModel?.attributes || {});
+    const onChange = field.name ? (event) => {
+        if (event && event.target) {
+            model.setField(field.name, event.target.value);
+        }
+    } : undefined;
+    React.useEffect(() => {
+        if (!fieldModel || !field.name)
+            return;
+        const onChange = () => {
+            setAttributes({ ...fieldModel.attributes, disabled: fieldModel.disabled });
+        };
+        fieldModel.on('change', onChange);
+        const cleanUp = () => {
+            fieldModel.off('change', onChange);
+            fieldModel.cleanUp();
+        };
+        return cleanUp;
+    }, [fieldModel?.name, field.name]);
+    /**
+     * It's necessary to change the field spread.
+     */
+    const attrs = {
+        value,
+        ...attributes,
+        ...(onChange && { onChange }),
+        disabled: fieldModel?.disabled ?? false
+    };
+    return { attrs };
+}
+//# sourceMappingURL=use-field.js.map

package/dist/form/view/components/field/use-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field.js","sourceRoot":"","sources":["../../../../../src/form/view/components/field/use-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK;IACpC,4CAA4C;IAC5C,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;QAClB,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACtB,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE9C,MAAM,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACxC,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC;IAEjF,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;QACvC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YAC3B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;IACF,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI;YAAE,OAAO;QAEvC,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,aAAa,CAAC,EAAE,GAAG,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC5E,CAAC,CAAC;QACF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAClC,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,UAAU,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACnC,UAAU,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC,CAAC;QACF,OAAO,OAAO,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC;;OAEG;IAEH,MAAM,KAAK,GAAG;QACb,KAAK;QACL,GAAG,UAAU;QACb,GAAG,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC7B,QAAQ,EAAE,UAAU,EAAE,QAAQ,IAAI,KAAK;KACvC,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AAClB,CAAC"}

package/dist/form/view/components/rows/row-container.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { IFieldContainer } from "../../../interfaces/field-container";
+/**
+ * Represents a container for form fields within a row, organizing them according to a specified grid style.
+ * This component is used to group form fields dynamically based on the `template` property, allowing for
+ * a flexible layout structure within the form. It supports wrapping fields in a div with a CSS grid layout
+ * to align items as specified by the `template` and `styles` provided.
+ *
+ * @param {Object} props The properties passed to the RowFieldContainer component.
+ * @param {[number, string]} props.template A tuple where the first element is the total number of fields in the row,
+ * and the second element is a string representing the CSS grid template for the layout of these fields.
+ * @param {WiseFormField[]} props.items An array of form field configurations that will be rendered within this row.
+ * @param {any} [props.styles] Optional styles to be applied to the row container, allowing for further customization.
+ * @param
+ *
+*/
+export declare function RowFieldContainer({ template: [totalFields, gridStyle], items, styles, model }: IFieldContainer): React.JSX.Element;
+//# sourceMappingURL=row-container.d.ts.map

package/dist/form/view/components/rows/row-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-container.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/rows/row-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtE;;;;;;;;;;;;;EAaE;AACF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,eAAe,qBA0E9G"}

package/dist/form/view/components/rows/row-container.js

@@ -0,0 +1,89 @@
+import React from "react";
+import { Control } from "../field";
+import { FormSectionWrapper } from "./wrapper";
+/**
+ * Represents a container for form fields within a row, organizing them according to a specified grid style.
+ * This component is used to group form fields dynamically based on the `template` property, allowing for
+ * a flexible layout structure within the form. It supports wrapping fields in a div with a CSS grid layout
+ * to align items as specified by the `template` and `styles` provided.
+ *
+ * @param {Object} props The properties passed to the RowFieldContainer component.
+ * @param {[number, string]} props.template A tuple where the first element is the total number of fields in the row,
+ * and the second element is a string representing the CSS grid template for the layout of these fields.
+ * @param {WiseFormField[]} props.items An array of form field configurations that will be rendered within this row.
+ * @param {any} [props.styles] Optional styles to be applied to the row container, allowing for further customization.
+ * @param
+ *
+*/
+export function RowFieldContainer({ template: [totalFields, gridStyle], items, styles, model }) {
+    // Estado para rastrear los valores de hidden de cada campo de forma reactiva
+    const [fieldHiddenStates, setFieldHiddenStates] = React.useState(() => {
+        const initialStates = {};
+        items.forEach((field) => {
+            const fieldItem = field; // Using any to access dynamic properties
+            const fieldName = fieldItem?.name;
+            if (fieldName) {
+                const fieldModel = model.getField(fieldName);
+                if (fieldModel) {
+                    const properties = fieldModel.getProperties();
+                    initialStates[fieldName] = properties.hidden ?? false;
+                }
+                else {
+                    initialStates[fieldName] = fieldItem.hidden ?? false;
+                }
+            }
+        });
+        return initialStates;
+    });
+    // Suscribirse a los cambios de cada campo
+    React.useEffect(() => {
+        const listeners = [];
+        items.forEach((field) => {
+            const fieldItem = field; // Using any to access dynamic properties
+            const fieldName = fieldItem?.name;
+            const fieldType = fieldItem?.type;
+            if (!fieldName || fieldType === "wrapper")
+                return;
+            const fieldModel = model.getField(fieldName);
+            if (!fieldModel)
+                return;
+            const onChange = () => {
+                const properties = fieldModel.getProperties();
+                setFieldHiddenStates((prev) => ({
+                    ...prev,
+                    [fieldName]: properties.hidden ?? false,
+                }));
+            };
+            fieldModel.on('change', onChange);
+            listeners.push(() => fieldModel.off('change', onChange));
+        });
+        return () => {
+            listeners.forEach((cleanup) => cleanup());
+        };
+    }, [items, model]);
+    let hidden = false;
+    const output = items.reduce((acc, field, index) => {
+        const fieldItem = field; // Using any to access dynamic properties
+        const fieldType = fieldItem?.type;
+        if (fieldType === "wrapper") {
+            const fieldModel = model.getField(fieldItem?.name);
+            const wrapperHidden = fieldModel ? fieldModel.getProperties().hidden ?? false : false;
+            if (wrapperHidden)
+                hidden = true;
+            acc.push(React.createElement(FormSectionWrapper, { key: `rf-row__item--${index}`, data: fieldItem, model: model }));
+            return acc;
+        }
+        const fieldName = fieldItem?.name;
+        const isHidden = fieldName ? (fieldHiddenStates[fieldName] ?? fieldItem.hidden ?? false) : false;
+        if (!isHidden) {
+            acc.push(React.createElement(Control, { index: index, model: model, field: fieldItem, key: `rf-row__item--${index}`, hidden: isHidden }));
+        }
+        return acc;
+    }, []);
+    const attrs = { className: `rf-fields-container`, style: {} };
+    attrs.style = { gridTemplateColumns: `${gridStyle}`, ...styles };
+    if (hidden)
+        return null;
+    return React.createElement("div", { ...attrs }, output);
+}
+//# sourceMappingURL=row-container.js.map

package/dist/form/view/components/rows/row-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-container.js","sourceRoot":"","sources":["../../../../../src/form/view/components/rows/row-container.tsx"],"names":[],"mappings":"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"}

package/dist/form/view/components/rows/wrapper.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+/**
+ *
+ * @param data {WrappedFormModel}
+ * @param model {FormModel} parent.
+ * @returns
+ */
+export declare function FormSectionWrapper({ data, model }: {
+    data: any;
+    model: any;
+}): React.JSX.Element;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/form/view/components/rows/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/form/view/components/rows/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC;;;CAAA,qBAkB/C"}

package/dist/form/view/components/rows/wrapper.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { useWiseFormContext } from "../../context";
+/**
+ *
+ * @param data {WrappedFormModel}
+ * @param model {FormModel} parent.
+ * @returns
+ */
+export function FormSectionWrapper({ data, model }) {
+    const { formTypes } = useWiseFormContext();
+    const types = {
+        ...formTypes,
+    };
+    if (!data.control)
+        throw new Error("Wrapper must have a control");
+    if (!data.name) {
+        console.error("Wrapper must have a name", data);
+        return null;
+    }
+    if (data?.hidden)
+        return null;
+    const wrapperModel = model?.getField(data.name);
+    const Control = types[data.control];
+    // data = wrapperModel ? { ...data, ...wrapperModel.getProperties() } : data;
+    return React.createElement(Control, { model: wrapperModel });
+}
+//# sourceMappingURL=wrapper.js.map

package/dist/form/view/components/rows/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../../../src/form/view/components/rows/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACjD;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC;IAC/C,MAAM,EAAC,SAAS,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEzC,MAAM,KAAK,GAAG;QACb,GAAG,SAAS;KACZ,CAAC;IAEF,IAAI,CAAC,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAClE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACb,CAAC;IACD,IAAI,IAAI,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,YAAY,GAAG,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpC,6EAA6E;IAC7E,OAAO,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,GAAI,CAAC;AACzC,CAAC"}

package/dist/form/view/components/wrapped-form.d.ts

@@ -0,0 +1,6 @@
+export declare function WrappedForm({ children, name, types }: {
+    children: any;
+    name: any;
+    types: any;
+}): JSX.Element;
+//# sourceMappingURL=wrapped-form.d.ts.map

package/dist/form/view/components/wrapped-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-form.d.ts","sourceRoot":"","sources":["../../../../src/form/view/components/wrapped-form.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;;;;CAAA,GAAG,GAAG,CAAC,OAAO,CAyBlE"}

package/dist/form/view/components/wrapped-form.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { WrappedWiseFormContext, useWiseFormContext } from '../context';
+import { RowFieldContainer } from './rows/row-container';
+import { useTemplate } from '../hooks/use-template';
+export function WrappedForm({ children, name, types }) {
+    const { model: parent } = useWiseFormContext();
+    const wrapper = parent.wrappers.get(name);
+    const model = wrapper;
+    const template = useTemplate(model.settings);
+    const fields = [...model.settings.fields];
+    const Containers = template.items.map((num, index) => {
+        const items = fields.splice(0, num[0]);
+        return React.createElement(RowFieldContainer, { template: num, model: model, items: items, key: `rf-row--${index}.${num}` });
+    });
+    const value = {
+        model,
+        name,
+        template,
+        formTypes: types ?? {},
+        parent,
+    };
+    return (React.createElement(WrappedWiseFormContext.Provider, { value: value },
+        Containers,
+        children));
+}
+//# sourceMappingURL=wrapped-form.js.map

package/dist/form/view/components/wrapped-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapped-form.js","sourceRoot":"","sources":["../../../../src/form/view/components/wrapped-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE;IACpD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,OAAO,CAAC;IACtB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACpD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,OAAO,oBAAC,iBAAiB,IAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,KAAK,IAAI,GAAG,EAAE,GAAI,CAAC;IACzG,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG;QACb,KAAK;QACL,IAAI;QACJ,QAAQ;QACR,SAAS,EAAE,KAAK,IAAI,EAAE;QACtB,MAAM;KACN,CAAC;IAEF,OAAO,CACN,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAC3C,UAAU;QACV,QAAQ,CACwB,CAClC,CAAC;AACH,CAAC"}

package/dist/form/view/context.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { FormModel, WrappedFormModel } from '@bgroup/wise-form/models';
+export interface IFormContext {
+    model?: FormModel | WrappedFormModel;
+    name?: string;
+    values?: Record<string, any>;
+    items?: any;
+    rows?: [number, string][];
+    template?: {
+        type: string;
+        styles: any;
+        items: any[];
+    };
+    formTypes?: Record<string, React.ElementType>;
+}
+export interface IWrappedFormContext extends IFormContext {
+    parent: IFormContext;
+}
+export declare const WiseFormContext: React.Context<IFormContext>;
+export declare const useWiseFormContext: () => IFormContext;
+export declare const WrappedWiseFormContext: React.Context<IFormContext>;
+export declare const useWrappedWiseFormContext: () => IFormContext;
+//# sourceMappingURL=context.d.ts.map

package/dist/form/view/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/view/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,EAAE,CAAC;KACb,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACxD,MAAM,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,kBAAkB,oBAA0C,CAAC;AAE1E,eAAO,MAAM,sBAAsB,6BAA6B,CAAC;AACjE,eAAO,MAAM,yBAAyB,oBAAiD,CAAC"}

package/dist/form/view/context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const value = {};
+export const WiseFormContext = React.createContext(value);
+export const useWiseFormContext = () => React.useContext(WiseFormContext);
+export const WrappedWiseFormContext = React.createContext(value);
+export const useWrappedWiseFormContext = () => React.useContext(WrappedWiseFormContext);
+//# sourceMappingURL=context.js.map

package/dist/form/view/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/view/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,KAAK,GAAiB,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACjE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/form/view/hooks/use-model.d.ts

@@ -0,0 +1,10 @@
+import { FormModel } from '@bgroup/wise-form/models';
+export declare function useModel(settings: any, form?: FormModel): {
+    ready: boolean;
+    model: FormModel;
+    values: Record<string, any>;
+    type: string;
+    styles: {};
+    items: any;
+};
+//# sourceMappingURL=use-model.d.ts.map

package/dist/form/view/hooks/use-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-model.d.ts","sourceRoot":"","sources":["../../../../src/form/view/hooks/use-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,wBAAgB,QAAQ,CAAC,QAAQ,KAAA,EAAE,IAAI,CAAC,EAAE,SAAS;;;;;;;EAgClD"}