@portnet/ui 0.1.47 → 0.1.49

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

@@ -30,26 +30,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Container for search form and actions
-const PuiStandardSearchPageContainer = _ref => {
-  let {
-    actions,
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
-    container: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-      item: true,
-      xs: 12,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
-      item: true,
-      xs: 12,
-      children: actions
-    })]
-  });
-};
-const PuiSearchPage = _ref2 => {
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const PuiSearchPage = _ref => {
   let {
     formik,
     formikProps,
@@ -65,14 +47,21 @@ const PuiSearchPage = _ref2 => {
     onRetour,
     onReset,
     onSubmit,
-    children: _children,
     additionalActions,
     collapsibleSearchSection = true // Collapsible by default
-  } = _ref2;
+  } = _ref;
   const [isSearchSectionExpanded, setSearchSectionExpanded] = (0, _react.useState)(false);
   const toggleSearchSection = () => {
     setSearchSectionExpanded(prev => !prev);
   };
+
+  // Extract the columns from tableProps
+  const {
+    columns
+  } = tableProps || {};
+  const firstRowFields = columns.slice(0, 3); // Display only the first 3 columns when collapsed
+  const additionalFields = columns.slice(3); // Remaining columns when expanded
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiDefaultPage.default, {
     title: title,
     titleIcon: titleIcon,
@@ -104,35 +93,47 @@ const PuiSearchPage = _ref2 => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, _objectSpread(_objectSpread({
         initialValues: {}
       }, formikProps), {}, {
-        children: _ref3 => {
+        children: _ref2 => {
           let {
             resetForm,
             submitForm
-          } = _ref3;
+          } = _ref2;
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiFormikForm.default, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
               container: true,
               spacing: 2,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
-                item: true,
-                xs: 12,
-                sm: 4,
-                children: [_children[0], " "]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
-                item: true,
-                xs: 12,
-                sm: 4,
-                children: [_children[1], " "]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
+              children: [firstRowFields.map((column, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
                 item: true,
                 xs: 12,
                 sm: 4,
-                children: [_children[2], " "]
-              }), isSearchSectionExpanded && _children.slice(3).map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+                  children: column.headerName
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                  name: column.field,
+                  placeholder: column.headerName,
+                  style: {
+                    width: "100%",
+                    padding: "8px",
+                    borderRadius: "4px",
+                    border: "1px solid #ccc"
+                  }
+                })]
+              }, index)), isSearchSectionExpanded && additionalFields.map((column, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
                 item: true,
                 xs: 12,
                 sm: 4,
-                children: child
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+                  children: column.headerName
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                  name: column.field,
+                  placeholder: column.headerName,
+                  style: {
+                    width: "100%",
+                    padding: "8px",
+                    borderRadius: "4px",
+                    border: "1px solid #ccc"
+                  }
+                })]
               }, index))]
             }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
               container: true,
@@ -183,13 +184,17 @@ PuiSearchPage.propTypes = {
   formik: _propTypes.default.bool,
   formikProps: _propTypes.default.object,
   title: _propTypes.default.string.isRequired,
-  titleIcon: _propTypes.default.element.isRequired,
+  titleIcon: _propTypes.default.element,
   trace: _propTypes.default.arrayOf(_propTypes.default.string),
   navActions: _propTypes.default.element,
   topNav: _propTypes.default.bool,
   bottomNav: _propTypes.default.bool,
   loading: _propTypes.default.bool,
   tableProps: _propTypes.default.shape({
+    columns: _propTypes.default.arrayOf(_propTypes.default.shape({
+      field: _propTypes.default.string.isRequired,
+      headerName: _propTypes.default.string.isRequired
+    })).isRequired,
     pinnedColumns: _propTypes.default.object
   }),
   retour: _propTypes.default.bool,

package/package.json

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