@telia-ace/widget-components-not-found 1.0.4 → 1.0.7

package/dist/index.js

@@ -0,0 +1,6 @@
+import { createReactComponent } from "@telia-ace/widget-ui";
+const NotFoundComponent = (container) => {
+  return createReactComponent(container, "not-found", import("./not-found.js"));
+};
+export { NotFoundComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/not-found-component.tsx"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type NotFoundComponentProps = {\r\n    header?: string;\r\n    linkLabel?: string;\r\n    suggestionHeader?: string;\r\n    suggestionLabel?: string;\r\n    showSearch?: boolean;\r\n};\r\n\r\nconst NotFoundComponent = (container: Container) => {\r\n    return createReactComponent(container, 'not-found', import('./not-found'));\r\n};\r\n\r\nexport default NotFoundComponent;\r\n"],"names":[],"mappings":";AAWM,MAAA,oBAAoB,CAAC,cAAyB;AAChD,SAAO,qBAAqB,WAAW,aAAa,OAAO,iBAAc;AAC7E;;"}

package/dist/not-found.js

@@ -0,0 +1,125 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { DetachedComponent } from "@telia-ace/widget-types-grid";
+import { contentBox, headingElement, Typography, TextLink, useProperties, useContainer } from "@telia-ace/widget-ui";
+import React, { useContext } from "react";
+import styled, { css, ThemeContext } from "styled-components";
+const NotFoundBase = ({
+  header = "",
+  link = "",
+  suggestionHeader = "",
+  suggestion = ""
+}) => {
+  return /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement(Status, null, /* @__PURE__ */ React.createElement(Typography, {
+    variant: "h2"
+  }, "404")), /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(Typography, {
+    variant: "h3"
+  }, header), /* @__PURE__ */ React.createElement(TextLink, {
+    routeName: "index",
+    "aria-label": link,
+    text: link
+  })), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement("span", null, suggestionHeader), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", null, suggestion))));
+};
+const Wrapper = styled.div`
+    ${contentBox}
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    justify-content: flex-start;
+    padding: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}};
+`;
+const Status = styled.div`
+    ${headingElement("h2", css`
+            padding: 0;
+            margin: 0;
+            color: gray;
+            font-size: ${(p) => {
+  var _a;
+  return (_a = p.theme.fonts) == null ? void 0 : _a.huge;
+}};
+        `)}
+`;
+const Header = styled.div`
+    margin-left: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}};
+
+    ${headingElement("h3", css`
+            text-transform: uppercase;
+            font-size: ${(p) => {
+  var _a;
+  return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
+}};
+        `)}
+
+    a {
+        color: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.link;
+}};
+        font-size: ${(p) => {
+  var _a;
+  return (_a = p.theme.fonts) == null ? void 0 : _a.small;
+}};
+    }
+`;
+const Content = styled.div`
+    margin-top: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}};
+    min-width: 100%;
+
+    span {
+        font-weight: bold;
+    }
+`;
+const NotFound = () => {
+  const { header, linkLabel, suggestionHeader, suggestionLabel, showSearch } = useProperties();
+  const container = useContainer();
+  const themeContext = useContext(ThemeContext);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, showSearch && /* @__PURE__ */ React.createElement(DetachedComponent, {
+    builder: (components) => {
+      return container.get("settings").then((settings) => {
+        var _a;
+        const searchComponentProps = Object.keys(settings.components).reduce((acc, key) => {
+          if (settings.components[key].type === "search") {
+            return settings.components[key].properties;
+          }
+          return acc;
+        }, {});
+        const searchNode = components.createNode("search", { detached: true });
+        searchNode.writeLayout({ size: "full" });
+        searchNode.writeProperties(__spreadValues({
+          "css-margin-bottom": ((_a = themeContext == null ? void 0 : themeContext.sizes) == null ? void 0 : _a.normal) || "15px"
+        }, searchComponentProps));
+        return searchNode;
+      });
+    }
+  }), /* @__PURE__ */ React.createElement(NotFoundBase, {
+    header,
+    link: linkLabel,
+    suggestionHeader,
+    suggestion: suggestionLabel
+  }));
+};
+export { NotFound as default };
+//# sourceMappingURL=not-found.js.map

package/dist/not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found.js","sources":["../src/not-found-base.tsx","../src/not-found.tsx"],"sourcesContent":["import { contentBox, headingElement, TextLink, Typography } from '@telia-ace/widget-ui';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\ntype Props = {\r\n    header?: string;\r\n    link?: string;\r\n    suggestionHeader?: string;\r\n    suggestion?: string;\r\n};\r\n\r\nconst NotFoundBase: React.FC<Props> = ({\r\n    header = '',\r\n    link = '',\r\n    suggestionHeader = '',\r\n    suggestion = '',\r\n}) => {\r\n    return (\r\n        <Wrapper>\r\n            <Status>\r\n                <Typography variant=\"h2\">404</Typography>\r\n            </Status>\r\n            <Header>\r\n                <Typography variant=\"h3\">{header}</Typography>\r\n                <TextLink routeName=\"index\" aria-label={link} text={link} />\r\n            </Header>\r\n            <Content>\r\n                <span>{suggestionHeader}</span>\r\n                <ul>\r\n                    <li>{suggestion}</li>\r\n                </ul>\r\n            </Content>\r\n        </Wrapper>\r\n    );\r\n};\r\n\r\nexport default NotFoundBase;\r\n\r\nconst Wrapper = styled.div`\r\n    ${contentBox}\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex-direction: row;\r\n    justify-content: flex-start;\r\n    padding: ${(p) => p.theme.sizes?.medium};\r\n`;\r\n\r\nconst Status = styled.div`\r\n    ${headingElement(\r\n        'h2',\r\n        css`\r\n            padding: 0;\r\n            margin: 0;\r\n            color: gray;\r\n            font-size: ${(p) => p.theme.fonts?.huge};\r\n        `\r\n    )}\r\n`;\r\n\r\nconst Header = styled.div`\r\n    margin-left: ${(p) => p.theme.sizes?.medium};\r\n\r\n    ${headingElement(\r\n        'h3',\r\n        css`\r\n            text-transform: uppercase;\r\n            font-size: ${(p) => p.theme.fonts?.normal};\r\n        `\r\n    )}\r\n\r\n    a {\r\n        color: ${(p) => p.theme.colors?.link};\r\n        font-size: ${(p) => p.theme.fonts?.small};\r\n    }\r\n`;\r\n\r\nconst Content = styled.div`\r\n    margin-top: ${(p) => p.theme.sizes?.medium};\r\n    min-width: 100%;\r\n\r\n    span {\r\n        font-weight: bold;\r\n    }\r\n`;\r\n","import { ComponentPlatform } from '@telia-ace/widget-core';\r\nimport { DetachedComponent } from '@telia-ace/widget-types-grid';\r\nimport { useContainer, useProperties } from '@telia-ace/widget-ui';\r\nimport React, { useContext } from 'react';\r\nimport { ThemeContext } from 'styled-components';\r\nimport NotFoundBase from './not-found-base';\r\nimport { NotFoundComponentProps } from './not-found-component';\r\n\r\ntype Props = {};\r\n\r\nconst NotFound: React.FC<Props> = () => {\r\n    const { header, linkLabel, suggestionHeader, suggestionLabel, showSearch } =\r\n        useProperties<NotFoundComponentProps>();\r\n    const container = useContainer();\r\n    const themeContext = useContext(ThemeContext);\r\n\r\n    return (\r\n        <>\r\n            {showSearch && (\r\n                <DetachedComponent\r\n                    builder={(components: ComponentPlatform) => {\r\n                        return container.get('settings').then((settings: any) => {\r\n                            const searchComponentProps = Object.keys(settings.components).reduce(\r\n                                (acc, key) => {\r\n                                    if (settings.components[key].type === 'search') {\r\n                                        return settings.components[key].properties;\r\n                                    }\r\n\r\n                                    return acc;\r\n                                },\r\n                                {}\r\n                            );\r\n                            const searchNode = components.createNode('search', { detached: true });\r\n                            searchNode.writeLayout({ size: 'full' });\r\n                            searchNode.writeProperties({\r\n                                'css-margin-bottom': themeContext?.sizes?.normal || '15px',\r\n                                ...searchComponentProps,\r\n                            });\r\n\r\n                            return searchNode;\r\n                        });\r\n                    }}\r\n                />\r\n            )}\r\n            <NotFoundBase\r\n                header={header}\r\n                link={linkLabel}\r\n                suggestionHeader={suggestionHeader}\r\n                suggestion={suggestionLabel}\r\n            />\r\n        </>\r\n    );\r\n};\r\n\r\nexport default NotFound;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,MAAM,eAAgC,CAAC;AAAA,EACnC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,aAAa;AAAA,MACX;AACF,SACK,sBAAA,cAAA,SAAA,MACI,sBAAA,cAAA,QAAA,MACI,sBAAA,cAAA,YAAA;AAAA,IAAW,SAAQ;AAAA,EAAA,GAAK,KAAG,CAChC,GACA,sBAAA,cAAC,cACI,sBAAA,cAAA,YAAA;AAAA,IAAW,SAAQ;AAAA,EAAM,GAAA,MAAO,GAChC,sBAAA,cAAA,UAAA;AAAA,IAAS,WAAU;AAAA,IAAQ,cAAY;AAAA,IAAM,MAAM;AAAA,EAAA,CAAM,CAC9D,GACC,sBAAA,cAAA,SAAA,0CACI,QAAM,MAAA,gBAAiB,GACxB,sBAAA,cAAC,YACI,sBAAA,cAAA,MAAA,MAAI,UAAW,CACpB,CACJ,CACJ;AAER;AAIA,MAAM,UAAU,OAAO;AAAA,MACjB;AAAA;AAAA;AAAA;AAAA;AAAA,eAKS,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAGrC,MAAM,SAAS,OAAO;AAAA,MAChB,eACE,MACA;AAAA;AAAA;AAAA;AAAA,yBAIiB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,SAE3C;AAAA;AAGJ,MAAM,SAAS,OAAO;AAAA,mBACH,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,MAEnC,eACE,MACA;AAAA;AAAA,yBAEiB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,SAE3C;AAAA;AAAA;AAAA,iBAGa,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA,qBACnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAI3C,MAAM,UAAU,OAAO;AAAA,kBACL,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACnExC,MAAM,WAA4B,MAAM;AACpC,QAAM,EAAE,QAAQ,WAAW,kBAAkB,iBAAiB,eAC1D;AACJ,QAAM,YAAY;AACZ,QAAA,eAAe,WAAW,YAAY;AAGxC,SAAA,sBAAA,cAAA,MAAA,UAAA,MACK,cACI,sBAAA,cAAA,mBAAA;AAAA,IACG,SAAS,CAAC,eAAkC;AACxC,aAAO,UAAU,IAAI,UAAU,EAAE,KAAK,CAAC,aAAkB;;AAC/C,cAAA,uBAAuB,OAAO,KAAK,SAAS,UAAU,EAAE,OAC1D,CAAC,KAAK,QAAQ;AACV,cAAI,SAAS,WAAW,KAAK,SAAS,UAAU;AACrC,mBAAA,SAAS,WAAW,KAAK;AAAA,UACpC;AAEO,iBAAA;AAAA,QACX,GACA,CACJ,CAAA;AACA,cAAM,aAAa,WAAW,WAAW,UAAU,EAAE,UAAU,MAAM;AACrE,mBAAW,YAAY,EAAE,MAAM,OAAQ,CAAA;AACvC,mBAAW,gBAAgB;AAAA,UACvB,qBAAqB,oDAAc,UAAd,mBAAqB,WAAU;AAAA,WACjD,qBACN;AAEM,eAAA;AAAA,MAAA,CACV;AAAA,IACL;AAAA,EAAA,CACJ,GAEH,sBAAA,cAAA,cAAA;AAAA,IACG;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,YAAY;AAAA,EAChB,CAAA,CACJ;AAER;;"}

package/package.json

@@ -1,33 +1,32 @@
 {
     "name": "@telia-ace/widget-components-not-found",
-    "version": "1.0.4",
+    "version": "1.0.7",
     "description": "Not found component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "main": "lib/index.js",
-    "module": "lib-esm/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/widget-core": "^1.0.4",
-        "@telia-ace/widget-types-grid": "^1.0.6",
-        "@telia-ace/widget-ui": "^1.0.6",
+        "@telia-ace/widget-core": "^1.0.5",
+        "@telia-ace/widget-types-grid": "^1.0.9",
+        "@telia-ace/widget-ui": "^1.0.9",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
@@ -40,5 +39,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "993320b5ff4692cf9cb896b0011acf5f42734a74"
+    "gitHead": "cbf3ac8268821668619bd7a3d0fb60bb13d9fb5b"
 }

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import NotFoundComponent from './not-found-component';
-export default NotFoundComponent;

package/lib/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var not_found_component_1 = __importDefault(require("./not-found-component"));
-exports.default = not_found_component_1.default;

package/lib/not-found-base.d.ts

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

package/lib/not-found-base.js

@@ -1,54 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var NotFoundBase = function (_a) {
-    var _b = _a.header, header = _b === void 0 ? '' : _b, _c = _a.link, link = _c === void 0 ? '' : _c, _d = _a.suggestionHeader, suggestionHeader = _d === void 0 ? '' : _d, _e = _a.suggestion, suggestion = _e === void 0 ? '' : _e;
-    return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(Status, null,
-            react_1.default.createElement(widget_ui_1.Typography, { variant: "h2" }, "404")),
-        react_1.default.createElement(Header, null,
-            react_1.default.createElement(widget_ui_1.Typography, { variant: "h3" }, header),
-            react_1.default.createElement(widget_ui_1.TextLink, { routeName: "index", "aria-label": link, text: link })),
-        react_1.default.createElement(Content, null,
-            react_1.default.createElement("span", null, suggestionHeader),
-            react_1.default.createElement("ul", null,
-                react_1.default.createElement("li", null, suggestion)))));
-};
-exports.default = NotFoundBase;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content: flex-start;\n    padding: ", ";\n"], ["\n    ", "\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content: flex-start;\n    padding: ", ";\n"])), widget_ui_1.contentBox, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
-var Status = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), (0, widget_ui_1.headingElement)('h2', (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            padding: 0;\n            margin: 0;\n            color: gray;\n            font-size: ", ";\n        "], ["\n            padding: 0;\n            margin: 0;\n            color: gray;\n            font-size: ", ";\n        "])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.huge; })));
-var Header = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-left: ", ";\n\n    ", "\n\n    a {\n        color: ", ";\n        font-size: ", ";\n    }\n"], ["\n    margin-left: ", ";\n\n    ", "\n\n    a {\n        color: ", ";\n        font-size: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, (0, widget_ui_1.headingElement)('h3', (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            text-transform: uppercase;\n            font-size: ", ";\n        "], ["\n            text-transform: uppercase;\n            font-size: ", ";\n        "])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; })), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.link; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; });
-var Content = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    margin-top: ", ";\n    min-width: 100%;\n\n    span {\n        font-weight: bold;\n    }\n"], ["\n    margin-top: ", ";\n    min-width: 100%;\n\n    span {\n        font-weight: bold;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib/not-found-component.d.ts

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

package/lib/not-found-component.js

@@ -1,30 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var NotFoundComponent = function (container) {
-    return (0, widget_ui_1.createReactComponent)(container, 'not-found', Promise.resolve().then(function () { return __importStar(require('./not-found')); }));
-};
-exports.default = NotFoundComponent;

package/lib/not-found.d.ts

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

package/lib/not-found.js

@@ -1,67 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_types_grid_1 = require("@telia-ace/widget-types-grid");
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var react_1 = __importStar(require("react"));
-var styled_components_1 = require("styled-components");
-var not_found_base_1 = __importDefault(require("./not-found-base"));
-var NotFound = function () {
-    var _a = (0, widget_ui_1.useProperties)(), header = _a.header, linkLabel = _a.linkLabel, suggestionHeader = _a.suggestionHeader, suggestionLabel = _a.suggestionLabel, showSearch = _a.showSearch;
-    var container = (0, widget_ui_1.useContainer)();
-    var themeContext = (0, react_1.useContext)(styled_components_1.ThemeContext);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        showSearch && (react_1.default.createElement(widget_types_grid_1.DetachedComponent, { builder: function (components) {
-                return container.get('settings').then(function (settings) {
-                    var _a;
-                    var searchComponentProps = Object.keys(settings.components).reduce(function (acc, key) {
-                        if (settings.components[key].type === 'search') {
-                            return settings.components[key].properties;
-                        }
-                        return acc;
-                    }, {});
-                    var searchNode = components.createNode('search', { detached: true });
-                    searchNode.writeLayout({ size: 'full' });
-                    searchNode.writeProperties(__assign({ 'css-margin-bottom': ((_a = themeContext === null || themeContext === void 0 ? void 0 : themeContext.sizes) === null || _a === void 0 ? void 0 : _a.normal) || '15px' }, searchComponentProps));
-                    return searchNode;
-                });
-            } })),
-        react_1.default.createElement(not_found_base_1.default, { header: header, link: linkLabel, suggestionHeader: suggestionHeader, suggestion: suggestionLabel })));
-};
-exports.default = NotFound;

package/lib-esm/index.js

@@ -1,2 +0,0 @@
-import NotFoundComponent from './not-found-component';
-export default NotFoundComponent;

package/lib-esm/not-found-base.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { contentBox, headingElement, TextLink, Typography } from '@telia-ace/widget-ui';
-import React from 'react';
-import styled, { css } from 'styled-components';
-var NotFoundBase = function (_a) {
-    var _b = _a.header, header = _b === void 0 ? '' : _b, _c = _a.link, link = _c === void 0 ? '' : _c, _d = _a.suggestionHeader, suggestionHeader = _d === void 0 ? '' : _d, _e = _a.suggestion, suggestion = _e === void 0 ? '' : _e;
-    return (React.createElement(Wrapper, null,
-        React.createElement(Status, null,
-            React.createElement(Typography, { variant: "h2" }, "404")),
-        React.createElement(Header, null,
-            React.createElement(Typography, { variant: "h3" }, header),
-            React.createElement(TextLink, { routeName: "index", "aria-label": link, text: link })),
-        React.createElement(Content, null,
-            React.createElement("span", null, suggestionHeader),
-            React.createElement("ul", null,
-                React.createElement("li", null, suggestion)))));
-};
-export default NotFoundBase;
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content: flex-start;\n    padding: ", ";\n"], ["\n    ", "\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content: flex-start;\n    padding: ", ";\n"])), contentBox, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
-var Status = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), headingElement('h2', css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            padding: 0;\n            margin: 0;\n            color: gray;\n            font-size: ", ";\n        "], ["\n            padding: 0;\n            margin: 0;\n            color: gray;\n            font-size: ", ";\n        "])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.huge; })));
-var Header = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-left: ", ";\n\n    ", "\n\n    a {\n        color: ", ";\n        font-size: ", ";\n    }\n"], ["\n    margin-left: ", ";\n\n    ", "\n\n    a {\n        color: ", ";\n        font-size: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, headingElement('h3', css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            text-transform: uppercase;\n            font-size: ", ";\n        "], ["\n            text-transform: uppercase;\n            font-size: ", ";\n        "])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; })), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.link; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; });
-var Content = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    margin-top: ", ";\n    min-width: 100%;\n\n    span {\n        font-weight: bold;\n    }\n"], ["\n    margin-top: ", ";\n    min-width: 100%;\n\n    span {\n        font-weight: bold;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib-esm/not-found-component.js

@@ -1,5 +0,0 @@
-import { createReactComponent } from '@telia-ace/widget-ui';
-var NotFoundComponent = function (container) {
-    return createReactComponent(container, 'not-found', import('./not-found'));
-};
-export default NotFoundComponent;

package/lib-esm/not-found.js

@@ -1,39 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { DetachedComponent } from '@telia-ace/widget-types-grid';
-import { useContainer, useProperties } from '@telia-ace/widget-ui';
-import React, { useContext } from 'react';
-import { ThemeContext } from 'styled-components';
-import NotFoundBase from './not-found-base';
-var NotFound = function () {
-    var _a = useProperties(), header = _a.header, linkLabel = _a.linkLabel, suggestionHeader = _a.suggestionHeader, suggestionLabel = _a.suggestionLabel, showSearch = _a.showSearch;
-    var container = useContainer();
-    var themeContext = useContext(ThemeContext);
-    return (React.createElement(React.Fragment, null,
-        showSearch && (React.createElement(DetachedComponent, { builder: function (components) {
-                return container.get('settings').then(function (settings) {
-                    var _a;
-                    var searchComponentProps = Object.keys(settings.components).reduce(function (acc, key) {
-                        if (settings.components[key].type === 'search') {
-                            return settings.components[key].properties;
-                        }
-                        return acc;
-                    }, {});
-                    var searchNode = components.createNode('search', { detached: true });
-                    searchNode.writeLayout({ size: 'full' });
-                    searchNode.writeProperties(__assign({ 'css-margin-bottom': ((_a = themeContext === null || themeContext === void 0 ? void 0 : themeContext.sizes) === null || _a === void 0 ? void 0 : _a.normal) || '15px' }, searchComponentProps));
-                    return searchNode;
-                });
-            } })),
-        React.createElement(NotFoundBase, { header: header, link: linkLabel, suggestionHeader: suggestionHeader, suggestion: suggestionLabel })));
-};
-export default NotFound;