arengibook 1.2.34 → 1.2.36

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,
@@ -13950,26 +13961,51 @@ Popup.propTypes = {
   arengimode: PropTypes.bool
 };
 
-// const ArengiModeTemplate = (prevArgs) => ({
-//     header: <span style={{color:'#FFFFFF', fontSize:'25px', fontWeight:"initial"}}><i style={{color:'red', fontSize:'20px'}} className="pi pi-plus" /> {prevArgs.header} </span>,
-//     headerStyle: {
-//         backgroundColor: 'transparent',
-//         marginBottom: '-10px',
-//         color: '#000000',
-//     },
-//     closeIcon: <span className="close-text" style={{color:'#FFFFFF', fontSize:'18px'}}>Fermer  <i style={{color:'red', fontWeight:'bold'}} className="pi pi-times" /></span>
-// })
-
+var ArengiModeTemplate = function ArengiModeTemplate(prevArgs) {
+  return {
+    header: /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        color: '#FFFFFF',
+        fontSize: '25px',
+        fontWeight: "initial"
+      }
+    }, /*#__PURE__*/React__default.createElement("i", {
+      style: {
+        color: 'red',
+        fontSize: '20px'
+      },
+      className: "pi pi-plus"
+    }), " ", prevArgs.header, " "),
+    headerStyle: {
+      backgroundColor: 'transparent',
+      marginBottom: '-10px',
+      color: '#000000'
+    },
+    closeIcon: /*#__PURE__*/React__default.createElement("span", {
+      className: "close-text",
+      style: {
+        color: '#FFFFFF',
+        fontSize: '18px'
+      }
+    }, "Fermer  ", /*#__PURE__*/React__default.createElement("i", {
+      style: {
+        color: 'red',
+        fontWeight: 'bold'
+      },
+      className: "pi pi-times"
+    }))
+  };
+};
 var PopupPresets = {
   Default: {
     header: 'Titre de la popup'
   },
-  // PopupArengi: {
-  //     arengimode: true,
-  //     header: ArengiModeTemplate.header,
-  //     headerStyle: ArengiModeTemplate.headerStyle,
-  //     closeIcon: ArengiModeTemplate.closeIcon,
-  // },
+  PopupArengi: {
+    arengimode: true,
+    header: ArengiModeTemplate.header,
+    headerStyle: ArengiModeTemplate.headerStyle,
+    closeIcon: ArengiModeTemplate.closeIcon
+  },
   WithFooter: {
     header: 'Popup avec pied de page',
     footer: /*#__PURE__*/React__default.createElement("div", {

package/package.json

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