@ndla/ui 56.0.123-alpha.0 → 56.0.124-alpha.0

package/lib/CampaignBlock/CampaignBlock.js

@@ -1,187 +1,132 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_relativeUrl = require('../utils/relativeUrl.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const html_react_parser = require_rolldown_runtime.__toESM(require("html-react-parser"));
+const __ndla_icons = require_rolldown_runtime.__toESM(require("@ndla/icons"));
+const __ndla_safelink = require_rolldown_runtime.__toESM(require("@ndla/safelink"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/CampaignBlock/CampaignBlock.tsx
+const Wrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	width: "100%",
+	height: "100%",
+	containerType: "inline-size"
+} });
+const Container = (0, __ndla_styled_system_jsx.styled)("div", {
+	base: {
+		display: "grid",
+		gridTemplateColumns: "1fr",
+		border: "1px solid",
+		borderColor: "stroke.default",
+		backgroundColor: "background.default",
+		borderRadius: "xsmall",
+		boxShadow: "full",
+		overflow: "hidden"
+	},
+	variants: {
+		imageSide: {
+			left: {
+				"@/tablet": { gridTemplateColumns: "minmax(230px, 455px) auto" },
+				"@supports not (container-type: inline-size)": { tabletWide: { gridTemplateColumns: "minmax(230px, 455px) auto" } }
+			},
+			right: {
+				"@/tablet": { gridTemplateColumns: "auto minmax(230px, 455px)" },
+				"@supports not (container-type: inline-size)": { tabletWide: { gridTemplateColumns: "auto minmax(230px, 455px)" } }
+			}
+		},
+		background: {
+			neutral: {},
+			brand1: { backgroundColor: "surface.brand.1" },
+			brand3: { backgroundColor: "surface.brand.3" }
+		}
+	},
+	defaultVariants: {
+		imageSide: "left",
+		background: "neutral"
+	}
 });
-exports.default = void 0;
-var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _relativeUrl = require("../utils/relativeUrl");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const Wrapper = (0, _jsx2.styled)("div", {
-  base: {
-    width: "100%",
-    height: "100%",
-    containerType: "inline-size"
-  }
-});
-const Container = (0, _jsx2.styled)("div", {
-  base: {
-    display: "grid",
-    gridTemplateColumns: "1fr",
-    border: "1px solid",
-    borderColor: "stroke.default",
-    backgroundColor: "background.default",
-    borderRadius: "xsmall",
-    boxShadow: "full",
-    overflow: "hidden"
-  },
-  variants: {
-    imageSide: {
-      left: {
-        "@/tablet": {
-          gridTemplateColumns: "minmax(230px, 455px) auto" //required for campaign block in myNdla
-        },
-        "@supports not (container-type: inline-size)": {
-          tabletWide: {
-            gridTemplateColumns: "minmax(230px, 455px) auto"
-          }
-        }
-      },
-      right: {
-        "@/tablet": {
-          gridTemplateColumns: "auto minmax(230px, 455px)" //required for campaign block in myNdla
-        },
-        "@supports not (container-type: inline-size)": {
-          tabletWide: {
-            gridTemplateColumns: "auto minmax(230px, 455px)"
-          }
-        }
-      }
-    },
-    background: {
-      neutral: {},
-      brand1: {
-        backgroundColor: "surface.brand.1"
-      },
-      brand3: {
-        backgroundColor: "surface.brand.3"
-      }
-    }
-  },
-  defaultVariants: {
-    imageSide: "left",
-    background: "neutral"
-  }
-});
-const StyledImg = (0, _jsx2.styled)("img", {
-  base: {
-    objectFit: "cover",
-    width: "100%",
-    height: "215px",
-    "@/tablet": {
-      height: "340px"
-    },
-    "@supports not (container-type: inline-size)": {
-      tablet: {
-        height: "265px"
-      },
-      tabletWide: {
-        height: "340px"
-      }
-    },
-    backgroundColor: "background.default"
-  }
-});
-const ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    paddingBlock: "medium",
-    paddingInline: "medium",
-    position: "relative"
-  }
-});
-const StyledText = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    tablet: {
-      display: "block",
-      overflow: "hidden",
-      position: "relative",
-      lineClamp: 4,
-      boxOrient: "vertical"
-    }
-  }
-});
-const StyledSafeLinkButton = (0, _jsx2.styled)(_safelink.SafeLinkButton, {
-  base: {
-    boxShadow: "full",
-    border: "1px solid",
-    borderColor: "stroke.default"
-  }
-});
-const LinkButton = _ref => {
-  let {
-    url,
-    children,
-    path
-  } = _ref;
-  if (url) return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLinkButton, {
-    to: (0, _relativeUrl.getPossiblyRelativeUrl)(url, path),
-    variant: "secondary",
-    rel: "noopener noreferrer",
-    children: children
-  });
-  return children;
+const StyledImg = (0, __ndla_styled_system_jsx.styled)("img", { base: {
+	objectFit: "cover",
+	width: "100%",
+	height: "215px",
+	"@/tablet": { height: "340px" },
+	"@supports not (container-type: inline-size)": {
+		tablet: { height: "265px" },
+		tabletWide: { height: "340px" }
+	},
+	backgroundColor: "background.default"
+} });
+const ContentWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	width: "100%",
+	display: "flex",
+	flexDirection: "column",
+	gap: "medium",
+	alignItems: "flex-start",
+	justifyContent: "center",
+	paddingBlock: "medium",
+	paddingInline: "medium",
+	position: "relative"
+} });
+const StyledText = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Text, { base: { tablet: {
+	display: "block",
+	overflow: "hidden",
+	position: "relative",
+	lineClamp: 4,
+	boxOrient: "vertical"
+} } });
+const StyledSafeLinkButton = (0, __ndla_styled_system_jsx.styled)(__ndla_safelink.SafeLinkButton, { base: {
+	boxShadow: "full",
+	border: "1px solid",
+	borderColor: "stroke.default"
+} });
+const LinkButton = ({ url, children, path }) => {
+	if (url) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSafeLinkButton, {
+		to: require_relativeUrl.getPossiblyRelativeUrl(url, path),
+		variant: "secondary",
+		rel: "noopener noreferrer",
+		children
+	});
+	return children;
 };
-const CampaignBlock = _ref2 => {
-  let {
-    title,
-    image,
-    imageSide = "left",
-    description,
-    headingLevel: InternalHeading = "h2",
-    url,
-    path,
-    className,
-    background
-  } = _ref2;
-  const imageComponent = image && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
-    src: `${image.src}?width=455`,
-    height: 340,
-    width: 455,
-    alt: image.alt
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-      className: className,
-      "data-embed-type": "campaign-block",
-      imageSide: imageSide,
-      background: background,
-      children: [imageSide === "left" && imageComponent, /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-          asChild: true,
-          consumeCss: true,
-          textStyle: "heading.small",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalHeading, {
-            children: (0, _htmlReactParser.default)(title)
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
-          textStyle: "body.xlarge",
-          children: (0, _htmlReactParser.default)(description)
-        }), !!url?.url && /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkButton, {
-          url: url.url,
-          path: path,
-          children: [(0, _htmlReactParser.default)(url.text ?? ""), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightLine, {})]
-        })]
-      }), imageSide !== "left" && imageComponent]
-    })
-  });
+const CampaignBlock = ({ title, image, imageSide = "left", description, headingLevel: InternalHeading = "h2", url, path, className, background }) => {
+	const imageComponent = image && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledImg, {
+		src: `${image.src}?width=455`,
+		height: 340,
+		width: 455,
+		alt: image.alt
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Container, {
+		className,
+		"data-embed-type": "campaign-block",
+		imageSide,
+		background,
+		children: [
+			imageSide === "left" && imageComponent,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ContentWrapper, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Text, {
+					asChild: true,
+					consumeCss: true,
+					textStyle: "heading.small",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InternalHeading, { children: (0, html_react_parser.default)(title) })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledText, {
+					textStyle: "body.xlarge",
+					children: (0, html_react_parser.default)(description)
+				}),
+				!!url?.url && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LinkButton, {
+					url: url.url,
+					path,
+					children: [(0, html_react_parser.default)(url.text ?? ""), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.ArrowRightLine, {})]
+				})
+			] }),
+			imageSide !== "left" && imageComponent
+		]
+	}) });
 };
-var _default = exports.default = CampaignBlock;
+var CampaignBlock_default = CampaignBlock;
+
+//#endregion
+exports.CampaignBlock_default = CampaignBlock_default;
+//# sourceMappingURL=CampaignBlock.js.map

package/lib/CampaignBlock/CampaignBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CampaignBlock.js","names":["Text","SafeLinkButton","ArrowRightLine"],"sources":["../../src/CampaignBlock/CampaignBlock.tsx"],"sourcesContent":["/**\n * Copyright (c) 2023-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 parse from \"html-react-parser\";\nimport { type ReactNode } from \"react\";\nimport { ArrowRightLine } from \"@ndla/icons\";\nimport { Text } from \"@ndla/primitives\";\nimport { SafeLinkButton } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { CampaignBlockEmbedData } from \"@ndla/types-embed\";\nimport type { HeadingLevel } from \"../types\";\nimport { getPossiblyRelativeUrl } from \"../utils/relativeUrl\";\n\ninterface Image {\n  src: string;\n  alt: string;\n}\n\ninterface Props {\n  title: string;\n  description: string;\n  headingLevel?: HeadingLevel;\n  url: {\n    url?: string;\n    text?: string;\n  };\n  image?: Image;\n  imageSide?: CampaignBlockEmbedData[\"imageSide\"];\n  className?: string;\n  path?: string;\n  background?: CampaignBlockEmbedData[\"background\"];\n}\n\nconst Wrapper = styled(\"div\", {\n  base: {\n    width: \"100%\",\n    height: \"100%\",\n    containerType: \"inline-size\",\n  },\n});\n\nconst Container = styled(\"div\", {\n  base: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr\",\n    border: \"1px solid\",\n    borderColor: \"stroke.default\",\n    backgroundColor: \"background.default\",\n    borderRadius: \"xsmall\",\n    boxShadow: \"full\",\n    overflow: \"hidden\",\n  },\n  variants: {\n    imageSide: {\n      left: {\n        \"@/tablet\": {\n          gridTemplateColumns: \"minmax(230px, 455px) auto\", //required for campaign block in myNdla\n        },\n        \"@supports not (container-type: inline-size)\": {\n          tabletWide: {\n            gridTemplateColumns: \"minmax(230px, 455px) auto\",\n          },\n        },\n      },\n      right: {\n        \"@/tablet\": {\n          gridTemplateColumns: \"auto minmax(230px, 455px)\", //required for campaign block in myNdla\n        },\n        \"@supports not (container-type: inline-size)\": {\n          tabletWide: {\n            gridTemplateColumns: \"auto minmax(230px, 455px)\",\n          },\n        },\n      },\n    },\n    background: {\n      neutral: {},\n      brand1: {\n        backgroundColor: \"surface.brand.1\",\n      },\n      brand3: {\n        backgroundColor: \"surface.brand.3\",\n      },\n    },\n  },\n  defaultVariants: {\n    imageSide: \"left\",\n    background: \"neutral\",\n  },\n});\n\nconst StyledImg = styled(\"img\", {\n  base: {\n    objectFit: \"cover\",\n    width: \"100%\",\n    height: \"215px\",\n    \"@/tablet\": {\n      height: \"340px\",\n    },\n    \"@supports not (container-type: inline-size)\": {\n      tablet: {\n        height: \"265px\",\n      },\n      tabletWide: {\n        height: \"340px\",\n      },\n    },\n    backgroundColor: \"background.default\",\n  },\n});\n\nconst ContentWrapper = styled(\"div\", {\n  base: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"medium\",\n    alignItems: \"flex-start\",\n    justifyContent: \"center\",\n    paddingBlock: \"medium\",\n    paddingInline: \"medium\",\n    position: \"relative\",\n  },\n});\n\nconst StyledText = styled(Text, {\n  base: {\n    tablet: {\n      display: \"block\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      lineClamp: 4,\n      boxOrient: \"vertical\",\n    },\n  },\n});\n\ninterface LinkButtonProps {\n  url?: string;\n  path?: string;\n  children: ReactNode;\n}\n\nconst StyledSafeLinkButton = styled(SafeLinkButton, {\n  base: {\n    boxShadow: \"full\",\n    border: \"1px solid\",\n    borderColor: \"stroke.default\",\n  },\n});\n\nconst LinkButton = ({ url, children, path }: LinkButtonProps) => {\n  if (url)\n    return (\n      <StyledSafeLinkButton to={getPossiblyRelativeUrl(url, path)} variant=\"secondary\" rel=\"noopener noreferrer\">\n        {children}\n      </StyledSafeLinkButton>\n    );\n  return children;\n};\n\nconst CampaignBlock = ({\n  title,\n  image,\n  imageSide = \"left\",\n  description,\n  headingLevel: InternalHeading = \"h2\",\n  url,\n  path,\n  className,\n  background,\n}: Props) => {\n  const imageComponent = image && <StyledImg src={`${image.src}?width=455`} height={340} width={455} alt={image.alt} />;\n\n  return (\n    <Wrapper>\n      <Container className={className} data-embed-type=\"campaign-block\" imageSide={imageSide} background={background}>\n        {imageSide === \"left\" && imageComponent}\n        <ContentWrapper>\n          <Text asChild consumeCss textStyle=\"heading.small\">\n            <InternalHeading>{parse(title)}</InternalHeading>\n          </Text>\n          <StyledText textStyle=\"body.xlarge\">{parse(description)}</StyledText>\n          {!!url?.url && (\n            <LinkButton url={url.url} path={path}>\n              {parse(url.text ?? \"\")}\n              <ArrowRightLine />\n            </LinkButton>\n          )}\n        </ContentWrapper>\n        {imageSide !== \"left\" && imageComponent}\n      </Container>\n    </Wrapper>\n  );\n};\n\nexport default CampaignBlock;\n"],"mappings":";;;;;;;;;;;AAsCA,MAAM,UAAU,qCAAO,OAAO,EAC5B,MAAM;CACJ,OAAO;CACP,QAAQ;CACR,eAAe;AAChB,EACF,EAAC;AAEF,MAAM,YAAY,qCAAO,OAAO;CAC9B,MAAM;EACJ,SAAS;EACT,qBAAqB;EACrB,QAAQ;EACR,aAAa;EACb,iBAAiB;EACjB,cAAc;EACd,WAAW;EACX,UAAU;CACX;CACD,UAAU;EACR,WAAW;GACT,MAAM;IACJ,YAAY,EACV,qBAAqB,4BACtB;IACD,+CAA+C,EAC7C,YAAY,EACV,qBAAqB,4BACtB,EACF;GACF;GACD,OAAO;IACL,YAAY,EACV,qBAAqB,4BACtB;IACD,+CAA+C,EAC7C,YAAY,EACV,qBAAqB,4BACtB,EACF;GACF;EACF;EACD,YAAY;GACV,SAAS,CAAE;GACX,QAAQ,EACN,iBAAiB,kBAClB;GACD,QAAQ,EACN,iBAAiB,kBAClB;EACF;CACF;CACD,iBAAiB;EACf,WAAW;EACX,YAAY;CACb;AACF,EAAC;AAEF,MAAM,YAAY,qCAAO,OAAO,EAC9B,MAAM;CACJ,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY,EACV,QAAQ,QACT;CACD,+CAA+C;EAC7C,QAAQ,EACN,QAAQ,QACT;EACD,YAAY,EACV,QAAQ,QACT;CACF;CACD,iBAAiB;AAClB,EACF,EAAC;AAEF,MAAM,iBAAiB,qCAAO,OAAO,EACnC,MAAM;CACJ,OAAO;CACP,SAAS;CACT,eAAe;CACf,KAAK;CACL,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,eAAe;CACf,UAAU;AACX,EACF,EAAC;AAEF,MAAM,aAAa,qCAAOA,wBAAM,EAC9B,MAAM,EACJ,QAAQ;CACN,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;AACZ,EACF,EACF,EAAC;AAQF,MAAM,uBAAuB,qCAAOC,gCAAgB,EAClD,MAAM;CACJ,WAAW;CACX,QAAQ;CACR,aAAa;AACd,EACF,EAAC;AAEF,MAAM,aAAa,CAAC,EAAE,KAAK,UAAU,MAAuB,KAAK;AAC/D,KAAI,IACF,wBACE,2BAAC;EAAqB,IAAI,2CAAuB,KAAK,KAAK;EAAE,SAAQ;EAAY,KAAI;EAClF;GACoB;AAE3B,QAAO;AACR;AAED,MAAM,gBAAgB,CAAC,EACrB,OACA,OACA,YAAY,QACZ,aACA,cAAc,kBAAkB,MAChC,KACA,MACA,WACA,YACM,KAAK;CACX,MAAM,iBAAiB,yBAAS,2BAAC;EAAU,MAAM,EAAE,MAAM,IAAI;EAAa,QAAQ;EAAK,OAAO;EAAK,KAAK,MAAM;GAAO;AAErH,wBACE,2BAAC,qCACC,4BAAC;EAAqB;EAAW,mBAAgB;EAA4B;EAAuB;;GACjG,cAAc,UAAU;mBACzB,4BAAC;oBACC,2BAACD;KAAK;KAAQ;KAAW,WAAU;+BACjC,2BAAC,6BAAiB,+BAAM,MAAM,GAAmB;MAC5C;oBACP,2BAAC;KAAW,WAAU;eAAe,+BAAM,YAAY;MAAc;MAClE,KAAK,uBACN,4BAAC;KAAW,KAAK,IAAI;KAAW;gBAC7B,+BAAM,IAAI,QAAQ,GAAG,kBACtB,2BAACE,gCAAiB;MACP;OAEA;GAChB,cAAc,UAAU;;GACf,GACJ;AAEb;AAED,4BAAe"}

package/lib/CodeBlock/CodeBlock.js

@@ -1,41 +1,26 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+const __ndla_styled_system_css = require_rolldown_runtime.__toESM(require("@ndla/styled-system/css"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/CodeBlock/CodeBlock.tsx
+const Pre = (0, __ndla_styled_system_jsx.styled)("pre", {});
+const Codeblock = (0, react.forwardRef)(({ highlightedCode, format, className,...props }, ref) => {
+	const codeWithLineNumbers = (0, react.useMemo)(() => {
+		return highlightedCode.split("\n").map((line, i) => {
+			return `<span class="linenumber">${i + 1}</span>${line}`;
+		}).join("\n");
+	}, [highlightedCode]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, {
+		className: (0, __ndla_styled_system_css.cx)("codeblock", `language-${format}`, className),
+		...props,
+		dangerouslySetInnerHTML: { __html: codeWithLineNumbers },
+		ref
+	});
 });
-exports.default = exports.Codeblock = void 0;
-var _react = require("react");
-var _css = require("@ndla/styled-system/css");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2020-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+var CodeBlock_default = Codeblock;
 
-const Pre = (0, _jsx2.styled)("pre", {});
-const Codeblock = exports.Codeblock = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    highlightedCode,
-    format,
-    className,
-    ...props
-  } = _ref;
-  const codeWithLineNumbers = (0, _react.useMemo)(() => {
-    return highlightedCode.split("\n").map((line, i) => {
-      return `<span class="linenumber">${i + 1}</span>${line}`;
-    }).join("\n");
-  }, [highlightedCode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Pre, {
-    className: (0, _css.cx)("codeblock", `language-${format}`, className),
-    ...props,
-    dangerouslySetInnerHTML: {
-      __html: codeWithLineNumbers
-    },
-    ref: ref
-  });
-});
-var _default = exports.default = Codeblock;
+//#endregion
+exports.CodeBlock_default = CodeBlock_default;
+//# sourceMappingURL=CodeBlock.js.map

package/lib/CodeBlock/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","names":[],"sources":["../../src/CodeBlock/CodeBlock.tsx"],"sourcesContent":["/**\n * Copyright (c) 2020-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 { type ComponentPropsWithRef, forwardRef, useMemo } from \"react\";\nimport { cx } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { JsxStyleProps } from \"@ndla/styled-system/types\";\n\ninterface Props extends JsxStyleProps, ComponentPropsWithRef<\"pre\"> {\n  highlightedCode: string;\n  format: string;\n}\n\nconst Pre = styled(\"pre\", {});\n\nexport const Codeblock = forwardRef<HTMLPreElement, Props>(({ highlightedCode, format, className, ...props }, ref) => {\n  const codeWithLineNumbers = useMemo(() => {\n    return highlightedCode\n      .split(\"\\n\")\n      .map((line, i) => {\n        return `<span class=\"linenumber\">${i + 1}</span>${line}`;\n      })\n      .join(\"\\n\");\n  }, [highlightedCode]);\n\n  return (\n    <Pre\n      className={cx(\"codeblock\", `language-${format}`, className)}\n      {...props}\n      dangerouslySetInnerHTML={{ __html: codeWithLineNumbers }}\n      ref={ref}\n    />\n  );\n});\n\nexport default Codeblock;\n"],"mappings":";;;;;;;AAkBA,MAAM,MAAM,qCAAO,OAAO,CAAE,EAAC;AAE7B,MAAa,YAAY,sBAAkC,CAAC,EAAE,iBAAiB,QAAQ,UAAW,GAAG,OAAO,EAAE,QAAQ;CACpH,MAAM,sBAAsB,mBAAQ,MAAM;AACxC,SAAO,gBACJ,MAAM,KAAK,CACX,IAAI,CAAC,MAAM,MAAM;AAChB,WAAQ,2BAA2B,IAAI,EAAE,SAAS,KAAK;EACxD,EAAC,CACD,KAAK,KAAK;CACd,GAAE,CAAC,eAAgB,EAAC;AAErB,wBACE,2BAAC;EACC,WAAW,iCAAG,cAAc,WAAW,OAAO,GAAG,UAAU;EAC3D,GAAI;EACJ,yBAAyB,EAAE,QAAQ,oBAAqB;EACnD;GACL;AAEL,EAAC;AAEF,wBAAe"}

package/lib/CodeBlock/codeLanguageOptions.js

@@ -1,90 +1,115 @@
-"use strict";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.codeLanguageOptions = void 0;
+//#region src/CodeBlock/codeLanguageOptions.ts
 /**
- * Copyright (c) 2019-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+* Copyright (c) 2019-present, NDLA.
+*
+* This source code is licensed under the GPLv3 license found in the
+* LICENSE file in the root directory of this source tree.
+*
+*/
+const codeLanguageOptions = [
+	{
+		title: "Bash",
+		format: "bash"
+	},
+	{
+		title: "C",
+		format: "c"
+	},
+	{
+		title: "CSharp",
+		format: "csharp"
+	},
+	{
+		title: "CSS",
+		format: "css"
+	},
+	{
+		title: "Diff",
+		format: "diff"
+	},
+	{
+		title: "HTML",
+		format: "markup"
+	},
+	{
+		title: "Ini",
+		format: "ini"
+	},
+	{
+		title: "Java",
+		format: "java"
+	},
+	{
+		title: "Javascript",
+		format: "js"
+	},
+	{
+		title: "JSON",
+		format: "json"
+	},
+	{
+		title: "JSX",
+		format: "jsx"
+	},
+	{
+		title: "Kotlin",
+		format: "kotlin"
+	},
+	{
+		title: "LUA",
+		format: "lua"
+	},
+	{
+		title: "Markdown",
+		format: "markdown"
+	},
+	{
+		title: "Matlab",
+		format: "matlab"
+	},
+	{
+		title: "NSIS",
+		format: "nsis"
+	},
+	{
+		title: "PHP",
+		format: "php"
+	},
+	{
+		title: "Powershell",
+		format: "powershell"
+	},
+	{
+		title: "Python",
+		format: "python"
+	},
+	{
+		title: "Ruby",
+		format: "ruby"
+	},
+	{
+		title: "Rust",
+		format: "rust"
+	},
+	{
+		title: "SQL",
+		format: "sql"
+	},
+	{
+		title: "Text",
+		format: "text"
+	},
+	{
+		title: "VHDL",
+		format: "vhdl"
+	},
+	{
+		title: "XML",
+		format: "xml"
+	}
+];
 
-const codeLanguageOptions = exports.codeLanguageOptions = [{
-  title: "Bash",
-  format: "bash"
-}, {
-  title: "C",
-  format: "c"
-}, {
-  title: "CSharp",
-  format: "csharp"
-}, {
-  title: "CSS",
-  format: "css"
-}, {
-  title: "Diff",
-  format: "diff"
-}, {
-  title: "HTML",
-  format: "markup"
-}, {
-  title: "Ini",
-  format: "ini"
-}, {
-  title: "Java",
-  format: "java"
-}, {
-  title: "Javascript",
-  format: "js"
-}, {
-  title: "JSON",
-  format: "json"
-}, {
-  title: "JSX",
-  format: "jsx"
-}, {
-  title: "Kotlin",
-  format: "kotlin"
-}, {
-  title: "LUA",
-  format: "lua"
-}, {
-  title: "Markdown",
-  format: "markdown"
-}, {
-  title: "Matlab",
-  format: "matlab"
-}, {
-  title: "NSIS",
-  format: "nsis"
-}, {
-  title: "PHP",
-  format: "php"
-}, {
-  title: "Powershell",
-  format: "powershell"
-}, {
-  title: "Python",
-  format: "python"
-}, {
-  title: "Ruby",
-  format: "ruby"
-}, {
-  title: "Rust",
-  format: "rust"
-}, {
-  title: "SQL",
-  format: "sql"
-}, {
-  title: "Text",
-  format: "text"
-}, {
-  title: "VHDL",
-  format: "vhdl"
-}, {
-  title: "XML",
-  format: "xml"
-}];
+//#endregion
+exports.codeLanguageOptions = codeLanguageOptions;
+//# sourceMappingURL=codeLanguageOptions.js.map

package/lib/CodeBlock/codeLanguageOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeLanguageOptions.js","names":["codeLanguageOptions: Array<ICodeLangugeOption>"],"sources":["../../src/CodeBlock/codeLanguageOptions.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\nexport const codeLanguageOptions: Array<ICodeLangugeOption> = [\n  {\n    title: \"Bash\",\n    format: \"bash\",\n  },\n  {\n    title: \"C\",\n    format: \"c\",\n  },\n  {\n    title: \"CSharp\",\n    format: \"csharp\",\n  },\n  {\n    title: \"CSS\",\n    format: \"css\",\n  },\n  {\n    title: \"Diff\",\n    format: \"diff\",\n  },\n  {\n    title: \"HTML\",\n    format: \"markup\",\n  },\n  {\n    title: \"Ini\",\n    format: \"ini\",\n  },\n  {\n    title: \"Java\",\n    format: \"java\",\n  },\n  {\n    title: \"Javascript\",\n    format: \"js\",\n  },\n  {\n    title: \"JSON\",\n    format: \"json\",\n  },\n  {\n    title: \"JSX\",\n    format: \"jsx\",\n  },\n  {\n    title: \"Kotlin\",\n    format: \"kotlin\",\n  },\n  {\n    title: \"LUA\",\n    format: \"lua\",\n  },\n  {\n    title: \"Markdown\",\n    format: \"markdown\",\n  },\n  {\n    title: \"Matlab\",\n    format: \"matlab\",\n  },\n  {\n    title: \"NSIS\",\n    format: \"nsis\",\n  },\n  {\n    title: \"PHP\",\n    format: \"php\",\n  },\n  {\n    title: \"Powershell\",\n    format: \"powershell\",\n  },\n  {\n    title: \"Python\",\n    format: \"python\",\n  },\n  {\n    title: \"Ruby\",\n    format: \"ruby\",\n  },\n  {\n    title: \"Rust\",\n    format: \"rust\",\n  },\n  {\n    title: \"SQL\",\n    format: \"sql\",\n  },\n  {\n    title: \"Text\",\n    format: \"text\",\n  },\n  {\n    title: \"VHDL\",\n    format: \"vhdl\",\n  },\n  {\n    title: \"XML\",\n    format: \"xml\",\n  },\n];\n\nexport interface ICodeLangugeOption {\n  title: string;\n  format: string;\n}\n"],"mappings":";;;;;;;;;AAQA,MAAaA,sBAAiD;CAC5D;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;CACD;EACE,OAAO;EACP,QAAQ;CACT;AACF"}