@commerce7/admin-ui 2.0.46 → 2.0.47

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

@@ -0,0 +1,9 @@
+import { ContextMenuProps } from './ContextMenu';
+import { ContextMenuItemProps } from './ContextMenuItem';
+import { ContextMenuMoreActionsProps } from './ContextMenuMoreActions';
+declare const ContextMenu: (({ children, className, dataTestId }: ContextMenuProps) => import("react").JSX.Element) & {
+    ContextMenuItem: ({ onClick, children, className, icon, img, alt, disabled, dataTestId }: ContextMenuItemProps) => import("react").JSX.Element;
+    ContextMenuMoreActions: ({ children, className, disabled, dataTestId, label }: ContextMenuMoreActionsProps) => import("react").JSX.Element | null;
+};
+export type { ContextMenuItemProps, ContextMenuMoreActionsProps, ContextMenuProps };
+export default ContextMenu;

package/lib/types/dataDisplay/DataDisplay.d.ts

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

package/lib/types/dataDisplay/DataDisplay.styles.d.ts

@@ -0,0 +1,5 @@
+declare const StyledDataDisplayLabel: import("styled-components").StyledComponent<"label", any, {
+    as: string;
+}, "as">;
+declare const StaticDataDisplayStyles: import("styled-components").StyledComponent<"p", any, {}, never>;
+export { StyledDataDisplayLabel, StaticDataDisplayStyles };

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

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

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

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

package/lib/types/datePicker/DatePicker.d.ts

@@ -0,0 +1,81 @@
+import { Moment } from 'moment';
+import React, { FocusEvent } from 'react';
+export interface DatePickerProps {
+    /**
+     * Show a clear value button in the input.
+     */
+    allowClear?: boolean;
+    /**
+     * Set the element to autoFocus on mount.
+     */
+    autoFocus?: 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;
+    /**
+     * Show just the calendar picker without an input.
+     */
+    inline?: boolean;
+    /**
+     * Function to check if a date should be disabled in the datepicker.
+     * The function parameters will include a moment date object.
+     */
+    isValidDate?: (currentDate: Moment) => boolean;
+    /**
+     * The label for the component.
+     */
+    label?: string;
+    /**
+     * Callback onChange.
+     */
+    onChange: (date: Moment | string) => void;
+    /**
+     * Callback onBlur.
+     */
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback onFocus.
+     */
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * The placeholder of the element.
+     */
+    placeholder?: string;
+    /**
+     * Set the element to be required.
+     */
+    required?: boolean;
+    /**
+     * The value of the element.
+     * This should be a date with format MMM D, YYYY.
+     */
+    value: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Variant of the date picker
+     */
+    variant?: 'default' | 'dayFormat';
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default DatePicker;

package/lib/types/datePicker/DatePicker.styles.d.ts

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

package/lib/types/datePicker/DayDatePicker.d.ts

@@ -0,0 +1,78 @@
+import { Moment } from 'moment';
+import React, { FocusEvent } from 'react';
+export interface DayDatePickerProps {
+    /**
+     * Show a clear value button in the input.
+     */
+    allowClear?: boolean;
+    /**
+     * Set the element to autoFocus on mount.
+     */
+    autoFocus?: 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;
+    /**
+     * Show just the calendar picker without an input.
+     */
+    inline?: boolean;
+    /**
+     * Function to check if a date should be disabled in the datepicker.
+     * The function parameters will include a moment date object.
+     */
+    isValidDate?: (currentDate: Moment) => boolean;
+    /**
+     * The label for the component.
+     */
+    label?: string;
+    /**
+     * Callback onChange.
+     * Returns formatted string in 'ddd, MMM D, YYYY' format.
+     */
+    onChange: (date: string) => void;
+    /**
+     * Callback onBlur.
+     */
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback onFocus.
+     */
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * The placeholder of the element.
+     */
+    placeholder?: string;
+    /**
+     * Set the element to be required.
+     */
+    required?: boolean;
+    /**
+     * The value of the element.
+     * Should be a formatted date string in 'ddd, MMM D, YYYY' format.
+     */
+    value: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const DayDatePicker: React.ForwardRefExoticComponent<DayDatePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default DayDatePicker;

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

@@ -0,0 +1,4 @@
+import DatePicker, { DatePickerProps } from './DatePicker';
+import { DayDatePickerProps } from './DayDatePicker';
+export type { DatePickerProps, DayDatePickerProps };
+export default DatePicker;

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

@@ -0,0 +1,62 @@
+export namespace colors {
+    namespace light {
+        let backgroundColor: string;
+        let borderColor: string;
+        namespace fontColor {
+            let _default: string;
+            export { _default as default };
+            export let active: string;
+            export let inactive: string;
+            export let hover: string;
+            export let disabled: string;
+        }
+    }
+    namespace dark {
+        let backgroundColor_1: string;
+        export { backgroundColor_1 as backgroundColor };
+        let borderColor_1: string;
+        export { borderColor_1 as borderColor };
+        export namespace fontColor_1 {
+            let _default_1: string;
+            export { _default_1 as default };
+            let active_1: string;
+            export { active_1 as active };
+            let inactive_1: string;
+            export { inactive_1 as inactive };
+            let hover_1: string;
+            export { hover_1 as hover };
+            let disabled_1: string;
+            export { disabled_1 as disabled };
+        }
+        export { fontColor_1 as fontColor };
+    }
+}
+export namespace dayColors {
+    export namespace light_1 {
+        export namespace backgroundColor_2 {
+            let _default_2: string;
+            export { _default_2 as default };
+            let hover_2: string;
+            export { hover_2 as hover };
+            let active_2: string;
+            export { active_2 as active };
+            export let today: string;
+        }
+        export { backgroundColor_2 as backgroundColor };
+    }
+    export { light_1 as light };
+    export namespace dark_1 {
+        export namespace backgroundColor_3 {
+            let _default_3: string;
+            export { _default_3 as default };
+            let hover_3: string;
+            export { hover_3 as hover };
+            let active_3: string;
+            export { active_3 as active };
+            let today_1: string;
+            export { today_1 as today };
+        }
+        export { backgroundColor_3 as backgroundColor };
+    }
+    export { dark_1 as dark };
+}

package/lib/types/displayIcon/DisplayIcon.d.ts

@@ -0,0 +1,34 @@
+import React, { MouseEvent } from 'react';
+export type DisplayIconVariant = 'default' | 'success' | 'warning' | 'error' | 'tip' | 'info';
+export interface DisplayIconProps {
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the icon to use.
+     */
+    icon: string;
+    /**
+     * The label for the component.
+     * This should be used when passing in an onClick prop, for accessibility reasons.
+     */
+    label?: string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: DisplayIconVariant;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const DisplayIcon: {
+    ({ className, icon, label, onClick, variant, dataTestId }: DisplayIconProps): React.JSX.Element | null;
+    displayName: string;
+};
+export default DisplayIcon;

package/lib/types/displayIcon/DisplayIcon.styles.d.ts

@@ -0,0 +1,6 @@
+declare const StyledIcon: import("styled-components").StyledComponent<"svg", any, {}, never>;
+interface StyledDisplayIconProps {
+    variant: 'default' | 'success' | 'warning' | 'error' | 'info' | 'tip';
+}
+declare const StyledDisplayIcon: import("styled-components").StyledComponent<"div", any, StyledDisplayIconProps, never>;
+export { StyledDisplayIcon, StyledIcon };

package/lib/types/displayIcon/IconWrapper.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+import { DisplayIconVariant } from './DisplayIcon';
+interface IconWrapperProps {
+    /**
+     * The icon content to be wrapped
+     */
+    children: ReactNode;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Set the visual property of the component.
+     */
+    variant: DisplayIconVariant;
+}
+declare const IconWrapper: {
+    ({ children, dataTestId, variant }: IconWrapperProps): React.JSX.Element;
+    displayName: string;
+};
+export type { IconWrapperProps };
+export default IconWrapper;

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

@@ -0,0 +1,3 @@
+import DisplayIcon, { DisplayIconProps, DisplayIconVariant } from './DisplayIcon';
+export type { DisplayIconProps, DisplayIconVariant };
+export default DisplayIcon;

package/lib/types/heading/Heading.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+type HeadingLevel = 1 | 2 | 3 | 4;
+export interface HeadingProps {
+    /**
+     * Select what size heading.
+     */
+    level?: HeadingLevel;
+    /**
+     * The prop to add custom margin bottom.
+     */
+    marginBottom?: string | null;
+    /**
+     * 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 Heading: {
+    ({ children, level, marginBottom, className, dataTestId }: HeadingProps): React.JSX.Element;
+    displayName: string;
+};
+export default Heading;

package/lib/types/heading/Heading.styles.d.ts

@@ -0,0 +1,6 @@
+interface StyledHeadingProps {
+    as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    customMarginBottom?: string | null;
+}
+declare const StyledHeading: import("styled-components").StyledComponent<"h2", any, StyledHeadingProps, never>;
+export { StyledHeading };

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

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

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

@@ -0,0 +1,25 @@
+export namespace fontSize {
+    let h1: string;
+    let h2: string;
+    let h3: string;
+    let h4: string;
+}
+export namespace colors {
+    namespace dark {
+        let fontColor: string;
+    }
+    namespace light {
+        let fontColor_1: string;
+        export { fontColor_1 as fontColor };
+    }
+}
+export namespace marginBottom {
+    let h1_1: string;
+    export { h1_1 as h1 };
+    let h2_1: string;
+    export { h2_1 as h2 };
+    let h3_1: string;
+    export { h3_1 as h3 };
+    let h4_1: string;
+    export { h4_1 as h4 };
+}

package/lib/types/icon/Icon.d.ts

@@ -0,0 +1,38 @@
+import React, { MouseEvent } from 'react';
+type IconVariant = 'default' | 'success' | 'error' | 'text' | 'info' | 'warning';
+export interface IconProps {
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the icon to use.
+     */
+    icon: string;
+    /**
+     * The label for the component.
+     * This should be used when passing in an onClick prop, for accessibility reasons.
+     */
+    label?: string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Set the size of the icon.
+     */
+    size?: number;
+    /**
+     * Set the visual property of the component.
+     */
+    variant?: IconVariant | string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Icon: {
+    ({ className, icon, label, onClick, size, variant, dataTestId }: IconProps): React.JSX.Element | null;
+    displayName: string;
+};
+export default Icon;

package/lib/types/icon/Icon.styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledIcon: import("styled-components").StyledComponent<"svg", any, {}, never>;
+declare const StyledIconButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export { StyledIcon, StyledIconButton };

package/lib/types/icon/IconWrapper.styles.d.ts

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

package/lib/types/icon/icons/Add.d.ts

@@ -0,0 +1,2 @@
+export default Add;
+declare function Add(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/AddCart.d.ts

@@ -0,0 +1,2 @@
+export default AddCart;
+declare function AddCart(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/AddUser.d.ts

@@ -0,0 +1,2 @@
+export default AddUser;
+declare function AddUser(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Adjust.d.ts

@@ -0,0 +1,2 @@
+export default Adjust;
+declare function Adjust(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/AlignCenter.d.ts

@@ -0,0 +1,2 @@
+export default AlignCenter;
+declare function AlignCenter(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/AlignLeft.d.ts

@@ -0,0 +1,2 @@
+export default AlignLeft;
+declare function AlignLeft(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/AlignRight.d.ts

@@ -0,0 +1,2 @@
+export default AlignRight;
+declare function AlignRight(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/App.d.ts

@@ -0,0 +1,2 @@
+export default App;
+declare function App(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Application.d.ts

@@ -0,0 +1,2 @@
+export default Application;
+declare function Application(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ApplicationSwitcher.d.ts

@@ -0,0 +1,2 @@
+export default ApplicationSwitcher;
+declare function ApplicationSwitcher(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Archive.d.ts

@@ -0,0 +1,2 @@
+export default Archive;
+declare function Archive(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ArrowDivert.d.ts

@@ -0,0 +1,2 @@
+export default ArrowDivert;
+declare function ArrowDivert(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ArrowDown.d.ts

@@ -0,0 +1,2 @@
+export default ArrowDown;
+declare function ArrowDown(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ArrowLeft.d.ts

@@ -0,0 +1,2 @@
+export default ArrowLeft;
+declare function ArrowLeft(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ArrowRight.d.ts

@@ -0,0 +1,2 @@
+export default ArrowRight;
+declare function ArrowRight(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ArrowSpace.d.ts

@@ -0,0 +1,2 @@
+export default ArrowSpace;
+declare function ArrowSpace(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ArrowUp.d.ts

@@ -0,0 +1,2 @@
+export default ArrowUp;
+declare function ArrowUp(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Availability.d.ts

@@ -0,0 +1,2 @@
+export default Availability;
+declare function Availability(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Bag.d.ts

@@ -0,0 +1,2 @@
+export default Bag;
+declare function Bag(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Balloon.d.ts

@@ -0,0 +1,2 @@
+export default Balloon;
+declare function Balloon(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Bell.d.ts

@@ -0,0 +1,2 @@
+export default Bell;
+declare function Bell(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Book.d.ts

@@ -0,0 +1,2 @@
+export default Book;
+declare function Book(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Bounce.d.ts

@@ -0,0 +1,2 @@
+export default Bounce;
+declare function Bounce(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Brush.d.ts

@@ -0,0 +1,2 @@
+export default Brush;
+declare function Brush(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Bundle.d.ts

@@ -0,0 +1,2 @@
+export default Bundle;
+declare function Bundle(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Button.d.ts

@@ -0,0 +1,2 @@
+export default Button;
+declare function Button(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ButtonLine.d.ts

@@ -0,0 +1,2 @@
+export default ButtonLine;
+declare function ButtonLine(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Cake.d.ts

@@ -0,0 +1,2 @@
+export default Cake;
+declare function Cake(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Calendar.d.ts

@@ -0,0 +1,2 @@
+export default Calendar;
+declare function Calendar(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/CalenderAdd.d.ts

@@ -0,0 +1,2 @@
+export default CalenderAdd;
+declare function CalenderAdd(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/CalenderCross.d.ts

@@ -0,0 +1,2 @@
+export default CalenderCross;
+declare function CalenderCross(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Car.d.ts

@@ -0,0 +1,2 @@
+export default Car;
+declare function Car(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Carrot.d.ts

@@ -0,0 +1,2 @@
+export default Carrot;
+declare function Carrot(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Cart.d.ts

@@ -0,0 +1,2 @@
+export default Cart;
+declare function Cart(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Cash.d.ts

@@ -0,0 +1,2 @@
+export default Cash;
+declare function Cash(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Cashier.d.ts

@@ -0,0 +1,2 @@
+export default Cashier;
+declare function Cashier(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/ChartBars.d.ts

@@ -0,0 +1,2 @@
+export default ChartBars;
+declare function ChartBars(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Chat.d.ts

@@ -0,0 +1,2 @@
+export default Chat;
+declare function Chat(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/Check.d.ts

@@ -0,0 +1,2 @@
+export default Check;
+declare function Check(props: any): import("react").JSX.Element;

package/lib/types/icon/icons/CheckCircle.d.ts

@@ -0,0 +1,2 @@
+export default CheckCircle;
+declare function CheckCircle(props: any): import("react").JSX.Element;