@nickaux/form-configurator 1.1.214 → 1.1.216

package/dist/FormConfigurator.esm.js

@@ -39335,7 +39335,7 @@ const testValue = (operator, testFieldValue, expectedValue) => {
       }
       return true;
     default:
-      console.log(`Operator ${operator} is not recognized.`);
+      console.log(`Operator ${operator} is not recognized.`, testFieldValue, expectedValue);
       return false;
   }
 };
@@ -40053,6 +40053,7 @@ class TypeDefault {
     return this.formManager.getFieldPath(this.id);
   }
   change(value) {
+    this.executeListenenr(value);
     this.formManager.setFieldValueByPath(this.id, value);
     this.executeListenenr(value);
     this.executeActions(value);
@@ -40210,7 +40211,7 @@ class TypeGroup extends TypeDefault {
           break;
       }
       /* @__PURE__ */ jsx$2("label", { children: param.label });
-      outputHtml = /* @__PURE__ */ jsxs("div", { class: "group-content", children: [
+      outputHtml = /* @__PURE__ */ jsxs("div", { className: "group-content", children: [
         param.customInfo ? /* @__PURE__ */ jsx$2("p", { children: param.customInfo }) : "",
         groupItems
       ] }, param);
@@ -75669,7 +75670,7 @@ function Listing({
   onSearch = (filter) => {
   }
 }) {
-  var _a, _b, _c, _d, _e2, _f;
+  var _a, _b, _c, _d, _e2, _f, _g;
   if (!data2) {
     return "";
   }
@@ -75683,7 +75684,6 @@ function Listing({
   const [params, setParams] = useState(buildListingParam(listingParams));
   const [dataResult, setDataResult] = useState([]);
   useEffect(() => {
-    console.log("listing data", data2);
     onSearchHandler(formManager.formElements[0].id, searchParams);
     setDataResult(filter(searchParams == null ? void 0 : searchParams.text));
     if (params == null ? void 0 : params.defaultSort) {
@@ -75766,6 +75766,10 @@ function Listing({
   if (params === false) {
     return false;
   }
+  const _pageCount = Math.ceil(Object.keys(dataResult).length / perPage);
+  const _initialPage = ((_f = searchParams == null ? void 0 : searchParams.pagination) == null ? void 0 : _f.selected) > _pageCount ? 0 : (_g = searchParams == null ? void 0 : searchParams.pagination) == null ? void 0 : _g.selected;
+  const pageCount = Math.max(_pageCount ?? 1, 1);
+  const initialPage = Math.min(_initialPage ?? 0, pageCount - 1);
   return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "search-bar", children: [
       /* @__PURE__ */ jsx$2(
@@ -75849,8 +75853,8 @@ function Listing({
         nextLabel: "Suivant",
         breakLabel: "...",
         breakClassName: "break-me",
-        pageCount: Math.ceil(Object.keys(dataResult).length / perPage),
-        initialPage: (_f = searchParams == null ? void 0 : searchParams.pagination) == null ? void 0 : _f.selected,
+        pageCount,
+        initialPage,
         marginPagesDisplayed: 1,
         pageRangeDisplayed: 2,
         onPageChange: handlePageClick,
@@ -81697,7 +81701,6 @@ class TypeSelect extends TypeDefault {
                     className: "chips-item input-chip " + ((fieldValue2 == null ? void 0 : fieldValue2.includes(item.value)) ? "item-cheked" : ""),
                     style: { backgroundColor: (item == null ? void 0 : item.color) ?? "transparent" },
                     children: [
-                      /* @__PURE__ */ jsx$2("div", { className: "icon-checked" }),
                       /* @__PURE__ */ jsx$2(
                         "input",
                         {
@@ -81712,6 +81715,7 @@ class TypeSelect extends TypeDefault {
                         }
                       ),
                       /* @__PURE__ */ jsxs("label", { htmlFor: props.id + "_" + i2, children: [
+                        /* @__PURE__ */ jsx$2("div", { className: "icon-checked" }),
                         " ",
                         item.label
                       ] })
@@ -136349,7 +136353,7 @@ const getDisplayField = (fieldValue2, param, labelFields) => {
           detailDisplay,
           " "
         ] }),
-        /* @__PURE__ */ jsx$2("div", { class: "img-container", children: /* @__PURE__ */ jsx$2("img", { src: fileSrc }) })
+        /* @__PURE__ */ jsx$2("div", { className: "img-container", children: /* @__PURE__ */ jsx$2("img", { src: fileSrc }) })
       ] });
       break;
     case "mp4":
@@ -149153,7 +149157,6 @@ class FormManager {
     for (let i2 = 0; i2 < formData.length; i2++) {
       formData[i2] = this.loadJsonFormNode(formData[i2], true);
     }
-    console.log(formData);
     return formData;
   }
   // getMaxContentLevel(p_item) {
@@ -149565,7 +149568,7 @@ function RootForm(props) {
     return /* @__PURE__ */ jsx$2(ChildComponent, {}, index2);
   }) }, "root-form") });
 }
-function FormConfigurator({ form, data: data2, options: options2, parent = {}, routePath = "" }) {
+const FormConfigurator = forwardRef(({ form, data: data2, options: options2, parent = {}, routePath = "" }, ref2) => {
   const [formManager, setFormManager] = useState();
   useEffect(() => {
     const manager = new FormManager(form, data2, options2, routePath);
@@ -149574,6 +149577,9 @@ function FormConfigurator({ form, data: data2, options: options2, parent = {}, r
       parent.formManager = manager;
     }
   }, [form, data2, options2, routePath]);
+  useImperativeHandle(ref2, () => ({
+    formManager
+  }), [formManager]);
   if (!formManager)
     return null;
   const LayoutComponent = formManager.layout;
@@ -149581,7 +149587,7 @@ function FormConfigurator({ form, data: data2, options: options2, parent = {}, r
     /* @__PURE__ */ jsx$2(FormContext.Provider, { value: formManager, children: /* @__PURE__ */ jsx$2(RootForm, {}) }),
     formManager.options.displayData && /* @__PURE__ */ jsx$2(DisplayData, {})
   ] }) });
-}
+});
 export {
   TypeDefault,
   FormConfigurator as default