@mittwald/flow-react-components 0.1.0-alpha.13 → 0.1.0-alpha.130

package/dist/types/lib/controller/index.d.ts

@@ -0,0 +1 @@
+export * from './overlay';

package/dist/types/lib/controller/overlay/OverlayController.d.ts

@@ -0,0 +1,10 @@
+export declare class OverlayController {
+    isOpen: boolean;
+    constructor(isDefaultOpen?: boolean);
+    static useNew(isDefaultOpen?: boolean): OverlayController;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    setOpen(to: boolean): void;
+    useIsOpen(): boolean;
+}

package/dist/types/lib/controller/overlay/context.d.ts

@@ -0,0 +1,4 @@
+import { OverlayController } from './OverlayController';
+
+export declare const overlayContext: import('react').Context<OverlayController | undefined>;
+export declare const OverlayContextProvider: import('react').Provider<OverlayController | undefined>;

package/dist/types/lib/controller/overlay/index.d.ts

@@ -0,0 +1,2 @@
+export { OverlayController } from './OverlayController';
+export { useOverlayController } from './useOverlayController';

package/dist/types/lib/controller/overlay/useOverlayController.d.ts

@@ -0,0 +1,8 @@
+import { OverlayController } from './OverlayController';
+
+interface Options {
+    reuseControllerFromContext?: boolean;
+    defaultOpen?: boolean;
+}
+export declare const useOverlayController: (opts?: Options) => OverlayController;
+export {};

package/dist/types/lib/dev/dummyText.d.ts

@@ -0,0 +1,6 @@
+export declare const dummyText: {
+    short: string;
+    medium: string;
+    long: string;
+    imageSrc: string;
+};

package/dist/types/lib/dev/storyBackgrounds.d.ts

@@ -0,0 +1,14 @@
+export declare const storyBackgroundDark: {
+    default: string;
+    values: {
+        name: string;
+        value: string;
+    }[];
+};
+export declare const storyBackgroundLight: {
+    default: string;
+    values: {
+        name: string;
+        value: string;
+    }[];
+};

package/dist/types/lib/dev/vitestUserEvent.d.ts

@@ -0,0 +1,2 @@
+export declare const userEvent: import('@testing-library/user-event').UserEvent;
+export default userEvent;

package/dist/types/lib/hooks/dom/useObserveOverflow.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+
+interface UseObserveOverflowReturn {
+    ref: RefObject<never>;
+    isOverflowing: boolean;
+}
+export declare const useObserveOverflow: () => UseObserveOverflowReturn;
+export {};

package/dist/types/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useOverlayController } from '../controller';
+export * from './useOnChange';

package/dist/types/lib/hooks/useOnChange.d.ts

@@ -0,0 +1,3 @@
+import { DependencyList } from 'react';
+
+export declare const useOnChange: (value: unknown, callback: () => void, dependencies?: DependencyList) => void;

package/dist/types/lib/mobx/useAutorunEffect.d.ts

@@ -0,0 +1 @@
+export declare const useAutorunEffect: (effect: () => void) => void;

package/dist/types/lib/mobx/useSelector.d.ts

@@ -0,0 +1,4 @@
+export type MobXSelector<T> = () => T;
+/** Use this hook to select reactive state from the store */
+export declare const useSelector: <T>(select: MobXSelector<T>, deps?: unknown[]) => T;
+export default useSelector;

package/dist/types/lib/promises/callAndReact.d.ts

@@ -0,0 +1,9 @@
+interface Options {
+    onSync?: () => void;
+    onAsync?: () => void;
+    then?: (result: unknown) => void;
+    catch?: (error: unknown) => void;
+    finally?: () => void;
+}
+export declare const callAndReact: (fn: (...args: unknown[]) => unknown, options?: Options) => unknown;
+export {};

package/dist/types/lib/promises/callAndReact.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/promises/callFunctionsInOrder.d.ts

@@ -0,0 +1,3 @@
+type Fn = (...args: unknown[]) => unknown;
+export declare const callFunctionsInOrder: (actions: (Fn | undefined)[]) => (...args: unknown[]) => unknown;
+export {};

package/dist/types/lib/promises/callFunctionsInOrder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/promises/sleep.d.ts

@@ -0,0 +1 @@
+export declare const sleep: (ms: number) => Promise<void>;

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

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+
+export type ClearPropsContextProps = PropsWithChildren;
+export declare const ClearPropsContext: FC<ClearPropsContextProps>;
+export default ClearPropsContext;

package/dist/types/lib/propsContext/ClearPropsContext.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,10 @@
+import { DependencyList, FC, PropsWithChildren } from 'react';
+import { PropsContext as PropsContextShape } from './types';
+
+interface Props extends PropsWithChildren {
+    props: PropsContextShape;
+    dependencies?: DependencyList;
+    mergeInParentContext?: boolean;
+}
+export declare const PropsContextProvider: FC<Props>;
+export default PropsContextProvider;

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

@@ -0,0 +1,4 @@
+import { DynamicProp } from './types';
+
+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 default dynamic;

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

@@ -0,0 +1,5 @@
+import { DynamicProp } from './types';
+import { FlowComponentName, FlowComponentPropName } from '../../../components/propTypes';
+
+export declare function isDynamicProp<C extends FlowComponentName, P extends FlowComponentPropName<C>>(something: unknown): something is DynamicProp<C, P>;
+export default isDynamicProp;

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

@@ -0,0 +1,5 @@
+import { 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 default resolveDynamicProps;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import { FlowComponentName, FlowComponentPropName, FlowComponentProps, FlowComponentPropType } from '../../../components/propTypes';
+
+export interface DynamicProp<C extends FlowComponentName, P extends FlowComponentPropName<C>> {
+    __dynamicProp: (localProps: Partial<FlowComponentProps<C>>) => FlowComponentPropType<C, P>;
+}

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

@@ -0,0 +1,7 @@
+import { useProps } from './useProps';
+export { ClearPropsContext } from './ClearPropsContext';
+export { PropsContextProvider } from './PropsContextProvider';
+export { useProps } from './useProps';
+export { dynamic } from './dynamicProps/dynamic';
+export type { PropsContext } from './types';
+export default useProps;

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

@@ -0,0 +1,3 @@
+import { FlowComponentName } from '../../components/propTypes';
+
+export declare function isFlowComponentName(something: unknown): something is FlowComponentName;

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

@@ -0,0 +1,3 @@
+import { FlowComponentName, FlowComponentPropName } from '../../components/propTypes';
+
+export declare function isFlowComponentProp<C extends FlowComponentName>(something: unknown): something is FlowComponentPropName<C>;

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

@@ -0,0 +1,4 @@
+import { PropsContext } from './types';
+
+export declare const mergePropsContext: (firstContext?: PropsContext, secondContext?: PropsContext) => PropsContext;
+export default mergePropsContext;

package/dist/types/lib/propsContext/mergePropsContext.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export declare function isPropsWithChildren<T>(props: T): props is PropsWithChildren<T>;

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import { 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 default wrapChildrenWithNestedPropsContext;

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

@@ -0,0 +1,43 @@
+import { PropsContext } from './types';
+
+export declare const propsContext: import('react').Context<Partial<{
+    Action: import('./types').ComponentPropsContext<"Action">;
+    Avatar: import('./types').ComponentPropsContext<"Avatar">;
+    Button: import('./types').ComponentPropsContext<"Button">;
+    ButtonGroup: import('./types').ComponentPropsContext<"ButtonGroup">;
+    Checkbox: import('./types').ComponentPropsContext<"Checkbox">;
+    CheckboxButton: import('./types').ComponentPropsContext<"CheckboxButton">;
+    CheckboxGroup: import('./types').ComponentPropsContext<"CheckboxGroup">;
+    Content: import('./types').ComponentPropsContext<"Content">;
+    ContextMenu: import('./types').ComponentPropsContext<"ContextMenu">;
+    CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
+    CounterLabel: import('./types').ComponentPropsContext<"CounterLabel">;
+    FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
+    FieldError: import('./types').ComponentPropsContext<"FieldError">;
+    Header: import('./types').ComponentPropsContext<"Header">;
+    Heading: import('./types').ComponentPropsContext<"Heading">;
+    Icon: import('./types').ComponentPropsContext<"Icon">;
+    Image: import('./types').ComponentPropsContext<"Image">;
+    Initials: import('./types').ComponentPropsContext<"Initials">;
+    InlineAlert: import('./types').ComponentPropsContext<"InlineAlert">;
+    Label: import('./types').ComponentPropsContext<"Label">;
+    LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
+    Link: import('./types').ComponentPropsContext<"Link">;
+    MenuItem: import('./types').ComponentPropsContext<"MenuItem">;
+    Modal: import('./types').ComponentPropsContext<"Modal">;
+    NumberField: import('./types').ComponentPropsContext<"NumberField">;
+    Option: import('./types').ComponentPropsContext<"Option">;
+    Radio: import('./types').ComponentPropsContext<"Radio">;
+    RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
+    RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;
+    Section: import('./types').ComponentPropsContext<"Section">;
+    Select: import('./types').ComponentPropsContext<"Select">;
+    StatusBadge: import('./types').ComponentPropsContext<"StatusBadge">;
+    Switch: import('./types').ComponentPropsContext<"Switch">;
+    Tabs: import('./types').ComponentPropsContext<"Tabs">;
+    Text: import('./types').ComponentPropsContext<"Text">;
+    TextArea: import('./types').ComponentPropsContext<"TextArea">;
+    TextField: import('./types').ComponentPropsContext<"TextField">;
+    TestComponent: import('./types').ComponentPropsContext<"TestComponent">;
+}>>;
+export declare const useContextProps: () => PropsContext;

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

@@ -0,0 +1,10 @@
+import { FlowComponentName, FlowComponentPropName, FlowComponentPropType } from '../../components/propTypes';
+import { DynamicProp } from './dynamicProps/types';
+
+export type PropsContext = Partial<{
+    [C in FlowComponentName]: ComponentPropsContext<C>;
+}>;
+export type ComponentPropsContext<C extends FlowComponentName> = Partial<{
+    [P in FlowComponentPropName<C>]: FlowComponentPropType<C, P> | DynamicProp<C, P>;
+}> & PropsContext;
+export type WorkaroundType = any;

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

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

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

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { FC, ReactNode } from 'react';
+
+export declare const Render: FC<{
+    children: () => ReactNode | void;
+}>;

package/dist/types/lib/react/components/Render/Render.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export * from './Render';

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { LocalizedStrings } from 'react-aria';
+
+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/dist/types/lib/react/deepFindOfType.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps, ElementType, FunctionComponentElement, ReactNode } from 'react';
+
+export declare const deepFindOfType: <T extends ElementType>(children: ReactNode, searchType: T) => FunctionComponentElement<ComponentProps<T>> | undefined;
+export declare const deepFilterByType: <T extends ElementType>(children: ReactNode, searchType: T) => FunctionComponentElement<ComponentProps<T>>[];

package/dist/types/lib/react/deepFindOfType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/react/deepHas.d.ts

@@ -0,0 +1,3 @@
+import { ElementType, ReactNode } from 'react';
+
+export declare const deepHas: (children: ReactNode | ReactNode[], searchType: ElementType) => boolean;

package/dist/types/lib/react/getPropsMerger.d.ts

@@ -0,0 +1,8 @@
+import { mergeProps as ariaMergeProps } from '@react-aria/utils';
+
+interface MergePropsOptions {
+    mergeClassNames?: boolean;
+    mergeEventHandler?: boolean;
+}
+export declare const getPropsMerger: (options?: MergePropsOptions) => typeof ariaMergeProps;
+export {};

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

@@ -0,0 +1,17 @@
+import { ComponentType, ExoticComponent, HTMLAttributes, ReactHTML, ReactNode } from 'react';
+
+export type Status = "info" | "success" | "warning" | "danger";
+export type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
+    status?: T;
+};
+export interface PropsWithTunnel {
+}
+export type FlowRenderFn<P> = (component: ComponentType<P>, props: P) => ReactNode;
+export interface PropsWithRender<P> {
+}
+export interface PropsWithClassName {
+    className?: string;
+}
+export type PropsWithElementType<T extends keyof ReactHTML = never> = HTMLAttributes<HTMLElement> & {
+    elementType?: T | ExoticComponent;
+};

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

@@ -0,0 +1 @@
+export {};

package/dist/{stylesInit.d.ts → types/styles/index.d.ts}

@@ -1,4 +1,3 @@
-declare const _default: {};
-export default _default;
-
-export { }
+
+declare const _default: {};
+export default _default;

package/dist/useOverlayController-CwlTOKoP.js

@@ -0,0 +1,55 @@
+"use client"
+/* */
+var c = Object.defineProperty;
+var a = (t, e, s) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => (a(t, typeof e != "symbol" ? e + "" : e, s), s);
+import { useState as p, useEffect as O, useRef as d, createContext as b, useContext as C } from "react";
+import { autorun as f, makeObservable as h, observable as v, action as o } from "mobx";
+const m = (t, e = []) => {
+  const [s, n] = p(t());
+  return O(() => f(() => {
+    n(t());
+  }), e), s;
+};
+class r {
+  constructor(e = !1) {
+    i(this, "isOpen");
+    h(this, {
+      isOpen: v,
+      open: o.bound,
+      close: o.bound,
+      toggle: o.bound,
+      setOpen: o.bound
+    }), this.isOpen = e;
+  }
+  static useNew(e) {
+    return d(new r(e)).current;
+  }
+  open() {
+    this.isOpen = !0;
+  }
+  close() {
+    this.isOpen = !1;
+  }
+  toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  setOpen(e) {
+    this.isOpen = e;
+  }
+  useIsOpen() {
+    return m(() => this.isOpen);
+  }
+}
+const l = b(
+  void 0
+), y = l.Provider, S = (t = {}) => {
+  const { reuseControllerFromContext: e = !0, defaultOpen: s } = t, n = r.useNew(s), u = C(l);
+  return e && u ? u : n;
+};
+export {
+  r as O,
+  y as a,
+  m as b,
+  S as u
+};