@nvs-dynamic-form/react-core 2.5.1 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/nvs-dynamic-form/_template.d.ts +1 -1
- package/dist/cjs/nvs-dynamic-form/_template.js +4 -4
- package/dist/cjs/nvs-dynamic-form/_template.js.map +1 -1
- package/dist/cjs/nvs-dynamic-form/_type.d.ts +3 -0
- package/dist/cjs/nvs-dynamic-form/components/arrayField/_template.js +8 -7
- package/dist/cjs/nvs-dynamic-form/components/arrayField/_template.js.map +1 -1
- package/dist/cjs/nvs-dynamic-form/components/button/_template.d.ts +1 -1
- package/dist/cjs/nvs-dynamic-form/components/button/_template.js +2 -2
- package/dist/cjs/nvs-dynamic-form/components/button/_template.js.map +1 -1
- package/dist/cjs/nvs-dynamic-form/components/button/_type.d.ts +3 -0
- package/dist/esm/nvs-dynamic-form/_template.d.ts +1 -1
- package/dist/esm/nvs-dynamic-form/_template.js +4 -4
- package/dist/esm/nvs-dynamic-form/_template.js.map +1 -1
- package/dist/esm/nvs-dynamic-form/_type.d.ts +3 -0
- package/dist/esm/nvs-dynamic-form/components/arrayField/_template.js +8 -7
- package/dist/esm/nvs-dynamic-form/components/arrayField/_template.js.map +1 -1
- package/dist/esm/nvs-dynamic-form/components/button/_template.d.ts +1 -1
- package/dist/esm/nvs-dynamic-form/components/button/_template.js +2 -2
- package/dist/esm/nvs-dynamic-form/components/button/_template.js.map +1 -1
- package/dist/esm/nvs-dynamic-form/components/button/_type.d.ts +3 -0
- package/lib/nvs-dynamic-form/_template.tsx +4 -2
- package/lib/nvs-dynamic-form/_type.tsx +1 -0
- package/lib/nvs-dynamic-form/components/arrayField/_template.tsx +18 -16
- package/lib/nvs-dynamic-form/components/button/_template.tsx +2 -1
- package/lib/nvs-dynamic-form/components/button/_type.tsx +1 -0
- package/package.json +1 -1
|
@@ -2,4 +2,4 @@ import "nvs-flexgrid";
|
|
|
2
2
|
import "./_style.css";
|
|
3
3
|
import { INvsDynamicForm } from "./_type";
|
|
4
4
|
import React from "react";
|
|
5
|
-
export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;
|
|
5
|
+
export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;
|
|
@@ -7,14 +7,14 @@ exports.NvsDynamicForm = void 0;
|
|
|
7
7
|
require("nvs-flexgrid");
|
|
8
8
|
require("./_style.css");
|
|
9
9
|
const button_1 = require("./components/button");
|
|
10
|
+
const container_1 = require("./components/container");
|
|
11
|
+
const formBuilder_1 = require("./components/formBuilder");
|
|
10
12
|
const formikForm_1 = require("./formikForm");
|
|
11
13
|
const react_1 = __importDefault(require("react"));
|
|
12
|
-
const
|
|
13
|
-
const container_1 = require("./components/container");
|
|
14
|
-
const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
|
|
14
|
+
const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
|
|
15
15
|
const formikForm = (react_1.default.createElement(formikForm_1.FormikForm, { onSubmit: onSubmit, fields: fields, formClass: formClass },
|
|
16
16
|
react_1.default.createElement(formBuilder_1.FormBuilder, { containerComponent: container, formElements: formElements, useContainersOutsideGroup: useContainersOutsideGroup, useGroupContainer: useGroupContainer, containerVisible: containerVisible, fields: fields, buttonComponent: buttonComponent, containerOptions: containerOptions, fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions }),
|
|
17
|
-
react_1.default.createElement(button_1.Button, { buttonComponent: buttonComponent, visible: submitButtonVisible, label: submitButtonLabel, isFullWidth: submitButtonIsFullWidth, position: submitButtonPosition, containerClass: submitButtonContainerClass })));
|
|
17
|
+
react_1.default.createElement(button_1.Button, { buttonComponent: buttonComponent, visible: submitButtonVisible, label: submitButtonLabel, isFullWidth: submitButtonIsFullWidth, position: submitButtonPosition, containerClass: submitButtonContainerClass, options: submitButtonOptions })));
|
|
18
18
|
return containerVisible && !useContainersOutsideGroup ? (react_1.default.createElement(container_1.Container, { containerComponent: container, options: containerOptions }, formikForm)) : (formikForm);
|
|
19
19
|
};
|
|
20
20
|
exports.NvsDynamicForm = NvsDynamicForm;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":";;;;;;AAAA,wBAAsB;AACtB,wBAAsB;AAEtB,gDAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":";;;;;;AAAA,wBAAsB;AACtB,wBAAsB;AAEtB,gDAA6C;AAC7C,sDAAmD;AACnD,0DAAuD;AACvD,6CAA0C;AAE1C,kDAA0B;AAEnB,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,MAAM,GAAG,EAAE,EACX,SAAS,EACT,eAAe,EACf,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,0BAA0B,CAAC,KAAK,EACpD,uBAAuB,GAAG,0BAA0B,CAAC,WAAW,EAChE,oBAAoB,GAAG,0BAA0B,CAAC,QAAQ,EAC1D,0BAA0B,EAC1B,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,8DAAG,QAAQ,CAAI,EAC7C,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,EAAE,EACrB,yBAAyB,GAAG,KAAK,EACjC,iBAAiB,GAAG,KAAK,EACzB,uBAAuB,EACvB,0BAA0B,GACV,EAAE,EAAE;IACpB,MAAM,UAAU,GAAG,CACjB,8BAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;QAClE,8BAAC,yBAAW,IACV,kBAAkB,EAAE,SAAS,EAC7B,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,iCAAiC,EAAE,uBAAuB,EAC1D,oCAAoC,EAAE,0BAA0B,GAChE;QACF,8BAAC,eAAM,IACL,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,iBAAiB,EACxB,WAAW,EAAE,uBAAuB,EACpC,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,EAAE,0BAA0B,EAC1C,OAAO,EAAE,mBAAmB,GAC5B,CACS,CACd,CAAC;IAEF,OAAO,gBAAgB,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CACtD,8BAAC,qBAAS,IAAC,kBAAkB,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,IAChE,UAAU,CACD,CACb,CAAC,CAAC,CAAC,CACF,UAAU,CACX,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,cAAc,kBAsDzB"}
|
|
@@ -14,6 +14,9 @@ export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
|
14
14
|
useGroupContainer?: boolean;
|
|
15
15
|
buttonComponent: React.FC<any>;
|
|
16
16
|
submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
|
|
17
|
+
submitButtonOptions?: {
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
};
|
|
17
20
|
submitButtonVisible?: boolean;
|
|
18
21
|
submitButtonLabel?: string;
|
|
19
22
|
submitButtonPosition?: "left" | "center" | "right";
|
|
@@ -108,13 +108,14 @@ const ArrayField = ({ field: arrayField, formElements, containerComponent, conta
|
|
|
108
108
|
return arrayField.containerVisible && useGroupContainer && containerVisible;
|
|
109
109
|
};
|
|
110
110
|
const ContentArrayField = () => {
|
|
111
|
-
return (react_1.default.createElement(
|
|
112
|
-
arrayField.
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
111
|
+
return (react_1.default.createElement(ContentContainer, null,
|
|
112
|
+
react_1.default.createElement(formik_1.FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
113
|
+
arrayField.label && createArrayFieldLabel(),
|
|
114
|
+
lodash
|
|
115
|
+
.get(form.values, arrayField.id)
|
|
116
|
+
?.map((_, index) => createFieldArrayContent(remove, index)),
|
|
117
|
+
checkFieldArrayMaxSize(lodash.get(form.values, arrayField.id)?.length) && createArrayItemAddButton(push),
|
|
118
|
+
createErrorList(form))))));
|
|
118
119
|
};
|
|
119
120
|
const ContainerComponent = ({ children }) => {
|
|
120
121
|
return (react_1.default.createElement(container_1.Container, { containerComponent: containerComponent, options: arrayField.containerOptions }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/arrayField/_template.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/arrayField/_template.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IButton } from "./_type";
|
|
2
2
|
import React from "react";
|
|
3
|
-
export declare const Button: ({ buttonComponent: ButtonComponent, visible, label, position, isFullWidth, containerClass, }: IButton) => React.JSX.Element;
|
|
3
|
+
export declare const Button: ({ buttonComponent: ButtonComponent, visible, label, position, isFullWidth, containerClass, options, }: IButton) => React.JSX.Element;
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Button = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "right", isFullWidth, containerClass, }) => {
|
|
8
|
+
const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "right", isFullWidth, containerClass, options = {}, }) => {
|
|
9
9
|
const getButtonPositionClass = (position) => {
|
|
10
10
|
const classes = {
|
|
11
11
|
left: "nvs-jc-start",
|
|
@@ -22,7 +22,7 @@ const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "
|
|
|
22
22
|
return visible ? (react_1.default.createElement("div", { className: `nvs-container-fluid${containerClass ? ` ${containerClass}` : ""}` },
|
|
23
23
|
react_1.default.createElement("div", { className: `nvs-row ${getButtonPositionClass(position)}` },
|
|
24
24
|
react_1.default.createElement("div", { className: getSubmitButtonClasses() },
|
|
25
|
-
react_1.default.createElement(ButtonComponent,
|
|
25
|
+
react_1.default.createElement(ButtonComponent, { ...options }, label))))) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
26
26
|
};
|
|
27
27
|
exports.Button = Button;
|
|
28
28
|
//# sourceMappingURL=_template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/button/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAEnB,MAAM,MAAM,GAAG,CAAC,EACrB,eAAe,EAAE,eAAe,EAChC,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,OAAO,EAClB,WAAW,EACX,cAAc,
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/button/_template.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAEnB,MAAM,MAAM,GAAG,CAAC,EACrB,eAAe,EAAE,eAAe,EAChC,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,OAAO,EAClB,WAAW,EACX,cAAc,EACd,OAAO,GAAG,EAAE,GACJ,EAAE,EAAE;IACZ,MAAM,sBAAsB,GAAG,CAAC,QAAqC,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,eAAe;SACxB,CAAC;QACF,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,aAAa,GAAG,CAAC,WAAW,CAAC,CAAC;QAEpC,WAAW,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEhD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uCACE,SAAS,EAAE,sBAAsB,cAAc,CAAC,CAAC,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAE7E,uCAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,QAAQ,CAAC,EAAE;YAC3D,uCAAK,SAAS,EAAE,sBAAsB,EAAE;gBACtC,8BAAC,eAAe,OAAK,OAAO,IAAG,KAAK,CAAmB,CACnD,CACF,CACF,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,MAAM,UAuCjB"}
|
|
@@ -2,4 +2,4 @@ import "nvs-flexgrid";
|
|
|
2
2
|
import "./_style.css";
|
|
3
3
|
import { INvsDynamicForm } from "./_type";
|
|
4
4
|
import React from "react";
|
|
5
|
-
export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;
|
|
5
|
+
export declare const NvsDynamicForm: ({ onSubmit, formElements, fields, formClass, buttonComponent, submitButtonDefaultOptions, submitButtonOptions, submitButtonVisible, submitButtonLabel, submitButtonIsFullWidth, submitButtonPosition, submitButtonContainerClass, container, containerVisible, containerOptions, useContainersOutsideGroup, useGroupContainer, addButtonDefaultOptions, removeButtonDefaultOptions, }: INvsDynamicForm) => React.JSX.Element;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "nvs-flexgrid";
|
|
2
2
|
import "./_style.css";
|
|
3
3
|
import { Button } from "./components/button";
|
|
4
|
+
import { Container } from "./components/container";
|
|
5
|
+
import { FormBuilder } from "./components/formBuilder";
|
|
4
6
|
import { FormikForm } from "./formikForm";
|
|
5
7
|
import React from "react";
|
|
6
|
-
|
|
7
|
-
import { Container } from "./components/container";
|
|
8
|
-
export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => React.createElement(React.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
|
|
8
|
+
export const NvsDynamicForm = ({ onSubmit, formElements = {}, fields = [], formClass, buttonComponent, submitButtonDefaultOptions, submitButtonOptions, submitButtonVisible = true, submitButtonLabel = submitButtonDefaultOptions.label, submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth, submitButtonPosition = submitButtonDefaultOptions.position, submitButtonContainerClass, container = ({ children }) => React.createElement(React.Fragment, null, children), containerVisible = false, containerOptions = {}, useContainersOutsideGroup = false, useGroupContainer = false, addButtonDefaultOptions, removeButtonDefaultOptions, }) => {
|
|
9
9
|
const formikForm = (React.createElement(FormikForm, { onSubmit: onSubmit, fields: fields, formClass: formClass },
|
|
10
10
|
React.createElement(FormBuilder, { containerComponent: container, formElements: formElements, useContainersOutsideGroup: useContainersOutsideGroup, useGroupContainer: useGroupContainer, containerVisible: containerVisible, fields: fields, buttonComponent: buttonComponent, containerOptions: containerOptions, fieldArrayAddButtonDefaultOptions: addButtonDefaultOptions, fieldArrayRemoveButtonDefaultOptions: removeButtonDefaultOptions }),
|
|
11
|
-
React.createElement(Button, { buttonComponent: buttonComponent, visible: submitButtonVisible, label: submitButtonLabel, isFullWidth: submitButtonIsFullWidth, position: submitButtonPosition, containerClass: submitButtonContainerClass })));
|
|
11
|
+
React.createElement(Button, { buttonComponent: buttonComponent, visible: submitButtonVisible, label: submitButtonLabel, isFullWidth: submitButtonIsFullWidth, position: submitButtonPosition, containerClass: submitButtonContainerClass, options: submitButtonOptions })));
|
|
12
12
|
return containerVisible && !useContainersOutsideGroup ? (React.createElement(Container, { containerComponent: container, options: containerOptions }, formikForm)) : (formikForm);
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=_template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../lib/nvs-dynamic-form/_template.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,MAAM,GAAG,EAAE,EACX,SAAS,EACT,eAAe,EACf,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,GAAG,IAAI,EAC1B,iBAAiB,GAAG,0BAA0B,CAAC,KAAK,EACpD,uBAAuB,GAAG,0BAA0B,CAAC,WAAW,EAChE,oBAAoB,GAAG,0BAA0B,CAAC,QAAQ,EAC1D,0BAA0B,EAC1B,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,0CAAG,QAAQ,CAAI,EAC7C,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,EAAE,EACrB,yBAAyB,GAAG,KAAK,EACjC,iBAAiB,GAAG,KAAK,EACzB,uBAAuB,EACvB,0BAA0B,GACV,EAAE,EAAE;IACpB,MAAM,UAAU,GAAG,CACjB,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;QAClE,oBAAC,WAAW,IACV,kBAAkB,EAAE,SAAS,EAC7B,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,iCAAiC,EAAE,uBAAuB,EAC1D,oCAAoC,EAAE,0BAA0B,GAChE;QACF,oBAAC,MAAM,IACL,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,iBAAiB,EACxB,WAAW,EAAE,uBAAuB,EACpC,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,EAAE,0BAA0B,EAC1C,OAAO,EAAE,mBAAmB,GAC5B,CACS,CACd,CAAC;IAEF,OAAO,gBAAgB,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,CACtD,oBAAC,SAAS,IAAC,kBAAkB,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,IAChE,UAAU,CACD,CACb,CAAC,CAAC,CAAC,CACF,UAAU,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -14,6 +14,9 @@ export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
|
14
14
|
useGroupContainer?: boolean;
|
|
15
15
|
buttonComponent: React.FC<any>;
|
|
16
16
|
submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
|
|
17
|
+
submitButtonOptions?: {
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
};
|
|
17
20
|
submitButtonVisible?: boolean;
|
|
18
21
|
submitButtonLabel?: string;
|
|
19
22
|
submitButtonPosition?: "left" | "center" | "right";
|
|
@@ -82,13 +82,14 @@ export const ArrayField = ({ field: arrayField, formElements, containerComponent
|
|
|
82
82
|
return arrayField.containerVisible && useGroupContainer && containerVisible;
|
|
83
83
|
};
|
|
84
84
|
const ContentArrayField = () => {
|
|
85
|
-
return (React.createElement(
|
|
86
|
-
arrayField.
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
85
|
+
return (React.createElement(ContentContainer, null,
|
|
86
|
+
React.createElement(FieldArray, { name: arrayField.id }, ({ push, remove, form }) => (React.createElement(React.Fragment, null,
|
|
87
|
+
arrayField.label && createArrayFieldLabel(),
|
|
88
|
+
lodash
|
|
89
|
+
.get(form.values, arrayField.id)
|
|
90
|
+
?.map((_, index) => createFieldArrayContent(remove, index)),
|
|
91
|
+
checkFieldArrayMaxSize(lodash.get(form.values, arrayField.id)?.length) && createArrayItemAddButton(push),
|
|
92
|
+
createErrorList(form))))));
|
|
92
93
|
};
|
|
93
94
|
const ContainerComponent = ({ children }) => {
|
|
94
95
|
return (React.createElement(Container, { containerComponent: containerComponent, options: arrayField.containerOptions }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/arrayField/_template.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/arrayField/_template.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IButton } from "./_type";
|
|
2
2
|
import React from "react";
|
|
3
|
-
export declare const Button: ({ buttonComponent: ButtonComponent, visible, label, position, isFullWidth, containerClass, }: IButton) => React.JSX.Element;
|
|
3
|
+
export declare const Button: ({ buttonComponent: ButtonComponent, visible, label, position, isFullWidth, containerClass, options, }: IButton) => React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "right", isFullWidth, containerClass, }) => {
|
|
2
|
+
export const Button = ({ buttonComponent: ButtonComponent, visible, label, position = "right", isFullWidth, containerClass, options = {}, }) => {
|
|
3
3
|
const getButtonPositionClass = (position) => {
|
|
4
4
|
const classes = {
|
|
5
5
|
left: "nvs-jc-start",
|
|
@@ -16,6 +16,6 @@ export const Button = ({ buttonComponent: ButtonComponent, visible, label, posit
|
|
|
16
16
|
return visible ? (React.createElement("div", { className: `nvs-container-fluid${containerClass ? ` ${containerClass}` : ""}` },
|
|
17
17
|
React.createElement("div", { className: `nvs-row ${getButtonPositionClass(position)}` },
|
|
18
18
|
React.createElement("div", { className: getSubmitButtonClasses() },
|
|
19
|
-
React.createElement(ButtonComponent,
|
|
19
|
+
React.createElement(ButtonComponent, { ...options }, label))))) : (React.createElement(React.Fragment, null));
|
|
20
20
|
};
|
|
21
21
|
//# sourceMappingURL=_template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/button/_template.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,eAAe,EAAE,eAAe,EAChC,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,OAAO,EAClB,WAAW,EACX,cAAc,
|
|
1
|
+
{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/button/_template.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,eAAe,EAAE,eAAe,EAChC,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,OAAO,EAClB,WAAW,EACX,cAAc,EACd,OAAO,GAAG,EAAE,GACJ,EAAE,EAAE;IACZ,MAAM,sBAAsB,GAAG,CAAC,QAAqC,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,eAAe;SACxB,CAAC;QACF,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,MAAM,aAAa,GAAG,CAAC,WAAW,CAAC,CAAC;QAEpC,WAAW,IAAI,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEhD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6BACE,SAAS,EAAE,sBAAsB,cAAc,CAAC,CAAC,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAE7E,6BAAK,SAAS,EAAE,WAAW,sBAAsB,CAAC,QAAQ,CAAC,EAAE;YAC3D,6BAAK,SAAS,EAAE,sBAAsB,EAAE;gBACtC,oBAAC,eAAe,OAAK,OAAO,IAAG,KAAK,CAAmB,CACnD,CACF,CACF,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -2,11 +2,11 @@ import "nvs-flexgrid";
|
|
|
2
2
|
import "./_style.css";
|
|
3
3
|
|
|
4
4
|
import { Button } from "./components/button";
|
|
5
|
+
import { Container } from "./components/container";
|
|
6
|
+
import { FormBuilder } from "./components/formBuilder";
|
|
5
7
|
import { FormikForm } from "./formikForm";
|
|
6
8
|
import { INvsDynamicForm } from "./_type";
|
|
7
9
|
import React from "react";
|
|
8
|
-
import { FormBuilder } from "./components/formBuilder";
|
|
9
|
-
import { Container } from "./components/container";
|
|
10
10
|
|
|
11
11
|
export const NvsDynamicForm = ({
|
|
12
12
|
onSubmit,
|
|
@@ -15,6 +15,7 @@ export const NvsDynamicForm = ({
|
|
|
15
15
|
formClass,
|
|
16
16
|
buttonComponent,
|
|
17
17
|
submitButtonDefaultOptions,
|
|
18
|
+
submitButtonOptions,
|
|
18
19
|
submitButtonVisible = true,
|
|
19
20
|
submitButtonLabel = submitButtonDefaultOptions.label,
|
|
20
21
|
submitButtonIsFullWidth = submitButtonDefaultOptions.isFullWidth,
|
|
@@ -49,6 +50,7 @@ export const NvsDynamicForm = ({
|
|
|
49
50
|
isFullWidth={submitButtonIsFullWidth}
|
|
50
51
|
position={submitButtonPosition}
|
|
51
52
|
containerClass={submitButtonContainerClass}
|
|
53
|
+
options={submitButtonOptions}
|
|
52
54
|
/>
|
|
53
55
|
</FormikForm>
|
|
54
56
|
);
|
|
@@ -23,6 +23,7 @@ export interface INvsDynamicForm extends Omit<IField, "field"> {
|
|
|
23
23
|
useGroupContainer?: boolean;
|
|
24
24
|
buttonComponent: React.FC<any>;
|
|
25
25
|
submitButtonDefaultOptions: ISubmitButtonDefaultOptions;
|
|
26
|
+
submitButtonOptions?: { [key: string]: any };
|
|
26
27
|
submitButtonVisible?: boolean;
|
|
27
28
|
submitButtonLabel?: string;
|
|
28
29
|
submitButtonPosition?: "left" | "center" | "right";
|
|
@@ -190,22 +190,24 @@ export const ArrayField: React.FC<IArrayField> = ({
|
|
|
190
190
|
|
|
191
191
|
const ContentArrayField = () => {
|
|
192
192
|
return (
|
|
193
|
-
<
|
|
194
|
-
{
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
193
|
+
<ContentContainer>
|
|
194
|
+
<FieldArray name={arrayField.id}>
|
|
195
|
+
{({ push, remove, form }) => (
|
|
196
|
+
<>
|
|
197
|
+
{arrayField.label && createArrayFieldLabel()}
|
|
198
|
+
{lodash
|
|
199
|
+
.get(form.values, arrayField.id)
|
|
200
|
+
?.map((_: any, index: number) =>
|
|
201
|
+
createFieldArrayContent(remove, index),
|
|
202
|
+
)}
|
|
203
|
+
{checkFieldArrayMaxSize(
|
|
204
|
+
lodash.get(form.values, arrayField.id)?.length,
|
|
205
|
+
) && createArrayItemAddButton(push)}
|
|
206
|
+
{createErrorList(form)}
|
|
207
|
+
</>
|
|
208
|
+
)}
|
|
209
|
+
</FieldArray>
|
|
210
|
+
</ContentContainer>
|
|
209
211
|
);
|
|
210
212
|
};
|
|
211
213
|
|
|
@@ -8,6 +8,7 @@ export const Button = ({
|
|
|
8
8
|
position = "right",
|
|
9
9
|
isFullWidth,
|
|
10
10
|
containerClass,
|
|
11
|
+
options = {},
|
|
11
12
|
}: IButton) => {
|
|
12
13
|
const getButtonPositionClass = (position: "left" | "right" | "center") => {
|
|
13
14
|
const classes = {
|
|
@@ -32,7 +33,7 @@ export const Button = ({
|
|
|
32
33
|
>
|
|
33
34
|
<div className={`nvs-row ${getButtonPositionClass(position)}`}>
|
|
34
35
|
<div className={getSubmitButtonClasses()}>
|
|
35
|
-
<ButtonComponent>{label}</ButtonComponent>
|
|
36
|
+
<ButtonComponent {...options}>{label}</ButtonComponent>
|
|
36
37
|
</div>
|
|
37
38
|
</div>
|
|
38
39
|
</div>
|