@portnet/ui 0.1.46 → 0.1.48

package/dist/components/ui/pages/general/PuiSearchPage.js

@@ -1,14 +1,16 @@
 "use strict";
 
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.promise.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.to-array.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -50,7 +52,6 @@ const PuiStandardSearchPageContainer = _ref => {
   });
 };
 const PuiSearchPage = _ref2 => {
-  var _tableProps$rows, _tableProps$columns;
   let {
     formik,
     formikProps,
@@ -66,7 +67,7 @@ const PuiSearchPage = _ref2 => {
     onRetour,
     onReset,
     onSubmit,
-    children: _children,
+    children,
     additionalActions,
     collapsibleSearchSection = true // Collapsible by default
   } = _ref2;
@@ -75,13 +76,8 @@ const PuiSearchPage = _ref2 => {
     setSearchSectionExpanded(prev => !prev);
   };
 
-  // Extract the first row for display when collapsed
-  const firstRow = (tableProps === null || tableProps === void 0 || (_tableProps$rows = tableProps.rows) === null || _tableProps$rows === void 0 ? void 0 : _tableProps$rows[0]) || {};
-  const firstRowColumns = tableProps === null || tableProps === void 0 || (_tableProps$columns = tableProps.columns) === null || _tableProps$columns === void 0 ? void 0 : _tableProps$columns.map(col => ({
-    field: col.field,
-    headerName: col.headerName,
-    value: firstRow[col.field] || "-"
-  }));
+  // Convert children to an array safely
+  const childArray = _react.default.Children.toArray(children);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiDefaultPage.default, {
     title: title,
     titleIcon: titleIcon,
@@ -110,7 +106,7 @@ const PuiSearchPage = _ref2 => {
       sx: {
         marginBottom: 2
       },
-      children: isSearchSectionExpanded ? formik ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, _objectSpread(_objectSpread({
         initialValues: {}
       }, formikProps), {}, {
         children: _ref3 => {
@@ -118,95 +114,59 @@ const PuiSearchPage = _ref2 => {
             resetForm,
             submitForm
           } = _ref3;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiFormikForm.default, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PuiStandardSearchPageContainer, {
-              actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
-                container: true,
-                justifyContent: "end",
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-                  item: true,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
-                    startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
-                      type: "effacer",
-                      size: "small"
-                    }),
-                    onClick: resetForm,
-                    color: "tertiary",
-                    children: "Effacer"
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-                  item: true,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
-                    startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
-                      type: "rechercher",
-                      size: "small"
-                    }),
-                    onClick: submitForm,
-                    loadingPosition: "start",
-                    children: "Rechercher"
-                  })
-                }), additionalActions && additionalActions.map((actionItem, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-                  item: true,
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
-                    startIcon: actionItem.icon,
-                    onClick: actionItem.action,
-                    children: actionItem.name
-                  })
-                }, index))]
-              }),
-              children: _children
-            })
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiFormikForm.default, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+              container: true,
+              spacing: 2,
+              children: isSearchSectionExpanded ? childArray.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+                item: true,
+                xs: 12,
+                sm: 4,
+                children: child
+              }, index)) : childArray.slice(0, 3).map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+                item: true,
+                xs: 12,
+                sm: 4,
+                children: child
+              }, index))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
+              container: true,
+              justifyContent: "end",
+              spacing: 2,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+                item: true,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
+                  startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
+                    type: "effacer",
+                    size: "small"
+                  }),
+                  onClick: resetForm,
+                  color: "tertiary",
+                  children: "Effacer"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+                item: true,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
+                  startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
+                    type: "rechercher",
+                    size: "small"
+                  }),
+                  onClick: submitForm,
+                  loadingPosition: "start",
+                  children: "Rechercher"
+                })
+              }), additionalActions && additionalActions.map((actionItem, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+                item: true,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
+                  startIcon: actionItem.icon,
+                  onClick: actionItem.action,
+                  children: actionItem.name
+                })
+              }, index))]
+            })]
           });
         }
-      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PuiStandardSearchPageContainer, {
-        actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
-          container: true,
-          justifyContent: "end",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-            item: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
-              startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
-                type: "effacer",
-                size: "small"
-              }),
-              onClick: onReset,
-              color: "tertiary",
-              children: "Effacer"
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-            item: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
-              startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
-                type: "rechercher",
-                size: "small"
-              }),
-              onClick: onSubmit,
-              loadingPosition: "start",
-              children: "Rechercher"
-            })
-          }), additionalActions && additionalActions.map((actionItem, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-            item: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
-              startIcon: actionItem.icon,
-              onClick: actionItem.action,
-              children: actionItem.name
-            })
-          }, index))]
-        }),
-        children: _children
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-        container: true,
-        spacing: 2,
-        children: firstRowColumns === null || firstRowColumns === void 0 ? void 0 : firstRowColumns.map(col => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
-          item: true,
-          xs: 12,
-          sm: 6,
-          md: 4,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("strong", {
-            children: [col.headerName, ":"]
-          }), " ", col.value]
-        }, col.field))
-      })
+      }))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTable.default, _objectSpread(_objectSpread({
       paginationMode: "server"
     }, tableProps), {}, {
@@ -225,8 +185,6 @@ PuiSearchPage.propTypes = {
   bottomNav: _propTypes.default.bool,
   loading: _propTypes.default.bool,
   tableProps: _propTypes.default.shape({
-    rows: _propTypes.default.array,
-    columns: _propTypes.default.array,
     pinnedColumns: _propTypes.default.object // Added pinnedColumns prop type
   }),
   retour: _propTypes.default.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "Portnet UI",
   "keywords": [
     "react",