@digigov/ui 0.12.2 → 0.13.0

package/{src/core/List/ListItem.tsx → core/List/ListItem.d.ts}

@@ -1,5 +1,3 @@
 import ListItem from '@digigov/react-core/ListItem';
-
 export { ListItem };
-
 export default ListItem;

package/core/List/ListItem.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function get() {
+    return _ListItem["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _ListItem = _interopRequireDefault(require("@digigov/react-core/ListItem"));
+
+var _default = _ListItem["default"];
+exports["default"] = _default;

package/core/List/ListItemContent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const useListItemContenttyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export interface ListItemContentProps {
+    className?: string;
+}
+export declare const ListItemContent: React.FC<ListItemContentProps>;
+export default ListItemContent;

package/core/List/ListItemContent.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemContenttyles = exports["default"] = exports.ListItemContent = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _excluded = ["className", "children"];
+var useListItemContenttyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    root: {
+      flexGrow: 1,
+      padding: theme.spacing(0, 2)
+    }
+  };
+}, {
+  name: 'MuiListItemContent'
+});
+exports.useListItemContenttyles = useListItemContenttyles;
+
+var ListItemContent = function ListItemContent(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var classes = useListItemContenttyles();
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _clsx["default"])(className, classes.root)
+  }, props), children);
+};
+
+exports.ListItemContent = ListItemContent;
+var _default = ListItemContent;
+exports["default"] = _default;

package/core/List/ListItemIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AvatarProps } from '@material-ui/core/Avatar';
+export declare const useListItemIconStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export interface ListItemIconProps extends AvatarProps {
+}
+export declare const ListItemIcon: React.FC<ListItemIconProps>;
+export default ListItemIcon;

package/core/List/ListItemIcon.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemIconStyles = exports["default"] = exports.ListItemIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+
+var _excluded = ["className", "children", "style"];
+var useListItemIconStyles = (0, _styles.makeStyles)(function () {
+  return {
+    root: {}
+  };
+}, {
+  name: 'MuiListItemIcon'
+});
+exports.useListItemIconStyles = useListItemIconStyles;
+
+var ListItemIcon = function ListItemIcon(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      style = _ref.style,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var classes = useListItemIconStyles();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: (0, _clsx["default"])(className, classes.root)
+  }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], (0, _extends2["default"])({
+    variant: "rounded"
+  }, props), children));
+};
+
+exports.ListItemIcon = ListItemIcon;
+var _default = ListItemIcon;
+exports["default"] = _default;

package/core/List/ListItemText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NormalTextProps } from '@digigov/ui/typography/NormalText';
+export declare const useListItemTextStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export interface ListItemTextProps extends NormalTextProps {
+    ref?: React.Ref<HTMLSpanElement>;
+}
+export declare const ListItemText: React.FC<ListItemTextProps>;
+export default ListItemText;

package/core/List/ListItemText.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemTextStyles = exports["default"] = exports.ListItemText = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+
+var _excluded = ["children"];
+var useListItemTextStyles = (0, _styles.makeStyles)(function () {
+  return {
+    root: {}
+  };
+}, {
+  name: 'MuiListItemText'
+});
+exports.useListItemTextStyles = useListItemTextStyles;
+
+var ListItemText = function ListItemText(_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], props, children);
+};
+
+exports.ListItemText = ListItemText;
+var _default = ListItemText;
+exports["default"] = _default;

package/core/List/ListItemTitle.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TitleProps } from '@digigov/ui/typography/Title';
+import { LinkProps } from '@digigov/ui/core/Link';
+export declare const useListItemTitleStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export interface ListItemTitleProps extends TitleProps {
+    href?: string;
+    linkProps?: Omit<LinkProps, 'href'>;
+}
+export declare const ListItemTitle: React.FC<ListItemTitleProps>;
+export default ListItemTitle;

package/core/List/ListItemTitle.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemTitleStyles = exports["default"] = exports.ListItemTitle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var _excluded = ["href", "linkProps", "children"];
+var useListItemTitleStyles = (0, _styles.makeStyles)(function () {
+  return {
+    root: {}
+  };
+}, {
+  name: 'MuiListItemTitle'
+});
+exports.useListItemTitleStyles = useListItemTitleStyles;
+
+var ListItemTitle = function ListItemTitle(_ref) {
+  var href = _ref.href,
+      linkProps = _ref.linkProps,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Title["default"], props, href ? /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({
+    href: href
+  }, linkProps), children) : children);
+};
+
+exports.ListItemTitle = ListItemTitle;
+var _default = ListItemTitle;
+exports["default"] = _default;

package/core/List/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _List.List;
+  }
+});
+
+var _List = require("@digigov/ui/core/List/List");
+
+Object.keys(_List).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _List[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _List[key];
+    }
+  });
+});
+
+var _ListItem = require("@digigov/ui/core/List/ListItem");
+
+Object.keys(_ListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItem[key];
+    }
+  });
+});
+
+var _ListItemContent = require("@digigov/ui/core/List/ListItemContent");
+
+Object.keys(_ListItemContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItemContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItemContent[key];
+    }
+  });
+});
+
+var _ListItemTitle = require("@digigov/ui/core/List/ListItemTitle");
+
+Object.keys(_ListItemTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItemTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItemTitle[key];
+    }
+  });
+});
+
+var _ListItemText = require("@digigov/ui/core/List/ListItemText");
+
+Object.keys(_ListItemText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItemText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItemText[key];
+    }
+  });
+});
+
+var _ListItemIcon = require("@digigov/ui/core/List/ListItemIcon");
+
+Object.keys(_ListItemIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListItemIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListItemIcon[key];
+    }
+  });
+});

package/core/List/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/List/index.spec.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
+
+var _List = _interopRequireDefault(require("@digigov/ui/core/List"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/React.createElement(_List["default"], null, "this is some random warning text");
+
+it('renders the ErrorSummary with sample data', function () {
+  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+});

package/core/NavList/NavList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListContext';
+import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
+export declare const useNavListStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"vertical" | "root" | "subMenu" | "floating" | "floatClear">;
+export interface NavListProps {
+    children?: React.ReactNode;
+    className?: string;
+    horizontal?: boolean;
+    openSubMenus?: boolean;
+    floating?: boolean;
+    subMenu?: boolean;
+    links?: NavLinkInterface[];
+    style?: BaseCSSProperties;
+}
+export declare const NavListBase: React.FC<NavListProps>;
+export declare const NavList: React.FC<NavListProps>;
+export default NavList;

package/core/NavList/NavList.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNavListStyles = exports["default"] = exports.NavListBase = exports.NavList = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _NavListContext = require("@digigov/ui/core/NavList/NavListContext");
+
+var _excluded = ["className", "children", "floating", "horizontal", "subMenu"],
+    _excluded2 = ["horizontal", "openSubMenus", "links"];
+var useNavListStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    root: {
+      padding: theme.spacing(0),
+      margin: theme.spacing(0),
+      display: 'flex',
+      '&$vertical': {
+        flexDirection: 'column'
+      }
+    },
+    subMenu: {
+      marginLeft: theme.spacing(3)
+    },
+    floating: {
+      left: 0,
+      zIndex: 99,
+      position: 'absolute',
+      background: theme.palette.grey['100'],
+      borderTop: "1px solid ".concat(theme.palette.grey['500']),
+      borderRight: "1px solid ".concat(theme.palette.grey['500']),
+      borderLeft: "1px solid ".concat(theme.palette.grey['500']),
+      margin: theme.spacing(1.5, 0, 0, 0),
+      boxShadow: theme.shadows[3],
+      '& > li': {
+        width: '100%',
+        borderBottom: "1px solid ".concat(theme.palette.grey['500']),
+        margin: 0
+      }
+    },
+    vertical: {},
+    floatClear: {
+      clear: 'both'
+    }
+  };
+}, {
+  name: 'MuiNavList'
+});
+exports.useNavListStyles = useNavListStyles;
+
+var NavListBase = function NavListBase(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      floating = _ref.floating,
+      horizontal = _ref.horizontal,
+      subMenu = _ref.subMenu,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var classes = useNavListStyles();
+  return /*#__PURE__*/_react["default"].createElement("nav", null, /*#__PURE__*/_react["default"].createElement("ul", {
+    style: props.style,
+    className: (0, _clsx["default"])(className, classes.root, !horizontal && classes.vertical, floating && classes.floating, subMenu && classes.subMenu)
+  }, children), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.floatClear
+  }));
+};
+
+exports.NavListBase = NavListBase;
+
+var NavList = function NavList(_ref2) {
+  var horizontal = _ref2.horizontal,
+      _ref2$openSubMenus = _ref2.openSubMenus,
+      openSubMenus = _ref2$openSubMenus === void 0 ? false : _ref2$openSubMenus,
+      _ref2$links = _ref2.links,
+      links = _ref2$links === void 0 ? [] : _ref2$links,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement(_NavListContext.NavListProvider, {
+    openSubMenus: openSubMenus,
+    horizontal: horizontal,
+    links: links
+  }, /*#__PURE__*/_react["default"].createElement(NavListBase, (0, _extends2["default"])({
+    horizontal: horizontal
+  }, props)));
+};
+
+exports.NavList = NavList;
+var _default = NavList;
+exports["default"] = _default;

package/core/NavList/NavListContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface NavLinkInterface {
+    name?: string;
+    label?: string;
+    href?: string;
+    children?: React.ReactNode;
+    subMenu?: NavLinkInterface[];
+}
+export interface NavListContextInterface {
+    openSubMenus?: boolean;
+    horizontal?: boolean;
+    showDividers?: boolean;
+    links: NavLinkInterface[];
+    activeLink?: NavLinkInterface;
+    activeSubMenu?: NavLinkInterface[];
+    onSubMenuActive?: (name: string) => void;
+}
+export declare const NavListContext: React.Context<NavListContextInterface>;
+export declare const NavListProvider: React.FC<NavListContextInterface>;
+export default NavListContext;

package/core/NavList/NavListContext.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavListProvider = exports.NavListContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var NavListContext = /*#__PURE__*/(0, _react.createContext)({
+  horizontal: false,
+  openSubMenus: false,
+  links: [],
+  activeLink: {},
+  activeSubMenu: []
+});
+exports.NavListContext = NavListContext;
+var TRAILING_SLASH = /\/$/gm;
+
+var NavListProvider = function NavListProvider(_ref) {
+  var children = _ref.children,
+      _ref$openSubMenus = _ref.openSubMenus,
+      openSubMenus = _ref$openSubMenus === void 0 ? false : _ref$openSubMenus,
+      _ref$horizontal = _ref.horizontal,
+      horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
+      _ref$showDividers = _ref.showDividers,
+      showDividers = _ref$showDividers === void 0 ? false : _ref$showDividers,
+      _ref$links = _ref.links,
+      links = _ref$links === void 0 ? [] : _ref$links;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      activeSubMenu = _useState2[0],
+      setActiveSubMenu = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      activeLink = _useState4[0],
+      setActiveLink = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    var currentActiveLink = links.find(function (link) {
+      var _link$subMenu;
+
+      if ((_link$subMenu = link.subMenu) !== null && _link$subMenu !== void 0 && _link$subMenu.length) {
+        return !!~link.subMenu.findIndex(function (subMenuLink) {
+          var _window, _subMenuLink$href;
+
+          return ((_window = window) === null || _window === void 0 ? void 0 : _window.location.pathname.replace(TRAILING_SLASH, '')) === ((_subMenuLink$href = subMenuLink.href) === null || _subMenuLink$href === void 0 ? void 0 : _subMenuLink$href.replace(TRAILING_SLASH, ''));
+        });
+      } else {
+        var _window2, _link$href;
+
+        return ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.location.pathname.replace(TRAILING_SLASH, '')) === ((_link$href = link.href) === null || _link$href === void 0 ? void 0 : _link$href.replace(TRAILING_SLASH, '')) || false;
+      }
+    }) || {
+      label: '',
+      href: ''
+    };
+    setActiveLink(currentActiveLink);
+  }, [links]);
+
+  var onSubMenuActive = function onSubMenuActive(href) {
+    if (href === null) {
+      setActiveSubMenu([]);
+    }
+
+    var link = links.find(function (link) {
+      return link.href === href && link.subMenu && link.subMenu.length;
+    });
+
+    if (link && link.subMenu) {
+      setActiveSubMenu(link.subMenu);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(NavListContext.Provider, {
+    value: {
+      openSubMenus: openSubMenus,
+      horizontal: horizontal,
+      showDividers: showDividers,
+      links: links,
+      activeLink: activeLink,
+      activeSubMenu: activeSubMenu,
+      onSubMenuActive: onSubMenuActive
+    }
+  }, children);
+};
+
+exports.NavListProvider = NavListProvider;
+var _default = NavListContext;
+exports["default"] = _default;

package/core/NavList/NavListItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface NavListItemProps {
+    name?: string;
+    label?: string;
+    children?: React.ReactNode;
+    className?: string;
+    href?: string;
+    selected?: boolean;
+    expandOn?: 'hover' | 'click';
+}
+export declare const useNavListItemStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "root" | "selected">;
+export declare const NavListItem: React.FC<NavListItemProps>;
+export default NavListItem;