@mittwald/flow-react-components 0.1.0-alpha.397 → 0.1.0-alpha.398

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

@@ -1,3 +1,6 @@
 import { FC } from 'react';
-export declare const Items: FC;
+interface Props {
+    tiles?: boolean;
+}
+export declare const Items: FC<Props>;
 export default Items;

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

@@ -3,7 +3,10 @@ import { Key } from 'react-aria-components';
 interface Props extends PropsWithChildren {
     id: Key;
     data: never;
+    tiles?: boolean;
 }
 export declare const Item: (props: Props) => React.JSX.Element | null;
-export declare const ItemContainer: FC<PropsWithChildren>;
+export declare const ItemContainer: FC<PropsWithChildren & {
+    tiles?: boolean;
+}>;
 export default Item;

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

@@ -10,6 +10,7 @@ import { ItemView } from './item/ItemView';
 import { Table } from './table/Table';
 import { default as z } from 'zod';
 export declare class List<T> {
+    static readonly viewModeSettingsStorageSchema: z.ZodOptional<z.ZodEnum<["list", "table", "tiles"]>>;
     readonly filters: Filter<T, never, never>[];
     readonly itemView?: ItemView<T>;
     readonly table?: Table<T>;
@@ -25,19 +26,18 @@ export declare class List<T> {
     readonly componentProps: ListSupportedComponentProps;
     viewMode: ListViewMode;
     readonly setViewMode: (viewMode: ListViewMode) => void;
-    private readonly settingsStore?;
     readonly supportsSettingsStorage: boolean;
     readonly settingStorageKey?: string;
+    private readonly settingsStore?;
     private readonly viewModeStorageKey?;
     private readonly filterSettingsStorageKey?;
-    static readonly viewModeSettingsStorageSchema: z.ZodOptional<z.ZodEnum<["list", "table"]>>;
     constructor(shape: ListShape<T>);
     get isFiltered(): boolean;
     get visibleSorting(): Sorting<T>[];
     static useNew<T>(shape: ListShape<T>): List<T>;
     storeFilterDefaultSettings(): void;
     getStoredFilterDefaultSettings(): Record<string, string[]> | undefined;
-    getStoredViewModeDefaultSetting(): "table" | "list" | undefined;
+    getStoredViewModeDefaultSetting(): "table" | "list" | "tiles" | undefined;
     getSorting(id: string): Sorting<T>;
     clearSorting(): void;
     resetFilters(): void;

package/dist/js/types/components/List/model/item/ItemView.d.ts

@@ -7,6 +7,8 @@ export interface ItemViewShape<T> {
     defaultExpanded?: (data: T) => boolean;
     renderFn?: RenderItemFn<T>;
     fallback?: ReactElement;
+    showList?: boolean;
+    showTiles?: boolean;
 }
 export declare class ItemView<T> {
     readonly list: List<T>;
@@ -14,8 +16,10 @@ export declare class ItemView<T> {
     readonly href?: (data: T) => string;
     readonly defaultExpanded?: (data: T) => boolean;
     readonly fallback?: ReactElement;
+    readonly showTiles?: boolean;
+    readonly showList?: boolean;
     private readonly renderFn?;
     constructor(list: List<T>, shape?: ItemViewShape<T>);
-    render(data: T): ReactNode;
     private static fallbackRenderItemFn;
+    render(data: T): ReactNode;
 }

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

@@ -37,6 +37,6 @@ export interface ListShape<T> extends ListSupportedComponentProps {
     defaultViewMode?: ListViewMode;
 }
 export type PropertyRecord<T, TValue> = Partial<Record<PropertyName<T>, TValue>>;
-export type ListViewMode = "table" | "list";
+export type ListViewMode = "table" | "list" | "tiles";
 export type ItemActionFn<T> = (data: T) => void;
 export type GetItemId<T> = (data: T) => string;

package/dist/js/types/components/List/stories/ListItem.stories.d.ts

@@ -5,7 +5,6 @@ export default meta;
 type Story = StoryObj<typeof List>;
 export declare const Default: Story;
 export declare const WithTopContent: Story;
-export declare const WithContent: Story;
-export declare const SmallSpace: Story;
+export declare const WithBottomContent: Story;
 export declare const WithActionGroup: Story;
 export declare const WithMultipleTexts: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.397",
+  "version": "0.1.0-alpha.398",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -425,7 +425,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.397",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.398",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -456,7 +456,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.397",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.398",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -551,5 +551,5 @@
       }
     }
   },
-  "gitHead": "1debec26fb54aaccb60c774e99e67a1f83d1fae9"
+  "gitHead": "eb1235fa43e63935e704828846059d35f6d5ddc0"
 }