gatsby-matrix-theme 3.1.2 → 3.2.3

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/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":""}