@orioro/react-ui-core 0.0.0

package/dist/Flex/types.d.ts

@@ -0,0 +1,8 @@
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export type SpacingValue = number | string | {
+    [key: string]: number | string;
+};
+export type FlexAlignItems = 'flex-start' | 'center' | 'flex-end' | 'strecth';
+export type FlexJustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export type FlexDisplay = 'none' | 'flex' | 'inline-flex';

package/dist/FlexGrid/FlexGrid.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FlexDirection, FlexProps } from '../Flex';
+import { ResponsiveValueInput } from '../Responsive';
+import { CSSLength } from '../util';
+export type FlexGridRenderItem = (item: any, sizingStyle: {
+    width?: ResponsiveValueInput<CSSLength>;
+    height?: ResponsiveValueInput<CSSLength>;
+}) => React.ReactNode;
+type Size = 'auto' | 'proportional' | ((item: any, items: any[]) => CSSLength);
+export type FlexGridProps = FlexProps & {
+    groups: any[];
+    groupSize?: Size;
+    groupGap?: ResponsiveValueInput<CSSLength>;
+    rootDirection?: ResponsiveValueInput<FlexDirection>;
+    direction?: ResponsiveValueInput<FlexDirection>;
+    renderItem?: FlexGridRenderItem;
+    itemSize?: Size;
+};
+export declare const FLEX_GRID_PROPS: string[];
+export declare function FlexGrid({ direction, rootDirection, groups, groupSize, groupGap, renderItem, itemSize, ...props }: FlexGridProps): React.JSX.Element;
+export {};

package/dist/FlexGrid/index.d.ts

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

package/dist/HoverElement/Container.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CSSLength } from '../util';
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, {
+    spacing?: CSSLength | undefined;
+}>>;

package/dist/HoverElement/Element.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ElementProps } from './types';
+export declare const Element: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ElementProps>>;

package/dist/HoverElement/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export * from './types';
+export declare const HoverElement: {
+    Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }>, never>, {
+        spacing?: import("..").CSSLength | undefined;
+    }>>;
+    Element: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("./types").ElementProps>>;
+};

package/dist/HoverElement/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type Placement = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type ElementProps = {
+    placement?: Placement;
+    children: React.ReactNode;
+    active?: boolean;
+};

package/dist/Image/Image.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AspectRatioProps } from '../AspectRatio';
+export type ImageProps = {
+    aspectRatio?: AspectRatioProps['ratio'];
+    width?: AspectRatioProps['width'];
+    height?: AspectRatioProps['height'];
+    objectFit?: AspectRatioProps['objectFit'];
+    style?: React.CSSProperties;
+    src?: string | null;
+    [key: string]: any;
+};
+export declare const Image: React.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/Image/ImageWithFallback.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MergeableComponentInput } from '../mergeable';
+export type ImageWithFallbackProps = {
+    src?: string | null;
+    fallback?: boolean | MergeableComponentInput;
+    [key: string]: any;
+};
+export declare const ImageWithFallback: React.ForwardRefExoticComponent<Omit<ImageWithFallbackProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/Image/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Image";
+export * from "./ImageWithFallback";

package/dist/Input/ArrayInput/ArrayInputContext.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ArrayInputProps } from './types';
+export declare function ArrayInputProvider<ItemType = any>({ children, ...props }: ArrayInputProps & {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useArrayInput(): {
+    localValue: any[];
+    setLocalValue: (value: any[] | ((curr: any[]) => any[])) => void;
+    setValue: (value: any[] | ((curr: any[]) => any[])) => void;
+    setItem: (value: any) => void;
+    isMoving: boolean;
+    moveItem: ((item: any, toIndex: number, fromIndex: number) => any) | null | undefined;
+    isRemoving: boolean;
+    removeItem: ((item: any, index: number) => any) | null | undefined;
+    viewItem: ((item: any, index: number) => any) | null | undefined;
+    isAdding: boolean;
+    addItem: ((atIndex: number) => any) | null | undefined;
+    props: ArrayInputProps;
+};

package/dist/Input/ArrayInput/DefaultItemComponent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ItemComponentProps } from './types';
+export declare function DefaultItemComponent({ value, index, draggableProvided, }: ItemComponentProps): React.JSX.Element;

package/dist/Input/ArrayInput/FloatingControls.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type FloatingControlsProps = {
+    onAddItem?: (() => any) | null;
+};
+export declare function FloatingControls({ onAddItem }: FloatingControlsProps): React.JSX.Element;
+export {};

package/dist/Input/ArrayInput/ValueList.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ArrayInputProps } from './types';
+import { DroppableProps } from 'react-beautiful-dnd';
+export declare const StrictModeDroppable: ({ children, ...props }: DroppableProps) => React.JSX.Element | null;
+export declare function ValueList<ItemType = any>({}: ArrayInputProps<ItemType>): React.JSX.Element | null;

package/dist/Input/ArrayInput/ValueList_Virtualized_POC.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ArrayInputProps } from './types';
+import { DroppableProps } from 'react-beautiful-dnd';
+export declare const StrictModeDroppable: ({ children, ...props }: DroppableProps) => React.JSX.Element | null;
+export declare function ValueList<ItemType = any>({}: ArrayInputProps<ItemType>): React.JSX.Element | null;

package/dist/Input/ArrayInput/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ArrayInputProps } from './types';
+export declare function ArrayInput<ItemType = any>(props: ArrayInputProps<ItemType>): React.JSX.Element;

package/dist/Input/ArrayInput/types.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { InputProps, InputSchema } from '../types';
+import { CSSLength } from '../../util';
+import { Input } from '../Input';
+import { Output } from '../../Output';
+import { DraggableProvided } from 'react-beautiful-dnd';
+import { Merge } from 'type-fest';
+import { MenuItemProps } from '../../Menu/DropdownMenu/MenuItem';
+export type ItemComponentType = React.FC<ItemComponentProps>;
+export type ItemInputComponentType = React.FC<Merge<Parameters<typeof Input>[0], {
+    index: number;
+}>>;
+export type ItemOutputComponentType = React.FC<Merge<Parameters<typeof Output>[0], {
+    index: number;
+}>>;
+export type ArrayInputProps<ItemType = any> = InputProps<ItemType[]> & {
+    ofType: string | InputSchema;
+    minLength?: number;
+    maxLength?: number;
+    color?: string;
+    itemLabel?: string;
+    addLabel?: string;
+    removeLabel?: string;
+    moveLabel?: string;
+    itemEditable?: boolean;
+    itemGap?: CSSLength;
+    ItemComponent?: ItemComponentType;
+    ItemInput?: ItemInputComponentType;
+    ItemOutput?: ItemOutputComponentType;
+    itemMenu?: (item: ItemType, index: number) => MenuItemProps[];
+    itemId?: (item: ItemType, index: number) => string | number;
+    onRemoveItem?: ((item: ItemType, index: number) => any) | null;
+    onMoveItem?: ((item: ItemType, toIndex: number, fromIndex: number) => any) | null;
+    onAddItem?: ((atIndex: number) => any) | null;
+    onViewItem?: ((item: ItemType, index: number) => any) | null;
+};
+export type ItemComponentProps<ItemType = any> = {
+    draggableProvided: DraggableProvided;
+    value: ItemType;
+    index: number;
+};

package/dist/Input/BooleanCheckboxInput/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Merge } from 'type-fest';
+import { InputProps } from '../types';
+type BooleanCheckboxInputProps = Merge<InputProps<boolean | 'indeterminate'>, {
+    description: string;
+}>;
+export declare function BooleanCheckboxInput({ value, onSetValue, description, invalid, required, }: BooleanCheckboxInputProps): React.JSX.Element;
+export {};

package/dist/Input/CheckboxSelectInput/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InputProps } from '../types';
+import { FlexProps } from '../../Flex';
+import { Merge } from 'type-fest';
+import { OptionsInput } from '../util';
+type CheckboxSelectInputProps<ValueType = string> = FlexProps & Merge<InputProps, {
+    value?: ValueType[];
+    options: OptionsInput<ValueType>;
+    sort?: boolean | ((a: ValueType, b: ValueType) => number);
+}>;
+export declare function CheckboxSelectInput<ValueType = string>({ value: arrayValue, onSetValue: onSetArrayValue, options, sort, ...flexProps }: CheckboxSelectInputProps<ValueType>): React.JSX.Element;
+export {};

package/dist/Input/DateTimeInput/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Merge } from 'type-fest';
+import { InputProps } from '../types';
+type DateTimeInputProps = Merge<InputProps, {
+    value?: string | null;
+    precision?: 'day' | 'minute';
+    min?: string;
+    max?: string;
+    containerStyle?: React.CSSProperties;
+}>;
+export declare function DateTimeInput({ value, onSetValue, precision, required, min, max, containerStyle, ...props }: DateTimeInputProps): React.JSX.Element;
+export {};

package/dist/Input/ErrorDisplay/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ErrorDisplay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/Input/INPUTS.d.ts

@@ -0,0 +1 @@
+export declare const INPUTS: import("../recursiveRendererSystem").RendererSpecList;

package/dist/Input/Input/Input.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputProps } from '../types';
+declare const InputProvider: import("react").FC<import("../../recursiveRendererSystem").RendererContextProviderProps>, Input: import("react").FC<import("../../recursiveRendererSystem").RecursiveRendererProps<Partial<InputProps>>>;
+export { InputProvider, Input };

package/dist/Input/Input/index.d.ts

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

package/dist/Input/Input/types.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export type InputComponent<Props = any> = React.FC<Props>;

package/dist/Input/InputGrid/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { FlexGridProps } from '../../FlexGrid';
+import { InputProps, InputSchema } from '../types';
+import type { SetOptional } from 'type-fest';
+export type NamedInputSchemaList = {
+    [key: string]: InputSchema | string;
+};
+type LayoutItem = string | React.ReactNode;
+type LayoutGroup = LayoutItem[];
+type LayoutRoot = (LayoutItem | LayoutGroup)[];
+type InputPropGetter = (name: string, schema: InputSchema | string) => SetOptional<InputProps, 'name'>;
+export type InputGridProps = {
+    schema: NamedInputSchemaList;
+    layout?: LayoutRoot;
+    inputProps: InputPropGetter;
+} & Omit<FlexGridProps, 'groups'>;
+export declare const INPUT_GRID_PROPS: string[];
+export declare function InputGrid({ schema, layout, gap, direction, inputProps, ...flexGridProps }: InputGridProps): React.JSX.Element;
+export {};

package/dist/Input/InputLayout/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from '../types';
+export type InputLayoutProps = Partial<InputProps> & {
+    label?: string;
+    helperText?: string;
+    inputId: string;
+    children: React.ReactNode;
+    suffix?: React.ReactNode;
+};
+export declare function InputLayout({ children, label, helperText, suffix, required, invalid, errorMessage, inputId, }: InputLayoutProps): React.JSX.Element;
+export declare function withInputLayout<InputComponentProps extends InputProps = InputProps>(InputComponent: React.FC<InputComponentProps>): React.FC<InputLayoutProps & InputComponentProps>;

package/dist/Input/MarkdownInput/index.d.ts

@@ -0,0 +1,2 @@
+export function MarkdownInput(props: any): React.JSX.Element;
+import React from 'react';

package/dist/Input/MultiFileInput/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Merge } from 'type-fest';
+import { InputProps } from '../types';
+import { FileDropzoneProps } from '../../FileDropzone';
+type FileLike = {
+    name: string;
+    size: number;
+    type: string;
+};
+declare function defaultIssDuplicate(existingFiles: (File | FileLike)[], file: File): boolean;
+type MultiFileInputProps = Merge<Merge<InputProps<File[]>, FileDropzoneProps>, {
+    isDuplicate?: false | typeof defaultIssDuplicate;
+    maxLength?: number;
+}>;
+export declare function MultiFileInput({ value: fileArray, onSetValue: onSetFileArray, isDuplicate, maxLength, ...props }: MultiFileInputProps): React.JSX.Element;
+export {};

package/dist/Input/ObjectInput/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { InputGridProps } from '../InputGrid';
+import { InputProps, InputSchema } from '../types';
+import { Merge } from 'type-fest';
+type AnyObject = {
+    [key: string]: any;
+};
+type FullKeySchema = Merge<InputSchema, {
+    getValue?: (currentObjectValue: AnyObject) => any;
+    setValue?: (currentObjectValue: AnyObject, nextKeyValue: any) => any;
+}>;
+type ObjectInputProps = InputProps<AnyObject> & Omit<InputGridProps, 'schema' | 'inputProps'> & {
+    properties: {
+        [key: string]: string | FullKeySchema;
+    };
+};
+export declare function ObjectInput({ id, value: currentObjectValue, onSetValue: onSetObjectValue, disabled, properties, ...props }: ObjectInputProps): React.JSX.Element;
+export declare namespace ObjectInput {
+    var labeled: null;
+}
+export {};

package/dist/Input/RadioSelectInput/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FlexProps } from '../../Flex';
+import { Merge } from 'type-fest';
+import { InputProps } from '../types';
+import { OptionsInput } from '../util';
+type RadioSelectInputProps<ValueType = string> = FlexProps & Merge<InputProps, {
+    value?: ValueType;
+    options: OptionsInput<ValueType>;
+    sort?: boolean | ((a: ValueType, b: ValueType) => number);
+    valueStringify?: (value: ValueType) => string;
+}>;
+export declare function RadioSelectInput<ValueType = string>({ value, onSetValue, disabled, options, ...flexProps }: RadioSelectInputProps<ValueType>): React.JSX.Element;
+export {};