gatsby-matrix-theme 3.1.1 → 3.2.2

package/storybook/public/vendors~main.c173cb22.iframe.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vendors~main.c173cb22.iframe.bundle.js","sources":[],"mappings":";;;;;A","sourceRoot":""}

package/src/components/organisms/toplist/comparison-table/comparison-table.module.scss

@@ -1,52 +0,0 @@
-.compareTable {
-  table {
-    display: flex;
-    margin: 10px auto;
-    padding: 0;
-    height: auto;
-    border-collapse: collapse;
-    margin-bottom: 0;
-    // .sliderContent {
-    //   @include min(laptop) {
-    //     width: 33.3333333%;
-    //   }
-    // }
-
-    tr,
-    th {
-      text-align: left;
-      border-right: 1px solid #dddddd;
-      border-top: 1px solid #dddddd;
-    }
-
-    .sliderContent {
-      display: flex;
-    }
-  }
-  @include max(tablet) {
-    table {
-      overflow-x: scroll;
-    }
-  }
-}
-
-.loadBtn {
-  background: var(--color-2);
-  border: 1px solid #c4c4c4;
-  box-sizing: border-box;
-  border-radius: 0px 0px 8px 8px;
-  width: 100%;
-  height: 48px;
-  margin-top: -0.1rem;
-  font-style: normal;
-  font-weight: bold;
-  font-size: 16px;
-  line-height: 23px;
-  color: #fff;
-  div {
-    @include flex-align(center, center);
-    svg {
-      margin-left: 25px;
-    }
-  }
-}

package/src/components/organisms/toplist/comparison-table/index.js

@@ -1,165 +0,0 @@
-/* eslint-disable react/forbid-prop-types */
-/* eslint-disable no-unused-expressions */
-/* eslint-disable import/no-extraneous-dependencies */
-import React, { useEffect, useState, useContext } from 'react';
-import Slider from 'gatsby-core-theme/src/components/molecules/slider';
-import PropTypes from 'prop-types';
-import useWindowSize from 'gatsby-core-theme/src/hooks/useWindowSize';
-import keygen from 'gatsby-core-theme/src/helpers/keygen';
-import { translate } from 'gatsby-core-theme/src/helpers/getters';
-import { isMobileDevice } from 'gatsby-matrix-theme/src/helpers/mobile-detect';
-import { Context } from 'gatsby-core-theme/src/context/TranslationsProvider';
-import { TiArrowSortedDown, TiArrowSortedUp } from 'react-icons/ti';
-import Column from '../../../atoms/table/column';
-import StaticColumn from '../../../atoms/table/staticColumn';
-import styles from './comparison-table.module.scss';
-
-const Index = ({ module }) => {
-  const [width] = useWindowSize();
-  const [hideRow, setHideRow] = useState(false);
-  const [licensesMore, setLicensesMore] = useState(true);
-  const [details] = useState(122);
-  const [rating] = useState(56);
-  const [bonus] = useState(180);
-  const [topFeatures] = useState(111);
-  const [banking] = useState(124);
-  const [licenses, setLicenses] = useState(57);
-  const { translations } = useContext(Context) || {};
-
-  useEffect(() => {
-    isMobileDevice() && setHideRow(true);
-  }, []);
-
-  const chnageHeights = (id, height) => {
-    if (id === 'licenses') {
-      setLicenses(height);
-      setLicensesMore(false);
-    }
-  };
-
-  const renderOne = (items) => {
-    const arr = [];
-
-    for (let i = 0; i < items.length; i += 1) {
-      arr.push(
-        <div key={keygen()} className={styles.sliderContent}>
-          <Column
-            item={items[i]}
-            index={i}
-            details={details}
-            rating={rating}
-            bonus={bonus}
-            topFeatures={topFeatures}
-            banking={banking}
-            licenses={licenses}
-            chnageHeights={chnageHeights}
-            hideRow={hideRow}
-            licensesMore={licensesMore}
-          />
-        </div>
-      );
-    }
-    return arr;
-  };
-
-  const renderThree = (items) => {
-    const arr = [];
-    for (let i = 0; i < items.length; i += 3) {
-      arr.push(
-        <div key={keygen()} className={styles.sliderContent}>
-          <Column
-            item={items[i]}
-            index={i}
-            details={details}
-            rating={rating}
-            bonus={bonus}
-            topFeatures={topFeatures}
-            banking={banking}
-            licenses={licenses}
-            chnageHeights={chnageHeights}
-            hideRow={hideRow}
-            licensesMore={licensesMore}
-          />
-          {items[i + 1] && (
-            <Column
-              item={items[i + 1]}
-              index={i + 1}
-              details={details}
-              rating={rating}
-              bonus={bonus}
-              topFeatures={topFeatures}
-              banking={banking}
-              licenses={licenses}
-              chnageHeights={chnageHeights}
-              hideRow={hideRow}
-              licensesMore={licensesMore}
-            />
-          )}
-          {items[i + 2] && (
-            <Column
-              item={items[i + 2]}
-              index={i + 2}
-              details={details}
-              rating={rating}
-              bonus={bonus}
-              topFeatures={topFeatures}
-              banking={banking}
-              licenses={licenses}
-              chnageHeights={chnageHeights}
-              hideRow={hideRow}
-              licensesMore={licensesMore}
-            />
-          )}
-        </div>
-      );
-    }
-    return arr;
-  };
-
-  return (
-    <div className={styles.compareTable}>
-      <table>
-        <StaticColumn
-          details={details}
-          rating={rating}
-          bonus={bonus}
-          topFeatures={topFeatures}
-          banking={banking}
-          licenses={licenses}
-          hideRow={hideRow}
-        />
-        {width < 991 && width > 0 && <>{renderOne(module.items[0].items)}</>}
-        {width >= 991 && (
-          <Slider useArrows={false} gtmClass="comparison-table-carousel-gtm">
-            {renderThree(module.items[0].items)}
-          </Slider>
-        )}
-      </table>
-      {width < 991 && (
-        // eslint-disable-next-line react/button-has-type
-        <button
-          className={styles.loadBtn}
-          onClick={() => {
-            setHideRow(!hideRow);
-          }}
-        >
-          {hideRow ? (
-            <div className={styles.showMoreBtn}>
-              {translate(translations, 'show_more_details', 'Show more details')}{' '}
-              <TiArrowSortedDown />
-            </div>
-          ) : (
-            <div className={styles.showMoreBtn}>
-              {translate(translations, 'show_less_details', 'Show less details')}
-              <TiArrowSortedUp />
-            </div>
-          )}
-        </button>
-      )}
-    </div>
-  );
-};
-Index.propTypes = {
-  module: PropTypes.object,
-};
-export default Index;

package/src/gatsby-core-theme/components/atoms/spotlights/index.js

@@ -1,185 +0,0 @@
-/* eslint-disable react/prop-types */
-/* eslint-disable react/no-danger */
-/* eslint-disable camelcase */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
-import keygen from 'gatsby-core-theme/src/helpers/keygen';
-import { imagePrettyUrl } from 'gatsby-core-theme/src/helpers/getters';
-import Link from 'gatsby-core-theme/src/hooks/link';
-import Button from 'gatsby-core-theme/src/components/atoms/button';
-import styles from './spotlights.module.scss';
-
-const Spotlights = ({ module, page }) => {
-  const { show_read_more, read_more_text, items, mode, see_more_link } = module;
-  const { path } = page;
-  const grids = items.length < 3 ? 'lessThanThreeGrids' : 'threeGrids';
-
-  const content = (item) => {
-    const img = mode === 'icon' ? item.icon : item.image;
-
-    return (
-      <>
-        <span className={`${styles.itemImage} logo-cta`}>
-          <LazyImage
-            width={item?.image_object?.width}
-            height={item?.image_object?.height}
-            alt={item.label}
-            src={imagePrettyUrl(img)}
-          />
-        </span>
-        <span className={`${styles.label} name-cta`}>{item.label}</span>
-      </>
-    );
-  };
-
-  const converttoSocialIcons = (text) => {
-    let output = text.replace(
-      'replace-twitter',
-      '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>'
-    );
-    output = output.replace(
-      'replace-linkedin',
-      '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>'
-    );
-    return output;
-  };
-
-  return (
-    <div className={styles.spotlightsContainer}>
-      {show_read_more === '1' && (
-        <div
-          className={styles.spotlightstext}
-          dangerouslySetInnerHTML={{ __html: read_more_text }}
-        />
-      )}
-      <ul
-        className={`${styles[mode]} ${styles[grids]} ${
-          path === 'about-us' ? styles.about : styles.pillar
-        }`}
-      >
-        {items.map((item) => (
-          <li key={keygen()} className={styles.spotlightItem}>
-            {path === 'about-us' ? (
-              <>
-                {item.link.type === 'external' ? (
-                  <a
-                    href={item.link.value}
-                    title={item.label}
-                    target="_blank"
-                    rel="noreferrer"
-                    className="spotlights-gtm"
-                    aria-label={item.label || item.title}
-                  >
-                    {content(item)}
-                  </a>
-                ) : (
-                  <Link
-                    to={item.link.value}
-                    title={item.label}
-                    className="spotlights-gtm"
-                    aria-label={item.label || item.title}
-                  >
-                    {content(item)}
-                  </Link>
-                )}
-
-                {mode === 'image_text' && (
-                  <div className={styles.body}>
-                    <div
-                      className={styles.text}
-                      dangerouslySetInnerHTML={{ __html: converttoSocialIcons(item.text) }}
-                    />
-                    {item.link.value && item.link.type === 'external' ? (
-                      <a
-                        href={item.link.value}
-                        title={item.label}
-                        target="_blank"
-                        rel="noreferrer"
-                        className={`${styles.readMore} spotlights-gtm`}
-                      >
-                        {item.link_text ? item.link_text : 'Read More'}
-                      </a>
-                    ) : (
-                      <>
-                        {item.link.value && (
-                          <Link
-                            to={item.link.value}
-                            title={item.label}
-                            className={`${styles.readMore} spotlights-gtm`}
-                          >
-                            {see_more_link.title ? see_more_link.title : 'Read More'}
-                          </Link>
-                        )}
-                      </>
-                    )}
-                  </div>
-                )}
-              </>
-            ) : (
-              <div className={styles.pillarCards}>
-                {item.link.type === 'external' ? (
-                  <a
-                    href={item.link.value}
-                    title={item.label}
-                    target="_blank"
-                    rel="noreferrer"
-                    className="spotlights-gtm"
-                    aria-label={item.label || item.title}
-                  >
-                    {content(item)}
-                  </a>
-                ) : (
-                  <Link to={item.link.value} title={item.label} className="spotlights-gtm">
-                    {content(item)}
-                  </Link>
-                )}
-                {mode === 'image_text' && (
-                  <div className={styles.body}>
-                    <div className={styles.text} dangerouslySetInnerHTML={{ __html: item.text }} />
-                  </div>
-                )}
-                {item.link.value && (
-                  <Button
-                    btnText={item.link_text ? item.link_text : 'Read More'}
-                    invertColors
-                    isAnchorLink
-                    isInternalLink={item.link.type !== 'external'}
-                    targetBlank={item.link.type === 'external'}
-                    to={item.link.value}
-                    primaryColor={false}
-                    gtmClass="spotlights-gtm btn-cta"
-                  />
-                )}
-              </div>
-            )}
-          </li>
-        ))}
-      </ul>
-    </div>
-  );
-};
-Spotlights.propTypes = {
-  module: PropTypes.shape({
-    mode: PropTypes.oneOf(['image', 'icon', 'image_text']).isRequired,
-    items: PropTypes.arrayOf(
-      PropTypes.shape({
-        icon: PropTypes.string,
-        image: PropTypes.string,
-        label: PropTypes.string,
-        link: PropTypes.shape({
-          title: PropTypes.string,
-          type: PropTypes.string,
-          value: PropTypes.string,
-        }),
-        link_text: PropTypes.string,
-        text: PropTypes.string,
-      })
-    ),
-    read_more_text: PropTypes.string,
-    show_read_more: PropTypes.string,
-  }).isRequired,
-  page: PropTypes.shape({ path: PropTypes.string }).isRequired,
-};
-export default Spotlights;

package/storybook/public/5.91c30f08.iframe.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"5.91c30f08.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}

package/storybook/public/9.05a986eb.iframe.bundle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"9.05a986eb.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""}