@7shifts/sous-chef 3.29.2 → 3.30.0

package/dist/actions/Button/Button.d.ts

@@ -1,29 +1,31 @@
 import React from 'react';
-import { PositionStyles } from '../../foundation/types';
-declare const _default: React.ForwardRefExoticComponent<{
+import type { ButtonTheme, ButtonSize, ButtonType, ButtonTarget } from './types';
+import type { PositionStyles, DataProps } from '../../foundation/types';
+declare type Props = {
     children: React.ReactNode;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: ButtonType;
     /** It controls the button theme */
-    theme?: "default" | "primary" | "danger" | "upsell" | "marketing" | "hollow" | "hollow-contrast" | "link-primary" | "link-danger" | "link-upsell" | "link-toolbar" | "link-contrast" | "link-icon" | undefined;
-    disabled?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
-    id?: string | undefined;
-    loading?: boolean | undefined;
+    theme?: ButtonTheme;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler;
+    onMouseEnter?: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
+    onBlur?: React.FocusEventHandler;
+    onFocus?: React.FocusEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    id?: string;
+    loading?: boolean;
     /** This will show a black tooltip when the user hover the button */
-    title?: React.ReactNode;
-    href?: string | undefined;
-    target?: "_blank" | "_self" | undefined;
-    testId?: string | undefined;
+    title?: string | React.ReactNode;
+    href?: string;
+    target?: ButtonTarget;
+    testId?: string;
     /**
      * This prop controls how the button grows having the following options:<br/>
      * *full-width*: Will grow to fill the size of the container it is placed within.
      * *min-width-100*: It will have a `min-width: 100` style. It is used for CTA buttons in forms and modals.
      */
-    size?: "full-width" | "min-width-100" | undefined;
-} & PositionStyles & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    size?: ButtonSize;
+} & PositionStyles & DataProps;
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, any> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default _default;

package/dist/actions/Link/Link.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { Target, Theme } from './types';
+import { DataProps } from '../../foundation/types';
 declare type Props = {
     href: string;
     target?: Target;
     theme?: Theme;
     onClick?: React.MouseEventHandler;
     children: React.ReactNode;
-};
-declare const Link: ({ href, target, theme, onClick, children }: Props) => React.JSX.Element;
+} & DataProps;
+declare const Link: ({ href, target, theme, onClick, children, ...otherProps }: Props) => React.JSX.Element;
 export default Link;

package/dist/actions/PaginationControls/PaginationControls.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { DataProps } from '../../foundation/types';
 declare type Props = {
     hasPrevious?: boolean;
     hasNext?: boolean;
@@ -6,7 +7,7 @@ declare type Props = {
     onNextClick: () => void;
     testId?: string;
     scrollTarget?: React.RefObject<HTMLElement>;
-};
+} & DataProps;
 /**
  * `PaginationControls` are two buttons side by side.
  */

package/dist/actions/Toggle/Toggle.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { DataProps } from '../../foundation/types';
 declare type Props = {
     /** It turns the toggle ON if `true` and OFF if `false` */
     checked: boolean;
@@ -8,7 +9,7 @@ declare type Props = {
     disabled?: boolean;
     id?: string;
     testId?: string;
-};
+} & DataProps;
 /**
  * Used when you want to allow the user to turn some information ON and OFF.
  *

package/dist/forms/MultiSelectField/MultiSelectField.d.ts

@@ -16,6 +16,8 @@ declare type Props<T> = {
     caption?: React.ReactNode;
     error?: React.ReactNode;
     placeholder?: string;
+    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
+    prefix?: React.ReactNode;
     noOptionsMessage?: string | NoOptionsMessageFunction;
     disabled?: boolean;
     closeOnSelect?: boolean;
@@ -28,5 +30,5 @@ declare type Props<T> = {
     onCreate?: (option: string) => void;
 };
 /** Component to make possible choose from a predefined options. */
-declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, testId, isSearchable, creatableButton, onCreate }: Props<T>) => React.JSX.Element;
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, testId, isSearchable, creatableButton, onCreate }: Props<T>) => React.JSX.Element;
 export default MultiSelectField;