@mittwald/flow-react-components 0.1.0-alpha.56 → 0.1.0-alpha.57

package/dist/types/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface ButtonProps extends PropsWithChildren<Omit<Aria.ButtonProps, "style">>, FlowComponentProps {

package/dist/types/components/Content/Content.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithElementType } from '../../lib/types/props';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 export interface ContentProps extends PropsWithChildren, PropsWithElementType, FlowComponentProps {
 }

package/dist/types/components/ContextMenu/ContextMenu.d.ts

@@ -1,9 +1,9 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { ContextMenuItemProps } from './components/ContextMenuItem';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface ContextMenuProps extends Omit<Aria.PopoverProps, "children">, Pick<Aria.MenuProps<ContextMenuItemProps>, "onAction">, PropsWithChildren, FlowComponentProps {
+export interface ContextMenuProps extends Omit<Aria.PopoverProps, "children">, Pick<Aria.MenuProps<ContextMenuItemProps>, "onAction" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange">, PropsWithChildren, FlowComponentProps {
 }
 export declare const ContextMenu: React.ComponentClass<ContextMenuProps, any> | React.FunctionComponent<ContextMenuProps>;
 export default ContextMenu;

package/dist/types/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 
 import * as Aria from "react-aria-components";
-export interface ContextMenuItemProps extends Aria.MenuItemProps {
+export interface ContextMenuItemProps extends Omit<Aria.MenuItemProps, "children">, PropsWithChildren {
 }
 export declare const ContextMenuItem: FC<ContextMenuItemProps>;
 export default ContextMenuItem;

package/dist/types/components/ContextMenu/components/ContextMenuItem/ContextMenuItemContent.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+
+import type * as Aria from "react-aria-components";
+type Props = Aria.MenuItemRenderProps & PropsWithChildren;
+export declare const ContextMenuItemContent: FC<Props>;
+export {};

package/dist/types/components/ContextMenu/stories/Default.stories.d.ts

@@ -5,3 +5,5 @@ declare const meta: Meta<typeof ContextMenu>;
 export default meta;
 type Story = StoryObj<typeof ContextMenu>;
 export declare const Default: Story;
+export declare const SingleSelection: Story;
+export declare const MultipleSelection: Story;

package/dist/types/components/CopyButton/CopyButton.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { ButtonProps } from '../Button';
-import { default as React, ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 
 export interface CopyButtonProps extends Omit<ButtonProps, "onPress" | "aria-label">, FlowComponentProps {
     text: ReactNode;

package/dist/types/components/FieldError/FieldError.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface FieldErrorProps extends PropsWithChildren<Omit<Aria.FieldErrorProps, "children">>, FlowComponentProps {

package/dist/types/components/Header/Header.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithElementType } from '../../lib/types/props';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 export interface HeaderProps extends PropsWithChildren, PropsWithElementType, FlowComponentProps {
 }

package/dist/types/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren, SVGAttributes } from 'react';
+import { PropsWithChildren, SVGAttributes, default as React } from 'react';
 
 type SvgAttributeProps = SVGAttributes<SVGSVGElement>;
 export interface IconProps extends PropsWithChildren<Omit<SvgAttributeProps, "name">>, FlowComponentProps {

package/dist/types/components/Image/Image.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, ComponentProps } from 'react';
+import { ComponentProps, default as React } from 'react';
 
 export interface ImageProps extends ComponentProps<"img">, FlowComponentProps {
 }

package/dist/types/components/Initials/Initials.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 export interface InitialsProps extends PropsWithChildren, FlowComponentProps {
     className?: string;

package/dist/types/components/InlineAlert/InlineAlert.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithStatus } from '../../lib/types/props';
-import { default as React, ComponentProps, PropsWithChildren } from 'react';
+import { ComponentProps, PropsWithChildren, default as React } from 'react';
 
 export interface InlineAlertProps extends PropsWithChildren<ComponentProps<"aside">>, PropsWithStatus, FlowComponentProps {
 }

package/dist/types/components/Label/Label.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface LabelProps extends PropsWithChildren<Omit<Aria.LabelProps, "children">>, FlowComponentProps {

package/dist/types/components/LayoutCard/LayoutCard.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithElementType } from '../../lib/types/props';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 export interface LayoutCardProps extends PropsWithChildren, PropsWithElementType, FlowComponentProps {
 }

package/dist/types/components/Link/Link.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithClassName } from '../../lib/types/props';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, ComponentProps, ComponentType, PropsWithChildren } from 'react';
+import { ComponentProps, ComponentType, PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface LinkProps extends PropsWithChildren<Omit<Aria.LinkProps, "children" | "slot" | "className">>, FlowComponentProps, PropsWithClassName {
@@ -8,7 +8,6 @@ export interface LinkProps extends PropsWithChildren<Omit<Aria.LinkProps, "child
     variant?: "default" | "danger";
     inline?: boolean;
     linkComponent?: ComponentType<Omit<ComponentProps<"a">, "ref">>;
-    unstyled?: boolean;
     "aria-current"?: string;
 }
 export declare const Link: React.ComponentClass<LinkProps, any> | React.FunctionComponent<LinkProps>;

package/dist/types/components/List/List.d.ts

@@ -1,8 +1,9 @@
 import { ListShape } from './model/types';
 import { AnyData } from './model/item/types';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 interface Props extends PropsWithChildren, Pick<ListShape<AnyData>, "enableMultiSort"> {
+    batchSize?: number;
 }
 export declare function List(props: Props): React.JSX.Element;
 export default List;

package/dist/types/components/List/components/Item/Item.d.ts

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 interface Props extends PropsWithChildren {
 }

package/dist/types/components/List/components/ShowNextBatchButton/ShowNextBatchButton.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../../../Button';
+import { FC } from 'react';
+
+export declare const ShowNextBatchButton: FC<ButtonProps>;
+export default ShowNextBatchButton;

package/dist/types/components/List/components/ShowNextBatchButton/index.d.ts

@@ -0,0 +1,4 @@
+import { ShowNextBatchButton } from './ShowNextBatchButton';
+
+export { ShowNextBatchButton } from './ShowNextBatchButton';
+export default ShowNextBatchButton;

package/dist/types/components/List/model/List.d.ts

@@ -4,7 +4,7 @@ import { default as ReactTable } from './ReactTable';
 import { Sorting } from './sorting/Sorting';
 import { Filter } from './filter/Filter';
 import { RenderItemFn } from './item/Item';
-import { Pagination } from './pagination/Pagination';
+import { BatchesController } from './pagination/BatchesController';
 import { ItemCollection } from './item/ItemCollection';
 
 export declare class List<T> {
@@ -13,7 +13,7 @@ export declare class List<T> {
     readonly items: ItemCollection<T>;
     readonly render?: RenderItemFn<T>;
     readonly reactTable: ReactTable<T>;
-    readonly pagination: Pagination<T>;
+    readonly batches: BatchesController<T>;
     readonly loader: IncrementalLoader<T>;
     private constructor();
     static useNew<T>(shape: ListShape<T>): List<T>;

package/dist/types/components/List/model/loading/IncrementalLoader.d.ts

@@ -15,8 +15,7 @@ export declare class IncrementalLoader<T> {
     useIsLoading(): boolean;
     useData(): T[];
     getLoaderInvocationHooks(): Array<() => void>;
-    private useLoadPage;
+    private useLoadBatch;
     private getDataLoaderOptions;
-    private getPageDataAsyncResource;
-    loadMore(): void;
+    private getBatchDataAsyncResource;
 }

package/dist/types/components/List/model/pagination/BatchesController.d.ts

@@ -0,0 +1,17 @@
+import { BatchesControllerShape } from './types';
+import { default as List } from '../List';
+
+export declare class BatchesController<T> {
+    readonly batchSize: number;
+    private readonly list;
+    constructor(list: List<T>, shape?: BatchesControllerShape);
+    private get reactTable();
+    getBatchIndex(): number;
+    hasNextBatch(): boolean;
+    getTotalItemsCount(): number | undefined;
+    getFilteredItemsCount(): number;
+    getVisibleItemsCount(): number | undefined;
+    updateItemTotalCount(value: number): void;
+    reset(): void;
+    nextBatch(): void;
+}

package/dist/types/components/List/model/pagination/types.d.ts

@@ -1,3 +1,3 @@
-export interface PaginationShape {
-    pageSize?: number;
+export interface BatchesControllerShape {
+    batchSize?: number;
 }

package/dist/types/components/List/model/types.d.ts

@@ -1,6 +1,6 @@
 import { IncrementalLoaderShape } from './loading/types';
 import { FilterShape } from './filter/types';
-import { PaginationShape } from './pagination/types';
+import { BatchesControllerShape } from './pagination/types';
 import { SortingShape } from './sorting/types';
 import { PropertyName, RenderItemFn } from './item/Item';
 
@@ -9,7 +9,7 @@ export interface ListShape<T> {
     render?: RenderItemFn<T>;
     filters?: FilterShape<T>[];
     sorting?: SortingShape<T>[];
-    pagination?: PaginationShape;
+    batchesController?: BatchesControllerShape;
     enableMultiSort?: boolean;
 }
 export type PropertyRecord<T, TValue> = Partial<Record<PropertyName<T>, TValue>>;

package/dist/types/components/RadioGroup/components/Radio/Radio.d.ts

@@ -1,9 +1,8 @@
 import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface RadioProps extends PropsWithChildren<Omit<Aria.RadioProps, "children">>, FlowComponentProps {
-    unstyled?: boolean;
 }
 export declare const Radio: React.ComponentClass<RadioProps, any> | React.FunctionComponent<RadioProps>;
 export default Radio;

package/dist/types/components/StatusBadge/StatusBadge.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithStatus } from '../../lib/types/props';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 export interface StatusBadgeProps extends PropsWithChildren, PropsWithStatus, FlowComponentProps {
     className?: string;

package/dist/types/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface SwitchProps extends PropsWithChildren<Omit<Aria.SwitchProps, "children">>, FlowComponentProps {

package/dist/types/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithElementType } from '../../lib/types/props';
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 
 import * as Aria from "react-aria-components";
 export interface TextProps extends PropsWithChildren, Omit<Aria.TextProps, "children" | "elementType">, PropsWithElementType, FlowComponentProps {

package/dist/types/lib/types/props.d.ts

@@ -1,14 +1,12 @@
-import { ExoticComponent, HTMLAttributes, ReactElement, ReactHTML } from 'react';
+import { ExoticComponent, HTMLAttributes, ReactHTML } from 'react';
 
 export type Status = "info" | "success" | "warning" | "danger";
 export type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
     status?: T;
 };
 export interface PropsWithTunnel {
-    tunnelId?: string;
 }
 export interface PropsWithHOC<P> {
-    hoc?: (element: ReactElement, props: P) => ReactElement;
 }
 export interface PropsWithClassName {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.56",
+  "version": "0.1.0-alpha.57",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -198,7 +198,7 @@
     "test:unit": "run vitest run"
   },
   "dependencies": {
-    "@mittwald/react-tunnel": "^0.1.0-alpha.56",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.57",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.23.2",
     "@react-types/shared": "^3.22.1",
@@ -291,5 +291,5 @@
       "optional": true
     }
   },
-  "gitHead": "afc7a47e25fa101440ff55f8f642d70c2c48f685"
+  "gitHead": "a0fc4a2ceded7435fca7697c224ae5e3e76db85c"
 }

package/dist/IconCheckboxIndeterminate-B6FOeb87.js

@@ -1,11 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import { IconSquareCheckFilled as n, IconSquare as o, IconSquareMinusFilled as r } from "@tabler/icons-react";
-import { I as c } from "./Icon-DK_xMxr-.js";
-const I = (t) => /* @__PURE__ */ e.createElement(c, { ...t }, /* @__PURE__ */ e.createElement(n, null)), s = (t) => /* @__PURE__ */ e.createElement(c, { ...t }, /* @__PURE__ */ e.createElement(o, null)), i = (t) => /* @__PURE__ */ e.createElement(c, { ...t }, /* @__PURE__ */ e.createElement(r, null));
-export {
-  I,
-  i as a,
-  s as b
-};

package/dist/types/components/List/components/ShowMoreItemsButton/ShowMoreItemsButton.d.ts

@@ -1,5 +0,0 @@
-import { ButtonProps } from '../../../Button';
-import { FC } from 'react';
-
-export declare const ShowMoreItemsButton: FC<ButtonProps>;
-export default ShowMoreItemsButton;

package/dist/types/components/List/components/ShowMoreItemsButton/index.d.ts

@@ -1,4 +0,0 @@
-import { ShowMoreItemsButton } from './ShowMoreItemsButton';
-
-export { ShowMoreItemsButton } from './ShowMoreItemsButton';
-export default ShowMoreItemsButton;

package/dist/types/components/List/model/pagination/Pagination.d.ts

@@ -1,17 +0,0 @@
-import { PaginationShape } from './types';
-import { default as List } from '../List';
-
-export declare class Pagination<T> {
-    private readonly list;
-    readonly initialPageSize: number;
-    constructor(list: List<T>, shape?: PaginationShape);
-    getPageIndex(): number;
-    hasNextPage(): boolean;
-    nextPage(): void;
-    updatePageSize(size: number): void;
-    getPageSize(): number;
-    getTotalItemsCount(): number | undefined;
-    getFilteredItemsCount(): number;
-    getVisibleItemsCount(): number | undefined;
-    updateItemTotalCount(value: number): void;
-}