@7shifts/sous-chef 3.50.0 → 4.0.0-beta.0

package/dist/lists/ActionList/ActionList.d.ts

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

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

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

package/dist/lists/ActionListItem/ActionListItem.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import Button from '../../actions/Button/Button';
+import { ActionListItemTheme } from './type';
+export type MenuAction = {
+    action: string;
+    label: React.ReactNode;
+    onAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    buttonProps?: Pick<React.ComponentPropsWithoutRef<typeof Button>, 'theme' | 'disabled' | 'loading' | 'title' | 'testId'>;
+    showInKebab?: boolean;
+};
+type Props = {
+    title: string;
+    children?: ReactNode;
+    icon: React.ReactElement;
+    theme?: ActionListItemTheme;
+    onAction?: () => void;
+    disabled?: boolean;
+    actions?: MenuAction[];
+    suffix?: ReactNode;
+    testId?: string;
+};
+declare const ActionListItem: ({ title, children, icon, theme, onAction, disabled, actions, suffix, testId }: Props) => React.JSX.Element;
+export default ActionListItem;

package/dist/lists/ActionListItem/ActionListItemActions/ActionListItemActions.d.ts

@@ -0,0 +1,8 @@
+import { MenuAction } from '../ActionListItem';
+import React from 'react';
+type Props = {
+    actions: MenuAction[];
+    disabled: boolean;
+};
+declare const ActionListItemActions: ({ actions, disabled }: Props) => React.JSX.Element;
+export default ActionListItemActions;

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

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

package/dist/lists/ActionListItem/type.d.ts

@@ -0,0 +1 @@
+export type ActionListItemTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';

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 { 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

@@ -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,7 @@
+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/lists/index.d.ts

@@ -4,6 +4,8 @@ import DataTableEditableCell from './DataTableEditableCell';
 import DataTableCell from './DataTableCell/DataTableCell';
 import { useDataTableContext } from './DataTable/DataTableContext';
 import Accordion from './Accordion';
-export { DataTable, DataTableRow, DataTableCell, DataTableEditableCell, useDataTableContext, Accordion };
+import ActionList from './ActionList';
+import ActionListItem from './ActionListItem';
+export { DataTable, DataTableRow, DataTableCell, DataTableEditableCell, useDataTableContext, Accordion, ActionList, ActionListItem };
 export type { DataTableColumn, DataTableCustomComponent, DataTableSortDirection, DataTableSort, DataTableAction } from './DataTable/types';
 export type { AccordionItem } from './Accordion/types';

package/dist/overlay/Calendar/Calendar.d.ts

@@ -7,7 +7,7 @@ type Props = {
      *  it will override this selection and select the one that fits in the window. */
     position?: CalendarPlacement;
     weekStart?: WeekStart;
-    selected?: Date;
+    selected?: Date | null;
     initialMonth?: Date;
     onSelect: (selected: Date) => void;
     onClickOutside: () => void;
@@ -18,6 +18,7 @@ type Props = {
     anchorRef: MutableRefObject<HTMLElement | null>;
     testId?: string;
     onMonthChange?: (month: Date) => void;
+    id?: string;
 };
 /**Calendar overlay component*/
 declare const Calendar: React.FC<Props>;

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

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

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

package/dist/utils/i18n.d.ts

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

package/dist/utils/mask.d.ts

@@ -0,0 +1,18 @@
+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 {};

package/package.json

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