@dbmx/confy 0.0.3

package/esm/components/Notification/index.js

@@ -0,0 +1,65 @@
+import { slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useEffect } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Snackbar, AlertTitle, Grid2, Typography, Alert as Alert$1 } from '@mui/material';
+
+var Alert = function Alert(props) {
+  return /*#__PURE__*/React__default.createElement(Alert$1, _extends({
+    elevation: 6,
+    variant: "filled"
+  }, props));
+};
+var Notification = function Notification(_ref) {
+  var notification = _ref.notification,
+    setNotification = _ref.setNotification;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  useEffect(function () {
+    setOpen(!!notification);
+  }, [notification]);
+  var handleClose = function handleClose(event, reason) {
+    if (reason === 'clickaway') return;
+    setOpen(false);
+    setNotification();
+  };
+  if (!open || !notification) return null;
+  return /*#__PURE__*/React__default.createElement(Snackbar, {
+    "data-testid": "notification.".concat(notification.type),
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'left'
+    },
+    open: open,
+    autoHideDuration: 6000,
+    onClose: handleClose
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Alert, {
+    onClose: handleClose,
+    severity: notification.type
+  }, /*#__PURE__*/React__default.createElement(AlertTitle, null, notification.message), (notification === null || notification === undefined ? undefined : notification.body) && (notification === null || notification === undefined ? undefined : notification.body.map(function (error, index) {
+    var errTitle = error[0];
+    var errMsg = error[1];
+    return /*#__PURE__*/React__default.createElement(Grid2, {
+      key: index
+    }, /*#__PURE__*/React__default.createElement(Typography, {
+      variant: "subtitle1",
+      gutterBottom: true,
+      style: {
+        fontWeight: 'bold',
+        marginBottom: -10
+      }
+    }, errTitle, ":"), /*#__PURE__*/React__default.createElement("ul", null, errMsg.map(function (msg, i) {
+      return /*#__PURE__*/React__default.createElement("li", {
+        key: i
+      }, msg);
+    })));
+  })))));
+};
+Notification.propTypes = {
+  notification: PropTypes.object,
+  setNotification: PropTypes.func
+};
+
+export { Notification as default };
+//# sourceMappingURL=index.js.map

package/esm/components/Notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Notification/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { Alert as MuiAlert, Snackbar, AlertTitle, Grid2, Typography } from '@mui/material'\n\nconst Alert = props => {\n  return <MuiAlert elevation={6} variant=\"filled\" {...props} />\n}\n\nconst Notification = ({ notification, setNotification }) => {\n  const [open, setOpen] = useState(false)\n\n  useEffect(() => {\n    setOpen(!!notification)\n  }, [notification])\n\n  const handleClose = (event, reason) => {\n    if (reason === 'clickaway') return\n    setOpen(false)\n    setNotification()\n  }\n\n  if (!open || !notification) return null\n\n  return (\n    <Snackbar\n      data-testid={`notification.${notification.type}`}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      open={open}\n      autoHideDuration={6000}\n      onClose={handleClose}\n    >\n      <div>\n        <Alert onClose={handleClose} severity={notification.type}>\n          <AlertTitle>{notification.message}</AlertTitle>\n          {notification?.body &&\n            notification?.body.map((error, index) => {\n              const errTitle = error[0]\n              const errMsg = error[1]\n              return (\n                <Grid2 key={index}>\n                  <Typography variant=\"subtitle1\" gutterBottom style={{ fontWeight: 'bold', marginBottom: -10 }}>\n                    {errTitle}:\n                  </Typography>\n                  <ul>\n                    {errMsg.map((msg, i) => (\n                      <li key={i}>{msg}</li>\n                    ))}\n                  </ul>\n                </Grid2>\n              )\n            })}\n        </Alert>\n      </div>\n    </Snackbar>\n  )\n}\n\nexport default Notification\n\nNotification.propTypes = {\n  notification: PropTypes.object,\n  setNotification: PropTypes.func,\n}\n"],"names":["Alert","props","React","createElement","MuiAlert","_extends","elevation","variant","Notification","_ref","notification","setNotification","_useState","useState","_useState2","_slicedToArray","open","setOpen","useEffect","handleClose","event","reason","Snackbar","concat","type","anchorOrigin","vertical","horizontal","autoHideDuration","onClose","severity","AlertTitle","message","body","map","error","index","errTitle","errMsg","Grid2","key","Typography","gutterBottom","style","fontWeight","marginBottom","msg","i","propTypes","PropTypes","object","func"],"mappings":"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"}

package/esm/components/NotificationProvider/index.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
+import Notification from '../Notification/index.js';
+import { getNotification } from '../../selectors/core.js';
+import actions from '../../actions.js';
+
+var NotificationContext = /*#__PURE__*/React__default.createContext();
+var NotificationProvider = function NotificationProvider(_ref) {
+  var children = _ref.children;
+  var dispatch = useDispatch();
+  var notification = useSelector(getNotification);
+  var setNotification = function setNotification(message, level) {
+    return dispatch(message ? actions.core.showNotification(message, level) : actions.core.hideNotification());
+  };
+  return /*#__PURE__*/React__default.createElement(NotificationContext.Provider, {
+    value: setNotification
+  }, /*#__PURE__*/React__default.createElement(Notification, {
+    notification: notification,
+    setNotification: setNotification
+  }), React__default.Children.only(children));
+};
+NotificationProvider.propTypes = {
+  children: propTypesExports.element.isRequired
+};
+
+export { NotificationContext, NotificationProvider as default };
+//# sourceMappingURL=index.js.map

package/esm/components/NotificationProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/NotificationProvider/index.js"],"sourcesContent":["import React from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\nimport { element } from 'prop-types'\nimport Notification from '../Notification'\nimport { getNotification } from '../../selectors/core'\nimport actions from '../../actions'\n\nexport const NotificationContext = React.createContext()\n\nconst NotificationProvider = ({ children }) => {\n  const dispatch = useDispatch()\n  const notification = useSelector(getNotification)\n  const setNotification = (message, level) =>\n    dispatch(message ? actions.core.showNotification(message, level) : actions.core.hideNotification())\n  return (\n    <NotificationContext.Provider value={setNotification}>\n      <Notification notification={notification} setNotification={setNotification} />\n      {React.Children.only(children)}\n    </NotificationContext.Provider>\n  )\n}\n\nNotificationProvider.propTypes = {\n  children: element.isRequired,\n}\n\nexport default NotificationProvider\n"],"names":["NotificationContext","React","createContext","NotificationProvider","_ref","children","dispatch","useDispatch","notification","useSelector","getNotification","setNotification","message","level","actions","core","showNotification","hideNotification","createElement","Provider","value","Notification","Children","only","propTypes","element","isRequired"],"mappings":";;;;;;;IAOaA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa;AAEtD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAqB;AAAA,EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACtC,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE;AAC9B,EAAA,IAAMC,YAAY,GAAGC,WAAW,CAACC,eAAe,CAAC;AACjD,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,OAAO,EAAEC,KAAK,EAAA;IAAA,OACrCP,QAAQ,CAACM,OAAO,GAAGE,OAAO,CAACC,IAAI,CAACC,gBAAgB,CAACJ,OAAO,EAAEC,KAAK,CAAC,GAAGC,OAAO,CAACC,IAAI,CAACE,gBAAgB,EAAE,CAAC;AAAA,GAAA;AACrG,EAAA,oBACEhB,cAAA,CAAAiB,aAAA,CAAClB,mBAAmB,CAACmB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAET;AAAgB,GAAA,eACnDV,cAAA,CAAAiB,aAAA,CAACG,YAAY,EAAA;AAACb,IAAAA,YAAY,EAAEA,YAAa;AAACG,IAAAA,eAAe,EAAEA;GAAkB,CAAC,EAC7EV,cAAK,CAACqB,QAAQ,CAACC,IAAI,CAAClB,QAAQ,CACD,CAAC;AAEnC;AAEAF,oBAAoB,CAACqB,SAAS,GAAG;EAC/BnB,QAAQ,EAAEoB,wBAAO,CAACC;AACpB,CAAC;;;;"}

package/esm/components/Page/index.js

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { Grid2 } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import PropTypes from '../../node_modules/prop-types/index.js';
+
+var useStyles = makeStyles()(function () {
+  return {
+    content: {
+      backgroundColor: '#ffffff',
+      minHeight: "calc(100vh - 64px)"
+    }
+  };
+});
+var Page = function Page(_ref) {
+  var children = _ref.children;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  return /*#__PURE__*/React__default.createElement(Grid2, {
+    className: classes.content
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    size: 12
+  }, children));
+};
+Page.propTypes = {
+  children: PropTypes.node
+};
+
+export { Page as default };
+//# sourceMappingURL=index.js.map

package/esm/components/Page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Page/index.js"],"sourcesContent":["import React from 'react'\nimport { Grid2 } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\nimport propTypes from 'prop-types'\n\nconst useStyles = makeStyles()(() => ({\n  content: {\n    backgroundColor: '#ffffff',\n    minHeight: `calc(100vh - 64px)`,\n  },\n}))\n\nconst Page = ({ children }) => {\n  const { classes } = useStyles()\n\n  return (\n    <Grid2 className={classes.content}>\n      <Grid2 size={12}>{children}</Grid2>\n    </Grid2>\n  )\n}\n\nPage.propTypes = {\n  children: propTypes.node,\n}\n\nexport default Page\n"],"names":["useStyles","makeStyles","content","backgroundColor","minHeight","Page","_ref","children","_useStyles","classes","React","createElement","Grid2","className","size","propTypes","node"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,EAAE,CAAC,YAAA;EAAA,OAAO;AACpCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAE,SAAS;MAC1BC,SAAS,EAAA;AACX;GACD;AAAA,CAAC,CAAC;AAEH,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAAqB;AAAA,EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACtB,EAAA,IAAAC,UAAA,GAAoBR,SAAS,EAAE;IAAvBS,OAAO,GAAAD,UAAA,CAAPC,OAAO;AAEf,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IAACC,SAAS,EAAEJ,OAAO,CAACP;AAAQ,GAAA,eAChCQ,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AAACE,IAAAA,IAAI,EAAE;GAAKP,EAAAA,QAAgB,CAC7B,CAAC;AAEZ;AAEAF,IAAI,CAACU,SAAS,GAAG;EACfR,QAAQ,EAAEQ,SAAS,CAACC;AACtB,CAAC;;;;"}

package/esm/components/PageContent/index.js

@@ -0,0 +1,31 @@
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Grid2 } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+
+var useStyles = makeStyles()(function (theme) {
+  return {
+    content: {
+      flexGrow: 1,
+      backgroundColor: theme.palette.background.paper,
+      padding: 15,
+      overflowY: 'auto',
+      overflowX: 'clip',
+      maxHeight: 'calc(100vh - 120px)'
+    }
+  };
+});
+var PageContent = function PageContent(_ref) {
+  var children = _ref.children;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  return /*#__PURE__*/React__default.createElement(Grid2, {
+    className: classes.content
+  }, children);
+};
+PageContent.propTypes = {
+  children: PropTypes.node
+};
+
+export { PageContent as default };
+//# sourceMappingURL=index.js.map

package/esm/components/PageContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PageContent/index.js"],"sourcesContent":["import React from 'react'\nimport propTypes from 'prop-types'\nimport { Grid2 } from '@mui/material'\n\nimport { makeStyles } from 'tss-react/mui'\n\nconst useStyles = makeStyles()(theme => ({\n  content: {\n    flexGrow: 1,\n    backgroundColor: theme.palette.background.paper,\n    padding: 15,\n    overflowY: 'auto',\n    overflowX: 'clip',\n    maxHeight: 'calc(100vh - 120px)',\n  },\n}))\n\nconst PageContent = ({ children }) => {\n  const { classes } = useStyles()\n\n  return <Grid2 className={classes.content}>{children}</Grid2>\n}\n\nPageContent.propTypes = {\n  children: propTypes.node,\n}\n\nexport default PageContent\n"],"names":["useStyles","makeStyles","theme","content","flexGrow","backgroundColor","palette","background","paper","padding","overflowY","overflowX","maxHeight","PageContent","_ref","children","_useStyles","classes","React","createElement","Grid2","className","propTypes","node"],"mappings":";;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,EAAE,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACvCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,QAAQ,EAAE,CAAC;AACXC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK;AAC/CC,MAAAA,OAAO,EAAE,EAAE;AACXC,MAAAA,SAAS,EAAE,MAAM;AACjBC,MAAAA,SAAS,EAAE,MAAM;AACjBC,MAAAA,SAAS,EAAE;AACb;GACD;AAAA,CAAC,CAAC;AAEH,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAqB;AAAA,EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAC7B,EAAA,IAAAC,UAAA,GAAoBhB,SAAS,EAAE;IAAvBiB,OAAO,GAAAD,UAAA,CAAPC,OAAO;AAEf,EAAA,oBAAOC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;IAACC,SAAS,EAAEJ,OAAO,CAACd;AAAQ,GAAA,EAAEY,QAAgB,CAAC;AAC9D;AAEAF,WAAW,CAACS,SAAS,GAAG;EACtBP,QAAQ,EAAEO,SAAS,CAACC;AACtB,CAAC;;;;"}

package/esm/components/PageHeader/index.js

@@ -0,0 +1,70 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Box, Grid2 } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+
+var useStyles = makeStyles()(function (theme) {
+  return {
+    root: _defineProperty({
+      padding: theme.spacing(1, 3, 0, 3),
+      borderBottom: '1px solid rgba(0, 0, 0, 0.08)',
+      minHeight: '49px'
+    }, theme.breakpoints.down('md'), {
+      padding: theme.spacing(1, 3, 0, 3)
+    })
+  };
+});
+var HeaderLeft = function HeaderLeft(_ref) {
+  var children = _ref.children;
+  return children;
+};
+var HeaderCenter = function HeaderCenter(_ref2) {
+  var children = _ref2.children;
+  return children;
+};
+var HeaderRight = function HeaderRight(_ref3) {
+  var children = _ref3.children;
+  return children;
+};
+var PageHeader = function PageHeader(_ref4) {
+  var children = _ref4.children;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  var headerLeft = function headerLeft() {
+    return React__default.Children.toArray(children).find(function (child) {
+      return child.type === HeaderLeft;
+    });
+  };
+  var headerCenter = function headerCenter() {
+    return React__default.Children.toArray(children).find(function (child) {
+      return child.type === HeaderCenter;
+    });
+  };
+  var headerRight = function headerRight() {
+    return React__default.Children.toArray(children).find(function (child) {
+      return child.type === HeaderRight;
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(Box, {
+    className: classes.root
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    container: true,
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React__default.createElement(Grid2, null, headerLeft()), /*#__PURE__*/React__default.createElement(Grid2, null, headerCenter()), /*#__PURE__*/React__default.createElement(Grid2, null, headerRight())));
+};
+PageHeader.propTypes = {
+  children: PropTypes.node
+};
+HeaderRight.propTypes = {
+  children: PropTypes.node
+};
+HeaderLeft.propTypes = {
+  children: PropTypes.node
+};
+HeaderCenter.propTypes = {
+  children: PropTypes.node
+};
+
+export { HeaderCenter, HeaderLeft, HeaderRight, PageHeader as default };
+//# sourceMappingURL=index.js.map

package/esm/components/PageHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PageHeader/index.js"],"sourcesContent":["import React from 'react'\nimport propTypes from 'prop-types'\nimport { Box, Grid2 } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\nconst useStyles = makeStyles()(theme => ({\n  root: {\n    padding: theme.spacing(1, 3, 0, 3),\n    borderBottom: '1px solid rgba(0, 0, 0, 0.08)',\n    minHeight: '49px',\n    [theme.breakpoints.down('md')]: {\n      padding: theme.spacing(1, 3, 0, 3),\n    },\n  },\n}))\n\nexport const HeaderLeft = ({ children }) => {\n  return children\n}\n\nexport const HeaderCenter = ({ children }) => {\n  return children\n}\n\nexport const HeaderRight = ({ children }) => {\n  return children\n}\n\nconst PageHeader = ({ children }) => {\n  const { classes } = useStyles()\n  const headerLeft = () => React.Children.toArray(children).find(child => child.type === HeaderLeft)\n  const headerCenter = () => React.Children.toArray(children).find(child => child.type === HeaderCenter)\n  const headerRight = () => React.Children.toArray(children).find(child => child.type === HeaderRight)\n\n  return (\n    <Box className={classes.root}>\n      <Grid2 container justifyContent=\"space-between\">\n        <Grid2>{headerLeft()}</Grid2>\n        <Grid2>{headerCenter()}</Grid2>\n        <Grid2>{headerRight()}</Grid2>\n      </Grid2>\n    </Box>\n  )\n}\n\nPageHeader.propTypes = {\n  children: propTypes.node,\n}\nHeaderRight.propTypes = {\n  children: propTypes.node,\n}\nHeaderLeft.propTypes = {\n  children: propTypes.node,\n}\nHeaderCenter.propTypes = {\n  children: propTypes.node,\n}\n\nexport default PageHeader\n"],"names":["useStyles","makeStyles","theme","root","_defineProperty","padding","spacing","borderBottom","minHeight","breakpoints","down","HeaderLeft","_ref","children","HeaderCenter","_ref2","HeaderRight","_ref3","PageHeader","_ref4","_useStyles","classes","headerLeft","React","Children","toArray","find","child","type","headerCenter","headerRight","createElement","Box","className","Grid2","container","justifyContent","propTypes","node"],"mappings":"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"}

package/esm/components/RoutesProvider/index.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+var RoutesContext = /*#__PURE__*/React__default.createContext();
+var RoutesProvider = RoutesContext.Provider;
+
+export { RoutesContext, RoutesProvider };
+//# sourceMappingURL=index.js.map

package/esm/components/RoutesProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/RoutesProvider/index.js"],"sourcesContent":["import React from 'react'\nexport const RoutesContext = React.createContext()\nexport const RoutesProvider = RoutesContext.Provider\n"],"names":["RoutesContext","React","createContext","RoutesProvider","Provider"],"mappings":";;IACaA,aAAa,gBAAGC,cAAK,CAACC,aAAa;AACnCC,IAAAA,cAAc,GAAGH,aAAa,CAACI;;;;"}

package/esm/components/SelectMemberMenu/index.js

@@ -0,0 +1,99 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { Grid2, Box, Button } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import PropTypes, { p as propTypesExports } from '../../node_modules/prop-types/index.js';
+import messages from './messages.js';
+import { useIntl } from 'react-intl';
+import AddIcon from '@mui/icons-material/Add';
+import useMembers from '../../hooks/members.js';
+import { Link } from 'react-router-dom';
+import { useConfy } from '../../index.js';
+import { isAdmin } from '@dbmx/users';
+import useLoggedUser from '../../hooks/user.js';
+
+var useStyles = makeStyles()(function (theme) {
+  return {
+    wrapper: {
+      padding: theme.spacing(2),
+      minWidth: 220
+    },
+    menuMembersAppbar: {
+      padding: theme.spacing(2),
+      fontWeight: 'bold',
+      cursor: 'pointer',
+      '&:hover': {
+        background: '#e3e3e3'
+      }
+    },
+    button: {
+      fontWeight: 'bold',
+      background: 'white',
+      border: '1px solid rgb(64, 104, 191)',
+      color: 'rgb(64, 104, 191)',
+      marginTop: theme.spacing(1),
+      margin: '0 auto'
+    },
+    selected: {
+      background: 'rgb(64, 104, 191)',
+      padding: theme.spacing(2),
+      color: 'white',
+      fontWeight: 'bold',
+      cursor: 'pointer'
+    },
+    buttonContainer: {
+      textAlign: 'center'
+    }
+  };
+});
+var SelectMemberMenu = function SelectMemberMenu(_ref) {
+  var members = _ref.members,
+    closeUserMenu = _ref.closeUserMenu;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  var intl = useIntl();
+  var _useMembers = useMembers(),
+    setActiveMemberId = _useMembers.setActiveMemberId,
+    activeMemberId = _useMembers.activeMemberId;
+  useConfy();
+  var _useLoggedUser = useLoggedUser(),
+    _useLoggedUser2 = _slicedToArray(_useLoggedUser, 1),
+    currentUser = _useLoggedUser2[0];
+  var handleClick = function handleClick(memberId) {
+    closeUserMenu();
+    setActiveMemberId(memberId);
+  };
+  var selected = function selected(member, activeMember) {
+    if (member.id === activeMember && activeMember) return classes.selected;
+    return classes.menuMembersAppbar;
+  };
+  return members ? /*#__PURE__*/React__default.createElement(Grid2, {
+    className: classes.wrapper
+  }, members === null || members === undefined ? undefined : members.map(function (member, index) {
+    return /*#__PURE__*/React__default.createElement(Box, {
+      className: selected(member, activeMemberId),
+      key: index,
+      onClick: function onClick() {
+        return handleClick(member.id);
+      }
+    }, member.label);
+  }), /*#__PURE__*/React__default.createElement(Grid2, {
+    className: classes.buttonContainer
+  }, isAdmin(currentUser) && /*#__PURE__*/React__default.createElement(Button, {
+    component: Link,
+    to: "/members/create",
+    startIcon: /*#__PURE__*/React__default.createElement(AddIcon, null),
+    variant: "contained",
+    className: classes.button,
+    onClick: function onClick() {
+      return closeUserMenu();
+    }
+  }, intl.formatMessage(messages.createUser)))) : null;
+};
+SelectMemberMenu.propTypes = {
+  members: propTypesExports.array,
+  closeUserMenu: PropTypes.func
+};
+
+export { SelectMemberMenu as default };
+//# sourceMappingURL=index.js.map

package/esm/components/SelectMemberMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/SelectMemberMenu/index.js"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Grid2 } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\nimport { array } from 'prop-types'\nimport messages from './messages'\nimport { useIntl } from 'react-intl'\nimport AddIcon from '@mui/icons-material/Add'\nimport PropTypes from 'prop-types'\nimport useMembers from '../../hooks/members'\nimport { Link } from 'react-router-dom'\nimport { useConfy } from '../..'\nimport { isAdmin } from '@dbmx/users'\nimport useLoggedUser from '../../hooks/user'\n\nconst useStyles = makeStyles()(theme => ({\n  wrapper: {\n    padding: theme.spacing(2),\n    minWidth: 220,\n  },\n  menuMembersAppbar: {\n    padding: theme.spacing(2),\n    fontWeight: 'bold',\n    cursor: 'pointer',\n    '&:hover': {\n      background: '#e3e3e3',\n    },\n  },\n  button: {\n    fontWeight: 'bold',\n    background: 'white',\n    border: '1px solid rgb(64, 104, 191)',\n    color: 'rgb(64, 104, 191)',\n    marginTop: theme.spacing(1),\n    margin: '0 auto',\n  },\n  selected: {\n    background: 'rgb(64, 104, 191)',\n    padding: theme.spacing(2),\n    color: 'white',\n    fontWeight: 'bold',\n    cursor: 'pointer',\n  },\n  buttonContainer: {\n    textAlign: 'center',\n  },\n}))\n\nconst SelectMemberMenu = ({ members, closeUserMenu }) => {\n  const { classes } = useStyles()\n  const intl = useIntl()\n  const { setActiveMemberId, activeMemberId } = useMembers()\n  const confy = useConfy()\n  const [currentUser] = useLoggedUser()\n  const handleClick = memberId => {\n    closeUserMenu()\n    setActiveMemberId(memberId)\n  }\n\n  const selected = (member, activeMember) => {\n    if (member.id === activeMember && activeMember) return classes.selected\n    return classes.menuMembersAppbar\n  }\n\n  return members ? (\n    <Grid2 className={classes.wrapper}>\n      {members?.map((member, index) => (\n        <Box className={selected(member, activeMemberId)} key={index} onClick={() => handleClick(member.id)}>\n          {member.label}\n        </Box>\n      ))}\n      <Grid2 className={classes.buttonContainer}>\n        {isAdmin(currentUser) && (\n          <Button\n            component={Link}\n            to=\"/members/create\"\n            startIcon={<AddIcon />}\n            variant=\"contained\"\n            className={classes.button}\n            onClick={() => closeUserMenu()}\n          >\n            {intl.formatMessage(messages.createUser)}\n          </Button>\n        )}\n      </Grid2>\n    </Grid2>\n  ) : null\n}\n\nSelectMemberMenu.propTypes = {\n  members: array,\n  closeUserMenu: PropTypes.func,\n}\nexport default SelectMemberMenu\n"],"names":["useStyles","makeStyles","theme","wrapper","padding","spacing","minWidth","menuMembersAppbar","fontWeight","cursor","background","button","border","color","marginTop","margin","selected","buttonContainer","textAlign","SelectMemberMenu","_ref","members","closeUserMenu","_useStyles","classes","intl","useIntl","_useMembers","useMembers","setActiveMemberId","activeMemberId","useConfy","_useLoggedUser","useLoggedUser","_useLoggedUser2","_slicedToArray","currentUser","handleClick","memberId","member","activeMember","id","React","createElement","Grid2","className","map","index","Box","key","onClick","label","isAdmin","Button","component","Link","to","startIcon","AddIcon","variant","formatMessage","messages","createUser","propTypes","array","PropTypes","func"],"mappings":"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"}

package/esm/components/SelectMemberMenu/messages.js

@@ -0,0 +1,11 @@
+import { defineMessages } from 'react-intl';
+
+var messages = defineMessages({
+  createUser: {
+    id: 'components.Users.createUser',
+    defaultMessage: 'Create Member'
+  }
+});
+
+export { messages as default };
+//# sourceMappingURL=messages.js.map

package/esm/components/SelectMemberMenu/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sources":["../../../src/components/SelectMemberMenu/messages.js"],"sourcesContent":["import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n  createUser: {\n    id: 'components.Users.createUser',\n    defaultMessage: 'Create Member',\n  },\n})\n"],"names":["defineMessages","createUser","id","defaultMessage"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,EAAE,EAAE,6BAA6B;AACjCC,IAAAA,cAAc,EAAE;AAClB;AACF,CAAC,CAAC;;;;"}

package/esm/components/UserCard/index.js

@@ -0,0 +1,73 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { makeStyles } from 'tss-react/mui';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import messages from './messages.js';
+import ExitToAppIcon from '@mui/icons-material/ExitToApp';
+import PersonIcon from '@mui/icons-material/Person';
+import CardActions from '@mui/material/CardActions';
+import Button from '@mui/material/Button';
+import { Grid2 } from '@mui/material';
+import useAuth from '../../hooks/auth.js';
+import useLoggedUser from '../../hooks/user.js';
+import useRoutes from '../../hooks/routes.js';
+import { Link } from 'react-router-dom';
+import { FormattedMessage } from 'react-intl';
+
+var useStyles = makeStyles()(function () {
+  return {};
+});
+var UserCard = function UserCard(_ref) {
+  var handleClose = _ref.handleClose;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  var auth = useAuth();
+  var _useLoggedUser = useLoggedUser(),
+    _useLoggedUser2 = _slicedToArray(_useLoggedUser, 1),
+    user = _useLoggedUser2[0];
+  var routes = useRoutes();
+  if (!user) return null;
+  return /*#__PURE__*/React__default.createElement(Card, {
+    className: classes.card
+  }, /*#__PURE__*/React__default.createElement(CardHeader, {
+    title: "".concat(user.firstname, " ").concat(user.lastname),
+    subheader: user.email
+  }), /*#__PURE__*/React__default.createElement(CardActions, null, /*#__PURE__*/React__default.createElement(Grid2, {
+    container: true,
+    style: {
+      textAlign: 'center'
+    },
+    spacing: 1
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    size: 6
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    component: Link,
+    to: routes.usersprofile.path,
+    className: classes.button,
+    size: "small",
+    color: "secondary",
+    startIcon: /*#__PURE__*/React__default.createElement(PersonIcon, null),
+    onClick: function onClick() {
+      handleClose();
+    }
+  }, /*#__PURE__*/React__default.createElement(FormattedMessage, messages.profile))), /*#__PURE__*/React__default.createElement(Grid2, {
+    size: 6
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    className: classes.button,
+    size: "small",
+    startIcon: /*#__PURE__*/React__default.createElement(ExitToAppIcon, null),
+    onClick: function onClick() {
+      handleClose();
+      auth.signOut();
+    }
+  }, /*#__PURE__*/React__default.createElement(FormattedMessage, messages.disconnect))))));
+};
+UserCard.propTypes = {
+  setDialog: PropTypes.func,
+  handleClose: PropTypes.func
+};
+
+export { UserCard, UserCard as default };
+//# sourceMappingURL=index.js.map

package/esm/components/UserCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/UserCard/index.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from 'tss-react/mui'\nimport Card from '@mui/material/Card'\nimport CardHeader from '@mui/material/CardHeader'\nimport messages from './messages'\nimport ExitToAppIcon from '@mui/icons-material/ExitToApp'\nimport PersonIcon from '@mui/icons-material/Person'\nimport CardActions from '@mui/material/CardActions'\nimport Button from '@mui/material/Button'\nimport { Grid2 } from '@mui/material'\nimport useAuth from '../../hooks/auth'\nimport useLoggedUser from '../../hooks/user'\nimport useRoutes from '../../hooks/routes'\nimport { Link } from 'react-router-dom'\nimport { FormattedMessage } from 'react-intl'\n\nconst useStyles = makeStyles()(() => ({}))\n\nexport const UserCard = ({ handleClose }) => {\n  const { classes } = useStyles()\n  const auth = useAuth()\n  const [user] = useLoggedUser()\n  const routes = useRoutes()\n\n  if (!user) return null\n  return (\n    <Card className={classes.card}>\n      <CardHeader title={`${user.firstname} ${user.lastname}`} subheader={user.email} />\n      <CardActions>\n        <Grid2 container style={{ textAlign: 'center' }} spacing={1}>\n          <Grid2 size={6}>\n            <Button\n              component={Link}\n              to={routes.usersprofile.path}\n              className={classes.button}\n              size=\"small\"\n              color=\"secondary\"\n              startIcon={<PersonIcon />}\n              onClick={() => {\n                handleClose()\n              }}\n            >\n              <FormattedMessage {...messages.profile} />\n            </Button>\n          </Grid2>\n          <Grid2 size={6}>\n            <Button\n              className={classes.button}\n              size=\"small\"\n              startIcon={<ExitToAppIcon />}\n              onClick={() => {\n                handleClose()\n                auth.signOut()\n              }}\n            >\n              <FormattedMessage {...messages.disconnect} />\n            </Button>\n          </Grid2>\n        </Grid2>\n      </CardActions>\n    </Card>\n  )\n}\n\nUserCard.propTypes = {\n  setDialog: PropTypes.func,\n  handleClose: PropTypes.func,\n}\n\nexport default UserCard\n"],"names":["useStyles","makeStyles","UserCard","_ref","handleClose","_useStyles","classes","auth","useAuth","_useLoggedUser","useLoggedUser","_useLoggedUser2","_slicedToArray","user","routes","useRoutes","React","createElement","Card","className","card","CardHeader","title","concat","firstname","lastname","subheader","email","CardActions","Grid2","container","style","textAlign","spacing","size","Button","component","Link","to","usersprofile","path","button","color","startIcon","PersonIcon","onClick","FormattedMessage","messages","profile","ExitToAppIcon","signOut","disconnect","propTypes","setDialog","PropTypes","func"],"mappings":"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"}

package/esm/components/UserCard/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from 'react-intl';
+
+var messages = defineMessages({
+  profile: {
+    id: 'components.userCard.profile',
+    defaultMessage: 'Profile'
+  },
+  disconnect: {
+    id: 'components.userCard.disconnect',
+    defaultMessage: 'Logout'
+  }
+});
+
+export { messages as default };
+//# sourceMappingURL=messages.js.map

package/esm/components/UserCard/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sources":["../../../src/components/UserCard/messages.js"],"sourcesContent":["import { defineMessages } from 'react-intl'\n\nexport default defineMessages({\n  profile: {\n    id: 'components.userCard.profile',\n    defaultMessage: 'Profile',\n  },\n  disconnect: {\n    id: 'components.userCard.disconnect',\n    defaultMessage: 'Logout',\n  },\n})\n"],"names":["defineMessages","profile","id","defaultMessage","disconnect"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,EAAE,EAAE,6BAA6B;AACjCC,IAAAA,cAAc,EAAE;GACjB;AACDC,EAAAA,UAAU,EAAE;AACVF,IAAAA,EAAE,EAAE,gCAAgC;AACpCC,IAAAA,cAAc,EAAE;AAClB;AACF,CAAC,CAAC;;;;"}

package/esm/components/utils/ListChipsColors.js

@@ -0,0 +1,11 @@
+var stringToHslColor = function stringToHslColor(str) {
+  var hash = 0;
+  for (var i = 0; i < (str === null || str === undefined ? undefined : str.length); i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  var h = hash % 360;
+  return 'hsl(' + h + ',50%,50%)';
+};
+
+export { stringToHslColor };
+//# sourceMappingURL=ListChipsColors.js.map

package/esm/components/utils/ListChipsColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListChipsColors.js","sources":["../../../src/components/utils/ListChipsColors.js"],"sourcesContent":["export const stringToHslColor = str => {\n  let hash = 0\n  for (let i = 0; i < str?.length; i++) {\n    hash = str.charCodeAt(i) + ((hash << 5) - hash)\n  }\n  let h = hash % 360\n  return 'hsl(' + h + ',50%,50%)'\n}\n"],"names":["stringToHslColor","str","hash","i","length","charCodeAt","h"],"mappings":"IAAaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,GAAG,EAAI;EACrC,IAAIC,IAAI,GAAG,CAAC;AACZ,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAGF,GAAG,KAAHA,IAAAA,IAAAA,GAAG,6BAAHA,GAAG,CAAEG,MAAM,CAAED,EAAAA,CAAC,EAAE,EAAE;AACpCD,IAAAA,IAAI,GAAGD,GAAG,CAACI,UAAU,CAACF,CAAC,CAAC,IAAI,CAACD,IAAI,IAAI,CAAC,IAAIA,IAAI,CAAC;AACjD;AACA,EAAA,IAAII,CAAC,GAAGJ,IAAI,GAAG,GAAG;AAClB,EAAA,OAAO,MAAM,GAAGI,CAAC,GAAG,WAAW;AACjC;;;;"}

package/esm/ducks/auth.js

@@ -0,0 +1,54 @@
+import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+var SIGNED_IN = 'SIGNED_IN';
+var SIGNED_OUT = 'SIGNED_OUT';
+var UPDATE_USER_STATE = 'UPDATE_USER_STATE';
+var reducer = function reducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+  switch (action.type) {
+    case SIGNED_IN:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        user: action.user,
+        token: action.token
+      });
+    case SIGNED_OUT:
+      return {};
+    case UPDATE_USER_STATE:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        user: action.user
+      });
+    default:
+      return state;
+  }
+};
+var signedIn = function signedIn(token, user) {
+  return {
+    type: SIGNED_IN,
+    token: token,
+    user: user
+  };
+};
+var signOut = function signOut() {
+  return {
+    type: SIGNED_OUT
+  };
+};
+var updateUserState = function updateUserState(user) {
+  return {
+    type: UPDATE_USER_STATE,
+    user: user
+  };
+};
+var actions = {
+  signedIn: signedIn,
+  signOut: signOut,
+  updateUserState: updateUserState
+};
+var auth = {
+  reducer: reducer,
+  actions: actions
+};
+
+export { SIGNED_IN, SIGNED_OUT, UPDATE_USER_STATE, auth as default, signOut };
+//# sourceMappingURL=auth.js.map

package/esm/ducks/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sources":["../../src/ducks/auth.js"],"sourcesContent":["export const SIGNED_IN = 'SIGNED_IN'\nexport const SIGNED_OUT = 'SIGNED_OUT'\nexport const UPDATE_USER_STATE = 'UPDATE_USER_STATE'\n\nconst reducer = (state = {}, action) => {\n  switch (action.type) {\n    case SIGNED_IN:\n      return {\n        ...state,\n        user: action.user,\n        token: action.token,\n      }\n    case SIGNED_OUT:\n      return {}\n    case UPDATE_USER_STATE:\n      return {\n        ...state,\n        user: action.user,\n      }\n    default:\n      return state\n  }\n}\n\nconst signedIn = (token, user) => {\n  return {\n    type: SIGNED_IN,\n    token,\n    user,\n  }\n}\n\nexport const signOut = () => {\n  return { type: SIGNED_OUT }\n}\n\nconst updateUserState = user => {\n  return {\n    type: UPDATE_USER_STATE,\n    user,\n  }\n}\n\nconst actions = {\n  signedIn,\n  signOut,\n  updateUserState,\n}\n\nexport default { reducer, actions }\n"],"names":["SIGNED_IN","SIGNED_OUT","UPDATE_USER_STATE","reducer","state","arguments","length","undefined","action","type","_objectSpread","user","token","signedIn","signOut","updateUserState","actions"],"mappings":";;AAAO,IAAMA,SAAS,GAAG;AAClB,IAAMC,UAAU,GAAG;AACnB,IAAMC,iBAAiB,GAAG;AAEjC,IAAMC,OAAO,GAAG,SAAVA,OAAOA,GAA2B;AAAA,EAAA,IAAvBC,KAAK,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,IAAEG,MAAM,GAAAH,SAAA,CAAAC,MAAA,GAAAD,CAAAA,GAAAA,SAAA,MAAAE,SAAA;EACjC,QAAQC,MAAM,CAACC,IAAI;AACjB,IAAA,KAAKT,SAAS;AACZ,MAAA,OAAAU,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;QACRO,IAAI,EAAEH,MAAM,CAACG,IAAI;QACjBC,KAAK,EAAEJ,MAAM,CAACI;AAAK,OAAA,CAAA;AAEvB,IAAA,KAAKX,UAAU;AACb,MAAA,OAAO,EAAE;AACX,IAAA,KAAKC,iBAAiB;AACpB,MAAA,OAAAQ,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKN,KAAK,CAAA,EAAA,EAAA,EAAA;QACRO,IAAI,EAAEH,MAAM,CAACG;AAAI,OAAA,CAAA;AAErB,IAAA;AACE,MAAA,OAAOP,KAAK;AAChB;AACF,CAAC;AAED,IAAMS,QAAQ,GAAG,SAAXA,QAAQA,CAAID,KAAK,EAAED,IAAI,EAAK;EAChC,OAAO;AACLF,IAAAA,IAAI,EAAET,SAAS;AACfY,IAAAA,KAAK,EAALA,KAAK;AACLD,IAAAA,IAAI,EAAJA;GACD;AACH,CAAC;IAEYG,OAAO,GAAG,SAAVA,OAAOA,GAAS;EAC3B,OAAO;AAAEL,IAAAA,IAAI,EAAER;GAAY;AAC7B;AAEA,IAAMc,eAAe,GAAG,SAAlBA,eAAeA,CAAGJ,IAAI,EAAI;EAC9B,OAAO;AACLF,IAAAA,IAAI,EAAEP,iBAAiB;AACvBS,IAAAA,IAAI,EAAJA;GACD;AACH,CAAC;AAED,IAAMK,OAAO,GAAG;AACdH,EAAAA,QAAQ,EAARA,QAAQ;AACRC,EAAAA,OAAO,EAAPA,OAAO;AACPC,EAAAA,eAAe,EAAfA;AACF,CAAC;AAED,WAAe;AAAEZ,EAAAA,OAAO,EAAPA,OAAO;AAAEa,EAAAA,OAAO,EAAPA;AAAQ,CAAC;;;;"}