@7shifts/sous-chef 3.35.0 → 3.36.1-beta0

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

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

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

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/ResourceTable/ResourceTable.d.ts

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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

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

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

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

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

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

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

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/dist/utils/date.d.ts

@@ -1,4 +1,5 @@
 import { Matcher } from 'react-day-picker';
+import { TranslateFunction } from '../i18n/types';
 type Locale = any;
 export declare function parseDate(str: string, format: string, locale?: Locale): Date | undefined;
 export declare function formatDate(date: Date, format: string, locale?: Locale): string;
@@ -8,8 +9,14 @@ export declare function setToMidnight(date: Date): Date;
 export declare function getStartOfWeek(date: Date, weekIndex: number): Date;
 export declare function getEndOfWeek(date: Date, weekIndex: number): Date;
 export declare function createWeekRange(date: Date, weekStart: WeekStart): FullDateRange;
-export declare const getDays: () => string[];
-export declare const getMonths: () => string[];
+/**
+ * @param translate pass the translation function returned from the `useTranslate` hook
+ */
+export declare const getDays: (translate: TranslateFunction) => string[];
+/**
+ * @param translate pass the translation function returned from the `useTranslate` hook
+ */
+export declare const getMonths: (translate: TranslateFunction) => string[];
 export type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export type TimeInterval = 15 | 30;
 export type FullDateRange = {

package/dist/utils/i18n.d.ts

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

package/package.json

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