@telia-ace/widget-ui 1.3.31-rc.0 → 1.3.31-rc.3

package/components/anchor-link.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { GenericHashLinkProps } from '../utils';
+
 declare const AnchorLink: React.FC<GenericHashLinkProps>;
 export default AnchorLink;

package/components/button.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = React.ComponentProps<'button'>;
 declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/components/drawer/drawer.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export declare enum AnimationType {
     SlideInLeft = "slide-in-left",
     SlideInRight = "slide-in-right",

package/components/drawer/index.d.ts

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

package/components/dropdown/dropdown.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import { default as React, ReactElement } from 'react';
+
 export type Props = {
     className?: string;
     children?: any;

package/components/dropdown/index.d.ts

@@ -1,4 +1,5 @@
-import Dropdown from './dropdown';
+import { default as Dropdown } from './dropdown';
+
 export type { Props } from './dropdown';
 export { default as useCursorPosition } from './use-position';
 export default Dropdown;

package/components/empty.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = {};
 declare const Empty: React.FC<Props>;
 export default Empty;

package/components/item-tree.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = {
     className?: string;
     tree?: any[];

package/components/lightbox.d.ts

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import { default as React, FC } from 'react';
+
 export type Props = {
     attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
     htmlBody: string;

package/components/loader.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type Props = {
     className?: string;
     loading: boolean | undefined;
 };
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & {
     'data-loading': boolean;

package/components/modal/index.d.ts

@@ -1,4 +1,5 @@
-import Modal from './modal';
+import { default as Modal } from './modal';
+
 export { default as Confirm } from './confirm';
 export type { Props as ModalProps } from './modal';
 export default Modal;

package/components/not-found.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = {
     header?: string;
     link?: string;

package/components/overlay.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = {
     duration?: number;
     visible: boolean;

package/components/portal.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 export type Props = {
     elementId?: string;
     parent?: Element | HTMLElement;

package/components/tab-stop.d.ts

@@ -1,5 +1,6 @@
 import { Container } from '@webprovisions/platform';
 import { Component } from 'react';
+
 export type Props = {
     container: Container;
 };

package/components/text.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = React.ComponentProps<'span'>;
 declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export default Text;

package/components/timestamp.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export declare enum DateFormats {
     HH_MM = "hh:mm",
     YYYY_MM_DD = "yyyy-mm-dd",

package/components/tooltip.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = {
     className?: string;
     content: React.ReactNode;

package/components/transition-component.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type Props = {
     in: boolean;
     timeout?: number | {

package/components/typography.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
+
 export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
 export type Props = {
     variant: TypographyVariant;

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

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
+
 type Props = {
     portalId: string;
     className?: string;

package/components/zoomable-img.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ZoomableImage } from './lightbox';
+
 export type Props = {
     zoomState: number;
     image: ZoomableImage;

package/contexts/index.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { ComponentDescriptor, ComponentNodeProperties } from '@telia-ace/widget-core';
-import { RoutingService } from '@telia-ace/widget-routing';
+import { ComponentDescriptor, ComponentNodeProperties } from '../../../core/src/index.ts';
+import { RoutingService } from '../../../routing/src/index.ts';
 import { Container } from '@webprovisions/platform';
-export declare const ContainerContext: import("react").Context<Container>;
-export declare const ColumnContext: import("react").Context<number>;
-export declare const ComponentNodeContext: import("react").Context<ComponentDescriptor>;
-export declare const ComponentPropertyContext: import("react").Context<ComponentNodeProperties>;
-export declare const RoutingContext: import("react").Context<RoutingService | null>;
-export declare const ConversationContext: import("react").Context<{
+
+export declare const ContainerContext: import('react').Context<Container>;
+export declare const ColumnContext: import('react').Context<number>;
+export declare const ComponentNodeContext: import('react').Context<ComponentDescriptor>;
+export declare const ComponentPropertyContext: import('react').Context<ComponentNodeProperties>;
+export declare const RoutingContext: import('react').Context<RoutingService | null>;
+export declare const ConversationContext: import('react').Context<{
     id: string;
 } | null>;

package/create-react-component.d.ts

@@ -1,5 +1,6 @@
-import { ExtendComponentHandler, ExtendComponentOptions, ReactComponent } from '@telia-ace/widget-core';
+import { ExtendComponentHandler, ExtendComponentOptions, ReactComponent } from '../../core/src/index.ts';
 import { Container } from '@webprovisions/platform';
+
 /**
  * Registers a React component on the component platform.
  * @param container Container to register the component on.

package/hooks/use-action.d.ts

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

package/hooks/use-children.d.ts

@@ -1,4 +1,5 @@
-import { ComponentDescriptor } from '@telia-ace/widget-core';
+import { ComponentDescriptor } from '../../../core/src/index.ts';
+
 export type SetPropertiesAction<T> = (key: string, value: Partial<T>) => void;
 declare const useChildren: () => ComponentDescriptor[];
 export default useChildren;

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

@@ -1,2 +1,2 @@
-declare const useComponentDescriptor: () => import("@telia-ace/widget-core").ComponentDescriptor;
+declare const useComponentDescriptor: () => import('../../../core/src/index.ts').ComponentDescriptor;
 export default useComponentDescriptor;

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

@@ -1,4 +1,5 @@
-import { ComponentNode } from '@telia-ace/widget-core';
+import { ComponentNode } from '../../../core/src/index.ts';
+
 /**
  * Provides the `ComponentNode` for the current context.
  */

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

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

package/hooks/use-component.d.ts

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

package/hooks/use-container.d.ts

@@ -1,2 +1,2 @@
-declare const useContainer: () => import("@webprovisions/platform").Container;
+declare const useContainer: () => import('@webprovisions/platform').Container;
 export default useContainer;

package/hooks/use-context.d.ts

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

package/hooks/use-events.d.ts

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

package/hooks/use-is-mounted.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const useIsMounted: () => import("react").MutableRefObject<boolean>;
+declare const useIsMounted: () => import('react').MutableRefObject<boolean>;
 export default useIsMounted;

package/hooks/use-layout.d.ts

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

package/hooks/use-properties.d.ts

@@ -1,4 +1,5 @@
-import { ComponentNodeProperties } from '@telia-ace/widget-core';
+import { ComponentNodeProperties } from '../../../core/src/index.ts';
+
 type DataProperties = {
     loading?: boolean;
 };

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

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

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

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

package/hooks/use-router.d.ts

@@ -1,3 +1,4 @@
-import { RoutingService } from '@telia-ace/widget-routing';
+import { RoutingService } from '../../../routing/src/index.ts';
+
 declare const useRouter: () => RoutingService | null;
 export default useRouter;

package/hooks/use-settings.d.ts

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

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

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

package/index.d.ts

@@ -4,6 +4,7 @@ import { default as createReactComponent } from './create-react-component';
 import { DispatchAction, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useConversation, 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, ConversationContext, 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, useConversation, 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 };

package/index.js

@@ -336,7 +336,7 @@
   &.humany-drawer-transition-exit-done {
     height: 0;
   }
-`,rn={["slide-in-bottom"]:tn,["slide-in-right"]:nn,["slide-in-left"]:sn,["slide-in-top"]:on},Ue=(e,t,n)=>{const[o,r]=a.useState(0),[i,l]=a.useState(0),f=a.useCallback((c,u)=>{if(c.preventDefault(),u){const d=u.getBoundingClientRect();r(Math.max(document.body.clientWidth-d.right,1)),l(d.bottom+window.scrollY)}},[o,i,r,l]);return a.useEffect(()=>{if(!n||!e)return;const c=n.getBoundingClientRect(),u={x:o,y:i};c.left<0&&(u.x=0),c.bottom>window.innerHeight&&(u.y=0),u.x!==o&&r(u.x),u.y!==i&&l(u.y)},[n,e,t]),[{x:o,y:i},f]},an=a.forwardRef(({className:e="",children:t=null,trigger:n,closeButtonAriaLabel:o,...r},i)=>{const l=a.useRef(),f=a.useRef(),c=a.useRef();a.useImperativeHandle(i,()=>c.current,[c.current]);const u=a.useRef(b.uuid()),[d,h]=a.useState(!1),m=me(d),[{x:g,y:p},x]=Ue(d,u.current,c.current),y=I("Escape");a.useEffect(()=>{y&&h(!1)},[y]),a.useEffect(()=>{d&&l.current?l.current.focus():!d&&f.current&&m&&f.current.focus()},[d,l.current,f.current]),H("click",E=>{const{target:j}=E;!c.current||!j||c.current!==j&&!c.current.contains(j)&&h(!1)},window),Y("router:changed",()=>{h(!1)});const k=ee(u.current,()=>{h(!1)}),$=a.useCallback(E=>{E.stopPropagation(),x(E,f.current),h(!d),k()},[k,x,h]);return s.jsxs(s.Fragment,{children:[d&&s.jsx(A,{children:s.jsxs(cn,{className:b.appendClassNames("humany-dropdown",`humany-dropdown-${u.current}`,e),...r,x:g,y:p,ref:c,children:[s.jsx(ye,{onClick:()=>h(!1),tabIndex:0,ref:l,"aria-label":o,children:s.jsx(P,{symbol:{type:"Svg",content:"close"}})}),t]})}),a.cloneElement(n,{onClick:$,ref:f,"aria-label":n.props.title,"aria-expanded":d})]})}),cn=C.div`
+`,rn={"slide-in-bottom":tn,"slide-in-right":nn,"slide-in-left":sn,"slide-in-top":on},Ue=(e,t,n)=>{const[o,r]=a.useState(0),[i,l]=a.useState(0),f=a.useCallback((c,u)=>{if(c.preventDefault(),u){const d=u.getBoundingClientRect();r(Math.max(document.body.clientWidth-d.right,1)),l(d.bottom+window.scrollY)}},[o,i,r,l]);return a.useEffect(()=>{if(!n||!e)return;const c=n.getBoundingClientRect(),u={x:o,y:i};c.left<0&&(u.x=0),c.bottom>window.innerHeight&&(u.y=0),u.x!==o&&r(u.x),u.y!==i&&l(u.y)},[n,e,t]),[{x:o,y:i},f]},an=a.forwardRef(({className:e="",children:t=null,trigger:n,closeButtonAriaLabel:o,...r},i)=>{const l=a.useRef(),f=a.useRef(),c=a.useRef();a.useImperativeHandle(i,()=>c.current,[c.current]);const u=a.useRef(b.uuid()),[d,h]=a.useState(!1),m=me(d),[{x:g,y:p},x]=Ue(d,u.current,c.current),y=I("Escape");a.useEffect(()=>{y&&h(!1)},[y]),a.useEffect(()=>{d&&l.current?l.current.focus():!d&&f.current&&m&&f.current.focus()},[d,l.current,f.current]),H("click",E=>{const{target:j}=E;!c.current||!j||c.current!==j&&!c.current.contains(j)&&h(!1)},window),Y("router:changed",()=>{h(!1)});const k=ee(u.current,()=>{h(!1)}),$=a.useCallback(E=>{E.stopPropagation(),x(E,f.current),h(!d),k()},[k,x,h]);return s.jsxs(s.Fragment,{children:[d&&s.jsx(A,{children:s.jsxs(cn,{className:b.appendClassNames("humany-dropdown",`humany-dropdown-${u.current}`,e),...r,x:g,y:p,ref:c,children:[s.jsx(ye,{onClick:()=>h(!1),tabIndex:0,ref:l,"aria-label":o,children:s.jsx(P,{symbol:{type:"Svg",content:"close"}})}),t]})}),a.cloneElement(n,{onClick:$,ref:f,"aria-label":n.props.title,"aria-expanded":d})]})}),cn=C.div`
   ${Ce}
   padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
   min-width: 150px;

package/index.mjs

@@ -1702,22 +1702,10 @@ const Ut = 300, Wo = ({
     height: 0;
   }
 `, tn = {
-  [
-    "slide-in-bottom"
-    /* SlideInBottom */
-  ]: Qt,
-  [
-    "slide-in-right"
-    /* SlideInRight */
-  ]: Gt,
-  [
-    "slide-in-left"
-    /* SlideInLeft */
-  ]: Jt,
-  [
-    "slide-in-top"
-    /* SlideInTop */
-  ]: en
+  "slide-in-bottom": Qt,
+  "slide-in-right": Gt,
+  "slide-in-left": Jt,
+  "slide-in-top": en
 }, je = (e, t, n) => {
   const [o, r] = w(0), [s, c] = w(0), u = E(
     (a, l) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-ui",
-  "version": "1.3.31-rc.0",
+  "version": "1.3.31-rc.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,9 +10,9 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.3.31-rc.0",
-    "@telia-ace/widget-routing": "^1.3.31-rc.0",
-    "@telia-ace/widget-utilities": "^1.3.31-rc.0",
+    "@telia-ace/widget-core": "^1.3.31-rc.3",
+    "@telia-ace/widget-routing": "^1.3.31-rc.3",
+    "@telia-ace/widget-utilities": "^1.3.31-rc.3",
     "@webprovisions/platform": "^1.1.4",
     "htmr": "1.0.2"
   },

package/styles.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Theme } from '@emotion/react';
+
 type InvertedHoverButtonSettings = {
     primaryColor: string;
     secondaryColor: string;
@@ -10,31 +10,31 @@ type InvertedHoverButtonSettings = {
 export declare const contentBox: (p: {
     theme: Theme;
     'data-loading'?: boolean;
-}) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
 export declare const buttonCss: (p: {
     theme: Partial<Theme>;
-}) => import("@emotion/react").SerializedStyles;
-export declare const invertedHoverButton: (p: InvertedHoverButtonSettings) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
+export declare const invertedHoverButton: (p: InvertedHoverButtonSettings) => import('@emotion/react').SerializedStyles;
 export declare const borderTabStyle: (p: {
     theme: Partial<Theme>;
-}) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
 export declare const linkTabStyle: (p: {
     theme: Theme;
-}) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
 export declare const paddedBorderTabStyle: (p: {
     theme: Partial<Theme>;
-}) => import("@emotion/react").SerializedStyles;
-export declare const CloseButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const StyledText: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement> & {
+}) => import('@emotion/react').SerializedStyles;
+export declare const CloseButton: import('@emotion/styled').StyledComponent<any, {}, {}>;
+export declare const StyledText: import('@emotion/styled').StyledComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement> & {
     theme?: Theme | undefined;
 }, {}, {}>;
 export declare const list: (p: {
     theme: Partial<Theme>;
-}) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
 export declare const itemList: (p: {
     theme: Partial<Theme>;
-}) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
 export declare const genericHtml: (p: {
     theme: Theme;
-}) => import("@emotion/react").SerializedStyles;
+}) => import('@emotion/react').SerializedStyles;
 export {};

package/utils/animations.d.ts

@@ -1,4 +1,5 @@
 import { TransitionStatus } from 'react-transition-group/Transition';
+
 export type CssTransitions = {
     [key: string]: any;
 };
@@ -11,7 +12,7 @@ export declare const transitionComposer: {
     compose: (status: TransitionStatus | undefined, definitions: {
         enter: TransitionStateSettings;
         exit: TransitionStateSettings;
-    }) => false | "" | import("@emotion/react").SerializedStyles | undefined;
-    composeViewTransition: (status: TransitionStatus, type: string, direction?: 'forth' | 'back') => false | "" | import("@emotion/react").SerializedStyles | undefined;
+    }) => false | import('@emotion/react').SerializedStyles | "" | undefined;
+    composeViewTransition: (status: TransitionStatus, type: string, direction?: 'forth' | 'back') => false | import('@emotion/react').SerializedStyles | "" | undefined;
     get: (title: string) => any;
 };

package/utils/create-empty-component.d.ts

@@ -1,3 +1,4 @@
 import { Container } from '@webprovisions/platform';
+
 declare const createEmptyComponent: (container: Container, props: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
 export default createEmptyComponent;

package/utils/embedded-link-mapper.d.ts

@@ -1,3 +1,4 @@
 import { Container } from '@webprovisions/platform';
+
 declare const embeddedLinkMapper: (container: Container) => ({ children, ...props }: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default embeddedLinkMapper;

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

@@ -4,5 +4,5 @@ declare const filterCssProps: (props: any) => {
 type FilterCssPropsStyle = {
     [key: string]: any;
 };
-export declare const filterCssPropsStyle: (p: FilterCssPropsStyle) => import("@emotion/react").SerializedStyles;
+export declare const filterCssPropsStyle: (p: FilterCssPropsStyle) => import('@emotion/react').SerializedStyles;
 export default filterCssProps;

package/utils/heading-styles.d.ts

@@ -1,4 +1,5 @@
 import { Theme } from '@emotion/react';
+
 export declare const headingElement: (p: {
     theme: Theme;
-}) => (element: string, style: any) => import("@emotion/react").SerializedStyles;
+}) => (element: string, style: any) => import('@emotion/react').SerializedStyles;

package/utils/process-html-string.d.ts

@@ -1,4 +1,4 @@
 /**
  * Converts a html chunk to managed React nodes.
  */
-export default function parseHtmlString(html: any, instruction: any): any;
+export default function parseHtmlString(html: any, instruction: any): import('react').ReactNode;

package/utils/render-instructions.d.ts

@@ -1,5 +1,6 @@
 import { Container } from '@webprovisions/platform';
-import React from 'react';
+import { default as React } from 'react';
+
 export declare const imageLightboxRenderer: (htmlBody: string) => (attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const defaultRenderInstructions: (container: Container, htmlBody: string) => {
     transform: {

package/components/checkbox.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type Props = Merge<React.ComponentProps<'input'>, {
-    onChange?: (value: string, checked: boolean) => void;
-    onEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-}>;
-declare const Checkbox: React.FC<Props>;
-export default Checkbox;

package/components/grid.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type Props = Merge<React.ComponentProps<'div'>, {
-    columns: number;
-    gap: string;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;

package/components/html.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export type HtmlParseInstruction = {
-    transform: {
-        [htmlTag: string]: (props: any) => JSX.Element;
-    };
-};
-export type Props = Merge<React.ComponentProps<'div'>, {
-    html: string;
-    htmlParseInstruction?: HtmlParseInstruction;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;

package/components/icon.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type Props = Merge<React.HTMLProps<HTMLElement>, {
-    className?: string;
-    faIcon: string;
-}>;
-declare const Icon: React.FC<Props>;
-export default Icon;

package/components/input.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type Props = Merge<React.ComponentProps<'input'>, {
-    onChange?: (value: string) => void;
-    onEnter?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onEscape?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onFocusChange?: (focused: boolean) => void;
-    selectAllOnFocus?: boolean;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-export default _default;

package/components/item-list.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Props as ListProps } from './list';
-import { Props as ParagraphProps } from './paragraph';
-export type ItemListProps = {
-    customHeader?: any;
-    ulProps?: any;
-};
-export type Props = Merge<ListProps, ParagraphProps> & ItemListProps;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;

package/components/link.d.ts

@@ -1,12 +0,0 @@
-import React, { ElementType } from 'react';
-export type Props = Merge<React.ComponentProps<'a'>, {
-    disabled?: boolean;
-    routeName?: string;
-    params?: {
-        [key: string]: any;
-    };
-    to?: string;
-    as?: ElementType<any>;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default _default;

package/components/list.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export type ItemRenderer = (item: any, index: number, items: any[], defaultRenderer?: ItemRenderer) => React.ReactNode;
-export type Props = Merge<React.ComponentProps<'ul'>, {
-    renderItem: ItemRenderer;
-    items: any[];
-    renderLi?: boolean;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export default _default;

package/components/modal/confirm.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Props as ModalProps } from './modal';
-type Props = Merge<{
-    header?: string;
-    text?: string;
-    onCancel?: () => void;
-    onConfirm?: () => void;
-    cancelLabel?: string;
-    confirmLabel?: string;
-}, ModalProps>;
-declare const Confirm: React.FC<Props>;
-export default Confirm;

package/components/modal/modal.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type Props = Merge<{
-    trigger: React.ReactElement;
-    className?: string;
-    onOverlayClick?: (e: React.MouseEvent) => void;
-    close?: boolean;
-    children?: React.ReactNode;
-}, React.ComponentProps<'div'>>;
-declare const Modal: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<any>>;
-export default Modal;

package/components/paragraph.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Props as HtmlProps } from './html';
-import { Symbol } from './symbol-badge';
-export type Props = Merge<HtmlProps, {
-    text?: string;
-    html?: string;
-    header?: string;
-    symbol?: Symbol;
-}>;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export default _default;

package/components/route-link.d.ts

@@ -1,12 +0,0 @@
-import React, { ElementType } from 'react';
-export type Props = Merge<React.ComponentProps<'a'>, {
-    disabled?: boolean;
-    name?: string;
-    params?: {
-        [key: string]: any;
-    };
-    to?: string;
-    as?: ElementType<any>;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default _default;

package/components/symbol-badge.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export type Symbol = {
-    type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;
-    content: string;
-};
-export type HtmlIconProps = Merge<React.ComponentProps<'i'>, React.ComponentProps<'svg'>>;
-export type Props = Merge<HtmlIconProps, {
-    symbol: Symbol;
-    backgroundSize?: string;
-    size?: number;
-    text?: string;
-    elementStyle?: Object;
-}>;
-declare const SymbolBadge: React.FC<Props>;
-export default SymbolBadge;

package/components/text-link.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { Props as LinkProps } from './link';
-export type Props = Merge<LinkProps, {
-    text: string;
-    description?: string;
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default _default;

package/components/widget-link.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Props as LinkProps } from './link';
-export type Props = Merge<LinkProps, {
-    widgetName: string;
-    activationOptions?: {
-        [key: string]: any;
-    };
-}>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default _default;

package/utils/generic-hash-link.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export type Props = Merge<React.ComponentProps<'a'>, {
-    disabled?: string;
-    to?: string;
-    smooth?: boolean;
-    scroll?: Function;
-}>;
-export declare const genericHashLink: (props: Props, As: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;