@mittwald/flow-react-components 0.1.0-alpha.163 → 0.1.0-alpha.166

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

@@ -3,5 +3,5 @@ import { FlowComponentProps } from '../../../../lib/componentFactory/flowCompone
 
 export type ContextMenuSectionProps = PropsWithChildren & FlowComponentProps;
 export declare const ContextMenuSection: React.ForwardRefExoticComponent<{
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & FlowComponentProps & React.RefAttributes<never>>;

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

@@ -4,6 +4,7 @@ import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface LabelProps extends PropsWithChildren<Omit<Aria.LabelProps, "children">>, FlowComponentProps {
     optional?: boolean;
+    isDisabled?: boolean;
 }
 export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<never>>;
 export default Label;

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

@@ -1,7 +1,7 @@
 import { PropsWithChildren, default as React } from 'react';
 import { LinkDOMProps } from '@react-types/shared';
-import { PropsWithClassName } from '../../../../../lib/types/props';
+import { PropsWithClassName, PropsWithContainerBreakpointSize } from '../../../../../lib/types/props';
 
-type Props = PropsWithChildren & LinkDOMProps & PropsWithClassName;
+type Props = PropsWithChildren & LinkDOMProps & PropsWithClassName & PropsWithContainerBreakpointSize;
 export declare const ListItem: (props: Props) => React.JSX.Element;
 export default ListItem;

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

@@ -10,3 +10,4 @@ export declare const WithContent: Story;
 export declare const WithLink: Story;
 export declare const WithButton: Story;
 export declare const SmallSpace: Story;
+export declare const CustomContainerBreakpoint: Story;

package/dist/types/components/Tabs/components/Tab/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TabContext {
     id: string;
 }

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

@@ -32,6 +32,7 @@ import { ModalProps } from '../Modal';
 import { SectionProps } from '../Section';
 import { SliderProps } from '../Slider';
 import { CounterBadgeProps } from '../CounterBadge';
+import { FlowComponentName } from './types';
 import { ContextualHelpProps } from '../ContextualHelp';
 import { PopoverProps } from '../Popover';
 import { ContextMenuSectionProps } from '../ContextMenu/components/ContextMenuSection';
@@ -80,4 +81,4 @@ export interface FlowComponentPropsTypes {
     TextArea: TextAreaProps;
     TextField: TextFieldProps;
 }
-export declare const propsContextSupportingComponents: (keyof FlowComponentPropsTypes)[];
+export declare const propsContextSupportingComponents: FlowComponentName[];

package/dist/types/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.d.ts

@@ -0,0 +1,7 @@
+import { FC, MutableRefObject, PropsWithChildren } from 'react';
+
+interface Props extends PropsWithChildren {
+    isAsyncSubmit: MutableRefObject<boolean>;
+}
+export declare const SubmitButtonStateProvider: FC<Props>;
+export {};

package/dist/types/integrations/react-hook-form/components/AutoFormResetEffect/AutoFormResetEffect.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+/**
+ * This effect has its own component to prevent unnecessary re-renders of the
+ * entire form when the form state changes (useFormState).
+ */
+export declare const AutoFormResetEffect: FC;

package/dist/types/lib/propsContext/dynamicProps/dynamic.d.ts

@@ -1,4 +1,5 @@
 import { DynamicProp } from './types';
+import { FlowComponentName, FlowComponentPropName } from '../../../components/propTypes';
 
-export declare const dynamic: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes, P extends keyof import('../../../components/propTypes').FlowComponentProps<C>>(getDynamicProp: DynamicProp<C, P>["__dynamicProp"]) => DynamicProp<C, P>;
+export declare const dynamic: <C extends FlowComponentName, P extends FlowComponentPropName<C>>(getDynamicProp: DynamicProp<C, P>["__dynamicProp"]) => DynamicProp<C, P>;
 export default dynamic;

package/dist/types/lib/propsContext/dynamicProps/resolveDynamicProps.d.ts

@@ -1,5 +1,5 @@
-import { FlowComponentProps } from '../../../components/propTypes';
+import { FlowComponentName, FlowComponentProps } from '../../../components/propTypes';
 import { ComponentPropsContext } from '../types';
 
-export declare const resolveDynamicProps: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes>(contextProps: ComponentPropsContext<C>, localProps: Partial<FlowComponentProps<C>>) => Partial<FlowComponentProps<C>>;
+export declare const resolveDynamicProps: <C extends FlowComponentName>(contextProps: ComponentPropsContext<C>, localProps: Partial<FlowComponentProps<C>>) => Partial<FlowComponentProps<C>>;
 export default resolveDynamicProps;

package/dist/types/lib/propsContext/nestedPropsContext/pickPropsContext.d.ts

@@ -1,3 +1,4 @@
 import { ComponentPropsContext, PropsContext } from '../types';
+import { FlowComponentName } from '../../../components/propTypes';
 
-export declare const pickPropsContext: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes>(props: ComponentPropsContext<C>) => PropsContext;
+export declare const pickPropsContext: <C extends FlowComponentName>(props: ComponentPropsContext<C>) => PropsContext;

package/dist/types/lib/propsContext/nestedPropsContext/wrapChildrenWithNestedPropsContext.d.ts

@@ -1,6 +1,6 @@
-import { FlowComponentProps } from '../../../components/propTypes';
+import { FlowComponentName, FlowComponentProps } from '../../../components/propTypes';
 import { ComponentPropsContext } from '../types';
 import { PropsWithChildren } from 'react';
 
-export declare const wrapChildrenWithNestedPropsContext: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes>(contextProps: ComponentPropsContext<C>, localProps: Partial<FlowComponentProps<C>>) => PropsWithChildren;
+export declare const wrapChildrenWithNestedPropsContext: <C extends FlowComponentName>(contextProps: ComponentPropsContext<C>, localProps: Partial<FlowComponentProps<C>>) => PropsWithChildren;
 export default wrapChildrenWithNestedPropsContext;

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

@@ -1,4 +1,4 @@
-import { FlowComponentProps } from '../../components/propTypes';
+import { FlowComponentName, FlowComponentProps } from '../../components/propTypes';
 
-export declare const useProps: <C extends keyof import('../../components/propTypes').FlowComponentPropsTypes>(component: C, localProps: FlowComponentProps<C>) => FlowComponentProps<C>;
+export declare const useProps: <C extends FlowComponentName>(component: C, localProps: FlowComponentProps<C>) => FlowComponentProps<C>;
 export default useProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.163",
+  "version": "0.1.0-alpha.166",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -178,6 +178,10 @@
       "types": "./dist/types/components/ProgressBar/index.d.ts",
       "import": "./dist/ProgressBar.js"
     },
+    "./PropsContextProvider": {
+      "types": "./dist/types/lib/propsContext/PropsContextProvider.d.ts",
+      "import": "./dist/PropsContextProvider.js"
+    },
     "./RadioGroup": {
       "types": "./dist/types/components/RadioGroup/index.d.ts",
       "import": "./dist/RadioGroup.js"
@@ -276,55 +280,55 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.163",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.166",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
-    "@storybook/test": "^8.1.10",
-    "@tabler/icons-react": "^3.6.0",
-    "@tanstack/react-table": "^8.17.3",
+    "@storybook/test": "^8.1.11",
+    "@tabler/icons-react": "^3.9.0",
+    "@tanstack/react-table": "^8.19.2",
     "@types/luxon": "^3.4.2",
     "clsx": "^2.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dot-prop": "^9.0.0",
-    "framer-motion": "^11.2.10",
+    "framer-motion": "^11.2.13",
     "html-react-parser": "^5.1.10",
     "invariant": "^2.2.4",
     "luxon": "^3.4.4",
-    "mobx": "^6.12.4",
+    "mobx": "^6.13.0",
     "mobx-react-lite": "^4.0.7",
     "object-code": "^1.3.3",
     "react-aria": "^3.33.1",
     "react-aria-components": "^1.2.1",
     "react-children-utilities": "^2.10.0",
     "react-stately": "^3.31.1",
-    "remeda": "^2.0.10",
+    "remeda": "^2.3.0",
     "use-callback-ref": "^1.3.2"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.163",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.166",
     "@mittwald/react-use-promise": "^2.3.13",
-    "@nx/storybook": "^19.3.0",
-    "@storybook/addon-a11y": "^8.1.10",
-    "@storybook/addon-actions": "^8.1.10",
-    "@storybook/addon-essentials": "^8.1.10",
-    "@storybook/addon-interactions": "^8.1.10",
-    "@storybook/addon-links": "^8.1.10",
-    "@storybook/blocks": "^8.1.10",
-    "@storybook/components": "^8.1.10",
-    "@storybook/core-events": "^8.1.10",
-    "@storybook/manager-api": "^8.1.10",
-    "@storybook/preview-api": "^8.1.10",
-    "@storybook/react": "^8.1.10",
-    "@storybook/react-vite": "^8.1.10",
-    "@storybook/theming": "^8.1.10",
-    "@testing-library/dom": "^10.1.0",
+    "@nx/storybook": "^19.4.0",
+    "@storybook/addon-a11y": "^8.1.11",
+    "@storybook/addon-actions": "^8.1.11",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/components": "^8.1.11",
+    "@storybook/core-events": "^8.1.11",
+    "@storybook/manager-api": "^8.1.11",
+    "@storybook/preview-api": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/theming": "^8.1.11",
+    "@testing-library/dom": "^10.3.1",
     "@testing-library/jest-dom": "^6.4.6",
-    "@testing-library/react": "~15.0.7",
+    "@testing-library/react": "~16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/invariant": "^2.2.37",
-    "@types/node": "20.14.5",
+    "@types/node": "20.14.9",
     "@types/prettier": "^3.0.0",
     "@types/prop-types": "^15.7.12",
     "@types/react": "^18.3.3",
@@ -334,10 +338,10 @@
     "@vitest/coverage-v8": "~1.6.0",
     "decamelize": "^6.0.0",
     "fs-jetpack": "^5.1.0",
-    "happy-dom": "^14.12.0",
+    "happy-dom": "^14.12.3",
     "next": "^14.2.4",
-    "nx": "^19.3.0",
-    "postcss": "^8.4.38",
+    "nx": "^19.4.0",
+    "postcss": "^8.4.39",
     "postcss-nested-import": "^1.3.0",
     "postcss-nesting": "^12.1.5",
     "prettier": "^3.3.2",
@@ -345,17 +349,17 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-element-to-jsx-string": "^15.0.0",
-    "react-hook-form": "^7.52.0",
+    "react-hook-form": "^7.52.1",
     "rollup": "^4.18.0",
     "sass": "^1.77.6",
-    "storybook": "^8.1.10",
+    "storybook": "^8.1.11",
     "storybook-addon-rtl": "^1.0.0",
-    "tsx": "^4.15.6",
-    "typescript": "^5.4.5",
+    "tsx": "^4.16.2",
+    "typescript": "^5.5.3",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.3.1",
+    "vite": "^5.3.3",
     "vite-plugin-banner": "^0.7.1",
-    "vite-plugin-checker": "^0.6.4",
+    "vite-plugin-checker": "^0.7.0",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-externalize-deps": "^0.8.0",
     "vitest": "~1.6.0",
@@ -379,5 +383,5 @@
       "optional": true
     }
   },
-  "gitHead": "6a541b99aab9dba1c5a2043f2d3935d9fc73ff6e"
+  "gitHead": "ba4ac228a4fb4936d1d2f71a8bd75af9bc9decd7"
 }

package/dist/Label-BlTqklNB.js

@@ -1,32 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import * as c from "react-aria-components";
-import f from "clsx";
-import { C as b } from "./ClearPropsContext-CUvsbMn8.js";
-import "./propsContext-DzAKlmhS.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { useLocalizedStringFormatter as C } from "react-aria";
-import { f as L } from "./flowComponent-TgbbWDzO.js";
-const d = "flow--label", u = {
-  label: d
-}, E = { "de-DE": {
-  "label.optional": "(optional)"
-}, "en-EN": {
-  "label.optional": "(optional)"
-} }, z = L("Label", (e) => {
-  const {
-    children: l,
-    className: o,
-    optional: a,
-    refProp: r,
-    unstyled: s = !1,
-    ...n
-  } = e, m = C(E), i = s ? o : f(u.label, o), p = " " + m.format("label.optional");
-  return /* @__PURE__ */ t.createElement(b, null, /* @__PURE__ */ t.createElement(c.Label, { ...n, className: i, ref: r }, l, a && p));
-});
-export {
-  z as L
-};