@mittwald/flow-react-components 0.1.0-alpha.31 → 0.1.0-alpha.310

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

@@ -0,0 +1,120 @@
+import { PropsContext } from './types';
+export declare const propsContext: import('react').Context<Partial<{
+    Action: import('./types').ComponentPropsContext<"Action">;
+    ActionGroup: import('./types').ComponentPropsContext<"ActionGroup">;
+    Alert: import('./types').ComponentPropsContext<"Alert">;
+    AlertBadge: import('./types').ComponentPropsContext<"AlertBadge">;
+    AlertIcon: import('./types').ComponentPropsContext<"AlertIcon">;
+    Avatar: import('./types').ComponentPropsContext<"Avatar">;
+    Badge: import('./types').ComponentPropsContext<"Badge">;
+    Button: import('./types').ComponentPropsContext<"Button">;
+    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">;
+    ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
+    ContextMenuTrigger: import('./types').ComponentPropsContext<"ContextMenuTrigger">;
+    ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
+    ContextualHelpTrigger: import('./types').ComponentPropsContext<"ContextualHelpTrigger">;
+    CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
+    CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
+    DatePicker: import('./types').ComponentPropsContext<"DatePicker">;
+    DateRangePicker: import('./types').ComponentPropsContext<"DateRangePicker">;
+    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">;
+    Label: import('./types').ComponentPropsContext<"Label">;
+    LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
+    Link: import('./types').ComponentPropsContext<"Link">;
+    List: import('./types').ComponentPropsContext<"List">;
+    ListSummary: import('./types').ComponentPropsContext<"ListSummary">;
+    MenuItem: import('./types').ComponentPropsContext<"MenuItem">;
+    Modal: import('./types').ComponentPropsContext<"Modal">;
+    ModalTrigger: import('./types').ComponentPropsContext<"ModalTrigger">;
+    NumberField: import('./types').ComponentPropsContext<"NumberField">;
+    Option: import('./types').ComponentPropsContext<"Option">;
+    Popover: import('./types').ComponentPropsContext<"Popover">;
+    PopoverTrigger: import('./types').ComponentPropsContext<"PopoverTrigger">;
+    Radio: import('./types').ComponentPropsContext<"Radio">;
+    RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
+    RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;
+    SearchField: import('./types').ComponentPropsContext<"SearchField">;
+    Section: import('./types').ComponentPropsContext<"Section">;
+    Segment: import('./types').ComponentPropsContext<"Segment">;
+    SegmentedControl: import('./types').ComponentPropsContext<"SegmentedControl">;
+    Select: import('./types').ComponentPropsContext<"Select">;
+    Slider: import('./types').ComponentPropsContext<"Slider">;
+    Switch: import('./types').ComponentPropsContext<"Switch">;
+    Tabs: import('./types').ComponentPropsContext<"Tabs">;
+    TabTitle: import('./types').ComponentPropsContext<"TabTitle">;
+    Text: import('./types').ComponentPropsContext<"Text">;
+    TextArea: import('./types').ComponentPropsContext<"TextArea">;
+    TextField: import('./types').ComponentPropsContext<"TextField">;
+    TimeField: import('./types').ComponentPropsContext<"TimeField">;
+    TestComponent: import('./types').ComponentPropsContext<"TestComponent">;
+}>>;
+export declare const PropsContextProvider: import('react').Provider<Partial<{
+    Action: import('./types').ComponentPropsContext<"Action">;
+    ActionGroup: import('./types').ComponentPropsContext<"ActionGroup">;
+    Alert: import('./types').ComponentPropsContext<"Alert">;
+    AlertBadge: import('./types').ComponentPropsContext<"AlertBadge">;
+    AlertIcon: import('./types').ComponentPropsContext<"AlertIcon">;
+    Avatar: import('./types').ComponentPropsContext<"Avatar">;
+    Badge: import('./types').ComponentPropsContext<"Badge">;
+    Button: import('./types').ComponentPropsContext<"Button">;
+    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">;
+    ContextMenuSection: import('./types').ComponentPropsContext<"ContextMenuSection">;
+    ContextMenuTrigger: import('./types').ComponentPropsContext<"ContextMenuTrigger">;
+    ContextualHelp: import('./types').ComponentPropsContext<"ContextualHelp">;
+    ContextualHelpTrigger: import('./types').ComponentPropsContext<"ContextualHelpTrigger">;
+    CopyButton: import('./types').ComponentPropsContext<"CopyButton">;
+    CounterBadge: import('./types').ComponentPropsContext<"CounterBadge">;
+    DatePicker: import('./types').ComponentPropsContext<"DatePicker">;
+    DateRangePicker: import('./types').ComponentPropsContext<"DateRangePicker">;
+    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">;
+    Label: import('./types').ComponentPropsContext<"Label">;
+    LayoutCard: import('./types').ComponentPropsContext<"LayoutCard">;
+    Link: import('./types').ComponentPropsContext<"Link">;
+    List: import('./types').ComponentPropsContext<"List">;
+    ListSummary: import('./types').ComponentPropsContext<"ListSummary">;
+    MenuItem: import('./types').ComponentPropsContext<"MenuItem">;
+    Modal: import('./types').ComponentPropsContext<"Modal">;
+    ModalTrigger: import('./types').ComponentPropsContext<"ModalTrigger">;
+    NumberField: import('./types').ComponentPropsContext<"NumberField">;
+    Option: import('./types').ComponentPropsContext<"Option">;
+    Popover: import('./types').ComponentPropsContext<"Popover">;
+    PopoverTrigger: import('./types').ComponentPropsContext<"PopoverTrigger">;
+    Radio: import('./types').ComponentPropsContext<"Radio">;
+    RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
+    RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;
+    SearchField: import('./types').ComponentPropsContext<"SearchField">;
+    Section: import('./types').ComponentPropsContext<"Section">;
+    Segment: import('./types').ComponentPropsContext<"Segment">;
+    SegmentedControl: import('./types').ComponentPropsContext<"SegmentedControl">;
+    Select: import('./types').ComponentPropsContext<"Select">;
+    Slider: import('./types').ComponentPropsContext<"Slider">;
+    Switch: import('./types').ComponentPropsContext<"Switch">;
+    Tabs: import('./types').ComponentPropsContext<"Tabs">;
+    TabTitle: import('./types').ComponentPropsContext<"TabTitle">;
+    Text: import('./types').ComponentPropsContext<"Text">;
+    TextArea: import('./types').ComponentPropsContext<"TextArea">;
+    TextField: import('./types').ComponentPropsContext<"TextField">;
+    TimeField: import('./types').ComponentPropsContext<"TimeField">;
+    TestComponent: import('./types').ComponentPropsContext<"TestComponent">;
+}>>;
+export declare const useContextProps: () => PropsContext;

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

@@ -0,0 +1,9 @@
+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/js/types/lib/propsContext/useProps.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+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/js/types/lib/react/components/Translate/index.d.ts

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

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

@@ -0,0 +1,3 @@
+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/js/types/lib/react/deepFindOfType.test.d.ts

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

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

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

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

@@ -0,0 +1,7 @@
+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/js/types/lib/slotContext/SlotContextProvider.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { FlowComponentName } from '../../components/propTypes';
+interface Props extends PropsWithChildren {
+    slot: string;
+    component: FlowComponentName;
+}
+export declare const SlotContextProvider: FC<Props>;
+export default SlotContextProvider;

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

@@ -0,0 +1,61 @@
+import { SlotContext } from './types';
+export declare const slotContext: import('react').Context<Partial<{
+    Action: string;
+    ActionGroup: string;
+    Alert: string;
+    AlertBadge: string;
+    AlertIcon: string;
+    Avatar: string;
+    Badge: string;
+    Button: string;
+    Checkbox: string;
+    CheckboxButton: string;
+    CheckboxGroup: string;
+    Content: string;
+    ContextMenu: string;
+    ContextMenuSection: string;
+    ContextMenuTrigger: string;
+    ContextualHelp: string;
+    ContextualHelpTrigger: string;
+    CopyButton: string;
+    CounterBadge: string;
+    DatePicker: string;
+    DateRangePicker: string;
+    FieldDescription: string;
+    FieldError: string;
+    Header: string;
+    Heading: string;
+    Icon: string;
+    Image: string;
+    Initials: string;
+    Label: string;
+    LayoutCard: string;
+    Link: string;
+    List: string;
+    ListSummary: string;
+    MenuItem: string;
+    Modal: string;
+    ModalTrigger: string;
+    NumberField: string;
+    Option: string;
+    Popover: string;
+    PopoverTrigger: string;
+    Radio: string;
+    RadioButton: string;
+    RadioGroup: string;
+    SearchField: string;
+    Section: string;
+    Segment: string;
+    SegmentedControl: string;
+    Select: string;
+    Slider: string;
+    Switch: string;
+    Tabs: string;
+    TabTitle: string;
+    Text: string;
+    TextArea: string;
+    TextField: string;
+    TimeField: string;
+    TestComponent: string;
+}>>;
+export declare const useSlotContext: () => SlotContext;

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

@@ -0,0 +1,4 @@
+import { FlowComponentName } from '../../components/propTypes';
+export type SlotContext = Partial<{
+    [C in FlowComponentName]: string;
+}>;

package/dist/js/types/lib/slotContext/useContextSlot.d.ts

@@ -0,0 +1,3 @@
+import { FlowComponentName } from '../../components/propTypes';
+export declare const useContextSlot: (component: FlowComponentName) => string | undefined;
+export default useContextSlot;

package/dist/js/types/lib/timer/Timer.d.ts

@@ -0,0 +1,17 @@
+import { DurationLike } from 'luxon';
+export declare class Timer {
+    private duration;
+    private onDone;
+    private startedAt?;
+    private pausedAt?;
+    private runningTimeoutId?;
+    start(duration: DurationLike, onDone?: () => void): void;
+    restart(): void;
+    pause(): void;
+    resume(): void;
+    stop(): void;
+    get state(): "idle" | "running" | "paused";
+    private clearTimeout;
+    private startTimeout;
+}
+export default Timer;

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

@@ -0,0 +1 @@
+export type ItemType<T> = T extends (infer TItem)[] ? TItem : T;

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

@@ -0,0 +1,17 @@
+import { ExoticComponent, HTMLAttributes, ReactHTML } 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 interface PropsWithClassName {
+    className?: string;
+}
+export type PropsWithElementType<T extends keyof ReactHTML = never> = HTMLAttributes<HTMLElement> & {
+    elementType?: T | ExoticComponent;
+};
+export type ContainerBreakpointSize = "xs" | "s" | "m" | "l" | "xl";
+export interface PropsWithContainerBreakpointSize {
+    containerBreakpointSize?: ContainerBreakpointSize;
+}

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

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

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

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

package/dist/js/useOnChange-C1Quwyuz.js

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import { useRef as o, useEffect as s } from "react";
+const u = (e, r, n = []) => {
+  const t = o(e);
+  s(() => {
+    t.current !== e && r(), t.current = e;
+  }, [e, r, ...n]);
+};
+export {
+  u
+};

package/dist/js/useOverlayController-D8pgx8nV.js

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { O as C, u as a } from "./context-Cf7tqFtF.js";
+const c = (o, r = {}) => {
+  const {
+    reuseControllerFromContext: t = !0,
+    isDefaultOpen: n,
+    onOpen: l,
+    onClose: s
+  } = r, u = C.useNew({
+    isDefaultOpen: n,
+    onOpen: l,
+    onClose: s
+  }), e = a()[o];
+  return t && e ? e : u;
+};
+export {
+  c as u
+};

package/dist/js/useSelector-DpU7_HMO.js

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { autorun as u } from "mobx";
+import { useState as s, useEffect as c } from "react";
+const m = (e, t = []) => {
+  const [r, o] = s(e());
+  return c(() => u(() => {
+    o(e());
+  }), t), r;
+};
+export {
+  m as u
+};