dinocollab-core 2.2.13 → 2.2.14

package/dist/types/form/create.form-base.d.ts

@@ -15,6 +15,7 @@ export interface IFormBaseConfigs<T> {
 export interface IFormBaseParams<T> extends IFormBaseConfigs<T> {
 }
 export interface IFormBaseProps<T> extends PropsWithChildren, IFormBaseConfigs<T> {
+    className?: string;
     onSubmit: (data: Partial<T>, e: React.FormEvent<HTMLFormElement>) => Promise<void>;
     onError?: (error: IPartialError<T>) => void;
     slots?: IFormBaseSlots;

package/dist/types/form/create.form-grid-layout.d.ts

@@ -9,13 +9,13 @@ export interface IFormGridLayoutConfig<T> {
     placeholder?: string;
     sizes?: RegularBreakpoints;
     defaultValue?: any;
+    className?: string;
     inputElement?: ComponentType<IFormInputBase<T>>;
 }
 export type IPreSubmitEvent<T> = (value: Partial<T>, oldValue?: T) => Partial<T>;
 export interface IFormGridLayoutMergedConfigs<T> {
-    hiddenFields?: Partial<Record<keyof T, boolean>>;
-    getHiddenFields?: (state: Partial<T>, model?: Partial<T>) => Partial<Record<keyof T, boolean>>;
-    disabledFields?: Partial<Record<keyof T, boolean>>;
+    hiddenFields?: Partial<Record<keyof T, boolean>> | ((state: Partial<T>, model?: Partial<T>) => Partial<Record<keyof T, boolean>>);
+    disabledFields?: Partial<Record<keyof T, boolean>> | ((state: Partial<T>, model?: Partial<T>) => Partial<Record<keyof T, boolean>>);
 }
 export interface IFormGridLayoutSlots<T> extends IFormGridLayoutMergedConfigs<T> {
     action?: ComponentType<IFormBase<T>>;
@@ -26,13 +26,14 @@ export interface IFormGridLayoutSlots<T> extends IFormGridLayoutMergedConfigs<T>
         Success?: boolean;
         Fail?: boolean;
     };
-    contentProps?: BoxProps;
+    rootProps?: BoxProps;
     preSubmit?: IPreSubmitEvent<T>;
     formSlots?: IFormBaseSlots;
 }
 export interface IFormGridLayoutParams<T> extends IFormGridLayoutSlots<T> {
     configs: IFormGridLayoutConfig<T>[];
     validate: FormValidator<Partial<T>>;
+    autoHeight?: boolean;
 }
 export interface IFormGridLayoutProps<T> {
     data?: T;
@@ -42,6 +43,7 @@ export interface IFormGridLayoutProps<T> {
     onClose?: () => void;
     sx?: SxProps<Theme>;
     slots?: IFormGridLayoutSlots<T>;
+    autoHeight?: boolean;
 }
 export interface IFormGridLayoutState {
     loadding?: boolean;

package/dist/types/form/create.form-grid-layout.units.d.ts

@@ -1,12 +1,18 @@
-import React, { ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 import { IFormBase } from './types';
-export declare const ContentWrap: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+export declare const formGridLayoutClasses: {
+    root: string;
+    form: string;
+    bottomBar: string;
+    autoHeight: string;
+};
+export declare const FormGridLayoutStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface IFormBottomBarProps<T> extends IFormBase<T> {
     before?: ReactNode;
 }
-export declare function CreateFormBottomBar<T>(): React.FC<IFormBottomBarProps<T>>;
-export declare const FormBottomBarWrap: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+export declare function CreateFormBottomBar<T>(): FC<IFormBottomBarProps<T>>;
+export declare const FormBottomBarWrap: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/types/form/create.select-simple.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentType } from 'react';
 import type { SelectProps } from '@mui/material';
-import { IFormInputBase } from './types';
+import type { IFormInputBase } from '../form/types';
 import type { IRichTooltipPanelConfig } from '../components/rich-tooltip';
 export interface ISelectSimpleOption<T extends string = string> {
     name: string;
@@ -11,10 +11,12 @@ export interface ISelectSimpleSlots {
 }
 export interface ISelectSimpleProps<T> extends Partial<IFormInputBase<T>> {
     options?: ISelectSimpleOption[];
+    value?: any;
     onChange?: (value: ISelectSimpleOption) => void;
     slots?: ISelectSimpleSlots;
     fullWidth?: boolean;
     tooltip?: IRichTooltipPanelConfig;
+    endAdornment?: React.ReactNode;
 }
 export interface ISelectSimpleState {
     value?: string;
@@ -22,6 +24,14 @@ export interface ISelectSimpleState {
 export interface ISelectSimpleParams extends ISelectSimpleSlots {
     options?: ISelectSimpleOption[];
     tooltip?: IRichTooltipPanelConfig;
+    endAdornment?: React.ReactNode;
 }
-declare function CreateSelectSimple<T>(args?: ISelectSimpleParams): ComponentType<ISelectSimpleProps<T>>;
-export default CreateSelectSimple;
+declare function createSelectSimple<T>(args?: ISelectSimpleParams): ComponentType<ISelectSimpleProps<T>>;
+export default createSelectSimple;
+export declare const selectSimpleClasses: {
+    root: string;
+    tooltipWrap: string;
+    small: string;
+    tooltip: string;
+    endAdornment: string;
+};

package/dist/types/form/create.select-with-api.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentType } from 'react';
-import type { TextFieldProps, AutocompleteRenderOptionState } from '@mui/material';
+/// <reference types="react" />
 import { IFormInputBase } from './types';
+import type { FilterOptionsState, TextFieldProps, AutocompleteRenderOptionState } from '@mui/material';
 import type { IRichTooltipPanelConfig } from '../components/rich-tooltip';
 export interface ISelectWithApiOption<TOther = any> {
     Id: string;
@@ -30,5 +30,57 @@ export interface ISelectWithApiParams<O extends ISelectWithApiOption> {
     tooltip?: IRichTooltipPanelConfig;
     renderOption?: (props: React.HTMLAttributes<HTMLElement>, option: O, state: AutocompleteRenderOptionState) => React.ReactNode;
 }
-declare const CreateSelectWithApi: <T, O extends ISelectWithApiOption<any> = ISelectWithApiOption<any>>(params?: ISelectWithApiParams<O> | undefined) => ComponentType<ISelectWithApiProps<T, O>>;
-export default CreateSelectWithApi;
+export interface ISelectWithApiHandle {
+    clear: () => void;
+}
+declare function createSelectWithApi<T, O extends ISelectWithApiOption = ISelectWithApiOption>(params?: ISelectWithApiParams<O>): {
+    new (props: ISelectWithApiProps<T, O>): {
+        abortController: {
+            signalController: AbortController;
+        };
+        refInput: HTMLInputElement | null;
+        existedIds: string[];
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        componentDidUpdate(prevProps: Readonly<ISelectWithApiProps<T, O>>): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        renderTooltip: () => import("react/jsx-runtime").JSX.Element | null;
+        getRootClasses: () => string;
+        getFetchDataFunc: () => ISelectWithApiFetchData<O>;
+        getWrappedRenderOption: () => ((props: any, option: O, state: AutocompleteRenderOptionState) => import("react/jsx-runtime").JSX.Element) | undefined;
+        timer: {
+            _timer: number;
+            _second: number;
+            callback: (value: string) => Promise<void>;
+            start: (text: string) => void;
+            clear: () => void;
+        };
+        fetchData: () => Promise<void>;
+        handleChange: (_: React.SyntheticEvent, value: O | null) => void;
+        handleInputChange: (_: React.SyntheticEvent, value: string) => void;
+        fillterOptions: (options: O[], state: FilterOptionsState<O>) => O[];
+        getLabel: () => string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | undefined;
+        getDefaultValue: () => any;
+        getOptionsFilter<O_1 extends ISelectWithApiOption<any> = ISelectWithApiOption<any>>(options: O_1[], existedId?: string[]): O_1[];
+        clear: () => void;
+        context: unknown;
+        setState<K extends keyof ISelectWithApiState<O>>(state: ISelectWithApiState<O> | ((prevState: Readonly<ISelectWithApiState<O>>, props: Readonly<ISelectWithApiProps<T, O>>) => ISelectWithApiState<O> | Pick<ISelectWithApiState<O>, K> | null) | Pick<ISelectWithApiState<O>, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ISelectWithApiProps<T, O>>;
+        state: Readonly<ISelectWithApiState<O>>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ISelectWithApiProps<T, O>>, nextState: Readonly<ISelectWithApiState<O>>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ISelectWithApiProps<T, O>>, prevState: Readonly<ISelectWithApiState<O>>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ISelectWithApiProps<T, O>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ISelectWithApiProps<T, O>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ISelectWithApiProps<T, O>>, nextState: Readonly<ISelectWithApiState<O>>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ISelectWithApiProps<T, O>>, nextState: Readonly<ISelectWithApiState<O>>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export default createSelectWithApi;

package/dist/types/form/dino-form.d.ts

@@ -5,7 +5,8 @@ import CreateInputFile from './create.input.file';
 import CreateTextEditor from './create.text-editor';
 import createColorPicker from './create.color-picker';
 import CreateDateExpired from './create.date-expired';
-import CreateSelectSimple from './create.select-simple';
+import createSelectSimple from './create.select-simple';
+import createSelectWithApi from './create.select-with-api';
 import createInputImageFile from './create.input.image-file';
 import CreateAutocompleteChip from './create.autocomplete.chips';
 declare class DinoFormBase {
@@ -28,8 +29,8 @@ declare class DinoFormBase {
     createInputFile: typeof CreateInputFile;
     createInputImageFile: typeof createInputImageFile;
     createInput: <T>(params?: import("./create.input").IInputParams<T> | undefined) => import("react").ComponentType<import("./create.input").IInputProps<T>>;
-    createSelectSimple: typeof CreateSelectSimple;
-    createSelectWithApi: <T, O extends import("./create.select-with-api").ISelectWithApiOption<any> = import("./create.select-with-api").ISelectWithApiOption<any>>(params?: import("./create.select-with-api").ISelectWithApiParams<O> | undefined) => import("react").ComponentType<import("./create.select-with-api").ISelectWithApiProps<T, O>>;
+    createSelectSimple: typeof createSelectSimple;
+    createSelectWithApi: typeof createSelectWithApi;
     createTextEditor: typeof CreateTextEditor;
 }
 declare const DinoForm: DinoFormBase;

package/dist/types/form/index.d.ts

@@ -3,8 +3,9 @@ export { default as FormValidator } from './validator';
 export * from './validator';
 export { default as DinoForm } from './dino-form';
 export { getErrorMessage, convertFormDataToJson, validateCsvModel } from './helpers';
-export type { ISelectWithApiOption, ISelectWithApiFetchData, ISelectWithApiParams } from './create.select-with-api';
+export type { ISelectWithApiOption, ISelectWithApiFetchData, ISelectWithApiParams, ISelectWithApiHandle } from './create.select-with-api';
 export type { InputBaseImage } from './create.input';
 export type { ISelectSimpleOption } from './create.select-simple';
 export * from './decorator';
 export * from './decorator.form';
+export { formGridLayoutClasses } from './create.form-grid-layout.units';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dinocollab-core",
-  "version": "2.2.13",
+  "version": "2.2.14",
   "description": "Dinocollab core - libraries for building collaborative applications with React 18",
   "main": "dist/index.js",
   "module": "dist/index.js",