@telia-ace/widget-ui 1.0.8 → 1.0.11

package/lib/hooks/use-scroll.js

@@ -1,71 +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 react_1 = require("react");
-var utils_1 = require("../utils");
-var use_event_listener_1 = __importDefault(require("./use-event-listener"));
-exports.default = (function (scrollable) {
-    var elem = (0, react_1.useRef)();
-    var previousY = (0, react_1.useRef)(0);
-    var timeoutId;
-    var onScroll = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = elem.current) === null || _a === void 0 ? void 0 : _a.classList.add('humany-scrolling');
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(function () {
-            var _a;
-            (_a = elem.current) === null || _a === void 0 ? void 0 : _a.classList.remove('humany-scrolling');
-        }, 500);
-    }, [elem]);
-    var onTouchStart = (0, react_1.useCallback)(function (event) {
-        previousY.current = event.touches[0].clientY;
-    }, [elem]);
-    var traverseScrollable = function (element) {
-        if (isScrollable(element)) {
-            if (element === elem.current) {
-                return element;
-            }
-            return null;
-        }
-        if (element.parentElement) {
-            return traverseScrollable(element.parentElement);
-        }
-        return null;
-    };
-    var isScrollable = function (element) {
-        return (element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight);
-    };
-    var onTouchMove = (0, react_1.useCallback)(function (event) {
-        if (!event.cancelable) {
-            return;
-        }
-        var top = event.touches[0].clientY;
-        var firstScrollable = traverseScrollable(event.target);
-        if (!firstScrollable) {
-            return;
-        }
-        var scrollTop = firstScrollable.scrollTop;
-        var direction = previousY.current - top < 0 ? 'up' : 'down';
-        var isAtTop = scrollTop <= 0 && direction === 'up';
-        var isAtBottom = scrollTop >= firstScrollable.scrollHeight - firstScrollable.offsetHeight &&
-            direction === 'down';
-        if (isAtTop || isAtBottom) {
-            // Don't scroll up if already at top,
-            // and don't scroll down if bottom has been reached
-            event.preventDefault();
-        }
-        previousY.current = top;
-    }, [elem, previousY]);
-    (0, use_event_listener_1.default)('scroll', onScroll, elem.current, function () { return elem.current && scrollable; });
-    // This will prevent scrolling causing browser
-    // to freeze on Safari / Chrome on iOS
-    (0, use_event_listener_1.default)('touchstart', onTouchStart, elem.current, function () { return elem.current && scrollable; });
-    (0, use_event_listener_1.default)('touchmove', onTouchMove, elem.current, function () { return elem.current && scrollable; });
-    if (!scrollable) {
-        return ['', elem];
-    }
-    return [styling, elem];
-});
-var styling = "\n    overflow-y: ".concat((0, utils_1.browser)() === utils_1.Browsers.Chrome || (0, utils_1.browser)() === utils_1.Browsers.EdgeChromium ? 'overlay' : 'auto', ";\n    overflow-x: hidden;\n    -ms-overflow-style: none; /* IE 10+ */\n    scrollbar-width: thin; /* Firefox */\n    scrollbar-color: transparent transparent; /* Firefox */\n\n    ::-webkit-scrollbar {\n        width: 3px !important;\n        background-color: transparent;\n        border-left: none;\n    }\n    ::-webkit-scrollbar-thumb {\n        background-color: transparent;\n    }\n    ::-webkit-scrollbar-track {\n        -webkit-box-shadow: none !important;\n        background-color: transparent;\n    }\n    &.humany-scrolling {\n        scrollbar-color: #7F7F7F transparent;\n        scrollbar-width: thin; /* Firefox */\n        -ms-overflow-style: none; /* IE 10+ */\n\n        ::-webkit-scrollbar-thumb {\n            background-color: #7F7F7F;\n        }\n    }\n");

package/lib/hooks/use-settings.d.ts

@@ -1,3 +0,0 @@
-import { WidgetSettings } from '@telia-ace/widget-core';
-declare const useSettings: () => WidgetSettings | null;
-export default useSettings;

package/lib/hooks/use-settings.js

@@ -1,38 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var use_container_1 = __importDefault(require("./use-container"));
-var use_is_mounted_1 = __importDefault(require("./use-is-mounted"));
-var useSettings = function () {
-    var _a = __read((0, react_1.useState)(null), 2), settings = _a[0], setSettings = _a[1];
-    var container = (0, use_container_1.default)();
-    var isMounted = (0, use_is_mounted_1.default)();
-    (0, react_1.useEffect)(function () {
-        container.get('settings').then(function (settings) {
-            if (isMounted.current) {
-                setSettings(settings);
-            }
-        });
-    }, [isMounted]);
-    return settings;
-};
-exports.default = useSettings;

package/lib/hooks/use-toggle.d.ts

@@ -1,2 +0,0 @@
-declare const useToggle: (initialValue?: boolean) => [boolean, (forced?: boolean | undefined) => void];
-export default useToggle;

package/lib/hooks/use-toggle.js

@@ -1,28 +0,0 @@
-"use strict";
-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 });
-var react_1 = require("react");
-var useToggle = function (initialValue) {
-    if (initialValue === void 0) { initialValue = false; }
-    var _a = __read((0, react_1.useState)(initialValue), 2), value = _a[0], setValue = _a[1];
-    var toggle = (0, react_1.useCallback)(function (forced) {
-        setValue(typeof forced === 'boolean' ? forced : function (v) { return !v; });
-    }, []);
-    return [value, toggle];
-};
-exports.default = useToggle;

package/lib/hooks/use-transition-end.js

@@ -1,62 +0,0 @@
-"use strict";
-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 });
-var react_1 = require("react");
-var _1 = require(".");
-exports.default = (function (handler) {
-    var container = (0, _1.useContainer)();
-    var components = (0, _1.useComponentPlatform)();
-    var widgetDOMElement = container.get('widgetDOMElement');
-    var _a = __read((0, react_1.useState)(null), 2), viewDOMElement = _a[0], setViewDOMElement = _a[1];
-    var _b = __read((0, react_1.useState)(null), 2), rootDOMElement = _b[0], setRootDOMElement = _b[1];
-    var isMounted = (0, _1.useIsMounted)();
-    (0, react_1.useEffect)(function () {
-        if (components && isMounted.current) {
-            var rootArea = components.nodes.all.find(function (n) { return n.name === 'root-area'; });
-            var view = components.nodes.all.find(function (n) { return n.type === 'view'; });
-            if (!(view === null || view === void 0 ? void 0 : view.attributes.properties.animation) &&
-                !(rootArea === null || rootArea === void 0 ? void 0 : rootArea.attributes.properties.animation)) {
-                // if view and root does not use animations, call handler on render
-                handler();
-            }
-            else {
-                // else add elements to state for transitionend-event handling
-                var getElement = function (id) {
-                    if (id === void 0) { id = ''; }
-                    return widgetDOMElement === null || widgetDOMElement === void 0 ? void 0 : widgetDOMElement.querySelector("[data-node-id=\"".concat(id, "\"]"));
-                };
-                var viewDOMElement_1 = getElement(view === null || view === void 0 ? void 0 : view.id);
-                if (viewDOMElement_1) {
-                    setViewDOMElement(viewDOMElement_1);
-                }
-                var rootDOMElement_1 = getElement(rootArea === null || rootArea === void 0 ? void 0 : rootArea.id);
-                if (rootDOMElement_1) {
-                    setRootDOMElement(rootDOMElement_1);
-                }
-            }
-        }
-    }, [components, container, isMounted]);
-    var eventListener = (0, react_1.useCallback)(function (event) {
-        if (isMounted.current &&
-            (event.target === viewDOMElement || event.target === rootDOMElement)) {
-            handler();
-        }
-    }, [handler, isMounted, viewDOMElement, rootDOMElement]);
-    (0, _1.useEventListener)('transitionend', eventListener, viewDOMElement);
-    (0, _1.useEventListener)('transitionend', eventListener, rootDOMElement);
-});

package/lib/hooks/use-unique-menu.d.ts

@@ -1,2 +0,0 @@
-declare const useUniqueMenu: (id: string, callback: () => void) => Function;
-export default useUniqueMenu;

package/lib/hooks/use-unique-menu.js

@@ -1,15 +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 use_widget_event_1 = __importDefault(require("./use-widget-event"));
-var useUniqueMenu = function (id, callback) {
-    var dispatch = (0, use_widget_event_1.default)('widget:menu-toggled', function (_, triggeredId) {
-        if (triggeredId !== id) {
-            callback();
-        }
-    });
-    return function () { return dispatch(id); };
-};
-exports.default = useUniqueMenu;

package/lib/hooks/use-widget-event.d.ts

@@ -1,3 +0,0 @@
-import { Container, EventListener } from '@webprovisions/platform';
-declare const useWidgetEvent: (event: string, callback: EventListener, dependencies?: any[], passedContainer?: Container | undefined) => (data: any) => void;
-export default useWidgetEvent;

package/lib/hooks/use-widget-event.js

@@ -1,21 +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 react_1 = require("react");
-var use_events_1 = __importDefault(require("./use-events"));
-var useWidgetEvent = function (event, callback, dependencies, passedContainer) {
-    if (dependencies === void 0) { dependencies = []; }
-    var events = (0, use_events_1.default)(passedContainer);
-    (0, react_1.useEffect)(function () {
-        if (events) {
-            var unsubscribe_1 = events.subscribe(event, callback);
-            return function () {
-                unsubscribe_1();
-            };
-        }
-    }, [events].concat(dependencies));
-    return function (data) { return events === null || events === void 0 ? void 0 : events.dispatch(event, data); };
-};
-exports.default = useWidgetEvent;

package/lib/index.d.ts

@@ -1,9 +0,0 @@
-import { AnchorLink, Button, ButtonProps, Checkbox, CheckboxProps, Confirm, DateFormats, Drawer, DrawerAnimationType, Dropdown, DropdownProps, Empty, EmptyProps, Grid, GridProps, Html, HtmlIconProps, HtmlParseInstruction, HtmlProps, Icon, IconProps, Input, InputProps, ItemList, ItemListProps, ItemRenderer, ItemTree, ItemTreeProps, Lightbox, LightboxProps, Link, LinkProps, List, ListProps, Modal, ModalProps, NotFound, NotFoundProps, Overlay, OverlayProps, Paragraph, ParagraphProps, Portal, PortalProps, RouteLink, RouteLinkProps, Symbol, SymbolBadge, SymbolBadgeProps, TabStop, TabStopProps, Text, TextLink, TextLinkProps, TextProps, Timestamp, TimestampProps, Tooltip, TooltipProps, TransitionComponent, TransitionComponentProps, Typography, TypographyProps, WidgetLink, WidgetLinkProps } from './components';
-import { ColumnContext, ComponentNodeContext, ComponentPropertyContext, ContainerContext, RoutingContext } from './contexts';
-import { default as createReactComponent } from './create-react-component';
-import { DispatchAction, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useEventListener, useEvents, useIsMounted, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent } from './hooks';
-import { borderTabStyle, buttonCss, contentBox, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, StyledText } from './styles';
-import { browser, Browsers, convertToStringAttributes, createEmptyComponent, defaultRenderInstructions, embeddedLinkMapper, filterCssProps, filterCssPropsStyle, genericHashLink, GenericHashLinkProps, headingElement, processHtmlString, transitionComposer, TransitionStateSettings } from './utils';
-export { AnchorLink, borderTabStyle, Button, buttonCss, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, Confirm, ContainerContext, contentBox, createEmptyComponent, createReactComponent, DateFormats, Drawer, DrawerAnimationType, Dropdown, filterCssProps, filterCssPropsStyle, Grid, headingElement, Html, Icon, Input, invertedHoverButton, ItemList, ItemTree, Lightbox, Link, linkTabStyle, List, paddedBorderTabStyle, RoutingContext, SymbolBadge, Text, TextLink, TransitionComponent, transitionComposer, Typography, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useIsMounted, useLayout, useProperties, useRenderState, useRouteData, useRouter, useScroll, useTransitionEnd, useAction, useEventListener, useEvents, useKeyPress, usePrevious, useSettings, useToggle, useUniqueMenu, useWidgetEvent, Empty, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, TabStop, Timestamp, Tooltip, WidgetLink, itemList, list, StyledText, browser, convertToStringAttributes, defaultRenderInstructions, embeddedLinkMapper, genericHashLink, processHtmlString, };
-export type { ButtonProps, CheckboxProps, DropdownProps, EmptyProps, GridProps, HtmlIconProps, HtmlParseInstruction, HtmlProps, IconProps, InputProps, ItemListProps, ItemRenderer, ItemTreeProps, LightboxProps, LinkProps, ListProps, ModalProps, NotFoundProps, OverlayProps, ParagraphProps, PortalProps, RouteLinkProps, Symbol, SymbolBadgeProps, TabStopProps, TextLinkProps, TextProps, TimestampProps, TooltipProps, TransitionComponentProps, TypographyProps, WidgetLinkProps, Browsers, GenericHashLinkProps, TransitionStateSettings, };
-export type { DispatchAction };

package/lib/index.js

@@ -1,98 +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.useLayout = exports.useIsMounted = exports.useDispatch = exports.useContext = exports.useContainer = exports.useComponentPlatform = exports.useComponentNode = exports.useComponentDescriptor = exports.useComponent = exports.useColumns = exports.useChildren = exports.Typography = exports.transitionComposer = exports.TransitionComponent = exports.TextLink = exports.Text = exports.SymbolBadge = exports.RoutingContext = exports.paddedBorderTabStyle = exports.List = exports.linkTabStyle = exports.Link = exports.Lightbox = exports.ItemTree = exports.ItemList = exports.invertedHoverButton = exports.Input = exports.Icon = exports.Html = exports.headingElement = exports.Grid = exports.filterCssPropsStyle = exports.filterCssProps = exports.Dropdown = exports.DrawerAnimationType = exports.Drawer = exports.DateFormats = exports.createReactComponent = exports.createEmptyComponent = exports.contentBox = exports.ContainerContext = exports.Confirm = exports.ComponentPropertyContext = exports.ComponentNodeContext = exports.ColumnContext = exports.Checkbox = exports.buttonCss = exports.Button = exports.borderTabStyle = exports.AnchorLink = void 0;
-exports.processHtmlString = exports.genericHashLink = exports.embeddedLinkMapper = exports.defaultRenderInstructions = exports.convertToStringAttributes = exports.browser = exports.StyledText = exports.list = exports.itemList = exports.WidgetLink = exports.Tooltip = exports.Timestamp = exports.TabStop = exports.RouteLink = exports.Portal = exports.Paragraph = exports.Overlay = exports.NotFound = exports.Modal = exports.Empty = exports.useWidgetEvent = exports.useUniqueMenu = exports.useToggle = exports.useSettings = exports.usePrevious = exports.useKeyPress = exports.useEvents = exports.useEventListener = exports.useAction = exports.useTransitionEnd = exports.useScroll = exports.useRouter = exports.useRouteData = exports.useRenderState = exports.useProperties = void 0;
-var components_1 = require("./components");
-Object.defineProperty(exports, "AnchorLink", { enumerable: true, get: function () { return components_1.AnchorLink; } });
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return components_1.Button; } });
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return components_1.Checkbox; } });
-Object.defineProperty(exports, "Confirm", { enumerable: true, get: function () { return components_1.Confirm; } });
-Object.defineProperty(exports, "DateFormats", { enumerable: true, get: function () { return components_1.DateFormats; } });
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return components_1.Drawer; } });
-Object.defineProperty(exports, "DrawerAnimationType", { enumerable: true, get: function () { return components_1.DrawerAnimationType; } });
-Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return components_1.Dropdown; } });
-Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return components_1.Empty; } });
-Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return components_1.Grid; } });
-Object.defineProperty(exports, "Html", { enumerable: true, get: function () { return components_1.Html; } });
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return components_1.Icon; } });
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return components_1.Input; } });
-Object.defineProperty(exports, "ItemList", { enumerable: true, get: function () { return components_1.ItemList; } });
-Object.defineProperty(exports, "ItemTree", { enumerable: true, get: function () { return components_1.ItemTree; } });
-Object.defineProperty(exports, "Lightbox", { enumerable: true, get: function () { return components_1.Lightbox; } });
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return components_1.Link; } });
-Object.defineProperty(exports, "List", { enumerable: true, get: function () { return components_1.List; } });
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return components_1.Modal; } });
-Object.defineProperty(exports, "NotFound", { enumerable: true, get: function () { return components_1.NotFound; } });
-Object.defineProperty(exports, "Overlay", { enumerable: true, get: function () { return components_1.Overlay; } });
-Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return components_1.Paragraph; } });
-Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return components_1.Portal; } });
-Object.defineProperty(exports, "RouteLink", { enumerable: true, get: function () { return components_1.RouteLink; } });
-Object.defineProperty(exports, "SymbolBadge", { enumerable: true, get: function () { return components_1.SymbolBadge; } });
-Object.defineProperty(exports, "TabStop", { enumerable: true, get: function () { return components_1.TabStop; } });
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return components_1.Text; } });
-Object.defineProperty(exports, "TextLink", { enumerable: true, get: function () { return components_1.TextLink; } });
-Object.defineProperty(exports, "Timestamp", { enumerable: true, get: function () { return components_1.Timestamp; } });
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return components_1.Tooltip; } });
-Object.defineProperty(exports, "TransitionComponent", { enumerable: true, get: function () { return components_1.TransitionComponent; } });
-Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return components_1.Typography; } });
-Object.defineProperty(exports, "WidgetLink", { enumerable: true, get: function () { return components_1.WidgetLink; } });
-var contexts_1 = require("./contexts");
-Object.defineProperty(exports, "ColumnContext", { enumerable: true, get: function () { return contexts_1.ColumnContext; } });
-Object.defineProperty(exports, "ComponentNodeContext", { enumerable: true, get: function () { return contexts_1.ComponentNodeContext; } });
-Object.defineProperty(exports, "ComponentPropertyContext", { enumerable: true, get: function () { return contexts_1.ComponentPropertyContext; } });
-Object.defineProperty(exports, "ContainerContext", { enumerable: true, get: function () { return contexts_1.ContainerContext; } });
-Object.defineProperty(exports, "RoutingContext", { enumerable: true, get: function () { return contexts_1.RoutingContext; } });
-var create_react_component_1 = __importDefault(require("./create-react-component"));
-Object.defineProperty(exports, "createReactComponent", { enumerable: true, get: function () { return create_react_component_1.default; } });
-var hooks_1 = require("./hooks");
-Object.defineProperty(exports, "useAction", { enumerable: true, get: function () { return hooks_1.useAction; } });
-Object.defineProperty(exports, "useChildren", { enumerable: true, get: function () { return hooks_1.useChildren; } });
-Object.defineProperty(exports, "useColumns", { enumerable: true, get: function () { return hooks_1.useColumns; } });
-Object.defineProperty(exports, "useComponent", { enumerable: true, get: function () { return hooks_1.useComponent; } });
-Object.defineProperty(exports, "useComponentDescriptor", { enumerable: true, get: function () { return hooks_1.useComponentDescriptor; } });
-Object.defineProperty(exports, "useComponentNode", { enumerable: true, get: function () { return hooks_1.useComponentNode; } });
-Object.defineProperty(exports, "useComponentPlatform", { enumerable: true, get: function () { return hooks_1.useComponentPlatform; } });
-Object.defineProperty(exports, "useContainer", { enumerable: true, get: function () { return hooks_1.useContainer; } });
-Object.defineProperty(exports, "useContext", { enumerable: true, get: function () { return hooks_1.useContext; } });
-Object.defineProperty(exports, "useDispatch", { enumerable: true, get: function () { return hooks_1.useDispatch; } });
-Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return hooks_1.useEventListener; } });
-Object.defineProperty(exports, "useEvents", { enumerable: true, get: function () { return hooks_1.useEvents; } });
-Object.defineProperty(exports, "useIsMounted", { enumerable: true, get: function () { return hooks_1.useIsMounted; } });
-Object.defineProperty(exports, "useKeyPress", { enumerable: true, get: function () { return hooks_1.useKeyPress; } });
-Object.defineProperty(exports, "useLayout", { enumerable: true, get: function () { return hooks_1.useLayout; } });
-Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return hooks_1.usePrevious; } });
-Object.defineProperty(exports, "useProperties", { enumerable: true, get: function () { return hooks_1.useProperties; } });
-Object.defineProperty(exports, "useRenderState", { enumerable: true, get: function () { return hooks_1.useRenderState; } });
-Object.defineProperty(exports, "useRouteData", { enumerable: true, get: function () { return hooks_1.useRouteData; } });
-Object.defineProperty(exports, "useRouter", { enumerable: true, get: function () { return hooks_1.useRouter; } });
-Object.defineProperty(exports, "useScroll", { enumerable: true, get: function () { return hooks_1.useScroll; } });
-Object.defineProperty(exports, "useSettings", { enumerable: true, get: function () { return hooks_1.useSettings; } });
-Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return hooks_1.useToggle; } });
-Object.defineProperty(exports, "useTransitionEnd", { enumerable: true, get: function () { return hooks_1.useTransitionEnd; } });
-Object.defineProperty(exports, "useUniqueMenu", { enumerable: true, get: function () { return hooks_1.useUniqueMenu; } });
-Object.defineProperty(exports, "useWidgetEvent", { enumerable: true, get: function () { return hooks_1.useWidgetEvent; } });
-var styles_1 = require("./styles");
-Object.defineProperty(exports, "borderTabStyle", { enumerable: true, get: function () { return styles_1.borderTabStyle; } });
-Object.defineProperty(exports, "buttonCss", { enumerable: true, get: function () { return styles_1.buttonCss; } });
-Object.defineProperty(exports, "contentBox", { enumerable: true, get: function () { return styles_1.contentBox; } });
-Object.defineProperty(exports, "invertedHoverButton", { enumerable: true, get: function () { return styles_1.invertedHoverButton; } });
-Object.defineProperty(exports, "itemList", { enumerable: true, get: function () { return styles_1.itemList; } });
-Object.defineProperty(exports, "linkTabStyle", { enumerable: true, get: function () { return styles_1.linkTabStyle; } });
-Object.defineProperty(exports, "list", { enumerable: true, get: function () { return styles_1.list; } });
-Object.defineProperty(exports, "paddedBorderTabStyle", { enumerable: true, get: function () { return styles_1.paddedBorderTabStyle; } });
-Object.defineProperty(exports, "StyledText", { enumerable: true, get: function () { return styles_1.StyledText; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "browser", { enumerable: true, get: function () { return utils_1.browser; } });
-Object.defineProperty(exports, "convertToStringAttributes", { enumerable: true, get: function () { return utils_1.convertToStringAttributes; } });
-Object.defineProperty(exports, "createEmptyComponent", { enumerable: true, get: function () { return utils_1.createEmptyComponent; } });
-Object.defineProperty(exports, "defaultRenderInstructions", { enumerable: true, get: function () { return utils_1.defaultRenderInstructions; } });
-Object.defineProperty(exports, "embeddedLinkMapper", { enumerable: true, get: function () { return utils_1.embeddedLinkMapper; } });
-Object.defineProperty(exports, "filterCssProps", { enumerable: true, get: function () { return utils_1.filterCssProps; } });
-Object.defineProperty(exports, "filterCssPropsStyle", { enumerable: true, get: function () { return utils_1.filterCssPropsStyle; } });
-Object.defineProperty(exports, "genericHashLink", { enumerable: true, get: function () { return utils_1.genericHashLink; } });
-Object.defineProperty(exports, "headingElement", { enumerable: true, get: function () { return utils_1.headingElement; } });
-Object.defineProperty(exports, "processHtmlString", { enumerable: true, get: function () { return utils_1.processHtmlString; } });
-Object.defineProperty(exports, "transitionComposer", { enumerable: true, get: function () { return utils_1.transitionComposer; } });

package/lib/styles.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-declare type InvertedHoverButtonSettings = {
-    primaryColor: string;
-    secondaryColor: string;
-    active?: boolean;
-};
-export declare const contentBox: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    'data-loading'?: boolean | undefined;
-}, any>>;
-export declare const buttonCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const invertedHoverButton: ({ primaryColor, secondaryColor, active, }: InvertedHoverButtonSettings) => import("styled-components").FlattenInterpolation<any>;
-export declare const borderTabStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const linkTabStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const paddedBorderTabStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>, any, any, never>;
-export declare const StyledText: import("styled-components").StyledComponent<import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, any, {}, never>;
-export declare const list: import("styled-components").FlattenInterpolation<any>;
-export declare const itemList: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export {};

package/lib/styles.js

@@ -1,53 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemList = exports.list = exports.StyledText = exports.CloseButton = exports.paddedBorderTabStyle = exports.linkTabStyle = exports.borderTabStyle = exports.invertedHoverButton = exports.buttonCss = exports.contentBox = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var components_1 = require("./components");
-var utils_1 = require("./utils");
-exports.contentBox = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    background: #ffffff;\n    border-radius: ", ";\n    border: ", ";\n    box-shadow: ", ";\n    ", "\n"], ["\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    background: #ffffff;\n    border-radius: ", ";\n    border: ", ";\n    box-shadow: ", ";\n    ", "\n"])), function (p) { return p.theme.borderRadius; }, function (p) { return p.theme.border; }, function (p) { return p.theme.boxShadow || 'none'; }, function (p) { return p['data-loading'] && 'min-height: 150px;'; });
-exports.buttonCss = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    cursor: pointer;\n    text-align: center;\n    border: none;\n    padding: ", ";\n    border-radius: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 300;\n"], ["\n    cursor: pointer;\n    text-align: center;\n    border: none;\n    padding: ", ";\n    border-radius: ", ";\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 300;\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { return p.theme.borderRadius; }, 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 invertedHoverButton = function (_a) {
-    var primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, active = _a.active;
-    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n    border: 1px solid ", ";\n    background-color: ", ";\n\n    color: ", ";\n    transition: background-color 200ms ease-out, color 200ms ease-out;\n\n    span,\n    i,\n    p,\n    a {\n        transition: color 200ms ease-out;\n        color: ", ";\n        font-size: ", ";\n    }\n\n    ", "\n"], ["\n    ", "\n    border: 1px solid ", ";\n    background-color: ", ";\n\n    color: ", ";\n    transition: background-color 200ms ease-out, color 200ms ease-out;\n\n    span,\n    i,\n    p,\n    a {\n        transition: color 200ms ease-out;\n        color: ", ";\n        font-size: ", ";\n    }\n\n    ", "\n"])), exports.buttonCss, active ? secondaryColor : primaryColor, active ? primaryColor : secondaryColor, active ? secondaryColor : primaryColor, active ? secondaryColor : primaryColor, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) {
-        return !p.disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            &:hover {\n                background-color: ", ";\n                color: ", ";\n\n                span,\n                i,\n                p,\n                a {\n                    color: ", ";\n                }\n            }\n\n            &:focus {\n                ", ";\n            }\n        "], ["\n            &:hover {\n                background-color: ", ";\n                color: ", ";\n\n                span,\n                i,\n                p,\n                a {\n                    color: ", ";\n                }\n            }\n\n            &:focus {\n                ", ";\n            }\n        "])), primaryColor, secondaryColor, secondaryColor, function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && exports.borderTabStyle; });
-    });
-};
-exports.invertedHoverButton = invertedHoverButton;
-exports.borderTabStyle = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    outline: ", ";\n    color: ", ";\n    border-color: transparent;\n"], ["\n    outline: ", ";\n    color: ", ";\n    border-color: transparent;\n"])), function (p) { var _a; return (_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.border; }, function (p) { var _a, _b; return (_b = (_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.inactiveText; });
-exports.linkTabStyle = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    ", "\n    text-decoration: underline;\n"], ["\n    ", "\n    text-decoration: underline;\n"])), exports.borderTabStyle);
-exports.paddedBorderTabStyle = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", "\n    outline-offset: ", ";\n"], ["\n    ", "\n    outline-offset: ", ";\n"])), exports.borderTabStyle, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-exports.CloseButton = (0, styled_components_1.default)(components_1.Button)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    position: absolute;\n    top: ", ";\n    right: ", ";\n    z-index: 1;\n\n    svg {\n        stroke: ", ";\n    }\n\n    &:focus {\n        ", ";\n    }\n"], ["\n    position: absolute;\n    top: ", ";\n    right: ", ";\n    z-index: 1;\n\n    svg {\n        stroke: ", ";\n    }\n\n    &:focus {\n        ", ";\n    }\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.sizes) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n                ", "\n                padding: ", ";\n                height: 15px;\n                box-sizing: content-box;\n            "], ["\n                ", "\n                padding: ", ";\n                height: 15px;\n                box-sizing: content-box;\n            "])), exports.borderTabStyle, function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; });
-});
-exports.StyledText = (0, styled_components_1.default)(components_1.Text)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    font-size: ", ";\n    font-weight: normal;\n    line-height: 1.2em;\n    color: ", ";\n"], ["\n    font-size: ", ";\n    font-weight: normal;\n    line-height: 1.2em;\n    color: ", ";\n"])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-exports.list = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    > li {\n        margin: 0 0 ", ";\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        min-width: 0;\n        &:focus {\n            outline-offset: -2px;\n        }\n        > a {\n            text-decoration: none;\n        }\n    }\n    > li:last-child {\n        margin: 0;\n    }\n"], ["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    > li {\n        margin: 0 0 ", ";\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        min-width: 0;\n        &:focus {\n            outline-offset: -2px;\n        }\n        > a {\n            text-decoration: none;\n        }\n    }\n    > li:last-child {\n        margin: 0;\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.normal; });
-exports.itemList = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n    > div {\n        ", "\n    }\n    > ul {\n        ", "\n    }\n\n    ", "\n"], ["\n    > div {\n        ", "\n    }\n    > ul {\n        ", "\n    }\n\n    ", "\n"])), (0, utils_1.headingElement)('> h1', (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n                margin: 0 0 ", ";\n                font-size: ", ";\n                font-weight: normal;\n                line-height: 1.8em;\n                color: ", ";\n            "], ["\n                margin: 0 0 ", ";\n                font-size: ", ";\n                font-weight: normal;\n                line-height: 1.8em;\n                color: ", ";\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.medium; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; })), exports.list, (0, utils_1.headingElement)('h1', (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n            display: flex;\n            align-items: center;\n\n            i {\n                margin: 7px ", " 0 0;\n                width: 24px;\n                display: inline-block;\n                vertical-align: text-bottom;\n                align-self: flex-start;\n                min-width: 24px;\n                min-height: 24px;\n                text-align: center;\n            }\n        "], ["\n            display: flex;\n            align-items: center;\n\n            i {\n                margin: 7px ", " 0 0;\n                width: 24px;\n                display: inline-block;\n                vertical-align: text-bottom;\n                align-self: flex-start;\n                min-width: 24px;\n                min-height: 24px;\n                text-align: center;\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, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;

package/lib/utils/animations.d.ts

@@ -1,18 +0,0 @@
-import { TransitionStatus } from 'react-transition-group/Transition';
-import { FlattenInterpolation } from 'styled-components';
-export declare type CssTransitions = {
-    [key: string]: FlattenInterpolation<any>;
-};
-export declare type TransitionStateSettings = {
-    transitionKeys: string;
-    duration?: number;
-    easing?: string;
-};
-export declare const transitionComposer: {
-    compose: (status: TransitionStatus | undefined, definitions: {
-        enter: TransitionStateSettings;
-        exit: TransitionStateSettings;
-    }) => false | import("styled-components").FlattenSimpleInterpolation | "" | undefined;
-    composeViewTransition: (status: TransitionStatus, type: string, direction?: "forth" | "back" | undefined) => false | import("styled-components").FlattenSimpleInterpolation | "" | undefined;
-    get: (title: string) => any;
-};

package/lib/utils/animations.js

@@ -1,104 +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.transitionComposer = void 0;
-var styled_components_1 = require("styled-components");
-var inEnteringState = function (status) {
-    return status === 'entering' || status === 'entered';
-};
-var inExitingState = function (status) {
-    return status === 'exiting' || status === 'exited';
-};
-/**
- * List of basic transition presets
- */
-var partials = {
-    fade: {
-        in: 'opacity: 1;',
-        out: 'opacity: 0;',
-    },
-    'slide-left': {
-        in: 'transform: translateX(0);',
-        out: 'transform: translateX(-100%);',
-    },
-    'slide-right': {
-        in: 'transform: translateX(0);',
-        out: 'transform: translateX(100%);',
-    },
-    'slide-up': {
-        in: 'transform: translateY(0);',
-        out: 'transform: translateY(100%);',
-    },
-    'slide-down': {
-        in: 'transform: translateY(0);',
-        out: 'transform: translateY(-100%);',
-    },
-    scale: {
-        in: 'transform: scale(1);',
-        out: 'transform: scale(0);',
-    },
-};
-var transformTransitions = ['slide-up', 'slide-down', 'slide-left', 'slide-right', 'scale'];
-exports.transitionComposer = {
-    compose: function (status, definitions) {
-        if (status === void 0) { status = 'exited'; }
-        var enter = definitions.enter, exit = definitions.exit;
-        var inKeys = enter.transitionKeys.split(' ');
-        var transitionProperty = transformTransitions.indexOf(inKeys[0]) > -1 ? 'transform' : 'opacity';
-        if (inEnteringState(status)) {
-            if (inKeys && inKeys.length > 0) {
-                return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "], ["\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "])), inKeys &&
-                    inKeys.length > 0 &&
-                    inKeys.map(function (key) { return (partials[key] ? partials[key].in : ''); }), transitionProperty, enter.duration, enter.easing);
-            }
-            return '';
-        }
-        var inBase = inKeys &&
-            inKeys.length > 0 && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                ", "\n            "], ["\n                ", "\n            "])), inKeys.map(function (key) { return (partials[key] ? partials[key].out : ''); }));
-        if (inExitingState(status)) {
-            var outKeys = exit.transitionKeys.split(' ');
-            if (outKeys && outKeys.length > 0 && status === 'exiting') {
-                return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    ", ";\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "], ["\n                    ", ";\n                    ", "\n                    transition: ", " ", "ms ", ";\n                "])), inBase, outKeys.map(function (key) { return (partials[key] ? partials[key].out : ''); }), transitionProperty, exit.duration, exit.easing);
-            }
-            /**
-             * When a component is mounted, it starts with the 'exited' state.
-             * So instead of forcing the component that utilizes this function to add the original state
-             * of the to-be-animated property, we apply the out-state values of the entering transitions.
-             */
-            return inBase;
-        }
-    },
-    composeViewTransition: function (status, type, direction) {
-        if (type === 'slide') {
-            return exports.transitionComposer.compose(status, {
-                enter: {
-                    transitionKeys: direction === 'forth' ? 'slide-right' : 'slide-left',
-                    duration: 500,
-                },
-                exit: {
-                    transitionKeys: direction === 'forth' ? 'slide-left' : 'slide-right',
-                    duration: 500,
-                },
-            });
-        }
-        if (type === 'fade') {
-            return exports.transitionComposer.compose(status, {
-                enter: {
-                    transitionKeys: 'fade',
-                    duration: 500,
-                },
-                exit: {
-                    transitionKeys: 'fade',
-                    duration: 500,
-                },
-            });
-        }
-    },
-    get: function (title) {
-        return partials[title];
-    },
-};
-var templateObject_1, templateObject_2, templateObject_3;