@mittwald/flow-react-components 0.1.0-alpha.404 → 0.1.0-alpha.406

package/dist/js/{flowComponent-BQs9wMX_.js → flowComponent-B1r5sCmz.js}

@@ -6,8 +6,8 @@ import { mergeProps as T } from "@react-aria/utils";
 import { pickBy as v, omitBy as S } from "remeda";
 import "dot-prop";
 import { PropsContextProvider as b } from "./PropsContextProvider.js";
-import { TunnelEntry as E } from "@mittwald/react-tunnel";
-const F = {
+import { TunnelEntry as B } from "@mittwald/react-tunnel";
+const E = {
   Action: !0,
   ActionGroup: !0,
   Avatar: !0,
@@ -20,6 +20,7 @@ const F = {
   Checkbox: !0,
   CheckboxButton: !0,
   CheckboxGroup: !0,
+  ComboBox: !0,
   Content: !0,
   ContextMenu: !0,
   ContextMenuSection: !0,
@@ -71,7 +72,7 @@ const F = {
   TextField: !0,
   TimeField: !0
 }, l = Object.keys(
-  F
+  E
 );
 function a(t) {
   return !!t && typeof t == "object" && "__dynamicProp" in t;
@@ -79,23 +80,23 @@ function a(t) {
 function d(t) {
   return typeof t == "string" && l.includes(t);
 }
-function k(t) {
+function F(t) {
   return !d(t);
 }
-const A = (t, o) => {
+const k = (t, o) => {
   const r = {};
   for (const e in t)
-    if (k(e)) {
+    if (F(e)) {
       const n = t[e];
       a(n) && (r[e] = n.__dynamicProp(o));
     }
   return r;
 };
-function B(t) {
+function A(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
 const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
-  if (!B(o))
+  if (!A(o))
     return {};
   const r = o.children;
   if (!Array.isArray(r) && !x(r))
@@ -105,7 +106,7 @@ const w = (t) => v(t, (o, r) => d(r)), I = (t, o) => {
     children: /* @__PURE__ */ s.createElement(b, { props: e, mergeInParentContext: !0 }, r)
   };
 }, M = (t, o) => {
-  const e = h()[t], n = e ? A(e, o) : void 0, i = e ? I(e, o) : void 0;
+  const e = h()[t], n = e ? k(e, o) : void 0, i = e ? I(e, o) : void 0;
   return T(
     e && S(
       e,
@@ -134,7 +135,7 @@ function G(t, o) {
       ...c
     };
     let u = /* @__PURE__ */ s.createElement(o, { ...C });
-    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: t }, u)), i && (u = g(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(E, { id: n }, u)), u;
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(D, { slot: r.slot, component: t }, u)), i && (u = g(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(B, { id: n }, u)), u;
   });
 }
 export {

package/dist/js/react-hook-form.js

@@ -7,8 +7,8 @@ import { PropsContextProvider as b } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as F } from "./dynamic-ClpUSmEt.js";
-import { F as A } from "./FieldError-B_3nLHFz.js";
-import { a as P, A as y } from "./Action-Bm7dBV7s.js";
+import { F as A } from "./FieldError-C-_2QNam.js";
+import { a as P, A as y } from "./Action-C6RX6wSX.js";
 const C = x({}), V = C.Provider, f = () => v(C);
 function D(t) {
   var i;

package/dist/js/types/components/ComboBox/ComboBox.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, default as React } from 'react';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { OverlayController } from '../../lib/controller';
+import * as Aria from "react-aria-components";
+export interface ComboBoxProps extends Omit<Aria.ComboBoxProps<never>, "children">, PropsWithChildren, FlowComponentProps {
+    onChange?: (value: string) => void;
+    controller?: OverlayController;
+}
+export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<never>>;
+export default ComboBox;

package/dist/js/types/components/ComboBox/index.d.ts

@@ -0,0 +1,4 @@
+import { ComboBox } from './ComboBox';
+export { type ComboBoxProps, ComboBox } from './ComboBox';
+export * from '../Option';
+export default ComboBox;

package/dist/js/types/components/ComboBox/stories/Default.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ComboBox } from '..';
+declare const meta: Meta<typeof ComboBox>;
+export default meta;
+type Story = StoryObj<typeof ComboBox>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithFieldDescription: Story;
+export declare const WithDefaultValue: Story;
+export declare const WithFieldError: Story;
+export declare const Emails: Story;

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

@@ -9,6 +9,7 @@ export interface ItemViewShape<T> {
     fallback?: ReactElement;
     showList?: boolean;
     showTiles?: boolean;
+    tileMaxWidth?: number;
 }
 export declare class ItemView<T> {
     readonly list: List<T>;
@@ -18,6 +19,7 @@ export declare class ItemView<T> {
     readonly fallback?: ReactElement;
     readonly showTiles?: boolean;
     readonly showList?: boolean;
+    readonly tileMaxWidth: number;
     private readonly renderFn?;
     constructor(list: List<T>, shape?: ItemViewShape<T>);
     private static fallbackRenderItemFn;

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

@@ -8,3 +8,4 @@ export declare const WithTopContent: Story;
 export declare const WithBottomContent: Story;
 export declare const WithActionGroup: Story;
 export declare const WithMultipleTexts: Story;
+export declare const WithCustomTileMaxWidth: Story;

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

@@ -69,12 +69,12 @@ export declare const typedList: <T>() => {
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
         onScroll?: ((e: import('react').UIEvent<HTMLTableElement, UIEvent>) => void) | undefined;
-        selectedKeys?: ("all" | Iterable<import('react-aria').Key>) | undefined;
-        defaultSelectedKeys?: ("all" | Iterable<import('react-aria').Key>) | undefined;
+        disallowEmptySelection?: boolean | undefined;
         onSelectionChange?: ((keys: import('react-stately').Selection) => void) | undefined;
         disabledKeys?: Iterable<import('react-aria').Key> | undefined;
+        selectedKeys?: ("all" | Iterable<import('react-aria').Key>) | undefined;
+        defaultSelectedKeys?: ("all" | Iterable<import('react-aria').Key>) | undefined;
         selectionMode?: import('react-stately').SelectionMode | undefined;
-        disallowEmptySelection?: boolean | undefined;
         selectionBehavior?: import('react-stately').SelectionBehavior | undefined;
         dragAndDropHooks?: import('react-aria-components').DragAndDropHooks | undefined;
         sortDescriptor?: import('react-stately').SortDescriptor | undefined;

package/dist/js/types/components/{Select/components/Option → Option}/Option.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, default as React } from 'react';
-import { FlowComponentProps } from '../../../../lib/componentFactory/flowComponent';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface OptionProps extends Omit<Aria.ListBoxItemProps, "children" | "value" | "id">, PropsWithChildren, FlowComponentProps {
     value?: string | number;

package/dist/js/types/components/Options/Options.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { OverlayController } from '../../lib/controller';
+import { OptionProps } from '../Option';
+import * as Aria from "react-aria-components";
+export interface OptionsProps extends Aria.ListBoxProps<OptionProps> {
+    controller: OverlayController;
+}
+export declare const Options: FC<OptionsProps>;
+export default Options;

package/dist/js/types/components/Select/index.d.ts

@@ -1,5 +1,5 @@
 import { Select } from './Select';
 export { type SelectProps, Select } from './Select';
-export * from './components/Option';
+export * from '../Option';
 export * from './components/CountryOptions';
 export default Select;

package/dist/js/types/components/propTypes/index.d.ts

@@ -20,7 +20,7 @@ import { ActionGroupProps } from '../ActionGroup';
 import { AvatarProps } from '../Avatar';
 import { ActionProps } from '../Action';
 import { ContextMenuProps, MenuItemProps } from '../ContextMenu';
-import { OptionProps, SelectProps } from '../Select';
+import { SelectProps } from '../Select';
 import { RadioButtonProps, RadioGroupProps, RadioProps } from '../RadioGroup';
 import { TextFieldProps } from '../TextField';
 import { NumberFieldProps } from '../NumberField';
@@ -52,6 +52,8 @@ import { FileCardProps } from '../FileCard';
 import { FileFieldProps } from '../FileField';
 import { AlignProps } from '../Align';
 import { CountryOptionsProps } from '../Select/components/CountryOptions';
+import { ComboBoxProps } from '../ComboBox';
+import { OptionProps } from '../Option';
 import type * as Aria from "react-aria-components";
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -67,6 +69,7 @@ export interface FlowComponentPropsTypes {
     Checkbox: CheckboxProps;
     CheckboxButton: CheckboxButtonProps;
     CheckboxGroup: CheckboxGroupProps;
+    ComboBox: ComboBoxProps;
     Content: ContentProps;
     ContextMenu: ContextMenuProps;
     ContextMenuSection: ContextMenuSectionProps;

package/dist/js/types/lib/propsContext/propsContext.d.ts

@@ -12,6 +12,7 @@ export declare const propsContext: import('react').Context<Partial<{
     Checkbox: import('./types').ComponentPropsContext<"Checkbox">;
     CheckboxButton: import('./types').ComponentPropsContext<"CheckboxButton">;
     CheckboxGroup: import('./types').ComponentPropsContext<"CheckboxGroup">;
+    ComboBox: import('./types').ComponentPropsContext<"ComboBox">;
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
     ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
@@ -76,6 +77,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     Checkbox: import('./types').ComponentPropsContext<"Checkbox">;
     CheckboxButton: import('./types').ComponentPropsContext<"CheckboxButton">;
     CheckboxGroup: import('./types').ComponentPropsContext<"CheckboxGroup">;
+    ComboBox: import('./types').ComponentPropsContext<"ComboBox">;
     Content: import('./types').ComponentPropsContext<"Content">;
     ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
     ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.404",
+  "version": "0.1.0-alpha.406",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -88,6 +88,11 @@
       "types": "./dist/js/types/components/ColumnLayout/index.d.ts",
       "import": "./dist/js/ColumnLayout.js"
     },
+    "./ComboBox/styles.css": "./dist/css/ComboBox.css",
+    "./ComboBox": {
+      "types": "./dist/js/types/components/ComboBox/index.d.ts",
+      "import": "./dist/js/ComboBox.js"
+    },
     "./Content": {
       "types": "./dist/js/types/components/Content/index.d.ts",
       "import": "./dist/js/Content.js"
@@ -430,7 +435,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.404",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.406",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -461,7 +466,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.404",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.406",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -556,5 +561,5 @@
       }
     }
   },
-  "gitHead": "31a2f4caaff74ec83d429b6f924ee04a7316d46c"
+  "gitHead": "e520862b9e3f2fcdc1cd760824f491840677d146"
 }

package/dist/js/types/components/Select/components/Options/Options.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { OptionProps } from '../..';
-import * as Aria from "react-aria-components";
-export type OptionsProps = Aria.ListBoxProps<OptionProps>;
-export declare const Options: FC<OptionsProps>;
-export default Options;