@telia-ace/widget-ui 1.0.21 → 1.0.22

package/dist/components/dropdown/use-position.d.ts

@@ -1,5 +1,5 @@
-export declare const usePosition: (visible: boolean, id: string, element?: HTMLDivElement | undefined) => [{
+export declare const usePosition: (visible: boolean, id: string, element?: HTMLDivElement) => [{
     x: number;
     y: number;
-}, (event: React.MouseEvent, trigger?: HTMLElement | undefined) => void];
+}, (event: React.MouseEvent, trigger?: HTMLElement) => void];
 export default usePosition;

package/dist/components/index.d.ts

@@ -56,3 +56,4 @@ export { default as Typography } from './typography';
 export type { Props as TypographyProps } from './typography';
 export { default as WidgetLink } from './widget-link';
 export type { Props as WidgetLinkProps } from './widget-link';
+export { WidgetOverlayOutlet } from './widget-overlay-outlet';

package/dist/components/lightbox.d.ts

@@ -1,6 +1,12 @@
-import React from 'react';
+import React, { FC } from 'react';
 export declare type Props = {
     attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    htmlBody: string;
 };
-declare const Lightbox: React.FC<Props>;
+export interface ZoomableImage {
+    src: string;
+    originalWidth: number;
+    originalHeight: number;
+}
+declare const Lightbox: FC<Props>;
 export default Lightbox;

package/dist/components/loader.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    className?: string;
+    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/dist/components/portal.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import { FC } from 'react';
 export declare type Props = {
     elementId?: string;
+    parent?: Element | HTMLElement;
     children?: any;
 };
-declare const Portal: React.FC<Props>;
+declare const Portal: FC<Props>;
 export default Portal;

package/dist/components/widget-overlay-outlet.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    portalId: string;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const WidgetOverlayOutlet: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/zoomable-img.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ZoomableImage } from './lightbox';
+export declare type Props = {
+    zoomState: number;
+    image: ZoomableImage;
+    changeZoom: (num: number) => void;
+};
+declare const ZoomImg: React.FC<Props & React.ComponentProps<'img'>>;
+export default ZoomImg;

package/dist/create-react-component.d.ts

@@ -7,5 +7,5 @@ import { Container } from '@webprovisions/platform';
  * @param reactComponent Promise resolving to the React component for rendering.
  * @param fn Handler for controlling the component.
  */
-declare const createReactComponent: (container: Container, type: string, reactComponent: ReactComponent, fn?: ExtendComponentHandler | undefined, options?: ExtendComponentOptions | undefined) => Promise<void>;
+declare const createReactComponent: (container: Container, type: string, reactComponent: ReactComponent, fn?: ExtendComponentHandler, options?: ExtendComponentOptions) => Promise<void>;
 export default createReactComponent;

package/dist/hooks/index.d.ts

@@ -12,6 +12,7 @@ export type { DispatchAction } from './use-dispatch';
 export { default as useEventListener } from './use-event-listener';
 export { default as useEvents } from './use-events';
 export { default as useIsMounted } from './use-is-mounted';
+export { default as useIsTabbing } from './use-is-tabbing';
 export { default as useKeyPress } from './use-key-press';
 export { default as useLayout } from './use-layout';
 export { default as usePrevious } from './use-previous';

package/dist/hooks/use-action.d.ts

@@ -1,4 +1,4 @@
 import { Container } from '@webprovisions/platform';
 export declare type Action = (action: string, value?: any) => void;
-export declare const useAction: (passedOrigin?: string | undefined, passedContainer?: Container | undefined) => Action;
+export declare const useAction: (passedOrigin?: string, passedContainer?: Container) => Action;
 export default useAction;

package/dist/hooks/use-component-node.d.ts

@@ -2,5 +2,5 @@ import { ComponentNode } from '@telia-ace/widget-core';
 /**
  * Provides the `ComponentNode` for the current context.
  */
-declare const useComponentNode: (id?: string | undefined) => ComponentNode | undefined;
+declare const useComponentNode: (id?: string) => ComponentNode | undefined;
 export default useComponentNode;

package/dist/hooks/use-component-platform.d.ts

@@ -1,4 +1,4 @@
 import { ComponentPlatform } from '@telia-ace/widget-core';
 import { Container } from '@webprovisions/platform';
-declare const useComponentPlatform: (passedContainer?: Container | undefined) => ComponentPlatform | null;
+declare const useComponentPlatform: (passedContainer?: Container) => ComponentPlatform | null;
 export default useComponentPlatform;

package/dist/hooks/use-component.d.ts

@@ -1,3 +1,3 @@
 import { Container } from '@webprovisions/platform';
-declare const useComponent: (passedType?: string | undefined, passedContainer?: Container | undefined) => void | any | null;
+declare const useComponent: (passedType?: string, passedContainer?: Container) => void | any | null;
 export default useComponent;

package/dist/hooks/use-context.d.ts

@@ -1,3 +1,3 @@
 import { ComponentNodeContext } from '@telia-ace/widget-core';
-declare const useContext: <T extends ComponentNodeContext>(id?: string | undefined) => T;
+declare const useContext: <T extends ComponentNodeContext>(id?: string) => T;
 export default useContext;

package/dist/hooks/use-events.d.ts

@@ -1,3 +1,3 @@
 import { Container, EventManager } from '@webprovisions/platform';
-declare const useEvents: (passedContainer?: Container | undefined) => EventManager;
+declare const useEvents: (passedContainer?: Container) => EventManager;
 export default useEvents;

package/dist/hooks/use-is-tabbing.d.ts

@@ -0,0 +1,2 @@
+declare const useIsTabbing: () => boolean;
+export default useIsTabbing;

package/dist/hooks/use-layout.d.ts

@@ -1,3 +1,3 @@
 import { ComponentNodeLayout } from '@telia-ace/widget-core';
-declare const useLayout: (id?: string | undefined) => ComponentNodeLayout;
+declare const useLayout: (id?: string) => ComponentNodeLayout;
 export default useLayout;

package/dist/hooks/use-render-state.d.ts

@@ -1,4 +1,4 @@
 import { WidgetRenderState } from '@telia-ace/widget-core';
 import { Container } from '@webprovisions/platform';
-declare const useRenderState: (passedContainer?: Container | undefined) => WidgetRenderState | undefined;
+declare const useRenderState: (passedContainer?: Container) => WidgetRenderState | undefined;
 export default useRenderState;

package/dist/hooks/use-route-data.d.ts

@@ -1,4 +1,4 @@
 import { RouteData } from '@telia-ace/widget-routing';
 import { Container } from '@webprovisions/platform';
-declare const useRouteData: (passedContainer?: Container | undefined) => RouteData;
+declare const useRouteData: (passedContainer?: Container) => RouteData;
 export default useRouteData;

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

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

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

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

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-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 { 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, WidgetOverlayOutlet } 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, };
+import { DispatchAction, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useEventListener, useEvents, useIsMounted, useIsTabbing, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent } from './hooks';
+import { borderTabStyle, buttonCss, contentBox, genericHtml, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, StyledText } from './styles';
+import { browser, Browsers, convertToStringAttributes, createEmptyComponent, defaultRenderInstructions, embeddedLinkMapper, filterCssProps, filterCssPropsStyle, genericHashLink, GenericHashLinkProps, headingElement, imageLightboxRenderer, 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, genericHtml, invertedHoverButton, ItemList, ItemTree, Lightbox, Link, linkTabStyle, List, paddedBorderTabStyle, RoutingContext, SymbolBadge, Text, TextLink, TransitionComponent, transitionComposer, Typography, useChildren, useColumns, useComponent, useIsTabbing, 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, WidgetOverlayOutlet, itemList, list, StyledText, browser, convertToStringAttributes, defaultRenderInstructions, embeddedLinkMapper, genericHashLink, processHtmlString, imageLightboxRenderer, };
 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 };