@lidofinance/next-ui-primitives 0.37.1 → 0.38.0

package/dist/index.cjs

@@ -70,7 +70,9 @@ const $abd0d426949c0843$export$d97afdf95912bfad = (props)=>{
     }
     // Code below is only executed on the client side (due to conditions 'if (!mounted)...' above)
     const url = new URL(href, window.location.origin);
-    if (url.origin !== window.location.origin) return /*#__PURE__*/ (0, $93xws$reactjsxruntime.jsx)((0, ($parcel$interopDefault($93xws$nextlinkjs))), {
+    if (url.origin !== window.location.origin) // For Next >= 13 we can use <Link ...> (import Link from 'next/link.js')
+    // For Next 12 we should use <a ...>
+    return /*#__PURE__*/ (0, $93xws$reactjsxruntime.jsx)("a", {
         target: "_blank",
         rel: "noreferrer",
         ...rest,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEIA,MAAM,2CAAqB,CAAC;IAC1B,IAAI;QACF,gBAAgB;QAChB,IAAI,IAAI;QACR,OAAO;IACT,EAAE,OAAM;QACN,aAAa;QACb,OAAO;IACT;AACF;AAIO,MAAM,4CAAuD,CAAC;IACnE,MAAM,QAAE,IAAI,EAAE,GAAG,MAAM,GAAG;IAE1B,MAAM,EACJ,uCAAuC;IACvC,gFAAgF;IAChF,OAAO,OAAE,GAAG,SAAE,KAAK,EAAE,EACtB,GAAG,CAAA,GAAA,6BAAQ;IAEZ,2EAA2E;IAC3E,gFAAgF;IAChF,gFAAgF;IAChF,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,CAAA,GAAA,sBAAQ,EAAE,IAAM,WAAW,OAAO,EAAE;IACpC,IAAI,CAAC,SAAS;QACZ,cAAc;QAEd,IAAI,yCAAmB,OACrB,gBAAgB;QAChB,qBAAO,gCAAC;YAAE,QAAQ;YAAU,KAAI;YAAc,GAAG,IAAI;YAAE,MAAM;;QAG/D,aAAa;QACb,qBAAO,gCAAC;YAAG,GAAG,IAAI;YAAE,MAAM;;IAC5B;IACA,8FAA8F;IAE9F,MAAM,MAAM,IAAI,IAAI,MAAM,OAAO,SAAS;IAE1C,IAAI,IAAI,WAAW,OAAO,SAAS,QACjC,qBAAO,gCAAC,CAAA,GAAA,2CAAG;QAAE,QAAQ;QAAU,KAAI;QAAc,GAAG,IAAI;QAAE,MAAM,IAAI;;IAGtE,IAAI,KAAK,IAAI,cAAc,IAAI,OAAO;IACtC,IAAI,OAAO,IAAI,cAAc,IAAI,SAAS;IAE1C,qBAAO,gCAAC,CAAA,GAAA,2CAAG;QAAG,GAAG,IAAI;QAAE,MAAM,IAAI;;AACnC","sources":["packages/next/ui-primitives/src/index.ts","packages/next/ui-primitives/src/components/index.ts","packages/next/ui-primitives/src/components/lidoLink/index.tsx"],"sourcesContent":["export * from './components'\n","export * from './lidoLink'\n","import React, { FC, useState, useEffect } from 'react'\nimport { useRouter } from 'next/router.js'\nimport Link, { LinkProps } from 'next/link.js'\n\nconst isValidAbsoluteUrl = (href: string) => {\n  try {\n    // External link\n    new URL(href)\n    return true\n  } catch {\n    // Local link\n    return false\n  }\n}\n\nexport type LidoLinkProps = Omit<LinkProps, 'as'> & { href: string }\n\nexport const LidoLink: FC<React.PropsWithChildren<LidoLinkProps>> = (props) => {\n  const { href, ...rest } = props\n\n  const {\n    // `ref` is needed for referral program\n    // `embed` is needed for support of `staking widget` via iframe in `ledger-live`\n    query: { ref, embed },\n  } = useRouter()\n\n  // Fix `Hydration failed...` when using `styled-component` with `next/link`\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-2622885\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-4166807\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => setMounted(true), [])\n  if (!mounted) {\n    // Fix for SEO\n\n    if (isValidAbsoluteUrl(href)) {\n      // External link\n      return <a target={'_blank'} rel=\"noreferrer\" {...rest} href={href} />\n    }\n\n    // Local link\n    return <a {...rest} href={href} />\n  }\n  // Code below is only executed on the client side (due to conditions 'if (!mounted)...' above)\n\n  const url = new URL(href, window.location.origin)\n\n  if (url.origin !== window.location.origin) {\n    return <Link target={'_blank'} rel=\"noreferrer\" {...rest} href={url.href} />\n  }\n\n  if (ref) url.searchParams?.set('ref', ref as string)\n  if (embed) url.searchParams?.set('embed', embed as string)\n\n  return <Link {...rest} href={url.href} />\n}\n"],"names":[],"version":3,"file":"index.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEIA,MAAM,2CAAqB,CAAC;IAC1B,IAAI;QACF,gBAAgB;QAChB,IAAI,IAAI;QACR,OAAO;IACT,EAAE,OAAM;QACN,aAAa;QACb,OAAO;IACT;AACF;AAIO,MAAM,4CAAuD,CAAC;IACnE,MAAM,QAAE,IAAI,EAAE,GAAG,MAAM,GAAG;IAE1B,MAAM,EACJ,uCAAuC;IACvC,gFAAgF;IAChF,OAAO,OAAE,GAAG,SAAE,KAAK,EAAE,EACtB,GAAG,CAAA,GAAA,6BAAQ;IAEZ,2EAA2E;IAC3E,gFAAgF;IAChF,gFAAgF;IAChF,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAO,EAAE;IACvC,CAAA,GAAA,sBAAQ,EAAE,IAAM,WAAW,OAAO,EAAE;IACpC,IAAI,CAAC,SAAS;QACZ,cAAc;QAEd,IAAI,yCAAmB,OACrB,gBAAgB;QAChB,qBAAO,gCAAC;YAAE,QAAQ;YAAU,KAAI;YAAc,GAAG,IAAI;YAAE,MAAM;;QAG/D,aAAa;QACb,qBAAO,gCAAC;YAAG,GAAG,IAAI;YAAE,MAAM;;IAC5B;IACA,8FAA8F;IAE9F,MAAM,MAAM,IAAI,IAAI,MAAM,OAAO,SAAS;IAE1C,IAAI,IAAI,WAAW,OAAO,SAAS,QACjC,yEAAyE;IACzE,oCAAoC;IACpC,qBAAO,gCAAC;QAAE,QAAQ;QAAU,KAAI;QAAc,GAAG,IAAI;QAAE,MAAM,IAAI;;IAGnE,IAAI,KAAK,IAAI,cAAc,IAAI,OAAO;IACtC,IAAI,OAAO,IAAI,cAAc,IAAI,SAAS;IAE1C,qBAAO,gCAAC,CAAA,GAAA,2CAAG;QAAG,GAAG,IAAI;QAAE,MAAM,IAAI;;AACnC","sources":["packages/next/ui-primitives/src/index.ts","packages/next/ui-primitives/src/components/index.ts","packages/next/ui-primitives/src/components/lidoLink/index.tsx"],"sourcesContent":["export * from './components'\n","export * from './lidoLink'\n","import React, { FC, useState, useEffect } from 'react'\nimport { useRouter } from 'next/router.js'\nimport Link, { LinkProps } from 'next/link.js'\n\nconst isValidAbsoluteUrl = (href: string) => {\n  try {\n    // External link\n    new URL(href)\n    return true\n  } catch {\n    // Local link\n    return false\n  }\n}\n\nexport type LidoLinkProps = Omit<LinkProps, 'as'> & { href: string }\n\nexport const LidoLink: FC<React.PropsWithChildren<LidoLinkProps>> = (props) => {\n  const { href, ...rest } = props\n\n  const {\n    // `ref` is needed for referral program\n    // `embed` is needed for support of `staking widget` via iframe in `ledger-live`\n    query: { ref, embed },\n  } = useRouter()\n\n  // Fix `Hydration failed...` when using `styled-component` with `next/link`\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-2622885\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-4166807\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => setMounted(true), [])\n  if (!mounted) {\n    // Fix for SEO\n\n    if (isValidAbsoluteUrl(href)) {\n      // External link\n      return <a target={'_blank'} rel=\"noreferrer\" {...rest} href={href} />\n    }\n\n    // Local link\n    return <a {...rest} href={href} />\n  }\n  // Code below is only executed on the client side (due to conditions 'if (!mounted)...' above)\n\n  const url = new URL(href, window.location.origin)\n\n  if (url.origin !== window.location.origin) {\n    // For Next >= 13 we can use <Link ...> (import Link from 'next/link.js')\n    // For Next 12 we should use <a ...>\n    return <a target={'_blank'} rel=\"noreferrer\" {...rest} href={url.href} />\n  }\n\n  if (ref) url.searchParams?.set('ref', ref as string)\n  if (embed) url.searchParams?.set('embed', embed as string)\n\n  return <Link {...rest} href={url.href} />\n}\n"],"names":[],"version":3,"file":"index.cjs.map"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAeA,4BAA4B,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpE,OAAO,MAAM,UAAU,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,CAqC/D,CAAA","sources":["packages/next/ui-primitives/src/src/components/lidoLink/index.tsx","packages/next/ui-primitives/src/src/components/index.ts","packages/next/ui-primitives/src/src/index.ts","packages/next/ui-primitives/src/index.ts"],"sourcesContent":[null,null,null,"export * from './components'\n"],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";;AAeA,4BAA4B,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpE,OAAO,MAAM,UAAU,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,CAuC/D,CAAA","sources":["packages/next/ui-primitives/src/src/components/lidoLink/index.tsx","packages/next/ui-primitives/src/src/components/index.ts","packages/next/ui-primitives/src/src/index.ts","packages/next/ui-primitives/src/index.ts"],"sourcesContent":[null,null,null,"export * from './components'\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/{index.mjs → index.js}

@@ -67,7 +67,9 @@ const $f4b56e66ba788353$export$d97afdf95912bfad = (props)=>{
     }
     // Code below is only executed on the client side (due to conditions 'if (!mounted)...' above)
     const url = new URL(href, window.location.origin);
-    if (url.origin !== window.location.origin) return /*#__PURE__*/ (0, $7zhEJ$jsx)((0, $7zhEJ$nextlinkjs), {
+    if (url.origin !== window.location.origin) // For Next >= 13 we can use <Link ...> (import Link from 'next/link.js')
+    // For Next 12 we should use <a ...>
+    return /*#__PURE__*/ (0, $7zhEJ$jsx)("a", {
         target: "_blank",
         rel: "noreferrer",
         ...rest,
@@ -88,4 +90,4 @@ $parcel$exportWildcard($748bcbb776d77e87$exports, $f4b56e66ba788353$exports);
 
 
 export {$f4b56e66ba788353$export$d97afdf95912bfad as LidoLink};
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEIA,MAAM,2CAAqB,CAAC;IAC1B,IAAI;QACF,gBAAgB;QAChB,IAAI,IAAI;QACR,OAAO;IACT,EAAE,OAAM;QACN,aAAa;QACb,OAAO;IACT;AACF;AAIO,MAAM,4CAAuD,CAAC;IACnE,MAAM,QAAE,IAAI,EAAE,GAAG,MAAM,GAAG;IAE1B,MAAM,EACJ,uCAAuC;IACvC,gFAAgF;IAChF,OAAO,OAAE,GAAG,SAAE,KAAK,EAAE,EACtB,GAAG,CAAA,GAAA,gBAAQ;IAEZ,2EAA2E;IAC3E,gFAAgF;IAChF,gFAAgF;IAChF,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,CAAA,GAAA,gBAAQ,EAAE,IAAM,WAAW,OAAO,EAAE;IACpC,IAAI,CAAC,SAAS;QACZ,cAAc;QAEd,IAAI,yCAAmB,OACrB,gBAAgB;QAChB,qBAAO,gBAAC;YAAE,QAAQ;YAAU,KAAI;YAAc,GAAG,IAAI;YAAE,MAAM;;QAG/D,aAAa;QACb,qBAAO,gBAAC;YAAG,GAAG,IAAI;YAAE,MAAM;;IAC5B;IACA,8FAA8F;IAE9F,MAAM,MAAM,IAAI,IAAI,MAAM,OAAO,SAAS;IAE1C,IAAI,IAAI,WAAW,OAAO,SAAS,QACjC,yEAAyE;IACzE,oCAAoC;IACpC,qBAAO,gBAAC;QAAE,QAAQ;QAAU,KAAI;QAAc,GAAG,IAAI;QAAE,MAAM,IAAI;;IAGnE,IAAI,KAAK,IAAI,cAAc,IAAI,OAAO;IACtC,IAAI,OAAO,IAAI,cAAc,IAAI,SAAS;IAE1C,qBAAO,gBAAC,CAAA,GAAA,iBAAG;QAAG,GAAG,IAAI;QAAE,MAAM,IAAI;;AACnC","sources":["packages/next/ui-primitives/src/index.ts","packages/next/ui-primitives/src/components/index.ts","packages/next/ui-primitives/src/components/lidoLink/index.tsx"],"sourcesContent":["export * from './components'\n","export * from './lidoLink'\n","import React, { FC, useState, useEffect } from 'react'\nimport { useRouter } from 'next/router.js'\nimport Link, { LinkProps } from 'next/link.js'\n\nconst isValidAbsoluteUrl = (href: string) => {\n  try {\n    // External link\n    new URL(href)\n    return true\n  } catch {\n    // Local link\n    return false\n  }\n}\n\nexport type LidoLinkProps = Omit<LinkProps, 'as'> & { href: string }\n\nexport const LidoLink: FC<React.PropsWithChildren<LidoLinkProps>> = (props) => {\n  const { href, ...rest } = props\n\n  const {\n    // `ref` is needed for referral program\n    // `embed` is needed for support of `staking widget` via iframe in `ledger-live`\n    query: { ref, embed },\n  } = useRouter()\n\n  // Fix `Hydration failed...` when using `styled-component` with `next/link`\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-2622885\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-4166807\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => setMounted(true), [])\n  if (!mounted) {\n    // Fix for SEO\n\n    if (isValidAbsoluteUrl(href)) {\n      // External link\n      return <a target={'_blank'} rel=\"noreferrer\" {...rest} href={href} />\n    }\n\n    // Local link\n    return <a {...rest} href={href} />\n  }\n  // Code below is only executed on the client side (due to conditions 'if (!mounted)...' above)\n\n  const url = new URL(href, window.location.origin)\n\n  if (url.origin !== window.location.origin) {\n    // For Next >= 13 we can use <Link ...> (import Link from 'next/link.js')\n    // For Next 12 we should use <a ...>\n    return <a target={'_blank'} rel=\"noreferrer\" {...rest} href={url.href} />\n  }\n\n  if (ref) url.searchParams?.set('ref', ref as string)\n  if (embed) url.searchParams?.set('embed', embed as string)\n\n  return <Link {...rest} href={url.href} />\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/lidofinance/warehouse/issues"
   },
   "license": "MIT",
-  "version": "0.37.1",
+  "version": "0.38.0",
   "files": [
     "dist"
   ],
@@ -17,11 +17,11 @@
   },
   "source": "./src/index.ts",
   "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     }
   },
@@ -36,7 +36,7 @@
     "react": "17 || 18"
   },
   "devDependencies": {
-    "@lidofinance/config-prettier": "~0.37.1",
+    "@lidofinance/config-prettier": "~0.38.0",
     "@types/react": "^18.0.25",
     "next": "^12.3.0"
   }

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEIA,MAAM,2CAAqB,CAAC;IAC1B,IAAI;QACF,gBAAgB;QAChB,IAAI,IAAI;QACR,OAAO;IACT,EAAE,OAAM;QACN,aAAa;QACb,OAAO;IACT;AACF;AAIO,MAAM,4CAAuD,CAAC;IACnE,MAAM,QAAE,IAAI,EAAE,GAAG,MAAM,GAAG;IAE1B,MAAM,EACJ,uCAAuC;IACvC,gFAAgF;IAChF,OAAO,OAAE,GAAG,SAAE,KAAK,EAAE,EACtB,GAAG,CAAA,GAAA,gBAAQ;IAEZ,2EAA2E;IAC3E,gFAAgF;IAChF,gFAAgF;IAChF,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACvC,CAAA,GAAA,gBAAQ,EAAE,IAAM,WAAW,OAAO,EAAE;IACpC,IAAI,CAAC,SAAS;QACZ,cAAc;QAEd,IAAI,yCAAmB,OACrB,gBAAgB;QAChB,qBAAO,gBAAC;YAAE,QAAQ;YAAU,KAAI;YAAc,GAAG,IAAI;YAAE,MAAM;;QAG/D,aAAa;QACb,qBAAO,gBAAC;YAAG,GAAG,IAAI;YAAE,MAAM;;IAC5B;IACA,8FAA8F;IAE9F,MAAM,MAAM,IAAI,IAAI,MAAM,OAAO,SAAS;IAE1C,IAAI,IAAI,WAAW,OAAO,SAAS,QACjC,qBAAO,gBAAC,CAAA,GAAA,iBAAG;QAAE,QAAQ;QAAU,KAAI;QAAc,GAAG,IAAI;QAAE,MAAM,IAAI;;IAGtE,IAAI,KAAK,IAAI,cAAc,IAAI,OAAO;IACtC,IAAI,OAAO,IAAI,cAAc,IAAI,SAAS;IAE1C,qBAAO,gBAAC,CAAA,GAAA,iBAAG;QAAG,GAAG,IAAI;QAAE,MAAM,IAAI;;AACnC","sources":["packages/next/ui-primitives/src/index.ts","packages/next/ui-primitives/src/components/index.ts","packages/next/ui-primitives/src/components/lidoLink/index.tsx"],"sourcesContent":["export * from './components'\n","export * from './lidoLink'\n","import React, { FC, useState, useEffect } from 'react'\nimport { useRouter } from 'next/router.js'\nimport Link, { LinkProps } from 'next/link.js'\n\nconst isValidAbsoluteUrl = (href: string) => {\n  try {\n    // External link\n    new URL(href)\n    return true\n  } catch {\n    // Local link\n    return false\n  }\n}\n\nexport type LidoLinkProps = Omit<LinkProps, 'as'> & { href: string }\n\nexport const LidoLink: FC<React.PropsWithChildren<LidoLinkProps>> = (props) => {\n  const { href, ...rest } = props\n\n  const {\n    // `ref` is needed for referral program\n    // `embed` is needed for support of `staking widget` via iframe in `ledger-live`\n    query: { ref, embed },\n  } = useRouter()\n\n  // Fix `Hydration failed...` when using `styled-component` with `next/link`\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-2622885\n  // https://github.com/vercel/next.js/discussions/35773#discussioncomment-4166807\n  const [mounted, setMounted] = useState(false)\n  useEffect(() => setMounted(true), [])\n  if (!mounted) {\n    // Fix for SEO\n\n    if (isValidAbsoluteUrl(href)) {\n      // External link\n      return <a target={'_blank'} rel=\"noreferrer\" {...rest} href={href} />\n    }\n\n    // Local link\n    return <a {...rest} href={href} />\n  }\n  // Code below is only executed on the client side (due to conditions 'if (!mounted)...' above)\n\n  const url = new URL(href, window.location.origin)\n\n  if (url.origin !== window.location.origin) {\n    return <Link target={'_blank'} rel=\"noreferrer\" {...rest} href={url.href} />\n  }\n\n  if (ref) url.searchParams?.set('ref', ref as string)\n  if (embed) url.searchParams?.set('embed', embed as string)\n\n  return <Link {...rest} href={url.href} />\n}\n"],"names":[],"version":3,"file":"index.mjs.map"}