aefis-core-ui 2.4.0-rc21 → 2.4.0-rc22

package/dist/index.modern.js

@@ -63,14 +63,12 @@ import IconButton$2 from '@mui/material/IconButton';
 import Edit$1 from '@mui/icons-material/Edit';
 import HeaderImage from './assets/heliocampus-cornersun.png';
 import Skeleton$5 from '@mui/material/Skeleton';
-import { MenuContext as MenuContext$1 } from 'core-ui/components/NavigationMenuPanel/NavigationMenuPanel';
 import { useFormControl } from '@mui/material/FormControl';
 import AppBar$1 from '@mui/material/AppBar';
 import FadeIn from 'react-fade-in';
 import PerfectScrollbar from 'react-perfect-scrollbar';
 import { useColumnOrder, useFilters, useGroupBy, useSortBy, useFlexLayout, usePagination, useResizeColumns, useRowSelect, useTable } from 'react-table';
 import SortIcon from '@mui/icons-material/Sort';
-import Collapsible$1 from 'core-ui/components/Collapsible/Collapsible';
 import { useSnackbar, SnackbarProvider } from 'notistack';
 import AutorenewIcon from '@mui/icons-material/Autorenew';
 import { VerticalTimeline, VerticalTimelineElement } from 'react-vertical-timeline-component';
@@ -14285,7 +14283,7 @@ const SubMenuItem = ({
   const {
     selected,
     setSelected
-  } = useContext(MenuContext$1);
+  } = useContext(MenuContext);
   const handleClick = child => {
     setSelected(child.id);
     onClick && onClick(child);
@@ -18818,6 +18816,69 @@ FilterSelection.propTypes = {
   isCollapsibleOpen: PropTypes.bool
 };
 
+function Collapsible({
+  sx,
+  renderHeader,
+  renderContent,
+  defaultOpen = false,
+  open: propOpen,
+  onToggle
+}) {
+  const [open, setOpen] = useState(defaultOpen);
+  const handleToggleExpand = () => {
+    setOpen(open => !open);
+  };
+  useEffect(() => {
+    onToggle == null ? void 0 : onToggle(open);
+  }, [open]);
+  const buttonId = useUID();
+  const contentId = useUID();
+  const buttonA11yProps = {
+    id: buttonId,
+    "aria-controls": contentId
+  };
+  const contentA11yProps = {
+    id: contentId,
+    "aria-hidden": !open
+  };
+  return /*#__PURE__*/jsxs(Box$2, {
+    sx: sx,
+    children: [/*#__PURE__*/jsxs(Box$2, {
+      sx: {
+        display: "flex",
+        flexWrap: "no-wrap"
+      },
+      children: [/*#__PURE__*/jsx(Box$2, {
+        sx: {
+          flex: 1,
+          flexDirection: "column",
+          justifyContent: "center",
+          display: "flex"
+        },
+        children: renderHeader == null ? void 0 : renderHeader()
+      }), /*#__PURE__*/jsx(Box$2, {
+        children: /*#__PURE__*/jsx(CollapsibleContentButton, _extends({
+          id: buttonId,
+          open: propOpen || open,
+          onClick: handleToggleExpand
+        }, buttonA11yProps))
+      })]
+    }), /*#__PURE__*/jsx(CollapsibleContent, _extends({
+      open: propOpen || open
+    }, contentA11yProps, {
+      children: renderContent()
+    }))]
+  });
+}
+Collapsible.propTypes = {
+  open: PropTypes.bool,
+  defaultOpen: PropTypes.bool,
+  renderContent: PropTypes.func,
+  renderHeader: PropTypes.func,
+  sx: PropTypes.any,
+  onToggle: PropTypes.func
+};
+
 const useStyles$m = makeStyles(theme => ({
   groupTitle: {
     margin: 0,
@@ -18952,7 +19013,7 @@ const PanelDisplay = ({
 }) => {
   const [collapsibleIsOpen, setCollapsibleIsOpen] = useState(false);
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [_collapsiblePanel ? /*#__PURE__*/jsx(Collapsible$1, {
+    children: [_collapsiblePanel ? /*#__PURE__*/jsx(Collapsible, {
       defaultOpen: _isCollapsibleOpen,
       onToggle: open => setCollapsibleIsOpen(open),
       renderHeader: () => /*#__PURE__*/jsx(PanelHeader, {
@@ -22669,69 +22730,6 @@ BusinessObjectTable.propTypes = _extends({
   height: PropTypes.any
 }, DataTable$1.propTypes);
 
-function Collapsible({
-  sx,
-  renderHeader,
-  renderContent,
-  defaultOpen = false,
-  open: propOpen,
-  onToggle
-}) {
-  const [open, setOpen] = useState(defaultOpen);
-  const handleToggleExpand = () => {
-    setOpen(open => !open);
-  };
-  useEffect(() => {
-    onToggle == null ? void 0 : onToggle(open);
-  }, [open]);
-  const buttonId = useUID();
-  const contentId = useUID();
-  const buttonA11yProps = {
-    id: buttonId,
-    "aria-controls": contentId
-  };
-  const contentA11yProps = {
-    id: contentId,
-    "aria-hidden": !open
-  };
-  return /*#__PURE__*/jsxs(Box$2, {
-    sx: sx,
-    children: [/*#__PURE__*/jsxs(Box$2, {
-      sx: {
-        display: "flex",
-        flexWrap: "no-wrap"
-      },
-      children: [/*#__PURE__*/jsx(Box$2, {
-        sx: {
-          flex: 1,
-          flexDirection: "column",
-          justifyContent: "center",
-          display: "flex"
-        },
-        children: renderHeader == null ? void 0 : renderHeader()
-      }), /*#__PURE__*/jsx(Box$2, {
-        children: /*#__PURE__*/jsx(CollapsibleContentButton, _extends({
-          id: buttonId,
-          open: propOpen || open,
-          onClick: handleToggleExpand
-        }, buttonA11yProps))
-      })]
-    }), /*#__PURE__*/jsx(CollapsibleContent, _extends({
-      open: propOpen || open
-    }, contentA11yProps, {
-      children: renderContent()
-    }))]
-  });
-}
-Collapsible.propTypes = {
-  open: PropTypes.bool,
-  defaultOpen: PropTypes.bool,
-  renderContent: PropTypes.func,
-  renderHeader: PropTypes.func,
-  sx: PropTypes.any,
-  onToggle: PropTypes.func
-};
-
 const createStore = initialState => {
   let state = initialState;
   const getState = () => state;