@telia-ace/knowledge-widget-ui 1.0.10 → 1.0.13

package/lib-esm/components/dialog-list.js

@@ -1,44 +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;
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { invertedHoverButton, List, list } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import DialogLink from './dialog-link';
-export default forwardRef(function (_a, ref) {
-    var className = _a.className, dialog = _a.dialog, other = __rest(_a, ["className", "dialog"]);
-    return !!dialog.length ? (React.createElement(StyledList, __assign({ className: appendClassNames(className, 'humany-dialog'), items: dialog, renderItem: function (item) { return (React.createElement("li", { key: item.connection, "data-dialog": item.connection },
-            React.createElement(DialogLink, __assign({}, item)))); } }, other, { ref: ref }))) : null;
-});
-var StyledList = styled(List)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    a {\n        min-width: 150px;\n        max-width: 400px;\n        display: block;\n        white-space: normal;\n        ", "\n    }\n\n    i {\n        margin: 0 ", " 0 0;\n    }\n"], ["\n    ", "\n    a {\n        min-width: 150px;\n        max-width: 400px;\n        display: block;\n        white-space: normal;\n        ", "\n    }\n\n    i {\n        margin: 0 ", " 0 0;\n    }\n"])), list, function (p) {
-    var _a;
-    return invertedHoverButton({
-        primaryColor: (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary,
-        secondaryColor: '#FFFFFF',
-    });
-}, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var templateObject_1;

package/lib-esm/components/drawer-list.js

@@ -1,38 +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;
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Drawer, ItemList, itemList } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled from 'styled-components';
-var DrawerList = function (_a) {
-    var trigger = _a.trigger, header = _a.header, className = _a.className, animation = _a.animation, fullScreen = _a.fullScreen, onToggle = _a.onToggle, children = _a.children, ref = _a.ref, closeButtonAriaLabel = _a.closeButtonAriaLabel, other = __rest(_a, ["trigger", "header", "className", "animation", "fullScreen", "onToggle", "children", "ref", "closeButtonAriaLabel"]);
-    return (React.createElement(Drawer, { className: appendClassNames(className, 'humany-drawer-list'), trigger: trigger, header: header, animation: animation, fullScreen: fullScreen, onToggle: onToggle, closeButtonAriaLabel: closeButtonAriaLabel },
-        React.createElement(StyledItemList, __assign({}, other), children)));
-};
-export default DrawerList;
-var StyledItemList = styled(ItemList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    font-family: ", ";\n    padding: ", ";\n    > ul > li {\n        overflow: visible;\n        font-weight: 300;\n        font-size: ", ";\n    }\n"], ["\n    ", "\n    font-family: ", ";\n    padding: ", ";\n    > ul > li {\n        overflow: visible;\n        font-weight: 300;\n        font-size: ", ";\n    }\n"])), itemList, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.type; }, 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.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-var templateObject_1;

package/lib-esm/components/dropdown-actions.d.ts

@@ -1,11 +0,0 @@
-import { ItemRenderer } from '@telia-ace/widget-ui';
-import React from 'react';
-declare type Props = {
-    trigger: React.ReactElement;
-    header?: React.ReactElement;
-    items?: any[];
-    renderItem?: ItemRenderer;
-    className?: string;
-};
-declare const DropdownActions: React.FC<Props>;
-export default DropdownActions;

package/lib-esm/components/dropdown-actions.js

@@ -1,20 +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 { Dropdown, List } from '@telia-ace/widget-ui';
-import React from 'react';
-import styled from 'styled-components';
-var DropdownActions = function (_a) {
-    var items = _a.items, renderItem = _a.renderItem, trigger = _a.trigger, header = _a.header, children = _a.children;
-    return (React.createElement(Dropdown, { className: "humany-dropdown-actions", trigger: trigger },
-        React.createElement(Wrapper, null,
-            !!header && React.createElement(Header, null, header),
-            items && renderItem && (React.createElement(StyledList, { items: items, renderItem: renderItem })),
-            children)));
-};
-export default DropdownActions;
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background: #fff;\n    border: #ccc 1px solid;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n    font-family: ", ";\n    font-size: ", ";\n"], ["\n    background: #fff;\n    border: #ccc 1px solid;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n    font-family: ", ";\n    font-size: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.type; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", ";\n    padding-bottom: 0;\n    font-size: ", ";\n    font-weight: normal;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        font-weight: normal;\n        padding-bottom: 0;\n    }\n\n    svg,\n    i {\n        margin-right: ", ";\n    }\n"], ["\n    padding: ", ";\n    padding-bottom: 0;\n    font-size: ", ";\n    font-weight: normal;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        margin: 0;\n        font-weight: normal;\n        padding-bottom: 0;\n    }\n\n    svg,\n    i {\n        margin-right: ", ";\n    }\n"])), function (p) { return p.theme.sizes.normal; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { return p.theme.sizes.small; });
-var StyledList = styled(List)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    padding: ", " 0;\n\n    li {\n        background: #fff;\n\n        a {\n            display: block;\n            font-size: ", ";\n            padding: ", ";\n            cursor: pointer;\n            color: #555;\n            text-decoration: none;\n\n            &:hover {\n                background: #f9f9f9;\n                color: ", ";\n            }\n        }\n    }\n"], ["\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    padding: ", " 0;\n\n    li {\n        background: #fff;\n\n        a {\n            display: block;\n            font-size: ", ";\n            padding: ", ";\n            cursor: pointer;\n            color: #555;\n            text-decoration: none;\n\n            &:hover {\n                background: #f9f9f9;\n                color: ", ";\n            }\n        }\n    }\n"])), function (p) { return p.theme.sizes.small; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a, _b; return "".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.normal); }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; });
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/components/dropdown-list.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DropdownProps, ItemListProps } from '../missing-type-exports';
-export declare type Props = Merge<DropdownProps, ItemListProps>;
-declare const DropdownList: React.FC<Props>;
-export default DropdownList;

package/lib-esm/components/dropdown-list.js

@@ -1,38 +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;
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Dropdown, headingElement, ItemList, itemList } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled, { css } from 'styled-components';
-var DropdownList = function (_a) {
-    var trigger = _a.trigger, className = _a.className, children = _a.children, closeButtonAriaLabel = _a.closeButtonAriaLabel, other = __rest(_a, ["trigger", "className", "children", "closeButtonAriaLabel"]);
-    return (React.createElement(Dropdown, { className: appendClassNames(className, 'humany-dropdown-list'), closeButtonAriaLabel: closeButtonAriaLabel, trigger: trigger },
-        React.createElement(StyledItemList, __assign({}, other), children)));
-};
-export default DropdownList;
-var StyledItemList = styled(ItemList)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    font-family: ", ";\n    > div {\n        ", "\n    }\n    > ul > li {\n        overflow: visible;\n        font-weight: 300;\n        font-size: ", ";\n\n        a {\n            display: inline-block;\n\n            @media (hover: hover) {\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n    }\n"], ["\n    ", "\n    font-family: ", ";\n    > div {\n        ", "\n    }\n    > ul > li {\n        overflow: visible;\n        font-weight: 300;\n        font-size: ", ";\n\n        a {\n            display: inline-block;\n\n            @media (hover: hover) {\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n    }\n"])), itemList, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.type; }, headingElement('> h1', css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                font-size: ", ";\n                line-height: 1.2em;\n            "], ["\n                font-size: ", ";\n                line-height: 1.2em;\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.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-var templateObject_1, templateObject_2;

package/lib-esm/components/favorite-button.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { FavoriteActions } from '../hooks';
-declare type Props = {
-    isFavorite: boolean;
-    actions: FavoriteActions;
-    id: string;
-    addFavoriteTooltip?: string;
-    removeFavoriteCancelLabel?: string;
-    removeFavoriteConfirmLabel?: string;
-    removeFavoriteHeader?: string;
-    removeFavoriteLabel?: string;
-    removeFavoriteTooltip?: string;
-    buttonLabel?: string;
-    guideTitle?: string;
-};
-declare const FavoriteButton: React.FC<Props>;
-export default FavoriteButton;

package/lib-esm/components/favorite-button.js

@@ -1,40 +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 { Confirm, StyledText, SymbolBadge } from '@telia-ace/widget-ui';
-import React, { useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { StyledListButton } from '../styles';
-var FavoriteButton = function (_a) {
-    var addFavoriteTooltip = _a.addFavoriteTooltip, removeFavoriteCancelLabel = _a.removeFavoriteCancelLabel, removeFavoriteConfirmLabel = _a.removeFavoriteConfirmLabel, removeFavoriteHeader = _a.removeFavoriteHeader, removeFavoriteLabel = _a.removeFavoriteLabel, removeFavoriteTooltip = _a.removeFavoriteTooltip, id = _a.id, isFavorite = _a.isFavorite, guideTitle = _a.guideTitle, _b = _a.buttonLabel, buttonLabel = _b === void 0 ? '' : _b, _c = _a.actions, addFavorite = _c.addFavorite, removeFavorite = _c.removeFavorite;
-    var remove = useCallback(function () {
-        removeFavorite(id);
-    }, [id, removeFavorite]);
-    var add = useCallback(function () {
-        addFavorite(id);
-    }, [id, addFavorite]);
-    var tooltip = "".concat(isFavorite ? removeFavoriteTooltip : addFavoriteTooltip).concat(guideTitle ? ": \"".concat(guideTitle, "\"") : '');
-    return (React.createElement(React.Fragment, null, isFavorite ? (React.createElement(Confirm, { trigger: React.createElement(StyledButton, { className: "humany-favorite-button", title: tooltip, "aria-label": tooltip, "data-favorite": "true", "data-has-label": buttonLabel ? 'true' : 'false', "data-has-symbol": "true" },
-            React.createElement(SymbolBadge, { size: 16, symbol: { type: 'Svg', content: 'star-empty' } }),
-            buttonLabel && React.createElement(StyledText, null, buttonLabel)), onConfirm: remove, cancelLabel: removeFavoriteCancelLabel, confirmLabel: removeFavoriteConfirmLabel, header: removeFavoriteHeader, text: removeFavoriteLabel })) : (React.createElement(StyledButton, { className: "humany-favorite-button", title: tooltip, "aria-label": tooltip, onClick: add, "data-favorite": "false", "data-has-label": buttonLabel ? 'true' : 'false', "data-has-symbol": "true" },
-        React.createElement(SymbolBadge, { size: 16, symbol: { type: 'Svg', content: 'star-empty' } }),
-        buttonLabel && React.createElement(StyledText, null, buttonLabel)))));
-};
-export default FavoriteButton;
-var StyledButton = styled(StyledListButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    grid-area: favorite;\n\n    &:focus {\n        ", ";\n    }\n\n    ", "\n"], ["\n    grid-area: favorite;\n\n    &:focus {\n        ", ";\n    }\n\n    ", "\n"])), function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                svg {\n                    ", "\n                }\n            "], ["\n                svg {\n                    ", "\n                }\n            "])), function (p) {
-        var _a, _b;
-        return p['data-favorite'] === 'true'
-            ? "\n          fill: transparent;\n\n          path {\n            fill: transparent;\n          }\n        "
-            : "\n          fill: ".concat((_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text, ";\n\n          path {\n            fill: ").concat((_b = p.theme.colors) === null || _b === void 0 ? void 0 : _b.text, ";\n          }\n        ");
-    });
-}, function (p) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ((_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text) && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            svg {\n                stroke: ", ";\n\n                path {\n                    stroke: ", ";\n                }\n\n                ", "\n            }\n\n            &:hover {\n                svg {\n                    ", "\n                }\n            }\n        "], ["\n            svg {\n                stroke: ", ";\n\n                path {\n                    stroke: ", ";\n                }\n\n                ", "\n            }\n\n            &:hover {\n                svg {\n                    ", "\n                }\n            }\n        "])), (_b = p.theme.colors) === null || _b === void 0 ? void 0 : _b.text, (_c = p.theme.colors) === null || _c === void 0 ? void 0 : _c.text, p['data-favorite'] === 'true' &&
-        "\n        fill: ".concat((_d = p.theme.colors) === null || _d === void 0 ? void 0 : _d.text, ";\n\n        path {\n          fill: ").concat((_e = p.theme.colors) === null || _e === void 0 ? void 0 : _e.text, ";\n        }\n      "), p['data-favorite'] === 'true'
-        ? "\n          fill: transparent;\n\n          path {\n            fill: transparent;\n          }\n        "
-        : "\n          fill: ".concat((_f = p.theme.colors) === null || _f === void 0 ? void 0 : _f.text, ";\n\n          path {\n            fill: ").concat((_g = p.theme.colors) === null || _g === void 0 ? void 0 : _g.text, ";\n          }\n        "));
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/components/feedback.js

@@ -1,59 +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;
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Button, convertToStringAttributes, Icon, invertedHoverButton, StyledText, } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React, { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-export default forwardRef(function (_a, ref) {
-    var _b = _a.onFeedback, onFeedback = _b === void 0 ? function () { } : _b, _c = _a.direction, direction = _c === void 0 ? 'horizontal' : _c, className = _a.className, header = _a.header, positive = _a.positive, negative = _a.negative, selected = _a.selected, other = __rest(_a, ["onFeedback", "direction", "className", "header", "positive", "negative", "selected"]);
-    return (React.createElement(Wrapper, __assign({ className: appendClassNames(className, 'humany-feedback'), "data-direction": direction }, convertToStringAttributes(other), { ref: ref }),
-        !!header && React.createElement(Header, null, header),
-        React.createElement(FeedbackButton, { className: "humany-feedback-button", disabled: !!selected, "aria-pressed": selected === 'positive', "data-selected": selected === 'positive', "data-direction": direction, onClick: function () { return onFeedback('positive'); } },
-            React.createElement(Icon, { faIcon: "smile-o" }),
-            React.createElement("span", null, positive)),
-        React.createElement(FeedbackButton, { className: "humany-feedback-button", disabled: !!selected, "aria-pressed": selected === 'negative', "data-selected": selected === 'negative', "data-direction": direction, onClick: function () { return onFeedback('negative'); } },
-            React.createElement(Icon, { faIcon: "frown-o" }),
-            React.createElement("span", null, negative))));
-});
-var Header = styled(StyledText)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-weight: normal;\n    margin: 0 0 ", ";\n    font-size: ", ";\n    display: block;\n"], ["\n    font-weight: normal;\n    margin: 0 0 ", ";\n    font-size: ", ";\n    display: block;\n"])), 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.normal; });
-var FeedbackButton = styled(Button)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n    font-size: ", ";\n    font-weight: 300;\n    && {\n        margin-right: ", ";\n    }\n\n    ", "\n\n    ", "\n\n  ", "\n\n  i {\n        margin: 0 ", " 0 0;\n    }\n"], ["\n    display: inline-block;\n    font-size: ", ";\n    font-weight: 300;\n    && {\n        margin-right: ", ";\n    }\n\n    ", "\n\n    ", "\n\n  ", "\n\n  i {\n        margin: 0 ", " 0 0;\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.large; }, function (p) {
-    var _a, _b;
-    return p['data-direction'] === 'horizontal' && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            width: 225px;\n            max-width: calc(50% - ", " - ", ");\n        "], ["\n            width: 225px;\n            max-width: calc(50% - ", " - ", ");\n        "])), (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large, (_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small);
-}, function (p) {
-    return p['data-direction'] === 'vertical' && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            min-width: 190px;\n        "], ["\n            min-width: 190px;\n        "])));
-}, function (p) {
-    var _a;
-    return invertedHoverButton({
-        active: p['data-selected'],
-        primaryColor: (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary,
-        secondaryColor: '#FFFFFF',
-    });
-}, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var Wrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (p) {
-    return p['data-direction'] === 'vertical' && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            > button {\n                width: 100%;\n                &:not(:last-child) {\n                    margin-bottom: ", ";\n                }\n            }\n        "], ["\n            > button {\n                width: 100%;\n                &:not(:last-child) {\n                    margin-bottom: ", ";\n                }\n            }\n        "])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib-esm/components/guide-list.js

@@ -1,173 +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;
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { borderTabStyle, convertToStringAttributes, headingElement, ItemList, itemList, List, list, SymbolBadge, TextLink, usePrevious, useRouteData, } from '@telia-ace/widget-ui';
-import { appendClassNames, createParams, htmlParentContains, } from '@telia-ace/widget-utilities';
-import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useRef, } from 'react';
-import styled, { css, ThemeContext } from 'styled-components';
-import { useFavorites } from '../hooks';
-import FavoriteButton from './favorite-button';
-import Metadata from './metadata';
-var Tags = function (_a) {
-    var tags = _a.tags;
-    if (!tags.filter(function (t) { return t.symbol; }).length) {
-        return null;
-    }
-    return (React.createElement(StyledTagList, { className: "humany-guide-list-tags", items: tags, renderItem: function (_a) {
-            var id = _a.id, symbol = _a.symbol, title = _a.title;
-            return symbol && (React.createElement("li", { key: id, "data-tag": id },
-                React.createElement(StyledTagIcon, { size: 18, symbol: symbol, title: title })));
-        } }));
-};
-export var AccordionListItem = forwardRef(function (_a, ref) {
-    var title = _a.title, id = _a.id, route = _a.route, symbolSize = _a.symbolSize, collapseUri = _a.collapseUri, children = _a.children;
-    var params = useRouteData().params;
-    return (React.createElement(ActiveAccordionListItem, { ref: ref, "data-guide": id },
-        React.createElement(TextLink, { title: title, "aria-label": title, routeName: route, params: createParams(__assign(__assign({}, params), { uriName: collapseUri ? collapseUri : undefined, id: undefined, guide: undefined, accordion: undefined })), text: title },
-            React.createElement(SymbolBadge, { size: symbolSize, symbol: { type: 'Svg', content: 'caret-up' } })),
-        children));
-});
-var ActiveAccordionListItem = styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > a { \n    grid-column: 1 / -1\n    font-weight: bold;\n    margin: 0 0 ", " 0;\n  }\n\n  > div {\n    grid-column: 1 / -1\n  }\n"], ["\n  > a { \n    grid-column: 1 / -1\n    font-weight: bold;\n    margin: 0 0 ", " 0;\n  }\n\n  > div {\n    grid-column: 1 / -1\n  }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
-export default forwardRef(function (_a, ref) {
-    var _b = _a.expandable, expandable = _b === void 0 ? false : _b, _c = _a.routing, routing = _c === void 0 ? {} : _c, _d = _a.paramMappers, paramMappers = _d === void 0 ? {} : _d, _e = _a.symbolSize, symbolSize = _e === void 0 ? 11 : _e, _f = _a.pageRole, pageRole = _f === void 0 ? 'link' : _f, _g = _a.pageCaret, pageCaret = _g === void 0 ? 'down' : _g, _h = _a.showTags, showTags = _h === void 0 ? false : _h, _j = _a.showFavoriteToggle, showFavoriteToggle = _j === void 0 ? false : _j, _k = _a.localPaging, localPaging = _k === void 0 ? false : _k, _l = _a.onItemClick, onItemClick = _l === void 0 ? function () { } : _l, _m = _a.dispatch, dispatch = _m === void 0 ? function () { } : _m, _o = _a.metadata, metadata = _o === void 0 ? {} : _o, pageLabel = _a.pageLabel, className = _a.className, children = _a.children, items = _a.items, renderItem = _a.renderItem, addFavoriteTooltip = _a.addFavoriteTooltip, removeFavoriteCancelLabel = _a.removeFavoriteCancelLabel, removeFavoriteConfirmLabel = _a.removeFavoriteConfirmLabel, removeFavoriteHeader = _a.removeFavoriteHeader, removeFavoriteLabel = _a.removeFavoriteLabel, removeFavoriteTooltip = _a.removeFavoriteTooltip, other = __rest(_a, ["expandable", "routing", "paramMappers", "symbolSize", "pageRole", "pageCaret", "showTags", "showFavoriteToggle", "localPaging", "onItemClick", "dispatch", "metadata", "pageLabel", "className", "children", "items", "renderItem", "addFavoriteTooltip", "removeFavoriteCancelLabel", "removeFavoriteConfirmLabel", "removeFavoriteHeader", "removeFavoriteLabel", "removeFavoriteTooltip"]);
-    var _p = useContext(ThemeContext).accessibility.isTabbing, isTabbing = _p === void 0 ? false : _p;
-    var innerRef = useRef();
-    var prevItems = usePrevious(items);
-    var _q = routing.guide, guideRoute = _q === void 0 ? 'guide' : _q, _r = routing.page, pageRoute = _r === void 0 ? 'index' : _r;
-    var _s = paramMappers.guide, mapGuideParams = _s === void 0 ? function (_a) {
-        var id = _a.id;
-        return createParams({ guide: id });
-    } : _s, _t = paramMappers.page, mapPageParams = _t === void 0 ? function () { return createParams(); } : _t;
-    var _u = __read(useFavorites(), 2), favorites = _u[0], actions = _u[1];
-    useImperativeHandle(ref, function () { return innerRef.current; });
-    var defaultRenderer = function (guide) {
-        var id = guide.id, title = guide.title, tags = guide.tags, published = guide.published, modified = guide.modified, publishedBy = guide.publishedBy, modifiedBy = guide.modifiedBy;
-        return (React.createElement("li", { key: id, "data-guide": id, "has-metadata": ((!!(metadata === null || metadata === void 0 ? void 0 : metadata.showPublished) && !!published) ||
-                (!!(metadata === null || metadata === void 0 ? void 0 : metadata.showModified) && !!modified)).toString() },
-            React.createElement(TextLink, { className: "humany-guide-link", title: title, "aria-label": title, routeName: guideRoute, onClick: function (e) { return onItemClick(e, guide); }, params: mapGuideParams(guide), text: title },
-                React.createElement(SymbolBadge, { size: symbolSize, symbol: {
-                        type: 'Svg',
-                        content: expandable ? 'caret-down' : 'caret-right',
-                    } })),
-            showFavoriteToggle && (React.createElement(FavoriteButton, { guideTitle: title, addFavoriteTooltip: addFavoriteTooltip, removeFavoriteCancelLabel: removeFavoriteCancelLabel, removeFavoriteConfirmLabel: removeFavoriteConfirmLabel, removeFavoriteHeader: removeFavoriteHeader, removeFavoriteLabel: removeFavoriteLabel, removeFavoriteTooltip: removeFavoriteTooltip, isFavorite: favorites.indexOf(id) > -1, actions: actions, id: id })),
-            showTags && React.createElement(Tags, { tags: tags }),
-            React.createElement(StyledMetadata, __assign({}, metadata, { indent: expandable ? undefined : symbolSize, modified: modified, published: published, publishedBy: publishedBy, modifiedBy: modifiedBy }))));
-    };
-    var renderer = useCallback(function (guide, index, items) {
-        if (renderItem) {
-            return renderItem(guide, index, items, defaultRenderer);
-        }
-        return defaultRenderer(guide, index, items);
-    }, [renderItem, defaultRenderer]);
-    var onPageClick = useCallback(function (e) {
-        if (localPaging) {
-            e.preventDefault();
-            dispatch('page', mapPageParams());
-        }
-    }, [dispatch, localPaging]);
-    useEffect(function () {
-        if (isTabbing && prevItems && prevItems.length < items.length && innerRef.current) {
-            var elements = innerRef.current.querySelectorAll('.humany-guide-list > ul > li');
-            var listItemElem = elements[prevItems.length];
-            if (elements.length === items.length && prevItems.length) {
-                var nextListItem = elements[prevItems.length];
-                if (nextListItem) {
-                    var focusNext = nextListItem.querySelector('.humany-guide-link');
-                    focusNext && focusNext.focus();
-                }
-            }
-            else if (listItemElem) {
-                var observer = new MutationObserver(function (mutations, observer) {
-                    mutations.forEach(function (mutation) {
-                        if (mutation.addedNodes) {
-                            var found = Array.from(mutation.addedNodes).find(function (node) { return node.tagName === 'A'; });
-                            if (found &&
-                                htmlParentContains(innerRef.current, document.activeElement)) {
-                                isTabbing && found.focus();
-                                observer.disconnect();
-                            }
-                        }
-                    });
-                });
-                observer.observe(listItemElem, {
-                    attributes: false,
-                    characterData: false,
-                    childList: true,
-                    subtree: true,
-                    attributeOldValue: false,
-                    characterDataOldValue: false,
-                });
-            }
-        }
-    });
-    var hasMetaData = !!Object.keys(metadata).filter(function (k) { return typeof metadata[k] !== 'undefined'; }).length;
-    return (React.createElement(StyledItemList, __assign({ className: appendClassNames(className, 'humany-guide-list'), "data-item-count": items.length, items: items, renderItem: renderer, expandable: expandable ? 'true' : 'false', "grid-items": showTags || showFavoriteToggle || hasMetaData ? 'true' : 'false' }, convertToStringAttributes(other), { ref: innerRef }),
-        pageLabel ? (React.createElement(TextLink, { text: pageLabel, title: pageLabel, "aria-label": pageLabel, routeName: pageRoute, role: pageRole, params: mapPageParams(), onClick: onPageClick },
-            React.createElement(SymbolBadge, { size: symbolSize, symbol: { type: 'Svg', content: "caret-".concat(pageCaret) } }))) : null,
-        children));
-});
-var StyledItemList = styled(ItemList)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n    padding: ", ";\n    overflow: auto;\n    justify-content: flex-start;\n    white-space: nowrap;\n    font-weight: 300;\n    text-decoration: none;\n\n    > div {\n        ", "\n    }\n\n    > ul > li {\n        ", "\n        > a {\n            color: ", ";\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n            display: inline-block;\n\n            svg {\n                margin: 0 calc(", "*2) 0 0;\n                line {\n                    stroke: ", ";\n                }\n            }\n\n            ", "\n\n            &:focus {\n                ", ";\n            }\n\n            @media (hover: hover) {\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n    }\n\n    > a {\n        color: ", ";\n        margin: ", " 0 0;\n        align-self: flex-start;\n        align-items: center;\n        display: flex;\n\n        span {\n            text-decoration: underline;\n        }\n\n        svg {\n            margin: 0 calc(", "*2) 0 0;\n            line {\n                stroke: ", ";\n            }\n        }\n\n        &:focus {\n            ", ";\n        }\n    }\n"], ["\n    ", "\n    padding: ", ";\n    overflow: auto;\n    justify-content: flex-start;\n    white-space: nowrap;\n    font-weight: 300;\n    text-decoration: none;\n\n    > div {\n        ", "\n    }\n\n    > ul > li {\n        ", "\n        > a {\n            color: ", ";\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 100%;\n            display: inline-block;\n\n            svg {\n                margin: 0 calc(", "*2) 0 0;\n                line {\n                    stroke: ", ";\n                }\n            }\n\n            ", "\n\n            &:focus {\n                ", ";\n            }\n\n            @media (hover: hover) {\n                &:hover {\n                    text-decoration: underline;\n                }\n            }\n        }\n    }\n\n    > a {\n        color: ", ";\n        margin: ", " 0 0;\n        align-self: flex-start;\n        align-items: center;\n        display: flex;\n\n        span {\n            text-decoration: underline;\n        }\n\n        svg {\n            margin: 0 calc(", "*2) 0 0;\n            line {\n                stroke: ", ";\n            }\n        }\n\n        &:focus {\n            ", ";\n        }\n    }\n"])), itemList, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.large; }, headingElement('> h1', css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                white-space: pre-wrap;\n            "], ["\n                white-space: pre-wrap;\n            "])))), function (p) {
-    return p['grid-items'] === 'true' && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                display: grid;\n                grid-template-columns: auto 1fr 1fr;\n                gap: 0px 0px;\n                grid-template-areas: '. favorite tags';\n                align-items: center;\n\n                > button {\n                    margin: 0 0 0 ", ";\n\n                    &[data-favorite='false'] {\n                        ", ";\n                        &:focus {\n                            opacity: 1;\n                        }\n                    }\n                }\n\n                > span {\n                    font-size: ", ";\n                }\n\n                &:hover {\n                    button[data-favorite='false'] {\n                        display: flex;\n                        justify-self: flex-start;\n                    }\n                }\n\n                &[has-metadata='true'] {\n                    grid-template-rows: 1fr 1fr;\n                    grid-template-areas:\n                        '. favorite tags'\n                        'metadata metadata metadata';\n                }\n            "], ["\n                display: grid;\n                grid-template-columns: auto 1fr 1fr;\n                gap: 0px 0px;\n                grid-template-areas: '. favorite tags';\n                align-items: center;\n\n                > button {\n                    margin: 0 0 0 ", ";\n\n                    &[data-favorite='false'] {\n                        ", ";\n                        &:focus {\n                            opacity: 1;\n                        }\n                    }\n                }\n\n                > span {\n                    font-size: ", ";\n                }\n\n                &:hover {\n                    button[data-favorite='false'] {\n                        display: flex;\n                        justify-self: flex-start;\n                    }\n                }\n\n                &[has-metadata='true'] {\n                    grid-template-rows: 1fr 1fr;\n                    grid-template-areas:\n                        '. favorite tags'\n                        'metadata metadata metadata';\n                }\n            "])), 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.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) ? 'opacity: 0;' : 'display: none;'; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; });
-}, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, 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.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) {
-    return p.expandable === 'true' && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                    display: flex;\n                    flex-direction: row-reverse;\n                    justify-content: flex-end;\n                    align-items: center;\n\n                    span {\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                    }\n\n                    svg {\n                        margin: 0 0 0 ", ";\n                    }\n                "], ["\n                    display: flex;\n                    flex-direction: row-reverse;\n                    justify-content: flex-end;\n                    align-items: center;\n\n                    span {\n                        overflow: hidden;\n                        text-overflow: ellipsis;\n                    }\n\n                    svg {\n                        margin: 0 0 0 ", ";\n                    }\n                "])), 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.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                        ", "\n                        text-decoration: underline;\n                    "], ["\n                        ", "\n                        text-decoration: underline;\n                    "])), borderTabStyle);
-}, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.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.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                    ", "\n                    text-decoration: underline;\n                "], ["\n                    ", "\n                    text-decoration: underline;\n                "])), borderTabStyle);
-});
-var StyledTagList = styled(List)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    ", "\n    display: flex;\n    margin: 0 0 0 auto;\n    grid-area: tags;\n\n    li,\n    li:last-child {\n        margin: 0 0 0 ", ";\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n"], ["\n    ", "\n    display: flex;\n    margin: 0 0 0 auto;\n    grid-area: tags;\n\n    li,\n    li:last-child {\n        margin: 0 0 0 ", ";\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n"])), list, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-var StyledTagIcon = styled(SymbolBadge)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    display: block;\n    color: ", ";\n    ", "\n"], ["\n    display: block;\n    color: ", ";\n    ", "\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) {
-    if (p.symbol.type === 'Uri') {
-        return "\n        width: ".concat(p.size, "px;\n        height: ").concat(p.size, "px;\n      ");
-    }
-    if (p.symbol.type === 'FontAwesome') {
-        return "\n        font-size: ".concat(p.size, "px;\n      ");
-    }
-});
-var StyledMetadata = styled(Metadata)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    grid-area: metadata;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: ", ";\n    ", "\n"], ["\n    grid-area: metadata;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: ", ";\n    ", "\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.small; }, function (p) {
-    var _a;
-    return typeof p.indent === 'number' &&
-        "text-indent: calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " * 2 + ").concat(p.indent, "px);");
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/lib-esm/components/index.d.ts

@@ -1,10 +0,0 @@
-export { default as DialogLink } from './dialog-link';
-export { default as DialogList } from './dialog-list';
-export { default as DrawerList } from './drawer-list';
-export { default as DropdownActions } from './dropdown-actions';
-export { default as DropdownList } from './dropdown-list';
-export { default as FavoriteButton } from './favorite-button';
-export { default as Feedback } from './feedback';
-export { AccordionListItem, default as GuideList } from './guide-list';
-export { default as Loader, Wrapper as LoaderWrapper } from './loader';
-export { default as Metadata } from './metadata';

package/lib-esm/components/index.js

@@ -1,10 +0,0 @@
-export { default as DialogLink } from './dialog-link';
-export { default as DialogList } from './dialog-list';
-export { default as DrawerList } from './drawer-list';
-export { default as DropdownActions } from './dropdown-actions';
-export { default as DropdownList } from './dropdown-list';
-export { default as FavoriteButton } from './favorite-button';
-export { default as Feedback } from './feedback';
-export { AccordionListItem, default as GuideList } from './guide-list';
-export { default as Loader, Wrapper as LoaderWrapper } from './loader';
-export { default as Metadata } from './metadata';

package/lib-esm/components/loader.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare type Props = {
-    loading: boolean | undefined;
-};
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
-    'data-loading': boolean;
-}, never>;
-declare const Loader: React.SFC<Props>;
-export default Loader;

package/lib-esm/components/loader.js

@@ -1,21 +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 React from 'react';
-import styled, { keyframes } from 'styled-components';
-var spin = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var dash = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n"])));
-var SpinnerSvg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    animation: ", " 2s linear infinite;\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    transition: 200ms ease-out opacity;\n"], ["\n    animation: ", " 2s linear infinite;\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    transition: 200ms ease-out opacity;\n"])), spin);
-export var Wrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  pointer-events: ", "\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  transition: 200ms ease-out opacity;\n  box-sizing: border-box;\n  overflow: hidden;\n  ", " {\n    opacity: ", "\n  }\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  pointer-events: ", "\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  transition: 200ms ease-out opacity;\n  box-sizing: border-box;\n  overflow: hidden;\n  ", " {\n    opacity: ", "\n  }\n"])), function (p) { return (p['data-loading'] ? 'all' : 'none'); }, SpinnerSvg, function (p) { return (p['data-loading'] ? '1' : '0'); });
-var Spinner = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    &:before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n"], ["\n    position: relative;\n    margin: 0 auto;\n    width: 100px;\n    &:before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n"])));
-var SpinnerCircle = styled.circle(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n    animation: ", " 1.5s ease-in-out infinite;\n    stroke-linecap: round;\n    stroke: ", ";\n    stroke-width: 2px;\n"], ["\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n    animation: ", " 1.5s ease-in-out infinite;\n    stroke-linecap: round;\n    stroke: ", ";\n    stroke-width: 2px;\n"])), dash, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; });
-var Loader = function (_a) {
-    var _b = _a.loading, loading = _b === void 0 ? false : _b;
-    return (React.createElement(Wrapper, { className: "humany-loader", "data-loading": loading },
-        React.createElement(Spinner, { className: "humany-spinner" },
-            React.createElement(SpinnerSvg, { viewBox: "25 25 50 50" },
-                React.createElement(SpinnerCircle, { cx: "50", cy: "50", r: "20", fill: "none", "stroke-width": "2", "stroke-miterlimit": "10" })))));
-};
-export default Loader;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib-esm/components/metadata.js

@@ -1,30 +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 { DateFormats, Text, Timestamp } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled from 'styled-components';
-var Metadata = function (_a) {
-    var _b = _a.format, format = _b === void 0 ? DateFormats.YYYY_MM_DD_HH_MM : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.byLabel, byLabel = _d === void 0 ? '' : _d, _e = _a.modifiedLabel, modifiedLabel = _e === void 0 ? '' : _e, _f = _a.publishedLabel, publishedLabel = _f === void 0 ? '' : _f, _g = _a.modifiedBy, modifiedBy = _g === void 0 ? '' : _g, _h = _a.publishedBy, publishedBy = _h === void 0 ? '' : _h, _j = _a.showModified, showModified = _j === void 0 ? false : _j, _k = _a.showPublished, showPublished = _k === void 0 ? false : _k, modified = _a.modified, published = _a.published;
-    var publishedTimestamp = showPublished && published ? (React.createElement(StyledTimestamp, { format: format, timestamp: published })) : null;
-    var modifiedTimestamp = showModified && modified ? React.createElement(StyledTimestamp, { format: format, timestamp: modified }) : null;
-    if (!publishedTimestamp && !modifiedTimestamp) {
-        return null;
-    }
-    return (React.createElement(StyledText, { className: appendClassNames(className, 'humany-metadata') },
-        publishedTimestamp && (React.createElement(StyledText, { className: "humany-published" },
-            publishedLabel,
-            publishedTimestamp,
-            byLabel && publishedBy && " ".concat(byLabel.replace('{{editor}}', publishedBy)))),
-        modifiedTimestamp && (React.createElement(StyledText, { className: "humany-modified" },
-            publishedTimestamp && ', ',
-            modifiedLabel,
-            modifiedTimestamp,
-            byLabel && modifiedBy && " ".concat(byLabel.replace('{{editor}}', modifiedBy))))));
-};
-export default Metadata;
-var StyledTimestamp = styled(Timestamp)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &:not(:first-child) {\n        margin-left: 4px;\n    }\n    &:not(:last-child) {\n        margin-right: 4px;\n    }\n"], ["\n    &:not(:first-child) {\n        margin-left: 4px;\n    }\n    &:not(:last-child) {\n        margin-right: 4px;\n    }\n"])));
-var StyledText = styled(Text)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-style: italic;\n"], ["\n    font-style: italic;\n"])));
-var templateObject_1, templateObject_2;

package/lib-esm/hooks/index.d.ts

@@ -1,5 +0,0 @@
-export { default as useArrowKeys } from './use-arrow-keys';
-export { default as useDebounce } from './use-debounce';
-export { default as useFavorites } from './use-favorites';
-export type { FavoriteActions } from './use-favorites';
-export { default as useHover } from './use-hover';

package/lib-esm/hooks/index.js

@@ -1,4 +0,0 @@
-export { default as useArrowKeys } from './use-arrow-keys';
-export { default as useDebounce } from './use-debounce';
-export { default as useFavorites } from './use-favorites';
-export { default as useHover } from './use-hover';