@telia-ace/widget-ui 1.0.22 → 1.0.23-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +5 -5
- package/README.md +3 -3
- package/dist/components/anchor-link.d.ts +4 -4
- package/dist/components/button.d.ts +4 -4
- package/dist/components/checkbox.d.ts +7 -7
- package/dist/components/drawer/drawer.d.ts +22 -21
- package/dist/components/drawer/index.d.ts +3 -3
- package/dist/components/dropdown/dropdown.d.ts +9 -9
- package/dist/components/dropdown/index.d.ts +4 -4
- package/dist/components/dropdown/use-position.d.ts +5 -5
- package/dist/components/empty.d.ts +4 -4
- package/dist/components/grid.d.ts +7 -7
- package/dist/components/html.d.ts +12 -12
- package/dist/components/icon.d.ts +7 -7
- package/dist/components/index.d.ts +59 -59
- package/dist/components/input.d.ts +10 -10
- package/dist/components/item-list.d.ts +10 -10
- package/dist/components/item-tree.d.ts +13 -13
- package/dist/components/lightbox.d.ts +12 -12
- package/dist/components/link.d.ts +11 -11
- package/dist/components/list.d.ts +9 -9
- package/dist/components/loader.d.ts +10 -10
- package/dist/components/modal/confirm.d.ts +12 -12
- package/dist/components/modal/index.d.ts +4 -4
- package/dist/components/modal/modal.d.ts +10 -10
- package/dist/components/not-found.d.ts +9 -9
- package/dist/components/overlay.d.ts +8 -8
- package/dist/components/paragraph.d.ts +11 -11
- package/dist/components/portal.d.ts +8 -8
- package/dist/components/route-link.d.ts +11 -11
- package/dist/components/symbol-badge.d.ts +15 -15
- package/dist/components/tab-stop.d.ts +18 -18
- package/dist/components/text-link.d.ts +8 -8
- package/dist/components/text.d.ts +4 -4
- package/dist/components/timestamp.d.ts +13 -13
- package/dist/components/tooltip.d.ts +8 -8
- package/dist/components/transition-component.d.ts +30 -30
- package/dist/components/typography.d.ts +9 -9
- package/dist/components/widget-link.d.ts +10 -10
- package/dist/components/widget-overlay-outlet.d.ts +8 -8
- package/dist/components/zoomable-img.d.ts +9 -9
- package/dist/contexts/index.d.ts +9 -9
- package/dist/create-react-component.d.ts +11 -11
- package/dist/hooks/index.d.ts +28 -28
- package/dist/hooks/use-action.d.ts +4 -4
- package/dist/hooks/use-children.d.ts +4 -4
- package/dist/hooks/use-columns.d.ts +2 -2
- package/dist/hooks/use-component-descriptor.d.ts +2 -2
- package/dist/hooks/use-component-node.d.ts +6 -6
- package/dist/hooks/use-component-platform.d.ts +4 -4
- package/dist/hooks/use-component.d.ts +3 -3
- package/dist/hooks/use-container.d.ts +2 -2
- package/dist/hooks/use-context.d.ts +3 -3
- package/dist/hooks/use-dispatch.d.ts +3 -3
- package/dist/hooks/use-event-listener.d.ts +2 -2
- package/dist/hooks/use-events.d.ts +3 -3
- package/dist/hooks/use-is-mounted.d.ts +3 -3
- package/dist/hooks/use-is-tabbing.d.ts +2 -2
- package/dist/hooks/use-key-press.d.ts +2 -2
- package/dist/hooks/use-layout.d.ts +3 -3
- package/dist/hooks/use-previous.d.ts +2 -2
- package/dist/hooks/use-properties.d.ts +6 -6
- package/dist/hooks/use-render-state.d.ts +4 -4
- package/dist/hooks/use-route-data.d.ts +4 -4
- package/dist/hooks/use-router.d.ts +3 -3
- package/dist/hooks/use-scroll.d.ts +2 -2
- package/dist/hooks/use-settings.d.ts +3 -3
- package/dist/hooks/use-toggle.d.ts +2 -2
- package/dist/hooks/use-transition-end.d.ts +2 -2
- package/dist/hooks/use-unique-menu.d.ts +2 -2
- package/dist/hooks/use-widget-event.d.ts +3 -3
- package/dist/index.d.ts +9 -9
- package/dist/index.js.map +1 -1
- package/dist/styles.d.ts +20 -20
- package/dist/utils/animations.d.ts +18 -18
- package/dist/utils/browser.d.ts +12 -12
- package/dist/utils/convert-to-string-attributes.d.ts +2 -2
- package/dist/utils/create-empty-component.d.ts +4 -3
- package/dist/utils/embedded-link-mapper.d.ts +4 -3
- package/dist/utils/filter-css-props.d.ts +8 -8
- package/dist/utils/generic-hash-link.d.ts +8 -8
- package/dist/utils/heading-styles.d.ts +1 -1
- package/dist/utils/index.d.ts +12 -12
- package/dist/utils/process-html-string.d.ts +4 -4
- package/dist/utils/render-instructions.d.ts +9 -9
- package/package.json +14 -15
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Props = {
|
|
3
|
-
duration?: number;
|
|
4
|
-
visible: boolean;
|
|
5
|
-
onClick?: (e: React.MouseEvent) => void;
|
|
6
|
-
};
|
|
7
|
-
declare const Overlay: React.FC<Props>;
|
|
8
|
-
export default Overlay;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
duration?: number;
|
|
4
|
+
visible: boolean;
|
|
5
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
6
|
+
};
|
|
7
|
+
declare const Overlay: React.FC<Props>;
|
|
8
|
+
export default Overlay;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as HtmlProps } from './html';
|
|
3
|
-
import { Symbol } from './symbol-badge';
|
|
4
|
-
export declare type Props = Merge<HtmlProps, {
|
|
5
|
-
text?: string;
|
|
6
|
-
html?: string;
|
|
7
|
-
header?: string;
|
|
8
|
-
symbol?: Symbol;
|
|
9
|
-
}>;
|
|
10
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "symbol" | "header" | "html" | "text" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "htmlParseInstruction"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export default _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props as HtmlProps } from './html';
|
|
3
|
+
import { Symbol } from './symbol-badge';
|
|
4
|
+
export declare type Props = Merge<HtmlProps, {
|
|
5
|
+
text?: string;
|
|
6
|
+
html?: string;
|
|
7
|
+
header?: string;
|
|
8
|
+
symbol?: Symbol;
|
|
9
|
+
}>;
|
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "symbol" | "header" | "html" | "text" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "htmlParseInstruction"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export default _default;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
export declare type Props = {
|
|
3
|
-
elementId?: string;
|
|
4
|
-
parent?: Element | HTMLElement;
|
|
5
|
-
children?: any;
|
|
6
|
-
};
|
|
7
|
-
declare const Portal: FC<Props>;
|
|
8
|
-
export default Portal;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
elementId?: string;
|
|
4
|
+
parent?: Element | HTMLElement;
|
|
5
|
+
children?: any;
|
|
6
|
+
};
|
|
7
|
+
declare const Portal: FC<Props>;
|
|
8
|
+
export default Portal;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Props = Merge<React.ComponentProps<'a'>, {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
name?: string;
|
|
5
|
-
params?: {
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
};
|
|
8
|
-
to?: string;
|
|
9
|
-
}>;
|
|
10
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "name" | "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "params"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
11
|
-
export default _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Props = Merge<React.ComponentProps<'a'>, {
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
name?: string;
|
|
5
|
+
params?: {
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
};
|
|
8
|
+
to?: string;
|
|
9
|
+
}>;
|
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "name" | "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "params"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
11
|
+
export default _default;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Symbol = {
|
|
3
|
-
type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;
|
|
4
|
-
content: string;
|
|
5
|
-
};
|
|
6
|
-
export declare type HtmlIconProps = Merge<React.ComponentProps<'i'>, React.ComponentProps<'svg'>>;
|
|
7
|
-
export declare type Props = Merge<HtmlIconProps, {
|
|
8
|
-
symbol: Symbol;
|
|
9
|
-
backgroundSize?: string;
|
|
10
|
-
size?: number;
|
|
11
|
-
text?: string;
|
|
12
|
-
elementStyle?: Object;
|
|
13
|
-
}>;
|
|
14
|
-
declare const SymbolBadge: React.
|
|
15
|
-
export default SymbolBadge;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Symbol = {
|
|
3
|
+
type: 'Uri' | 'Svg' | 'FontAwesome' | 'Text' | string;
|
|
4
|
+
content: string;
|
|
5
|
+
};
|
|
6
|
+
export declare type HtmlIconProps = Merge<React.ComponentProps<'i'>, React.ComponentProps<'svg'>>;
|
|
7
|
+
export declare type Props = Merge<HtmlIconProps, {
|
|
8
|
+
symbol: Symbol;
|
|
9
|
+
backgroundSize?: string;
|
|
10
|
+
size?: number;
|
|
11
|
+
text?: string;
|
|
12
|
+
elementStyle?: Object;
|
|
13
|
+
}>;
|
|
14
|
+
declare const SymbolBadge: React.FC<Props>;
|
|
15
|
+
export default SymbolBadge;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { Container } from '@webprovisions/platform';
|
|
2
|
-
import { Component } from 'react';
|
|
3
|
-
export declare type Props = {
|
|
4
|
-
container: Container;
|
|
5
|
-
};
|
|
6
|
-
declare type State = Readonly<{
|
|
7
|
-
boundFocus: boolean;
|
|
8
|
-
}>;
|
|
9
|
-
declare class TabStop extends Component<Props, State> {
|
|
10
|
-
private node;
|
|
11
|
-
private onFocusListener;
|
|
12
|
-
readonly state: State;
|
|
13
|
-
componentWillMount(): void;
|
|
14
|
-
componentDidMount(): void;
|
|
15
|
-
componentWillUnmount(): void;
|
|
16
|
-
render(): JSX.Element | null;
|
|
17
|
-
}
|
|
18
|
-
export default TabStop;
|
|
1
|
+
import { Container } from '@webprovisions/platform';
|
|
2
|
+
import { Component } from 'react';
|
|
3
|
+
export declare type Props = {
|
|
4
|
+
container: Container;
|
|
5
|
+
};
|
|
6
|
+
declare type State = Readonly<{
|
|
7
|
+
boundFocus: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
declare class TabStop extends Component<Props, State> {
|
|
10
|
+
private node;
|
|
11
|
+
private onFocusListener;
|
|
12
|
+
readonly state: State;
|
|
13
|
+
componentWillMount(): void;
|
|
14
|
+
componentDidMount(): void;
|
|
15
|
+
componentWillUnmount(): void;
|
|
16
|
+
render(): JSX.Element | null;
|
|
17
|
+
}
|
|
18
|
+
export default TabStop;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as LinkProps } from './link';
|
|
3
|
-
export declare type Props = Merge<LinkProps, {
|
|
4
|
-
text: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
}>;
|
|
7
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "text" | "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "description" | "routeName" | "params"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
8
|
-
export default _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props as LinkProps } from './link';
|
|
3
|
+
export declare type Props = Merge<LinkProps, {
|
|
4
|
+
text: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
}>;
|
|
7
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "text" | "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "description" | "routeName" | "params"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
8
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Props = React.ComponentProps<'span'>;
|
|
3
|
-
declare const Text: React.FC<Props>;
|
|
4
|
-
export default Text;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Props = React.ComponentProps<'span'>;
|
|
3
|
+
declare const Text: React.FC<Props>;
|
|
4
|
+
export default Text;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare enum DateFormats {
|
|
3
|
-
HH_MM = "hh:mm",
|
|
4
|
-
YYYY_MM_DD = "yyyy-mm-dd",
|
|
5
|
-
YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm"
|
|
6
|
-
}
|
|
7
|
-
export declare type Props = {
|
|
8
|
-
timestamp: string;
|
|
9
|
-
format?: DateFormats;
|
|
10
|
-
className?: string;
|
|
11
|
-
};
|
|
12
|
-
declare const Timestamp: React.FC<Props>;
|
|
13
|
-
export default Timestamp;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare enum DateFormats {
|
|
3
|
+
HH_MM = "hh:mm",
|
|
4
|
+
YYYY_MM_DD = "yyyy-mm-dd",
|
|
5
|
+
YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm"
|
|
6
|
+
}
|
|
7
|
+
export declare type Props = {
|
|
8
|
+
timestamp: string;
|
|
9
|
+
format?: DateFormats;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
declare const Timestamp: React.FC<Props>;
|
|
13
|
+
export default Timestamp;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Props = {
|
|
3
|
-
className?: string;
|
|
4
|
-
content: React.ReactNode;
|
|
5
|
-
sticky: boolean;
|
|
6
|
-
};
|
|
7
|
-
declare const Tooltip: React.FC<Props>;
|
|
8
|
-
export default Tooltip;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
className?: string;
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
sticky: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const Tooltip: React.FC<Props>;
|
|
8
|
+
export default Tooltip;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type Props = {
|
|
3
|
-
in: boolean;
|
|
4
|
-
timeout?: number | {
|
|
5
|
-
enter?: number;
|
|
6
|
-
exit?: number;
|
|
7
|
-
};
|
|
8
|
-
mountOnEnter?: boolean;
|
|
9
|
-
unmountOnExit?: boolean;
|
|
10
|
-
children?: any;
|
|
11
|
-
transitions?: string | {
|
|
12
|
-
enter: TransitionInfo;
|
|
13
|
-
exit: TransitionInfo;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
declare type TransitionInfo = {
|
|
17
|
-
type: string;
|
|
18
|
-
easing?: string;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Wrapper component for Transition from 'react-transition-group'
|
|
22
|
-
* Controls animated enter/exit transitions of a child component bu dynamically creating
|
|
23
|
-
* css that is forwarded to the child component.
|
|
24
|
-
*
|
|
25
|
-
* TODO:
|
|
26
|
-
* Extend to accept more specific transitions (TransitionStateSettings) to enable different
|
|
27
|
-
* enter and exit animations, timings and easings
|
|
28
|
-
*/
|
|
29
|
-
declare const TransitionComponent: React.FC<Props>;
|
|
30
|
-
export default TransitionComponent;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
in: boolean;
|
|
4
|
+
timeout?: number | {
|
|
5
|
+
enter?: number;
|
|
6
|
+
exit?: number;
|
|
7
|
+
};
|
|
8
|
+
mountOnEnter?: boolean;
|
|
9
|
+
unmountOnExit?: boolean;
|
|
10
|
+
children?: any;
|
|
11
|
+
transitions?: string | {
|
|
12
|
+
enter: TransitionInfo;
|
|
13
|
+
exit: TransitionInfo;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
declare type TransitionInfo = {
|
|
17
|
+
type: string;
|
|
18
|
+
easing?: string;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* Wrapper component for Transition from 'react-transition-group'
|
|
22
|
+
* Controls animated enter/exit transitions of a child component bu dynamically creating
|
|
23
|
+
* css that is forwarded to the child component.
|
|
24
|
+
*
|
|
25
|
+
* TODO:
|
|
26
|
+
* Extend to accept more specific transitions (TransitionStateSettings) to enable different
|
|
27
|
+
* enter and exit animations, timings and easings
|
|
28
|
+
*/
|
|
29
|
+
declare const TransitionComponent: React.FC<Props>;
|
|
30
|
+
export default TransitionComponent;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
3
|
-
export declare type Props = {
|
|
4
|
-
variant: TypographyVariant;
|
|
5
|
-
component?: React.ElementType;
|
|
6
|
-
className?: string;
|
|
7
|
-
};
|
|
8
|
-
declare const Typography: React.FC<Props>;
|
|
9
|
-
export default Typography;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
|
|
3
|
+
export declare type Props = {
|
|
4
|
+
variant: TypographyVariant;
|
|
5
|
+
component?: React.ElementType;
|
|
6
|
+
className?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const Typography: React.FC<Props>;
|
|
9
|
+
export default Typography;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Props as LinkProps } from './link';
|
|
3
|
-
export declare type Props = Merge<LinkProps, {
|
|
4
|
-
widgetName: string;
|
|
5
|
-
activationOptions?: {
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
};
|
|
8
|
-
}>;
|
|
9
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "routeName" | "params" | "widgetName" | "activationOptions"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
-
export default _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Props as LinkProps } from './link';
|
|
3
|
+
export declare type Props = Merge<LinkProps, {
|
|
4
|
+
widgetName: string;
|
|
5
|
+
activationOptions?: {
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
};
|
|
8
|
+
}>;
|
|
9
|
+
declare const _default: React.ForwardRefExoticComponent<Pick<Props, "to" | "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "disabled" | "routeName" | "params" | "widgetName" | "activationOptions"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
+
export default _default;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
portalId: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
};
|
|
7
|
-
export declare const WidgetOverlayOutlet: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export {};
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
portalId: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const WidgetOverlayOutlet: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ZoomableImage } from './lightbox';
|
|
3
|
-
export declare type Props = {
|
|
4
|
-
zoomState: number;
|
|
5
|
-
image: ZoomableImage;
|
|
6
|
-
changeZoom: (num: number) => void;
|
|
7
|
-
};
|
|
8
|
-
declare const ZoomImg: React.FC<Props & React.ComponentProps<'img'>>;
|
|
9
|
-
export default ZoomImg;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ZoomableImage } from './lightbox';
|
|
3
|
+
export declare type Props = {
|
|
4
|
+
zoomState: number;
|
|
5
|
+
image: ZoomableImage;
|
|
6
|
+
changeZoom: (num: number) => void;
|
|
7
|
+
};
|
|
8
|
+
declare const ZoomImg: React.FC<Props & React.ComponentProps<'img'>>;
|
|
9
|
+
export default ZoomImg;
|
package/dist/contexts/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentDescriptor, ComponentNodeProperties } from '@telia-ace/widget-core';
|
|
3
|
-
import { RoutingService } from '@telia-ace/widget-routing';
|
|
4
|
-
import { Container } from '@webprovisions/platform';
|
|
5
|
-
export declare const ContainerContext: import("react").Context<Container>;
|
|
6
|
-
export declare const ColumnContext: import("react").Context<number>;
|
|
7
|
-
export declare const ComponentNodeContext: import("react").Context<ComponentDescriptor>;
|
|
8
|
-
export declare const ComponentPropertyContext: import("react").Context<ComponentNodeProperties>;
|
|
9
|
-
export declare const RoutingContext: import("react").Context<RoutingService | null>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentDescriptor, ComponentNodeProperties } from '@telia-ace/widget-core';
|
|
3
|
+
import { RoutingService } from '@telia-ace/widget-routing';
|
|
4
|
+
import { Container } from '@webprovisions/platform';
|
|
5
|
+
export declare const ContainerContext: import("react").Context<Container>;
|
|
6
|
+
export declare const ColumnContext: import("react").Context<number>;
|
|
7
|
+
export declare const ComponentNodeContext: import("react").Context<ComponentDescriptor>;
|
|
8
|
+
export declare const ComponentPropertyContext: import("react").Context<ComponentNodeProperties>;
|
|
9
|
+
export declare const RoutingContext: import("react").Context<RoutingService | null>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ExtendComponentHandler, ExtendComponentOptions, ReactComponent } from '@telia-ace/widget-core';
|
|
2
|
-
import { Container } from '@webprovisions/platform';
|
|
3
|
-
/**
|
|
4
|
-
* Registers a React component on the component platform.
|
|
5
|
-
* @param container Container to register the component on.
|
|
6
|
-
* @param type Type name to resolve the component from configuration.
|
|
7
|
-
* @param reactComponent Promise resolving to the React component for rendering.
|
|
8
|
-
* @param fn Handler for controlling the component.
|
|
9
|
-
*/
|
|
10
|
-
declare const createReactComponent: (container: Container, type: string, reactComponent: ReactComponent, fn?: ExtendComponentHandler, options?: ExtendComponentOptions) => Promise<void>;
|
|
11
|
-
export default createReactComponent;
|
|
1
|
+
import { ExtendComponentHandler, ExtendComponentOptions, ReactComponent } from '@telia-ace/widget-core';
|
|
2
|
+
import { Container } from '@webprovisions/platform';
|
|
3
|
+
/**
|
|
4
|
+
* Registers a React component on the component platform.
|
|
5
|
+
* @param container Container to register the component on.
|
|
6
|
+
* @param type Type name to resolve the component from configuration.
|
|
7
|
+
* @param reactComponent Promise resolving to the React component for rendering.
|
|
8
|
+
* @param fn Handler for controlling the component.
|
|
9
|
+
*/
|
|
10
|
+
declare const createReactComponent: (container: Container, type: string, reactComponent: ReactComponent, fn?: ExtendComponentHandler, options?: ExtendComponentOptions) => Promise<void>;
|
|
11
|
+
export default createReactComponent;
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
export { default as useAction } from './use-action';
|
|
2
|
-
export { default as useChildren } from './use-children';
|
|
3
|
-
export { default as useColumns } from './use-columns';
|
|
4
|
-
export { default as useComponent } from './use-component';
|
|
5
|
-
export { default as useComponentDescriptor } from './use-component-descriptor';
|
|
6
|
-
export { default as useComponentNode } from './use-component-node';
|
|
7
|
-
export { default as useComponentPlatform } from './use-component-platform';
|
|
8
|
-
export { default as useContainer } from './use-container';
|
|
9
|
-
export { default as useContext } from './use-context';
|
|
10
|
-
export { default as useDispatch } from './use-dispatch';
|
|
11
|
-
export type { DispatchAction } from './use-dispatch';
|
|
12
|
-
export { default as useEventListener } from './use-event-listener';
|
|
13
|
-
export { default as useEvents } from './use-events';
|
|
14
|
-
export { default as useIsMounted } from './use-is-mounted';
|
|
15
|
-
export { default as useIsTabbing } from './use-is-tabbing';
|
|
16
|
-
export { default as useKeyPress } from './use-key-press';
|
|
17
|
-
export { default as useLayout } from './use-layout';
|
|
18
|
-
export { default as usePrevious } from './use-previous';
|
|
19
|
-
export { default as useProperties } from './use-properties';
|
|
20
|
-
export { default as useRenderState } from './use-render-state';
|
|
21
|
-
export { default as useRouteData } from './use-route-data';
|
|
22
|
-
export { default as useRouter } from './use-router';
|
|
23
|
-
export { default as useScroll } from './use-scroll';
|
|
24
|
-
export { default as useSettings } from './use-settings';
|
|
25
|
-
export { default as useToggle } from './use-toggle';
|
|
26
|
-
export { default as useTransitionEnd } from './use-transition-end';
|
|
27
|
-
export { default as useUniqueMenu } from './use-unique-menu';
|
|
28
|
-
export { default as useWidgetEvent } from './use-widget-event';
|
|
1
|
+
export { default as useAction } from './use-action';
|
|
2
|
+
export { default as useChildren } from './use-children';
|
|
3
|
+
export { default as useColumns } from './use-columns';
|
|
4
|
+
export { default as useComponent } from './use-component';
|
|
5
|
+
export { default as useComponentDescriptor } from './use-component-descriptor';
|
|
6
|
+
export { default as useComponentNode } from './use-component-node';
|
|
7
|
+
export { default as useComponentPlatform } from './use-component-platform';
|
|
8
|
+
export { default as useContainer } from './use-container';
|
|
9
|
+
export { default as useContext } from './use-context';
|
|
10
|
+
export { default as useDispatch } from './use-dispatch';
|
|
11
|
+
export type { DispatchAction } from './use-dispatch';
|
|
12
|
+
export { default as useEventListener } from './use-event-listener';
|
|
13
|
+
export { default as useEvents } from './use-events';
|
|
14
|
+
export { default as useIsMounted } from './use-is-mounted';
|
|
15
|
+
export { default as useIsTabbing } from './use-is-tabbing';
|
|
16
|
+
export { default as useKeyPress } from './use-key-press';
|
|
17
|
+
export { default as useLayout } from './use-layout';
|
|
18
|
+
export { default as usePrevious } from './use-previous';
|
|
19
|
+
export { default as useProperties } from './use-properties';
|
|
20
|
+
export { default as useRenderState } from './use-render-state';
|
|
21
|
+
export { default as useRouteData } from './use-route-data';
|
|
22
|
+
export { default as useRouter } from './use-router';
|
|
23
|
+
export { default as useScroll } from './use-scroll';
|
|
24
|
+
export { default as useSettings } from './use-settings';
|
|
25
|
+
export { default as useToggle } from './use-toggle';
|
|
26
|
+
export { default as useTransitionEnd } from './use-transition-end';
|
|
27
|
+
export { default as useUniqueMenu } from './use-unique-menu';
|
|
28
|
+
export { default as useWidgetEvent } from './use-widget-event';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Container } from '@webprovisions/platform';
|
|
2
|
-
export declare type Action = (action: string, value?: any) => void;
|
|
3
|
-
export declare const useAction: (passedOrigin?: string, passedContainer?: Container) => Action;
|
|
4
|
-
export default useAction;
|
|
1
|
+
import { Container } from '@webprovisions/platform';
|
|
2
|
+
export declare type Action = (action: string, value?: any) => void;
|
|
3
|
+
export declare const useAction: (passedOrigin?: string, passedContainer?: Container) => Action;
|
|
4
|
+
export default useAction;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentDescriptor } from '@telia-ace/widget-core';
|
|
2
|
-
export declare type SetPropertiesAction<T> = (key: string, value: Partial<T>) => void;
|
|
3
|
-
declare const useChildren: () => ComponentDescriptor[];
|
|
4
|
-
export default useChildren;
|
|
1
|
+
import { ComponentDescriptor } from '@telia-ace/widget-core';
|
|
2
|
+
export declare type SetPropertiesAction<T> = (key: string, value: Partial<T>) => void;
|
|
3
|
+
declare const useChildren: () => ComponentDescriptor[];
|
|
4
|
+
export default useChildren;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useColumns: () => number;
|
|
2
|
-
export default useColumns;
|
|
1
|
+
declare const useColumns: () => number;
|
|
2
|
+
export default useColumns;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useComponentDescriptor: () => import("@telia-ace/widget-core").ComponentDescriptor;
|
|
2
|
-
export default useComponentDescriptor;
|
|
1
|
+
declare const useComponentDescriptor: () => import("@telia-ace/widget-core").ComponentDescriptor;
|
|
2
|
+
export default useComponentDescriptor;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ComponentNode } from '@telia-ace/widget-core';
|
|
2
|
-
/**
|
|
3
|
-
* Provides the `ComponentNode` for the current context.
|
|
4
|
-
*/
|
|
5
|
-
declare const useComponentNode: (id?: string) => ComponentNode | undefined;
|
|
6
|
-
export default useComponentNode;
|
|
1
|
+
import { ComponentNode } from '@telia-ace/widget-core';
|
|
2
|
+
/**
|
|
3
|
+
* Provides the `ComponentNode` for the current context.
|
|
4
|
+
*/
|
|
5
|
+
declare const useComponentNode: (id?: string) => ComponentNode | undefined;
|
|
6
|
+
export default useComponentNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentPlatform } from '@telia-ace/widget-core';
|
|
2
|
-
import { Container } from '@webprovisions/platform';
|
|
3
|
-
declare const useComponentPlatform: (passedContainer?: Container) => ComponentPlatform | null;
|
|
4
|
-
export default useComponentPlatform;
|
|
1
|
+
import { ComponentPlatform } from '@telia-ace/widget-core';
|
|
2
|
+
import { Container } from '@webprovisions/platform';
|
|
3
|
+
declare const useComponentPlatform: (passedContainer?: Container) => ComponentPlatform | null;
|
|
4
|
+
export default useComponentPlatform;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Container } from '@webprovisions/platform';
|
|
2
|
-
declare const useComponent: (passedType?: string, passedContainer?: Container) => void | any | null;
|
|
3
|
-
export default useComponent;
|
|
1
|
+
import { Container } from '@webprovisions/platform';
|
|
2
|
+
declare const useComponent: (passedType?: string, passedContainer?: Container) => void | any | null;
|
|
3
|
+
export default useComponent;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useContainer: () => import("@webprovisions/platform").Container;
|
|
2
|
-
export default useContainer;
|
|
1
|
+
declare const useContainer: () => import("@webprovisions/platform").Container;
|
|
2
|
+
export default useContainer;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ComponentNodeContext } from '@telia-ace/widget-core';
|
|
2
|
-
declare const useContext: <T extends ComponentNodeContext>(id?: string) => T;
|
|
3
|
-
export default useContext;
|
|
1
|
+
import { ComponentNodeContext } from '@telia-ace/widget-core';
|
|
2
|
+
declare const useContext: <T extends ComponentNodeContext>(id?: string) => T;
|
|
3
|
+
export default useContext;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare type DispatchAction = (key: string, data?: any) => Promise<any>;
|
|
2
|
-
declare const useDispatch: () => DispatchAction;
|
|
3
|
-
export default useDispatch;
|
|
1
|
+
export declare type DispatchAction = (key: string, data?: any) => Promise<any>;
|
|
2
|
+
declare const useDispatch: () => DispatchAction;
|
|
3
|
+
export default useDispatch;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: (eventName: string, handler: Function, element?: HTMLElement | Window, condition?: () => boolean) => void;
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: (eventName: string, handler: Function, element?: HTMLElement | Window, condition?: () => boolean) => void;
|
|
2
|
+
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Container, EventManager } from '@webprovisions/platform';
|
|
2
|
-
declare const useEvents: (passedContainer?: Container) => EventManager;
|
|
3
|
-
export default useEvents;
|
|
1
|
+
import { Container, EventManager } from '@webprovisions/platform';
|
|
2
|
+
declare const useEvents: (passedContainer?: Container) => EventManager;
|
|
3
|
+
export default useEvents;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const useIsMounted: () => import("react").MutableRefObject<boolean>;
|
|
3
|
-
export default useIsMounted;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const useIsMounted: () => import("react").MutableRefObject<boolean>;
|
|
3
|
+
export default useIsMounted;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useIsTabbing: () => boolean;
|
|
2
|
-
export default useIsTabbing;
|
|
1
|
+
declare const useIsTabbing: () => boolean;
|
|
2
|
+
export default useIsTabbing;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useKeyPress: (targetKey: string, action?: ((event: KeyboardEvent) => void) | undefined) => boolean;
|
|
2
|
-
export default useKeyPress;
|
|
1
|
+
declare const useKeyPress: (targetKey: string, action?: ((event: KeyboardEvent) => void) | undefined) => boolean;
|
|
2
|
+
export default useKeyPress;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ComponentNodeLayout } from '@telia-ace/widget-core';
|
|
2
|
-
declare const useLayout: (id?: string) => ComponentNodeLayout;
|
|
3
|
-
export default useLayout;
|
|
1
|
+
import { ComponentNodeLayout } from '@telia-ace/widget-core';
|
|
2
|
+
declare const useLayout: (id?: string) => ComponentNodeLayout;
|
|
3
|
+
export default useLayout;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const usePrevious: <T>(value: T) => T | undefined;
|
|
2
|
-
export default usePrevious;
|
|
1
|
+
declare const usePrevious: <T>(value: T) => T | undefined;
|
|
2
|
+
export default usePrevious;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ComponentNodeProperties } from '@telia-ace/widget-core';
|
|
2
|
-
declare type DataProperties = {
|
|
3
|
-
loading?: boolean;
|
|
4
|
-
};
|
|
5
|
-
declare const useProperties: <T extends ComponentNodeProperties>() => Merge<DataProperties, T>;
|
|
6
|
-
export default useProperties;
|
|
1
|
+
import { ComponentNodeProperties } from '@telia-ace/widget-core';
|
|
2
|
+
declare type DataProperties = {
|
|
3
|
+
loading?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare const useProperties: <T extends ComponentNodeProperties>() => Merge<DataProperties, T>;
|
|
6
|
+
export default useProperties;
|