@atlaskit/side-navigation 1.1.2

package/dist/cjs/components/Section/heading-item.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _menu = require("@atlaskit/menu");
+
+var _styles = require("../../common/styles");
+
+var _context = require("../NestableNavigationContent/context");
+
+var HeadingItem = function HeadingItem(props) {
+  var _useShouldNestedEleme = (0, _context.useShouldNestedElementRender)(),
+      shouldRender = _useShouldNestedEleme.shouldRender;
+
+  if (!shouldRender) {
+    return null;
+  }
+
+  var cssFn = (0, _styles.overrideStyleFunction)(_styles.sectionHeaderStyle, props.cssFn);
+  return /*#__PURE__*/_react.default.createElement(_menu.HeadingItem, (0, _extends2.default)({}, props, {
+    cssFn: cssFn
+  }));
+};
+
+var _default = HeadingItem;
+exports.default = _default;

package/dist/cjs/components/Section/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HeadingItem", {
+  enumerable: true,
+  get: function get() {
+    return _headingItem.default;
+  }
+});
+Object.defineProperty(exports, "Section", {
+  enumerable: true,
+  get: function get() {
+    return _section.default;
+  }
+});
+Object.defineProperty(exports, "SkeletonHeadingItem", {
+  enumerable: true,
+  get: function get() {
+    return _skeletonHeadingItem.default;
+  }
+});
+
+var _headingItem = _interopRequireDefault(require("./heading-item"));
+
+var _section = _interopRequireDefault(require("./section"));
+
+var _skeletonHeadingItem = _interopRequireDefault(require("./skeleton-heading-item"));

package/dist/cjs/components/Section/section.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _menu = require("@atlaskit/menu");
+
+var _styles = require("../../common/styles");
+
+var _context = require("../NestableNavigationContent/context");
+
+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; }
+
+// Type needed on props to extract types with extract react types.
+var Section = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useShouldNestedEleme = (0, _context.useShouldNestedElementRender)(),
+      shouldRender = _useShouldNestedEleme.shouldRender;
+
+  if (!shouldRender) {
+    return props.children;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_menu.Section, (0, _extends2.default)({}, props, {
+    ref: ref,
+    overrides: {
+      HeadingItem: {
+        cssFn: _styles.sectionHeaderStyle
+      }
+    }
+  }));
+});
+var _default = Section;
+exports.default = _default;

package/dist/cjs/components/Section/skeleton-heading-item.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _menu = require("@atlaskit/menu");
+
+var _styles = require("../../common/styles");
+
+var _context = require("../NestableNavigationContent/context");
+
+var SkeletonHeadingItem = function SkeletonHeadingItem(props) {
+  var _useShouldNestedEleme = (0, _context.useShouldNestedElementRender)(),
+      shouldRender = _useShouldNestedEleme.shouldRender;
+
+  if (!shouldRender) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_menu.SkeletonHeadingItem, (0, _extends2.default)({
+    cssFn: function cssFn() {
+      return {
+        paddingLeft: _styles.ITEM_SIDE_PADDING,
+        paddingRight: _styles.ITEM_SIDE_PADDING
+      };
+    }
+  }, props));
+};
+
+var _default = SkeletonHeadingItem;
+exports.default = _default;

package/dist/cjs/components/SideNavigation/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _core = require("@emotion/core");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _tokens = require("@atlaskit/tokens");
+
+/** @jsx jsx */
+var SideNavigation = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+      testId = props.testId,
+      label = props.label;
+  return (0, _core.jsx)("nav", {
+    ref: ref,
+    "data-testid": testId,
+    "aria-label": label,
+    css: {
+      width: '100%',
+      height: '100%',
+      color: (0, _tokens.token)('color.text.mediumEmphasis', _colors.N500),
+      minWidth: (0, _constants.gridSize)() * 30,
+      backgroundColor: (0, _tokens.token)('color.background.default', _colors.N10),
+      position: 'relative',
+      display: 'flex',
+      flexDirection: 'column',
+      overflow: 'hidden'
+    }
+  }, children);
+});
+var _default = SideNavigation;
+exports.default = _default;

package/dist/cjs/components/index.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SideNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _SideNavigation.default;
+  }
+});
+Object.defineProperty(exports, "Section", {
+  enumerable: true,
+  get: function get() {
+    return _Section.Section;
+  }
+});
+Object.defineProperty(exports, "HeadingItem", {
+  enumerable: true,
+  get: function get() {
+    return _Section.HeadingItem;
+  }
+});
+Object.defineProperty(exports, "SkeletonHeadingItem", {
+  enumerable: true,
+  get: function get() {
+    return _Section.SkeletonHeadingItem;
+  }
+});
+Object.defineProperty(exports, "NestingItem", {
+  enumerable: true,
+  get: function get() {
+    return _NestingItem.default;
+  }
+});
+Object.defineProperty(exports, "NavigationContent", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationContent.default;
+  }
+});
+Object.defineProperty(exports, "ButtonItem", {
+  enumerable: true,
+  get: function get() {
+    return _Item.ButtonItem;
+  }
+});
+Object.defineProperty(exports, "GoBackItem", {
+  enumerable: true,
+  get: function get() {
+    return _Item.GoBackItem;
+  }
+});
+Object.defineProperty(exports, "LinkItem", {
+  enumerable: true,
+  get: function get() {
+    return _Item.LinkItem;
+  }
+});
+Object.defineProperty(exports, "CustomItem", {
+  enumerable: true,
+  get: function get() {
+    return _Item.CustomItem;
+  }
+});
+Object.defineProperty(exports, "SkeletonItem", {
+  enumerable: true,
+  get: function get() {
+    return _Item.SkeletonItem;
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _Footer.default;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _Header.default;
+  }
+});
+Object.defineProperty(exports, "NavigationHeader", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationHeader.default;
+  }
+});
+Object.defineProperty(exports, "NavigationFooter", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationFooter.default;
+  }
+});
+Object.defineProperty(exports, "LoadingItems", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingItems.default;
+  }
+});
+Object.defineProperty(exports, "NestableNavigationContent", {
+  enumerable: true,
+  get: function get() {
+    return _NestableNavigationContent.default;
+  }
+});
+
+var _SideNavigation = _interopRequireDefault(require("./SideNavigation"));
+
+var _Section = require("./Section");
+
+var _NestingItem = _interopRequireDefault(require("./NestingItem"));
+
+var _NavigationContent = _interopRequireDefault(require("./NavigationContent"));
+
+var _Item = require("./Item");
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _NavigationHeader = _interopRequireDefault(require("./NavigationHeader"));
+
+var _NavigationFooter = _interopRequireDefault(require("./NavigationFooter"));
+
+var _LoadingItems = _interopRequireDefault(require("./LoadingItems"));
+
+var _NestableNavigationContent = _interopRequireDefault(require("./NestableNavigationContent"));

package/dist/cjs/index.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SideNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _components.SideNavigation;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function get() {
+    return _components.Header;
+  }
+});
+Object.defineProperty(exports, "NavigationHeader", {
+  enumerable: true,
+  get: function get() {
+    return _components.NavigationHeader;
+  }
+});
+Object.defineProperty(exports, "NavigationContent", {
+  enumerable: true,
+  get: function get() {
+    return _components.NavigationContent;
+  }
+});
+Object.defineProperty(exports, "Section", {
+  enumerable: true,
+  get: function get() {
+    return _components.Section;
+  }
+});
+Object.defineProperty(exports, "HeadingItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.HeadingItem;
+  }
+});
+Object.defineProperty(exports, "SkeletonHeadingItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.SkeletonHeadingItem;
+  }
+});
+Object.defineProperty(exports, "NestableNavigationContent", {
+  enumerable: true,
+  get: function get() {
+    return _components.NestableNavigationContent;
+  }
+});
+Object.defineProperty(exports, "NestingItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.NestingItem;
+  }
+});
+Object.defineProperty(exports, "ButtonItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.ButtonItem;
+  }
+});
+Object.defineProperty(exports, "LinkItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.LinkItem;
+  }
+});
+Object.defineProperty(exports, "GoBackItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.GoBackItem;
+  }
+});
+Object.defineProperty(exports, "CustomItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.CustomItem;
+  }
+});
+Object.defineProperty(exports, "SkeletonItem", {
+  enumerable: true,
+  get: function get() {
+    return _components.SkeletonItem;
+  }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function get() {
+    return _components.Footer;
+  }
+});
+Object.defineProperty(exports, "NavigationFooter", {
+  enumerable: true,
+  get: function get() {
+    return _components.NavigationFooter;
+  }
+});
+Object.defineProperty(exports, "LoadingItems", {
+  enumerable: true,
+  get: function get() {
+    return _components.LoadingItems;
+  }
+});
+Object.defineProperty(exports, "useShouldNestedElementRender", {
+  enumerable: true,
+  get: function get() {
+    return _context.useShouldNestedElementRender;
+  }
+});
+Object.defineProperty(exports, "VAR_SCROLL_INDICATOR_COLOR", {
+  enumerable: true,
+  get: function get() {
+    return _constants.VAR_SCROLL_INDICATOR_COLOR;
+  }
+});
+Object.defineProperty(exports, "VAR_SEPARATOR_COLOR", {
+  enumerable: true,
+  get: function get() {
+    return _constants.VAR_SEPARATOR_COLOR;
+  }
+});
+
+var _components = require("./components");
+
+var _context = require("./components/NestableNavigationContent/context");
+
+var _constants = require("./common/constants");