@commerce7/admin-ui 2.0.45 → 2.0.47

package/lib/types/radio/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/radioGroup/RadioGroup.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from 'react';
+type RadioGroupVariant = 'button' | 'default';
+type RadioGroupSize = 'small' | 'medium' | 'large';
+export interface RadioGroupProps {
+    /**
+     * 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 asterik in the label and add 'required' to the DOM node
+     */
+    required?: boolean;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * RadioGroup Variant
+     */
+    variant?: RadioGroupVariant;
+    /**
+     * RadioGroup Size - only used for button variant.
+     */
+    size?: RadioGroupSize;
+}
+declare const RadioGroup: ({ children, errorMessage, label, required, dataTestId, variant, size, className }: RadioGroupProps) => React.JSX.Element;
+export default RadioGroup;

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

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

package/lib/types/region/Region.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+export interface RegionProps {
+    /**
+     * The content of the component.
+     */
+    children: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set whether there is a border at bottom of region.
+     */
+    borderBottom?: boolean;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Region: ({ children, borderBottom, className, dataTestId }: RegionProps) => React.JSX.Element;
+export default Region;

package/lib/types/region/Region.styles.d.ts

@@ -0,0 +1,6 @@
+interface StyledRegionProps {
+    borderBottom?: boolean;
+    isAnimated?: boolean;
+}
+declare const StyledRegion: import("styled-components").StyledComponent<"div", any, StyledRegionProps, never>;
+export { StyledRegion };

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

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

package/lib/types/select/Options.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface OptionItem {
+    value?: string | number;
+    label: string;
+    options?: OptionItem[];
+}
+export interface OptionsProps {
+    /**
+     * Array of options to render in the select
+     */
+    options: OptionItem[];
+    /**
+     * Optional placeholder text
+     */
+    placeholder?: string;
+}
+declare const Options: ({ options, placeholder }: OptionsProps) => React.JSX.Element;
+export default Options;

package/lib/types/select/Select.d.ts

@@ -0,0 +1,61 @@
+import React, { ChangeEvent } from 'react';
+import { OptionItem } from './Options';
+export interface SelectProps {
+    /**
+     * 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;
+    /**
+     * The label for the component.
+     */
+    label?: string;
+    /**
+     * Callback onChange.
+     */
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * The options for the select field.
+     * These will be mapped as `<options/>`.
+     */
+    options?: OptionItem[];
+    /**
+     * The placeholder of the element.
+     */
+    placeholder?: string;
+    /**
+     * Set the element to be required.
+     * This will show an asterik in the label and add 'required' to the DOM node.
+     */
+    required?: boolean;
+    /**
+     * The value of the element.
+     */
+    value: string | number;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+}
+declare const Select: ({ autoFocus, className, description, disabled, errorMessage, id, label, onChange, options, placeholder, required, value, dataTestId }: SelectProps) => React.JSX.Element;
+export default Select;

package/lib/types/select/Select.styles.d.ts

@@ -0,0 +1,9 @@
+declare const StyledSelect: import("styled-components").StyledComponent<"input", any, import("../common/form/styles").StyledFormItemProps & {
+    as: string;
+}, "as">;
+declare const StyledSelectArrow: 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 StyledSelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledSelect, StyledSelectArrow, StyledSelectWrapper };

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

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

package/lib/types/selectButton/SelectButton.d.ts

@@ -0,0 +1,53 @@
+import React, { MouseEvent, ReactNode } from 'react';
+type ButtonType = 'button' | 'submit';
+type ButtonSize = 'small' | 'medium' | 'large';
+export interface SelectButtonProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * Add className to the outermost element.
+     */
+    className?: string;
+    /**
+     * Set the element to disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Set the button to visually show a loading spinner.
+     * This will also disable the button.
+     * This prop is intended to be used during asynchronous actions, like submitting a form.
+     */
+    loading?: boolean;
+    /**
+     * Set the button to visually show that its selected.
+     */
+    selected?: boolean;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Adds a type to the button DOM element.
+     */
+    type?: ButtonType;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    /**
+     * Select Button Variant.
+     */
+    size?: ButtonSize;
+    /**
+     * Icon for display on small variant only.
+     */
+    icon?: string;
+    /**
+     * Component to render as
+     */
+    as?: any;
+}
+declare const SelectButton: React.ForwardRefExoticComponent<SelectButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default SelectButton;

package/lib/types/selectButton/SelectButton.styles.d.ts

@@ -0,0 +1,8 @@
+declare const StyledSelectButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const StyledLoadingIcon: 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 StyledSmallSelectButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+declare const StyledMediumSelectButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export { StyledSelectButton, StyledLoadingIcon, StyledSmallSelectButton, StyledMediumSelectButton };

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

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

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

@@ -0,0 +1,93 @@
+export namespace colors {
+    namespace dark {
+        namespace borderColor {
+            let _default: string;
+            export { _default as default };
+            export let hover: string;
+            export let focus: string;
+            export let disabled: string;
+        }
+        namespace backgroundColor {
+            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 };
+        }
+        namespace fontColor {
+            export let defaultSmall: string;
+            let _default_2: string;
+            export { _default_2 as default };
+            let hover_2: string;
+            export { hover_2 as hover };
+            let focus_2: string;
+            export { focus_2 as focus };
+            let disabled_2: string;
+            export { disabled_2 as disabled };
+        }
+    }
+    namespace light {
+        export namespace borderColor_1 {
+            let _default_3: string;
+            export { _default_3 as default };
+            let hover_3: string;
+            export { hover_3 as hover };
+            let focus_3: string;
+            export { focus_3 as focus };
+            let disabled_3: string;
+            export { disabled_3 as disabled };
+        }
+        export { borderColor_1 as borderColor };
+        export namespace backgroundColor_1 {
+            let _default_4: string;
+            export { _default_4 as default };
+            let hover_4: string;
+            export { hover_4 as hover };
+            let focus_4: string;
+            export { focus_4 as focus };
+            let disabled_4: string;
+            export { disabled_4 as disabled };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace fontColor_1 {
+            let defaultSmall_1: string;
+            export { defaultSmall_1 as defaultSmall };
+            let _default_5: string;
+            export { _default_5 as default };
+            let hover_5: string;
+            export { hover_5 as hover };
+            let focus_5: string;
+            export { focus_5 as focus };
+            let disabled_5: string;
+            export { disabled_5 as disabled };
+        }
+        export { fontColor_1 as fontColor };
+    }
+}
+export namespace shadows {
+    export namespace dark_1 {
+        let _default_6: string;
+        export { _default_6 as default };
+        let hover_6: string;
+        export { hover_6 as hover };
+        let focus_6: string;
+        export { focus_6 as focus };
+        let disabled_6: string;
+        export { disabled_6 as disabled };
+    }
+    export { dark_1 as dark };
+    export namespace light_1 {
+        let _default_7: string;
+        export { _default_7 as default };
+        let hover_7: string;
+        export { hover_7 as hover };
+        let focus_7: string;
+        export { focus_7 as focus };
+        let disabled_7: string;
+        export { disabled_7 as disabled };
+    }
+    export { light_1 as light };
+}

package/lib/types/spinner/Spinner.d.ts

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

package/lib/types/spinner/Spinner.styles.d.ts

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

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

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

package/lib/types/stepper/Step.d.ts

@@ -0,0 +1,43 @@
+import React, { ComponentType, MouseEvent } from 'react';
+export interface StepProps {
+    /**
+     * The step number.
+     */
+    step?: number;
+    /**
+     * The step label.
+     */
+    description?: string;
+    /**
+     * 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<HTMLElement>) => void;
+    /**
+     * The url to link to.
+     */
+    href?: string;
+    /**
+     * The active className to mark the component as active. Styling targets this classname.
+     */
+    activeClassName?: string;
+    /**
+     * Icon for the step
+     */
+    icon?: string;
+}
+declare const Step: (props: StepProps) => React.JSX.Element;
+export default Step;

package/lib/types/stepper/Stepper.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export interface StepperProps {
+    /**
+     * 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 Stepper: (props: StepperProps) => React.JSX.Element;
+export default Stepper;

package/lib/types/stepper/Stepper.styles.d.ts

@@ -0,0 +1,15 @@
+declare const StyledStepper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledStepCircle: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledStepIcon: import("styled-components").StyledComponent<{
+    ({ className, icon, label, onClick, size, variant, dataTestId }: import("../icon").IconProps): import("react").JSX.Element | null;
+    displayName: string;
+}, any, {
+    size: 20;
+}, "size">;
+declare const StyledLine: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledStep: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledStepButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledStepLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledStepText: import("styled-components").StyledComponent<import("react").FC<import("../text").TextProps>, any, {}, never>;
+declare const StyledStepDescription: import("styled-components").StyledComponent<import("react").FC<import("../text").TextProps>, any, {}, never>;
+export { StyledStepper, StyledStep, StyledStepButton, StyledStepCircle, StyledStepIcon, StyledStepLabelWrapper, StyledStepText, StyledStepDescription, StyledLine };

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

@@ -0,0 +1,7 @@
+import { StepProps } from './Step';
+import { StepperProps } from './Stepper';
+declare const Stepper: ((props: StepperProps) => import("react").JSX.Element) & {
+    Step: (props: StepProps) => import("react").JSX.Element;
+};
+export type { StepperProps, StepProps };
+export default Stepper;

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

@@ -0,0 +1,31 @@
+export namespace colors {
+    namespace light {
+        namespace backgroundColor {
+            let _default: string;
+            export { _default as default };
+            export let active: string;
+        }
+        namespace iconColor {
+            let _default_1: string;
+            export { _default_1 as default };
+            let active_1: string;
+            export { active_1 as active };
+        }
+    }
+    namespace dark {
+        export namespace backgroundColor_1 {
+            let _default_2: string;
+            export { _default_2 as default };
+            let active_2: string;
+            export { active_2 as active };
+        }
+        export { backgroundColor_1 as backgroundColor };
+        export namespace iconColor_1 {
+            let _default_3: string;
+            export { _default_3 as default };
+            let active_3: string;
+            export { active_3 as active };
+        }
+        export { iconColor_1 as iconColor };
+    }
+}

package/lib/types/subMenu/SubMenu.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+interface SubMenuProps {
+    /**
+     * 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;
+    /**
+     * Select whether or not there should be a border below the SubMenu.
+     */
+    borderBottom?: boolean;
+    /**
+     * The active className to mark the component as active. Styling targets this classname.
+     */
+    activeClassName?: string;
+}
+declare const SubMenu: ({ children, className, dataTestId, borderBottom, activeClassName }: SubMenuProps) => React.JSX.Element;
+export type { SubMenuProps };
+export default SubMenu;

package/lib/types/subMenu/SubMenu.styles.d.ts

@@ -0,0 +1,11 @@
+interface StyledSubMenuProps {
+    $activeClassName: string;
+    $borderBottom: boolean;
+}
+declare const StyledSubMenu: import("styled-components").StyledComponent<"div", any, StyledSubMenuProps, never>;
+interface StyledSubMenuItemProps {
+    $activeClassName: string;
+    $borderBottom: boolean;
+}
+declare const StyledSubMenuItem: import("styled-components").StyledComponent<"div", any, StyledSubMenuItemProps, never>;
+export { StyledSubMenu, StyledSubMenuItem };

package/lib/types/subMenu/SubMenuItem.d.ts

@@ -0,0 +1,36 @@
+import React, { ReactNode, ComponentType, MouseEvent } from 'react';
+export interface SubMenuItemProps {
+    /**
+     * The content of the component.
+     */
+    children?: ReactNode;
+    /**
+     * The active className to mark the component as active. Styling targets this classname.
+     */
+    activeClassName?: string;
+    /**
+     * 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;
+    /**
+     * Callback fired when the component is clicked.
+     */
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * The url to link to.
+     */
+    href?: string;
+    /**
+     * Add test attribute to the element. Used internally for testing.
+     */
+    dataTestId?: string;
+    [key: string]: any;
+}
+declare const SubMenuItem: ({ children, activeClassName, className, component, onClick, href, dataTestId, ...rest }: SubMenuItemProps) => React.JSX.Element;
+export default SubMenuItem;

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

@@ -0,0 +1,7 @@
+import { SubMenuProps } from './SubMenu';
+import { SubMenuItemProps } from './SubMenuItem';
+declare const SubMenu: (({ children, className, dataTestId, borderBottom, activeClassName }: SubMenuProps) => import("react").JSX.Element) & {
+    SubMenuItem: ({ children, activeClassName, className, component, onClick, href, dataTestId, ...rest }: SubMenuItemProps) => import("react").JSX.Element;
+};
+export type { SubMenuItemProps, SubMenuProps };
+export default SubMenu;

package/lib/types/switchComponent/Switch.styles.d.ts

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