@telia-ace/widget-ui 0.0.1

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@telia-ace/widget-ui",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/widget-core": "*",
+    "@telia-ace/widget-routing": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@webprovisions/platform": "^1.1.4",
+    "htmr": "1.0.2"
+  },
+  "peerDependencies": {
+    "react": "18.2.0",
+    "@emotion/styled": "11.11.0",
+    "@emotion/react": "11.11.1",
+    "react-transition-group": "4.4.5",
+    "react-dom": "18.2.0",
+    "react-router-dom": "5.3.4"
+  }
+}

package/styles.d.ts

@@ -0,0 +1,40 @@
+import { Theme } from '@emotion/react';
+
+type InvertedHoverButtonSettings = {
+    primaryColor: string;
+    secondaryColor: string;
+    active?: boolean;
+    theme: Theme;
+    disabled?: boolean;
+};
+export declare const contentBox: (p: {
+    theme: Theme;
+    'data-loading'?: boolean;
+}) => 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;
+export declare const borderTabStyle: (p: {
+    theme: Partial<Theme>;
+}) => import('@emotion/react').SerializedStyles;
+export declare const linkTabStyle: (p: {
+    theme: Theme;
+}) => 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> & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const list: (p: {
+    theme: Partial<Theme>;
+}) => import('@emotion/react').SerializedStyles;
+export declare const itemList: (p: {
+    theme: Partial<Theme>;
+}) => import('@emotion/react').SerializedStyles;
+export declare const genericHtml: (p: {
+    theme: Theme;
+}) => import('@emotion/react').SerializedStyles;
+export {};

package/utils/animations.d.ts

@@ -0,0 +1,18 @@
+import { TransitionStatus } from 'react-transition-group/Transition';
+
+export type CssTransitions = {
+    [key: string]: any;
+};
+export type TransitionStateSettings = {
+    transitionKeys: string;
+    duration?: number;
+    easing?: string;
+};
+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;
+    get: (title: string) => any;
+};

package/utils/browser.d.ts

@@ -0,0 +1,12 @@
+export declare enum Browsers {
+    Opera = "opera",
+    Chrome = "chrome",
+    Firefox = "firefox",
+    Safari = "safari",
+    Edge = "edge",
+    EdgeChromium = "edge-chromium",
+    Blink = "blink",
+    IE = "internet-explorer"
+}
+declare const _default: () => Browsers | void;
+export default _default;

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

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

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

@@ -0,0 +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

@@ -0,0 +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

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

package/utils/heading-styles.d.ts

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

package/utils/index.d.ts

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

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

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

package/utils/render-instructions.d.ts

@@ -0,0 +1,10 @@
+import { Container } from '@webprovisions/platform';
+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: {
+        a: ({ children, ...props }: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+        img: (attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    };
+};

package/utils/tabbing-state.d.ts

@@ -0,0 +1,2 @@
+export declare const setHumanyIsTabbing: (value: boolean) => void;
+export declare const getHumanyIsTabbing: () => boolean;