@portnet/ui 0.1.48 → 0.1.49

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

@@ -1,16 +1,14 @@
 "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"));
@@ -32,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,
@@ -67,17 +47,21 @@ const PuiSearchPage = _ref2 => {
     onRetour,
     onReset,
     onSubmit,
-    children,
     additionalActions,
     collapsibleSearchSection = true // Collapsible by default
-  } = _ref2;
+  } = _ref;
   const [isSearchSectionExpanded, setSearchSectionExpanded] = (0, _react.useState)(false);
   const toggleSearchSection = () => {
     setSearchSectionExpanded(prev => !prev);
   };
 
-  // Convert children to an array safely
-  const childArray = _react.default.Children.toArray(children);
+  // 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,
@@ -109,26 +93,48 @@ 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.jsx)(_PuiGrid.default, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
               container: true,
               spacing: 2,
-              children: isSearchSectionExpanded ? childArray.map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
+              children: [firstRowFields.map((column, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
                 item: true,
                 xs: 12,
                 sm: 4,
-                children: child
-              }, index)) : childArray.slice(0, 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
-              }, index))
+                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,
               justifyContent: "end",
@@ -178,14 +184,18 @@ 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({
-    pinnedColumns: _propTypes.default.object // Added pinnedColumns prop type
+    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,
   onRetour: _propTypes.default.func,

package/package.json

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