@ndla/safelink 7.0.127-alpha.0 → 7.0.129-alpha.0

package/es/MissingRouterContext.mjs

@@ -1,5 +1,4 @@
 import { createContext } from "react";
-
 //#region src/MissingRouterContext.ts
 /**
 * Copyright (c) 2019-present, NDLA.
@@ -9,7 +8,7 @@ import { createContext } from "react";
 *
 */
 const MissingRouterContext = createContext(false);
-
 //#endregion
 export { MissingRouterContext };
+
 //# sourceMappingURL=MissingRouterContext.mjs.map

package/es/MissingRouterContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MissingRouterContext.mjs","names":[],"sources":["../src/MissingRouterContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { createContext } from \"react\";\n\nexport const MissingRouterContext = createContext(false);\n"],"mappings":";;;;;;;;;;AAUA,MAAa,uBAAuB,cAAc,MAAM"}
+{"version":3,"file":"MissingRouterContext.mjs","names":[],"sources":["../src/MissingRouterContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { createContext } from \"react\";\n\nexport const MissingRouterContext = createContext(false);\n"],"mappings":";;;;;;;;;AAUA,MAAa,uBAAuB,cAAc,MAAM"}

package/es/SafeLink.mjs

@@ -3,7 +3,6 @@ import { forwardRef, useContext } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 import { Link } from "react-router";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/SafeLink.tsx
 /**
 * Copyright (c) 2019-present, NDLA.
@@ -44,7 +43,7 @@ const SafeLink = forwardRef(({ to, replace, state, disabled, unstyled, children,
 		children
 	});
 });
-
 //#endregion
 export { SafeLink };
+
 //# sourceMappingURL=SafeLink.mjs.map

package/es/SafeLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeLink.mjs","names":[],"sources":["../src/SafeLink.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type HTMLAttributes, type MutableRefObject, type ReactNode, useContext } from \"react\";\nimport { Link, type LinkProps } from \"react-router\";\nimport { MissingRouterContext } from \"./MissingRouterContext\";\n\nconst oldNdlaRegex = /(.*)\\/?node\\/(\\d+).*/;\n\nconst isExternalLink = (to?: LinkProps[\"to\"]) =>\n  typeof to === \"string\" &&\n  (to.startsWith(\"https://\") || to.startsWith(\"http://\") || to.startsWith(\"mailto:\") || to.endsWith(\".xml\"));\n\nexport const isOldNdlaLink = (to?: LinkProps[\"to\"]) => typeof to === \"string\" && to.match(oldNdlaRegex) !== null;\n\ntype Props = {\n  ref?: MutableRefObject<HTMLAnchorElement | null>;\n  asAnchor?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  unstyled?: boolean;\n};\n\nexport type SafeLinkProps = Props & LinkProps & StyledProps & HTMLAttributes<HTMLElement>;\n\nconst StyledLink = styled(Link, {}, { baseComponent: true });\n\n// Fallback to normal link if app is missing RouterContext, link is external or is old ndla link\n\nexport const SafeLink = forwardRef<HTMLAnchorElement, SafeLinkProps>(\n  ({ to, replace, state, disabled, unstyled, children, tabIndex, asAnchor, reloadDocument, ...rest }, ref) => {\n    const isMissingRouterContext = useContext(MissingRouterContext);\n    const unstyledProps = unstyled ? { \"data-unstyled\": \"\" } : {};\n\n    if (isMissingRouterContext || isExternalLink(to) || isOldNdlaLink(to) || asAnchor || disabled) {\n      const href = typeof to === \"string\" ? to : \"#\";\n      return (\n        <styled.a\n          href={disabled ? undefined : href}\n          role={disabled ? \"link\" : undefined}\n          aria-disabled={disabled}\n          ref={ref}\n          tabIndex={tabIndex}\n          {...unstyledProps}\n          {...rest}\n        >\n          {children}\n        </styled.a>\n      );\n    }\n\n    return (\n      // RR6 link immediately fails if to is somehow undefined, so we provide an empty fallback to recover.\n      <StyledLink\n        ref={ref}\n        tabIndex={tabIndex ?? 0}\n        to={to ?? \"\"}\n        state={state}\n        reloadDocument={reloadDocument}\n        replace={replace}\n        {...unstyledProps}\n        {...rest}\n      >\n        {children}\n      </StyledLink>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,eAAe;AAErB,MAAM,kBAAkB,OACtB,OAAO,OAAO,aACb,GAAG,WAAW,WAAW,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,SAAS,OAAO;AAE3G,MAAa,iBAAiB,OAAyB,OAAO,OAAO,YAAY,GAAG,MAAM,aAAa,KAAK;AAY5G,MAAM,aAAa,OAAO,MAAM,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,WAAW,YACrB,EAAE,IAAI,SAAS,OAAO,UAAU,UAAU,UAAU,UAAU,UAAU,gBAAgB,GAAG,QAAQ,QAAQ;CAC1G,MAAM,yBAAyB,WAAW,qBAAqB;CAC/D,MAAM,gBAAgB,WAAW,EAAE,iBAAiB,IAAI,GAAG,EAAE;AAE7D,KAAI,0BAA0B,eAAe,GAAG,IAAI,cAAc,GAAG,IAAI,YAAY,UAAU;EAC7F,MAAM,OAAO,OAAO,OAAO,WAAW,KAAK;AAC3C,SACE,oBAAC,OAAO;GACN,MAAM,WAAW,SAAY;GAC7B,MAAM,WAAW,SAAS;GAC1B,iBAAe;GACV;GACK;GACV,GAAI;GACJ,GAAI;GAEH;IACQ;;AAIf,QAEE,oBAAC;EACM;EACL,UAAU,YAAY;EACtB,IAAI,MAAM;EACH;EACS;EACP;EACT,GAAI;EACJ,GAAI;EAEH;GACU;EAGlB"}
+{"version":3,"file":"SafeLink.mjs","names":[],"sources":["../src/SafeLink.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, useContext, type RefObject } from \"react\";\nimport { Link, type LinkProps } from \"react-router\";\nimport { MissingRouterContext } from \"./MissingRouterContext\";\n\nconst oldNdlaRegex = /(.*)\\/?node\\/(\\d+).*/;\n\nconst isExternalLink = (to?: LinkProps[\"to\"]) =>\n  typeof to === \"string\" &&\n  (to.startsWith(\"https://\") || to.startsWith(\"http://\") || to.startsWith(\"mailto:\") || to.endsWith(\".xml\"));\n\nexport const isOldNdlaLink = (to?: LinkProps[\"to\"]) => typeof to === \"string\" && to.match(oldNdlaRegex) !== null;\n\nexport interface SafeLinkProps extends LinkProps, StyledProps {\n  ref?: RefObject<HTMLAnchorElement | null>;\n  asAnchor?: boolean;\n  disabled?: boolean;\n  unstyled?: boolean;\n}\n\nconst StyledLink = styled(Link, {}, { baseComponent: true });\n\n// Fallback to normal link if app is missing RouterContext, link is external or is old ndla link\n\nexport const SafeLink = forwardRef<HTMLAnchorElement, SafeLinkProps>(\n  ({ to, replace, state, disabled, unstyled, children, tabIndex, asAnchor, reloadDocument, ...rest }, ref) => {\n    const isMissingRouterContext = useContext(MissingRouterContext);\n    const unstyledProps = unstyled ? { \"data-unstyled\": \"\" } : {};\n\n    if (isMissingRouterContext || isExternalLink(to) || isOldNdlaLink(to) || asAnchor || disabled) {\n      const href = typeof to === \"string\" ? to : \"#\";\n      return (\n        <styled.a\n          href={disabled ? undefined : href}\n          role={disabled ? \"link\" : undefined}\n          aria-disabled={disabled}\n          ref={ref}\n          tabIndex={tabIndex}\n          {...unstyledProps}\n          {...rest}\n        >\n          {children}\n        </styled.a>\n      );\n    }\n\n    return (\n      // RR6 link immediately fails if to is somehow undefined, so we provide an empty fallback to recover.\n      <StyledLink\n        ref={ref}\n        tabIndex={tabIndex ?? 0}\n        to={to ?? \"\"}\n        state={state}\n        reloadDocument={reloadDocument}\n        replace={replace}\n        {...unstyledProps}\n        {...rest}\n      >\n        {children}\n      </StyledLink>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,eAAe;AAErB,MAAM,kBAAkB,OACtB,OAAO,OAAO,aACb,GAAG,WAAW,WAAW,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,SAAS,OAAO;AAE3G,MAAa,iBAAiB,OAAyB,OAAO,OAAO,YAAY,GAAG,MAAM,aAAa,KAAK;AAS5G,MAAM,aAAa,OAAO,MAAM,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,WAAW,YACrB,EAAE,IAAI,SAAS,OAAO,UAAU,UAAU,UAAU,UAAU,UAAU,gBAAgB,GAAG,QAAQ,QAAQ;CAC1G,MAAM,yBAAyB,WAAW,qBAAqB;CAC/D,MAAM,gBAAgB,WAAW,EAAE,iBAAiB,IAAI,GAAG,EAAE;AAE7D,KAAI,0BAA0B,eAAe,GAAG,IAAI,cAAc,GAAG,IAAI,YAAY,UAAU;EAC7F,MAAM,OAAO,OAAO,OAAO,WAAW,KAAK;AAC3C,SACE,oBAAC,OAAO,GAAR;GACE,MAAM,WAAW,KAAA,IAAY;GAC7B,MAAM,WAAW,SAAS,KAAA;GAC1B,iBAAe;GACV;GACK;GACV,GAAI;GACJ,GAAI;GAEH;GACQ,CAAA;;AAIf,QAEE,oBAAC,YAAD;EACO;EACL,UAAU,YAAY;EACtB,IAAI,MAAM;EACH;EACS;EACP;EACT,GAAI;EACJ,GAAI;EAEH;EACU,CAAA;EAGlB"}

package/es/SafeLinkButton.mjs

@@ -3,7 +3,6 @@ import { forwardRef } from "react";
 import { buttonBaseRecipe, buttonRecipe } from "@ndla/primitives";
 import { css } from "@ndla/styled-system/css";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/SafeLinkButton.tsx
 /**
 * Copyright (c) 2019-present, NDLA.
@@ -17,7 +16,7 @@ const SafeLinkButton = forwardRef(({ variant, size, css: cssProp, ...props }, re
 	css: css.raw(buttonBaseRecipe.raw({ variant }), variant !== "link" ? buttonRecipe.raw({ size }) : void 0, cssProp),
 	ref
 }));
-
 //#endregion
 export { SafeLinkButton };
+
 //# sourceMappingURL=SafeLinkButton.mjs.map

package/es/SafeLinkButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeLinkButton.mjs","names":[],"sources":["../src/SafeLinkButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, buttonRecipe, type ButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkButtonProps extends SafeLinkProps, ButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkButton = forwardRef<HTMLAnchorElement, SafeLinkButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(\n        buttonBaseRecipe.raw({ variant }),\n        variant !== \"link\" ? buttonRecipe.raw({ size }) : undefined,\n        cssProp,\n      )}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,iBAAiB,YAC3B,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,oBAAC;CACC,GAAI;CACJ,KAAK,IAAI,IACP,iBAAiB,IAAI,EAAE,SAAS,CAAC,EACjC,YAAY,SAAS,aAAa,IAAI,EAAE,MAAM,CAAC,GAAG,QAClD,QACD;CACI;EACL,CAEL"}
+{"version":3,"file":"SafeLinkButton.mjs","names":[],"sources":["../src/SafeLinkButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, buttonRecipe, type ButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkButtonProps extends SafeLinkProps, ButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkButton = forwardRef<HTMLAnchorElement, SafeLinkButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(\n        buttonBaseRecipe.raw({ variant }),\n        variant !== \"link\" ? buttonRecipe.raw({ size }) : undefined,\n        cssProp,\n      )}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,iBAAiB,YAC3B,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,oBAAC,UAAD;CACE,GAAI;CACJ,KAAK,IAAI,IACP,iBAAiB,IAAI,EAAE,SAAS,CAAC,EACjC,YAAY,SAAS,aAAa,IAAI,EAAE,MAAM,CAAC,GAAG,KAAA,GAClD,QACD;CACI;CACL,CAAA,CAEL"}

package/es/SafeLinkIconButton.mjs

@@ -3,7 +3,6 @@ import { forwardRef } from "react";
 import { buttonBaseRecipe, iconButtonRecipe } from "@ndla/primitives";
 import { css } from "@ndla/styled-system/css";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/SafeLinkIconButton.tsx
 /**
 * Copyright (c) 2022-present, NDLA.
@@ -17,7 +16,7 @@ const SafeLinkIconButton = forwardRef(({ variant, size, css: cssProp, ...props }
 	css: css.raw(buttonBaseRecipe.raw({ variant }), iconButtonRecipe.raw({ size }), cssProp),
 	ref
 }));
-
 //#endregion
 export { SafeLinkIconButton };
+
 //# sourceMappingURL=SafeLinkIconButton.mjs.map

package/es/SafeLinkIconButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeLinkIconButton.mjs","names":[],"sources":["../src/SafeLinkIconButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2022-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, iconButtonRecipe, type IconButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkIconButtonProps extends SafeLinkProps, IconButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkIconButton = forwardRef<HTMLAnchorElement, SafeLinkIconButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(buttonBaseRecipe.raw({ variant }), iconButtonRecipe.raw({ size }), cssProp)}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,qBAAqB,YAC/B,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,oBAAC;CACC,GAAI;CACJ,KAAK,IAAI,IAAI,iBAAiB,IAAI,EAAE,SAAS,CAAC,EAAE,iBAAiB,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ;CACnF;EACL,CAEL"}
+{"version":3,"file":"SafeLinkIconButton.mjs","names":[],"sources":["../src/SafeLinkIconButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2022-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, iconButtonRecipe, type IconButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkIconButtonProps extends SafeLinkProps, IconButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkIconButton = forwardRef<HTMLAnchorElement, SafeLinkIconButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(buttonBaseRecipe.raw({ variant }), iconButtonRecipe.raw({ size }), cssProp)}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,qBAAqB,YAC/B,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,oBAAC,UAAD;CACE,GAAI;CACJ,KAAK,IAAI,IAAI,iBAAiB,IAAI,EAAE,SAAS,CAAC,EAAE,iBAAiB,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ;CACnF;CACL,CAAA,CAEL"}

package/es/index.mjs

@@ -2,5 +2,4 @@ import { MissingRouterContext } from "./MissingRouterContext.mjs";
 import { SafeLink } from "./SafeLink.mjs";
 import { SafeLinkButton } from "./SafeLinkButton.mjs";
 import { SafeLinkIconButton } from "./SafeLinkIconButton.mjs";
-
-export { MissingRouterContext, SafeLink, SafeLinkButton, SafeLinkIconButton };
+export { MissingRouterContext, SafeLink, SafeLinkButton, SafeLinkIconButton };

package/lib/MissingRouterContext.js

@@ -1,5 +1,3 @@
-let react = require("react");
-
 //#region src/MissingRouterContext.ts
 /**
 * Copyright (c) 2019-present, NDLA.
@@ -8,8 +6,8 @@ let react = require("react");
 * LICENSE file in the root directory of this source tree.
 *
 */
-const MissingRouterContext = (0, react.createContext)(false);
-
+const MissingRouterContext = (0, require("react").createContext)(false);
 //#endregion
 exports.MissingRouterContext = MissingRouterContext;
+
 //# sourceMappingURL=MissingRouterContext.js.map

package/lib/MissingRouterContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingRouterContext.js","names":[],"sources":["../src/MissingRouterContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { createContext } from \"react\";\n\nexport const MissingRouterContext = createContext(false);\n"],"mappings":";;;;;;;;;;AAUA,MAAa,gDAAqC,MAAM"}
+{"version":3,"file":"MissingRouterContext.js","names":[],"sources":["../src/MissingRouterContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { createContext } from \"react\";\n\nexport const MissingRouterContext = createContext(false);\n"],"mappings":";;;;;;;;AAUA,MAAa,wBAAA,oBAAA,eAAqC,MAAM"}

package/lib/SafeLink.d.ts

@@ -6,16 +6,13 @@
  *
  */
 import type { StyledProps } from "@ndla/styled-system/types";
-import { type HTMLAttributes, type MutableRefObject, type ReactNode } from "react";
+import { type RefObject } from "react";
 import { type LinkProps } from "react-router";
 export declare const isOldNdlaLink: (to?: LinkProps["to"]) => boolean;
-type Props = {
-    ref?: MutableRefObject<HTMLAnchorElement | null>;
+export interface SafeLinkProps extends LinkProps, StyledProps {
+    ref?: RefObject<HTMLAnchorElement | null>;
     asAnchor?: boolean;
-    children?: ReactNode;
     disabled?: boolean;
     unstyled?: boolean;
-};
-export type SafeLinkProps = Props & LinkProps & StyledProps & HTMLAttributes<HTMLElement>;
+}
 export declare const SafeLink: import("react").ForwardRefExoticComponent<Omit<SafeLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};

package/lib/SafeLink.js

@@ -1,9 +1,8 @@
-const require_MissingRouterContext = require('./MissingRouterContext.js');
+const require_MissingRouterContext = require("./MissingRouterContext.js");
 let react = require("react");
 let _ndla_styled_system_jsx = require("@ndla/styled-system/jsx");
 let react_router = require("react-router");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/SafeLink.tsx
 /**
 * Copyright (c) 2019-present, NDLA.
@@ -44,7 +43,7 @@ const SafeLink = (0, react.forwardRef)(({ to, replace, state, disabled, unstyled
 		children
 	});
 });
-
 //#endregion
 exports.SafeLink = SafeLink;
+
 //# sourceMappingURL=SafeLink.js.map

package/lib/SafeLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeLink.js","names":["Link","MissingRouterContext","styled"],"sources":["../src/SafeLink.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type HTMLAttributes, type MutableRefObject, type ReactNode, useContext } from \"react\";\nimport { Link, type LinkProps } from \"react-router\";\nimport { MissingRouterContext } from \"./MissingRouterContext\";\n\nconst oldNdlaRegex = /(.*)\\/?node\\/(\\d+).*/;\n\nconst isExternalLink = (to?: LinkProps[\"to\"]) =>\n  typeof to === \"string\" &&\n  (to.startsWith(\"https://\") || to.startsWith(\"http://\") || to.startsWith(\"mailto:\") || to.endsWith(\".xml\"));\n\nexport const isOldNdlaLink = (to?: LinkProps[\"to\"]) => typeof to === \"string\" && to.match(oldNdlaRegex) !== null;\n\ntype Props = {\n  ref?: MutableRefObject<HTMLAnchorElement | null>;\n  asAnchor?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  unstyled?: boolean;\n};\n\nexport type SafeLinkProps = Props & LinkProps & StyledProps & HTMLAttributes<HTMLElement>;\n\nconst StyledLink = styled(Link, {}, { baseComponent: true });\n\n// Fallback to normal link if app is missing RouterContext, link is external or is old ndla link\n\nexport const SafeLink = forwardRef<HTMLAnchorElement, SafeLinkProps>(\n  ({ to, replace, state, disabled, unstyled, children, tabIndex, asAnchor, reloadDocument, ...rest }, ref) => {\n    const isMissingRouterContext = useContext(MissingRouterContext);\n    const unstyledProps = unstyled ? { \"data-unstyled\": \"\" } : {};\n\n    if (isMissingRouterContext || isExternalLink(to) || isOldNdlaLink(to) || asAnchor || disabled) {\n      const href = typeof to === \"string\" ? to : \"#\";\n      return (\n        <styled.a\n          href={disabled ? undefined : href}\n          role={disabled ? \"link\" : undefined}\n          aria-disabled={disabled}\n          ref={ref}\n          tabIndex={tabIndex}\n          {...unstyledProps}\n          {...rest}\n        >\n          {children}\n        </styled.a>\n      );\n    }\n\n    return (\n      // RR6 link immediately fails if to is somehow undefined, so we provide an empty fallback to recover.\n      <StyledLink\n        ref={ref}\n        tabIndex={tabIndex ?? 0}\n        to={to ?? \"\"}\n        state={state}\n        reloadDocument={reloadDocument}\n        replace={replace}\n        {...unstyledProps}\n        {...rest}\n      >\n        {children}\n      </StyledLink>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,eAAe;AAErB,MAAM,kBAAkB,OACtB,OAAO,OAAO,aACb,GAAG,WAAW,WAAW,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,SAAS,OAAO;AAE3G,MAAa,iBAAiB,OAAyB,OAAO,OAAO,YAAY,GAAG,MAAM,aAAa,KAAK;AAY5G,MAAM,iDAAoBA,mBAAM,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,kCACV,EAAE,IAAI,SAAS,OAAO,UAAU,UAAU,UAAU,UAAU,UAAU,gBAAgB,GAAG,QAAQ,QAAQ;CAC1G,MAAM,+CAAoCC,kDAAqB;CAC/D,MAAM,gBAAgB,WAAW,EAAE,iBAAiB,IAAI,GAAG,EAAE;AAE7D,KAAI,0BAA0B,eAAe,GAAG,IAAI,cAAc,GAAG,IAAI,YAAY,UAAU;EAC7F,MAAM,OAAO,OAAO,OAAO,WAAW,KAAK;AAC3C,SACE,2CAACC,+BAAO;GACN,MAAM,WAAW,SAAY;GAC7B,MAAM,WAAW,SAAS;GAC1B,iBAAe;GACV;GACK;GACV,GAAI;GACJ,GAAI;GAEH;IACQ;;AAIf,QAEE,2CAAC;EACM;EACL,UAAU,YAAY;EACtB,IAAI,MAAM;EACH;EACS;EACP;EACT,GAAI;EACJ,GAAI;EAEH;GACU;EAGlB"}
+{"version":3,"file":"SafeLink.js","names":["Link","MissingRouterContext","styled"],"sources":["../src/SafeLink.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, useContext, type RefObject } from \"react\";\nimport { Link, type LinkProps } from \"react-router\";\nimport { MissingRouterContext } from \"./MissingRouterContext\";\n\nconst oldNdlaRegex = /(.*)\\/?node\\/(\\d+).*/;\n\nconst isExternalLink = (to?: LinkProps[\"to\"]) =>\n  typeof to === \"string\" &&\n  (to.startsWith(\"https://\") || to.startsWith(\"http://\") || to.startsWith(\"mailto:\") || to.endsWith(\".xml\"));\n\nexport const isOldNdlaLink = (to?: LinkProps[\"to\"]) => typeof to === \"string\" && to.match(oldNdlaRegex) !== null;\n\nexport interface SafeLinkProps extends LinkProps, StyledProps {\n  ref?: RefObject<HTMLAnchorElement | null>;\n  asAnchor?: boolean;\n  disabled?: boolean;\n  unstyled?: boolean;\n}\n\nconst StyledLink = styled(Link, {}, { baseComponent: true });\n\n// Fallback to normal link if app is missing RouterContext, link is external or is old ndla link\n\nexport const SafeLink = forwardRef<HTMLAnchorElement, SafeLinkProps>(\n  ({ to, replace, state, disabled, unstyled, children, tabIndex, asAnchor, reloadDocument, ...rest }, ref) => {\n    const isMissingRouterContext = useContext(MissingRouterContext);\n    const unstyledProps = unstyled ? { \"data-unstyled\": \"\" } : {};\n\n    if (isMissingRouterContext || isExternalLink(to) || isOldNdlaLink(to) || asAnchor || disabled) {\n      const href = typeof to === \"string\" ? to : \"#\";\n      return (\n        <styled.a\n          href={disabled ? undefined : href}\n          role={disabled ? \"link\" : undefined}\n          aria-disabled={disabled}\n          ref={ref}\n          tabIndex={tabIndex}\n          {...unstyledProps}\n          {...rest}\n        >\n          {children}\n        </styled.a>\n      );\n    }\n\n    return (\n      // RR6 link immediately fails if to is somehow undefined, so we provide an empty fallback to recover.\n      <StyledLink\n        ref={ref}\n        tabIndex={tabIndex ?? 0}\n        to={to ?? \"\"}\n        state={state}\n        reloadDocument={reloadDocument}\n        replace={replace}\n        {...unstyledProps}\n        {...rest}\n      >\n        {children}\n      </StyledLink>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,eAAe;AAErB,MAAM,kBAAkB,OACtB,OAAO,OAAO,aACb,GAAG,WAAW,WAAW,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,WAAW,UAAU,IAAI,GAAG,SAAS,OAAO;AAE3G,MAAa,iBAAiB,OAAyB,OAAO,OAAO,YAAY,GAAG,MAAM,aAAa,KAAK;AAS5G,MAAM,cAAA,GAAA,wBAAA,QAAoBA,aAAAA,MAAM,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAI5D,MAAa,YAAA,GAAA,MAAA,aACV,EAAE,IAAI,SAAS,OAAO,UAAU,UAAU,UAAU,UAAU,UAAU,gBAAgB,GAAG,QAAQ,QAAQ;CAC1G,MAAM,0BAAA,GAAA,MAAA,YAAoCC,6BAAAA,qBAAqB;CAC/D,MAAM,gBAAgB,WAAW,EAAE,iBAAiB,IAAI,GAAG,EAAE;AAE7D,KAAI,0BAA0B,eAAe,GAAG,IAAI,cAAc,GAAG,IAAI,YAAY,UAAU;EAC7F,MAAM,OAAO,OAAO,OAAO,WAAW,KAAK;AAC3C,SACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,OAAO,GAAR;GACE,MAAM,WAAW,KAAA,IAAY;GAC7B,MAAM,WAAW,SAAS,KAAA;GAC1B,iBAAe;GACV;GACK;GACV,GAAI;GACJ,GAAI;GAEH;GACQ,CAAA;;AAIf,QAEE,iBAAA,GAAA,kBAAA,KAAC,YAAD;EACO;EACL,UAAU,YAAY;EACtB,IAAI,MAAM;EACH;EACS;EACP;EACT,GAAI;EACJ,GAAI;EAEH;EACU,CAAA;EAGlB"}

package/lib/SafeLinkButton.js

@@ -1,9 +1,8 @@
-const require_SafeLink = require('./SafeLink.js');
+const require_SafeLink = require("./SafeLink.js");
 let react = require("react");
 let _ndla_primitives = require("@ndla/primitives");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/SafeLinkButton.tsx
 /**
 * Copyright (c) 2019-present, NDLA.
@@ -17,7 +16,7 @@ const SafeLinkButton = (0, react.forwardRef)(({ variant, size, css: cssProp, ...
 	css: _ndla_styled_system_css.css.raw(_ndla_primitives.buttonBaseRecipe.raw({ variant }), variant !== "link" ? _ndla_primitives.buttonRecipe.raw({ size }) : void 0, cssProp),
 	ref
 }));
-
 //#endregion
 exports.SafeLinkButton = SafeLinkButton;
+
 //# sourceMappingURL=SafeLinkButton.js.map

package/lib/SafeLinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeLinkButton.js","names":["SafeLink","css","buttonBaseRecipe","buttonRecipe"],"sources":["../src/SafeLinkButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, buttonRecipe, type ButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkButtonProps extends SafeLinkProps, ButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkButton = forwardRef<HTMLAnchorElement, SafeLinkButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(\n        buttonBaseRecipe.raw({ variant }),\n        variant !== \"link\" ? buttonRecipe.raw({ size }) : undefined,\n        cssProp,\n      )}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,wCACV,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,2CAACA;CACC,GAAI;CACJ,KAAKC,4BAAI,IACPC,kCAAiB,IAAI,EAAE,SAAS,CAAC,EACjC,YAAY,SAASC,8BAAa,IAAI,EAAE,MAAM,CAAC,GAAG,QAClD,QACD;CACI;EACL,CAEL"}
+{"version":3,"file":"SafeLinkButton.js","names":["SafeLink","css","buttonBaseRecipe","buttonRecipe"],"sources":["../src/SafeLinkButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, buttonRecipe, type ButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkButtonProps extends SafeLinkProps, ButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkButton = forwardRef<HTMLAnchorElement, SafeLinkButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(\n        buttonBaseRecipe.raw({ variant }),\n        variant !== \"link\" ? buttonRecipe.raw({ size }) : undefined,\n        cssProp,\n      )}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,kBAAA,GAAA,MAAA,aACV,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,iBAAA,GAAA,kBAAA,KAACA,iBAAAA,UAAD;CACE,GAAI;CACJ,KAAKC,wBAAAA,IAAI,IACPC,iBAAAA,iBAAiB,IAAI,EAAE,SAAS,CAAC,EACjC,YAAY,SAASC,iBAAAA,aAAa,IAAI,EAAE,MAAM,CAAC,GAAG,KAAA,GAClD,QACD;CACI;CACL,CAAA,CAEL"}

package/lib/SafeLinkIconButton.js

@@ -1,9 +1,8 @@
-const require_SafeLink = require('./SafeLink.js');
+const require_SafeLink = require("./SafeLink.js");
 let react = require("react");
 let _ndla_primitives = require("@ndla/primitives");
 let _ndla_styled_system_css = require("@ndla/styled-system/css");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/SafeLinkIconButton.tsx
 /**
 * Copyright (c) 2022-present, NDLA.
@@ -17,7 +16,7 @@ const SafeLinkIconButton = (0, react.forwardRef)(({ variant, size, css: cssProp,
 	css: _ndla_styled_system_css.css.raw(_ndla_primitives.buttonBaseRecipe.raw({ variant }), _ndla_primitives.iconButtonRecipe.raw({ size }), cssProp),
 	ref
 }));
-
 //#endregion
 exports.SafeLinkIconButton = SafeLinkIconButton;
+
 //# sourceMappingURL=SafeLinkIconButton.js.map

package/lib/SafeLinkIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeLinkIconButton.js","names":["SafeLink","css","buttonBaseRecipe","iconButtonRecipe"],"sources":["../src/SafeLinkIconButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2022-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, iconButtonRecipe, type IconButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkIconButtonProps extends SafeLinkProps, IconButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkIconButton = forwardRef<HTMLAnchorElement, SafeLinkIconButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(buttonBaseRecipe.raw({ variant }), iconButtonRecipe.raw({ size }), cssProp)}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,4CACV,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,2CAACA;CACC,GAAI;CACJ,KAAKC,4BAAI,IAAIC,kCAAiB,IAAI,EAAE,SAAS,CAAC,EAAEC,kCAAiB,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ;CACnF;EACL,CAEL"}
+{"version":3,"file":"SafeLinkIconButton.js","names":["SafeLink","css","buttonBaseRecipe","iconButtonRecipe"],"sources":["../src/SafeLinkIconButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2022-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { buttonBaseRecipe, iconButtonRecipe, type IconButtonVariantProps } from \"@ndla/primitives\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport { SafeLink, type SafeLinkProps } from \"./SafeLink\";\n\nexport interface SafeLinkIconButtonProps extends SafeLinkProps, IconButtonVariantProps {\n  children: ReactNode;\n}\n\nexport const SafeLinkIconButton = forwardRef<HTMLAnchorElement, SafeLinkIconButtonProps>(\n  ({ variant, size, css: cssProp, ...props }, ref) => (\n    <SafeLink\n      {...props}\n      css={css.raw(buttonBaseRecipe.raw({ variant }), iconButtonRecipe.raw({ size }), cssProp)}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,sBAAA,GAAA,MAAA,aACV,EAAE,SAAS,MAAM,KAAK,SAAS,GAAG,SAAS,QAC1C,iBAAA,GAAA,kBAAA,KAACA,iBAAAA,UAAD;CACE,GAAI;CACJ,KAAKC,wBAAAA,IAAI,IAAIC,iBAAAA,iBAAiB,IAAI,EAAE,SAAS,CAAC,EAAEC,iBAAAA,iBAAiB,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ;CACnF;CACL,CAAA,CAEL"}

package/lib/index.js

@@ -1,10 +1,9 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_MissingRouterContext = require('./MissingRouterContext.js');
-const require_SafeLink = require('./SafeLink.js');
-const require_SafeLinkButton = require('./SafeLinkButton.js');
-const require_SafeLinkIconButton = require('./SafeLinkIconButton.js');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_MissingRouterContext = require("./MissingRouterContext.js");
+const require_SafeLink = require("./SafeLink.js");
+const require_SafeLinkButton = require("./SafeLinkButton.js");
+const require_SafeLinkIconButton = require("./SafeLinkIconButton.js");
 exports.MissingRouterContext = require_MissingRouterContext.MissingRouterContext;
 exports.SafeLink = require_SafeLink.SafeLink;
 exports.SafeLinkButton = require_SafeLinkButton.SafeLinkButton;
-exports.SafeLinkIconButton = require_SafeLinkIconButton.SafeLinkIconButton;
+exports.SafeLinkIconButton = require_SafeLinkIconButton.SafeLinkIconButton;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/safelink",
   "type": "module",
-  "version": "7.0.127-alpha.0",
+  "version": "7.0.129-alpha.0",
   "description": "SafeLink component for NDLA",
   "license": "GPL-3.0",
   "exports": {
@@ -32,11 +32,11 @@
     "es"
   ],
   "dependencies": {
-    "@ndla/primitives": "^1.0.124-alpha.0",
-    "@ndla/styled-system": "^0.0.47"
+    "@ndla/primitives": "^1.0.126-alpha.0",
+    "@ndla/styled-system": "^0.0.48"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.74",
+    "@ndla/preset-panda": "^0.0.75",
     "@pandacss/dev": "^1.7.0"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bbf5ac47d4046c3da40fe11aa3d653f5d6812b9f"
+  "gitHead": "74f4af9223bd5cbd27679b44b3cab1fcf4d26c76"
 }