@7shifts/sous-chef 3.25.0 → 3.27.0-beta0

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DataTableColumn, DataTableCustomComponent, DataTableItem, DataTableSort } from './types';
+import type { DataTableColumn, DataTableCustomComponent, DataTableItem, DataTableSort, StickyColumns } from './types';
 declare type Props<T> = {
     /** Each element represents a row and each key of the object represents a column */
     items: DataTableItem<T>[];
@@ -28,6 +28,8 @@ declare type Props<T> = {
     hasVerticalBorders?: boolean;
     /** Used to override the default data-testid */
     testId?: string;
+    /** Used to make the left, rigth or both edge columns sticky */
+    stickyColumns?: StickyColumns;
 };
-declare const DataTable: <T extends unknown>({ items, columns, itemComponent, maxHeight, hasPrevious, hasNext, onPreviousClick, onNextClick, onSort, isLoading, showActionMenu, footerComponent, hasVerticalBorders, testId, skeletonRowLayout }: Props<T>) => JSX.Element;
+declare const DataTable: <T extends unknown>({ items, columns, itemComponent, maxHeight, hasPrevious, hasNext, onPreviousClick, onNextClick, onSort, isLoading, showActionMenu, footerComponent, hasVerticalBorders, testId, skeletonRowLayout, stickyColumns }: Props<T>) => JSX.Element;
 export default DataTable;

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    children: React.ReactNode;
+    columnIndex: number;
+    error?: ReactNode | string;
+    delayOnCloseError?: boolean;
+    noPadding?: boolean;
+    colSpan?: number;
+};
+declare const DataTableCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTableCellElement>>;
+export default DataTableCell;

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

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

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

@@ -0,0 +1,7 @@
+declare type Props = {
+    showShadowOnLeft: boolean;
+    showShadowOnRight: boolean;
+    isShowingColumns: boolean;
+};
+declare const DataTableCoverShadow: ({ showShadowOnLeft, showShadowOnRight, isShowingColumns }: Props) => JSX.Element;
+export default DataTableCoverShadow;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { StickyColumns } from '../types';
+declare type Props = {
+    children: ReactNode;
+    stickyColumns?: StickyColumns;
+    isShowingColumns: boolean;
+    isShowingFooter: boolean;
+};
+declare const DataTableStickyColumnsContainer: ({ children, stickyColumns, isShowingColumns, isShowingFooter }: Props) => JSX.Element;
+export default DataTableStickyColumnsContainer;

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

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

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

@@ -3,4 +3,10 @@ export declare const DATA_TABLE_STATES: {
     readonly SKELETON_LOADING: "SKELETON_LOADING";
     readonly BACKGROUND_LOADING: "BACKGROUND_LOADING";
 };
+export declare const DATA_TABLE_SCROLL_STATES: {
+    readonly NO_SCROLL: "NO_SCROLL";
+    readonly SCROLLABLE_CONTENT_ON_BOTH_SIDES: "SCROLLABLE_CONTENT_ON_BOTH_SIDES";
+    readonly SCROLLABLE_CONTENT_ON_LEFT: "SCROLLABLE_CONTENT_ON_LEFT";
+    readonly SCROLLABLE_CONTENT_ON_RIGHT: "SCROLLABLE_CONTENT_ON_RIGHT";
+};
 export declare const AMOUNT_OF_SKELETON_ROWS = 10;

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

@@ -1,2 +1,7 @@
-import { DataTableState } from './types';
+import { DataTableState, ScrollState } from './types';
 export declare const getDataTableState: (isLoading: boolean, amountOfItems: number) => DataTableState;
+export declare const calculateScrollState: (scrollContainer: {
+    scrollLeft: number;
+    scrollWidth: number;
+    clientWidth: number;
+}) => ScrollState;

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

@@ -8,6 +8,7 @@ export declare type DataTableColumn = {
     isSortable?: boolean;
     currentSort?: DataTableSortDirection;
     isRightAligned?: boolean;
+    hidden?: boolean;
 };
 export declare type DataTableSortDirection = 'asc' | 'desc' | null;
 export declare type DataTableSort = {
@@ -33,4 +34,6 @@ declare type ButtonAction = {
 } & MenuAction;
 export declare type DataTableAction = KebabAction | ButtonAction;
 export declare type DataTableState = 'CONTENT' | 'SKELETON_LOADING' | 'BACKGROUND_LOADING';
+export declare type StickyColumns = 'left' | 'right' | 'both';
+export declare type ScrollState = 'NO_SCROLL' | 'SCROLLABLE_CONTENT_ON_BOTH_SIDES' | 'SCROLLABLE_CONTENT_ON_LEFT' | 'SCROLLABLE_CONTENT_ON_RIGHT';
 export {};

package/dist/lists/hooks/useDataTableScrollState.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ScrollState } from '../DataTable/types';
+export declare const useDataTableScrollState: (stickyColumns?: "left" | "right" | "both" | undefined) => {
+    scrollState: ScrollState;
+    onScroll: () => void;
+    scrollContainerRef: import("react").RefObject<HTMLDivElement>;
+    hasScrollOnLeft: boolean;
+    hasScrollOnRight: boolean;
+    hasRightColumnSticky: boolean;
+    hasLeftColumnSticky: boolean;
+    showCoverShadowOnRight: boolean;
+    showCoverShadowOnLeft: boolean;
+};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+};
+/**
+ * STATUS: IN DRAFT (Don't use this component yet)
+ */
+declare const Menu: React.FC<Props>;
+export default Menu;

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type MenuAction = {
+    action: string;
+    label: React.ReactNode;
+    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "3.25.0",
+    "version": "3.27.0-beta0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",