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

package/lib/Embed/UnknownEmbed.js

@@ -1,37 +1,21 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const react_i18next = require_rolldown_runtime.__toESM(require("react-i18next"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactI18next = require("react-i18next");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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 UnknownEmbed = _ref => {
-  let {
-    embed
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-    color: "text.error",
-    asChild: true,
-    consumeCss: true,
-    "data-embed-type": "unknown",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: t("embed.unsupported", {
-        type: embed.resource
-      })
-    })
-  });
+//#region src/Embed/UnknownEmbed.tsx
+const UnknownEmbed = ({ embed }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Text, {
+		color: "text.error",
+		asChild: true,
+		consumeCss: true,
+		"data-embed-type": "unknown",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("embed.unsupported", { type: embed.resource }) })
+	});
 };
-var _default = exports.default = UnknownEmbed;
+var UnknownEmbed_default = UnknownEmbed;
+
+//#endregion
+exports.UnknownEmbed_default = UnknownEmbed_default;
+//# sourceMappingURL=UnknownEmbed.js.map

package/lib/Embed/UnknownEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnknownEmbed.js","names":["Text"],"sources":["../../src/Embed/UnknownEmbed.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 { useTranslation } from \"react-i18next\";\nimport { Text } from \"@ndla/primitives\";\nimport type { MetaData } from \"@ndla/types-embed\";\n\ninterface Props {\n  embed: MetaData<any, any>;\n}\n\nconst UnknownEmbed = ({ embed }: Props) => {\n  const { t } = useTranslation();\n  return (\n    <Text color=\"text.error\" asChild consumeCss data-embed-type=\"unknown\">\n      <span>{t(\"embed.unsupported\", { type: embed.resource })}</span>\n    </Text>\n  );\n};\n\nexport default UnknownEmbed;\n"],"mappings":";;;;;;AAgBA,MAAM,eAAe,CAAC,EAAE,OAAc,KAAK;CACzC,MAAM,EAAE,GAAG,GAAG,mCAAgB;AAC9B,wBACE,2BAACA;EAAK,OAAM;EAAa;EAAQ;EAAW,mBAAgB;4BAC1D,2BAAC,oBAAM,EAAE,qBAAqB,EAAE,MAAM,MAAM,SAAU,EAAC,GAAQ;GAC1D;AAEV;AAED,2BAAe"}

package/lib/Embed/UuDisclaimerEmbed.js

@@ -1,94 +1,55 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.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 react_i18next = require_rolldown_runtime.__toESM(require("react-i18next"));
+const __ndla_icons = require_rolldown_runtime.__toESM(require("@ndla/icons"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+const __ark_ui_react = require_rolldown_runtime.__toESM(require("@ark-ui/react"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactI18next = require("react-i18next");
-var _react = require("@ark-ui/react");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-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 DisclaimerWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "3xsmall",
-    clear: "both"
-  }
-});
-const StyledIconButton = (0, _jsx2.styled)(_primitives.IconButton, {
-  base: {
-    alignSelf: "flex-end"
-  }
-});
-const StyledErrorWarningFill = (0, _jsx2.styled)(_icons.ErrorWarningFill, {
-  base: {
-    alignSelf: "flex-end",
-    fill: "icon.subtle"
-  }
-});
-const StyledPopoverContent = (0, _jsx2.styled)(_primitives.PopoverContent, {
-  base: {
-    width: "surface.xlarge",
-    maxHeight: "50vh",
-    overflowY: "auto"
-  }
-});
-const UuDisclaimerEmbed = _ref => {
-  let {
-    embed,
-    transformedDisclaimer,
-    children
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  if (embed.status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DisclaimerWrapper, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledErrorWarningFill, {
-        "aria-label": t("embed.embedError", {
-          type: t("embed.type.disclaimer")
-        }),
-        title: t("embed.embedError", {
-          type: t("embed.type.disclaimer")
-        })
-      }), children]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DisclaimerWrapper, {
-    role: "region",
-    "data-embed-type": "uu-disclaimer",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIconButton, {
-          size: "small",
-          variant: "secondary",
-          "aria-label": t("uuDisclaimer.title"),
-          title: t("uuDisclaimer.title"),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AccessibilityFill, {})
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Portal, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopoverContent, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            children: transformedDisclaimer
-          })
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      "data-uu-content": "",
-      children: children
-    })]
-  });
+//#region src/Embed/UuDisclaimerEmbed.tsx
+const DisclaimerWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	display: "flex",
+	flexDirection: "column",
+	gap: "3xsmall",
+	clear: "both"
+} });
+const StyledIconButton = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.IconButton, { base: { alignSelf: "flex-end" } });
+const StyledErrorWarningFill = (0, __ndla_styled_system_jsx.styled)(__ndla_icons.ErrorWarningFill, { base: {
+	alignSelf: "flex-end",
+	fill: "icon.subtle"
+} });
+const StyledPopoverContent = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.PopoverContent, { base: {
+	width: "surface.xlarge",
+	maxHeight: "50vh",
+	overflowY: "auto"
+} });
+const UuDisclaimerEmbed = ({ embed, transformedDisclaimer, children }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	if (embed.status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DisclaimerWrapper, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledErrorWarningFill, {
+		"aria-label": t("embed.embedError", { type: t("embed.type.disclaimer") }),
+		title: t("embed.embedError", { type: t("embed.type.disclaimer") })
+	}), children] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DisclaimerWrapper, {
+		role: "region",
+		"data-embed-type": "uu-disclaimer",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ndla_primitives.PopoverRoot, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIconButton, {
+				size: "small",
+				variant: "secondary",
+				"aria-label": t("uuDisclaimer.title"),
+				title: t("uuDisclaimer.title"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.AccessibilityFill, {})
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledPopoverContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: transformedDisclaimer }) }) })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-uu-content": "",
+			children
+		})]
+	});
 };
-var _default = exports.default = UuDisclaimerEmbed;
+var UuDisclaimerEmbed_default = UuDisclaimerEmbed;
+
+//#endregion
+exports.UuDisclaimerEmbed_default = UuDisclaimerEmbed_default;
+//# sourceMappingURL=UuDisclaimerEmbed.js.map

package/lib/Embed/UuDisclaimerEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UuDisclaimerEmbed.js","names":["IconButton","ErrorWarningFill","PopoverContent","PopoverRoot","PopoverTrigger","AccessibilityFill","Portal"],"sources":["../../src/Embed/UuDisclaimerEmbed.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-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 ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Portal } from \"@ark-ui/react\";\nimport { AccessibilityFill, ErrorWarningFill } from \"@ndla/icons\";\nimport { IconButton, PopoverContent, PopoverRoot, PopoverTrigger } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { UuDisclaimerMetaData } from \"@ndla/types-embed\";\n\ninterface Props {\n  embed: UuDisclaimerMetaData;\n  transformedDisclaimer: ReactNode;\n  children?: ReactNode;\n}\n\nconst DisclaimerWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"3xsmall\",\n    clear: \"both\",\n  },\n});\n\nconst StyledIconButton = styled(IconButton, {\n  base: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nconst StyledErrorWarningFill = styled(ErrorWarningFill, {\n  base: {\n    alignSelf: \"flex-end\",\n    fill: \"icon.subtle\",\n  },\n});\n\nconst StyledPopoverContent = styled(PopoverContent, {\n  base: {\n    width: \"surface.xlarge\",\n    maxHeight: \"50vh\",\n    overflowY: \"auto\",\n  },\n});\n\nconst UuDisclaimerEmbed = ({ embed, transformedDisclaimer, children }: Props) => {\n  const { t } = useTranslation();\n  if (embed.status === \"error\") {\n    return (\n      <DisclaimerWrapper>\n        <StyledErrorWarningFill\n          aria-label={t(\"embed.embedError\", { type: t(\"embed.type.disclaimer\") })}\n          title={t(\"embed.embedError\", { type: t(\"embed.type.disclaimer\") })}\n        />\n        {children}\n      </DisclaimerWrapper>\n    );\n  }\n\n  return (\n    <DisclaimerWrapper role=\"region\" data-embed-type=\"uu-disclaimer\">\n      <PopoverRoot>\n        <PopoverTrigger asChild>\n          <StyledIconButton\n            size=\"small\"\n            variant=\"secondary\"\n            aria-label={t(\"uuDisclaimer.title\")}\n            title={t(\"uuDisclaimer.title\")}\n          >\n            <AccessibilityFill />\n          </StyledIconButton>\n        </PopoverTrigger>\n        <Portal>\n          <StyledPopoverContent>\n            <div>{transformedDisclaimer}</div>\n          </StyledPopoverContent>\n        </Portal>\n      </PopoverRoot>\n      <div data-uu-content=\"\">{children}</div>\n    </DisclaimerWrapper>\n  );\n};\n\nexport default UuDisclaimerEmbed;\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,oBAAoB,qCAAO,OAAO,EACtC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,OAAO;AACR,EACF,EAAC;AAEF,MAAM,mBAAmB,qCAAOA,8BAAY,EAC1C,MAAM,EACJ,WAAW,WACZ,EACF,EAAC;AAEF,MAAM,yBAAyB,qCAAOC,+BAAkB,EACtD,MAAM;CACJ,WAAW;CACX,MAAM;AACP,EACF,EAAC;AAEF,MAAM,uBAAuB,qCAAOC,kCAAgB,EAClD,MAAM;CACJ,OAAO;CACP,WAAW;CACX,WAAW;AACZ,EACF,EAAC;AAEF,MAAM,oBAAoB,CAAC,EAAE,OAAO,uBAAuB,UAAiB,KAAK;CAC/E,MAAM,EAAE,GAAG,GAAG,mCAAgB;AAC9B,KAAI,MAAM,WAAW,QACnB,wBACE,4BAAC,gDACC,2BAAC;EACC,cAAY,EAAE,oBAAoB,EAAE,MAAM,EAAE,wBAAwB,CAAE,EAAC;EACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,wBAAwB,CAAE,EAAC;GAClE,EACD,YACiB;AAIxB,wBACE,4BAAC;EAAkB,MAAK;EAAS,mBAAgB;6BAC/C,4BAACC,4DACC,2BAACC;GAAe;6BACd,2BAAC;IACC,MAAK;IACL,SAAQ;IACR,cAAY,EAAE,qBAAqB;IACnC,OAAO,EAAE,qBAAqB;8BAE9B,2BAACC,mCAAoB;KACJ;IACJ,kBACjB,2BAACC,mDACC,2BAAC,kDACC,2BAAC,mBAAK,wBAA4B,GACb,GAChB,IACG,kBACd,2BAAC;GAAI,mBAAgB;GAAI;IAAe;GACtB;AAEvB;AAED,gCAAe"}

package/lib/ErrorMessage/ErrorMessage.js

@@ -1,101 +1,55 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.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 __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
-});
-exports.default = exports.ErrorMessage = void 0;
-var _primitives = require("@ndla/primitives");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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.
- *
- */
+//#region src/ErrorMessage/ErrorMessage.tsx
+const StyledErrorMessage = (0, __ndla_styled_system_jsx.styled)("article", { base: {
+	textAlign: "center",
+	"& a": { color: "text.strong" },
+	"& h1": { marginTop: "0" }
+} });
+const IllustrationWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	display: "flex",
+	justifyContent: "center",
+	marginBottom: "medium",
+	tablet: { marginTop: "xxlarge" }
+} });
+const Description = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Text, { base: {
+	marginBottom: "medium",
+	tablet: { marginBottom: "xxlarge" }
+} });
+const CustomElementWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: { marginBlock: "xxlarge" } });
+const MessageWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: { marginTop: "3xsmall" } });
+const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledErrorMessage, { children: [
+	!!illustration && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IllustrationWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: illustration.url,
+		alt: illustration.altText
+	}) }),
+	!!illustrationElement && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IllustrationWrapper, { children: illustrationElement }),
+	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: messages.title }),
+	!!messages.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, { children: messages.description }),
+	!!customElement && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomElementWrapper, { children: customElement }),
+	!!messages.linksTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: messages.linksTitle }),
+	!!messages.back && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_safelink.SafeLink, {
+		to: `/#${encodeURI(messages.back)}`,
+		onClick: () => window.history.back(),
+		children: messages.back
+	}),
+	!!messages.goToFrontPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_safelink.SafeLink, {
+		to: "/",
+		children: messages.goToFrontPage
+	}) }),
+	!!messages.logInFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_safelink.SafeLink, {
+		to: "/minndla",
+		children: messages.logInFailed
+	}) }),
+	children
+] });
+var ErrorMessage_default = ErrorMessage;
 
-// TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda
-const StyledErrorMessage = (0, _jsx2.styled)("article", {
-  base: {
-    textAlign: "center",
-    "& a": {
-      color: "text.strong"
-    },
-    "& h1": {
-      marginTop: "0"
-    }
-  }
-});
-const IllustrationWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    justifyContent: "center",
-    marginBottom: "medium",
-    tablet: {
-      marginTop: "xxlarge"
-    }
-  }
-});
-const Description = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    marginBottom: "medium",
-    tablet: {
-      marginBottom: "xxlarge"
-    }
-  }
-});
-const CustomElementWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    marginBlock: "xxlarge"
-  }
-});
-const MessageWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    marginTop: "3xsmall"
-  }
-});
-const ErrorMessage = _ref => {
-  let {
-    children,
-    messages,
-    illustration,
-    illustrationElement,
-    customElement
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledErrorMessage, {
-    children: [!!illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: illustration.url,
-        alt: illustration.altText
-      })
-    }), !!illustrationElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
-      children: illustrationElement
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-      children: messages.title
-    }), !!messages.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
-      children: messages.description
-    }), !!customElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomElementWrapper, {
-      children: customElement
-    }), !!messages.linksTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-      children: messages.linksTitle
-    }), !!messages.back && /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
-      to: `/#${encodeURI(messages.back)}`,
-      onClick: () => window.history.back(),
-      children: messages.back
-    }), !!messages.goToFrontPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
-        to: "/",
-        children: messages.goToFrontPage
-      })
-    }), !!messages.logInFailed && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
-        to: "/minndla",
-        children: messages.logInFailed
-      })
-    }), children]
-  });
-};
-exports.ErrorMessage = ErrorMessage;
-var _default = exports.default = ErrorMessage;
+//#endregion
+exports.ErrorMessage_default = ErrorMessage_default;
+//# sourceMappingURL=ErrorMessage.js.map

package/lib/ErrorMessage/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","names":["Text","SafeLink"],"sources":["../../src/ErrorMessage/ErrorMessage.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 { type ReactNode } from \"react\";\nimport { Text } from \"@ndla/primitives\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\n\n// TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda\n\nconst StyledErrorMessage = styled(\"article\", {\n  base: {\n    textAlign: \"center\",\n    \"& a\": {\n      color: \"text.strong\",\n    },\n    \"& h1\": {\n      marginTop: \"0\",\n    },\n  },\n});\n\nconst IllustrationWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    marginBottom: \"medium\",\n    tablet: {\n      marginTop: \"xxlarge\",\n    },\n  },\n});\n\nconst Description = styled(Text, {\n  base: {\n    marginBottom: \"medium\",\n    tablet: {\n      marginBottom: \"xxlarge\",\n    },\n  },\n});\n\nconst CustomElementWrapper = styled(\"div\", {\n  base: {\n    marginBlock: \"xxlarge\",\n  },\n});\n\nconst MessageWrapper = styled(\"div\", {\n  base: {\n    marginTop: \"3xsmall\",\n  },\n});\n\ninterface Props {\n  messages: {\n    title: string;\n    description?: string;\n    linksTitle?: string;\n    back?: string;\n    goToFrontPage?: string;\n    logInFailed?: string;\n  };\n  illustration?: {\n    url: string;\n    altText: string;\n  };\n  illustrationElement?: ReactNode;\n  customElement?: ReactNode;\n  children?: ReactNode;\n}\nexport const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }: Props) => (\n  <StyledErrorMessage>\n    {!!illustration && (\n      <IllustrationWrapper>\n        <img src={illustration.url} alt={illustration.altText} />\n      </IllustrationWrapper>\n    )}\n    {!!illustrationElement && <IllustrationWrapper>{illustrationElement}</IllustrationWrapper>}\n    <h1>{messages.title}</h1>\n    {!!messages.description && <Description>{messages.description}</Description>}\n    {!!customElement && <CustomElementWrapper>{customElement}</CustomElementWrapper>}\n    {!!messages.linksTitle && <h2>{messages.linksTitle}</h2>}\n    {!!messages.back && (\n      <SafeLink to={`/#${encodeURI(messages.back)}`} onClick={() => window.history.back()}>\n        {messages.back}\n      </SafeLink>\n    )}\n    {!!messages.goToFrontPage && (\n      <MessageWrapper>\n        <SafeLink to=\"/\">{messages.goToFrontPage}</SafeLink>\n      </MessageWrapper>\n    )}\n    {!!messages.logInFailed && (\n      <MessageWrapper>\n        <SafeLink to=\"/minndla\">{messages.logInFailed}</SafeLink>\n      </MessageWrapper>\n    )}\n    {children}\n  </StyledErrorMessage>\n);\n\nexport default ErrorMessage;\n"],"mappings":";;;;;;;;AAeA,MAAM,qBAAqB,qCAAO,WAAW,EAC3C,MAAM;CACJ,WAAW;CACX,OAAO,EACL,OAAO,cACR;CACD,QAAQ,EACN,WAAW,IACZ;AACF,EACF,EAAC;AAEF,MAAM,sBAAsB,qCAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,gBAAgB;CAChB,cAAc;CACd,QAAQ,EACN,WAAW,UACZ;AACF,EACF,EAAC;AAEF,MAAM,cAAc,qCAAOA,wBAAM,EAC/B,MAAM;CACJ,cAAc;CACd,QAAQ,EACN,cAAc,UACf;AACF,EACF,EAAC;AAEF,MAAM,uBAAuB,qCAAO,OAAO,EACzC,MAAM,EACJ,aAAa,UACd,EACF,EAAC;AAEF,MAAM,iBAAiB,qCAAO,OAAO,EACnC,MAAM,EACJ,WAAW,UACZ,EACF,EAAC;AAmBF,MAAa,eAAe,CAAC,EAAE,UAAU,UAAU,cAAc,qBAAqB,eAAsB,qBAC1G,4BAAC;GACI,gCACD,2BAAC,iDACC,2BAAC;EAAI,KAAK,aAAa;EAAK,KAAK,aAAa;GAAW,GACrC;GAErB,uCAAuB,2BAAC,iCAAqB,sBAA0C;iBAC1F,2BAAC,kBAAI,SAAS,QAAW;GACtB,SAAS,+BAAe,2BAAC,yBAAa,SAAS,cAA0B;GACzE,iCAAiB,2BAAC,kCAAsB,gBAAqC;GAC7E,SAAS,8BAAc,2BAAC,kBAAI,SAAS,aAAgB;GACrD,SAAS,wBACV,2BAACC;EAAS,KAAK,IAAI,UAAU,SAAS,KAAK,CAAC;EAAG,SAAS,MAAM,OAAO,QAAQ,MAAM;YAChF,SAAS;GACD;GAEV,SAAS,iCACV,2BAAC,4CACC,2BAACA;EAAS,IAAG;YAAK,SAAS;GAAyB,GACrC;GAEhB,SAAS,+BACV,2BAAC,4CACC,2BAACA;EAAS,IAAG;YAAY,SAAS;GAAuB,GAC1C;CAElB;IACkB;AAGvB,2BAAe"}

package/lib/ErrorMessage/index.js

@@ -1,16 +1,8 @@
-"use strict";
+const require_ErrorMessage = require('./ErrorMessage.js');
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * 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.
- *
- */
-var _default = exports.default = _ErrorMessage.default;
+//#region src/ErrorMessage/index.ts
+var ErrorMessage_default$1 = require_ErrorMessage.ErrorMessage_default;
+
+//#endregion
+exports.ErrorMessage_default = ErrorMessage_default$1;
+//# sourceMappingURL=index.js.map

package/lib/ErrorMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ErrorMessage"],"sources":["../../src/ErrorMessage/index.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 ErrorMessage from \"./ErrorMessage\";\n\nexport default ErrorMessage;\n"],"mappings":";;;AAUA,6BAAeA"}