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

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

@@ -0,0 +1,6 @@
+import { ComponentProps, FC, PropsWithChildren } from 'react';
+
+export interface EmulatedBoldTextProps extends PropsWithChildren<ComponentProps<"span">> {
+}
+export declare const EmulatedBoldText: FC<EmulatedBoldTextProps>;
+export default EmulatedBoldText;

package/dist/types/components/EmulatedBoldText/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import { default as EmulatedBoldText } from '..';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof EmulatedBoldText>;
+export default meta;
+type Story = StoryObj<typeof EmulatedBoldText>;
+export declare const Default: Story;

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

@@ -0,0 +1,5 @@
+import { Icon } from '../..';
+import { ComponentProps, FC } from 'react';
+
+export declare const IconSubdomain: FC<Omit<ComponentProps<typeof Icon>, "children">>;
+export default IconSubdomain;

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

@@ -45,6 +45,7 @@ export { IconSettings } from './IconSettings';
 export { IconShow } from './IconShow';
 export { IconSorting } from './IconSorting';
 export { IconSshSftp } from './IconSshSftp';
+export { IconSubdomain } from './IconSubdomain';
 export { IconSucceeded } from './IconSucceeded';
 export { IconSuccess } from './IconSuccess';
 export { IconSupport } from './IconSupport';

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

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

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const Footer: FC;
+export default Footer;

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

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

package/dist/types/components/List/components/{PaginationInfos → Footer/PaginationInfos}/PaginationInfos.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TextProps } from '../../../Text';
+import { TextProps } from '../../../../Text';
 
 export declare const PaginationInfos: FC<TextProps>;
 export default PaginationInfos;

package/dist/types/components/List/components/{ShowNextBatchButton → Footer/ShowNextBatchButton}/ShowNextBatchButton.d.ts

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

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const ActiveFilters: FC;
+export default ActiveFilters;

package/dist/types/components/List/components/Header/ActiveFilters/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import { AnyData } from '../../../model/item/types';
+import { Filter } from '../../../model/filter/Filter';
+import { FC } from 'react';
+
+interface Props {
+    filter: Filter<AnyData>;
+}
+export declare const FilterPicker: FC<Props>;
+export {};

package/dist/types/components/List/components/{Items/Items.d.ts → Header/Header/Header.d.ts}

@@ -3,5 +3,5 @@ import { FC } from 'react';
 interface Props {
     className?: string;
 }
-export declare const Items: FC<Props>;
-export default Items;
+export declare const Header: FC<Props>;
+export default Header;

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

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

package/dist/types/components/List/components/{ListFilter.d.ts → Header/ListFilter.d.ts}

@@ -1,4 +1,4 @@
-import { FilterShape } from '../model/filter/types';
+import { FilterShape } from '../../model/filter/types';
 
 interface Props<T> extends Omit<FilterShape<T>, "type"> {
 }

package/dist/types/components/List/components/{ListSorting.d.ts → Header/ListSorting.d.ts}

@@ -1,6 +1,7 @@
-import { SortingShape } from '../model/sorting/types';
+import { SortingShape } from '../../model/sorting/types';
 
 interface Props<T> extends SortingShape<T> {
+    defaultEnabled?: boolean;
 }
 export declare function ListSorting<T = never>(ignoredProps: Props<T>): null;
 export {};

package/dist/types/components/List/components/{FilterBar/components → Header}/SortingPickerItem/SortingPickerItem.d.ts

@@ -1,5 +1,5 @@
-import { Sorting } from '../../../../model/sorting/Sorting';
-import { AnyData } from '../../../../model/item/types';
+import { Sorting } from '../../../model/sorting/Sorting';
+import { AnyData } from '../../../model/item/types';
 import { FC } from 'react';
 
 interface Props {

package/dist/types/components/List/components/{Item → Items/Item}/FallbackRenderer.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AnyData } from '../../model/item/types';
+import { AnyData } from '../../../model/item/types';
 
 interface Props {
     data: AnyData;

package/dist/types/components/List/components/{Item → Items/Item}/index.d.ts

@@ -1,4 +1,5 @@
 import { Item } from './Item';
 
 export { Item } from './Item';
+export { FallbackRenderer } from './FallbackRenderer';
 export default Item;

package/dist/types/components/List/components/{FilterBar/FilterBar.d.ts → Items/ItemList/ItemList.d.ts}

@@ -3,5 +3,5 @@ import { FC } from 'react';
 interface Props {
     className?: string;
 }
-export declare const FilterBar: FC<Props>;
-export default FilterBar;
+export declare const ItemList: FC<Props>;
+export default ItemList;

package/dist/types/components/List/components/Items/ItemList/index.d.ts

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

package/dist/types/components/List/components/{ListItemView.d.ts → Items/ListItemView.d.ts}

@@ -1,4 +1,4 @@
-import { RenderItemFn } from '../model/item/Item';
+import { RenderItemFn } from '../../model/item/Item';
 
 interface Props<T> {
     children: RenderItemFn<T>;

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

@@ -1,9 +1,9 @@
 import { List } from './List';
 
 export * from './List';
-export * from './components/ListFilter';
-export * from './components/ListSorting';
-export * from './components/ListItemView';
+export * from './components/Header/ListFilter';
+export * from './components/Header/ListSorting';
+export * from './components/Items/ListItemView';
 export * from './components/ListLoaderAsync';
 export * from './components/ListStaticData';
 export default List;

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

@@ -3,7 +3,7 @@ import { ListShape } from './types';
 import { default as ReactTable } from './ReactTable';
 import { Sorting } from './sorting/Sorting';
 import { Filter } from './filter/Filter';
-import { RenderItemFn } from './item/Item';
+import { PropertyName, RenderItemFn } from './item/Item';
 import { BatchesController } from './pagination/BatchesController';
 import { ItemCollection } from './item/ItemCollection';
 
@@ -18,5 +18,8 @@ export declare class List<T> {
     private constructor();
     static useNew<T>(shape: ListShape<T>): List<T>;
     isFiltered(): boolean;
+    getSorting(property: PropertyName<T>): Sorting<T>;
+    clearSorting(): void;
+    clearFilters(): void;
 }
 export default List;

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

@@ -9,6 +9,7 @@ export declare class Filter<T> {
     readonly property: PropertyName<T>;
     readonly mode: FilterMode;
     readonly matcher: FilterMatcher;
+    readonly name?: string;
     private onFilterUpdateCallbacks;
     constructor(list: List<T>, shape: FilterShape<T>);
     updateTableColumnDef(def: ColumnDef<T>): void;
@@ -22,6 +23,9 @@ export declare class Filter<T> {
     getArrayValue(): Array<unknown>;
     isValueActive(value: unknown): boolean;
     isActive(): boolean;
+    activateValue(newValue: unknown): void;
+    deactivateValue(newValue: unknown): void;
+    clearValues(): void;
     toggleValue(newValue: unknown): void;
     onFilterUpdated(cb: () => unknown): void;
 }

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

@@ -7,4 +7,5 @@ export interface FilterShape<T> {
     mode?: FilterMode;
     matcher?: FilterMatcher;
     values?: unknown[];
+    name?: string;
 }

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

@@ -6,8 +6,13 @@ import { Column, ColumnDef, SortDirection } from '@tanstack/react-table';
 export declare class Sorting<T> {
     readonly list: List<T>;
     readonly property: PropertyName<T>;
+    readonly name?: string;
+    readonly direction: SortDirection;
+    readonly defaultEnabled: boolean;
     constructor(list: List<T>, shape: SortingShape<T>);
     updateTableColumnDef(def: ColumnDef<T>): void;
-    get direction(): SortDirection | false;
+    isSorted(): boolean;
     getTableColumn(): Column<T>;
+    enable(): void;
+    clear(): void;
 }

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

@@ -1,5 +1,9 @@
+import { SortDirection } from '@tanstack/react-table';
 import { PropertyName } from '../item/Item';
 
 export interface SortingShape<T> {
     property: PropertyName<T>;
+    name?: string;
+    direction?: SortDirection;
+    defaultEnabled?: boolean;
 }

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

@@ -10,6 +10,5 @@ export interface ListShape<T> {
     filters?: FilterShape<T>[];
     sorting?: SortingShape<T>[];
     batchesController?: BatchesControllerShape;
-    enableMultiSort?: boolean;
 }
 export type PropertyRecord<T, TValue> = Partial<Record<PropertyName<T>, TValue>>;

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

@@ -0,0 +1,25 @@
+export type Domain = {
+    hostname: string;
+    domain: string;
+    type: "Subdomain" | "Domain";
+    verified: boolean;
+    tld: string;
+};
+export declare const getTypes: () => Promise<("Subdomain" | "Domain")[]>;
+interface Request {
+    pagination?: {
+        limit: number;
+        skip: number;
+    };
+    filter?: {
+        types?: string[];
+    };
+}
+interface Response {
+    data: Domain[];
+    totalCount: number;
+}
+export declare const getDomains: (req: Request) => Promise<Response>;
+export declare const domains: Domain[];
+export declare const types: ("Subdomain" | "Domain")[];
+export {};

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

@@ -4,6 +4,7 @@ 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 {
+    emulateBoldWidth?: boolean;
 }
 export declare const Text: React.ComponentClass<TextProps, any> | React.FunctionComponent<TextProps>;
 export default Text;

package/dist/types/lib/react/components/Translate/Translate.d.ts

@@ -0,0 +1,10 @@
+import { LocalizedStrings } from 'react-aria';
+import { FC } from 'react';
+
+interface Props {
+    locales: LocalizedStrings;
+    children: string;
+    variables?: Record<string, string | number | boolean>;
+}
+export declare const Translate: FC<Props>;
+export default Translate;

package/dist/types/lib/react/components/Translate/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.57",
+  "version": "0.1.0-alpha.59",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -198,11 +198,11 @@
     "test:unit": "run vitest run"
   },
   "dependencies": {
-    "@mittwald/react-tunnel": "^0.1.0-alpha.57",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.59",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.23.2",
     "@react-types/shared": "^3.22.1",
-    "@storybook/test": "^8.0.5",
+    "@storybook/test": "^8.0.6",
     "@tabler/icons-react": "^3.1.0",
     "@tanstack/react-table": "^8.15.3",
     "clsx": "^2.1.0",
@@ -217,44 +217,44 @@
     "react-aria-components": "^1.1.1",
     "react-children-utilities": "^2.10.0",
     "react-stately": "^3.30.1",
-    "remeda": "^1.57.0"
+    "remeda": "^1.57.2"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.56",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.59",
     "@mittwald/react-use-promise": "^2.3.13",
-    "@nx/storybook": "^18.2.1",
-    "@storybook/addon-a11y": "^8.0.5",
-    "@storybook/addon-actions": "^8.0.5",
-    "@storybook/addon-essentials": "^8.0.5",
-    "@storybook/addon-interactions": "^8.0.5",
-    "@storybook/addon-links": "^8.0.5",
-    "@storybook/blocks": "^8.0.5",
-    "@storybook/components": "^8.0.5",
-    "@storybook/core-events": "^8.0.5",
-    "@storybook/manager-api": "^8.0.5",
-    "@storybook/preview-api": "^8.0.5",
-    "@storybook/react": "^8.0.5",
-    "@storybook/react-vite": "^8.0.5",
-    "@storybook/theming": "^8.0.5",
-    "@testing-library/dom": "^9.3.4",
+    "@nx/storybook": "^18.2.3",
+    "@storybook/addon-a11y": "^8.0.6",
+    "@storybook/addon-actions": "^8.0.6",
+    "@storybook/addon-essentials": "^8.0.6",
+    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-links": "^8.0.6",
+    "@storybook/blocks": "^8.0.6",
+    "@storybook/components": "^8.0.6",
+    "@storybook/core-events": "^8.0.6",
+    "@storybook/manager-api": "^8.0.6",
+    "@storybook/preview-api": "^8.0.6",
+    "@storybook/react": "^8.0.6",
+    "@storybook/react-vite": "^8.0.6",
+    "@storybook/theming": "^8.0.6",
+    "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/invariant": "^2.2.37",
-    "@types/node": "20.12.2",
+    "@types/node": "20.12.5",
     "@types/prettier": "^3.0.0",
     "@types/prop-types": "^15.7.12",
-    "@types/react": "^18.2.73",
-    "@types/react-dom": "^18.2.23",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "@types/rollup": "^0.54.0",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^1.4.0",
     "decamelize": "^6.0.0",
     "fs-jetpack": "^5.1.0",
-    "happy-dom": "^14.3.10",
+    "happy-dom": "^14.7.1",
     "next": "^14.1.4",
-    "nx": "^18.2.1",
+    "nx": "^18.2.3",
     "postcss": "^8.4.38",
     "postcss-nested-import": "^1.3.0",
     "postcss-nesting": "^12.1.1",
@@ -263,13 +263,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-element-to-jsx-string": "^15.0.0",
-    "rollup": "^4.13.2",
-    "sass": "^1.72.0",
-    "storybook": "^8.0.5",
-    "tsx": "^4.7.1",
-    "typescript": "^5.4.3",
+    "rollup": "^4.14.1",
+    "sass": "^1.74.1",
+    "storybook": "^8.0.6",
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.4",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.2.7",
+    "vite": "^5.2.8",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-checker": "^0.6.4",
     "vite-plugin-dts": "^3.8.1",
@@ -291,5 +291,5 @@
       "optional": true
     }
   },
-  "gitHead": "a0fc4a2ceded7435fca7697c224ae5e3e76db85c"
+  "gitHead": "3b85f0b5dd4f06c8ee3a26c23911aea3a5a4cab6"
 }

package/dist/IconChevronUp-DJu_PD8w.js

@@ -1,10 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import { IconChevronDown as r, IconChevronUp as t } from "@tabler/icons-react";
-import { I as n } from "./Icon-DK_xMxr-.js";
-const I = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(r, null)), l = (e) => /* @__PURE__ */ o.createElement(n, { ...e }, /* @__PURE__ */ o.createElement(t, null));
-export {
-  I,
-  l as a
-};

package/dist/IconPlus-BZwxakYk.js

@@ -1,10 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import { IconMinus as t, IconPlus as c } from "@tabler/icons-react";
-import { I as o } from "./Icon-DK_xMxr-.js";
-const r = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(t, null)), m = (n) => /* @__PURE__ */ e.createElement(o, { ...n }, /* @__PURE__ */ e.createElement(c, null));
-export {
-  r as I,
-  m as a
-};

package/dist/Text-Dc6eN_n2.js

@@ -1,29 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import * as l from "react-aria-components";
-import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
-import { P as f } from "./PropsContextProvider-BsrVIv1a.js";
-import "@react-aria/utils";
-import "./propsContext-Dx7WKmmM.js";
-import "remeda";
-import x from "invariant";
-import { f as T } from "./flowComponent-Dv5hKZam.js";
-const v = T("Text", (r) => {
-  const { children: m, className: s, elementType: e = "span", ...i } = r, o = { ...i, className: s }, p = {
-    Link: {
-      inline: !0
-    }
-  }, n = /* @__PURE__ */ t.createElement(f, { props: p }, m);
-  if (!r.slot) {
-    const a = e;
-    return /* @__PURE__ */ t.createElement(a, { ...o }, n);
-  }
-  return x(
-    typeof e == "string",
-    "'elementType' in Text component must be of type string"
-  ), /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(l.Text, { ...o, elementType: e }, n));
-});
-export {
-  v as T
-};

package/dist/deepHas-ocYuTM8M.js

@@ -1,7 +0,0 @@
-"use client"
-/* */
-import { d as p } from "./deepFindOfType-6pG0fH7S.js";
-const s = (e, d) => !!p(e, d);
-export {
-  s as d
-};

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

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-
-export declare const FilterPicker: FC;

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

@@ -1,9 +0,0 @@
-import { AnyData } from '../../../../model/item/types';
-import { Filter } from '../../../../model/filter/Filter';
-import { FC } from 'react';
-
-interface Props {
-    filter: Filter<AnyData>;
-}
-export declare const FilterPickerItem: FC<Props>;
-export {};

package/dist/types/components/List/components/FilterBar/components/FilterPickerItem/index.d.ts

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

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

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

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

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

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

@@ -1,57 +0,0 @@
-export type User = (typeof users)[number];
-export declare const getStates: () => Promise<string[]>;
-interface Request {
-    pagination?: {
-        limit: number;
-        skip: number;
-    };
-    filter?: {
-        states?: string[];
-    };
-}
-interface Response {
-    data: User[];
-    totalCount: number;
-}
-export declare const getUsers: (req: Request) => Promise<Response>;
-export declare const users: {
-    status: string;
-    name: {
-        first: string;
-        middle: string;
-        last: string;
-    };
-    username: string;
-    password: string;
-    emails: string[];
-    phoneNumber: string;
-    location: {
-        street: string;
-        city: string;
-        state: string;
-        country: string;
-        zip: string;
-        coordinates: {
-            latitude: number;
-            longitude: number;
-        };
-    };
-    website: string;
-    domain: string;
-    job: {
-        title: string;
-        descriptor: string;
-        area: string;
-        type: string;
-        company: string;
-    };
-    creditCard: {
-        number: string;
-        cvv: string;
-        issuer: string;
-    };
-    uuid: string;
-    objectId: string;
-}[];
-export declare const states: string[];
-export {};