@telia-ace/knowledge-widget-components-guide-category-dropdown 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const _default: {
|
|
3
|
-
Wrapper:
|
|
4
|
-
Toggler:
|
|
5
|
-
List:
|
|
6
|
-
Item:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
TopItem: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
MatchCount: import("styled-components").StyledComponent<import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, any, {}, never>;
|
|
2
|
+
Wrapper: any;
|
|
3
|
+
Toggler: any;
|
|
4
|
+
List: any;
|
|
5
|
+
Item: any;
|
|
6
|
+
Link: any;
|
|
7
|
+
TopItem: any;
|
|
8
|
+
MatchCount: any;
|
|
12
9
|
};
|
|
13
10
|
export default _default;
|
|
@@ -29,21 +29,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
32
33
|
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) {
|
|
33
34
|
var _a;
|
|
34
35
|
return p['data-toggler-in-focus'] &&
|
|
35
36
|
((_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);
|
|
36
37
|
});
|
|
38
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
37
39
|
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; });
|
|
40
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
38
41
|
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) {
|
|
39
42
|
var _a, _b, _c;
|
|
40
43
|
return p.selected
|
|
41
44
|
? (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);
|
|
42
45
|
}, 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; });
|
|
46
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
43
47
|
var Item = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styling);
|
|
44
48
|
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; });
|
|
49
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
45
50
|
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);
|
|
51
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
46
52
|
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; });
|
|
53
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
47
54
|
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; });
|
|
48
55
|
exports.default = {
|
|
49
56
|
Wrapper: Wrapper,
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const _default: {
|
|
3
|
-
Wrapper:
|
|
4
|
-
Toggler:
|
|
5
|
-
List:
|
|
6
|
-
Item:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
TopItem: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
MatchCount: import("styled-components").StyledComponent<import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, any, {}, never>;
|
|
2
|
+
Wrapper: any;
|
|
3
|
+
Toggler: any;
|
|
4
|
+
List: any;
|
|
5
|
+
Item: any;
|
|
6
|
+
Link: any;
|
|
7
|
+
TopItem: any;
|
|
8
|
+
MatchCount: any;
|
|
12
9
|
};
|
|
13
10
|
export default _default;
|
|
@@ -4,21 +4,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import { borderTabStyle, contentBox, Link as BaseLink, linkTabStyle, List as BaseList, list, loadingOpacity, Text, } from '@telia-ace/knowledge-widget-ui';
|
|
6
6
|
import styled, { css } from 'styled-components';
|
|
7
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
7
8
|
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) {
|
|
8
9
|
var _a;
|
|
9
10
|
return p['data-toggler-in-focus'] &&
|
|
10
11
|
((_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);
|
|
11
12
|
});
|
|
13
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
12
14
|
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; });
|
|
15
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
13
16
|
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) {
|
|
14
17
|
var _a, _b, _c;
|
|
15
18
|
return p.selected
|
|
16
19
|
? 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);
|
|
17
20
|
}, 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; });
|
|
21
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
18
22
|
var Item = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styling);
|
|
19
23
|
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; });
|
|
24
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
20
25
|
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);
|
|
26
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
21
27
|
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; });
|
|
28
|
+
// FUTURE TODO: Look into the typescript error when removing ": any".
|
|
22
29
|
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; });
|
|
23
30
|
export default {
|
|
24
31
|
Wrapper: Wrapper,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/knowledge-widget-components-guide-category-dropdown",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "Guide category dropdown component for ACE Knowledge Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -25,12 +25,14 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"typings": "lib/index.d.ts",
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@telia-ace/knowledge-widget-component-utilities": "^1.0.
|
|
29
|
-
"@telia-ace/knowledge-widget-core": "^1.0.
|
|
30
|
-
"@telia-ace/knowledge-widget-types-grid": "^1.0.
|
|
31
|
-
"@telia-ace/knowledge-widget-ui": "^1.0.
|
|
28
|
+
"@telia-ace/knowledge-widget-component-utilities": "^1.0.4",
|
|
29
|
+
"@telia-ace/knowledge-widget-core": "^1.0.6",
|
|
30
|
+
"@telia-ace/knowledge-widget-types-grid": "^1.0.7",
|
|
31
|
+
"@telia-ace/knowledge-widget-ui": "^1.0.7",
|
|
32
32
|
"@telia-ace/widget-utilities": "^1.0.1",
|
|
33
|
-
"@webprovisions/platform": "^1.1.2"
|
|
33
|
+
"@webprovisions/platform": "^1.1.2"
|
|
34
|
+
},
|
|
35
|
+
"peerDependencies": {
|
|
34
36
|
"react": "^16.8.0",
|
|
35
37
|
"react-dom": "^16.8.0",
|
|
36
38
|
"styled-components": "^4.3.2"
|
|
@@ -40,5 +42,5 @@
|
|
|
40
42
|
"@types/react-dom": "^16.8.0",
|
|
41
43
|
"@types/styled-components": "^5.1.7"
|
|
42
44
|
},
|
|
43
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "1a636ff74ac4e57ca173aa800b88a7853ceb7678"
|
|
44
46
|
}
|