pallote-react 0.13.0 → 0.13.2

package/index.js

@@ -786,6 +786,118 @@ Nav.propTypes = {
   children: PropTypes.node.isRequired
 };
 
+const SectionHeader = ({
+  label,
+  title,
+  promoteTitle = false,
+  titleComponent,
+  subtitle,
+  actions,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classnames(['section_header', className])
+  }, props), label ? /*#__PURE__*/React__default.createElement(Text, {
+    className: classnames('section_label')
+  }, label) : null, /*#__PURE__*/React__default.createElement(Text, {
+    className: "section_title",
+    component: titleComponent || (promoteTitle ? 'h1' : 'h2')
+  }, title), subtitle ? /*#__PURE__*/React__default.createElement(Text, {
+    className: classnames('section_subtitle')
+  }, subtitle) : null, actions ? /*#__PURE__*/React__default.createElement("div", {
+    className: "section_actions"
+  }, actions) : null);
+};
+SectionHeader.propTypes = {
+  label: PropTypes.string,
+  title: PropTypes.string.isRequired,
+  promoteTitle: PropTypes.bool,
+  titleComponent: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p']).isRequired,
+  subtitle: PropTypes.string,
+  actions: PropTypes.node,
+  className: PropTypes.node
+};
+
+const Section = ({
+  align = 'left',
+  color = 'default',
+  landing,
+  header,
+  className,
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    className: classnames(['section', {
+      [`section-${align}`]: align,
+      [`section-${color}`]: color,
+      'section-landing': landing,
+      'section-header': header
+    }, className])
+  }, props), /*#__PURE__*/React__default.createElement("div", {
+    className: 'section_container'
+  }, React__default.Children.map(children, child => {
+    if (/*#__PURE__*/React__default.isValidElement(child) && child.type === SectionHeader) {
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        promoteTitle: landing || header
+      });
+    }
+    return child;
+  })));
+};
+Section.propTypes = {
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  color: PropTypes.oneOf(['default', 'paper', 'primary', 'primaryLight']),
+  landing: PropTypes.bool,
+  header: PropTypes.bool,
+  className: PropTypes.node,
+  children: PropTypes.node.isRequired
+};
+
+const NavBar = ({
+  logo,
+  align,
+  className,
+  children,
+  ...props
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const toggleNav = () => {
+    setIsOpen(!isOpen);
+    document.body.classList.toggle('js-navbar', !isOpen);
+  };
+  return /*#__PURE__*/React__default.createElement("header", null, /*#__PURE__*/React__default.createElement(Section, _extends({
+    className: classnames(['navbar', {
+      [`navbar-${align}`]: align,
+      'js-opened': isOpen
+    }, className])
+  }, props), /*#__PURE__*/React__default.createElement("div", {
+    className: "navbar_main"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "navbar_logo"
+  }, logo), /*#__PURE__*/React__default.createElement("button", {
+    "aria-label": "Open mobile menu",
+    className: classnames('navbar_button', {
+      'js-opened': isOpen
+    }),
+    onClick: toggleNav
+  }, /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("nav", {
+    "aria-label": "main-nav",
+    className: classnames('navbar_nav nav', {
+      'js-opened': isOpen
+    })
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "nav_container"
+  }, children))));
+};
+NavBar.propTypes = {
+  logo: PropTypes.node,
+  align: PropTypes.oneOf(['left', 'right']),
+  className: PropTypes.node,
+  children: PropTypes.node.isRequired
+};
+
 var dist = {};
 
 var hasRequiredDist;
@@ -2740,121 +2852,6 @@ function useViewTransitionState(to, opts = {}) {
 // lib/server-runtime/crypto.ts
 new TextEncoder();
 
-const SectionHeader = ({
-  label,
-  title,
-  promoteTitle = false,
-  titleComponent,
-  subtitle,
-  actions,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames(['section_header', className])
-  }, props), label ? /*#__PURE__*/React__default.createElement(Text, {
-    className: classnames('section_label')
-  }, label) : null, /*#__PURE__*/React__default.createElement(Text, {
-    className: "section_title",
-    component: titleComponent || (promoteTitle ? 'h1' : 'h2')
-  }, title), subtitle ? /*#__PURE__*/React__default.createElement(Text, {
-    className: classnames('section_subtitle')
-  }, subtitle) : null, actions ? /*#__PURE__*/React__default.createElement("div", {
-    className: "section_actions"
-  }, actions) : null);
-};
-SectionHeader.propTypes = {
-  label: PropTypes.string,
-  title: PropTypes.string.isRequired,
-  promoteTitle: PropTypes.bool,
-  titleComponent: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p']).isRequired,
-  subtitle: PropTypes.string,
-  actions: PropTypes.node,
-  className: PropTypes.node
-};
-
-const Section = ({
-  align = 'left',
-  color = 'default',
-  landing,
-  header,
-  className,
-  children,
-  ...props
-}) => {
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames(['section', {
-      [`section-${align}`]: align,
-      [`section-${color}`]: color,
-      'section-landing': landing,
-      'section-header': header
-    }, className])
-  }, props), /*#__PURE__*/React__default.createElement("div", {
-    className: 'section_container'
-  }, React__default.Children.map(children, child => {
-    if (/*#__PURE__*/React__default.isValidElement(child) && child.type === SectionHeader) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
-        promoteTitle: landing || header
-      });
-    }
-    return child;
-  })));
-};
-Section.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-  color: PropTypes.oneOf(['default', 'paper', 'primary', 'primaryLight']),
-  landing: PropTypes.bool,
-  header: PropTypes.bool,
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
-const NavBar = ({
-  homeLinkComponent,
-  align,
-  className,
-  children,
-  ...props
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const toggleNav = () => {
-    setIsOpen(!isOpen);
-    document.body.classList.toggle('js-navbar', !isOpen);
-  };
-  const HomeLinkComponent = homeLinkComponent || Link;
-  return /*#__PURE__*/React__default.createElement("header", null, /*#__PURE__*/React__default.createElement(Section, _extends({
-    className: classnames(['navbar', {
-      [`navbar-${align}`]: align,
-      'js-opened': isOpen
-    }, className])
-  }, props), /*#__PURE__*/React__default.createElement("div", {
-    className: "navbar_main"
-  }, /*#__PURE__*/React__default.createElement(HomeLinkComponent, {
-    className: "navbar_logo"
-  }, /*#__PURE__*/React__default.createElement("img", {
-    src: "https://pallote.com/logos/pallote-logo.svg",
-    alt: "Logo for Pallote"
-  })), /*#__PURE__*/React__default.createElement("button", {
-    "aria-label": "Open mobile menu",
-    className: classnames('navbar_button', {
-      'js-opened': isOpen
-    }),
-    onClick: toggleNav
-  }, /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("nav", {
-    "aria-label": "main-nav",
-    className: classnames('navbar_nav nav', {
-      'js-opened': isOpen
-    })
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "nav_container"
-  }, children))));
-};
-NavBar.propTypes = {
-  align: PropTypes.oneOf(['left', 'right']),
-  className: PropTypes.node,
-  children: PropTypes.node.isRequired
-};
-
 const NavItem = ({
   component,
   label,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "description": "",
   "main": "dist/index.js",
   "styles": "dist/index.css",