@nvs-dynamic-form/react-core 2.4.2 → 2.4.3

package/dist/cjs/nvs-dynamic-form/components/groupField/_template.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { IGroupField } from "./_type";
-export declare const GroupField: ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent, }: IGroupField) => React.JSX.Element | undefined;
+export declare const GroupField: ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent, }: IGroupField) => React.JSX.Element;

package/dist/cjs/nvs-dynamic-form/components/groupField/_template.js

@@ -24,17 +24,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupField = void 0;
+const lodash = __importStar(require("lodash"));
 const react_1 = __importStar(require("react"));
 const elements_1 = require("../elements");
 const formBuilder_1 = require("../formBuilder");
 const GroupField = ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent, }) => {
-    const [fields, setFields] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        setFields(groupField.fields.map((field) => {
-            field.id = `${groupField.id}.${field.id}`;
-            return field;
-        }));
-    }, [groupField.fields]);
+    const [fields, _] = (0, react_1.useState)(lodash.cloneDeep(groupField.fields).map((field) => {
+        field.id = `${groupField.id}.${field.id}`;
+        return field;
+    }));
     const isContainerVisible = () => {
         return groupField.containerVisible && useGroupContainer && containerVisible;
     };

package/dist/cjs/nvs-dynamic-form/components/groupField/_template.js.map

@@ -1 +1 @@
-{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/groupField/_template.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,0CAAuC;AAEvC,gDAA6C;AAGtC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EAAE,UAAU,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,GACH,EAAE,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAoB,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CACP,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9B,KAAK,CAAC,EAAE,GAAG,GAAG,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAExB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,UAAU,CAAC,gBAAgB,IAAI,iBAAiB,IAAI,gBAAgB,CAAC;IAC9E,CAAC,CAAC;IAEF,OAAO,CACL,MAAM;QACN,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CACtB,8BAAC,yBAAW,IACV,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAQ,IACP,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,UAAU,cAiDrB"}
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/groupField/_template.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiC;AAEjC,+CAAwC;AAExC,0CAAuC;AACvC,gDAA6C;AAGtC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EAAE,UAAU,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,GACH,EAAE,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,IAAA,gBAAQ,EAC1B,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,KAAK,CAAC,EAAE,GAAG,GAAG,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;QAC1C,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,UAAU,CAAC,gBAAgB,IAAI,iBAAiB,IAAI,gBAAgB,CAAC;IAC9E,CAAC,CAAC;IAEF,OAAO,CACL,MAAM;QACN,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CACtB,8BAAC,yBAAW,IACV,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAQ,IACP,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,UAAU,cA6CrB"}

package/dist/esm/nvs-dynamic-form/components/groupField/_template.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { IGroupField } from "./_type";
-export declare const GroupField: ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent, }: IGroupField) => React.JSX.Element | undefined;
+export declare const GroupField: ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent, }: IGroupField) => React.JSX.Element;

package/dist/esm/nvs-dynamic-form/components/groupField/_template.js

@@ -1,14 +1,12 @@
-import React, { useEffect, useState } from "react";
+import * as lodash from "lodash";
+import React, { useState } from "react";
 import { Elements } from "../elements";
 import { FormBuilder } from "../formBuilder";
 export const GroupField = ({ field: groupField, formElements, containerComponent, containerVisible, useContainersOutsideGroup, useGroupContainer, buttonComponent, }) => {
-    const [fields, setFields] = useState();
-    useEffect(() => {
-        setFields(groupField.fields.map((field) => {
-            field.id = `${groupField.id}.${field.id}`;
-            return field;
-        }));
-    }, [groupField.fields]);
+    const [fields, _] = useState(lodash.cloneDeep(groupField.fields).map((field) => {
+        field.id = `${groupField.id}.${field.id}`;
+        return field;
+    }));
     const isContainerVisible = () => {
         return groupField.containerVisible && useGroupContainer && containerVisible;
     };

package/dist/esm/nvs-dynamic-form/components/groupField/_template.js.map

@@ -1 +1 @@
-{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/groupField/_template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EAAE,UAAU,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,GACH,EAAE,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CACP,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9B,KAAK,CAAC,EAAE,GAAG,GAAG,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAExB,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,UAAU,CAAC,gBAAgB,IAAI,iBAAiB,IAAI,gBAAgB,CAAC;IAC9E,CAAC,CAAC;IAEF,OAAO,CACL,MAAM;QACN,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CACtB,oBAAC,WAAW,IACV,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"_template.js","sourceRoot":"","sources":["../../../../../lib/nvs-dynamic-form/components/groupField/_template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAC;AAEjC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EAAE,UAAU,EACjB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,eAAe,GACH,EAAE,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,QAAQ,CAC1B,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAChD,KAAK,CAAC,EAAE,GAAG,GAAG,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;QAC1C,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,UAAU,CAAC,gBAAgB,IAAI,iBAAiB,IAAI,gBAAgB,CAAC;IAC9E,CAAC,CAAC;IAEF,OAAO,CACL,MAAM;QACN,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CACtB,oBAAC,WAAW,IACV,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,yBAAyB,EAAE,yBAAyB,EACpD,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/nvs-dynamic-form/components/groupField/_template.tsx

@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from "react";
+import * as lodash from "lodash";
+
+import React, { useState } from "react";
 
 import { Elements } from "../elements";
-import { FieldType } from "../../_type";
 import { FormBuilder } from "../formBuilder";
 import { IGroupField } from "./_type";
 
@@ -14,16 +15,12 @@ export const GroupField = ({
   useGroupContainer,
   buttonComponent,
 }: IGroupField) => {
-  const [fields, setFields] = useState<Array<FieldType>>();
-
-  useEffect(() => {
-    setFields(
-      groupField.fields.map((field) => {
-        field.id = `${groupField.id}.${field.id}`;
-        return field;
-      }),
-    );
-  }, [groupField.fields]);
+  const [fields, _] = useState(
+    lodash.cloneDeep(groupField.fields).map((field) => {
+      field.id = `${groupField.id}.${field.id}`;
+      return field;
+    }),
+  );
 
   const isContainerVisible = () => {
     return groupField.containerVisible && useGroupContainer && containerVisible;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nvs-dynamic-form/react-core",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "types": "dist/cjs/index.d.ts",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",