@telia-ace/knowledge-widget-components-guide-category-dropdown 1.0.2 → 1.0.5

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,3 +1,3 @@
-# `@telia-ace/widget-services`
-
-Services for ACE Widgets.
+# `@telia-ace/knowledge-widget-components-guide-category-dropdown`
+
+Guide category dropdown component for ACE Knowledge Widgets.

package/lib/guide-category-dropdown.styles.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
 declare const _default: {
-    Wrapper: import("styled-components").StyledComponent<"div", any, any, never>;
-    Toggler: import("styled-components").StyledComponent<"button", any, {}, never>;
-    List: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@telia-ace/knowledge-widget-ui").ListProps, "key" | keyof import("react").HTMLAttributes<HTMLUListElement> | "renderItem" | "items" | "renderLi"> & import("react").RefAttributes<HTMLUListElement>>, any, any, never>;
-    Item: import("styled-components").StyledComponent<"div", any, {
-        selected: boolean;
-    }, never>;
-    Link: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@telia-ace/knowledge-widget-ui").LinkProps, "key" | "disabled" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement> | "routeName" | "params" | "to"> & import("react").RefAttributes<HTMLAnchorElement>>, any, any, never>;
-    TopItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-    MatchCount: import("styled-components").StyledComponent<import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, any, {}, never>;
+    Wrapper: any;
+    Toggler: any;
+    List: any;
+    Item: any;
+    Link: any;
+    TopItem: any;
+    MatchCount: any;
 };
 export default _default;

package/lib/guide-category-dropdown.styles.js

@@ -29,21 +29,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
 var styled_components_1 = __importStar(require("styled-components"));
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n  overflow: hidden;\n    min-height: 50px;\n    ", ";\n"], ["\n    ", "\n    ", "\n  overflow: hidden;\n    min-height: 50px;\n    ", ";\n"])), knowledge_widget_ui_1.loadingOpacity, knowledge_widget_ui_1.contentBox, function (p) {
     var _a;
     return p['data-toggler-in-focus'] &&
         ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            && {\n                ", "\n            }\n        "], ["\n            && {\n                ", "\n            }\n        "])), knowledge_widget_ui_1.borderTabStyle);
 });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var Toggler = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background: none;\n    border: 0;\n    outline: 0;\n    display: block;\n    cursor: pointer;\n    padding: 0;\n    font-size: ", ";\n    text-align: end;\n    flex: 1 0 auto;\n    svg {\n        path,\n        line {\n            stroke: ", ";\n        }\n    }\n"], ["\n    background: none;\n    border: 0;\n    outline: 0;\n    display: block;\n    cursor: pointer;\n    padding: 0;\n    font-size: ", ";\n    text-align: end;\n    flex: 1 0 auto;\n    svg {\n        path,\n        line {\n            stroke: ", ";\n        }\n    }\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.text; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var styling = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font-size: ", ";\n    text-align: left;\n    text-align: left;\n    text-decoration: none;\n    font-weight: 300;\n    display: flex;\n    align-items: center;\n    padding: ", ";\n    padding-left: ", ";\n    cursor: pointer;\n    overflow: hidden;\n    ", ";\n\n    span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    i {\n        margin-right: ", ";\n        font-size: ", ";\n        min-height: 1em;\n        min-width: 1em;\n    }\n"], ["\n    font-size: ", ";\n    text-align: left;\n    text-align: left;\n    text-decoration: none;\n    font-weight: 300;\n    display: flex;\n    align-items: center;\n    padding: ", ";\n    padding-left: ", ";\n    cursor: pointer;\n    overflow: hidden;\n    ", ";\n\n    span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    i {\n        margin-right: ", ";\n        font-size: ", ";\n        min-height: 1em;\n        min-width: 1em;\n    }\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.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, function (p) {
     var _a, _b, _c;
     return p.selected
         ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                  border-left: 2px solid ", ";\n                  color: ", ";\n              "], ["\n                  border-left: 2px solid ", ";\n                  color: ", ";\n              "])), (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary, (_b = p.theme.colors) === null || _b === void 0 ? void 0 : _b.primary) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                  color: ", ";\n              "], ["\n                  color: ", ";\n              "])), (_c = p.theme.colors) === null || _c === void 0 ? void 0 : _c.text);
 }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.medium; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var Item = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), styling);
 var Link = (0, styled_components_1.default)(knowledge_widget_ui_1.Link)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    ", "\n    &:focus {\n        outline: none;\n        span {\n            ", ";\n        }\n    }\n"], ["\n    ", "\n    &:focus {\n        outline: none;\n        span {\n            ", ";\n        }\n    }\n"])), styling, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && knowledge_widget_ui_1.linkTabStyle; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var TopItem = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    padding-right: ", ";\n    min-height: 52px;\n    white-space: nowrap;\n\n    && {\n        font-weight: normal;\n\n        a {\n            font-weight: normal;\n        }\n    }\n    ", " {\n        font-weight: normal;\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n    padding-right: ", ";\n    min-height: 52px;\n    white-space: nowrap;\n\n    && {\n        font-weight: normal;\n\n        a {\n            font-weight: normal;\n        }\n    }\n    ", " {\n        font-weight: normal;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, Item);
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var List = (0, styled_components_1.default)(knowledge_widget_ui_1.List)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    ", "\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    margin-right: ", ";\n    margin-left: ", ";\n    margin-bottom: 22px;\n    border-left: ", ";\n    li {\n        margin: 0 0 ", " -2px;\n    }\n    li:last-child {\n        margin: 0 0 0 -2px;\n    }\n    flex-basis: 100%;\n    border-width: 2px;\n"], ["\n    ", "\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    margin-right: ", ";\n    margin-left: ", ";\n    margin-bottom: 22px;\n    border-left: ", ";\n    li {\n        margin: 0 0 ", " -2px;\n    }\n    li:last-child {\n        margin: 0 0 0 -2px;\n    }\n    flex-basis: 100%;\n    border-width: 2px;\n"])), knowledge_widget_ui_1.list, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, function (p) { return p.theme.border; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var MatchCount = (0, styled_components_1.default)(knowledge_widget_ui_1.Text)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    margin: 0 0 0 ", ";\n"], ["\n    margin: 0 0 0 ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
 exports.default = {
     Wrapper: Wrapper,

package/lib-esm/guide-category-dropdown.styles.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
 declare const _default: {
-    Wrapper: import("styled-components").StyledComponent<"div", any, any, never>;
-    Toggler: import("styled-components").StyledComponent<"button", any, {}, never>;
-    List: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@telia-ace/knowledge-widget-ui").ListProps, "key" | keyof import("react").HTMLAttributes<HTMLUListElement> | "renderItem" | "items" | "renderLi"> & import("react").RefAttributes<HTMLUListElement>>, any, any, never>;
-    Item: import("styled-components").StyledComponent<"div", any, {
-        selected: boolean;
-    }, never>;
-    Link: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@telia-ace/knowledge-widget-ui").LinkProps, "key" | "disabled" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement> | "routeName" | "params" | "to"> & import("react").RefAttributes<HTMLAnchorElement>>, any, any, never>;
-    TopItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-    MatchCount: import("styled-components").StyledComponent<import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, any, {}, never>;
+    Wrapper: any;
+    Toggler: any;
+    List: any;
+    Item: any;
+    Link: any;
+    TopItem: any;
+    MatchCount: any;
 };
 export default _default;

package/lib-esm/guide-category-dropdown.styles.js

@@ -4,21 +4,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { borderTabStyle, contentBox, Link as BaseLink, linkTabStyle, List as BaseList, list, loadingOpacity, Text, } from '@telia-ace/knowledge-widget-ui';
 import styled, { css } from 'styled-components';
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    ", "\n  overflow: hidden;\n    min-height: 50px;\n    ", ";\n"], ["\n    ", "\n    ", "\n  overflow: hidden;\n    min-height: 50px;\n    ", ";\n"])), loadingOpacity, contentBox, function (p) {
     var _a;
     return p['data-toggler-in-focus'] &&
         ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            && {\n                ", "\n            }\n        "], ["\n            && {\n                ", "\n            }\n        "])), borderTabStyle);
 });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var Toggler = styled.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background: none;\n    border: 0;\n    outline: 0;\n    display: block;\n    cursor: pointer;\n    padding: 0;\n    font-size: ", ";\n    text-align: end;\n    flex: 1 0 auto;\n    svg {\n        path,\n        line {\n            stroke: ", ";\n        }\n    }\n"], ["\n    background: none;\n    border: 0;\n    outline: 0;\n    display: block;\n    cursor: pointer;\n    padding: 0;\n    font-size: ", ";\n    text-align: end;\n    flex: 1 0 auto;\n    svg {\n        path,\n        line {\n            stroke: ", ";\n        }\n    }\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.text; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var styling = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font-size: ", ";\n    text-align: left;\n    text-align: left;\n    text-decoration: none;\n    font-weight: 300;\n    display: flex;\n    align-items: center;\n    padding: ", ";\n    padding-left: ", ";\n    cursor: pointer;\n    overflow: hidden;\n    ", ";\n\n    span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    i {\n        margin-right: ", ";\n        font-size: ", ";\n        min-height: 1em;\n        min-width: 1em;\n    }\n"], ["\n    font-size: ", ";\n    text-align: left;\n    text-align: left;\n    text-decoration: none;\n    font-weight: 300;\n    display: flex;\n    align-items: center;\n    padding: ", ";\n    padding-left: ", ";\n    cursor: pointer;\n    overflow: hidden;\n    ", ";\n\n    span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    i {\n        margin-right: ", ";\n        font-size: ", ";\n        min-height: 1em;\n        min-width: 1em;\n    }\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.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, function (p) {
     var _a, _b, _c;
     return p.selected
         ? css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                  border-left: 2px solid ", ";\n                  color: ", ";\n              "], ["\n                  border-left: 2px solid ", ";\n                  color: ", ";\n              "])), (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary, (_b = p.theme.colors) === null || _b === void 0 ? void 0 : _b.primary) : css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                  color: ", ";\n              "], ["\n                  color: ", ";\n              "])), (_c = p.theme.colors) === null || _c === void 0 ? void 0 : _c.text);
 }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.medium; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var Item = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), styling);
 var Link = styled(BaseLink)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    ", "\n    &:focus {\n        outline: none;\n        span {\n            ", ";\n        }\n    }\n"], ["\n    ", "\n    &:focus {\n        outline: none;\n        span {\n            ", ";\n        }\n    }\n"])), styling, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && linkTabStyle; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var TopItem = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    padding-right: ", ";\n    min-height: 52px;\n    white-space: nowrap;\n\n    && {\n        font-weight: normal;\n\n        a {\n            font-weight: normal;\n        }\n    }\n    ", " {\n        font-weight: normal;\n    }\n"], ["\n    display: flex;\n    justify-content: space-between;\n    padding-right: ", ";\n    min-height: 52px;\n    white-space: nowrap;\n\n    && {\n        font-weight: normal;\n\n        a {\n            font-weight: normal;\n        }\n    }\n    ", " {\n        font-weight: normal;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, Item);
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var List = styled(BaseList)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    ", "\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    margin-right: ", ";\n    margin-left: ", ";\n    margin-bottom: 22px;\n    border-left: ", ";\n    li {\n        margin: 0 0 ", " -2px;\n    }\n    li:last-child {\n        margin: 0 0 0 -2px;\n    }\n    flex-basis: 100%;\n    border-width: 2px;\n"], ["\n    ", "\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    margin-right: ", ";\n    margin-left: ", ";\n    margin-bottom: 22px;\n    border-left: ", ";\n    li {\n        margin: 0 0 ", " -2px;\n    }\n    li:last-child {\n        margin: 0 0 0 -2px;\n    }\n    flex-basis: 100%;\n    border-width: 2px;\n"])), list, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.medium; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, function (p) { return p.theme.border; }, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
+// FUTURE TODO: Look into the typescript error when removing ": any".
 var MatchCount = styled(Text)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    margin: 0 0 0 ", ";\n"], ["\n    margin: 0 0 0 ", ";\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
 export default {
     Wrapper: Wrapper,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-guide-category-dropdown",
-    "version": "1.0.2",
+    "version": "1.0.5",
     "description": "Guide category dropdown component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -25,12 +25,14 @@
     "sideEffects": false,
     "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/knowledge-widget-component-utilities": "^1.0.2",
-        "@telia-ace/knowledge-widget-core": "^1.0.2",
-        "@telia-ace/knowledge-widget-types-grid": "^1.0.2",
-        "@telia-ace/knowledge-widget-ui": "^1.0.2",
+        "@telia-ace/knowledge-widget-component-utilities": "^1.0.5",
+        "@telia-ace/knowledge-widget-core": "^1.0.6",
+        "@telia-ace/knowledge-widget-types-grid": "^1.0.12",
+        "@telia-ace/knowledge-widget-ui": "^1.0.9",
         "@telia-ace/widget-utilities": "^1.0.1",
-        "@webprovisions/platform": "^1.1.2",
+        "@webprovisions/platform": "^1.1.2"
+    },
+    "peerDependencies": {
         "react": "^16.8.0",
         "react-dom": "^16.8.0",
         "styled-components": "^4.3.2"
@@ -40,5 +42,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "c9d94fc146c0639ed97ab2f2d44cb59b665abaaa"
+    "gitHead": "1d81c21570237e665e19ff62f5345d55d524be27"
 }