@commerce7/admin-ui 2.0.46 → 2.0.48

package/lib/types/checkbox/Checkbox.d.ts

@@ -0,0 +1,69 @@
+import React, { ChangeEvent, ReactNode } from 'react';
+type CheckboxVariant = 'button' | 'default';
+type CheckboxSize = 'small' | 'medium' | 'large';
+export interface CheckboxProps {
+    /**
+     * 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;
+    /**
+     * Radio Variant.
+     */
+    variant?: CheckboxVariant;
+    /**
+     * Checkbox Size - only used for button variant.
+     */
+    size?: CheckboxSize;
+    /**
+     * Icon for button variant only.
+     */
+    icon?: string;
+    /**
+     * Children for button variant only.
+     */
+    children?: ReactNode;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/lib/types/checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,9 @@
+declare const StyledCheckboxIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, {}, never>;
+interface StyledCheckboxProps {
+    hasError?: boolean;
+}
+declare const StyledCheckbox: import("styled-components").StyledComponent<"span", any, StyledCheckboxProps, never>;
+export { StyledCheckbox, StyledCheckboxIcon };

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

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

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

@@ -0,0 +1,49 @@
+export namespace colors {
+    namespace dark {
+        namespace backgroundColor {
+            let _default: string;
+            export { _default as default };
+            export let checked: string;
+        }
+        namespace borderColor {
+            let _default_1: string;
+            export { _default_1 as default };
+            export let disabled: string;
+            export let hover: string;
+            export let focus: string;
+            let checked_1: string;
+            export { checked_1 as checked };
+        }
+        namespace boxShadow {
+            let focus_1: string;
+            export { focus_1 as focus };
+        }
+    }
+    namespace light {
+        export namespace backgroundColor_1 {
+            let _default_2: string;
+            export { _default_2 as default };
+            let checked_2: string;
+            export { checked_2 as checked };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace borderColor_1 {
+            let _default_3: string;
+            export { _default_3 as default };
+            let disabled_1: string;
+            export { disabled_1 as disabled };
+            let hover_1: string;
+            export { hover_1 as hover };
+            let focus_2: string;
+            export { focus_2 as focus };
+            let checked_3: string;
+            export { checked_3 as checked };
+        }
+        export { borderColor_1 as borderColor };
+        export namespace boxShadow_1 {
+            let focus_3: string;
+            export { focus_3 as focus };
+        }
+        export { boxShadow_1 as boxShadow };
+    }
+}

package/lib/types/checkboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from 'react';
+export type CheckboxGroupVariant = 'button' | null;
+export type CheckboxGroupSize = 'small' | 'medium' | 'large';
+export interface CheckboxGroupProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Show an error message and set the component styles to visually show an error.
+     */
+    errorMessage?: string;
+    /**
+     * The label for the component.
+     */
+    label?: string;
+    /**
+     * Set the element to be required.
+     * This will show an asterisk in the label and add 'required' to the DOM node.
+     */
+    required?: boolean;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * CheckboxGroup Variant
+     */
+    variant?: CheckboxGroupVariant;
+    /**
+     * CheckboxGroup Size - only used for button variant.
+     */
+    size?: CheckboxGroupSize;
+}
+declare const CheckboxGroup: ({ children, errorMessage, label, required, dataTestId, variant, size, className }: CheckboxGroupProps) => React.JSX.Element;
+export default CheckboxGroup;

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

@@ -0,0 +1,3 @@
+import CheckboxGroup, { CheckboxGroupProps, CheckboxGroupSize, CheckboxGroupVariant } from './CheckboxGroup';
+export type { CheckboxGroupProps, CheckboxGroupSize, CheckboxGroupVariant };
+export default CheckboxGroup;

package/lib/types/columns/Column.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'none' | 'auto';
+export interface ColumnProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * The span of this column out of 12.
+     */
+    span?: ColumnSpan;
+}
+declare const Column: ({ children, span }: ColumnProps) => React.JSX.Element;
+export default Column;

package/lib/types/columns/Columns.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+export interface ColumnsProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Sets justify-content to this value.
+     */
+    justify?: string;
+    /**
+     * Sets align-items to this value.
+     */
+    align?: string;
+    /**
+     * Sets flex-wrap to this value.
+     */
+    wrap?: string;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Columns: ({ children, justify, align, wrap, className, dataTestId }: ColumnsProps) => React.JSX.Element;
+export default Columns;

package/lib/types/columns/Columns.styles.d.ts

@@ -0,0 +1,11 @@
+interface StyledColumnsProps {
+    $justify?: string;
+    $align?: string;
+    $isWrap?: string;
+}
+declare const StyledColumns: import("styled-components").StyledComponent<"div", any, StyledColumnsProps, never>;
+interface StyledColumnProps {
+    $span: ColumnSpan;
+}
+declare const StyledColumn: import("styled-components").StyledComponent<"div", any, StyledColumnProps, never>;
+export { StyledColumns, StyledColumn };

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

@@ -0,0 +1,7 @@
+import { ColumnProps } from './Column';
+import { ColumnsProps } from './Columns';
+declare const Columns: (({ children, justify, align, wrap, className, dataTestId }: ColumnsProps) => import("react").JSX.Element) & {
+    Column: ({ children, span }: ColumnProps) => import("react").JSX.Element;
+};
+export type { ColumnsProps, ColumnProps };
+export default Columns;

package/lib/types/common/contextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactNode, MouseEvent } from 'react';
+export interface ContextMenuItemProps {
+    /**
+     * Add an alt to the image inside the element.
+     * This should only be used if the img prop is set.
+     */
+    alt?: string;
+    /**
+     * The contents of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the element to disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Add an icon to the start of the element.
+     * Valid icons include all options from the `<Icon/>` component.
+     */
+    icon?: string;
+    /**
+     * Add an image to the start of the element.
+     */
+    img?: string;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const ContextMenuItem: ({ onClick, children, className, icon, img, alt, disabled, dataTestId }: ContextMenuItemProps) => React.JSX.Element;
+export default ContextMenuItem;

package/lib/types/common/contextMenu/ContextMenuItem.styles.d.ts

@@ -0,0 +1,7 @@
+declare const StyledContextMenuItem: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const StyledContextMenuIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, {}, never>;
+declare const StyledContextMenuImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export { StyledContextMenuItem, StyledContextMenuIcon, StyledContextMenuImage };

package/lib/types/common/contextMenu/theme.d.ts

@@ -0,0 +1,24 @@
+export namespace colors {
+    namespace dark {
+        namespace fontColor {
+            let _default: string;
+            export { _default as default };
+            export let hover: string;
+            export let focus: string;
+            export let disabled: string;
+        }
+    }
+    namespace light {
+        export namespace fontColor_1 {
+            let _default_1: string;
+            export { _default_1 as default };
+            let hover_1: string;
+            export { hover_1 as hover };
+            let focus_1: string;
+            export { focus_1 as focus };
+            let disabled_1: string;
+            export { disabled_1 as disabled };
+        }
+        export { fontColor_1 as fontColor };
+    }
+}

package/lib/types/common/dropdown/DropdownMenu.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+type AlignType = 'left' | 'right';
+interface DropdownMenuProps {
+    /**
+     * Alignment of the dropdown menu
+     */
+    align: AlignType;
+    /**
+     * The content of the dropdown
+     */
+    children: ReactNode;
+    /**
+     * Unique identifier for the dropdown
+     */
+    id: string;
+    /**
+     * ID of the element that labels this dropdown
+     */
+    labelledbyId: string;
+    /**
+     * Controls the visibility of the dropdown
+     */
+    isVisible: boolean;
+    /**
+     * Callback when an item is selected
+     */
+    handleSelectedItem?: () => void;
+}
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<HTMLDivElement>>;
+export default DropdownMenu;

package/lib/types/common/dropdown/DropdownMenu.styles.d.ts

@@ -0,0 +1,6 @@
+interface StyledDropdownProps {
+    visible: boolean;
+    align: 'left' | 'right';
+}
+declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, StyledDropdownProps, never>;
+export { StyledDropdown };

package/lib/types/common/dropdown/DropdownWrapper.d.ts

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

package/lib/types/common/dropdown/DropdownWrapper.styles.d.ts

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

package/lib/types/common/dropdown/theme.d.ts

@@ -0,0 +1,85 @@
+export namespace colors {
+    namespace dark {
+        namespace fontColor {
+            let _default: string;
+            export { _default as default };
+            export let hover: string;
+            export let focus: string;
+            export let disabled: string;
+        }
+    }
+    namespace light {
+        export namespace fontColor_1 {
+            let _default_1: string;
+            export { _default_1 as default };
+            let hover_1: string;
+            export { hover_1 as hover };
+            let focus_1: string;
+            export { focus_1 as focus };
+            let disabled_1: string;
+            export { disabled_1 as disabled };
+        }
+        export { fontColor_1 as fontColor };
+    }
+}
+export namespace dropdownColors {
+    export namespace dark_1 {
+        namespace backgroundColor {
+            let _default_2: string;
+            export { _default_2 as default };
+        }
+        namespace borderColor {
+            let _default_3: string;
+            export { _default_3 as default };
+        }
+        namespace shadowColor {
+            let _default_4: string;
+            export { _default_4 as default };
+        }
+    }
+    export { dark_1 as dark };
+    export namespace light_1 {
+        export namespace backgroundColor_1 {
+            let _default_5: string;
+            export { _default_5 as default };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace borderColor_1 {
+            let _default_6: string;
+            export { _default_6 as default };
+        }
+        export { borderColor_1 as borderColor };
+        export namespace shadowColor_1 {
+            let _default_7: string;
+            export { _default_7 as default };
+        }
+        export { shadowColor_1 as shadowColor };
+    }
+    export { light_1 as light };
+}
+export namespace dropdownButtonColors {
+    export namespace dark_2 {
+        export namespace backgroundColor_2 {
+            let _default_8: string;
+            export { _default_8 as default };
+            let hover_2: string;
+            export { hover_2 as hover };
+            let focus_2: string;
+            export { focus_2 as focus };
+        }
+        export { backgroundColor_2 as backgroundColor };
+    }
+    export { dark_2 as dark };
+    export namespace light_2 {
+        export namespace backgroundColor_3 {
+            let _default_9: string;
+            export { _default_9 as default };
+            let hover_3: string;
+            export { hover_3 as hover };
+            let focus_3: string;
+            export { focus_3 as focus };
+        }
+        export { backgroundColor_3 as backgroundColor };
+    }
+    export { light_2 as light };
+}

package/lib/types/common/form/helpers.d.ts

@@ -0,0 +1,6 @@
+export declare const getFormItemIds: (id: string, hasDescription: boolean, hasErrorMessage: boolean) => {
+    descriptionId: string;
+    describedById: string;
+    errorId: string;
+    labelId: string;
+};

package/lib/types/common/form/styles.d.ts

@@ -0,0 +1,42 @@
+interface StyledInputWrapperProps {
+    isButtonVariant?: boolean;
+}
+declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {
+    'data-c7-form-item-wrapper': string;
+} & StyledInputWrapperProps, "data-c7-form-item-wrapper">;
+export interface StyledFormItemProps {
+    hasErrorMessage?: boolean;
+}
+declare const StyledFormItem: import("styled-components").StyledComponent<"input", any, StyledFormItemProps, never>;
+declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+declare const StyledToggleLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+interface StyledToggleTextProps {
+    disabled?: boolean;
+}
+declare const StyledToggleText: import("styled-components").StyledComponent<"span", any, StyledToggleTextProps, never>;
+declare const StyledRequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+interface StyledErrorMessageProps {
+    isToggle?: boolean;
+    isSwitch?: boolean;
+    isButton?: boolean;
+    buttonSize?: string;
+}
+declare const StyledErrorMessage: import("styled-components").StyledComponent<"span", any, StyledErrorMessageProps, never>;
+declare const StyledHiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+interface StyledHorizontalFieldsetProps {
+    size?: string;
+    isButtonVariant?: boolean;
+}
+declare const StyledHorizontalFieldset: import("styled-components").StyledComponent<"fieldset", any, StyledHorizontalFieldsetProps, never>;
+declare const StyledFieldsetLabel: import("styled-components").StyledComponent<"label", any, {
+    as: string;
+}, "as">;
+interface StyledDescriptionProps {
+    isToggle?: boolean;
+    isSwitch?: boolean;
+    isButton?: boolean;
+    buttonSize?: string;
+}
+declare const StyledDescription: import("styled-components").StyledComponent<"p", any, StyledDescriptionProps, never>;
+export { StyledFormItem, StyledLabel, StyledToggleLabel, StyledToggleText, StyledRequiredLabel, StyledErrorMessage, StyledInputWrapper, StyledHiddenInput, StyledFieldset, StyledHorizontalFieldset, StyledFieldsetLabel, StyledDescription };

package/lib/types/common/form/theme.d.ts

@@ -0,0 +1,100 @@
+export namespace colors {
+    namespace dark {
+        namespace color {
+            let _default: string;
+            export { _default as default };
+        }
+        namespace borderColor {
+            let _default_1: string;
+            export { _default_1 as default };
+            export let focus: string;
+            export let error: string;
+        }
+        namespace backgroundColor {
+            let _default_2: string;
+            export { _default_2 as default };
+        }
+        namespace boxShadow {
+            let _default_3: string;
+            export { _default_3 as default };
+            let focus_1: string;
+            export { focus_1 as focus };
+        }
+    }
+    namespace light {
+        export namespace color_1 {
+            let _default_4: string;
+            export { _default_4 as default };
+        }
+        export { color_1 as color };
+        export namespace borderColor_1 {
+            let _default_5: string;
+            export { _default_5 as default };
+            let focus_2: string;
+            export { focus_2 as focus };
+            let error_1: string;
+            export { error_1 as error };
+        }
+        export { borderColor_1 as borderColor };
+        export namespace backgroundColor_1 {
+            let _default_6: string;
+            export { _default_6 as default };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace boxShadow_1 {
+            let _default_7: string;
+            export { _default_7 as default };
+            let focus_3: string;
+            export { focus_3 as focus };
+        }
+        export { boxShadow_1 as boxShadow };
+    }
+}
+export namespace labelColors {
+    export namespace dark_1 {
+        let color_2: string;
+        export { color_2 as color };
+    }
+    export { dark_1 as dark };
+    export namespace light_1 {
+        let color_3: string;
+        export { color_3 as color };
+    }
+    export { light_1 as light };
+}
+export namespace requiredColors {
+    export namespace dark_2 {
+        let color_4: string;
+        export { color_4 as color };
+    }
+    export { dark_2 as dark };
+    export namespace light_2 {
+        let color_5: string;
+        export { color_5 as color };
+    }
+    export { light_2 as light };
+}
+export namespace errorColors {
+    export namespace dark_3 {
+        let color_6: string;
+        export { color_6 as color };
+    }
+    export { dark_3 as dark };
+    export namespace light_3 {
+        let color_7: string;
+        export { color_7 as color };
+    }
+    export { light_3 as light };
+}
+export namespace placeholderColors {
+    export namespace dark_4 {
+        let color_8: string;
+        export { color_8 as color };
+    }
+    export { dark_4 as dark };
+    export namespace light_4 {
+        let color_9: string;
+        export { color_9 as color };
+    }
+    export { light_4 as light };
+}

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

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface ContextMenuProps {
+    /**
+     * The contents 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 ContextMenu: ({ children, className, dataTestId }: ContextMenuProps) => React.JSX.Element;
+export default ContextMenu;

package/lib/types/contextMenu/ContextMenu.styles.d.ts

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

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

@@ -0,0 +1,3 @@
+import ContextMenuItem, { ContextMenuItemProps } from '../common/contextMenu/ContextMenuItem';
+export type { ContextMenuItemProps };
+export default ContextMenuItem;

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

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+export interface ContextMenuMoreActionsProps {
+    /**
+     * The contents of the component.
+     * All children should be a `<ContextMenuItem/>`
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Override the default label of "More Actions".
+     */
+    label?: string;
+    /**
+     * Set the element to disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const ContextMenuMoreActions: ({ children, className, disabled, dataTestId, label }: ContextMenuMoreActionsProps) => React.JSX.Element | null;
+export default ContextMenuMoreActions;