arengibook 1.2.35 → 1.2.37

package/dist/index.js

@@ -13826,8 +13826,6 @@ var Popup = function Popup(_ref) {
       severity: "success",
       raised: true
     }) : _ref$footer,
-    visible = _ref.visible,
-    onHide = _ref.onHide,
     children = _ref.children,
     _ref$dismissableMask = _ref.dismissableMask,
     dismissableMask = _ref$dismissableMask === void 0 ? true : _ref$dismissableMask,
@@ -13865,6 +13863,10 @@ var Popup = function Popup(_ref) {
     dimensions = _useState4[0],
     setDimensions = _useState4[1];
   var dialogRef = useRef(null);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray$b(_useState5, 2),
+    visible = _useState6[0],
+    setVisible = _useState6[1];
   var headStyle = headerStyle ? headerStyle : {
     backgroundColor: headerColor
   };
@@ -13915,11 +13917,20 @@ var Popup = function Popup(_ref) {
       handleShow();
     }
   }, [visible]);
-  return /*#__PURE__*/React__default.createElement(Dialog, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
+    label: "Ouvrir la popup",
+    onClick: function onClick() {
+      return setVisible(true);
+    }
+  }), /*#__PURE__*/React__default.createElement(Dialog, {
     header: head,
+    onHide: function onHide() {
+      return setVisible(false);
+    },
     footer: footer,
-    visible: visible,
-    onHide: onHide,
+    visible: visible
+    // onHide={onHide}
+    ,
     closable: closable,
     dismissableMask: dismissableMask,
     modal: modal,
@@ -13941,7 +13952,7 @@ var Popup = function Popup(_ref) {
       fontSize: '0.8rem',
       color: '#000000'
     }
-  }, "Dimensions actuelles : ", Math.round(dimensions.width), "px \xD7 ", Math.round(dimensions.height), "px") : '', children));
+  }, "Dimensions actuelles : ", Math.round(dimensions.width), "px \xD7 ", Math.round(dimensions.height), "px") : '', children)));
 };
 
 //PropTypes.bool,PropTypes.string,PropTypes.oneOf([]),PropTypes.isRequired,PropTypes.func,PropTypes.number,
@@ -13987,15 +13998,13 @@ var ArengiModeTemplate = function ArengiModeTemplate(prevArgs) {
 };
 var PopupPresets = {
   Default: {
-    header: 'Titre de la popup',
-    visible: true
+    header: 'Titre de la popup'
   },
   PopupArengi: {
     arengimode: true,
     header: ArengiModeTemplate.header,
     headerStyle: ArengiModeTemplate.headerStyle,
-    closeIcon: ArengiModeTemplate.closeIcon,
-    visible: true
+    closeIcon: ArengiModeTemplate.closeIcon
   },
   WithFooter: {
     header: 'Popup avec pied de page',
@@ -14009,18 +14018,15 @@ var PopupPresets = {
       label: "Valider",
       severity: "success",
       onClick: function onClick() {}
-    })),
-    visible: true
+    }))
   },
   NonModal: {
     header: 'Popup non modale',
-    modal: false,
-    visible: true
+    modal: false
   },
   NonClosable: {
     header: 'Popup non fermable',
-    closable: false,
-    visible: true
+    closable: false
   }
 };
 
@@ -29317,72 +29323,77 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
 Menu.displayName = 'Menu';
 
 var Panel = function Panel(_ref) {
-  var _ref$accordionContent = _ref.accordionContent,
-    accordionContent = _ref$accordionContent === void 0 ? false : _ref$accordionContent,
-    _ref$classicContent = _ref.classicContent,
+  var _ref$classicContent = _ref.classicContent,
     classicContent = _ref$classicContent === void 0 ? true : _ref$classicContent,
+    _ref$accordionContent = _ref.accordionContent,
+    accordionContent = _ref$accordionContent === void 0 ? false : _ref$accordionContent,
     _ref$withFooterTempla = _ref.withFooterTemplate,
-    withFooterTemplate = _ref$withFooterTempla === void 0 ? false : _ref$withFooterTempla;
-  var configMenu = useRef(null);
-  var items = [{
-    label: 'Refresh',
-    icon: 'pi pi-refresh'
-  }, {
-    label: 'Search',
-    icon: 'pi pi-search'
-  }, {
-    separator: true
-  }, {
-    label: 'Delete',
-    icon: 'pi pi-times'
-  }];
-  var tasks = function tasks(type) {
-    var tache = [{
-      id: '1',
-      questions: 'Quels sont les principaux risques identifiés dans votre environnement de travail ?',
-      completed: 'false',
-      description: 'Cette question vise à recueillir une première perception des dangers présents sur le lieu de travail. Elle permet de cibler les domaines à analyser plus en détail lors de l’évaluation des risques.\n' + 'Attendu :\n' + 'Une réponse libre ou une sélection parmi les types de risques (chimiques, physiques, psychosociaux, etc.).'
+    withFooterTemplate = _ref$withFooterTempla === void 0 ? false : _ref$withFooterTempla,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Titre du panneau' : _ref$title,
+    _ref$avatarLabel = _ref.avatarLabel,
+    avatarLabel = _ref$avatarLabel === void 0 ? '1' : _ref$avatarLabel,
+    _ref$headerFontSize = _ref.headerFontSize,
+    headerFontSize = _ref$headerFontSize === void 0 ? '20px' : _ref$headerFontSize,
+    _ref$headerFontWeight = _ref.headerFontWeight,
+    headerFontWeight = _ref$headerFontWeight === void 0 ? 'bold' : _ref$headerFontWeight,
+    _ref$headerColor = _ref.headerColor,
+    headerColor = _ref$headerColor === void 0 ? '#000000' : _ref$headerColor,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [{
+      label: 'Refresh',
+      icon: 'pi pi-refresh'
     }, {
-      id: '2',
-      questions: 'Avez-vous mis en place des mesures de prévention pour ces risques ?',
-      completed: 'false',
-      description: 'Cette question permet de savoir si des actions correctives ou préventives sont déjà engagées (signalisation, équipements de protection, formations, etc.). Elle aide à évaluer le niveau de maturité en matière de sécurité.\n' + 'Attendu :\n' + 'Oui / Non / Partiellement, avec précision des mesures existantes.'
+      label: 'Search',
+      icon: 'pi pi-search'
     }, {
-      id: '3',
-      questions: 'Existe-t-il un document unique d’évaluation des risques (DUER) à jour ?',
-      completed: 'false',
-      description: 'Le DUER est une obligation légale en entreprise. Cette question vise à vérifier la conformité réglementaire et la mise à jour du plan de prévention.\n' + 'Attendu :\n' + 'Oui / Non / En cours de mise à jour.'
+      separator: true
     }, {
-      id: '4',
-      questions: 'Des incidents ou accidents récents ont-ils été signalés ?',
-      completed: 'false',
-      description: 'Cette question permet de détecter les zones ou pratiques à risque ayant déjà conduit à des situations dangereuses. Elle contribue à l’analyse des causes et à l’amélioration des procédures.\n' + 'Attendu :\n' + 'Oui / Non, avec un bref résumé si applicable.'
-    }];
-    return tache;
-  };
+      label: 'Delete',
+      icon: 'pi pi-times'
+    }] : _ref$menuItems,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$accordionData = _ref.accordionData,
+    accordionData = _ref$accordionData === void 0 ? [] : _ref$accordionData,
+    _ref$footerButtons = _ref.footerButtons,
+    footerButtons = _ref$footerButtons === void 0 ? [{
+      icon: 'pi pi-user',
+      severity: 'primary'
+    }, {
+      icon: 'pi pi-bookmark',
+      severity: 'secondary'
+    }] : _ref$footerButtons,
+    _ref$footerNote = _ref.footerNote,
+    footerNote = _ref$footerNote === void 0 ? 'Mis à jour il y a 2 heures' : _ref$footerNote;
+  var configMenu = useRef(null);
   var headerTemplate = function headerTemplate(options) {
-    var className = "".concat(options.className, " justify-content-space-between");
     return /*#__PURE__*/React__default.createElement("div", {
-      className: className
+      className: "".concat(options.className, " justify-content-between align-items-center")
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex align-items-center gap-2 font-weight-bold mr-5"
+      className: "flex align-items-center gap-2"
     }, /*#__PURE__*/React__default.createElement(Avatar, {
-      label: "1",
+      label: avatarLabel,
       size: "large",
-      shape: "circle"
+      shape: "circle",
+      style: {
+        marginRight: '10px'
+      }
     }), /*#__PURE__*/React__default.createElement("span", {
-      className: "font-weight-bold",
       style: {
-        fontWeight: 'bold',
-        fontSize: '20px'
+        fontSize: headerFontSize,
+        fontWeight: headerFontWeight,
+        color: headerColor
       }
-    }, " EVALUATION PREVENTIVE DES RISQUES PROFESSIONNELS ")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Menu, {
-      model: items,
+    }, title)), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex align-items-center gap-2"
+    }, /*#__PURE__*/React__default.createElement(Menu, {
+      model: menuItems,
       popup: true,
       ref: configMenu,
       id: "config_menu"
     }), /*#__PURE__*/React__default.createElement("button", {
-      className: "p-panel-header-icon p-link mr-2",
+      className: "p-panel-header-icon p-link",
       onClick: function onClick(e) {
         var _configMenu$current;
         return configMenu === null || configMenu === void 0 || (_configMenu$current = configMenu.current) === null || _configMenu$current === void 0 ? void 0 : _configMenu$current.toggle(e);
@@ -29392,55 +29403,93 @@ var Panel = function Panel(_ref) {
     })), options.togglerElement));
   };
   var footerTemplate = function footerTemplate(options) {
-    var className = "".concat(options.className, " flex flex-wrap align-items-center justify-content-between gap-3");
     return /*#__PURE__*/React__default.createElement("div", {
-      className: className
+      className: "".concat(options.className, " flex flex-wrap align-items-center justify-content-between gap-3")
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "flex align-items-center gap-2"
-    }, /*#__PURE__*/React__default.createElement(Button$1, {
-      icon: "pi pi-user",
-      rounded: true,
-      text: true
-    }), /*#__PURE__*/React__default.createElement(Button$1, {
-      icon: "pi pi-bookmark",
-      severity: "secondary",
-      rounded: true,
-      text: true
+    }, footerButtons.map(function (btn, index) {
+      return /*#__PURE__*/React__default.createElement(Button$1, {
+        key: index,
+        icon: btn.icon,
+        severity: btn.severity,
+        rounded: true,
+        text: true
+      });
     })), /*#__PURE__*/React__default.createElement("span", {
-      className: "p-text-secondary"
-    }, "Updated 2 hours ago"));
+      className: "text-sm text-color-secondary"
+    }, footerNote));
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Panel$1, {
+  return /*#__PURE__*/React__default.createElement(Panel$1, {
     headerTemplate: headerTemplate,
     footerTemplate: withFooterTemplate ? footerTemplate : null,
     toggleable: true
-  }, accordionContent && tasks().map(function (task) {
+  }, accordionContent && accordionData.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(Accordion, {
-      key: task.id
+      key: index
     }, /*#__PURE__*/React__default.createElement(AccordionTab, {
-      header: task.questions
+      header: item.questions
     }, /*#__PURE__*/React__default.createElement("p", {
       className: "m-0"
-    }, task.description)));
+    }, item.description)));
   }), classicContent && /*#__PURE__*/React__default.createElement("p", {
     className: "m-0"
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")));
+  }, text));
 };
 
 var PanelPresets = {
   Default: {
     classicContent: true,
     accordionContent: false,
-    withFooterTemplate: false
+    withFooterTemplate: false,
+    title: 'Panneau d’information',
+    avatarLabel: '1',
+    headerFontSize: '20px',
+    headerFontWeight: 'bold',
+    headerColor: '#000000',
+    text: 'Ceci est un contenu modifiable du panneau.',
+    menuItems: [{
+      label: 'Rafraîchir',
+      icon: 'pi pi-refresh'
+    }, {
+      label: 'Rechercher',
+      icon: 'pi pi-search'
+    }, {
+      separator: true
+    }, {
+      label: 'Supprimer',
+      icon: 'pi pi-times'
+    }]
   },
-  withAccordion: {
-    accordionContent: true,
+  WithAccordion: {
     classicContent: false,
-    withFooterTemplate: false
+    accordionContent: true,
+    withFooterTemplate: false,
+    title: 'Questions/Réponses',
+    avatarLabel: 'Q',
+    headerColor: '#1e40af',
+    accordionData: [{
+      questions: 'Quels sont les risques identifiés ?',
+      description: 'Listez les principaux risques dans votre environnement.'
+    }, {
+      questions: 'Des mesures de prévention ont-elles été mises en place ?',
+      description: 'Exemples : équipements de sécurité, formation, procédures.'
+    }]
   },
-  withFooterTemplate: {
+  WithFooter: {
     classicContent: true,
-    withFooterTemplate: true
+    accordionContent: false,
+    withFooterTemplate: true,
+    title: 'Panneau avec pied de page',
+    avatarLabel: 'F',
+    text: 'Le contenu est visible au-dessus du footer personnalisé.',
+    footerButtons: [{
+      icon: 'pi pi-user',
+      severity: 'primary'
+    }, {
+      icon: 'pi pi-cog',
+      severity: 'secondary'
+    }],
+    footerNote: 'Dernière mise à jour : il y a 5 minutes'
   }
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "1.2.35",
+  "version": "1.2.37",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {