@7shifts/sous-chef 3.56.0-beta.0 → 3.56.0-beta0

package/dist/overlay/DropdownListItem/DropdownListItem.d.ts

@@ -16,5 +16,5 @@ type Props = {
     /** If an `href` is passed `reloadDocument` will control whether the link reloads the page or not. */
     reloadDocument?: boolean;
 };
-declare const DropdownListItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownListItem: ({ onClick, prefix, suffix, caption, selected, disabled, testId, children, href, target, reloadDocument }: Props) => React.JSX.Element;
 export default DropdownListItem;

package/dist/overlay/Tooltip/Tooltip.d.ts

@@ -19,5 +19,5 @@ type Props = {
     testId?: string;
     maxHeight?: string | number;
 };
-declare const Tooltip: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "3.56.0-beta.0",
+    "version": "3.56.0-beta0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",

package/dist/controls/ToolbarSelect/ToolbarSelect.styles.d.ts

@@ -1,5 +0,0 @@
-type GetSelectStylesControls = {
-    wrapToNextLine?: boolean;
-};
-export declare const getSelectStyles: ({ wrapToNextLine }: GetSelectStylesControls) => Object;
-export {};

package/dist/forms/DatePickerCalendar/DatePickerCalendar.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import styles from './date-picker-calendar.scss';
-declare type Props = {
-    classNames: typeof styles;
-    inputNode: HTMLElement;
-    onBlur: () => void;
-    onFocus: () => void;
-    tabIndex: number;
-    children: React.ReactNode;
-    showCalendar: boolean;
-    onClickOutside: () => void;
-    testId?: string;
-};
-declare const DatePickerCalendar: React.FC<Props>;
-export default DatePickerCalendar;

package/dist/forms/DatePickerCalendar/index.d.ts

@@ -1 +0,0 @@
-export { default } from './DatePickerCalendar';

package/dist/forms/hooks/useFieldMask.d.ts

@@ -1 +0,0 @@
-export declare const useFieldMask: (format: string) => (input: HTMLInputElement) => void;

package/dist/forms/hooks/useShouldScrollMenuIntoView.d.ts

@@ -1 +0,0 @@
-export declare const useShouldScrollMenuIntoView: (menuShouldScrollIntoView?: boolean) => boolean;

package/dist/foundation/colors.d.ts

@@ -1,53 +0,0 @@
-export declare const WHITE: '#ffffff';
-export declare const BLACK: '#000000';
-export declare const TANGERINE100: '#fef1ed';
-export declare const TANGERINE200: '#fdd5c8';
-export declare const TANGERINE300: '#fcab91';
-export declare const TANGERINE400: '#fb7448';
-export declare const TANGERINE500: '#e16840';
-export declare const TANGERINE600: '#96452b';
-export declare const EGGPLANT100: '#f0f3fb';
-export declare const EGGPLANT200: '#d3dbf4';
-export declare const EGGPLANT300: '#a7b7ea';
-export declare const EGGPLANT400: '#6d87dd';
-export declare const EGGPLANT500: '#6179c6';
-export declare const EGGPLANT600: '#415184';
-export declare const MINT100: '#ecfaf8';
-export declare const MINT200: '#c6f1eb';
-export declare const MINT300: '#8de4d7';
-export declare const MINT400: '#3abda9';
-export declare const MINT500: '#35ac9a';
-export declare const MINT600: '#277e71';
-export declare const RADISH100: '#fcf0f0';
-export declare const RADISH200: '#f7d1d1';
-export declare const RADISH300: '#f0a3a3';
-export declare const RADISH400: '#e76767';
-export declare const RADISH500: '#cf5c5c';
-export declare const RADISH600: '#8a3d3d';
-export declare const BLUEBERRY100: '#f6fdff';
-export declare const BLUEBERRY200: '#ceecf5';
-export declare const BLUEBERRY300: '#9cd9eb';
-export declare const BLUEBERRY400: '#5bc0de';
-export declare const BLUEBERRY500: '#51acc7';
-export declare const BLUEBERRY600: '#367385';
-export declare const BANANA100: '#fff9ed';
-export declare const BANANA200: '#ffeec9';
-export declare const BANANA300: '#ffdd92';
-export declare const BANANA400: '#ffc74a';
-export declare const BANANA500: '#e5b242';
-export declare const BANANA600: '#99772c';
-export declare const GREY100: '#F3F3F3';
-export declare const GREY200: '#D5D5D5';
-export declare const GREY300: '#949494';
-export declare const GREY400: '#767676';
-export declare const GREY500: '#464646';
-export declare const GREY600: '#323232';
-export declare const COLORS: {
-    TANGERINE: string;
-    EGGPLANT: string;
-    MINT: string;
-    RADISH: string;
-    BLUEBERRY: string;
-    BANANA: string;
-};
-export declare type Color = typeof WHITE | typeof BLACK | typeof TANGERINE100 | typeof TANGERINE200 | typeof TANGERINE300 | typeof TANGERINE400 | typeof TANGERINE500 | typeof TANGERINE600 | typeof EGGPLANT100 | typeof EGGPLANT200 | typeof EGGPLANT300 | typeof EGGPLANT400 | typeof EGGPLANT500 | typeof EGGPLANT600 | typeof MINT100 | typeof MINT200 | typeof MINT300 | typeof MINT400 | typeof MINT500 | typeof MINT600 | typeof RADISH100 | typeof RADISH200 | typeof RADISH300 | typeof RADISH400 | typeof RADISH500 | typeof RADISH600 | typeof BLUEBERRY100 | typeof BLUEBERRY200 | typeof BLUEBERRY300 | typeof BLUEBERRY400 | typeof BLUEBERRY500 | typeof BLUEBERRY600 | typeof BANANA100 | typeof BANANA200 | typeof BANANA300 | typeof BANANA400 | typeof BANANA500 | typeof BANANA600 | typeof GREY100 | typeof GREY200 | typeof GREY300 | typeof GREY400 | typeof GREY500 | typeof GREY600;

package/dist/lists/DataTable/DataTableCell/DataTableCell.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-    columnIndex: number;
-};
-declare const DataTableCell: ({ children, columnIndex }: Props) => JSX.Element;
-export default DataTableCell;

package/dist/lists/DataTable/DataTableCell/index.d.ts

@@ -1 +0,0 @@
-export * from './DataTableCell';

package/dist/lists/DataTable/DataTableHeader.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { Column, Sort } from './types';
-declare type Props = {
-    columns: Column[];
-    onSort?: (sort: Sort) => void;
-    showActionMenu?: boolean;
-};
-declare const DataTableHeader: React.FC<Props>;
-export default DataTableHeader;

package/dist/lists/ResourceTable/ResourceTable.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import type { Column, CustomComponent, Item, Sort } from './types';
-declare type Props<T> = {
-    /** Each element represents a row and each key of the object represents a column */
-    items: Item<T>[];
-    /** For each column element, the `name` property should match the key on `items` */
-    columns?: Column[];
-    /** A custom component for  customizing how the each item is rendered. It pass as props: `item`, `index`, `columnSizes` and `columns` */
-    itemComponent?: React.ComponentType<CustomComponent<T>>;
-    maxHeight?: number;
-    /** Used for pagination */
-    hasPrevious?: boolean;
-    /** Used for pagination */
-    hasNext?: boolean;
-    /** Used for pagination */
-    onPreviousClick?: () => void;
-    /** Used for pagination */
-    onNextClick?: () => void;
-    isLoading?: boolean;
-    /** It is fired when a sorted column is clicked to be sorted */
-    onSort?: (sort: Sort) => void;
-    showActionMenu?: boolean;
-};
-/**
- * @deprecated On v2.0 we introduced the `DataTable` that should be used for tabular data. This component will be removed on v3.0.
- */
-declare const ResourceTable: <T extends unknown>({ items, columns, itemComponent, maxHeight, hasPrevious, hasNext, onPreviousClick, onNextClick, onSort, isLoading, showActionMenu }: Props<T>) => JSX.Element;
-export default ResourceTable;

package/dist/lists/ResourceTable/ResourceTableContext.d.ts

@@ -1,7 +0,0 @@
-export declare type ResourceTableContextType = {
-    columnSizes?: number[];
-    showActionMenu?: boolean;
-};
-declare const Context: import("react").Context<ResourceTableContextType>;
-export declare const useResourceTableContext: () => ResourceTableContextType;
-export default Context;

package/dist/lists/ResourceTable/ResourceTableHeader.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Column, Sort } from './types';
-declare type Props = {
-    columns: Column[];
-    onSort?: (sort: Sort) => void;
-    showActionMenu?: boolean;
-};
-/**
- * @deprecated On v2.0 we introduced the `DataTable` that should be used for tabular data. This component will be removed on v3.0.
- */
-declare const ResourceTableHeader: React.FC<Props>;
-export default ResourceTableHeader;

package/dist/lists/ResourceTable/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ResourceTable';

package/dist/lists/ResourceTable/types.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export declare type Column = {
-    name: string;
-    label?: React.ReactNode;
-    size?: number;
-    isSortable?: boolean;
-    currentSort?: SortDirection;
-};
-export declare type SortDirection = 'asc' | 'desc' | null;
-export declare type Sort = {
-    columnName: string;
-    direction: SortDirection;
-};
-export declare type Item<T> = T | (T & {
-    actions?: Action[];
-});
-export declare type CustomComponent<T> = {
-    item: Item<T>;
-    index: number;
-    columnSizes?: number[];
-    columns?: Column[];
-};
-export declare type Action = {
-    label: React.ReactNode;
-    onAction: () => void;
-};

package/dist/lists/ResourceTableRow/ResourceTableRow.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { Action } from '../ResourceTable/types';
-declare type Props = {
-    children: React.ReactNode;
-    onClick?: () => void;
-    isSelected?: boolean;
-    actions?: Action[];
-};
-/**
- * @deprecated On v2.0 we introduced the `DataTable` that should be used for tabular data. This component will be removed on v3.0.
- */
-declare const ResourceTableRow: React.FC<Props>;
-export default ResourceTableRow;

package/dist/lists/ResourceTableRow/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ResourceTableRow';

package/dist/overlay/Menu/Menu.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-};
-/**
- * STATUS: IN DRAFT (Don't use this component yet)
- * It is working to cover the ResourceTable actions menu but there are some functionalities pending such as `dividers` and `direction`.
- */
-declare const Menu: React.FC<Props>;
-export default Menu;

package/dist/overlay/Menu/MenuButton.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare type ButtonTheme = 'default' | 'primary' | 'danger' | 'upsell' | 'marketing' | 'hollow' | 'link-primary' | 'link-danger' | 'link-upsell' | 'link-toolbar' | 'link-contrast' | 'link-icon';
-declare type Props = {
-    children: React.ReactNode;
-    theme?: ButtonTheme;
-};
-declare const MenuButton: React.FC<Props>;
-export default MenuButton;

package/dist/overlay/Menu/MenuContext.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type MenuContextType = {
-    onToggleMenu: () => void;
-    isOpen: boolean;
-    triggerRef: any;
-};
-declare const MenuContext: React.Context<MenuContextType>;
-export declare const useMenuContext: () => MenuContextType;
-export default MenuContext;

package/dist/overlay/Menu/MenuItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type Props = {
-    onClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
-    children: React.ReactNode;
-};
-declare const MenuItem: React.FC<Props>;
-export default MenuItem;

package/dist/overlay/Menu/MenuList.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare type Props = {
-    children: React.ReactNode;
-};
-declare const MenuList: React.FC<Props>;
-export default MenuList;

package/dist/overlay/Menu/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Menu';

package/dist/overlay/Menu/types.d.ts

@@ -1,5 +0,0 @@
-export declare type MenuAction = {
-    action?: string;
-    label: React.ReactNode;
-    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
-};

package/dist/utils/i18n.d.ts

@@ -1 +0,0 @@
-export declare const getLocalizedString: (key: string) => string;

package/dist/utils/mask.d.ts

@@ -1,18 +0,0 @@
-type CursorPosition = {
-    selectionStart: number;
-    selectionEnd: number;
-};
-type MaskParams = {
-    value: string;
-    format: string;
-    cursorPosition: CursorPosition;
-    slots?: string;
-};
-export declare const maskfy: (params: MaskParams) => {
-    maskedValue: string;
-    cursorPosition: {
-        selectionStart: number;
-        selectionEnd: number;
-    };
-};
-export {};