axyseo 2.0.0-alpha.0.0.51 → 2.0.0-alpha.0.0.54

package/build/components/RelatedKeywordsDescription.js

@@ -1,37 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import { Badge, BlockStack, Button, InlineStack, Text } from '@shopify/polaris';
-const RelatedKeywordDescription = ({
-  words,
-  i18n
-}) => {
-  const [viewMore, setViewMore] = useState(false);
-  const arr = useMemo(() => {
-    if (words) {
-      const wordsArr = Object.keys(words);
-      return wordsArr?.length > 2 && !viewMore ? wordsArr.slice(0, 2) : wordsArr;
-    }
-    return [];
-  }, [words, viewMore]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "Avada-Seo-Checklist__Description"
-  }, words && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlockStack, {
-    gap: "200"
-  }, arr.map(key => /*#__PURE__*/React.createElement(InlineStack, {
-    key: key,
-    gap: "200"
-  }, /*#__PURE__*/React.createElement(Badge, null, key, ":"), /*#__PURE__*/React.createElement(Text, {
-    as: "span"
-  }, words[key].length, " words"), /*#__PURE__*/React.createElement(Text, {
-    as: "span"
-  }, "|"), /*#__PURE__*/React.createElement(Text, {
-    as: "span"
-  }, words[key].percentage, "% used")))), Object.keys(words).length > 2 && /*#__PURE__*/React.createElement("div", {
-    className: "Avada-Seo-Checklist__Description-Backdrop"
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: "medium",
-    variant: "plain",
-    onClick: () => setViewMore(!viewMore)
-  }, viewMore ? i18n.translate('Axyseo.Button.viewLess') : i18n.translate('Axyseo.Button.viewMore')))));
-};
-export default RelatedKeywordDescription;
-//# sourceMappingURL=RelatedKeywordsDescription.js.map

package/build/components/RelatedKeywordsDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RelatedKeywordsDescription.js","names":["React","useMemo","useState","Badge","BlockStack","Button","InlineStack","Text","RelatedKeywordDescription","words","i18n","viewMore","setViewMore","arr","wordsArr","Object","keys","length","slice","createElement","className","Fragment","gap","map","key","as","percentage","size","variant","onClick","translate"],"sources":["../../src/components/RelatedKeywordsDescription.js"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport {Badge, BlockStack, Button, InlineStack, Text} from '@shopify/polaris';\n\nconst RelatedKeywordDescription = ({words, i18n}) => {\n  const [viewMore, setViewMore] = useState(false);\n  const arr = useMemo(() => {\n    if (words) {\n      const wordsArr = Object.keys(words);\n      return wordsArr?.length > 2 && !viewMore ? wordsArr.slice(0, 2) : wordsArr;\n    }\n    return [];\n  }, [words, viewMore]);\n\n  return (\n    <div className=\"Avada-Seo-Checklist__Description\">\n      {words && (\n        <>\n          <BlockStack gap=\"200\">\n            {arr.map(key => (\n              <InlineStack key={key} gap=\"200\">\n                <Badge>{key}:</Badge>\n                <Text as=\"span\">{words[key].length} words</Text>\n                <Text as=\"span\">|</Text>\n                <Text as=\"span\">{words[key].percentage}% used</Text>\n              </InlineStack>\n            ))}\n          </BlockStack>\n          {Object.keys(words).length > 2 && (\n            <div className=\"Avada-Seo-Checklist__Description-Backdrop\">\n              <Button size=\"medium\" variant=\"plain\" onClick={() => setViewMore(!viewMore)}>\n                {viewMore\n                  ? i18n.translate('Axyseo.Button.viewLess')\n                  : i18n.translate('Axyseo.Button.viewMore')}\n              </Button>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default RelatedKeywordDescription;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAC9C,SAAQC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,WAAW,EAAEC,IAAI,QAAO,kBAAkB;AAE7E,MAAMC,yBAAyB,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAI,CAAC,KAAK;EACnD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMW,GAAG,GAAGZ,OAAO,CAAC,MAAM;IACxB,IAAIQ,KAAK,EAAE;MACT,MAAMK,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACP,KAAK,CAAC;MACnC,OAAOK,QAAQ,EAAEG,MAAM,GAAG,CAAC,IAAI,CAACN,QAAQ,GAAGG,QAAQ,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGJ,QAAQ;IAC5E;IACA,OAAO,EAAE;EACX,CAAC,EAAE,CAACL,KAAK,EAAEE,QAAQ,CAAC,CAAC;EAErB,oBACEX,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAkC,GAC9CX,KAAK,iBACJT,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAmB,aAAA,CAACf,UAAU;IAACkB,GAAG,EAAC;EAAK,GAClBT,GAAG,CAACU,GAAG,CAACC,GAAG,iBACVxB,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACkB,GAAG,EAAEA,GAAI;IAACF,GAAG,EAAC;EAAK,gBAC9BtB,KAAA,CAAAmB,aAAA,CAAChB,KAAK,QAAEqB,GAAG,EAAC,GAAQ,CAAC,eACrBxB,KAAA,CAAAmB,aAAA,CAACZ,IAAI;IAACkB,EAAE,EAAC;EAAM,GAAEhB,KAAK,CAACe,GAAG,CAAC,CAACP,MAAM,EAAC,QAAY,CAAC,eAChDjB,KAAA,CAAAmB,aAAA,CAACZ,IAAI;IAACkB,EAAE,EAAC;EAAM,GAAC,GAAO,CAAC,eACxBzB,KAAA,CAAAmB,aAAA,CAACZ,IAAI;IAACkB,EAAE,EAAC;EAAM,GAAEhB,KAAK,CAACe,GAAG,CAAC,CAACE,UAAU,EAAC,QAAY,CACxC,CACd,CACS,CAAC,EACZX,MAAM,CAACC,IAAI,CAACP,KAAK,CAAC,CAACQ,MAAM,GAAG,CAAC,iBAC5BjB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAA2C,gBACxDpB,KAAA,CAAAmB,aAAA,CAACd,MAAM;IAACsB,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAC,OAAO;IAACC,OAAO,EAAEA,CAAA,KAAMjB,WAAW,CAAC,CAACD,QAAQ;EAAE,GACzEA,QAAQ,GACLD,IAAI,CAACoB,SAAS,CAAC,wBAAwB,CAAC,GACxCpB,IAAI,CAACoB,SAAS,CAAC,wBAAwB,CACrC,CACL,CAEP,CAED,CAAC;AAEV,CAAC;AAED,eAAetB,yBAAyB","ignoreList":[]}

package/build/components/RelatedKeywordsDescription.scss

@@ -1,34 +0,0 @@
-.Avada-Seo-Checklist__Description {
-  line-height: 16px;
-  color: #6d7175;
-  position: relative;
-  transition: all 0.25s ease-in;
-
-  a {
-    text-decoration: unset;
-  }
-
-  &:has(.Avada-Seo-Checklist__DescriptionBody-expanded) {
-    transition: all 0.25s ease-out;
-  }
-
-  .Avada-Seo-Checklist__DescriptionBody-collapsed {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-
-    > p {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-  }
-
-  .Avada-Seo-Checklist__Description-Backdrop {
-    float: right;
-  }
-}