@mittwald/flow-react-components 0.1.0-alpha.99 → 0.2.0-alpha.5

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

@@ -0,0 +1,130 @@
+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">;
+    Align: import('./types').ComponentPropsContext<"Align">;
+    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">;
+    CountryOptions: import('./types').ComponentPropsContext<"CountryOptions">;
+    DatePicker: import('./types').ComponentPropsContext<"DatePicker">;
+    DateRangePicker: import('./types').ComponentPropsContext<"DateRangePicker">;
+    FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
+    FieldError: import('./types').ComponentPropsContext<"FieldError">;
+    FileCard: import('./types').ComponentPropsContext<"FileCard">;
+    FileField: import('./types').ComponentPropsContext<"FileField">;
+    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">;
+    LightBox: import('./types').ComponentPropsContext<"LightBox">;
+    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">;
+    Align: import('./types').ComponentPropsContext<"Align">;
+    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">;
+    CountryOptions: import('./types').ComponentPropsContext<"CountryOptions">;
+    DatePicker: import('./types').ComponentPropsContext<"DatePicker">;
+    DateRangePicker: import('./types').ComponentPropsContext<"DateRangePicker">;
+    FieldDescription: import('./types').ComponentPropsContext<"FieldDescription">;
+    FieldError: import('./types').ComponentPropsContext<"FieldError">;
+    FileCard: import('./types').ComponentPropsContext<"FileCard">;
+    FileField: import('./types').ComponentPropsContext<"FileField">;
+    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">;
+    LightBox: import('./types').ComponentPropsContext<"LightBox">;
+    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.test.d.ts

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

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

@@ -0,0 +1,2 @@
+import { Attributes, ReactElement, ReactNode } from 'react';
+export declare const cloneElement: <P>(element: ReactElement<P>, props?: Partial<P> & Attributes, ...children: ReactNode[]) => ReactNode[];

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/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,3 @@
+import { SlotContext } from './types';
+export declare const slotContext: import('react').Context<Partial<Record<keyof import('../../components/propTypes').FlowComponentPropsTypes, string>>>;
+export declare const useSlotContext: () => SlotContext;

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

@@ -0,0 +1,2 @@
+import { FlowComponentName } from '../../components/propTypes';
+export type SlotContext = Partial<Record<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,19 @@
+import { ExoticComponent, HTMLAttributes, HTMLElementType } from 'react';
+export type Status = "info" | "success" | "warning" | "danger";
+export type PropsWithStatus<T extends Status = Status, P = unknown> = P & {
+    /** The elements status */
+    status?: T;
+};
+export interface PropsWithTunnel {
+}
+export interface PropsWithClassName {
+    /** The elements class name. */
+    className?: string;
+}
+export type PropsWithElementType<T extends HTMLElementType = 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/js/types/lib/viewComponentContext/ViewComponentContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    components: Partial<FlowViewComponents>;
+}
+export declare const ViewComponentContextProvider: FC<Props>;
+export {};

package/dist/js/types/lib/viewComponentContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ViewComponentContextProvider';
+export * from './types';

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

@@ -0,0 +1,2 @@
+import { ComponentProps, ComponentType, JSXElementConstructor } from 'react';
+export type ViewComponent<T extends JSXElementConstructor<any>> = ComponentType<ComponentProps<T>>;

package/dist/js/types/lib/viewComponentContext/useViewComponents.d.ts

@@ -0,0 +1 @@
+export declare const useViewComponents: <T extends keyof FlowViewComponents>(name: T) => Partial<FlowViewComponents[T]>;

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

@@ -0,0 +1 @@
+export declare const viewComponentContext: import('react').Context<Partial<FlowViewComponents>>;

package/dist/js/types/styles/index.d.ts

@@ -0,0 +1,2 @@
+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-BwSJj4Ly.js

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { O as C, u as O } from "./context-BaYmTa0I.js";
+import { useEffect as f } from "react";
+const d = (s, l = {}) => {
+  const {
+    reuseControllerFromContext: u = !0,
+    isDefaultOpen: a,
+    onOpen: o,
+    onClose: e
+  } = l, c = C.useNew({
+    isDefaultOpen: a,
+    onOpen: o,
+    onClose: e
+  }), n = O()[s], r = u && n ? n : c;
+  return f(() => {
+    const t = [];
+    return o && t.push(r.addOnOpen(o)), e && t.push(r.addOnClose(e)), () => {
+      t.forEach((p) => p());
+    };
+  }, [o, e]), r;
+};
+export {
+  d as u
+};

package/dist/js/useProps-BwXLjxoy.js

@@ -0,0 +1,122 @@
+"use client"
+/* */
+import { mergeProps as a } from "@react-aria/utils";
+import { u as l } from "./propsContext-DzAKlmhS.js";
+import C, { isValidElement as m } from "react";
+import { pickBy as x, omitBy as g } from "remeda";
+import { PropsContextProvider as P } from "./PropsContextProvider.js";
+const f = {
+  Action: !0,
+  ActionGroup: !0,
+  Avatar: !0,
+  Alert: !0,
+  AlertBadge: !0,
+  AlertIcon: !0,
+  Align: !0,
+  Badge: !0,
+  Button: !0,
+  Checkbox: !0,
+  CheckboxButton: !0,
+  CheckboxGroup: !0,
+  Content: !0,
+  ContextMenu: !0,
+  ContextMenuSection: !0,
+  ContextMenuTrigger: !0,
+  ContextualHelp: !0,
+  ContextualHelpTrigger: !0,
+  CopyButton: !0,
+  CounterBadge: !0,
+  CountryOptions: !0,
+  DatePicker: !0,
+  DateRangePicker: !0,
+  FieldDescription: !0,
+  FieldError: !0,
+  FileCard: !0,
+  FileField: !0,
+  Header: !0,
+  Heading: !0,
+  Icon: !0,
+  Image: !0,
+  Initials: !0,
+  Label: !0,
+  LayoutCard: !0,
+  LightBox: !0,
+  Link: !0,
+  List: !0,
+  ListSummary: !0,
+  MenuItem: !0,
+  Modal: !0,
+  ModalTrigger: !0,
+  NumberField: !0,
+  Radio: !0,
+  Option: !0,
+  Popover: !0,
+  PopoverTrigger: !0,
+  RadioButton: !0,
+  RadioGroup: !0,
+  SearchField: !0,
+  Section: !0,
+  Segment: !0,
+  SegmentedControl: !0,
+  Select: !0,
+  Slider: !0,
+  Switch: !0,
+  Tabs: !0,
+  TabTitle: !0,
+  TestComponent: !0,
+  Text: !0,
+  TextArea: !0,
+  TextField: !0,
+  TimeField: !0
+}, u = Object.keys(
+  f
+);
+function i(e) {
+  return !!e && typeof e == "object" && "__dynamicProp" in e;
+}
+function s(e) {
+  return typeof e == "string" && u.includes(e);
+}
+function y(e) {
+  return !s(e);
+}
+const h = (e, r) => {
+  const o = {};
+  for (const t in e)
+    if (y(t)) {
+      const n = e[t];
+      i(n) && (o[t] = n.__dynamicProp(r));
+    }
+  return o;
+};
+function T(e) {
+  return !!e && typeof e == "object" && "children" in e && !!e.children;
+}
+const b = (e) => x(e, (r, o) => s(o)), F = (e, r) => {
+  if (!T(r))
+    return {};
+  const o = r.children;
+  if (!Array.isArray(o) && !m(o))
+    return {};
+  const t = b(e);
+  return Object.keys(t).length === 0 ? {} : {
+    children: /* @__PURE__ */ C.createElement(P, { props: t, mergeInParentContext: !0 }, o)
+  };
+}, M = (e, r) => {
+  const t = l()[e], n = t ? h(t, r) : void 0, p = t ? F(t, r) : void 0;
+  return a(
+    t && g(
+      t,
+      (c, d) => u.includes(
+        d
+      ) || i(c)
+    ),
+    r,
+    n,
+    p
+  );
+};
+export {
+  s as i,
+  M as u
+};

package/dist/js/useViewComponents-JuN4968B.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { useContext as t } from "react";
+import { v as e } from "./viewComponentContext-HXEKmx_D.js";
+const s = (o) => t(e)[o] ?? {};
+export {
+  s as u
+};

package/dist/js/viewComponentContext-HXEKmx_D.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { createContext as t } from "react";
+const e = t(
+  {}
+);
+export {
+  e as v
+};