@commerce7/admin-ui 2.0.46 → 2.0.48

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

@@ -0,0 +1,204 @@
+export namespace colors {
+    namespace light {
+        namespace backgroundColor {
+            let _default: string;
+            export { _default as default };
+            export let info: string;
+            export let error: string;
+            export let warning: string;
+            export let success: string;
+            export let tip: string;
+        }
+        namespace borderColor {
+            let _default_1: string;
+            export { _default_1 as default };
+            let info_1: string;
+            export { info_1 as info };
+            let error_1: string;
+            export { error_1 as error };
+            let warning_1: string;
+            export { warning_1 as warning };
+            let success_1: string;
+            export { success_1 as success };
+            let tip_1: string;
+            export { tip_1 as tip };
+        }
+        namespace iconBackgroundColor {
+            let _default_2: string;
+            export { _default_2 as default };
+            let info_2: string;
+            export { info_2 as info };
+            let error_2: string;
+            export { error_2 as error };
+            let warning_2: string;
+            export { warning_2 as warning };
+            let success_2: string;
+            export { success_2 as success };
+            let tip_2: string;
+            export { tip_2 as tip };
+        }
+        namespace iconFill {
+            let _default_3: string;
+            export { _default_3 as default };
+            let info_3: string;
+            export { info_3 as info };
+            let error_3: string;
+            export { error_3 as error };
+            let warning_3: string;
+            export { warning_3 as warning };
+            let success_3: string;
+            export { success_3 as success };
+            let tip_3: string;
+            export { tip_3 as tip };
+        }
+        namespace labelColor {
+            let _default_4: string;
+            export { _default_4 as default };
+            let info_4: string;
+            export { info_4 as info };
+            let error_4: string;
+            export { error_4 as error };
+            let warning_4: string;
+            export { warning_4 as warning };
+            let success_4: string;
+            export { success_4 as success };
+            let tip_4: string;
+            export { tip_4 as tip };
+        }
+        namespace fontColor {
+            let _default_5: string;
+            export { _default_5 as default };
+            let info_5: string;
+            export { info_5 as info };
+            let error_5: string;
+            export { error_5 as error };
+            let warning_5: string;
+            export { warning_5 as warning };
+            let success_5: string;
+            export { success_5 as success };
+            let tip_5: string;
+            export { tip_5 as tip };
+        }
+        namespace secondaryFontColor {
+            let _default_6: string;
+            export { _default_6 as default };
+            let info_6: string;
+            export { info_6 as info };
+            let error_6: string;
+            export { error_6 as error };
+            let warning_6: string;
+            export { warning_6 as warning };
+            let success_6: string;
+            export { success_6 as success };
+            let tip_6: string;
+            export { tip_6 as tip };
+        }
+    }
+    namespace dark {
+        export namespace backgroundColor_1 {
+            let _default_7: string;
+            export { _default_7 as default };
+            let info_7: string;
+            export { info_7 as info };
+            let error_7: string;
+            export { error_7 as error };
+            let warning_7: string;
+            export { warning_7 as warning };
+            let success_7: string;
+            export { success_7 as success };
+            let tip_7: string;
+            export { tip_7 as tip };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace borderColor_1 {
+            let _default_8: string;
+            export { _default_8 as default };
+            let info_8: string;
+            export { info_8 as info };
+            let error_8: string;
+            export { error_8 as error };
+            let warning_8: string;
+            export { warning_8 as warning };
+            let success_8: string;
+            export { success_8 as success };
+            let tip_8: string;
+            export { tip_8 as tip };
+        }
+        export { borderColor_1 as borderColor };
+        export namespace iconBackgroundColor_1 {
+            let _default_9: string;
+            export { _default_9 as default };
+            let info_9: string;
+            export { info_9 as info };
+            let error_9: string;
+            export { error_9 as error };
+            let warning_9: string;
+            export { warning_9 as warning };
+            let success_9: string;
+            export { success_9 as success };
+            let tip_9: string;
+            export { tip_9 as tip };
+        }
+        export { iconBackgroundColor_1 as iconBackgroundColor };
+        export namespace iconFill_1 {
+            let _default_10: string;
+            export { _default_10 as default };
+            let info_10: string;
+            export { info_10 as info };
+            let error_10: string;
+            export { error_10 as error };
+            let warning_10: string;
+            export { warning_10 as warning };
+            let success_10: string;
+            export { success_10 as success };
+            let tip_10: string;
+            export { tip_10 as tip };
+        }
+        export { iconFill_1 as iconFill };
+        export namespace labelColor_1 {
+            let _default_11: string;
+            export { _default_11 as default };
+            let info_11: string;
+            export { info_11 as info };
+            let error_11: string;
+            export { error_11 as error };
+            let warning_11: string;
+            export { warning_11 as warning };
+            let success_11: string;
+            export { success_11 as success };
+            let tip_11: string;
+            export { tip_11 as tip };
+        }
+        export { labelColor_1 as labelColor };
+        export namespace fontColor_1 {
+            let _default_12: string;
+            export { _default_12 as default };
+            let info_12: string;
+            export { info_12 as info };
+            let error_12: string;
+            export { error_12 as error };
+            let warning_12: string;
+            export { warning_12 as warning };
+            let success_12: string;
+            export { success_12 as success };
+            let tip_12: string;
+            export { tip_12 as tip };
+        }
+        export { fontColor_1 as fontColor };
+        export namespace secondaryFontColor_1 {
+            let _default_13: string;
+            export { _default_13 as default };
+            let info_13: string;
+            export { info_13 as info };
+            let error_13: string;
+            export { error_13 as error };
+            let warning_13: string;
+            export { warning_13 as warning };
+            let success_13: string;
+            export { success_13 as success };
+            let tip_13: string;
+            export { tip_13 as tip };
+        }
+        export { secondaryFontColor_1 as secondaryFontColor };
+    }
+}

package/lib/types/input/ColorInput.d.ts

@@ -0,0 +1,62 @@
+import React, { ChangeEvent, FocusEvent, RefObject } from 'react';
+interface ColorInputProps {
+    /**
+     * The value of the color input
+     */
+    value: string;
+    /**
+     * Callback when input loses focus
+     */
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback when input value changes
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * The id of the input
+     */
+    id?: string;
+    /**
+     * Callback when input gains focus
+     */
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Whether the input is required
+     */
+    required?: boolean;
+    /**
+     * Whether the input should auto focus
+     */
+    autoFocus?: boolean;
+    /**
+     * Ref to the input element
+     */
+    ref?: RefObject<HTMLInputElement>;
+    /**
+     * Whether the input has an error
+     */
+    hasErrorMessage?: boolean;
+    /**
+     * ID of element describing the input
+     */
+    ariaDescribedBy?: string;
+    /**
+     * ID of element labeling the input
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Whether the input is invalid
+     */
+    ariaInvalid?: boolean;
+    /**
+     * Whether the input is required for accessibility
+     */
+    ariaRequired?: boolean;
+}
+declare const ColorInput: ({ value, onBlur, onChange, disabled, id, onFocus, required, autoFocus, ref, hasErrorMessage, ariaDescribedBy, ariaLabelledBy, ariaInvalid, ariaRequired }: ColorInputProps) => React.JSX.Element;
+export type { ColorInputProps };
+export default ColorInput;

package/lib/types/input/Input.d.ts

@@ -0,0 +1,93 @@
+import React, { ChangeEvent, FocusEvent } from 'react';
+type InputMode = 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+type InputType = 'text' | 'number' | 'password' | 'email' | 'color';
+export interface InputProps {
+    /**
+     * Set the element to autoFocus on mount.
+     */
+    autoFocus?: boolean;
+    /**
+     * Set the element autoComplete focus.
+     * This should be avoided except for rare cases.
+     */
+    autoComplete?: string;
+    /**
+     * 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;
+    /**
+     * Add an icon to the start of the element.
+     * Valid icons include all options from the `<Icon/>` component.
+     */
+    startIcon?: string;
+    /**
+     * Add an icon to the end of the element.
+     * Valid icons include all options from the `<Icon/>` component.
+     */
+    endIcon?: string;
+    /**
+     * Adds a suffix in secondary font styling to end of input.
+     * Cannot be used with endIcon.
+     */
+    suffix?: string;
+    /**
+     * 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;
+    /**
+     * Set the inputmode of the element.
+     * This allows a browser to display an appropriate virtual keyboard.
+     */
+    inputMode?: InputMode;
+    /**
+     * Callback onBlur.
+     */
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback onChange.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Callback onFocus.
+     */
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * The placeholder of the element.
+     */
+    placeholder?: string;
+    /**
+     * Set the element to be required.
+     */
+    required?: boolean;
+    /**
+     * Set the element html type of the element.
+     */
+    type?: InputType;
+    /**
+     * The value of the element.
+     */
+    value?: string | number;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/types/input/Input.styles.d.ts

@@ -0,0 +1,17 @@
+interface StyledInputProps {
+    startIcon?: string;
+    endIcon?: string;
+}
+declare const StyledInput: import("styled-components").StyledComponent<"input", any, import("../common/form/styles").StyledFormItemProps & {
+    as: string;
+} & StyledInputProps, "as">;
+declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledInputIconProps {
+    iconPosition: 'start' | 'end';
+}
+declare const StyledInputIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, StyledInputIconProps, never>;
+declare const StyledInputSuffix: import("styled-components").StyledComponent<import("react").FC<import("../text").TextProps>, any, {}, never>;
+export { StyledInput, StyledIconWrapper, StyledInputIcon, StyledInputSuffix };

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

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

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

@@ -0,0 +1,12 @@
+export namespace svgColors {
+    namespace dark {
+        let stroke: string;
+        let fill: string;
+    }
+    namespace light {
+        let stroke_1: string;
+        export { stroke_1 as stroke };
+        let fill_1: string;
+        export { fill_1 as fill };
+    }
+}

package/lib/types/legend/Legend.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+export interface LegendItem {
+    title?: string;
+    value: string | number;
+    color: string;
+}
+export interface LegendProps {
+    /**
+     *  The source data to render legend component
+     */
+    data: {
+        title?: string;
+        value: string | number;
+        color: string;
+    }[];
+    /**
+     *  Renders legends vertically if it is true
+     */
+    isVertical?: boolean;
+    /**
+     *  The width of legend
+     */
+    width?: string | number;
+    /**
+     *  The header title of legend
+     */
+    legendHeader?: string;
+}
+declare const Legend: FC<LegendProps>;
+export default Legend;

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

@@ -0,0 +1,3 @@
+import Legend, { LegendProps, LegendItem } from './Legend';
+export type { LegendProps, LegendItem };
+export default Legend;

package/lib/types/lineBreak/LineBreak.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface LineBreakProps {
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const LineBreak: ({ className, dataTestId }: LineBreakProps) => React.JSX.Element;
+export default LineBreak;

package/lib/types/lineBreak/LineBreak.styles.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+export namespace colors {
+    namespace dark {
+        let borderColor: string;
+    }
+    namespace light {
+        let borderColor_1: string;
+        export { borderColor_1 as borderColor };
+    }
+}

package/lib/types/linkButton/LinkButton.d.ts

@@ -0,0 +1,71 @@
+import React, { ComponentType, MouseEvent, ReactNode } from 'react';
+export interface LinkButtonProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element
+     */
+    className?: 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;
+    /**
+     * Set the element to disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Add download to the dom element
+     */
+    download?: boolean;
+    /**
+     * Set the button to visually show a loading spinner.
+     * This will also disable the button.
+     */
+    loading?: boolean;
+    /**
+     * The url to link to.
+     */
+    href?: string;
+    /**
+     * Set the rel property of the link
+     */
+    rel?: string;
+    /**
+     * Control the size of the button
+     */
+    size?: 'default' | 'small';
+    /**
+     * Add an icon to the start of the element.
+     * Valid icons include all options from the `<Icon/>` component.
+     */
+    startIcon?: string;
+    /**
+     * Add an icon to the end of the element.
+     */
+    endIcon?: string;
+    /**
+     * Set the window to open the link in.
+     * If this field is set to '_blank', the rel prop should be set to 'noopener noreferrer' for security reasons.
+     */
+    target?: string;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: 'primary' | 'secondary' | 'text' | 'link';
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    [key: string]: any;
+}
+declare const LinkButton: React.ForwardRefExoticComponent<Omit<LinkButtonProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default LinkButton;

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

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

package/lib/types/modal/Modal.d.ts

@@ -0,0 +1,47 @@
+import React, { ReactNode } from 'react';
+export interface ModalProps {
+    /**
+     * The content of the component.
+     * Children should be rendered using ModalBody and ModalFooter
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Disable scrolling on document.body while the modal is open.
+     * Setting disableBodyScroll to false should rarely be used.
+     */
+    disableBodyScroll?: boolean;
+    /**
+     * Callback fired when the modal is closed.
+     */
+    onClose?: (() => void) | null;
+    /**
+     * The title of the modal.
+     */
+    title?: string;
+    /**
+     * Set the visibility of the Modal
+     */
+    visible?: boolean;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Disable focus lock on modal
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Enable or disable the open/close animation.
+     */
+    animate?: boolean;
+    /**
+     * Duration of the open/close animation in milliseconds.
+     */
+    animationDuration?: number;
+}
+declare const Modal: ({ children, className, disableBodyScroll, onClose, visible, title, dataTestId, disableFocusLock, animate, animationDuration }: ModalProps) => React.JSX.Element | null;
+export default Modal;

package/lib/types/modal/Modal.styles.d.ts

@@ -0,0 +1,10 @@
+interface AnimationProps {
+    closing?: boolean;
+    animate?: boolean;
+    animationDuration?: number;
+}
+declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, AnimationProps, never>;
+declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, AnimationProps, never>;
+declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledModalTitle: import("styled-components").StyledComponent<"h2", any, {}, never>;
+export { StyledModalBackground, StyledModalContent, StyledModalHeader, StyledModalTitle };

package/lib/types/modal/ModalBody.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+export interface ModalBodyProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+}
+declare const ModalBody: ({ children, className }: ModalBodyProps) => React.JSX.Element;
+export default ModalBody;

package/lib/types/modal/ModalBody.styles.d.ts

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

package/lib/types/modal/ModalContent.d.ts

@@ -0,0 +1,46 @@
+import React, { ReactNode, MouseEvent } from 'react';
+export interface ModalContentProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Disable scrolling on document.body while the modal is open.
+     * Setting disableBodyScroll to false should rarely be used.
+     */
+    disableBodyScroll?: boolean;
+    /**
+     * Callback fired when the modal is closed.
+     */
+    onClose?: ((e: MouseEvent | KeyboardEvent) => void) | null;
+    /**
+     * The title of the modal.
+     */
+    title?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Disable focus lock on modal
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Whether the modal is in its closing animation state.
+     */
+    closing?: boolean;
+    /**
+     * Enable or disable the animation.
+     */
+    animate?: boolean;
+    /**
+     * Duration of the animation in milliseconds.
+     */
+    animationDuration?: number;
+}
+declare const ModalContent: ({ children, className, onClose, title, dataTestId, disableBodyScroll, disableFocusLock, closing, animate, animationDuration }: ModalContentProps) => React.ReactPortal;
+export default ModalContent;

package/lib/types/modal/ModalFooter.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+export interface ModalFooterProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+}
+declare const ModalFooter: ({ children, className }: ModalFooterProps) => React.JSX.Element;
+export default ModalFooter;

package/lib/types/modal/ModalFooter.styles.d.ts

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