funda-ui 4.7.620 → 4.7.625

package/DynamicFields/index.js

@@ -568,6 +568,9 @@ var DynamicFields = function DynamicFields(props) {
   // exposes the following methods
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(contentRef, function () {
     return {
+      addNew: function addNew() {
+        handleClickAdd(null);
+      },
       showAddBtn: function showAddBtn() {
         addBtnRef.current.style.setProperty('display', 'inline', 'important');
       },
@@ -578,7 +581,9 @@ var DynamicFields = function DynamicFields(props) {
         return rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length;
       }
     };
-  }, [contentRef]);
+  }, [contentRef, handleClickAdd] // required "handleClickAdd"
+  );
+
   function updateLastItemCls(el, type) {
     if (typeof el === 'undefined') return;
     if (type === 'add') {
@@ -624,8 +629,11 @@ var DynamicFields = function DynamicFields(props) {
       addBtnRef.current.style.setProperty('display', 'none', 'important');
     }
   }
-  function handleClickAdd(event) {
-    if (event !== null && typeof event !== 'undefined') event.preventDefault();
+  function handleClickAdd() {
+    var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (event !== null) {
+      if (typeof event !== 'undefined') event.preventDefault();
+    }
 
     //button status
     checkMaxStatus();

package/lib/cjs/DynamicFields/index.js

@@ -568,6 +568,9 @@ var DynamicFields = function DynamicFields(props) {
   // exposes the following methods
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(contentRef, function () {
     return {
+      addNew: function addNew() {
+        handleClickAdd(null);
+      },
       showAddBtn: function showAddBtn() {
         addBtnRef.current.style.setProperty('display', 'inline', 'important');
       },
@@ -578,7 +581,9 @@ var DynamicFields = function DynamicFields(props) {
         return rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length;
       }
     };
-  }, [contentRef]);
+  }, [contentRef, handleClickAdd] // required "handleClickAdd"
+  );
+
   function updateLastItemCls(el, type) {
     if (typeof el === 'undefined') return;
     if (type === 'add') {
@@ -624,8 +629,11 @@ var DynamicFields = function DynamicFields(props) {
       addBtnRef.current.style.setProperty('display', 'none', 'important');
     }
   }
-  function handleClickAdd(event) {
-    if (event !== null && typeof event !== 'undefined') event.preventDefault();
+  function handleClickAdd() {
+    var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (event !== null) {
+      if (typeof event !== 'undefined') event.preventDefault();
+    }
 
     //button status
     checkMaxStatus();

package/lib/esm/DynamicFields/index.tsx

@@ -101,6 +101,9 @@ const DynamicFields = (props: DynamicFieldsProps) => {
     useImperativeHandle(
         contentRef,
         () => ({
+            addNew: () => {
+                handleClickAdd(null);
+            },
             showAddBtn: () => {
                 addBtnRef.current.style.setProperty('display', 'inline', 'important');
             },
@@ -111,7 +114,7 @@ const DynamicFields = (props: DynamicFieldsProps) => {
                 return rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length;
             }
         }),
-        [contentRef],
+        [contentRef, handleClickAdd],  // required "handleClickAdd"
     );
 
     function updateLastItemCls(el: HTMLDivElement, type: string) {
@@ -167,9 +170,11 @@ const DynamicFields = (props: DynamicFieldsProps) => {
     }
 
 
-    function handleClickAdd(event: any) {
-        if (event !== null && typeof event !== 'undefined') event.preventDefault();
-
+    function handleClickAdd(event: any = null) {
+        if (event !== null) {
+            if (typeof event !== 'undefined') event.preventDefault();
+        }
+        
         //button status
         checkMaxStatus();
 

package/package.json

@@ -1 +1 @@
-{"author":"UIUX Lab","email":"uiuxlab@gmail.com","name":"funda-ui","version":"4.7.620","description":"React components using pure Bootstrap 5+ which does not contain any external style and script libraries.","repository":{"type":"git","url":"git+https://github.com/xizon/funda-ui.git"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["bootstrap","react-bootstrap","react-components","components","components-react","react-bootstrap-components","react","funda-ui","fundaui","uikit","ui-kit","ui-components"],"bugs":{"url":"https://github.com/xizon/funda-ui/issues"},"homepage":"https://github.com/xizon/funda-ui#readme","main":"all.js","license":"MIT","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"types":"all.d.ts","publishConfig":{"directory":"lib"},"directories":{"lib":"lib"}}
+{"author":"UIUX Lab","email":"uiuxlab@gmail.com","name":"funda-ui","version":"4.7.625","description":"React components using pure Bootstrap 5+ which does not contain any external style and script libraries.","repository":{"type":"git","url":"git+https://github.com/xizon/funda-ui.git"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["bootstrap","react-bootstrap","react-components","components","components-react","react-bootstrap-components","react","funda-ui","fundaui","uikit","ui-kit","ui-components"],"bugs":{"url":"https://github.com/xizon/funda-ui/issues"},"homepage":"https://github.com/xizon/funda-ui#readme","main":"all.js","license":"MIT","dependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"types":"all.d.ts","publishConfig":{"directory":"lib"},"directories":{"lib":"lib"}}