@telia-ace/widget-components-not-found 0.0.1

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as NotFoundComponent } from './not-found-component';
+
+export default NotFoundComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const t=require("@telia-ace/widget-ui"),o=e=>t.createReactComponent(e,"not-found",Promise.resolve().then(()=>require("./not-found-c8d08104.js")));module.exports=o;

package/index.mjs

@@ -0,0 +1,5 @@
+import { createReactComponent as t } from "@telia-ace/widget-ui";
+const e = (o) => t(o, "not-found", import("./not-found-2f5e3fec.mjs"));
+export {
+  e as default
+};

package/not-found-2f5e3fec.mjs

@@ -0,0 +1,114 @@
+import { jsxs as n, jsx as r, Fragment as y } from "react/jsx-runtime";
+import { css as p, useTheme as z } from "@emotion/react";
+import { DetachedComponent as b } from "@telia-ace/widget-types-grid";
+import { contentBox as v, headingElement as u, Typography as h, TextLink as N, useProperties as j, useContainer as C } from "@telia-ace/widget-ui";
+import o from "@emotion/styled";
+const L = ({
+  header: t = "",
+  link: e = "",
+  suggestionHeader: s = "",
+  suggestion: i = ""
+}) => /* @__PURE__ */ n(k, { children: [
+  /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(h, { variant: "h2", children: "404" }) }),
+  /* @__PURE__ */ n(P, { children: [
+    /* @__PURE__ */ r(h, { variant: "h3", children: t }),
+    /* @__PURE__ */ r(N, { routeName: "index", "aria-label": e, text: e })
+  ] }),
+  /* @__PURE__ */ n(T, { children: [
+    /* @__PURE__ */ r("span", { children: s }),
+    /* @__PURE__ */ r("ul", { children: /* @__PURE__ */ r("li", { children: i }) })
+  ] })
+] }), k = o.div`
+  ${(t) => v(t)}
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: flex-start;
+  padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}};
+`, F = o.div`
+  ${(t) => {
+  var e;
+  return u(t)(
+    "h2",
+    p`
+        padding: 0;
+        margin: 0;
+        color: gray;
+        font-size: ${(e = t.theme.fonts) == null ? void 0 : e.huge};
+      `
+  );
+}}
+`, P = o.div`
+  margin-left: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}};
+
+  ${(t) => {
+  var e;
+  return u(t)(
+    "h3",
+    p`
+        text-transform: uppercase;
+        font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
+      `
+  );
+}}
+
+  a {
+    color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.link;
+}};
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.small;
+}};
+  }
+`, T = o.div`
+  margin-top: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}};
+  min-width: 100%;
+
+  span {
+    font-weight: bold;
+  }
+`, O = () => {
+  const { header: t, linkLabel: e, suggestionHeader: s, suggestionLabel: i, showSearch: f } = j(), g = C(), a = z();
+  return /* @__PURE__ */ n(y, { children: [
+    f && /* @__PURE__ */ r(
+      b,
+      {
+        builder: (x) => g.get("settings").then((c) => {
+          var m;
+          const $ = Object.keys(
+            c.components
+          ).reduce((w, l) => c.components[l].type === "search" ? c.components[l].properties : w, {}), d = x.createNode("search", {
+            detached: !0
+          });
+          return d.writeLayout({ size: "full" }), d.writeProperties({
+            "css-margin-bottom": ((m = a == null ? void 0 : a.sizes) == null ? void 0 : m.normal) || "15px",
+            ...$
+          }), d;
+        })
+      }
+    ),
+    /* @__PURE__ */ r(
+      L,
+      {
+        header: t,
+        link: e,
+        suggestionHeader: s,
+        suggestion: i
+      }
+    )
+  ] });
+};
+export {
+  O as default
+};

package/not-found-base.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+type Props = {
+    header?: string;
+    link?: string;
+    suggestionHeader?: string;
+    suggestion?: string;
+};
+declare const NotFoundBase: React.FC<Props>;
+export default NotFoundBase;

package/not-found-c8d08104.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("@emotion/react"),j=require("@telia-ace/widget-types-grid"),s=require("@telia-ace/widget-ui"),r=require("@emotion/styled"),y=({header:t="",link:e="",suggestionHeader:o="",suggestion:i=""})=>n.jsxs(w,{children:[n.jsx($,{children:n.jsx(s.Typography,{variant:"h2",children:"404"})}),n.jsxs(b,{children:[n.jsx(s.Typography,{variant:"h3",children:t}),n.jsx(s.TextLink,{routeName:"index","aria-label":e,text:e})]}),n.jsxs(z,{children:[n.jsx("span",{children:o}),n.jsx("ul",{children:n.jsx("li",{children:i})})]})]}),w=r.div`
+  ${t=>s.contentBox(t)}
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: flex-start;
+  padding: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
+`,$=r.div`
+  ${t=>{var e;return s.headingElement(t)("h2",l.css`
+        padding: 0;
+        margin: 0;
+        color: gray;
+        font-size: ${(e=t.theme.fonts)==null?void 0:e.huge};
+      `)}}
+`,b=r.div`
+  margin-left: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
+
+  ${t=>{var e;return s.headingElement(t)("h3",l.css`
+        text-transform: uppercase;
+        font-size: ${(e=t.theme.fonts)==null?void 0:e.normal};
+      `)}}
+
+  a {
+    color: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.link}};
+    font-size: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.small}};
+  }
+`,z=r.div`
+  margin-top: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.medium}};
+  min-width: 100%;
+
+  span {
+    font-weight: bold;
+  }
+`,v=()=>{const{header:t,linkLabel:e,suggestionHeader:o,suggestionLabel:i,showSearch:m}=s.useProperties(),p=s.useContainer(),a=l.useTheme();return n.jsxs(n.Fragment,{children:[m&&n.jsx(j.DetachedComponent,{builder:g=>p.get("settings").then(c=>{var h;const x=Object.keys(c.components).reduce((f,u)=>c.components[u].type==="search"?c.components[u].properties:f,{}),d=g.createNode("search",{detached:!0});return d.writeLayout({size:"full"}),d.writeProperties({"css-margin-bottom":((h=a==null?void 0:a.sizes)==null?void 0:h.normal)||"15px",...x}),d})}),n.jsx(y,{header:t,link:e,suggestionHeader:o,suggestion:i})]})};exports.default=v;

package/not-found-component.d.ts

@@ -0,0 +1,11 @@
+import { Container } from '@webprovisions/platform';
+
+export type NotFoundComponentProps = {
+    header?: string;
+    linkLabel?: string;
+    suggestionHeader?: string;
+    suggestionLabel?: string;
+    showSearch?: boolean;
+};
+declare const NotFoundComponent: (container: Container) => Promise<void>;
+export default NotFoundComponent;

package/not-found.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+type Props = {};
+declare const NotFound: React.FC<Props>;
+export default NotFound;

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@telia-ace/widget-components-not-found",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/widget-core": "*",
+    "@telia-ace/widget-ui": "*",
+    "@telia-ace/widget-types-grid": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
+  }
+}