@dbmx/confy 0.0.3

package/esm/components/FormDialog/FormDialog.js

@@ -0,0 +1,64 @@
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import SaveIcon from '@mui/icons-material/Save';
+import CancelIcon from '@mui/icons-material/Cancel';
+
+var useStyles = makeStyles()(function () {
+  return {
+    dialogIcon: {
+      width: 20,
+      height: 20,
+      marginRight: 10
+    },
+    dialogActionContainer: {
+      justifyContent: 'center'
+    },
+    btn: {
+      width: 170
+    }
+  };
+});
+var FormDialog = function FormDialog(_ref) {
+  var open = _ref.open,
+    handleSubmit = _ref.handleSubmit,
+    close = _ref.close;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  return /*#__PURE__*/React__default.createElement(Dialog, {
+    open: open,
+    onClose: close,
+    "aria-labelledby": "draggable-dialog-title"
+  }, /*#__PURE__*/React__default.createElement(DialogTitle, {
+    style: {
+      cursor: 'move'
+    },
+    id: "draggable-dialog-title"
+  }, "Save"), /*#__PURE__*/React__default.createElement(DialogContent, null, /*#__PURE__*/React__default.createElement(DialogContentText, null, "Are you sure you want to save your changes?")), /*#__PURE__*/React__default.createElement(DialogActions, {
+    className: classes.dialogActionContainer
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    autoFocus: true,
+    onClick: close,
+    color: "secondary",
+    variant: "contained",
+    className: classes.btn
+  }, /*#__PURE__*/React__default.createElement(CancelIcon, {
+    className: classes.dialogIcon
+  }), "Cancel"), /*#__PURE__*/React__default.createElement(Button, {
+    onClick: handleSubmit,
+    variant: "contained",
+    color: "primary",
+    className: classes.btn
+  }, /*#__PURE__*/React__default.createElement(SaveIcon, {
+    className: classes.dialogIcon
+  }), "SAVE")));
+};
+FormDialog.propTypes = {
+  open: PropTypes.bool.isRequired,
+  handleSubmit: PropTypes.func.isRequired,
+  close: PropTypes.func.isRequired
+};
+
+export { FormDialog as default };
+//# sourceMappingURL=FormDialog.js.map

package/esm/components/FormDialog/FormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDialog.js","sources":["../../../src/components/FormDialog/FormDialog.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\nimport SaveIcon from '@mui/icons-material/Save'\nimport CancelIcon from '@mui/icons-material/Cancel'\n\nconst useStyles = makeStyles()(() => ({\n  dialogIcon: {\n    width: 20,\n    height: 20,\n    marginRight: 10,\n  },\n  dialogActionContainer: {\n    justifyContent: 'center',\n  },\n  btn: {\n    width: 170,\n  },\n}))\n\nconst FormDialog = ({ open, handleSubmit, close }) => {\n  const { classes } = useStyles()\n  return (\n    <Dialog open={open} onClose={close} aria-labelledby=\"draggable-dialog-title\">\n      <DialogTitle style={{ cursor: 'move' }} id=\"draggable-dialog-title\">\n        Save\n      </DialogTitle>\n      <DialogContent>\n        <DialogContentText>Are you sure you want to save your changes?</DialogContentText>\n      </DialogContent>\n      <DialogActions className={classes.dialogActionContainer}>\n        <Button autoFocus onClick={close} color=\"secondary\" variant=\"contained\" className={classes.btn}>\n          <CancelIcon className={classes.dialogIcon} />\n          Cancel\n        </Button>\n        <Button onClick={handleSubmit} variant=\"contained\" color=\"primary\" className={classes.btn}>\n          <SaveIcon className={classes.dialogIcon} />\n          SAVE\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n\nFormDialog.propTypes = {\n  open: PropTypes.bool.isRequired,\n  handleSubmit: PropTypes.func.isRequired,\n  close: PropTypes.func.isRequired,\n}\n\nexport default FormDialog\n"],"names":["useStyles","makeStyles","dialogIcon","width","height","marginRight","dialogActionContainer","justifyContent","btn","FormDialog","_ref","open","handleSubmit","close","_useStyles","classes","React","createElement","Dialog","onClose","DialogTitle","style","cursor","id","DialogContent","DialogContentText","DialogActions","className","Button","autoFocus","onClick","color","variant","CancelIcon","SaveIcon","propTypes","PropTypes","bool","isRequired","func"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,EAAE,CAAC,YAAA;EAAA,OAAO;AACpCC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,WAAW,EAAE;KACd;AACDC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,cAAc,EAAE;KACjB;AACDC,IAAAA,GAAG,EAAE;AACHL,MAAAA,KAAK,EAAE;AACT;GACD;AAAA,CAAC,CAAC;AAEH,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAsC;AAAA,EAAA,IAAhCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;AAC7C,EAAA,IAAAC,UAAA,GAAoBd,SAAS,EAAE;IAAvBe,OAAO,GAAAD,UAAA,CAAPC,OAAO;AACf,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AAACP,IAAAA,IAAI,EAAEA,IAAK;AAACQ,IAAAA,OAAO,EAAEN,KAAM;IAAC,iBAAgB,EAAA;AAAwB,GAAA,eAC1EG,cAAA,CAAAC,aAAA,CAACG,WAAW,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,MAAM,EAAE;KAAS;AAACC,IAAAA,EAAE,EAAC;GAAyB,EAAA,MAEvD,CAAC,eACdP,cAAA,CAAAC,aAAA,CAACO,aAAa,EAAA,IAAA,eACZR,cAAA,CAAAC,aAAA,CAACQ,iBAAiB,EAAC,IAAA,EAAA,6CAA8D,CACpE,CAAC,eAChBT,cAAA,CAAAC,aAAA,CAACS,aAAa,EAAA;IAACC,SAAS,EAAEZ,OAAO,CAACT;AAAsB,GAAA,eACtDU,cAAA,CAAAC,aAAA,CAACW,MAAM,EAAA;IAACC,SAAS,EAAA,IAAA;AAACC,IAAAA,OAAO,EAAEjB,KAAM;AAACkB,IAAAA,KAAK,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAC,WAAW;IAACL,SAAS,EAAEZ,OAAO,CAACP;AAAI,GAAA,eAC7FQ,cAAA,CAAAC,aAAA,CAACgB,UAAU,EAAA;IAACN,SAAS,EAAEZ,OAAO,CAACb;GAAa,CAAC,UAEvC,CAAC,eACTc,cAAA,CAAAC,aAAA,CAACW,MAAM,EAAA;AAACE,IAAAA,OAAO,EAAElB,YAAa;AAACoB,IAAAA,OAAO,EAAC,WAAW;AAACD,IAAAA,KAAK,EAAC,SAAS;IAACJ,SAAS,EAAEZ,OAAO,CAACP;AAAI,GAAA,eACxFQ,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAA;IAACP,SAAS,EAAEZ,OAAO,CAACb;AAAW,GAAE,CAAC,EAAA,MAErC,CACK,CACT,CAAC;AAEb;AAEAO,UAAU,CAAC0B,SAAS,GAAG;AACrBxB,EAAAA,IAAI,EAAEyB,SAAS,CAACC,IAAI,CAACC,UAAU;AAC/B1B,EAAAA,YAAY,EAAEwB,SAAS,CAACG,IAAI,CAACD,UAAU;AACvCzB,EAAAA,KAAK,EAAEuB,SAAS,CAACG,IAAI,CAACD;AACxB,CAAC;;;;"}

package/esm/components/FormDialog/index.js

@@ -0,0 +1,2 @@
+export { default as FormDialog } from './FormDialog.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/FormatDate/index.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { FormattedDateParts } from 'react-intl';
+
+var FormatDate = function FormatDate(_ref) {
+  var dateValue = _ref.dateValue;
+  if (!dateValue) return '';
+  return /*#__PURE__*/React__default.createElement(FormattedDateParts, {
+    value: dateValue,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  }, function (parts) {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, parts[2].value, "/", parts[0].value, "/", parts[4].value, " - ", parts[6].value, ":", parts[8].value);
+  });
+};
+FormatDate.propTypes = {
+  dateValue: PropTypes.string
+};
+
+export { FormatDate as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FormatDate/index.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { FormattedDateParts } from 'react-intl'\n\nconst FormatDate = ({ dateValue }) => {\n  if (!dateValue) return ''\n\n  return (\n    <FormattedDateParts\n      value={dateValue}\n      year=\"numeric\"\n      month=\"2-digit\"\n      day=\"2-digit\"\n      hour=\"2-digit\"\n      minute=\"2-digit\"\n      hour12={false}\n    >\n      {parts => (\n        <>\n          {parts[2].value}/{parts[0].value}/{parts[4].value} - {parts[6].value}:{parts[8].value}\n        </>\n      )}\n    </FormattedDateParts>\n  )\n}\n\nFormatDate.propTypes = {\n  dateValue: PropTypes.string,\n}\n\nexport default FormatDate\n"],"names":["FormatDate","_ref","dateValue","React","createElement","FormattedDateParts","value","year","month","day","hour","minute","hour12","parts","Fragment","propTypes","PropTypes","string"],"mappings":";;;;AAIA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAsB;AAAA,EAAA,IAAhBC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAC7B,EAAA,IAAI,CAACA,SAAS,EAAE,OAAO,EAAE;AAEzB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA;AACjBC,IAAAA,KAAK,EAAEJ,SAAU;AACjBK,IAAAA,IAAI,EAAC,SAAS;AACdC,IAAAA,KAAK,EAAC,SAAS;AACfC,IAAAA,GAAG,EAAC,SAAS;AACbC,IAAAA,IAAI,EAAC,SAAS;AACdC,IAAAA,MAAM,EAAC,SAAS;AAChBC,IAAAA,MAAM,EAAE;AAAM,GAAA,EAEb,UAAAC,KAAK,EAAA;IAAA,oBACJV,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAW,QAAA,EACGD,IAAAA,EAAAA,KAAK,CAAC,CAAC,CAAC,CAACP,KAAK,EAAC,GAAC,EAACO,KAAK,CAAC,CAAC,CAAC,CAACP,KAAK,EAAC,GAAC,EAACO,KAAK,CAAC,CAAC,CAAC,CAACP,KAAK,EAAC,KAAG,EAACO,KAAK,CAAC,CAAC,CAAC,CAACP,KAAK,EAAC,GAAC,EAACO,KAAK,CAAC,CAAC,CAAC,CAACP,KAChF,CAAC;AAAA,GAEa,CAAC;AAEzB;AAEAN,UAAU,CAACe,SAAS,GAAG;EACrBb,SAAS,EAAEc,SAAS,CAACC;AACvB,CAAC;;;;"}

package/esm/components/GobackBtn/index.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import BackIcon from '@mui/icons-material/ArrowBack';
+import { useHistory } from 'react-router-dom';
+import { Box, IconButton } from '@mui/material';
+
+var GobackBtn = function GobackBtn(_ref) {
+  var goBackTo = _ref.goBackTo;
+  var history = useHistory();
+  return /*#__PURE__*/React__default.createElement(Box, {
+    sx: {
+      mr: 1
+    }
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    size: "small",
+    edge: "end",
+    onClick: function onClick() {
+      return goBackTo ? history.push(goBackTo) : history.goBack();
+    }
+  }, /*#__PURE__*/React__default.createElement(BackIcon, null)));
+};
+GobackBtn.propTypes = {
+  goBackTo: PropTypes.string
+};
+
+export { GobackBtn as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/GobackBtn/index.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport BackIcon from '@mui/icons-material/ArrowBack'\n\nimport { useHistory } from 'react-router-dom'\nimport { Box, IconButton } from '@mui/material'\n\nconst GobackBtn = ({ goBackTo }) => {\n  const history = useHistory()\n\n  return (\n    <Box sx={{ mr: 1 }}>\n      <IconButton size=\"small\" edge=\"end\" onClick={() => (goBackTo ? history.push(goBackTo) : history.goBack())}>\n        <BackIcon />\n      </IconButton>\n    </Box>\n  )\n}\n\nGobackBtn.propTypes = {\n  goBackTo: PropTypes.string,\n}\n\nexport default GobackBtn\n"],"names":["GobackBtn","_ref","goBackTo","history","useHistory","React","createElement","Box","sx","mr","IconButton","size","edge","onClick","push","goBack","BackIcon","propTypes","PropTypes","string"],"mappings":";;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAqB;AAAA,EAAA,IAAfC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAC3B,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE;AAE5B,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,EAAE,EAAE;AAAEC,MAAAA,EAAE,EAAE;AAAE;AAAE,GAAA,eACjBJ,cAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAACC,IAAAA,IAAI,EAAC,OAAO;AAACC,IAAAA,IAAI,EAAC,KAAK;IAACC,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,MAAA,OAASX,QAAQ,GAAGC,OAAO,CAACW,IAAI,CAACZ,QAAQ,CAAC,GAAGC,OAAO,CAACY,MAAM,EAAE;AAAA;GACtGV,eAAAA,cAAA,CAAAC,aAAA,CAACU,QAAQ,EAAE,IAAA,CACD,CACT,CAAC;AAEV;AAEAhB,SAAS,CAACiB,SAAS,GAAG;EACpBf,QAAQ,EAAEgB,SAAS,CAACC;AACtB,CAAC;;;;"}

package/esm/components/Graph/index.js

@@ -0,0 +1,145 @@
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useCallback, useEffect } from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Button } from '@mui/material';
+import ReactFlow, { useNodesState, useEdgesState } from 'react-flow-renderer/dist/umd';
+import withStyles from '@mui/styles/withStyles';
+import dagre from 'dagre';
+
+var Graph = function Graph(_ref) {
+  var nodesTable = _ref.nodesTable,
+    edgesTable = _ref.edgesTable,
+    layout = _ref.layout,
+    setLayout = _ref.setLayout;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    newNodes = _useState2[0],
+    setNewNodes = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    newEdges = _useState4[0],
+    setNewEdges = _useState4[1];
+  var OverrideStyles = withStyles(function () {
+    return {
+      '@global': {
+        '.react-flow__handle': {
+          visibility: 'hidden'
+        }
+      }
+    };
+  })(function () {
+    return null;
+  });
+  var dagreGraph = new dagre.graphlib.Graph();
+  dagreGraph.setDefaultEdgeLabel(function () {
+    return {};
+  });
+  var nodeWidth = 172;
+  var nodeHeight = 36;
+  var getLayoutedElements = function getLayoutedElements(nodes, edges) {
+    var isHorizontal = layout === 'LR';
+    dagreGraph.setGraph({
+      rankdir: layout
+    });
+    nodes.forEach(function (node) {
+      dagreGraph.setNode(node.id, {
+        width: nodeWidth,
+        height: nodeHeight
+      });
+    });
+    edges.forEach(function (edge) {
+      dagreGraph.setEdge(edge.source, edge.target);
+    });
+    dagre.layout(dagreGraph);
+    nodes.forEach(function (node) {
+      var nodeWithPosition = dagreGraph.node(node.id);
+      node.targetPosition = isHorizontal ? 'left' : 'top';
+      node.sourcePosition = isHorizontal ? 'right' : 'bottom';
+      node.position = {
+        x: nodeWithPosition.x - nodeWidth / 2,
+        y: nodeWithPosition.y - nodeHeight / 2
+      };
+      return node;
+    });
+    return {
+      nodes: nodes,
+      edges: edges
+    };
+  };
+  var _getLayoutedElements = getLayoutedElements(nodesTable, edgesTable),
+    layoutedNodes = _getLayoutedElements.nodes,
+    layoutedEdges = _getLayoutedElements.edges;
+  var _useNodesState = useNodesState(layoutedNodes),
+    _useNodesState2 = _slicedToArray(_useNodesState, 2),
+    nodes = _useNodesState2[0],
+    setNodes = _useNodesState2[1];
+  var _useEdgesState = useEdgesState(layoutedEdges),
+    _useEdgesState2 = _slicedToArray(_useEdgesState, 2),
+    edges = _useEdgesState2[0],
+    setEdges = _useEdgesState2[1];
+  var onLayout = useCallback(function () {
+    var _getLayoutedElements2 = getLayoutedElements(nodes, edges),
+      layoutedNodes = _getLayoutedElements2.nodes,
+      layoutedEdges = _getLayoutedElements2.edges;
+    setNodes(_toConsumableArray(layoutedNodes));
+    setEdges(_toConsumableArray(layoutedEdges));
+  }, [nodes, edges, layout]);
+  useEffect(function () {
+    onLayout();
+  }, [layout]);
+  useEffect(function () {
+    setNewNodes(nodesTable);
+    setNewEdges(edgesTable);
+  }, [nodesTable, edgesTable]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '100wh',
+      height: '70vh',
+      flexGrow: 1,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default.createElement(ReactFlow, {
+    nodes: newNodes,
+    edges: newEdges,
+    defaultPosition: [100, 100]
+  }), /*#__PURE__*/React__default.createElement(OverrideStyles, null), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      position: 'absolute',
+      right: '10px',
+      top: '10px',
+      fontSize: '12px',
+      zIndex: '10',
+      height: '150px'
+    }
+  }, ' ', /*#__PURE__*/React__default.createElement(Button, {
+    style: {
+      fontSize: '8px',
+      marginRight: '5px'
+    },
+    disabled: layout === 'TB',
+    onClick: function onClick() {
+      return setLayout('TB');
+    },
+    color: "primary",
+    variant: "outlined"
+  }, "vertical"), /*#__PURE__*/React__default.createElement(Button, {
+    style: {
+      fontSize: '8px'
+    },
+    disabled: layout === 'LR',
+    onClick: function onClick() {
+      return setLayout('LR');
+    },
+    color: "primary",
+    variant: "outlined"
+  }, "horizontal"))));
+};
+Graph.propTypes = {
+  nodesTable: PropTypes.array,
+  edgesTable: PropTypes.array,
+  layout: PropTypes.string,
+  setLayout: PropTypes.func
+};
+
+export { Graph as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Graph/index.js"],"sourcesContent":["import React, { useEffect, useCallback, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Button } from '@mui/material'\nimport ReactFlow, { useNodesState, useEdgesState } from 'react-flow-renderer/dist/umd'\nimport withStyles from '@mui/styles/withStyles'\nimport dagre from 'dagre'\nconst Graph = ({ nodesTable, edgesTable, layout, setLayout }) => {\n  const [newNodes, setNewNodes] = useState()\n  const [newEdges, setNewEdges] = useState()\n  const OverrideStyles = withStyles(() => ({\n    '@global': {\n      '.react-flow__handle': {\n        visibility: 'hidden',\n      },\n    },\n  }))(() => null)\n\n  const dagreGraph = new dagre.graphlib.Graph()\n  dagreGraph.setDefaultEdgeLabel(() => ({}))\n\n  const nodeWidth = 172\n  const nodeHeight = 36\n\n  const getLayoutedElements = (nodes, edges) => {\n    const isHorizontal = layout === 'LR'\n    dagreGraph.setGraph({ rankdir: layout })\n\n    nodes.forEach(node => {\n      dagreGraph.setNode(node.id, { width: nodeWidth, height: nodeHeight })\n    })\n\n    edges.forEach(edge => {\n      dagreGraph.setEdge(edge.source, edge.target)\n    })\n\n    dagre.layout(dagreGraph)\n\n    nodes.forEach(node => {\n      const nodeWithPosition = dagreGraph.node(node.id)\n\n      node.targetPosition = isHorizontal ? 'left' : 'top'\n      node.sourcePosition = isHorizontal ? 'right' : 'bottom'\n\n      node.position = {\n        x: nodeWithPosition.x - nodeWidth / 2,\n        y: nodeWithPosition.y - nodeHeight / 2,\n      }\n      return node\n    })\n\n    return { nodes, edges }\n  }\n\n  const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(nodesTable, edgesTable)\n\n  const [nodes, setNodes] = useNodesState(layoutedNodes)\n  const [edges, setEdges] = useEdgesState(layoutedEdges)\n\n  const onLayout = useCallback(() => {\n    const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(nodes, edges, layout)\n\n    setNodes([...layoutedNodes])\n    setEdges([...layoutedEdges])\n  }, [nodes, edges, layout])\n\n  useEffect(() => {\n    onLayout()\n  }, [layout])\n\n  useEffect(() => {\n    setNewNodes(nodesTable)\n    setNewEdges(edgesTable)\n  }, [nodesTable, edgesTable])\n  return (\n    <>\n      <div style={{ width: '100wh', height: '70vh', flexGrow: 1, position: 'relative' }}>\n        <ReactFlow nodes={newNodes} edges={newEdges} defaultPosition={[100, 100]} />\n        <OverrideStyles />\n        <div\n          style={{\n            position: 'absolute',\n            right: '10px',\n            top: '10px',\n            fontSize: '12px',\n            zIndex: '10',\n            height: '150px',\n          }}\n        >\n          {' '}\n          <Button\n            style={{ fontSize: '8px', marginRight: '5px' }}\n            disabled={layout === 'TB'}\n            onClick={() => setLayout('TB')}\n            color=\"primary\"\n            variant=\"outlined\"\n          >\n            vertical\n          </Button>\n          <Button\n            style={{ fontSize: '8px' }}\n            disabled={layout === 'LR'}\n            onClick={() => setLayout('LR')}\n            color=\"primary\"\n            variant=\"outlined\"\n          >\n            horizontal\n          </Button>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default Graph\n\nGraph.propTypes = {\n  nodesTable: PropTypes.array,\n  edgesTable: PropTypes.array,\n  layout: PropTypes.string,\n  setLayout: PropTypes.func,\n}\n"],"names":["Graph","_ref","nodesTable","edgesTable","layout","setLayout","_useState","useState","_useState2","_slicedToArray","newNodes","setNewNodes","_useState3","_useState4","newEdges","setNewEdges","OverrideStyles","withStyles","visibility","dagreGraph","dagre","graphlib","setDefaultEdgeLabel","nodeWidth","nodeHeight","getLayoutedElements","nodes","edges","isHorizontal","setGraph","rankdir","forEach","node","setNode","id","width","height","edge","setEdge","source","target","nodeWithPosition","targetPosition","sourcePosition","position","x","y","_getLayoutedElements","layoutedNodes","layoutedEdges","_useNodesState","useNodesState","_useNodesState2","setNodes","_useEdgesState","useEdgesState","_useEdgesState2","setEdges","onLayout","useCallback","_getLayoutedElements2","_toConsumableArray","useEffect","React","createElement","Fragment","style","flexGrow","ReactFlow","defaultPosition","right","top","fontSize","zIndex","Button","marginRight","disabled","onClick","color","variant","propTypes","PropTypes","array","string","func"],"mappings":"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"}

package/esm/components/Header/index.js

@@ -0,0 +1,103 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Toolbar, Grid2 } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+
+var useStyles = makeStyles()(function (theme) {
+  return {
+    toolBar: {
+      padding: '0px!important'
+    },
+    center: _defineProperty({}, theme.breakpoints.down('md'), {
+      display: 'none'
+    }),
+    header: {
+      width: '100%'
+    }
+  };
+});
+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 Header = function Header(_ref4) {
+  var children = _ref4.children;
+  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;
+    });
+  };
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  return /*#__PURE__*/React__default.createElement(Toolbar, {
+    className: classes.toolBar
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    container: true,
+    alignItems: "center",
+    className: classes.header,
+    wrap: "nowrap"
+  }, /*#__PURE__*/React__default.createElement(Grid2, {
+    size: {
+      xs: 2,
+      md: 3
+    },
+    container: true,
+    justifyContent: "flex-start",
+    alignItems: "center",
+    className: classes.left
+  }, headerLeft()), /*#__PURE__*/React__default.createElement(Grid2, {
+    size: {
+      md: 6
+    },
+    sx: {
+      display: 'flex'
+    },
+    justifyContent: "center",
+    alignItems: "center",
+    className: classes.center
+  }, headerCenter()), /*#__PURE__*/React__default.createElement(Grid2, {
+    size: {
+      xs: 10,
+      md: 3
+    },
+    container: true,
+    justifyContent: "flex-end",
+    alignItems: "center",
+    className: classes.right,
+    wrap: "nowrap"
+  }, headerRight())));
+};
+Header.propTypes = {
+  children: PropTypes.node
+};
+HeaderRight.propTypes = {
+  children: PropTypes.node
+};
+HeaderLeft.propTypes = {
+  children: PropTypes.node
+};
+HeaderCenter.propTypes = {
+  children: PropTypes.node
+};
+
+export { HeaderCenter, HeaderLeft, HeaderRight, Header as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Header/index.js"],"sourcesContent":["import React from 'react'\nimport propTypes from 'prop-types'\nimport { Toolbar, Grid2 } from '@mui/material'\nimport { makeStyles } from 'tss-react/mui'\n\nconst useStyles = makeStyles()(theme => ({\n  toolBar: {\n    padding: '0px!important',\n  },\n  center: {\n    [theme.breakpoints.down('md')]: {\n      display: 'none',\n    },\n  },\n  header: {\n    width: '100%',\n  },\n}))\n\nexport const HeaderLeft = ({ children }) => {\n  return children\n}\nexport const HeaderCenter = ({ children }) => {\n  return children\n}\n\nexport const HeaderRight = ({ children }) => {\n  return children\n}\n\nconst Header = ({ children }) => {\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  const { classes } = useStyles()\n  return (\n    <Toolbar className={classes.toolBar}>\n      <Grid2 container alignItems=\"center\" className={classes.header} wrap=\"nowrap\">\n        <Grid2\n          size={{ xs: 2, md: 3 }}\n          container\n          justifyContent=\"flex-start\"\n          alignItems=\"center\"\n          className={classes.left}\n        >\n          {headerLeft()}\n        </Grid2>\n        <Grid2\n          size={{ md: 6 }}\n          sx={{ display: 'flex' }}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          className={classes.center}\n        >\n          {headerCenter()}\n        </Grid2>\n        <Grid2\n          size={{ xs: 10, md: 3 }}\n          container\n          justifyContent=\"flex-end\"\n          alignItems=\"center\"\n          className={classes.right}\n          wrap=\"nowrap\"\n        >\n          {headerRight()}\n        </Grid2>\n      </Grid2>\n    </Toolbar>\n  )\n}\n\nHeader.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 Header\n"],"names":["useStyles","makeStyles","theme","toolBar","padding","center","_defineProperty","breakpoints","down","display","header","width","HeaderLeft","_ref","children","HeaderCenter","_ref2","HeaderRight","_ref3","Header","_ref4","headerLeft","React","Children","toArray","find","child","type","headerCenter","headerRight","_useStyles","classes","createElement","Toolbar","className","Grid2","container","alignItems","wrap","size","xs","md","justifyContent","left","sx","right","propTypes","node"],"mappings":"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"}

package/esm/components/LanguageProvider/index.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
+import { IntlProvider } from 'react-intl';
+
+var LanguageProvider = function LanguageProvider(_ref) {
+  var messages = _ref.messages,
+    children = _ref.children;
+  var locale = window.navigator.language;
+  return /*#__PURE__*/React__default.createElement(IntlProvider, {
+    key: locale,
+    defaultLocale: locale,
+    locale: locale,
+    messages: messages[locale]
+  }, React__default.Children.only(children));
+};
+LanguageProvider.propTypes = {
+  messages: propTypesExports.object,
+  children: propTypesExports.element.isRequired
+};
+
+export { LanguageProvider as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/LanguageProvider/index.js"],"sourcesContent":["import React from 'react'\nimport { object, element } from 'prop-types'\nimport { IntlProvider } from 'react-intl'\n\nconst LanguageProvider = ({ messages, children }) => {\n  const locale = window.navigator.language\n  return (\n    <IntlProvider key={locale} defaultLocale={locale} locale={locale} messages={messages[locale]}>\n      {React.Children.only(children)}\n    </IntlProvider>\n  )\n}\n\nLanguageProvider.propTypes = {\n  messages: object,\n  children: element.isRequired,\n}\n\nexport default LanguageProvider\n"],"names":["LanguageProvider","_ref","messages","children","locale","window","navigator","language","React","createElement","IntlProvider","key","defaultLocale","Children","only","propTypes","object","element","isRequired"],"mappings":";;;;AAIA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAA+B;AAAA,EAAA,IAAzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAC5C,EAAA,IAAMC,MAAM,GAAGC,MAAM,CAACC,SAAS,CAACC,QAAQ;AACxC,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,YAAY,EAAA;AAACC,IAAAA,GAAG,EAAEP,MAAO;AAACQ,IAAAA,aAAa,EAAER,MAAO;AAACA,IAAAA,MAAM,EAAEA,MAAO;IAACF,QAAQ,EAAEA,QAAQ,CAACE,MAAM;GACxFI,EAAAA,cAAK,CAACK,QAAQ,CAACC,IAAI,CAACX,QAAQ,CACjB,CAAC;AAEnB;AAEAH,gBAAgB,CAACe,SAAS,GAAG;AAC3Bb,EAAAA,QAAQ,EAAEc,uBAAM;EAChBb,QAAQ,EAAEc,wBAAO,CAACC;AACpB,CAAC;;;;"}

package/esm/components/Layout/index.js

@@ -0,0 +1,166 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import { Grid2, useMediaQuery, List, Drawer } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+import { makeStyles } from 'tss-react/mui';
+import PropTypes from '../../node_modules/prop-types/index.js';
+import { Switch, Route } from 'react-router-dom';
+import Content from '../Content/index.js';
+import useMenu from '../../hooks/menu.js';
+import Page from '../Page/index.js';
+import useRoutes from '../../hooks/routes.js';
+import useConfig from '../../hooks/config.js';
+import _MenuItem from '../MenuItem/index.js';
+import map from '../../node_modules/ramda/es/map.js';
+import compose from '../../node_modules/ramda/es/compose.js';
+import mapObjIndexed from '../../node_modules/ramda/es/mapObjIndexed.js';
+import values from '../../node_modules/ramda/es/values.js';
+import filter from '../../node_modules/ramda/es/filter.js';
+import clone from '../../node_modules/ramda/es/clone.js';
+import isEmpty from '../../node_modules/ramda/es/isEmpty.js';
+
+var _excluded = ["children"];
+var useStyles = makeStyles()(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      minHeight: "calc(100vh - 64px)"
+    },
+    list: {
+      width: theme.spacing(40),
+      overflow: 'auto',
+      borderRight: '1px solid rgba(0, 0, 0, 0.12)',
+      backgroundColor: theme.palette.background.paper,
+      '&::-webkit-scrollbar': {
+        width: '0.4em'
+      },
+      '&::-webkit-scrollbar-track': {
+        boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
+        webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
+      },
+      '&::-webkit-scrollbar-thumb': {
+        backgroundColor: theme.palette.grey.dark,
+        borderRadius: '0.4em'
+      }
+    },
+    paper: {
+      top: '64px'
+    }
+  };
+});
+var getAuthorizedItems = function getAuthorizedItems(items, user, routes, context) {
+  if (!user) return {};
+  var filterRequireAdmin = function filterRequireAdmin(menuItem) {
+    if (menuItem.menu) return true;
+    if (routes[menuItem.route]) if (routes[menuItem.route].isAuthorized({
+      user: user,
+      context: context
+    })) return true;
+    return false;
+  };
+  var filterMenu = function filterMenu(subMenu) {
+    if (!subMenu.menu) {
+      if (filterRequireAdmin(subMenu)) {
+        return subMenu;
+      }
+    }
+    if ((subMenu === null || subMenu === undefined ? undefined : subMenu.menu) == {}) return subMenu;
+    if (subMenu.menu) {
+      var subMenuClone = clone(subMenu);
+      var filtredSubMenu = filter(filterRequireAdmin, subMenuClone.menu);
+      subMenuClone.menu = filtredSubMenu;
+      return subMenuClone;
+    }
+  };
+  var clearMenuEmpty = function clearMenuEmpty(item) {
+    return isEmpty(item.menu) ? false : true;
+  };
+  var authorizedItems = compose(map(filterMenu), filter(clearMenuEmpty))(items);
+  // eslint-disable-next-line no-unused-vars
+  var filteredItems = Object.fromEntries(Object.entries(authorizedItems).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2);
+      _ref2[0];
+      var value = _ref2[1];
+    return value;
+  }));
+  return filteredItems;
+};
+var LayoutDrawer = function LayoutDrawer(_ref3) {
+  var children = _ref3.children,
+    miniDrawerOpen = _ref3.miniDrawerOpen,
+    handleDrawerToggle = _ref3.handleDrawerToggle,
+    user = _ref3.user;
+  var _useMenu = useMenu(),
+    menu = _useMenu.menu;
+  var _useStyles = useStyles(),
+    classes = _useStyles.classes;
+  var routes = useRoutes();
+  var _useConfig = useConfig(),
+    context = _useConfig.context;
+  var displayDrawer = function displayDrawer() {
+    var theme = useTheme();
+    if (useMediaQuery(theme.breakpoints.up('md'))) return user && /*#__PURE__*/React__default.createElement(List, {
+      component: "nav",
+      className: classes.list,
+      disablePadding: true
+    }, compose(values, mapObjIndexed(function (item, key) {
+      return /*#__PURE__*/React__default.createElement(_MenuItem, {
+        key: key,
+        item: _objectSpread2(_objectSpread2({}, item), {}, {
+          id: key
+        })
+      });
+    }))(getAuthorizedItems(menu, user, routes, context)));
+    return user && /*#__PURE__*/React__default.createElement(Drawer, {
+      anchor: 'left',
+      open: miniDrawerOpen,
+      onClose: function onClose() {
+        return handleDrawerToggle();
+      },
+      classes: {
+        paper: classes.paper
+      }
+    }, /*#__PURE__*/React__default.createElement(List, {
+      component: "nav",
+      className: classes.list,
+      disablePadding: true
+    }, compose(values, mapObjIndexed(function (item, key) {
+      return /*#__PURE__*/React__default.createElement(_MenuItem, {
+        handleDrawerToggle: handleDrawerToggle,
+        key: key,
+        item: _objectSpread2(_objectSpread2({}, item), {}, {
+          id: key
+        })
+      });
+    }))(getAuthorizedItems(menu, user, routes, context))));
+  };
+  return /*#__PURE__*/React__default.createElement(Page, null, /*#__PURE__*/React__default.createElement(Grid2, {
+    className: classes.root
+  }, displayDrawer(), /*#__PURE__*/React__default.createElement(Content, null, children, " ")));
+};
+LayoutDrawer.propTypes = {
+  children: PropTypes.node,
+  miniDrawerOpen: PropTypes.bool,
+  handleDrawerToggle: PropTypes.func,
+  user: PropTypes.object
+};
+var Layout = function Layout(_ref4) {
+  var children = _ref4.children,
+    others = _objectWithoutProperties(_ref4, _excluded);
+  var routes = useRoutes();
+  return /*#__PURE__*/React__default.createElement(Switch, null, map(function (route) {
+    return /*#__PURE__*/React__default.createElement(Route, {
+      key: route.id,
+      exact: route.exact,
+      path: route.path
+    }, /*#__PURE__*/React__default.createElement(route.component, null));
+  }, routes.all.filter(function (route) {
+    return route.main;
+  })), /*#__PURE__*/React__default.createElement(Route, null, /*#__PURE__*/React__default.createElement(LayoutDrawer, others, children)));
+};
+Layout.propTypes = {
+  children: PropTypes.node
+};
+
+export { Layout as default };
+//# sourceMappingURL=index.js.map