@jobber/components 4.42.0 → 4.42.1-update-hov.11

package/dist/DataList/DataList.utils.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { DataListHeader, DataListItemType, DataListItemTypeFromHeader, DataListObject } from "./DataList.types";
 import { Breakpoints } from "./DataList.const";
 /**
@@ -10,11 +10,12 @@ export declare function getCompoundComponent<T>(children: ReactElement | ReactEl
  */
 export declare function getCompoundComponents<T>(children: ReactElement | ReactElement[], type: ReactElement<T>["type"]): ReactElement<T>[];
 /**
- * Generate the default elements the DataList would use on the data provided.
+ * Generate the default element the DataList would use on the data provided.
  */
-export declare function generateListItemElements<T extends DataListObject>(data: T[]): DataListItemType<T[]>[];
+export declare function generateListItemElement<T extends DataListObject>(item: T): DataListItemType<T[]>;
 /**
  * Generate the header elements with the default styling
  */
 export declare function generateHeaderElements<T extends DataListObject>(headers: DataListHeader<T>): DataListItemTypeFromHeader<T, DataListHeader<T>> | undefined;
-export declare function sortSizeProp(sizeProp: Breakpoints[]): ("xs" | "sm" | "md" | "lg" | "xl")[];
+export declare function sortBreakpoints(sizeProp: Breakpoints[]): ("xs" | "sm" | "md" | "lg" | "xl")[];
+export declare function getExposedActions(childrenArray: ReactElement[], childCount?: number): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];

package/dist/DataList/components/DataListAction/DataListAction.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import { DataListActionProps, DataListObject, InternalDataListActionProps } from "../../DataList.types";
-export declare function DataListAction<T extends DataListObject>(_: DataListActionProps<T>): null;
-export declare function InternalDataListAction<T extends DataListObject>({ label, icon, destructive, onClick, item, }: InternalDataListActionProps<T>): JSX.Element;
+import { DataListActionProps, DataListObject } from "@jobber/components/DataList/DataList.types";
+export declare function DataListAction<T extends DataListObject>({ label, icon, destructive, visible, onClick, }: DataListActionProps<T>): JSX.Element | null;

package/dist/DataList/components/DataListActions/DataListActions.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DataListActionsProps, DataListObject } from "../../DataList.types";
+export declare function DataListActions<T extends DataListObject>({ children, itemsToExpose, }: DataListActionsProps<T>): JSX.Element;

package/dist/DataList/components/DataListActions/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListActions";

package/dist/DataList/components/DataListBulkActions/DataListBulkActions.const.d.ts

@@ -0,0 +1 @@
+export declare const BULK_ACTIONS_CONTAINER_TEST_ID = "ATL-DataListBulkActions-Container";

package/dist/DataList/components/DataListBulkActions/DataListBulkActions.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DataListBulkActionsProps } from "../../DataList.types";
+export declare function DataListBulkActions(_: DataListBulkActionsProps): null;
+export declare function InternalDataListBulkActions(): JSX.Element | null;

package/dist/DataList/components/DataListBulkActions/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListBulkActions";

package/dist/DataList/components/DataListHeader/DataListHeader.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function DataListHeader(): JSX.Element | null;

package/dist/DataList/components/DataListHeader/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListHeader";

package/dist/DataList/components/DataListItem/DataListItem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DataListLayoutProps, DataListObject } from "@jobber/components/DataList/DataList.types";
+interface DataListItem<T extends DataListObject> {
+    readonly item: T;
+    readonly index: number;
+    readonly layout: DataListLayoutProps<T>["children"];
+}
+export declare function DataListItem<T extends DataListObject>({ item, layout, }: DataListItem<T>): JSX.Element;
+export {};

package/dist/DataList/components/{DataListLayoutInternal → DataListItem}/DataListItemInternal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DataListObject } from "../../DataList.types";
+import { DataListObject } from "@jobber/components/DataList/DataList.types";
 interface ListItemInternalProps<T extends DataListObject> {
     readonly children: JSX.Element;
     readonly item: T;

package/dist/DataList/components/DataListItem/components/DataListItemClickable/DataListItemClickable.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare function DataListItemClickable({ children }: PropsWithChildren<object>): JSX.Element;

package/dist/DataList/components/DataListItem/components/DataListItemClickable/DataListItemClickableInternal.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+import { DataListItemActionsProps, DataListObject } from "@jobber/components/DataList/DataList.types";
+export declare function DataListItemClickableInternal<T extends DataListObject>({ onClick, url, to, children, }: PropsWithChildren<Pick<DataListItemActionsProps<T>, "onClick" | "url" | "to">>): JSX.Element;

package/dist/DataList/components/DataListItem/components/DataListItemClickable/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListItemClickable";

package/dist/DataList/components/DataListItem/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListItem";

package/dist/DataList/components/DataListItemActions/DataListItemActions.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { DataListItemActionsProps, DataListObject } from "../../DataList.types";
+import { ReactElement } from "react";
+import { DataListActionProps, DataListItemActionsProps, DataListObject } from "../../DataList.types";
 export declare function DataListItemActions<T extends DataListObject>(_: DataListItemActionsProps<T>): null;
 interface InternalDataListItemActionsProps<T extends DataListObject> {
-    readonly item: T;
+    readonly actions: ReactElement<DataListActionProps<T>>[];
 }
-export declare function InternalDataListItemActions<T extends DataListObject>({ item, }: InternalDataListItemActionsProps<T>): JSX.Element | null;
+export declare function InternalDataListItemActions<T extends DataListObject>({ actions, }: InternalDataListItemActionsProps<T>): JSX.Element;
 export {};

package/dist/DataList/components/DataListItemActionsOverflow/DataListItemActionsOverflow.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from "react";
+import { DataListActionProps, DataListObject } from "../../DataList.types";
+interface DataListItemActionsOverflowProps<T extends DataListObject> {
+    readonly actions: ReactElement<DataListActionProps<T>>[];
+}
+export declare function DataListItemActionsOverflow<T extends DataListObject>({ actions, }: DataListItemActionsOverflowProps<T>): JSX.Element | null;
+export {};

package/dist/DataList/components/DataListItemActionsOverflow/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListItemActionsOverflow";

package/dist/DataList/components/DataListItems/DataListItems.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Breakpoints, DataListObject } from "@jobber/components/DataList/DataList.types";
+interface DataListItemsProps {
+    readonly size?: Breakpoints;
+}
+export declare function DataListItems<T extends DataListObject>({ size, }: DataListItemsProps): JSX.Element | null;
+export {};

package/dist/DataList/components/DataListItems/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListItems";

package/dist/DataList/components/DataListLayout/DataListLayout.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { DataListLayoutProps, DataListObject } from "../../DataList.types";
-export declare function DataListLayout<T extends DataListObject>(_: DataListLayoutProps<T>): JSX.Element;
+import { DataListLayoutProps, DataListObject } from "@jobber/components/DataList/DataList.types";
+export declare function DataListLayout<T extends DataListObject>({ children, size, }: DataListLayoutProps<T>): JSX.Element | null;

package/dist/DataList/components/DataListLayoutActions/DataListLayoutContext/DataListLayoutContext.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DataListLayoutActionsContextProps, DataListObject } from "@jobber/components/DataList/DataList.types";
+export declare const DataListLayoutActionsContext: import("react").Context<DataListLayoutActionsContextProps<DataListObject>>;
+export declare function useDataListLayoutActionsContext<T extends DataListObject>(): DataListLayoutActionsContextProps<T>;

package/dist/DataList/components/DataListLayoutActions/DataListLayoutContext/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListLayoutContext";

package/dist/DataList/components/DataListLoadingState/DataListLoadingState.d.ts

@@ -1,11 +1,4 @@
-import React from "react";
-import { Breakpoints, DataListHeader, DataListLayoutProps, DataListObject } from "../../DataList.types";
-interface DataListLoadingStateProps<T extends DataListObject> {
-    readonly headers: DataListHeader<T>;
-    readonly layouts: React.ReactElement<DataListLayoutProps<T>>[] | undefined;
-    readonly mediaMatches?: Record<Breakpoints, boolean>;
-}
+/// <reference types="react" />
 export declare const LOADING_STATE_LIMIT_ITEMS = 10;
 export declare const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";
-export declare function DataListLoadingState<T extends DataListObject>({ headers, layouts, mediaMatches, }: DataListLoadingStateProps<T>): JSX.Element;
-export {};
+export declare function DataListLoadingState(): JSX.Element | null;

package/dist/DataList/components/DataListOverflowFade/DataListOverflowFade.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface DataListOverflowFadeProps {
+    readonly children: React.ReactNode;
+}
+export declare function DataListOverflowFade({ children }: DataListOverflowFadeProps): JSX.Element;
+export {};

package/dist/DataList/components/DataListOverflowFade/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DataListOverflowFade";
+export * from "./DataListOverflowFade.const";

package/dist/DataList/components/DataListSearch/DataListSearch.d.ts

@@ -3,6 +3,6 @@ import { DataListSearchProps } from "../../DataList.types";
 export declare const DATA_LIST_SEARCH_TEST_ID = "ATL-DataList-Search-input-wrapper";
 export declare function DataListSearch(_: DataListSearchProps): null;
 /**
- * Renders the DataList.Search component
+ * Renders the DataList.Search component.
  */
 export declare function InternalDataListSearch(): JSX.Element | null;

package/dist/DataList/components/DataListStatusBar/DataListStatusBar.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+interface DataListStatusBarProps {
+    readonly children: ReactElement | ReactElement[];
+}
+export declare function DataListStatusBar(_: DataListStatusBarProps): null;
+/**
+ * Renders the DataList.StatusBar component
+ */
+export declare function InternalDataListStatusBar(): JSX.Element | null;
+export {};

package/dist/DataList/components/DataListStatusBar/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListStatusBar";

package/dist/DataList/context/DataListContext/DataListContext.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 import { DataListContextProps, DataListObject } from "../../DataList.types";
 export declare const defaultValues: DataListContextProps<DataListObject>;
-export declare const DataListContext: import("react").Context<DataListContextProps<DataListObject>>;
-export declare function useDataListContext(): DataListContextProps<DataListObject>;
+export declare const DataListContext: React.Context<DataListContextProps<DataListObject>>;
+export declare function useDataListContext<T extends DataListObject>(): DataListContextProps<T>;

package/dist/DataList/context/DataListLayoutContext/DataListLayoutContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DataListLayoutContextProps, DataListObject } from "../../DataList.types";
-export declare const defaultValues: DataListLayoutContextProps<DataListObject>;
-export declare const DataListLayoutContext: import("react").Context<DataListLayoutContextProps<DataListObject>>;
-export declare function useDataListLayoutContext(): DataListLayoutContextProps<DataListObject>;
+import { DataListLayoutContextProps } from "@jobber/components/DataList/DataList.types";
+export declare const defaultValues: DataListLayoutContextProps;
+export declare const DataListLayoutContext: import("react").Context<DataListLayoutContextProps>;
+export declare function useDataListLayoutContext(): DataListLayoutContextProps;

package/dist/DataList/hooks/useActiveLayout.d.ts

@@ -0,0 +1,4 @@
+export declare function useActiveLayout(): {
+    layout: import("../DataList.types").LayoutRenderer<import("../DataList.types").DataListObject> | undefined;
+    activeBreakpoint: "xs" | "sm" | "md" | "lg" | "xl";
+};

package/dist/DataList/hooks/useGetItemActions.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from "react";
+import { DataListActionProps, DataListObject } from "../DataList.types";
+export declare function useGetItemActions<T extends DataListObject>(item: T): {
+    actions: ReactElement<DataListActionProps<T>, string | import("react").JSXElementConstructor<any>>[];
+    hasActions: boolean;
+};