@alixpartners/ui-components 1.22.0 → 1.22.2

package/artefact/dist/types/components/ApSnack/ApSnack.d.ts

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { TBOTTOM_CENTER, TBOTTOM_LEFT, TBOTTOM_RIGHT, TCUSTOM, TERROR, TINFO, TSUCCESS, TTOP_CENTER, TTOP_LEFT, TTOP_RIGHT, TWARNING } from './types';
+import { CUSTOM, ERROR, INFO, SUCCESS, WARNING } from './constants';
+export interface ISnackMessageProps {
+    /** The message to display */
+    message?: string;
+    /** Show or hide the icon */
+    showIcon?: boolean;
+    /** Optional button */
+    button?(): React.ReactNode;
+    /** Custom ReactNode that can be displayed as alternative */
+    custom?(hide: () => void): React.ReactNode;
+}
+export interface ISnackProps extends ISnackMessageProps {
+    /** Time in seconds before animating off  */
+    hideAfter?: number;
+    /** Id for manual hide  */
+    id?: string;
+    /** The position on screen */
+    position?: TTOP_LEFT | TTOP_CENTER | TTOP_RIGHT | TBOTTOM_LEFT | TBOTTOM_CENTER | TBOTTOM_RIGHT;
+    /** Prevent snack from hiding */
+    suppressHide?: boolean;
+}
+export interface ISnackVariants {
+    variant: TSUCCESS | TWARNING | TERROR | TINFO | TCUSTOM;
+}
+interface ISnackCreate extends ISnackProps, ISnackMessageProps, ISnackVariants {
+}
+export declare const ISnackObj: ({
+    defaultValue: string;
+    description: string;
+    propType: {
+        name: string;
+    };
+    property: string;
+    required: boolean;
+} | {
+    defaultValue: number;
+    description: string;
+    propType: {
+        name: string;
+    };
+    property: string;
+    required: boolean;
+})[];
+export declare const create: ({ message, hideAfter, id, position, suppressHide, variant, custom, showIcon, button, }: ISnackCreate) => Promise<{
+    defaultHide: number;
+    hideAfter: number | undefined;
+    hideTimeout: number;
+    message: string | undefined;
+    position: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | undefined;
+    positionString: string[];
+    snackBox: any;
+    snackGroup: HTMLElement | null;
+    variant: "custom" | "error" | "success" | "warning" | "info";
+    xPosition: string;
+    yPosition: string;
+}>;
+export declare const snack: {
+    info: ({ message, position, hideAfter, showIcon, button }: ISnackProps) => void;
+    success: ({ message, position, hideAfter, showIcon, button, }: ISnackProps) => void;
+    warning: ({ message, position, hideAfter, showIcon, button, }: ISnackProps) => void;
+    error: ({ message, position, hideAfter, showIcon, button, }: ISnackProps) => void;
+    custom: ({ message, position, hideAfter, id, custom, suppressHide, }: ISnackProps) => Promise<{
+        defaultHide: number;
+        hideAfter: number | undefined;
+        hideTimeout: number;
+        message: string | undefined;
+        position: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | undefined;
+        positionString: string[];
+        snackBox: any;
+        snackGroup: HTMLElement | null;
+        variant: "custom" | "error" | "success" | "warning" | "info";
+        xPosition: string;
+        yPosition: string;
+    }>;
+};
+export {};

package/artefact/dist/types/components/ApSnack/ApSnackBox.d.ts

@@ -0,0 +1,7 @@
+import { ISnackMessageProps, ISnackVariants } from './ApSnack';
+interface ISnackBoxProps extends ISnackVariants, ISnackMessageProps {
+    id?: string;
+    hide?(elId?: string): void;
+}
+export declare const SnackBox: ({ hide, id, variant, message, custom, button, showIcon, }: ISnackBoxProps) => JSX.Element;
+export {};

package/artefact/dist/types/components/ApSnack/ApSnackContainer.d.ts

@@ -0,0 +1 @@
+export declare const SnackContainer: () => JSX.Element;

package/artefact/dist/types/components/ApSnack/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const CONTAINER_CLASS_NAME = "ap-snack-container";
+export declare const SNACK_CLASS_NAME = "ap-snack";
+export declare const TOP_LEFT = "top-left";
+export declare const TOP_CENTER = "top-center";
+export declare const TOP_RIGHT = "top-right";
+export declare const BOTTOM_LEFT = "bottom-left";
+export declare const BOTTOM_CENTER = "bottom-center";
+export declare const BOTTOM_RIGHT = "bottom-right";
+export declare const SUCCESS = "success";
+export declare const WARNING = "warning";
+export declare const ERROR = "error";
+export declare const CUSTOM = "custom";
+export declare const INFO = "info";

package/artefact/dist/types/components/ApSnack/index.d.ts

@@ -0,0 +1 @@
+export * from './ApSnack';

package/artefact/dist/types/components/ApSnack/styles.d.ts

@@ -0,0 +1,9 @@
+import { ISnackVariants } from './ApSnack';
+export declare const StyledSnackContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSnackRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSnackTop: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSnackBottom: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSnackBox: import("styled-components").StyledComponent<"div", any, ISnackVariants, never>;
+export declare const StyledSnackBoxCustom: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSnackButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSnackMessage: import("styled-components").StyledComponent<"div", any, {}, never>;

package/artefact/dist/types/components/ApSnack/types.d.ts

@@ -0,0 +1,12 @@
+import { BOTTOM_CENTER, BOTTOM_LEFT, BOTTOM_RIGHT, CUSTOM, ERROR, INFO, SUCCESS, TOP_CENTER, TOP_LEFT, TOP_RIGHT, WARNING } from './constants';
+export declare type TTOP_LEFT = typeof TOP_LEFT;
+export declare type TTOP_CENTER = typeof TOP_CENTER;
+export declare type TTOP_RIGHT = typeof TOP_RIGHT;
+export declare type TBOTTOM_LEFT = typeof BOTTOM_LEFT;
+export declare type TBOTTOM_CENTER = typeof BOTTOM_CENTER;
+export declare type TBOTTOM_RIGHT = typeof BOTTOM_RIGHT;
+export declare type TSUCCESS = typeof SUCCESS;
+export declare type TWARNING = typeof WARNING;
+export declare type TERROR = typeof ERROR;
+export declare type TINFO = typeof INFO;
+export declare type TCUSTOM = typeof CUSTOM;

package/artefact/dist/types/components/ApSnack/utils.d.ts

@@ -0,0 +1,35 @@
+export declare const createDOMNode: (reactNode: any) => any;
+export declare const createDOMContainer: () => Promise<unknown>;
+export declare const getTransitionStyles: {
+    entering: {
+        top: {
+            opacity: number;
+            marginTop: string;
+        };
+        bottom: {
+            opacity: number;
+            marginBottom: string;
+        };
+    };
+    entered: {
+        top: {
+            opacity: number;
+            marginTop: string;
+        };
+        bottom: {
+            opacity: number;
+            marginBottom: string;
+        };
+    };
+    exiting: {
+        top: {
+            opacity: number;
+            marginTop: string;
+        };
+        bottom: {
+            opacity: number;
+            marginBottom: string;
+        };
+    };
+};
+export declare const getIcon: (variant: string) => any;

package/artefact/dist/types/components/ApTextInput/ApTextInput.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IDefaultTextInputProps } from '../../common/defaultTextInput';
+import { IDefaultProps, IThemeProps } from '../../utils/types';
+export interface ITextInputProps extends IDefaultTextInputProps, IDefaultProps, IThemeProps {
+    /** ReactNode to display as left child */
+    left?(): React.ReactNode;
+    /** ReactNode to display as right child */
+    right?(): React.ReactNode;
+}
+export declare const ApTextInput: React.SFC<ITextInputProps>;

package/artefact/dist/types/components/ApTextInput/index.d.ts

@@ -0,0 +1 @@
+export * from './ApTextInput';

package/artefact/dist/types/components/ApTextInput/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledTextLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const StyledLeftChild: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledRightChild: import("styled-components").StyledComponent<"span", any, {}, never>;

package/artefact/dist/types/components/ApToggleSwitch/ApToggleSwitch.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ICheckLabelStyles } from '../../internal/ApCheckLabel';
+import { IDefaultProps, IThemeProps } from '../../utils/types';
+interface IToggleSwitchProps extends IDefaultProps, IThemeProps, React.HTMLProps<HTMLInputElement>, ICheckLabelStyles {
+    /** HTML type attribute */
+    type?: 'checkbox' | 'radio';
+    /** HTML checked attribute */
+    defaultChecked?: boolean;
+    /** HTML id attribute */
+    id: string;
+    /** Function that takes an event and returns nothing */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const ApToggleSwitch: React.SFC<IToggleSwitchProps>;
+export {};

package/artefact/dist/types/components/ApToggleSwitch/index.d.ts

@@ -0,0 +1 @@
+export * from './ApToggleSwitch';

package/artefact/dist/types/components/ApToggleSwitch/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledToggleWrapper: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const StyledToggleSwitch: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledToggleInput: import("styled-components").StyledComponent<"input", any, {}, never>;

package/artefact/dist/types/components/ApToggleSwitchGroup/ApToggleSwitchGroup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../utils/types';
+export interface IToggleSwitchGroupStyles {
+    /** A css flex-direction value */
+    flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    /** A css justify-content value */
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+}
+interface IToggleSwitchGroupProps extends IDefaultProps, IToggleSwitchGroupStyles, React.HTMLProps<HTMLElement> {
+    /** Name of ToggleGroup */
+    name?: string;
+    /** HTML type attribute */
+    type?: 'checkbox' | 'radio';
+}
+export declare const ApToggleSwitchGroup: React.SFC<IToggleSwitchGroupProps>;
+export {};

package/artefact/dist/types/components/ApToggleSwitchGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ApToggleSwitchGroup';

package/artefact/dist/types/components/ApToggleSwitchGroup/styles.d.ts

@@ -0,0 +1,4 @@
+import { IToggleSwitchGroupStyles } from './ApToggleSwitchGroup';
+export declare const StyledToggleSwitchGroupFieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+export declare const StyledToggleSwitchGroup: import("styled-components").StyledComponent<"div", any, IToggleSwitchGroupStyles, never>;
+export declare const StyledToggleSwitchGroupLegend: import("styled-components").StyledComponent<"legend", any, {}, never>;

package/artefact/dist/types/components/ApTooltip/ApTooltip.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { Manager as ApTooltipManager, PopperChildrenProps, PopperProps, Reference as ApTooltipReference } from 'react-popper';
+import { MutableRef } from '../../utils/setReactRef';
+declare type RenderChildren = (childProps: PopperChildrenProps) => React.ReactNode;
+declare type ContainerProps = Pick<React.HTMLAttributes<HTMLDivElement>, 'className' | 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur'>;
+declare type BasePopperProps = Omit<PopperProps, 'children' | 'referenceElement'>;
+declare type OtherContainerProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: MutableRef<HTMLDivElement>;
+};
+export interface IApTooltipProps extends ContainerProps, BasePopperProps {
+    /**
+     * Tooltip content.
+     *
+     * Use render props if you need to recalculate Tooltip position after it's been
+     * rendered (e.g. after content height change).
+     */
+    children: React.ReactNode | RenderChildren;
+    /**
+     * Reference element
+     * TODO Fix prop usage and add type
+     */
+    referenceElement?: any;
+    /**
+     * Clickaway handler
+     */
+    onClose?: () => unknown | null;
+    /**
+     * Disable <OutsideClick> clickaway listener.
+     * `onClose()` will not take any effect.
+     *
+     * False by default.
+     */
+    disableOutsideClick?: boolean;
+    /**
+     * Hide tooltip arrow
+     */
+    hideArrow?: boolean;
+    /**
+     * Set to false if you want want events from Tooltip to propagate to parents.
+     * Nesting multiple tooltips may not work if you set stopPropagation={false}
+     *
+     * True by default.
+     */
+    stopPropagation?: boolean;
+    /**
+     * Tooltip container props.
+     * TODO Not every prop is currently supported, including the event handlers.
+     */
+    containerProps?: OtherContainerProps;
+    message?: string;
+    initialOpen?: boolean;
+    enterDelay?: number;
+}
+export declare const ApTooltip: React.NamedExoticComponent<IApTooltipProps>;
+export { ApTooltipManager, ApTooltipReference };

package/artefact/dist/types/components/ApTooltip/ApTooltip.styles.d.ts

@@ -0,0 +1,3 @@
+import { IApTooltipProps } from './ApTooltip';
+export declare const Arrow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TooltipContainer: import("styled-components").StyledComponent<import("react").FC<import("../ApPopover/ApPopover").IApPopoverProps>, any, IApTooltipProps, never>;

package/artefact/dist/types/components/ApTooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './ApTooltip';

package/artefact/dist/types/components/ApWidgets/AllWidgets/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemWrapper: import("styled-components").StyledComponent<"div", any, {
+    ratio?: number | undefined;
+}, never>;

package/artefact/dist/types/components/ApWidgets/ApCashflowWidget/ApCashflowWidget.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../../utils/types';
+import { IConfigKeys } from '../types';
+interface IDataProp {
+    value: string;
+    incoming: string;
+    outgoing: string;
+    viewType: string;
+    taxonomyType: string;
+}
+interface IApCashflowWidgetProps extends IDefaultProps {
+    config?: IConfigKeys;
+    data?: IDataProp | null;
+    dataError?: any;
+}
+export declare const ApCashflowWidget: React.SFC<IApCashflowWidgetProps>;
+export {};

package/artefact/dist/types/components/ApWidgets/ApCashflowWidget/index.d.ts

@@ -0,0 +1 @@
+export * from './ApCashflowWidget';

package/artefact/dist/types/components/ApWidgets/ApCashflowWidget/mockData.d.ts

@@ -0,0 +1,14 @@
+import { ApWidgetIconTypes } from '../ApWidgetIcon';
+export declare const props: {
+    config: {
+        name: string;
+        iconType: ApWidgetIconTypes;
+    };
+    data: {
+        incoming: string;
+        outgoing: string;
+        taxonomyType: string;
+        value: string;
+        viewType: string;
+    };
+};

package/artefact/dist/types/components/ApWidgets/ApCashflowWidget/styles.d.ts

@@ -0,0 +1,16 @@
+export declare const StyledWidgetBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VarianceContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VarianceValue: import("styled-components").StyledComponent<"div", any, {
+    isSmall?: boolean | undefined;
+}, never>;
+export declare const Column: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CashflowContainer: import("styled-components").StyledComponent<"div", any, {
+    isHidden?: boolean | undefined;
+}, never>;
+export declare const IncomingColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OutgoingColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TypeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/artefact/dist/types/components/ApWidgets/ApKPIWidget/ApKPIWidget.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../../utils/types';
+import { IConfigKeys } from '../types';
+import { ITableData } from './ApKPIWidgetTable';
+interface IValuePair {
+    label: string;
+    value: string | number;
+}
+interface IDataProp {
+    value: number | string;
+    compareValue: number;
+    isUpTrendNegative?: boolean;
+    attributes: string[];
+    valuePairs: IValuePair[];
+    chartData?: any[];
+    chartType?: string;
+    tableName: string;
+    tableData?: ITableData;
+}
+interface IProps extends IDefaultProps {
+    config?: IConfigKeys;
+    data?: IDataProp | null;
+    dataError?: any;
+}
+export declare const ApKPIWidget: React.FunctionComponent<IProps>;
+export {};

package/artefact/dist/types/components/ApWidgets/ApKPIWidget/ApKPIWidgetTable.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+interface ITableDataItem {
+    title: string;
+    current: string;
+    prev: string;
+    change: string;
+    trend: number;
+    isUpTrendNegative?: boolean;
+}
+export interface ITableData {
+    top?: ITableDataItem[];
+    bottom?: ITableDataItem[];
+    all?: ITableDataItem[];
+}
+interface IProps {
+    expanded?: boolean;
+    data?: ITableData;
+    name: string;
+}
+export declare const ApKPIWidgetTable: React.FunctionComponent<IProps>;
+export {};

package/artefact/dist/types/components/ApWidgets/ApKPIWidget/index.d.ts

@@ -0,0 +1 @@
+export * from './ApKPIWidget';

package/artefact/dist/types/components/ApWidgets/ApKPIWidget/mockData.d.ts

@@ -0,0 +1,117 @@
+import { IBarChartDataItem } from '../ApWidgetChart';
+import { ApWidgetIconTypes } from '../ApWidgetIcon';
+export declare const singleSectionTableData: {
+    all: ({
+        change: string;
+        current: string;
+        prev: string;
+        title: string;
+        trend: number;
+        isUpTrendNegative?: undefined;
+    } | {
+        change: string;
+        current: string;
+        isUpTrendNegative: boolean;
+        prev: string;
+        title: string;
+        trend: number;
+    })[];
+};
+export declare const props: {
+    config: {
+        name: string;
+        iconType: ApWidgetIconTypes;
+    };
+    data: {
+        attributes: string[];
+        chartData: IBarChartDataItem[];
+        compareValue: number;
+        tableData: {
+            bottom: ({
+                change: string;
+                current: string;
+                isUpTrendNegative: boolean;
+                prev: string;
+                title: string;
+                trend: number;
+            } | {
+                change: string;
+                current: string;
+                prev: string;
+                title: string;
+                trend: number;
+                isUpTrendNegative?: undefined;
+            })[];
+            top: ({
+                change: string;
+                current: string;
+                isUpTrendNegative: boolean;
+                prev: string;
+                title: string;
+                trend: number;
+            } | {
+                change: string;
+                current: string;
+                prev: string;
+                title: string;
+                trend: number;
+                isUpTrendNegative?: undefined;
+            })[];
+        };
+        tableName: string;
+        value: string;
+        valuePairs: {
+            label: string;
+            value: string;
+        }[];
+    };
+};
+export declare const propsWithCurrency: {
+    config: {
+        name: string;
+        iconType: ApWidgetIconTypes;
+    };
+    data: {
+        attributes: string[];
+        chartData: IBarChartDataItem[];
+        compareValue: number;
+        tableData: {
+            bottom: ({
+                change: string;
+                current: string;
+                isUpTrendNegative: boolean;
+                prev: string;
+                title: string;
+                trend: number;
+            } | {
+                change: string;
+                current: string;
+                prev: string;
+                title: string;
+                trend: number;
+                isUpTrendNegative?: undefined;
+            })[];
+            top: ({
+                change: string;
+                current: string;
+                isUpTrendNegative: boolean;
+                prev: string;
+                title: string;
+                trend: number;
+            } | {
+                change: string;
+                current: string;
+                prev: string;
+                title: string;
+                trend: number;
+                isUpTrendNegative?: undefined;
+            })[];
+        };
+        tableName: string;
+        value: string;
+        valuePairs: {
+            label: string;
+            value: string;
+        }[];
+    };
+};

package/artefact/dist/types/components/ApWidgets/ApKPIWidget/styles.d.ts

@@ -0,0 +1,17 @@
+export declare const StyledWidgetBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChartWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TopContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BottomContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VarianceContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AverageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CenterAlign: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableTopHeader: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const WithEllipsis: import("styled-components").StyledComponent<"td", any, {}, never>;
+export declare const TableBottomHeader: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const ChangeOverTime: import("styled-components").StyledComponent<import("react").SFC<import("../ApWidgetChangeOverTime").IApWidgetChangeOverTimeProps>, any, {}, never>;
+export declare const NoDataMessage: import("styled-components").StyledComponent<"div", any, {}, never>;

package/artefact/dist/types/components/ApWidgets/ApPersonnelThirdPartyWidget/ApPersonnelThirdPartyWidget.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../../utils/types';
+import { IConfigKeys } from '../types';
+interface IBoxData {
+    currentValue: string;
+    previousValue: string;
+    currentPeriod: string;
+    previousPeriod: string;
+    netChange: number;
+    variance: string;
+}
+interface IDataValues {
+    left: IBoxData;
+    right: IBoxData;
+}
+interface IDataProp {
+    nameLeft: string;
+    nameRight: string;
+    tags: string[];
+    values?: IDataValues;
+}
+interface IApPersonnelThirdPartyWidgetProps extends IDefaultProps {
+    config?: IConfigKeys;
+    data: IDataProp;
+    dataError?: any;
+    iconType?: string;
+}
+export declare const ApPersonnelThirdPartyWidget: React.SFC<IApPersonnelThirdPartyWidgetProps>;
+export {};

package/artefact/dist/types/components/ApWidgets/ApPersonnelThirdPartyWidget/index.d.ts

@@ -0,0 +1 @@
+export * from './ApPersonnelThirdPartyWidget';

package/artefact/dist/types/components/ApWidgets/ApPersonnelThirdPartyWidget/mockData.d.ts

@@ -0,0 +1,30 @@
+import { ApWidgetIconTypes } from '../ApWidgetIcon';
+export declare const props: {
+    config: {
+        name: string;
+        iconType: ApWidgetIconTypes;
+    };
+    data: {
+        nameLeft: string;
+        nameRight: string;
+        values: {
+            left: {
+                currentValue: string;
+                previousValue: string;
+                currentPeriod: string;
+                previousPeriod: string;
+                netChange: number;
+                variance: string;
+            };
+            right: {
+                currentValue: string;
+                previousValue: string;
+                currentPeriod: string;
+                previousPeriod: string;
+                netChange: number;
+                variance: string;
+            };
+        };
+        tags: string[];
+    };
+};

package/artefact/dist/types/components/ApWidgets/ApPersonnelThirdPartyWidget/styles.d.ts

@@ -0,0 +1,16 @@
+export declare const StyledWidgetBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VarianceContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TopContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AverageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChartWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface IHighlightStyles {
+    color: string;
+}
+export declare const AverageHighlight: import("styled-components").StyledComponent<"div", any, IHighlightStyles, never>;
+export {};