@telia-ace/widget-ui 1.0.8 → 1.0.11

package/lib/utils/browser.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Browsers = void 0;
-var Browsers;
-(function (Browsers) {
-    Browsers["Opera"] = "opera";
-    Browsers["Chrome"] = "chrome";
-    Browsers["Firefox"] = "firefox";
-    Browsers["Safari"] = "safari";
-    Browsers["Edge"] = "edge";
-    Browsers["EdgeChromium"] = "edge-chromium";
-    Browsers["Blink"] = "blink";
-    Browsers["IE"] = "internet-explorer";
-})(Browsers = exports.Browsers || (exports.Browsers = {}));
-exports.default = (function () {
-    var opr = window.opr, opera = window.opera, InstallTrigger = window.InstallTrigger, HTMLElement = window.HTMLElement, safari = window.safari, documentMode = window.documentMode, StyleMedia = window.StyleMedia, chrome = window.chrome, CSS = window.CSS;
-    // Opera 8.0+
-    var isOpera = (!!opr && !!opr.addons) || !!opera || navigator.userAgent.indexOf(' OPR/') >= 0;
-    if (isOpera) {
-        return Browsers.Opera;
-    }
-    // Firefox 1.0+
-    if (InstallTrigger) {
-        return Browsers.Firefox;
-    }
-    // Safari 3.0+ '[object HTMLElementConstructor]'
-    var safariCheck = (function (p) {
-        return p.toString() === '[object SafariRemoteNotification]';
-    })(!safari || (typeof safari !== 'undefined' && safari.pushNotification));
-    if (/constructor/i.test(HTMLElement) || safariCheck) {
-        return Browsers.Safari;
-    }
-    // Internet Explorer 6-11
-    var isIE = /*@cc_on!@*/ false || !!documentMode;
-    if (isIE) {
-        return Browsers.IE;
-    }
-    // Edge 20+
-    if (!isIE && !!StyleMedia) {
-        return Browsers.Edge;
-    }
-    // Chrome 1 - 79
-    var isChrome = !!chrome && (!!chrome.webstore || !!chrome.runtime);
-    if (isChrome) {
-        return Browsers.Chrome;
-    }
-    // Edge (based on chromium) detection
-    if (isChrome && navigator.userAgent.indexOf('Edg') !== -1) {
-        return Browsers.EdgeChromium;
-    }
-    if ((isChrome || isOpera) && !!CSS) {
-        return Browsers.Blink;
-    }
-});

package/lib/utils/convert-to-string-attributes.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (props: any) => object;
-export default _default;

package/lib/utils/convert-to-string-attributes.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var types = ['string', 'number'];
-exports.default = (function (props) {
-    return Object.keys(props).reduce(function (result, key) {
-        var value = typeof props[key] === 'undefined' ? '' : props[key];
-        var type = typeof value;
-        if (types.indexOf(type) > -1) {
-            var sub = key.substring(0, 5);
-            if (sub === 'data-' || sub === 'aria-') {
-                result[(0, widget_utilities_1.kebabCase)(key)] = value.toString();
-            }
-            else if (key.substring(0, 4) !== 'css-') {
-                result[key] = value.toString();
-            }
-        }
-        else {
-            result[key] = value;
-        }
-        return result;
-    }, {});
-});

package/lib/utils/create-empty-component.js

@@ -1,25 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var components_1 = require("../components");
-var createEmptyComponent = function (container, props) {
-    if (container.get('seoConfiguration')) {
-        return react_1.default.createElement(components_1.Empty, __assign({}, props));
-    }
-    return null;
-};
-exports.default = createEmptyComponent;

package/lib/utils/embedded-link-mapper.js

@@ -1,62 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var components_1 = require("../components");
-// Determine if href starts with a hashtag
-var isAnchorLink = function (href) {
-    var re = new RegExp('^#', 'i');
-    var match = re.test(href);
-    return match;
-};
-var embeddedLinkMapper = function (container) {
-    return function (_a) {
-        var children = _a.children, props = __rest(_a, ["children"]);
-        var _b = container.get('$widget'), implementation = _b.implementation, currentWidgetName = _b.name;
-        var _c = props.href, href = _c === void 0 ? '' : _c;
-        if (isAnchorLink(href)) {
-            return (react_1.default.createElement(components_1.AnchorLink, { smooth: true, to: href }, children));
-        }
-        var escapedBindings = implementation.bindings
-            .map(function (binding) { return binding.replace(/\./g, '\\.'); })
-            .join('|');
-        var regexp = new RegExp("^((http[s]?:)?//)?(".concat(escapedBindings, ")/([^\\s]+)"));
-        var expArray = regexp.exec(href);
-        if (expArray && expArray.length >= 4) {
-            var targetWidgetName = expArray[4];
-            var targetWidget = implementation.widgets.get(targetWidgetName);
-            // blob links should not be treated as a widget link
-            if (targetWidget &&
-                !targetWidgetName.startsWith('blob?') &&
-                !targetWidgetName.startsWith(currentWidgetName)) {
-                return react_1.default.createElement(components_1.WidgetLink, { widgetName: targetWidgetName }, children);
-            }
-        }
-        return react_1.default.createElement("a", __assign({}, props), children);
-    };
-};
-exports.default = embeddedLinkMapper;

package/lib/utils/filter-css-props.d.ts

@@ -1,8 +0,0 @@
-declare const filterCssProps: (props: any) => {
-    [key: string]: any;
-};
-declare type FilterCssPropsStyle = {
-    [key: string]: any;
-};
-export declare const filterCssPropsStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FilterCssPropsStyle, any>>;
-export default filterCssProps;

package/lib/utils/filter-css-props.js

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterCssPropsStyle = void 0;
-var styled_components_1 = require("styled-components");
-var filterCssProps = function (props) {
-    var cssProps = {};
-    Object.keys(props).forEach(function (key) {
-        if (key.indexOf('css-') > -1) {
-            cssProps[key] = props[key];
-        }
-    });
-    return cssProps;
-};
-exports.filterCssPropsStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (p) {
-    var css = '';
-    Object.keys(filterCssProps(p)).forEach(function (key) {
-        if (key.indexOf('css-') > -1) {
-            css += "".concat(key.replace('css-', ''), ":").concat(p[key], ";");
-        }
-    });
-    return css;
-});
-exports.default = filterCssProps;
-var templateObject_1;

package/lib/utils/generic-hash-link.js

@@ -1,70 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.genericHashLink = void 0;
-var react_1 = __importDefault(require("react"));
-var genericHashLink = function (props, As) {
-    var hashFragment = '';
-    var reset = function () {
-        hashFragment = '';
-    };
-    var getElementAndScroll = function (scrollFunction) {
-        var element = document.getElementById(hashFragment);
-        if (element !== null) {
-            scrollFunction(element);
-            reset();
-            return true;
-        }
-        return false;
-    };
-    var handleClick = function (e) {
-        e.preventDefault();
-        reset();
-        if (props.onClick)
-            props.onClick(e);
-        // try to get hash fragment
-        if (typeof props.to === 'string') {
-            hashFragment = props.to.split('#').slice(1).join('#');
-        }
-        // if hash fragment is present
-        if (hashFragment !== '') {
-            getElementAndScroll(props.scroll ||
-                (function (el) {
-                    return props.smooth
-                        ? el.scrollIntoView({ behavior: 'smooth' })
-                        : el.scrollIntoView();
-                }));
-        }
-        return false;
-    };
-    var scroll = props.scroll, smooth = props.smooth, to = props.to, filteredProps = __rest(props, ["scroll", "smooth", "to"]);
-    if (As === 'a') {
-        filteredProps.href = 'javascript:;';
-    }
-    return (react_1.default.createElement(As, __assign({}, filteredProps, { onClick: handleClick }), props.children));
-};
-exports.genericHashLink = genericHashLink;

package/lib/utils/heading-styles.d.ts

@@ -1 +0,0 @@
-export declare const headingElement: (element: string, style: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/lib/utils/heading-styles.js

@@ -1,48 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.headingElement = void 0;
-var styled_components_1 = require("styled-components");
-var headingElement = function (element, style) {
-    var defaultTag = element;
-    var prefix = '';
-    if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(element)) {
-        defaultTag = element;
-    }
-    else {
-        var match = element.match(/h1|h2|h3|h4|h5|h6/);
-        if (match === null || match === void 0 ? void 0 : match[0]) {
-            defaultTag = match[0];
-            var _a = __read(element.split(defaultTag), 1), pre = _a[0];
-            prefix = pre;
-        }
-    }
-    var renderTag = function (element, pre, mapping) {
-        if (mapping[element]) {
-            return "".concat(pre).concat(mapping[element]);
-        }
-        return "".concat(pre).concat(element);
-    };
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", " {\n            ", "\n        }\n    "], ["\n        ", " {\n            ", "\n        }\n    "])), function (p) { return renderTag(defaultTag, prefix, p.theme.typographyVariantMapping || {}); }, style);
-};
-exports.headingElement = headingElement;
-var templateObject_1;

package/lib/utils/index.d.ts

@@ -1,12 +0,0 @@
-export { transitionComposer } from './animations';
-export type { TransitionStateSettings } from './animations';
-export { Browsers, default as browser } from './browser';
-export { default as convertToStringAttributes } from './convert-to-string-attributes';
-export { default as createEmptyComponent } from './create-empty-component';
-export { default as embeddedLinkMapper } from './embedded-link-mapper';
-export { default as filterCssProps, filterCssPropsStyle } from './filter-css-props';
-export { genericHashLink } from './generic-hash-link';
-export type { Props as GenericHashLinkProps } from './generic-hash-link';
-export { headingElement } from './heading-styles';
-export { default as processHtmlString } from './process-html-string';
-export { defaultRenderInstructions } from './render-instructions';

package/lib/utils/index.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultRenderInstructions = exports.processHtmlString = exports.headingElement = exports.genericHashLink = exports.filterCssPropsStyle = exports.filterCssProps = exports.embeddedLinkMapper = exports.createEmptyComponent = exports.convertToStringAttributes = exports.browser = exports.Browsers = exports.transitionComposer = void 0;
-var animations_1 = require("./animations");
-Object.defineProperty(exports, "transitionComposer", { enumerable: true, get: function () { return animations_1.transitionComposer; } });
-var browser_1 = require("./browser");
-Object.defineProperty(exports, "Browsers", { enumerable: true, get: function () { return browser_1.Browsers; } });
-Object.defineProperty(exports, "browser", { enumerable: true, get: function () { return __importDefault(browser_1).default; } });
-var convert_to_string_attributes_1 = require("./convert-to-string-attributes");
-Object.defineProperty(exports, "convertToStringAttributes", { enumerable: true, get: function () { return __importDefault(convert_to_string_attributes_1).default; } });
-var create_empty_component_1 = require("./create-empty-component");
-Object.defineProperty(exports, "createEmptyComponent", { enumerable: true, get: function () { return __importDefault(create_empty_component_1).default; } });
-var embedded_link_mapper_1 = require("./embedded-link-mapper");
-Object.defineProperty(exports, "embeddedLinkMapper", { enumerable: true, get: function () { return __importDefault(embedded_link_mapper_1).default; } });
-var filter_css_props_1 = require("./filter-css-props");
-Object.defineProperty(exports, "filterCssProps", { enumerable: true, get: function () { return __importDefault(filter_css_props_1).default; } });
-Object.defineProperty(exports, "filterCssPropsStyle", { enumerable: true, get: function () { return filter_css_props_1.filterCssPropsStyle; } });
-var generic_hash_link_1 = require("./generic-hash-link");
-Object.defineProperty(exports, "genericHashLink", { enumerable: true, get: function () { return generic_hash_link_1.genericHashLink; } });
-var heading_styles_1 = require("./heading-styles");
-Object.defineProperty(exports, "headingElement", { enumerable: true, get: function () { return heading_styles_1.headingElement; } });
-var process_html_string_1 = require("./process-html-string");
-Object.defineProperty(exports, "processHtmlString", { enumerable: true, get: function () { return __importDefault(process_html_string_1).default; } });
-var render_instructions_1 = require("./render-instructions");
-Object.defineProperty(exports, "defaultRenderInstructions", { enumerable: true, get: function () { return render_instructions_1.defaultRenderInstructions; } });

package/lib/utils/process-html-string.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var htmr_1 = __importDefault(require("htmr"));
-/**
- * Converts a html chunk to managed React nodes.
- */
-function parseHtmlString(html, instruction) {
-    if (instruction) {
-        return (0, htmr_1.default)(html, instruction);
-    }
-    return (0, htmr_1.default)(html);
-}
-exports.default = parseHtmlString;

package/lib/utils/render-instructions.d.ts

@@ -1,8 +0,0 @@
-import { Container } from '@webprovisions/platform';
-import React from 'react';
-export declare const defaultRenderInstructions: (container: Container) => {
-    transform: {
-        a: ({ children, ...props }: any) => JSX.Element;
-        img: (attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => JSX.Element;
-    };
-};

package/lib/utils/render-instructions.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultRenderInstructions = void 0;
-var react_1 = __importDefault(require("react"));
-var components_1 = require("../components");
-var embedded_link_mapper_1 = __importDefault(require("./embedded-link-mapper"));
-var imageLightboxRenderer = function (attrs) { return react_1.default.createElement(components_1.Lightbox, { attrs: attrs }); };
-var defaultRenderInstructions = function (container) {
-    return {
-        transform: {
-            a: (0, embedded_link_mapper_1.default)(container),
-            img: imageLightboxRenderer,
-        },
-    };
-};
-exports.defaultRenderInstructions = defaultRenderInstructions;

package/lib-esm/components/anchor-link.js

@@ -1,5 +0,0 @@
-import { genericHashLink } from '../utils';
-var AnchorLink = function (props) {
-    return genericHashLink(props, 'a');
-};
-export default AnchorLink;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare type Props = React.ComponentProps<'button'>;
-declare const _default: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;
-export default _default;

package/lib-esm/components/button.js

@@ -1,36 +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 { appendClassNames } from '@telia-ace/widget-utilities';
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { convertToStringAttributes } from '../utils';
-export default forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, other = __rest(_a, ["className", "children"]);
-    return (React.createElement(StyledButton, __assign({ type: "button", className: appendClassNames(className, 'humany-button') }, convertToStringAttributes(other), { ref: ref }), children));
-});
-var StyledButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    -webkit-appearance: button;\n    text-transform: none;\n    overflow: visible;\n    outline: none;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: normal;\n    margin: 0;\n    padding: 0;\n"], ["\n    -webkit-appearance: button;\n    text-transform: none;\n    overflow: visible;\n    outline: none;\n    border: none;\n    background-color: transparent;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: normal;\n    margin: 0;\n    padding: 0;\n"])));
-var templateObject_1;

package/lib-esm/components/checkbox.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import { convertToStringAttributes } from '../utils';
-var Checkbox = function (_a) {
-    var _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, _c = _a.onEnter, onEnter = _c === void 0 ? function () { } : _c, className = _a.className, other = __rest(_a, ["onChange", "onEnter", "className"]);
-    return (React.createElement("input", __assign({ className: appendClassNames(className, 'humany-checkbox'), onKeyDown: function (e) {
-            if (e.key === 'Enter') {
-                onEnter(e);
-            }
-        }, onChange: function (e) { return onChange(e.target.value, e.currentTarget.checked); } }, convertToStringAttributes(other))));
-};
-export default Checkbox;

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

@@ -1,121 +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 __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;
-};
-var _a;
-import { appendClassNames, uuid } from '@telia-ace/widget-utilities';
-import React, { useEffect, useRef } from 'react';
-import { CSSTransition } from 'react-transition-group';
-import styled, { css } from 'styled-components';
-import { useEventListener, useKeyPress, usePrevious, useScroll, useToggle, useUniqueMenu, useWidgetEvent, } from '../../hooks';
-import { CloseButton } from '../../styles';
-import Portal from '../portal';
-import SymbolBadge from '../symbol-badge';
-import Typography from '../typography';
-export var AnimationType;
-(function (AnimationType) {
-    AnimationType["SlideInLeft"] = "slide-in-left";
-    AnimationType["SlideInRight"] = "slide-in-right";
-    AnimationType["SlideInBottom"] = "slide-in-bottom";
-    AnimationType["SlideInTop"] = "slide-in-top";
-    // Fade = 'fade',
-})(AnimationType || (AnimationType = {}));
-var defaultDuration = 300;
-var Drawer = function (_a) {
-    var className = _a.className, children = _a.children, header = _a.header, onToggle = _a.onToggle, trigger = _a.trigger, _b = _a.fullScreen, fullScreen = _b === void 0 ? false : _b, closeButtonAriaLabel = _a.closeButtonAriaLabel, _c = _a.animation, animation = _c === void 0 ? {
-        type: AnimationType.SlideInBottom,
-    } : _c;
-    var _d = animation.duration, duration = _d === void 0 ? defaultDuration : _d;
-    var closeButtonRef = useRef();
-    var triggerRef = useRef();
-    var _e = __read(useScroll(true), 2), css = _e[0], ref = _e[1];
-    var _f = __read(useToggle(), 2), visible = _f[0], toggleVisible = _f[1];
-    var previousVisible = usePrevious(visible);
-    var id = useRef(uuid());
-    useEffect(function () {
-        if (onToggle) {
-            onToggle(visible);
-        }
-    }, [visible]);
-    var esc = useKeyPress('Escape');
-    useEffect(function () {
-        if (esc) {
-            toggleVisible(false);
-        }
-    }, [esc]);
-    useEventListener('click', function (event) {
-        var target = event.target;
-        if (!triggerRef.current || !ref.current || !target) {
-            return;
-        }
-        if (triggerRef.current !== target &&
-            ref.current !== target &&
-            !ref.current.contains(target) &&
-            !triggerRef.current.contains(target)) {
-            toggleVisible(false);
-        }
-    }, window);
-    var closeMenus = useUniqueMenu(id.current, function () {
-        toggleVisible(false);
-    });
-    useWidgetEvent('router:changed', function () {
-        toggleVisible(false);
-    });
-    useEffect(function () {
-        if (visible && closeButtonRef.current) {
-            closeButtonRef.current.focus();
-        }
-        else if (!visible && triggerRef.current && previousVisible) {
-            triggerRef.current.focus();
-        }
-    }, [visible, closeButtonRef.current, triggerRef.current]);
-    var WrapperWithAnimation = animations[animation.type];
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CSSTransition, { in: visible, className: "humany-drawer-transition", classNames: "humany-drawer-transition", unmountOnExit: true, timeout: duration },
-            React.createElement(Portal, null,
-                React.createElement(WrapperWithAnimation, { duration: duration, fullScreen: fullScreen, className: appendClassNames(className, 'humany-drawer', "humany-drawer-".concat(id.current)), clientHeight: document.body.clientHeight, css: css, ref: ref },
-                    React.createElement(CloseButton, { onClick: function () { return toggleVisible(false); }, tabIndex: 0, ref: closeButtonRef, "aria-label": closeButtonAriaLabel },
-                        React.createElement(SymbolBadge, { symbol: { type: 'Svg', content: 'close' } })),
-                    !!header && (React.createElement(Header, { variant: "h1", className: "humany-drawer-header" }, header)),
-                    children))),
-        React.cloneElement(trigger, {
-            onClick: function (event) {
-                toggleVisible();
-                closeMenus();
-            },
-            ref: triggerRef,
-            'aria-label': trigger.props.title,
-            'aria-expanded': visible,
-        })));
-};
-export default Drawer;
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    font-family: ", ";\n    font-size: ", ";\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    border: ", ";\n    width: 100%;\n    box-shadow: ", ";\n    background: #ffffff;\n    ", "\n"], ["\n    font-family: ", ";\n    font-size: ", ";\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    border: ", ";\n    width: 100%;\n    box-shadow: ", ";\n    background: #ffffff;\n    ", "\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; }, function (p) { return p.theme.border; }, function (p) { return p.theme.boxShadow; }, function (p) { return p.css && p.css; });
-var Header = styled(Typography)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", ";\n    margin: 0;\n    text-align: center;\n    border-bottom: #eeeeee 1px solid;\n    background: #ffffff;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: bold;\n    color: ", ";\n    font-size: ", ";\n    line-height: 1.2em;\n"], ["\n    padding: ", ";\n    margin: 0;\n    text-align: center;\n    border-bottom: #eeeeee 1px solid;\n    background: #ffffff;\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: bold;\n    color: ", ";\n    font-size: ", ";\n    line-height: 1.2em;\n"])), function (p) { return p.theme.sizes.normal; }, 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.fonts) === null || _a === void 0 ? void 0 : _a.normal; });
-var AnimationBase = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    transition: ", "ms;\n"], ["\n    transition: ", "ms;\n"])), function (p) { return p.duration; });
-var WrapperWithSlideInBottom = styled(Wrapper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    max-height: 0;\n    ", "\n\n    &.humany-drawer-transition-enter {\n        max-height: 0;\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        max-height: ", ";\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        max-height: 0;\n    }\n"], ["\n    max-height: 0;\n    ", "\n\n    &.humany-drawer-transition-enter {\n        max-height: 0;\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        max-height: ", ";\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        max-height: 0;\n    }\n"])), AnimationBase, function (p) { return (p.fullScreen ? '100%' : '400px'); });
-var WrapperWithSlideInRight = styled(Wrapper)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    transform: translateX(100%);\n    height: ", ";\n\n    &.humany-drawer-transition-enter {\n        transform: translateX(100%);\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        transform: translateX(0);\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        transform: translateX(100%);\n    }\n"], ["\n    ", "\n    transform: translateX(100%);\n    height: ", ";\n\n    &.humany-drawer-transition-enter {\n        transform: translateX(100%);\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        transform: translateX(0);\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        transform: translateX(100%);\n    }\n"])), AnimationBase, function (p) { return (p.fullScreen ? '100%' : 'auto'); });
-var WrapperWithSlideInLeft = styled(Wrapper)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    ", "\n    transform: translateX(-100%);\n    height: ", ";\n\n    &.humany-drawer-transition-enter {\n        transform: translateX(-100%);\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        transform: translateX(0);\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        transform: translateX(-100%);\n    }\n"], ["\n    ", "\n    transform: translateX(-100%);\n    height: ", ";\n\n    &.humany-drawer-transition-enter {\n        transform: translateX(-100%);\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        transform: translateX(0);\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        transform: translateX(-100%);\n    }\n"])), AnimationBase, function (p) { return (p.fullScreen ? '100%' : 'auto'); });
-var WrapperWithSlideInTop = styled(Wrapper)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n    bottom: unset;\n    top: 0;\n    height: 0;\n\n    &.humany-drawer-transition-enter {\n        height: 0;\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        height: ", "px;\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        height: 0;\n    }\n"], ["\n    ", "\n    bottom: unset;\n    top: 0;\n    height: 0;\n\n    &.humany-drawer-transition-enter {\n        height: 0;\n    }\n    &.humany-drawer-transition-enter-active,\n    &.humany-drawer-transition-enter-done,\n    &.humany-drawer-transition-exit {\n        height: ", "px;\n    }\n\n    &.humany-drawer-transition-exit-active,\n    &.humany-drawer-transition-exit-done {\n        height: 0;\n    }\n"])), AnimationBase, function (p) { return p.clientHeight; });
-var animations = (_a = {},
-    _a[AnimationType.SlideInBottom] = WrapperWithSlideInBottom,
-    _a[AnimationType.SlideInRight] = WrapperWithSlideInRight,
-    _a[AnimationType.SlideInLeft] = WrapperWithSlideInLeft,
-    _a[AnimationType.SlideInTop] = WrapperWithSlideInTop,
-    _a);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

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

@@ -1,3 +0,0 @@
-import Drawer, { AnimationType } from './drawer';
-export { AnimationType };
-export default Drawer;