@orioro/react-ui-core 0.0.0

package/dist/useObjectURL/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * React Hook that receives an instance of `File`, `Blob` or `MediaSource` and
+ * creates an URL representing it, providing a state object containing the file
+ * with a set function to change the file object. It releases URL when component
+ * unmount or parameter changes.
+ * @param initialObject - `null` or an instance of `File`, `Blob` or `MediaSource`.
+ */
+export declare function useObjectURL(object: null | File | Blob | MediaSource): string | null;

package/dist/usePromiseCreator/index.d.ts

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

package/dist/usePromiseCreator/usePromiseCreator.d.ts

@@ -0,0 +1,4 @@
+import { PromiseState, SetPromise } from '../usePromiseState';
+type PromiseCreator = (...args: any[]) => Promise<any> | any;
+export declare function usePromiseCreator(fn: PromiseCreator, initialPromise?: null): [PromiseState, PromiseCreator, SetPromise];
+export {};

package/dist/usePromiseState/index.d.ts

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

package/dist/usePromiseState/usePromiseState.d.ts

@@ -0,0 +1,11 @@
+export type PromiseStatus = 'idle' | 'loading' | 'success' | 'error';
+export type PromiseState = {
+    status: PromiseStatus;
+    result: any;
+    error: any;
+};
+export declare function isSettled(status: PromiseStatus): boolean;
+export type SetPromise = (promiseInput: null | Promise<any>) => void;
+type Reset = () => void;
+export declare function usePromiseState(input?: Promise<any> | null): [PromiseState, SetPromise, Promise<any> | null, Reset];
+export {};

package/dist/usePromptUI/index.d.ts

@@ -0,0 +1,4 @@
+export * from './usePromptUI';
+export * from './types';
+export * from './renderPromptInput';
+export * from './pickPromptUIProps';

package/dist/usePromptUI/pickPromptUIProps.d.ts

@@ -0,0 +1,9 @@
+import { PromptUIProps } from './types';
+export declare const PROMPT_UI_PROPS: string[];
+export declare const pickPromptUIProps: <InputProps extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}>(inputProps: InputProps) => [PromptUIProps, {
+    [key: string]: any;
+}];

package/dist/usePromptUI/renderPromptInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PromptInputProps, PromptUIInputProp } from './types';
+export declare function renderPromptInput<InputType>(input: PromptUIInputProp<InputType>, promptInputProps: PromptInputProps<InputType>): React.ReactNode;

package/dist/usePromptUI/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { InputSchema, ValueDiff } from '../Input';
+export type PromptInputProps<InputType> = {
+    value: InputType | undefined;
+    onSetValue: (value: InputType) => void;
+    disabled: boolean;
+};
+export type PromptUIInputProp<InputType> = string | InputSchema | ((promptProps: PromptInputProps<InputType>) => React.ReactNode);
+export type PromptUIProps<InputType = any> = {
+    active: boolean;
+    defaultValue?: InputType;
+    initialValue?: InputType;
+    input: PromptUIInputProp<InputType>;
+    onSubmit: (data: InputType | undefined, diff: ValueDiff) => void | Promise<void>;
+    onConfirmDiscardUnsubmittedChanges?: boolean | (() => boolean | Promise<boolean>);
+    confirmDiscardUnsubmittedChangesMessage?: string;
+    onCancel?: () => void;
+};

package/dist/usePromptUI/usePromptUI.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { PromptUIProps } from './types';
+export declare function usePromptUI<InputType>({ active, defaultValue, initialValue, onConfirmDiscardUnsubmittedChanges, confirmDiscardUnsubmittedChangesMessage, onSubmit, onCancel, }: PromptUIProps<InputType>): {
+    value: InputType | undefined;
+    setValue: import("react").Dispatch<import("react").SetStateAction<InputType | undefined>>;
+    isLoading: boolean;
+    hasUnsubmittedChanges: boolean;
+    inputProps: {
+        value: InputType | undefined;
+        onSetValue: import("react").Dispatch<import("react").SetStateAction<InputType | undefined>>;
+        disabled: boolean;
+        invalid: boolean;
+        errorMessage: any;
+    };
+    restore: () => void;
+    submit: (...args: any[]) => any;
+    cancel: () => Promise<void>;
+    cancelProps: {
+        disabled: boolean;
+        onClick: () => Promise<void>;
+    };
+    restoreProps: {
+        onClick: () => void;
+        style: {
+            display: string;
+        } | {
+            display?: undefined;
+        };
+    };
+    submitProps: {
+        disabled: boolean;
+    };
+    submitState: import("..").PromiseState;
+};

package/dist/useResolvable/index.d.ts

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

package/dist/useResolvable/useResolvable.d.ts

@@ -0,0 +1,23 @@
+import { PromiseStatus } from '../usePromiseState';
+type Args = any[];
+/**
+ * Auxiliary function that mimics useResolvable hook behavior.
+ * @param input - Function or value to resolve.
+ * @param args - Arguments to pass to the function, if `input` is a function.
+ * @returns The resolved value.
+ */
+export declare function resolveInput(input: any, ...args: Args): any;
+export interface UseResolvableOptions {
+    enabled?: boolean;
+    args?: Args;
+}
+type ResolvableFn<ResolvedValueType = any> = ((...args: any[]) => Promise<ResolvedValueType>) | ((...args: any[]) => ResolvedValueType);
+export type UseResolvableInput<ResolvedValueType = any> = ResolvedValueType | ResolvableFn<ResolvedValueType>;
+/**
+ * Custom hook to handle resolving inputs, which can be either functions returning values or direct values.
+ * @param input - Function or directly resolvable value.
+ * @param options - Configuration options, including whether the hook is enabled and arguments for the resolvable function.
+ * @returns Tuple containing the resolved value, any error encountered, and the resolve function itself.
+ */
+export declare function useResolvable<ResolvedValueType = any>(input: UseResolvableInput<ResolvedValueType>, { enabled, args, }?: UseResolvableOptions): [PromiseStatus, ResolvedValueType | null | Error, () => void];
+export {};

package/dist/util/array.d.ts

@@ -0,0 +1,5 @@
+export declare function arrayReplaceAt<T = any>(arr: T[], index: number, item: T): T[];
+export declare function arrayAppend<T = any>(arr: T[], item: T): T[];
+export declare function arrayMove<T = any>(arr: T[], from: number, to: number): T[];
+export declare function arrayRemoveAt<T = any>(arr: T[], index: number): T[];
+export declare function arrayAddAt<T = any>(arr: T[], index: number, item: T): T[];

package/dist/util/cssTypes.d.ts

@@ -0,0 +1,3 @@
+export type CSSGlobalValues = 'inherit' | 'initial' | 'revert' | 'rever-layer' | 'unset';
+export type CSSLength = string | number;
+export type CSSPosition = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | CSSGlobalValues;

package/dist/util/domProps.d.ts

@@ -0,0 +1 @@
+export declare function domProps(props: object): object;

package/dist/util/getClosestBackgroundColor.d.ts

@@ -0,0 +1 @@
+export declare function getClosestBackgroundColor(element: HTMLElement | null): string | null;

package/dist/util/index.d.ts

@@ -0,0 +1,7 @@
+export * from './parse';
+export * from './cssTypes';
+export * from './toCss';
+export * from './domProps';
+export * from './array';
+export * from './propPicker';
+export * from './maybeValue';

package/dist/util/isInputEqual.d.ts

@@ -0,0 +1 @@
+export declare function areInputValuesEqual<InputType>(initialValue: InputType | undefined, value: InputType | undefined): boolean;

package/dist/util/maybeValue.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type ValueResolver<ValueType, ResolverArgsTypes extends any[]> = (...args: ResolverArgsTypes) => ValueType;
+export type MaybeValueType<ValueType, ResolverArgsTypes extends any[]> = ValueType | ValueResolver<ValueType, ResolverArgsTypes>;
+export declare function maybeValue<ValueType = any, ResolverArgsTypes extends any[] = any[]>(value: MaybeValueType<ValueType, ResolverArgsTypes>, ...args: ResolverArgsTypes): ValueType;
+export declare const maybeReactNode: (value: MaybeValueType<React.ReactNode, any[]>, ...args: any[]) => React.ReactNode;

package/dist/util/parse.d.ts

@@ -0,0 +1,2 @@
+export declare function parseLength(input: string | number): string;
+export declare function unitMath(input: string | number, operator: (num: number) => number): string | number;

package/dist/util/propPicker.d.ts

@@ -0,0 +1,6 @@
+type AnyProps = {
+    [key: string]: any;
+};
+declare function defaultTransform<T>(input: T): T;
+export declare function propPicker<OwnProps extends AnyProps = AnyProps, OtherProps = AnyProps>(ownPropList: string[], transform?: typeof defaultTransform<OwnProps>): <InputProps extends AnyProps = AnyProps>(inputProps: InputProps) => [OwnProps, OtherProps];
+export {};

package/dist/util/toCss.d.ts

@@ -0,0 +1,6 @@
+type PropertyList = {
+    [key: string]: string;
+};
+export type CSSDeclarationsInput = string | PropertyList;
+export declare function toCss(declarationsInput: CSSDeclarationsInput): string;
+export {};

package/dist/withDefaults/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function withDefaults<ComponentProps extends {}>(Component: React.FC<ComponentProps>, defaults: Partial<ComponentProps>): React.FC<Partial<ComponentProps>>;
+export declare function withStaticProps<ComponentProps extends {}>(Component: React.FC<ComponentProps>, staticProps: Partial<ComponentProps>): React.FC<Partial<ComponentProps>>;

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@orioro/react-ui-core",
+  "version": "0.0.0",
+  "packageManager": "yarn@4.0.2",
+  "type": "module",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "ISC",
+  "scripts": {
+    "build": "rollup --config ./rollup.config.mjs",
+    "build:watch": "rollup --config ./rollup.config.mjs --watch",
+    "storybook": "storybook dev -p 6006",
+    "dev": "yarn storybook",
+    "build-storybook": "storybook build",
+    "prepublish": "yarn build"
+  },
+  "devDependencies": {
+    "@orioro/dev": "0.0.0",
+    "rollup": "^4.13.0",
+    "rollup-plugin-import-css": "^3.5.0",
+    "storybook": "^8.0.0"
+  },
+  "dependencies": {
+    "@blocknote/core": "^0.12.1",
+    "@blocknote/react": "^0.12.2",
+    "@emotion/is-prop-valid": "^1.2.2",
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
+    "@mui/base": "^5.0.0-beta.40",
+    "@orioro/react-select": "2.0.0",
+    "@orioro/resolve": "0.1.0",
+    "@orioro/util": "0.7.0",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/themes": "^3.0.1",
+    "@tanstack/react-virtual": "^3.8.3",
+    "@types/bytes": "^3.1.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react-beautiful-dnd": "^13.1.8",
+    "@uppy/aws-s3": "^3.6.2",
+    "@uppy/core": "^3.10.0",
+    "bytes": "^3.1.2",
+    "d3-dsv": "^3.0.1",
+    "d3-fetch": "^3.0.1",
+    "date-fns": "^3.6.0",
+    "emoji-picker-react": "^4.9.2",
+    "fast-deep-equal": "^3.1.3",
+    "fast-json-patch": "^3.1.1",
+    "framer-motion": "^11.0.20",
+    "is-plain-object": "^5.0.0",
+    "lodash-es": "^4.17.21",
+    "mime": "^4.0.1",
+    "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-dropzone": "^14.2.3",
+    "react-embed": "^3.7.0",
+    "react-error-boundary": "^4.0.13",
+    "react-hook-form": "^7.51.0",
+    "react-imask": "^7.6.0",
+    "react-markdown": "^9.0.1",
+    "react-merge-refs": "^2.1.1",
+    "react-player": "^2.16.0",
+    "react-use": "^17.5.0",
+    "react-use-measure": "^2.1.1",
+    "rehype-external-links": "^3.0.0",
+    "remark-gfm": "^4.0.0",
+    "scroll-into-view-if-needed": "^3.1.0",
+    "stable-hash": "^0.0.4",
+    "styled-components": "^6.1.8",
+    "type-fest": "^4.12.0"
+  }
+}