@ndla/ui 56.0.43-alpha.0 → 56.0.45-alpha.0

package/README.md

@@ -18,11 +18,12 @@ The following dependencies are optional, but some components may depend on one o
 
 ```js
 react-router
-@ndla/article-converter
-@ndla/button
-@ndla/licenses
+@ndla/core
 @ndla/icons
-@ndla/tabs
+@ndla/licenses
+@ndla/primitives
+@ndla/safelink
+@ndla/styled-system
 @ndla/util
 ```
 

package/es/LicenseByline/LicenseLink.js

@@ -6,6 +6,7 @@
  *
  */
 
+import { forwardRef } from "react";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -27,10 +28,11 @@ const StyledSafeLink = styled(SafeLink, {
     }
   }
 });
-export const LicenseLink = _ref => {
+export const LicenseLink = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     license,
-    hideLink
+    hideLink,
+    ...rest
   } = _ref;
   const disabled = hideLink ? {
     "data-disabled": ""
@@ -43,10 +45,12 @@ export const LicenseLink = _ref => {
       to: license.url,
       rel: "license",
       ...disabled,
+      ...rest,
+      ref: ref,
       children: license.abbreviation
     });
   }
   return /*#__PURE__*/_jsx("span", {
     children: license.abbreviation
   });
-};
+});

package/lib/LicenseByline/LicenseLink.d.ts

@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+/// <reference types="react" />
 import { LicenseLocaleType } from "@ndla/licenses";
-interface Props {
+import { SafeLinkProps } from "@ndla/safelink";
+interface Props extends Omit<SafeLinkProps, "to"> {
     license: LicenseLocaleType;
     hideLink?: boolean;
 }
-export declare const LicenseLink: ({ license, hideLink }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const LicenseLink: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/lib/LicenseByline/LicenseLink.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LicenseLink = void 0;
+var _react = require("react");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -33,10 +34,11 @@ const StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
     }
   }
 });
-const LicenseLink = _ref => {
+const LicenseLink = exports.LicenseLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     license,
-    hideLink
+    hideLink,
+    ...rest
   } = _ref;
   const disabled = hideLink ? {
     "data-disabled": ""
@@ -49,11 +51,12 @@ const LicenseLink = _ref => {
       to: license.url,
       rel: "license",
       ...disabled,
+      ...rest,
+      ref: ref,
       children: license.abbreviation
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     children: license.abbreviation
   });
-};
-exports.LicenseLink = LicenseLink;
+});

package/lib/index.d.ts

@@ -37,6 +37,7 @@ export { type ContentTypeBlockQuoteVariant } from "./ContentTypeBlockQuote/Conte
 export { ContentTypeFramedContent } from "./ContentTypeFramedContent/ContentTypeFramedContent";
 export { type ContentTypeFramedContentVariant } from "./ContentTypeFramedContent/ContentTypeFramedContent";
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
+export type { TagSelectorControlProps, TagSelectorInputProps, TagSelectorRootProps } from "./TagSelector/TagSelector";
 export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput, } from "./TagSelector/TagSelector";
 export { BlogPostV2 } from "./BlogPost";
 export { KeyFigure } from "./KeyFigure";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.43-alpha.0",
+  "version": "56.0.45-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -35,8 +35,8 @@
     "@ndla/core": "^5.0.2",
     "@ndla/icons": "^8.0.28-alpha.0",
     "@ndla/licenses": "^8.0.3-alpha.0",
-    "@ndla/primitives": "^1.0.39-alpha.0",
-    "@ndla/safelink": "^7.0.39-alpha.0",
+    "@ndla/primitives": "^1.0.40-alpha.0",
+    "@ndla/safelink": "^7.0.40-alpha.0",
     "@ndla/styled-system": "^0.0.23",
     "@ndla/util": "^5.0.0-alpha.0",
     "html-react-parser": "^5.1.8",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "90fba8b86f3dcb8b52dfe9e5a6cc2722f55aa843"
+  "gitHead": "e79c68709bfa94d73a608d460f271f41f9f04e09"
 }

package/src/LicenseByline/LicenseLink.tsx

@@ -6,11 +6,12 @@
  *
  */
 
+import { forwardRef } from "react";
 import { LicenseLocaleType } from "@ndla/licenses";
-import { SafeLink } from "@ndla/safelink";
+import { SafeLink, SafeLinkProps } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 
-interface Props {
+interface Props extends Omit<SafeLinkProps, "to"> {
   license: LicenseLocaleType;
   hideLink?: boolean;
 }
@@ -34,17 +35,17 @@ const StyledSafeLink = styled(SafeLink, {
   },
 });
 
-export const LicenseLink = ({ license, hideLink }: Props) => {
+export const LicenseLink = forwardRef<HTMLAnchorElement, Props>(({ license, hideLink, ...rest }, ref) => {
   const disabled = hideLink ? { "data-disabled": "" } : {};
   if (license.abbreviation === "unknown") {
     return null;
   }
   if (license.url?.length) {
     return (
-      <StyledSafeLink to={license.url} rel="license" {...disabled}>
+      <StyledSafeLink to={license.url} rel="license" {...disabled} {...rest} ref={ref}>
         {license.abbreviation}
       </StyledSafeLink>
     );
   }
   return <span>{license.abbreviation}</span>;
-};
+});

package/src/index.ts

@@ -118,6 +118,8 @@ export { type ContentTypeFramedContentVariant } from "./ContentTypeFramedContent
 
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 
+export type { TagSelectorControlProps, TagSelectorInputProps, TagSelectorRootProps } from "./TagSelector/TagSelector";
+
 export {
   TagSelectorRoot,
   TagSelectorLabel,