@7shifts/sous-chef 2.17.2 → 2.19.0

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

@@ -0,0 +1,6 @@
+import DataTable from './DataTable';
+import DataTableRow from './DataTableRow';
+import DataTableCell from './DataTable/DataTableCell/DataTableCell';
+import DataTableEditableCell from './DataTableEditableCell';
+export { DataTable, DataTableRow, DataTableCell, DataTableEditableCell };
+export type { Column as DataTableColumn, CustomComponent as DataTableCustomComponent, SortDirection, Sort, Action } from './DataTable/types';

package/dist/src/media/Avatar/Avatar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Props = {
+    children?: React.ReactNode;
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
+    color?: string;
+    url?: string;
+    badge?: React.ReactNode;
+    alt?: string;
+    testId?: string;
+};
+declare const Avatar: React.FC<Props>;
+export default Avatar;

package/dist/src/media/Avatar/AvatarImage/AvatarImage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    url?: string;
+    color?: string;
+    alt?: string;
+    onImageFallbackError: () => void;
+};
+declare const AvatarImage: React.FC<Props>;
+export default AvatarImage;

package/dist/src/media/Avatar/AvatarImage/index.d.ts

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

package/dist/src/media/Avatar/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const PROFILE_IMAGES: {
+    backgroundColor: string;
+    avatarColor: string;
+}[];

package/dist/src/media/Avatar/index.d.ts

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

package/dist/src/media/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+    theme?: 'success' | 'danger' | 'warning' | 'info';
+    /** This will show a black tooltip when the user hover the button */
+    title?: string;
+    testId?: string;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/src/media/Badge/index.d.ts

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

package/dist/src/media/Chip/Chip.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from './types';
+declare type Props = {
+    /** It is the body text of the Chip */
+    children: React.ReactNode;
+    theme?: Theme;
+    /** This is used for overriding the default data-testid */
+    testId?: string;
+};
+declare const Chip: ({ children, theme, testId }: Props) => JSX.Element;
+export default Chip;

package/dist/src/media/Chip/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const CHIP_THEME: {
+    MARKETING: "marketing";
+    SUCCESS: "success";
+    UPSELL: "upsell";
+    WARNING: "warning";
+    INFO: "info";
+    DANGER: "danger";
+};

package/dist/src/media/Chip/index.d.ts

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

package/dist/src/media/Chip/types.d.ts

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

package/dist/src/media/Pill/Pill.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import { PillTheme } from './types';
+declare type Props = {
+    children: ReactNode;
+    theme?: PillTheme;
+    testId?: string;
+};
+declare const Pill: React.FC<Props>;
+export default Pill;

package/dist/src/media/Pill/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const PILL_THEME: {
+    INFO: "info";
+    SUCCESS: "success";
+    DANGER: "danger";
+    WARNING: "warning";
+    DEFAULT: "default";
+};

package/dist/src/media/Pill/index.d.ts

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

package/dist/src/media/Pill/types.d.ts

@@ -0,0 +1 @@
+export declare type PillTheme = 'info' | 'success' | 'danger' | 'warning' | 'default';

package/dist/src/media/index.d.ts

@@ -0,0 +1,5 @@
+import Badge from './Badge';
+import Avatar from './Avatar';
+import Chip from './Chip';
+import Pill from './Pill';
+export { Badge, Avatar, Chip, Pill };

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

@@ -0,0 +1,24 @@
+import React, { MutableRefObject } from 'react';
+import '../../forms/DatePickerCalendar/date-picker-calendar.scss';
+import 'react-day-picker/lib/style.css';
+import { BlockedDays, WeekStart } from '../../utils/date';
+import { CalendarMode, CalendarPlacement } from './types';
+declare type Props = {
+    mode?: CalendarMode;
+    /** Note that if the calendar is not able to fit in the selected position,
+     *  it will override this selection and select the one that fits in the window. */
+    position?: CalendarPlacement;
+    weekStart?: WeekStart;
+    selected?: Date;
+    onSelect: (selected: Date) => void;
+    onClickOutside: () => void;
+    /** It disable some dates so the user can't click on them. Refer to this
+     * [doc](https://react-day-picker-v7.netlify.app/api/DayPicker#disabledDays) to see what
+     * values you can use. */
+    disabledDays?: BlockedDays;
+    anchorRef: MutableRefObject<HTMLElement | null>;
+    testId?: string;
+};
+/**Calendar overlay component*/
+declare const Calendar: React.FC<Props>;
+export default Calendar;

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

@@ -0,0 +1,8 @@
+export declare const CALENDAR_MODE: {
+    DAY: "day";
+    WEEK: "week";
+};
+export declare const CALENDAR_PLACEMENT: {
+    BOTTOM: "bottom";
+    TOP: "top";
+};

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

@@ -0,0 +1,7 @@
+import { CalendarPlacement } from './types';
+declare type Position = {
+    left: number;
+    top: number;
+};
+export declare const calculateCalendarPosition: (placement: CalendarPlacement, anchorPosition: DOMRect, calendarDimensions?: DOMRect | undefined) => Position;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export declare type CalendarPlacement = 'top' | 'bottom';
+export declare type CalendarMode = 'day' | 'week';

package/dist/src/overlay/KebabMenu/KebabMenu.d.ts

@@ -0,0 +1,6 @@
+import { MenuAction } from '../Menu/types';
+declare type Props = {
+    actions: MenuAction[];
+};
+declare const KebabMenu: ({ actions }: Props) => JSX.Element;
+export default KebabMenu;

package/dist/src/overlay/KebabMenu/index.d.ts

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

package/dist/src/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/src/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/src/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/src/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/src/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/src/overlay/Menu/index.d.ts

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

package/dist/src/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/src/overlay/Modal/Modal.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+declare type Props = {
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    subHeader?: React.ReactNode;
+    onClose: () => void;
+    zIndex?: number;
+    /** This is the ID for the root element so when the modal is open it only allows iteracting with the modal when pressing tab. Can also use `Modal.setAppElement('#root')` in te main app once. */
+    rootElementId?: string;
+    width?: number;
+    height?: number;
+    maxWidth?: number;
+    shouldReturnFocusAfterClose?: boolean;
+    testId?: string;
+};
+declare const Modal: {
+    ({ children, header, subHeader, onClose, zIndex, rootElementId, width, height, maxWidth, shouldReturnFocusAfterClose, testId }: Props): JSX.Element;
+    setAppElement(rootElement: string | HTMLElement): void;
+};
+export default Modal;

package/dist/src/overlay/Modal/ModalBody/ModalBody.d.ts

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

package/dist/src/overlay/Modal/ModalBody/index.d.ts

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

package/dist/src/overlay/Modal/ModalBody/useScrollShadow.d.ts

@@ -0,0 +1,7 @@
+import { RefType } from '../../../utils/types';
+declare type UseScrollShadow = {
+    ref: RefType<HTMLDivElement>;
+    showScrollShadow: boolean;
+};
+export declare const useScrollShadow: () => UseScrollShadow;
+export {};

package/dist/src/overlay/Modal/ModalFooter/ModalFooter.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type Props = {
+    children?: React.ReactNode;
+    /** This will streamline the button creation and all the design pattern applied on buttons with a modal footer. If you want more flexibility to build the footer you can pass a `children` instead of using the `actions` prop. */
+    actions?: {
+        primary?: React.ReactElement;
+        secondary?: React.ReactElement;
+        tertiary?: React.ReactElement;
+    };
+    testId?: string;
+};
+declare const ModalFooter: ({ children, actions, testId }: Props) => JSX.Element;
+export default ModalFooter;

package/dist/src/overlay/Modal/ModalFooter/index.d.ts

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

package/dist/src/overlay/Modal/ModalHeader/ModalHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type Props = {
+    header?: React.ReactNode;
+    subHeader?: React.ReactNode;
+    onClose: () => void;
+};
+declare const ModalHeader: ({ header, subHeader, onClose }: Props) => JSX.Element;
+export default ModalHeader;

package/dist/src/overlay/Modal/ModalHeader/index.d.ts

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

package/dist/src/overlay/Modal/index.d.ts

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Placement, TooltipTheme } from './types';
+declare type Props = {
+    theme?: TooltipTheme;
+    /** It defines the overlay position on the screen. The component might not use the value defined in here as it will place the tooltip on the best place based on the anchor position on the screen. */
+    placement?: Placement;
+    /** It can be text or a JSX. */
+    overlay?: React.ReactNode;
+    /** Used on the `white` theme when there is a need of adding a header to the tooltip. */
+    header?: React.ReactNode;
+    /** If `true` it allow the overlay to keep open if the user hover it so, user can iteract with it (click on a link or copy the text). */
+    delayOnClose?: boolean;
+    /** If `true` it will add a delay on opening the overlay, if the user is not hovering the anchor it will not open the overlay. */
+    delayOnOpen?: boolean;
+    extraClass?: string;
+    onClose?: () => void;
+    onVisibleChange?: (isVisible: boolean) => void;
+    children: React.ReactElement;
+    testId?: string;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Placement, TooltipTheme } from '../types';
+declare type Props = {
+    theme: TooltipTheme;
+    children: React.ReactNode;
+    anchorPosition: DOMRect;
+    placement: Placement;
+    header?: React.ReactNode;
+    onClose: () => void;
+    onFocusIn: () => void;
+    onFocusOut: () => void;
+    extraClass?: string;
+    testId?: string;
+};
+declare const TooltipOverlay: React.FC<Props>;
+export default TooltipOverlay;

package/dist/src/overlay/Tooltip/TooltipOverlay/domain.d.ts

@@ -0,0 +1,20 @@
+import { Placement, ActualPlacement } from '../types';
+declare type Position = {
+    width: number;
+    left: number;
+    top: number;
+};
+export declare const calculatePosition: (placement: Placement, anchorPosition: DOMRect, tooltipRectPosition?: DOMRect | undefined) => {
+    overlay?: Position | undefined;
+    arrow?: ArrowPosition | undefined;
+    actualPlacement: ActualPlacement;
+};
+export declare const updateMisalignedOverlay: (overlayPosition: Position, arrowPosition: ArrowPosition, tooltipRectPosition: DOMRect) => Position;
+export declare const calculateOverlayPosition: (actualPlacement: ActualPlacement, anchorPosition: DOMRect, tooltipWidth?: number) => Position;
+export declare const getActualPlacement: (placement: Placement, anchorPosition: DOMRect, tooltipHeight: number) => ActualPlacement;
+declare type ArrowPosition = {
+    left: number;
+    top: number;
+};
+export declare const calculateArrowPosition: (placement: Placement, tooltipPosition: Position, anchorPosition: DOMRect, tooltipRectPosition?: DOMRect | undefined) => ArrowPosition;
+export {};

package/dist/src/overlay/Tooltip/TooltipOverlay/index.d.ts

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

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

@@ -0,0 +1,15 @@
+export declare const TOOLTIP_THEME: {
+    BLACK: "black";
+    WHITE: "white";
+};
+export declare const TOOLTIP_PLACEMENT: {
+    BOTTOM: "bottom";
+    TOP: "top";
+};
+export declare const TOOLTIP_DELAY_ON_CLOSE = 350;
+export declare const TOOLTIP_DELAY_ON_OPEN = 600;
+export declare const SPACE = 14;
+export declare const PADDING = 12;
+export declare const BUFFER = 2;
+export declare const ARROW_WIDTH = 10;
+export declare const ARROW_MARGIN = 5;

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

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

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

@@ -0,0 +1,6 @@
+export declare type Placement = 'bottom' | 'top';
+export declare type ActualPlacement = {
+    placement: Placement;
+    top: number;
+};
+export declare type TooltipTheme = 'black' | 'white';

package/dist/src/overlay/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,5 @@
+declare type Event = MouseEvent | TouchEvent;
+export default function useOnClickOutside<T = HTMLElement>(ref: {
+    current: T | null;
+}, cb: (event?: Event) => void): void;
+export {};

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

@@ -0,0 +1,6 @@
+import Tooltip from './Tooltip';
+import Modal from './Modal';
+import ModalBody from './Modal/ModalBody';
+import ModalFooter from './Modal/ModalFooter';
+import Calendar from './Calendar/Calendar';
+export { Tooltip, Modal, ModalBody, ModalFooter, Calendar };

package/dist/src/utils/date.d.ts

@@ -0,0 +1,24 @@
+import { Modifier } from 'react-day-picker';
+declare 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;
+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 DAYS: string[];
+export declare const MONTH_NAMES: string[];
+export declare type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export declare type FullDateRange = {
+    start: Date;
+    end: Date;
+};
+export declare type DateRange = {
+    start?: Date;
+    end?: Date;
+};
+export declare type BlockedDays = Modifier | Modifier[];
+export declare type DateRangeError = string | {
+    [K in keyof DateRange]: string;
+};
+export {};

package/dist/src/utils/formik.d.ts

@@ -0,0 +1,6 @@
+import { FormikType } from '../forms';
+export declare const getFormikState: (name: string, formik?: FormikType | undefined) => {
+    error: any;
+    value: any;
+} | null;
+export declare const getFormikArrayPath: (name: string) => string[];

package/dist/src/utils/i18n.d.ts

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

package/dist/src/utils/string.d.ts

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

package/dist/src/utils/types.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare type RefType<T> = React.MutableRefObject<T | null> | ((instance: T | null) => void) | null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "2.17.2",
+    "version": "2.19.0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",
@@ -26,9 +26,11 @@
         "test:unit": "cross-env CI=1 react-scripts test --colors --transformIgnorePatterns \"node_modules/(?!time-autocomplete)/\" --env=jest-environment-jsdom-sixteen --setupTestFrameworkScriptFile=./jestSetup.js",
         "test:unit:coverage": "run-s \"test:unit --coverage --coveragePathIgnorePatterns .stories.tsx index.ts icon-typescript-template.js types.ts\"",
         "test:watch": "react-scripts test --colors --transformIgnorePatterns \"node_modules/(?!time-autocomplete)/\" --env=jest-environment-jsdom-sixteen  --setupTestFrameworkScriptFile=./jestSetup.js",
-        "test:visual": "chromatic --project-token=9226d55e4d56 --exit-zero-on-changes",
-        "storybook": "start-storybook -p 6006",
-        "storybook:build": "build-storybook -o ./.storybook/dist",
+        "test:visual": "chromatic --project-token=9226d55e4d56 --exit-zero-on-changes --build-script-name=storybook:chromatic:build",
+        "storybook": "start-storybook -p 6006 --loglevel info",
+        "storybook:chromatic": "start-storybook -p 6006",
+        "storybook:chromatic:build": "build-storybook -o ./.storybook/dist",
+        "storybook:build": "build-storybook -o ./.storybook/dist --loglevel info",
         "new:component": "node ./scripts/new-component.js"
     },
     "peerDependencies": {
@@ -38,10 +40,13 @@
     "devDependencies": {
         "@babel/core": "^7.16.7",
         "@babel/plugin-transform-regenerator": "^7.16.7",
-        "@storybook/addon-actions": "^6.4.12",
-        "@storybook/addon-essentials": "^6.4.12",
-        "@storybook/addon-links": "^6.4.12",
-        "@storybook/react": "^6.4.12",
+        "@storybook/addon-actions": "^6.5.15",
+        "@storybook/addon-essentials": "^6.5.15",
+        "@storybook/addon-interactions": "^6.5.15",
+        "@storybook/addon-links": "^6.5.15",
+        "@storybook/jest": "^0.0.10",
+        "@storybook/react": "^6.5.15",
+        "@storybook/testing-library": "^0.0.13",
         "@svgr/cli": "^6.2.0",
         "@testing-library/jest-dom": "^5.12.0",
         "@testing-library/react": "^11.2.7",
@@ -91,12 +96,13 @@
         "dist"
     ],
     "dependencies": {
-        "classnames": "^2.3.1",
-        "date-fns": "2.11.1",
+        "classnames": "^2.3.2",
+        "date-fns": "2.29.3",
         "lodash-es": "^4.17.15",
         "react-day-picker": "^7.2.3",
         "react-modal": "^3.16.1",
         "react-select": "^3.1.0",
+        "react-toastify": "^5.5.0",
         "time-autocomplete": "^2.0.0-dev"
     }
 }

package/dist/core/DataTableRow/DataTableRow.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { Action } from '../DataTable/types';
-declare type Props = {
-    children: React.ReactNode;
-    onClick?: () => void;
-    isSelected?: boolean;
-    actions?: Action[];
-    hasDefaultPadding?: boolean;
-} & Omit<React.HTMLProps<HTMLDivElement>, 'css'>;
-declare const DataTableRow: React.ForwardRefExoticComponent<Pick<Props, "children" | "type" | "default" | "disabled" | "onClick" | "id" | "title" | "href" | "target" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "key" | "contextMenu" | "list" | "className" | "start" | "wrap" | "dir" | "checked" | "onChange" | "name" | "value" | "onBlur" | "placeholder" | "prefix" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "size" | "open" | "multiple" | "aria-label" | "aria-labelledby" | "autoFocus" | "onFocus" | "onKeyDown" | "tabIndex" | "defaultValue" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "wmode" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "draggable" | "lang" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isSelected" | "actions" | "hasDefaultPadding"> & React.RefAttributes<HTMLDivElement>>;
-export default DataTableRow;

package/dist/core/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/core/ResourceTable/ResourceTableContext.d.ts

@@ -1,8 +0,0 @@
-/// <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/core/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/core/ResourceTable/index.d.ts

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