@portnet/ui 0.1.44 → 0.1.46

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

@@ -4,15 +4,15 @@ 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");
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 require("core-js/modules/esnext.iterator.map.js");
-var _formik = require("formik");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var React = _interopRequireWildcard(require("react"));
+var _formik = require("formik");
 var _PuiButton = _interopRequireDefault(require("../../../buttons/PuiButton"));
 var _PuiFormikForm = _interopRequireDefault(require("../../../others/PuiFormikForm"));
 var _PuiGrid = _interopRequireDefault(require("../../../others/PuiGrid"));
@@ -20,15 +20,17 @@ var _PuiIcon = _interopRequireDefault(require("../../../others/PuiIcon"));
 var _PuiSection = _interopRequireDefault(require("../../../others/PuiSection"));
 var _PuiTable = _interopRequireDefault(require("../../../table/PuiTable"));
 var _PuiDefaultPage = _interopRequireDefault(require("./PuiDefaultPage"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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); }
+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,
@@ -48,6 +50,7 @@ const PuiStandardSearchPageContainer = _ref => {
   });
 };
 const PuiSearchPage = _ref2 => {
+  var _tableProps$rows, _tableProps$columns;
   let {
     formik,
     formikProps,
@@ -64,8 +67,21 @@ const PuiSearchPage = _ref2 => {
     onReset,
     onSubmit,
     children: _children,
-    additionalActions
+    additionalActions,
+    collapsibleSearchSection = true // Collapsible by default
   } = _ref2;
+  const [isSearchSectionExpanded, setSearchSectionExpanded] = (0, _react.useState)(false);
+  const toggleSearchSection = () => {
+    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] || "-"
+  }));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiDefaultPage.default, {
     title: title,
     titleIcon: titleIcon,
@@ -77,11 +93,24 @@ const PuiSearchPage = _ref2 => {
     retour: retour,
     onRetour: onRetour,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiSection.default, {
-      title: "Param\xE8tres de recherche",
+      title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        onClick: toggleSearchSection,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          cursor: collapsibleSearchSection ? "pointer" : "default"
+        },
+        children: [collapsibleSearchSection && (isSearchSectionExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          style: {
+            marginLeft: collapsibleSearchSection ? "8px" : "0px"
+          },
+          children: "Param\xE8tres de recherche"
+        })]
+      }),
       sx: {
         marginBottom: 2
       },
-      children: formik ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, _objectSpread(_objectSpread({
+      children: isSearchSectionExpanded ? formik ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, _objectSpread(_objectSpread({
         initialValues: {}
       }, formikProps), {}, {
         children: _ref3 => {
@@ -165,11 +194,23 @@ const PuiSearchPage = _ref2 => {
           }, 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), {}, {
-      pinnedColumns: tableProps.pinnedColumns // Pass pinnedColumns to PuiTable
+      pinnedColumns: tableProps.pinnedColumns // Added pinnedColumns
     }))]
   });
 };
@@ -183,7 +224,11 @@ PuiSearchPage.propTypes = {
   topNav: _propTypes.default.bool,
   bottomNav: _propTypes.default.bool,
   loading: _propTypes.default.bool,
-  tableProps: _propTypes.default.object,
+  tableProps: _propTypes.default.shape({
+    rows: _propTypes.default.array,
+    columns: _propTypes.default.array,
+    pinnedColumns: _propTypes.default.object // Added pinnedColumns prop type
+  }),
   retour: _propTypes.default.bool,
   onRetour: _propTypes.default.func,
   onReset: _propTypes.default.func,
@@ -192,11 +237,13 @@ PuiSearchPage.propTypes = {
     name: _propTypes.default.string.isRequired,
     action: _propTypes.default.func.isRequired,
     icon: _propTypes.default.element
-  }))
+  })),
+  collapsibleSearchSection: _propTypes.default.bool
 };
 PuiSearchPage.defaultProps = {
   formik: true,
   loading: false,
-  additionalActions: []
+  additionalActions: [],
+  collapsibleSearchSection: true
 };
 var _default = exports.default = PuiSearchPage;

package/dist/index.js

@@ -0,0 +1,335 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PuiAlertProvider", {
+  enumerable: true,
+  get: function get() {
+    return _PuiAlertProvider.default;
+  }
+});
+Object.defineProperty(exports, "PuiAutocomplete", {
+  enumerable: true,
+  get: function get() {
+    return _PuiAutocomplete.default;
+  }
+});
+Object.defineProperty(exports, "PuiBadge", {
+  enumerable: true,
+  get: function get() {
+    return _PuiBadge.default;
+  }
+});
+Object.defineProperty(exports, "PuiButton", {
+  enumerable: true,
+  get: function get() {
+    return _PuiButton.default;
+  }
+});
+Object.defineProperty(exports, "PuiCheckbox", {
+  enumerable: true,
+  get: function get() {
+    return _PuiCheckbox.default;
+  }
+});
+Object.defineProperty(exports, "PuiCheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _PuiCheckboxGroup.default;
+  }
+});
+Object.defineProperty(exports, "PuiCheckboxItem", {
+  enumerable: true,
+  get: function get() {
+    return _PuiCheckboxItem.default;
+  }
+});
+Object.defineProperty(exports, "PuiChip", {
+  enumerable: true,
+  get: function get() {
+    return _PuiChip.default;
+  }
+});
+Object.defineProperty(exports, "PuiCustomPopupReferentielField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiCustomPopupReferentielField.default;
+  }
+});
+Object.defineProperty(exports, "PuiDateField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiDateField.default;
+  }
+});
+Object.defineProperty(exports, "PuiDateTimeField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiDateTimeField.default;
+  }
+});
+Object.defineProperty(exports, "PuiDefaultPage", {
+  enumerable: true,
+  get: function get() {
+    return _PuiDefaultPage.default;
+  }
+});
+Object.defineProperty(exports, "PuiDefinition", {
+  enumerable: true,
+  get: function get() {
+    return _PuiDefinition.default;
+  }
+});
+Object.defineProperty(exports, "PuiDialog", {
+  enumerable: true,
+  get: function get() {
+    return _PuiDialog.default;
+  }
+});
+Object.defineProperty(exports, "PuiFileField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiFileField.default;
+  }
+});
+Object.defineProperty(exports, "PuiForbiddenErrorPage", {
+  enumerable: true,
+  get: function get() {
+    return _PuiForbiddenErrorPage.default;
+  }
+});
+Object.defineProperty(exports, "PuiFormikForm", {
+  enumerable: true,
+  get: function get() {
+    return _PuiFormikForm.default;
+  }
+});
+Object.defineProperty(exports, "PuiGrid", {
+  enumerable: true,
+  get: function get() {
+    return _PuiGrid.default;
+  }
+});
+Object.defineProperty(exports, "PuiIcon", {
+  enumerable: true,
+  get: function get() {
+    return _PuiIcon.default;
+  }
+});
+Object.defineProperty(exports, "PuiIconButton", {
+  enumerable: true,
+  get: function get() {
+    return _PuiIconButton.default;
+  }
+});
+Object.defineProperty(exports, "PuiIndication", {
+  enumerable: true,
+  get: function get() {
+    return _PuiIndication.default;
+  }
+});
+Object.defineProperty(exports, "PuiLoadingBackdrop", {
+  enumerable: true,
+  get: function get() {
+    return _PuiLoadingBackdrop.default;
+  }
+});
+Object.defineProperty(exports, "PuiLocalizationProvider", {
+  enumerable: true,
+  get: function get() {
+    return _PuiLocalizationProvider.default;
+  }
+});
+Object.defineProperty(exports, "PuiMainContainer", {
+  enumerable: true,
+  get: function get() {
+    return _PuiMainContainer.default;
+  }
+});
+Object.defineProperty(exports, "PuiMainTitle", {
+  enumerable: true,
+  get: function get() {
+    return _PuiMainTitle.default;
+  }
+});
+Object.defineProperty(exports, "PuiNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _PuiNavigation.default;
+  }
+});
+Object.defineProperty(exports, "PuiNetworkErrorPage", {
+  enumerable: true,
+  get: function get() {
+    return _PuiNetworkErrorPage.default;
+  }
+});
+Object.defineProperty(exports, "PuiNotFoundErrorPage", {
+  enumerable: true,
+  get: function get() {
+    return _PuiNotFoundErrorPage.default;
+  }
+});
+Object.defineProperty(exports, "PuiRadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _PuiRadioGroup.default;
+  }
+});
+Object.defineProperty(exports, "PuiRadioItem", {
+  enumerable: true,
+  get: function get() {
+    return _PuiRadioItem.default;
+  }
+});
+Object.defineProperty(exports, "PuiReferentielProvider", {
+  enumerable: true,
+  get: function get() {
+    return _PuiReferentielProvider.default;
+  }
+});
+Object.defineProperty(exports, "PuiSearchDialog", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSearchDialog.default;
+  }
+});
+Object.defineProperty(exports, "PuiSearchPage", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSearchPage.default;
+  }
+});
+Object.defineProperty(exports, "PuiSection", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSection.default;
+  }
+});
+Object.defineProperty(exports, "PuiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSelect.default;
+  }
+});
+Object.defineProperty(exports, "PuiServerErrorPage", {
+  enumerable: true,
+  get: function get() {
+    return _PuiServerErrorPage.default;
+  }
+});
+Object.defineProperty(exports, "PuiSimplePopupReferentielField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSimplePopupReferentielField.default;
+  }
+});
+Object.defineProperty(exports, "PuiSimpleReferentielField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSimpleReferentielField.default;
+  }
+});
+Object.defineProperty(exports, "PuiSpecificReferentielField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiSpecificReferentielField.default;
+  }
+});
+Object.defineProperty(exports, "PuiTab", {
+  enumerable: true,
+  get: function get() {
+    return _PuiTab.default;
+  }
+});
+Object.defineProperty(exports, "PuiTable", {
+  enumerable: true,
+  get: function get() {
+    return _PuiTable.default;
+  }
+});
+Object.defineProperty(exports, "PuiTableAction", {
+  enumerable: true,
+  get: function get() {
+    return _PuiTableAction.default;
+  }
+});
+Object.defineProperty(exports, "PuiTabs", {
+  enumerable: true,
+  get: function get() {
+    return _PuiTabs.default;
+  }
+});
+Object.defineProperty(exports, "PuiTextField", {
+  enumerable: true,
+  get: function get() {
+    return _PuiTextField.default;
+  }
+});
+Object.defineProperty(exports, "PuiTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _PuiTooltip.default;
+  }
+});
+Object.defineProperty(exports, "useAlert", {
+  enumerable: true,
+  get: function get() {
+    return _useAlert.default;
+  }
+});
+Object.defineProperty(exports, "useQuery", {
+  enumerable: true,
+  get: function get() {
+    return _useQuery.default;
+  }
+});
+var _PuiButton = _interopRequireDefault(require("./components/buttons/PuiButton"));
+var _PuiIconButton = _interopRequireDefault(require("./components/buttons/PuiIconButton"));
+var _PuiAutocomplete = _interopRequireDefault(require("./components/inputs/PuiAutocomplete"));
+var _PuiCheckbox = _interopRequireDefault(require("./components/inputs/PuiCheckbox"));
+var _PuiCheckboxGroup = _interopRequireDefault(require("./components/inputs/PuiCheckboxGroup"));
+var _PuiCheckboxItem = _interopRequireDefault(require("./components/inputs/PuiCheckboxItem"));
+var _PuiDateField = _interopRequireDefault(require("./components/inputs/PuiDateField"));
+var _PuiDateTimeField = _interopRequireDefault(require("./components/inputs/PuiDateTimeField"));
+var _PuiFileField = _interopRequireDefault(require("./components/inputs/PuiFileField"));
+var _PuiRadioGroup = _interopRequireDefault(require("./components/inputs/PuiRadioGroup"));
+var _PuiRadioItem = _interopRequireDefault(require("./components/inputs/PuiRadioItem"));
+var _PuiSelect = _interopRequireDefault(require("./components/inputs/PuiSelect"));
+var _PuiTextField = _interopRequireDefault(require("./components/inputs/PuiTextField"));
+var _PuiBadge = _interopRequireDefault(require("./components/others/PuiBadge"));
+var _PuiChip = _interopRequireDefault(require("./components/others/PuiChip"));
+var _PuiDialog = _interopRequireDefault(require("./components/others/PuiDialog"));
+var _PuiFormikForm = _interopRequireDefault(require("./components/others/PuiFormikForm"));
+var _PuiGrid = _interopRequireDefault(require("./components/others/PuiGrid"));
+var _PuiIcon = _interopRequireDefault(require("./components/others/PuiIcon"));
+var _PuiLoadingBackdrop = _interopRequireDefault(require("./components/others/PuiLoadingBackdrop"));
+var _PuiMainContainer = _interopRequireDefault(require("./components/others/PuiMainContainer"));
+var _PuiNavigation = _interopRequireDefault(require("./components/others/PuiNavigation"));
+var _PuiSection = _interopRequireDefault(require("./components/others/PuiSection"));
+var _PuiTooltip = _interopRequireDefault(require("./components/others/PuiTooltip"));
+var _PuiAlertProvider = _interopRequireDefault(require("./components/providers/PuiAlertProvider"));
+var _PuiLocalizationProvider = _interopRequireDefault(require("./components/providers/PuiLocalizationProvider"));
+var _PuiCustomPopupReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiCustomPopupReferentielField"));
+var _PuiSimplePopupReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiSimplePopupReferentielField"));
+var _PuiSimpleReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiSimpleReferentielField"));
+var _PuiSpecificReferentielField = _interopRequireDefault(require("./components/referentiel/components/PuiSpecificReferentielField"));
+var _PuiReferentielProvider = _interopRequireDefault(require("./components/referentiel/providers/PuiReferentielProvider"));
+var _PuiTab = _interopRequireDefault(require("./components/tab/PuiTab"));
+var _PuiTabs = _interopRequireDefault(require("./components/tab/PuiTabs"));
+var _PuiTable = _interopRequireDefault(require("./components/table/PuiTable"));
+var _PuiTableAction = _interopRequireDefault(require("./components/table/PuiTableAction"));
+var _PuiDefinition = _interopRequireDefault(require("./components/typography/PuiDefinition"));
+var _PuiIndication = _interopRequireDefault(require("./components/typography/PuiIndication"));
+var _PuiMainTitle = _interopRequireDefault(require("./components/typography/PuiMainTitle"));
+var _PuiSearchDialog = _interopRequireDefault(require("./components/ui/dialogs/PuiSearchDialog"));
+var _PuiForbiddenErrorPage = _interopRequireDefault(require("./components/ui/pages/errors/PuiForbiddenErrorPage"));
+var _PuiNetworkErrorPage = _interopRequireDefault(require("./components/ui/pages/errors/PuiNetworkErrorPage"));
+var _PuiNotFoundErrorPage = _interopRequireDefault(require("./components/ui/pages/errors/PuiNotFoundErrorPage"));
+var _PuiServerErrorPage = _interopRequireDefault(require("./components/ui/pages/errors/PuiServerErrorPage"));
+var _PuiDefaultPage = _interopRequireDefault(require("./components/ui/pages/general/PuiDefaultPage"));
+var _PuiSearchPage = _interopRequireDefault(require("./components/ui/pages/general/PuiSearchPage"));
+var _useAlert = _interopRequireDefault(require("./hooks/useAlert"));
+var _useQuery = _interopRequireDefault(require("./hooks/useQuery"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/package.json

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