@commerce7/admin-ui 2.0.46 → 2.0.48

package/lib/types/switchComponent/SwitchComponent.d.ts

@@ -0,0 +1,51 @@
+import React, { ChangeEvent } from 'react';
+export interface SwitchProps {
+    /**
+     * Set the checked value of the element.
+     */
+    checked: boolean;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Help text to describe the form field
+     */
+    description?: string;
+    /**
+     * Set the element to be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Show an error message and set the component styles to visually show an error.
+     */
+    errorMessage?: string;
+    /**
+     * Set the id of the element.
+     * The label uses this id to ensure htmlFor is set correctly.
+     */
+    id?: string;
+    /**
+     * The label for the component.
+     */
+    label?: string;
+    /**
+     * Callback onChange.
+     */
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Set the element to be required.
+     * This will show an asterisk in the label and add 'required' to the DOM node.
+     */
+    required?: boolean;
+    /**
+     * The value of the element.
+     */
+    value?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const SwitchComponent: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export default SwitchComponent;

package/lib/types/switchComponent/index.d.ts

@@ -0,0 +1,3 @@
+import SwitchComponent, { SwitchProps } from './SwitchComponent';
+export type { SwitchProps };
+export default SwitchComponent;

package/lib/types/switchComponent/theme.d.ts

@@ -0,0 +1,26 @@
+export namespace colors {
+    namespace dark {
+        namespace backgroundColor {
+            let _default: string;
+            export { _default as default };
+            export let checked: string;
+        }
+        namespace boxShadow {
+            let focus: string;
+        }
+    }
+    namespace light {
+        export namespace backgroundColor_1 {
+            let _default_1: string;
+            export { _default_1 as default };
+            let checked_1: string;
+            export { checked_1 as checked };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace boxShadow_1 {
+            let focus_1: string;
+            export { focus_1 as focus };
+        }
+        export { boxShadow_1 as boxShadow };
+    }
+}

package/lib/types/table/Table.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface TableProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Add className for custom styling of the top div element containing the table
+     */
+    className?: string;
+}
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export default Table;

package/lib/types/table/Table.styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledTableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledTable: import("styled-components").StyledComponent<"table", any, {}, never>;
+export { StyledTableWrapper, StyledTable };

package/lib/types/table/Tbody.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface TbodyProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Tbody: React.ForwardRefExoticComponent<TbodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export default Tbody;

package/lib/types/table/Tbody.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledTbody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
+export { StyledTbody };

package/lib/types/table/Td.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode, MouseEvent } from 'react';
+type TdAlign = 'left' | 'center' | 'right';
+export interface TdProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the colSpan of the cell.
+     */
+    colSpan?: number;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLTableCellElement>) => void;
+    /**
+     * Set the text alignment of the cell.
+     */
+    align?: TdAlign;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Td: React.ForwardRefExoticComponent<TdProps & React.RefAttributes<HTMLTableCellElement>>;
+export default Td;

package/lib/types/table/Td.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledTd: import("styled-components").StyledComponent<"td", any, {}, never>;
+export { StyledTd };

package/lib/types/table/Tfoot.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface TfootProps {
+    /**
+     * The content of the component
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Tfoot: React.ForwardRefExoticComponent<TfootProps & React.RefAttributes<HTMLTableSectionElement>>;
+export default Tfoot;

package/lib/types/table/Tfoot.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledTfoot: import("styled-components").StyledComponent<"tfoot", any, {}, never>;
+export { StyledTfoot };

package/lib/types/table/Th.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+type ThAlign = 'left' | 'center' | 'right';
+export interface ThProps {
+    /**
+     * Set the text alignment of the cell.
+     */
+    align?: ThAlign;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the colSpan of the cell.
+     */
+    colSpan?: number;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Th: React.ForwardRefExoticComponent<ThProps & React.RefAttributes<HTMLTableCellElement>>;
+export default Th;

package/lib/types/table/Th.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledTh: import("styled-components").StyledComponent<"th", any, {}, never>;
+export { StyledTh };

package/lib/types/table/Thead.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+interface TheadProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Thead: React.ForwardRefExoticComponent<TheadProps & React.RefAttributes<HTMLTableSectionElement>>;
+export type { TheadProps };
+export default Thead;

package/lib/types/table/Thead.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledThead: import("styled-components").StyledComponent<"thead", any, {}, never>;
+export { StyledThead };

package/lib/types/table/Tr.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode, MouseEvent } from 'react';
+export interface TrProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Tr: React.ForwardRefExoticComponent<TrProps & React.RefAttributes<HTMLTableRowElement>>;
+export default Tr;

package/lib/types/table/Tr.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledTr: import("styled-components").StyledComponent<"tr", any, {}, never>;
+export { StyledTr };

package/lib/types/table/index.d.ts

@@ -0,0 +1,17 @@
+import { TableProps } from './Table';
+import { TbodyProps } from './Tbody';
+import { TdProps } from './Td';
+import { TfootProps } from './Tfoot';
+import { ThProps } from './Th';
+import { TheadProps } from './Thead';
+import { TrProps } from './Tr';
+export type { TableProps, TbodyProps, TdProps, TfootProps, TheadProps, ThProps, TrProps };
+declare const TableWithComponents: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>> & {
+    Tbody: import("react").ForwardRefExoticComponent<TbodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Thead: import("react").ForwardRefExoticComponent<TheadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Td: import("react").ForwardRefExoticComponent<TdProps & import("react").RefAttributes<HTMLTableCellElement>>;
+    Th: import("react").ForwardRefExoticComponent<ThProps & import("react").RefAttributes<HTMLTableCellElement>>;
+    Tr: import("react").ForwardRefExoticComponent<TrProps & import("react").RefAttributes<HTMLTableRowElement>>;
+    Tfoot: import("react").ForwardRefExoticComponent<TfootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+};
+export default TableWithComponents;

package/lib/types/table/theme.d.ts

@@ -0,0 +1,79 @@
+export namespace tableColors {
+    namespace light {
+        let borderColor: string;
+    }
+    namespace dark {
+        let borderColor_1: string;
+        export { borderColor_1 as borderColor };
+    }
+}
+export namespace trColors {
+    export namespace light_1 {
+        export namespace backgroundColor {
+            let _default: string;
+            export { _default as default };
+            export let alt: string;
+            export let hover: string;
+        }
+        let borderColor_2: string;
+        export { borderColor_2 as borderColor };
+    }
+    export { light_1 as light };
+    export namespace dark_1 {
+        export namespace backgroundColor_1 {
+            let _default_1: string;
+            export { _default_1 as default };
+            let alt_1: string;
+            export { alt_1 as alt };
+            let hover_1: string;
+            export { hover_1 as hover };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        let borderColor_3: string;
+        export { borderColor_3 as borderColor };
+    }
+    export { dark_1 as dark };
+}
+export namespace theadColors {
+    export namespace light_2 {
+        let backgroundColor_2: string;
+        export { backgroundColor_2 as backgroundColor };
+    }
+    export { light_2 as light };
+    export namespace dark_2 {
+        let backgroundColor_3: string;
+        export { backgroundColor_3 as backgroundColor };
+    }
+    export { dark_2 as dark };
+}
+export namespace thColors {
+    export namespace light_3 {
+        export let color: string;
+        let borderColor_4: string;
+        export { borderColor_4 as borderColor };
+    }
+    export { light_3 as light };
+    export namespace dark_3 {
+        let color_1: string;
+        export { color_1 as color };
+        let borderColor_5: string;
+        export { borderColor_5 as borderColor };
+    }
+    export { dark_3 as dark };
+}
+export namespace tfootColors {
+    export namespace light_4 {
+        let backgroundColor_4: string;
+        export { backgroundColor_4 as backgroundColor };
+        let borderColor_6: string;
+        export { borderColor_6 as borderColor };
+    }
+    export { light_4 as light };
+    export namespace dark_4 {
+        let backgroundColor_5: string;
+        export { backgroundColor_5 as backgroundColor };
+        let borderColor_7: string;
+        export { borderColor_7 as borderColor };
+    }
+    export { dark_4 as dark };
+}

package/lib/types/tabs/Tab.d.ts

@@ -0,0 +1,39 @@
+import React, { ComponentType, MouseEvent, ReactNode } from 'react';
+export interface TabProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * The component to render as a replacement for `<a/>`.
+     * This can be used to pass in components from client-side routing libraries like react-router.
+     * If this property is set, all other props will be passed to the component.
+     */
+    component?: ComponentType<any> | string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+    /**
+     * The url to link to.
+     */
+    href?: string;
+    /**
+     * The active className to mark the component as active. Styling targets this classname.
+     */
+    activeClassName?: string;
+    /**
+     * Additional props to be spread to the underlying element
+     */
+    [key: string]: any;
+}
+declare const Tab: ({ children, activeClassName, className, component, onClick, href, dataTestId, ...rest }: TabProps) => React.JSX.Element;
+export default Tab;

package/lib/types/tabs/TabBody.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface TabBodyProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const TabBody: ({ children, dataTestId, className }: TabBodyProps) => React.JSX.Element;
+export default TabBody;

package/lib/types/tabs/Tabs.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+interface TabsProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Tabs: ({ children, dataTestId, className }: TabsProps) => React.JSX.Element;
+export type { TabsProps };
+export default Tabs;

package/lib/types/tabs/Tabs.styles.d.ts

@@ -0,0 +1,4 @@
+declare const TabsStyles: import("styled-components").StyledComponent<"nav", any, {}, never>;
+declare const TabStyles: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const TabBodyStyles: import("styled-components").StyledComponent<"section", any, {}, never>;
+export { TabsStyles, TabStyles, TabBodyStyles };

package/lib/types/tabs/index.d.ts

@@ -0,0 +1,9 @@
+import { TabProps } from './Tab';
+import { TabBodyProps } from './TabBody';
+import { TabsProps } from './Tabs';
+declare const Tabs: (({ children, dataTestId, className }: TabsProps) => import("react").JSX.Element) & {
+    Tab: ({ children, activeClassName, className, component, onClick, href, dataTestId, ...rest }: TabProps) => import("react").JSX.Element;
+    TabBody: ({ children, dataTestId, className }: TabBodyProps) => import("react").JSX.Element;
+};
+export type { TabProps, TabBodyProps, TabsProps };
+export default Tabs;

package/lib/types/tag/Tag.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactNode, MouseEvent } from 'react';
+export type TagVariant = 'default' | 'info' | 'warning' | 'error' | 'success' | 'tip';
+export interface TagProps {
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Callback fired when the component delete button is clicked.
+     * Adds an 'x' button on the end of the tag.
+     */
+    onDelete?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: TagVariant;
+    /**
+     * Set the icon at the front of the tag.
+     */
+    startIcon?: string;
+    /**
+     * Set the icon at the rear of the tag.
+     */
+    endIcon?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Tag: ({ children, className, onClick, onDelete, variant, dataTestId, startIcon, endIcon }: TagProps) => React.JSX.Element;
+export default Tag;

package/lib/types/tag/Tag.styles.d.ts

@@ -0,0 +1,19 @@
+import { TagVariant } from './Tag';
+declare const StyledTag: import("styled-components").StyledComponent<"span", any, {
+    variant: TagVariant;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+}, never>;
+interface IconProps {
+    variant: TagVariant;
+}
+declare const StyledStartIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, IconProps, never>;
+declare const StyledEndIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, IconProps, never>;
+declare const StyledTagLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare const StyledDeleteButton: import("styled-components").StyledComponent<"button", any, IconProps, never>;
+export { StyledTag, StyledTagLabel, StyledDeleteButton, StyledStartIcon, StyledEndIcon };

package/lib/types/tag/index.d.ts

@@ -0,0 +1,3 @@
+import Tag, { TagProps, TagVariant } from './Tag';
+export type { TagProps, TagVariant };
+export default Tag;

package/lib/types/tag/theme.d.ts

@@ -0,0 +1,83 @@
+export namespace colors {
+    namespace light {
+        namespace _default {
+            let color: string;
+            let backgroundColor: string;
+        }
+        export { _default as default };
+        export namespace info {
+            let color_1: string;
+            export { color_1 as color };
+            let backgroundColor_1: string;
+            export { backgroundColor_1 as backgroundColor };
+        }
+        export namespace warning {
+            let color_2: string;
+            export { color_2 as color };
+            let backgroundColor_2: string;
+            export { backgroundColor_2 as backgroundColor };
+        }
+        export namespace error {
+            let color_3: string;
+            export { color_3 as color };
+            let backgroundColor_3: string;
+            export { backgroundColor_3 as backgroundColor };
+        }
+        export namespace success {
+            let color_4: string;
+            export { color_4 as color };
+            let backgroundColor_4: string;
+            export { backgroundColor_4 as backgroundColor };
+        }
+        export namespace tip {
+            let color_5: string;
+            export { color_5 as color };
+            let backgroundColor_5: string;
+            export { backgroundColor_5 as backgroundColor };
+        }
+    }
+    namespace dark {
+        namespace _default_1 {
+            let color_6: string;
+            export { color_6 as color };
+            let backgroundColor_6: string;
+            export { backgroundColor_6 as backgroundColor };
+        }
+        export { _default_1 as default };
+        export namespace info_1 {
+            let color_7: string;
+            export { color_7 as color };
+            let backgroundColor_7: string;
+            export { backgroundColor_7 as backgroundColor };
+        }
+        export { info_1 as info };
+        export namespace warning_1 {
+            let color_8: string;
+            export { color_8 as color };
+            let backgroundColor_8: string;
+            export { backgroundColor_8 as backgroundColor };
+        }
+        export { warning_1 as warning };
+        export namespace error_1 {
+            let color_9: string;
+            export { color_9 as color };
+            let backgroundColor_9: string;
+            export { backgroundColor_9 as backgroundColor };
+        }
+        export { error_1 as error };
+        export namespace success_1 {
+            let color_10: string;
+            export { color_10 as color };
+            let backgroundColor_10: string;
+            export { backgroundColor_10 as backgroundColor };
+        }
+        export { success_1 as success };
+        export namespace tip_1 {
+            let color_11: string;
+            export { color_11 as color };
+            let backgroundColor_11: string;
+            export { backgroundColor_11 as backgroundColor };
+        }
+        export { tip_1 as tip };
+    }
+}

package/lib/types/text/Text.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+export interface TextProps {
+    /**
+     * Override Element Type.
+     */
+    as?: keyof React.JSX.IntrinsicElements | React.ComponentType<any>;
+    /**
+     * Display as block (true) or inline-block (false)
+     */
+    block?: boolean;
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode | Node;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Text color is error color (red)
+     */
+    error?: boolean;
+    /**
+     * Text weight is bold
+     */
+    strong?: boolean;
+    /**
+     * Text style is italic
+     */
+    italic?: boolean;
+    /**
+     * Smaller text
+     */
+    small?: boolean;
+    /**
+     * Text Transform to uppercase
+     */
+    uppercase?: boolean;
+    /**
+     * Secondary font color.
+     */
+    secondary?: boolean;
+    /**
+     * Strikethrough text.
+     */
+    strikeThrough?: boolean;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Text: React.FC<TextProps>;
+export default Text;

package/lib/types/text/Text.styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { StyledText };