@jetshop/template-trend 6.1.4 → 6.1.5

package/dist/src/components/Layout/Container.js

@@ -0,0 +1,19 @@
+import { css, cx } from 'linaria';
+import React from 'react';
+const styles = css `
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  align-items: stretch;
+  flex: 1 1 auto;
+`;
+export const ThemeSwitch = React.createContext(undefined);
+export default function Container(props) {
+    const [theme, setTheme] = React.useState('');
+    function toggleTheme() {
+        setTheme(() => (theme === '' ? 'theme-alt' : ''));
+    }
+    return (React.createElement(ThemeSwitch.Provider, { value: toggleTheme },
+        React.createElement("div", Object.assign({}, props, { className: cx(styles, theme) }))));
+}
+//# sourceMappingURL=Container.js.map

package/dist/src/components/Layout/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/components/Layout/Container.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,SAAS,WAAW;QAClB,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;QACtC,6CAAS,KAAK,IAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAC3B,CACxB,CAAC;AACJ,CAAC"}

package/dist/src/components/Layout/Content/index.js

@@ -0,0 +1,7 @@
+import { styled } from 'linaria/react';
+export default styled('main') `
+  background: #f8f8f8;
+  flex: 1 1 auto;
+  padding-bottom: 2rem;
+`;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Layout/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Content/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,eAAe,MAAM,CAAC,MAAM,CAAC,CAAA;;;;CAI5B,CAAC"}

package/dist/src/components/Layout/Footer/Footer.js

@@ -0,0 +1,106 @@
+import t from '@jetshop/intl';
+import { Above } from '@jetshop/ui/Breakpoints';
+import JetshopText from '@jetshop/ui/JetshopText';
+import React from 'react';
+import { styled } from 'linaria/react';
+import FooterLinks from './FooterLinks';
+import MaxWidth from '../MaxWidth';
+import SocialLinks from './SocialLinks';
+import NewsletterField from '../../Newsletter/NewsletterField';
+import { theme } from '../../Theme';
+const backgroundColor = '#ffffff';
+const PoweredByWrapper = styled('div') ``;
+const Wrapper = styled('section') `
+  text-align: left;
+  font-size: 16px;
+  address {
+    font-style: normal;
+  }
+
+  ${theme.above.md} {
+    background: ${backgroundColor};
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  h2 {
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+  }
+
+  .newsletter-container h2 {
+    margin-bottom: 1rem;
+  }
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  a,
+  p {
+    padding: 0.5rem 0;
+  }
+  a {
+    display: block;
+    color: ${theme.colors.black};
+    text-decoration: none;
+    :hover {
+      color: ${theme.colors.blue};
+      transition: all 0.3s linear;
+    }
+  }
+`;
+const WrapFooterNav = styled(MaxWidth) `
+  ${theme.below.md} {
+    background: ${backgroundColor};
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+
+  > section {
+    margin: 0 2rem 0 0;
+    flex: 0 1 25%;
+  }
+
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: row;
+
+  ${theme.below.md} {
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+
+    > section {
+      margin: 0;
+    }
+  }
+
+  h2 {
+    font-size: 16px;
+  }
+`;
+const NewsletterWrapper = styled('div') `
+  ${theme.above.md} {
+    margin-left: auto;
+    text-align: right;
+  }
+`;
+const Footer = () => (React.createElement(Wrapper, null,
+    React.createElement(WrapFooterNav, null,
+        React.createElement(FooterLinks, null),
+        React.createElement(Above, { breakpoint: "md", render: () => (React.createElement("section", null,
+                React.createElement("h2", null, t('Address')),
+                React.createElement("address", null,
+                    React.createElement("p", null, "F\u00F6retagsgatan 58"),
+                    React.createElement("p", null, "501 77 Bor\u00E5s"),
+                    React.createElement("p", null, "Sweden")))) }),
+        React.createElement(NewsletterWrapper, null,
+            React.createElement("div", { className: "newsletter-container" },
+                React.createElement(NewsletterField, null)),
+            React.createElement(PoweredByWrapper, null,
+                React.createElement(Above, { breakpoint: "md" }, matches => React.createElement(SocialLinks, { showLabel: !matches })),
+                React.createElement(JetshopText, null))))));
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/src/components/Layout/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Footer/Footer.js"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,eAAe,GAAG,SAAS,CAAC;AAElC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC;AAEzC,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;IAO7B,KAAK,CAAC,KAAK,CAAC,EAAE;kBACA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;aAyBpB,KAAK,CAAC,MAAM,CAAC,KAAK;;;eAGhB,KAAK,CAAC,MAAM,CAAC,IAAI;;;;CAI/B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAClC,KAAK,CAAC,KAAK,CAAC,EAAE;kBACA,eAAe;;;;;;;;;;;;;;IAc7B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;;;;CAajB,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACnC,KAAK,CAAC,KAAK,CAAC,EAAE;;;;CAIjB,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CACnB,oBAAC,OAAO;IACN,oBAAC,aAAa;QACZ,oBAAC,WAAW,OAAG;QACf,oBAAC,KAAK,IACJ,UAAU,EAAC,IAAI,EACf,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ;gBACE,gCAAK,CAAC,CAAC,SAAS,CAAC,CAAM;gBACvB;oBACE,uDAAuB;oBACvB,mDAAmB;oBACnB,wCAAa,CACL,CACF,CACX,GACD;QACF,oBAAC,iBAAiB;YAChB,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,eAAe,OAAG,CACf;YACN,oBAAC,gBAAgB;gBACf,oBAAC,KAAK,IAAC,UAAU,EAAC,IAAI,IACnB,OAAO,CAAC,EAAE,CAAC,oBAAC,WAAW,IAAC,SAAS,EAAE,CAAC,OAAO,GAAI,CAC1C;gBACR,oBAAC,WAAW,OAAG,CACE,CACD,CACN,CACR,CACX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/components/Layout/Footer/FooterLinks.js

@@ -0,0 +1,24 @@
+import { useQuery } from '@apollo/client';
+import React from 'react';
+import pagesQuery from './PagesQuery.gql';
+import ContentPageLink from '@jetshop/ui/ContentPageLink';
+import t from '@jetshop/intl';
+import StoreTitleQuery from './StoreTitleQuery.gql';
+function FooterLinks() {
+    var _a;
+    const { data } = useQuery(pagesQuery);
+    const { data: storeTitleData, loading: storeTitleLoading } = useQuery(StoreTitleQuery);
+    const pages = data === null || data === void 0 ? void 0 : data.pages;
+    const storeTitle = (_a = storeTitleData === null || storeTitleData === void 0 ? void 0 : storeTitleData.startPage) === null || _a === void 0 ? void 0 : _a.head.title;
+    return pages ? (React.createElement("section", null,
+        !storeTitleLoading && React.createElement("h2", null, storeTitle || t('Trend')),
+        React.createElement("ul", null, pages.map(page => {
+            var _a;
+            return (React.createElement("li", { key: page.id },
+                React.createElement(ContentPageLink, { page: page },
+                    ((_a = page.subPages) === null || _a === void 0 ? void 0 : _a.length) ? '+ ' : null,
+                    page.name)));
+        })))) : null;
+}
+export default FooterLinks;
+//# sourceMappingURL=FooterLinks.js.map

package/dist/src/components/Layout/Footer/FooterLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLinks.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Footer/FooterLinks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAEpD,SAAS,WAAW;;IAClB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,GACxD,QAAQ,CAAC,eAAe,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC;IAC1B,MAAM,UAAU,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,0CAAE,IAAI,CAAC,KAAK,CAAC;IAEzD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb;QACG,CAAC,iBAAiB,IAAI,gCAAK,UAAU,IAAI,CAAC,CAAC,OAAO,CAAC,CAAM;QAC1D,gCACG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;YAAC,OAAA,CACjB,4BAAI,GAAG,EAAE,IAAI,CAAC,EAAE;gBACd,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI;oBACxB,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;oBACnC,IAAI,CAAC,IAAI,CACM,CACf,CACN,CAAA;SAAA,CAAC,CACC,CACG,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/src/components/Layout/Footer/SocialLinks.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import { ReactComponent as FacebookLogo } from '@jetshop/ui/svg/facebook.svg';
+import { ReactComponent as InstagramLogo } from '@jetshop/ui/svg/instagram.svg';
+import { theme } from '../../Theme';
+const Wrapper = styled('div') `
+  margin-right: 0;
+  ul {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: 1rem;
+    ${theme.above.md} {
+      margin-top: 0;
+      flex-direction: row;
+      justify-content: flex-end;
+    }
+  }
+
+  li {
+    margin: 0 0.5rem;
+  }
+
+  a.social-links {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  color: ${theme.colors.black};
+`;
+const LogoWrapper = styled('span') `
+  background: ${theme.colors.black};
+  width: 1.375rem;
+  height: 1.375rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  ${theme.below.md} {
+    margin-right: 0.25rem;
+  }
+  svg {
+    width: 12px;
+    max-height: 80%;
+  }
+`;
+const SocialLinks = ({ showLabel = true }) => (React.createElement(Wrapper, null,
+    React.createElement("ul", null,
+        React.createElement("li", null,
+            React.createElement("a", { className: "social-links", "aria-label": "Facebook", href: "/" },
+                React.createElement(LogoWrapper, null,
+                    React.createElement(FacebookLogo, null)),
+                showLabel && React.createElement("label", null, "Facebook"))),
+        React.createElement("li", null,
+            React.createElement("a", { className: "social-links", "aria-label": "Instagram", href: "/" },
+                React.createElement(LogoWrapper, null,
+                    React.createElement(InstagramLogo, null)),
+                showLabel && React.createElement("label", null, "Instagram"))))));
+export default SocialLinks;
+//# sourceMappingURL=SocialLinks.js.map

package/dist/src/components/Layout/Footer/SocialLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialLinks.js","sourceRoot":"","sources":["../../../../../src/components/Layout/Footer/SocialLinks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;MAQvB,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;;;;;;;;;;;WAiBT,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;gBAClB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;IAO9B,KAAK,CAAC,KAAK,CAAC,EAAE;;;;;;;CAOjB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5C,oBAAC,OAAO;IACN;QACE;YACE,2BAAG,SAAS,EAAC,cAAc,gBAAY,UAAU,EAAC,IAAI,EAAC,GAAG;gBACxD,oBAAC,WAAW;oBACV,oBAAC,YAAY,OAAG,CACJ;gBACb,SAAS,IAAI,8CAAuB,CACnC,CACD;QACL;YACE,2BAAG,SAAS,EAAC,cAAc,gBAAY,WAAW,EAAC,IAAI,EAAC,GAAG;gBACzD,oBAAC,WAAW;oBACV,oBAAC,aAAa,OAAG,CACL;gBACb,SAAS,IAAI,+CAAwB,CACpC,CACD,CACF,CACG,CACX,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/components/Layout/Header/Categories/Categories.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import CategoryLink from '@jetshop/ui/CategoryLink';
+import getCategoriesByLevel from './__util__/getCategoriesByLevel';
+const Categories = ({ categories, setActiveCategory }) => {
+    const firstLevelCategories = getCategoriesByLevel(categories, 1);
+    return firstLevelCategories.map(category => (React.createElement("li", { key: category.name },
+        React.createElement(CategoryLink, { onClick: () => setActiveCategory(category), category: category }, category.name))));
+};
+export default Categories;
+//# sourceMappingURL=Categories.js.map

package/dist/src/components/Layout/Header/Categories/Categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Categories.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/Categories/Categories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AAEnE,MAAM,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACvD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAEjE,OAAO,oBAAoB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,QAAQ,CAAC,IAAI;QACpB,oBAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAC1C,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CAAC,IAAI,CACD,CACZ,CACN,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/Layout/Header/Categories/MobileCategories.js

@@ -0,0 +1,128 @@
+import Accordion from '@jetshop/ui/Accordion/Accordion';
+import Link from '@jetshop/ui/CategoryLink';
+import { StyledCarrot } from '@jetshop/ui/Select/Components';
+import React, { Component } from 'react';
+import { styled } from 'linaria/react';
+import t from '@jetshop/intl';
+const CategoryTree = styled('ul') `
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+
+  flex: 1 0 auto;
+
+  a,
+  a:hover {
+    text-decoration: none;
+  }
+
+  &.root {
+    border-top: 1px solid #e7e4e4;
+    border-bottom: 1px solid #e7e4e4;
+  }
+`;
+const SubCategories = styled(CategoryTree) `
+  padding-left: 1rem;
+  background-color: #f0f0f0;
+  border-bottom: 1px solid #e7e4e4;
+`;
+const CategoryLink = styled(Link) `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: inherit;
+  text-decoration: none;
+  padding: 1em 1em 0.9375em; /* Adjust for crappy web-font height */
+  border-bottom: 1px solid #e7e4e4;
+  svg {
+    display: none;
+    margin-right: 0px;
+  }
+
+  &.with-chevron {
+    svg {
+      display: block;
+    }
+  }
+
+  position: relative;
+
+  ul li &.active,
+  ul li ul li &.active {
+    font-weight: bold;
+  }
+
+  ul li ul li &,
+  ul li:last-child ul li & {
+    border-bottom: 1px solid #fff;
+  }
+
+  ul li:last-child &,
+  ul li ul li:last-child & {
+    border-bottom: none;
+  }
+`;
+const CategoryName = styled('h2') `
+  font-size: 16px;
+  font-weight: 600;
+`;
+const SubCategory = styled('li') `
+  font-size: 0.875rem;
+`;
+const RootCategory = styled('li') `
+  display: flex;
+  flex-direction: column;
+`;
+export default class DrawerMenu extends Component {
+    constructor() {
+        super(...arguments);
+        this.renderSubCategories = category => {
+            const { subcategories } = category;
+            if (!subcategories || !subcategories.length)
+                return null;
+            const { closeMenu } = this.props;
+            return (React.createElement(SubCategories, null,
+                React.createElement(SubCategory, null,
+                    React.createElement(CategoryLink, { exact: true, category: category, onClick: () => closeMenu() }, t('View all in {category}', { category: category.name }))),
+                subcategories.map(cat => {
+                    return (React.createElement(SubCategory, { key: cat.id },
+                        React.createElement(CategoryLink, { category: cat, onClick: () => closeMenu() })));
+                })));
+        };
+        this.handleClick = (e, hasChildren, index, handleAccordionClick) => {
+            // If there are subcategories, prevent following the link
+            const { closeMenu } = this.props;
+            if (hasChildren) {
+                e.stopPropagation();
+                e.preventDefault();
+            }
+            else {
+                closeMenu();
+            }
+            handleAccordionClick(index);
+        };
+    }
+    render() {
+        const { categories } = this.props;
+        if (categories && categories.length > 0) {
+            return (React.createElement(CategoryTree, { className: "root" },
+                React.createElement(Accordion, { single: true }, ({ openIndexes, handleClick, AccordionContent }) => categories.map((cat, index) => {
+                    let classNames = [];
+                    // Give categories with children a chevron
+                    cat.subcategories.length && classNames.push('with-chevron');
+                    // Add 'open' class when accordion is opened
+                    const open = openIndexes.includes(index);
+                    open && classNames.push('open');
+                    return (React.createElement(RootCategory, { key: cat.id },
+                        React.createElement(CategoryName, null,
+                            React.createElement(CategoryLink, { category: cat, onClick: e => this.handleClick(e, cat.subcategories.length, index, handleClick), className: classNames.length > 0 ? classNames.join(' ') : null },
+                                cat.name,
+                                React.createElement(StyledCarrot, { open: open }))),
+                        React.createElement(AccordionContent, { isOpen: open }, this.renderSubCategories(cat))));
+                }))));
+        }
+        else
+            return null;
+    }
+}
+//# sourceMappingURL=MobileCategories.js.map

package/dist/src/components/Layout/Header/Categories/MobileCategories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCategories.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/Categories/MobileCategories.js"],"names":[],"mappings":"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"}

package/dist/src/components/Layout/Header/Categories/__util__/getCategoriesByLevel.js

@@ -0,0 +1,4 @@
+export default function getCategoriesByLevel(categories, level) {
+    return categories.filter(cat => cat.level === level);
+}
+//# sourceMappingURL=getCategoriesByLevel.js.map

package/dist/src/components/Layout/Header/Categories/__util__/getCategoriesByLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCategoriesByLevel.js","sourceRoot":"","sources":["../../../../../../../src/components/Layout/Header/Categories/__util__/getCategoriesByLevel.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,UAAU,EAAE,KAAK;IAC5D,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AACvD,CAAC"}

package/dist/src/components/Layout/Header/Categories/__util__/getCategoriesUnderParent.js

@@ -0,0 +1,4 @@
+export default function getCategoriesUnderParent(categories, parentID) {
+    return categories.filter(cat => cat.parentId === parentID);
+}
+//# sourceMappingURL=getCategoriesUnderParent.js.map

package/dist/src/components/Layout/Header/Categories/__util__/getCategoriesUnderParent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCategoriesUnderParent.js","sourceRoot":"","sources":["../../../../../../../src/components/Layout/Header/Categories/__util__/getCategoriesUnderParent.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,UAAU,EAAE,QAAQ;IACnE,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAC7D,CAAC"}

package/dist/src/components/Layout/Header/Categories/__util__/hasChildCategories.js

@@ -0,0 +1,4 @@
+export default function (categories, category) {
+    return categories.some(cat => cat.parentId === category.id);
+}
+//# sourceMappingURL=hasChildCategories.js.map

package/dist/src/components/Layout/Header/Categories/__util__/hasChildCategories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasChildCategories.js","sourceRoot":"","sources":["../../../../../../../src/components/Layout/Header/Categories/__util__/hasChildCategories.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAU,UAAU,EAAE,QAAQ;IAC1C,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC9D,CAAC"}

package/dist/src/components/Layout/Header/CategoryMenu/CategoryMenu.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import CategoryMenuContainer from './CategoryMenuContainer';
+import { styled } from 'linaria/react';
+const Nav = styled('nav') `
+  border-top: 1px solid #e8e8e8;
+  border-bottom: 1px solid #e8e8e8;
+  button {
+    background: none;
+    color: #666;
+  }
+
+  .menu-container {
+    margin-top: 0;
+  }
+`;
+export function CategoryMenu({ data }) {
+    return (React.createElement(Nav, null,
+        React.createElement("div", { key: 'menuContainerPosed', className: "menu-container" },
+            React.createElement(CategoryMenuContainer, { queryData: data }))));
+}
+//# sourceMappingURL=CategoryMenu.js.map

package/dist/src/components/Layout/Header/CategoryMenu/CategoryMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryMenu.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/CategoryMenu/CategoryMenu.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;CAWxB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE;IACnC,OAAO,CACL,oBAAC,GAAG;QACF,6BAAK,GAAG,EAAE,oBAAoB,EAAE,SAAS,EAAC,gBAAgB;YACxD,oBAAC,qBAAqB,IAAC,SAAS,EAAE,IAAI,GAAI,CACtC,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/src/components/Layout/Header/CategoryMenu/CategoryMenuContainer.js

@@ -0,0 +1,55 @@
+import CategoryLink from '@jetshop/ui/CategoryLink';
+import UIMenuContainer from '@jetshop/ui/Menu/MenuContainer';
+import React from 'react';
+import { styled } from 'linaria/react';
+import SubMenuWrapper from './SubMenuWrapper';
+const Wrapper = styled('div') `
+  position: relative;
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+  }
+`;
+const MainMenuItem = styled('li') `
+  a {
+    padding: 1rem;
+    display: inline-block;
+    color: #5c5c5c;
+    text-decoration: none;
+    &.active {
+      color: #000;
+      font-weight: bold;
+    }
+  }
+`;
+const CategoryMenuContainer = ({ queryData }) => {
+    return (React.createElement(UIMenuContainer, null, props => (
+    // When mousing outside the menu, close it
+    React.createElement(Wrapper, { onMouseLeave: props.clearActiveCategories },
+        React.createElement("ul", null, queryData && queryData.categories
+            ? queryData.categories.map(cat => (React.createElement(CategoryMenuItem, { key: cat.id, cat: cat, props: props })))
+            : null),
+        React.createElement(SubMenuWrapper, { pose: props.activeCategories.length > 0 &&
+                props.activeCategories[0].subcategories.length > 0
+                ? 'open'
+                : 'closed', activeCategory: props.activeCategories[0], closeNav: props.clearActiveCategories })))));
+};
+const CategoryMenuItem = ({ cat, props }) => {
+    return (React.createElement(MainMenuItem
+    // When mousing over a menu item, set it as the active nav
+    , { 
+        // When mousing over a menu item, set it as the active nav
+        onMouseEnter: () => props.setActiveCategory(cat) },
+        React.createElement(CategoryLink
+        // When following a category link, close the menu
+        , { 
+            // When following a category link, close the menu
+            onClick: props.clearActiveCategories, category: cat }, cat.name)));
+};
+export default CategoryMenuContainer;
+//# sourceMappingURL=CategoryMenuContainer.js.map

package/dist/src/components/Layout/Header/CategoryMenu/CategoryMenuContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryMenuContainer.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/CategoryMenu/CategoryMenuContainer.js"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;CAW5B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC9C,OAAO,CACL,oBAAC,eAAe,QACb,KAAK,CAAC,EAAE,CAAC;IACR,0CAA0C;IAC1C,oBAAC,OAAO,IAAC,YAAY,EAAE,KAAK,CAAC,qBAAqB;QAChD,gCACG,SAAS,IAAI,SAAS,CAAC,UAAU;YAChC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAC9B,oBAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1D,CAAC;YACJ,CAAC,CAAC,IAAI,CACL;QACL,oBAAC,cAAc,IACb,IAAI,EACF,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC;gBACjC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;gBAChD,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,QAAQ,EAEd,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACzC,QAAQ,EAAE,KAAK,CAAC,qBAAqB,GACrC,CACM,CACX,CACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1C,OAAO,CACL,oBAAC,YAAY;IACX,0DAA0D;;QAA1D,0DAA0D;QAC1D,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;QAEhD,oBAAC,YAAY;QACX,iDAAiD;;YAAjD,iDAAiD;YACjD,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,QAAQ,EAAE,GAAG,IAEZ,GAAG,CAAC,IAAI,CACI,CACF,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/src/components/Layout/Header/CategoryMenu/SubMenuSection.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import CategoryLink from '@jetshop/ui/CategoryLink';
+import { theme } from '../../../Theme';
+const Wrapper = styled('div') `
+  flex: 1 1 auto;
+  padding-bottom: 0.5em;
+
+  h2 {
+    margin-bottom: 0;
+    padding-bottom: 0;
+    a {
+      padding-bottom: 0;
+    }
+  }
+
+  ul {
+    max-height: 8rem;
+    justify-content: flex-start;
+    align-items: stretch;
+    margin: 0;
+  }
+
+  li {
+    color: #8f8f8f;
+    flex: auto;
+    max-width: 10rem;
+    padding: 0;
+    margin: 0;
+    a {
+      opacity: 1;
+      color: #8f8f8f;
+      display: block;
+      padding: 0.5em;
+      :hover,
+      &.active {
+        color: ${theme.colors.black};
+      }
+    }
+  }
+  a {
+    text-decoration: none;
+    color: ${theme.colors.black};
+    opacity: 0.8;
+    display: block;
+    :hover {
+      opacity: 1;
+    }
+  }
+`;
+const Heading = styled('h2') ``;
+const SubMenuSection = ({ heading, categories, onMouseOver, onSelect = () => { } }) => {
+    return (React.createElement(Wrapper, { onMouseOver: onMouseOver },
+        React.createElement(Heading, null,
+            React.createElement(CategoryLink, { onClick: onSelect, category: heading }, heading.name)),
+        React.createElement("ul", null, categories.map(cat => (React.createElement("li", { key: cat.id },
+            React.createElement(CategoryLink, { onClick: onSelect, category: cat }, cat.name)))))));
+};
+export default SubMenuSection;
+//# sourceMappingURL=SubMenuSection.js.map

package/dist/src/components/Layout/Header/CategoryMenu/SubMenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuSection.js","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/CategoryMenu/SubMenuSection.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCZ,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;aAMtB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;CAO9B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAE,CAAC;AAE/B,MAAM,cAAc,GAAG,CAAC,EACtB,OAAO,EACP,UAAU,EACV,WAAW,EACX,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,OAAO,IAAC,WAAW,EAAE,WAAW;QAC/B,oBAAC,OAAO;YACN,oBAAC,YAAY,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,IAC/C,OAAO,CAAC,IAAI,CACA,CACP;QACV,gCACG,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACrB,4BAAI,GAAG,EAAE,GAAG,CAAC,EAAE;YACb,oBAAC,YAAY,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAC3C,GAAG,CAAC,IAAI,CACI,CACZ,CACN,CAAC,CACC,CACG,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Layout/Header/CategoryMenu/SubMenuWrapper.js

@@ -0,0 +1,78 @@
+import CategoryLink from '@jetshop/ui/CategoryLink';
+import React from 'react';
+import { styled } from 'linaria/react';
+import { theme } from '../../../Theme';
+import UIMaxWidth from '../../MaxWidth';
+import SubMenuSection from './SubMenuSection';
+import AnimateHeight from 'react-animate-height';
+const borderColor = '#e8e8e8';
+// Limit the menu to our global MaxWidth
+const MaxWidth = styled(UIMaxWidth) `
+  width: 100%;
+  flex-direction: row;
+  justify-content: space-between;
+
+  a {
+    text-decoration: none;
+    color: ${theme.colors.black};
+    opacity: 0.8;
+    display: block;
+    padding: 1em 0.5em 1.25em 0.5em;
+    :hover {
+      opacity: 1;
+      text-decoration: underline;
+    }
+  }
+`;
+// Set the submenu a minimum of 50% of the browser view, but fit the content
+// so it doesn't always extend to 100%.
+const ContentFit = styled('div') `
+  width: fit-content;
+  margin: 0 auto;
+  min-width: 50vw;
+`;
+// We need to put the border here (inside the Wrapper), because if we put it directly
+// on the Wrapper it will still be shown when the Wrapper's height is 0
+const InnerWrapper = styled('div') `
+  border: 1px solid ${borderColor};
+  border-width: 1px 0 1px 0;
+  width: 100%;
+`;
+const Wrapper = styled('section') `
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  right: 0;
+  left: 0;
+  background: ${theme.colors.white};
+  overflow: hidden;
+  z-index: 10;
+  will-change: height;
+  transition: height 0.3s ease-in-out;
+
+  h2 {
+    margin-bottom: 0;
+    font-weight: 600;
+    font-size: 1em;
+  }
+`;
+const NoThirdTierItems = styled('div') `
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: center;
+  h2 {
+    font-size: inherit;
+  }
+`;
+const SubMenuWrapper = ({ pose, activeCategory, closeNav, client, data }) => {
+    return (React.createElement(Wrapper, null,
+        React.createElement(InnerWrapper, null,
+            React.createElement(ContentFit, null,
+                React.createElement(AnimateHeight, { height: pose === 'open' ? 'auto' : 0, duration: 350 },
+                    React.createElement(MaxWidth, null, activeCategory &&
+                        activeCategory.subcategories.map((cat, index) => (React.createElement(React.Fragment, { key: cat.id }, cat.subcategories.length > 0 ? (React.createElement(SubMenuSection, { heading: cat, categories: cat.subcategories, onSelect: closeNav, key: cat.id })) : (React.createElement(NoThirdTierItems, { key: cat.id },
+                            React.createElement("h2", null,
+                                React.createElement(CategoryLink, { category: cat, onClick: closeNav }, cat.name)))))))))))));
+};
+export default SubMenuWrapper;
+//# sourceMappingURL=SubMenuWrapper.js.map