proje-react-panel 1.8.0 → 1.9.0

package/README.md

@@ -27,6 +27,7 @@ The library provides several decorators for enhanced functionality:
 
 - `@Input`: Form input decorator
 - `@SelectInput`: Select input decorator
+- `@RichTextInput`: Rich text (TipTap) input decorator — needs the optional `@tiptap/react` + `@tiptap/starter-kit` peers
 - `@CustomInput`: Render your own component in place of a field
 - `@Crud`: CRUD operations decorator
 

package/dist/__tests__/components/form/FormGroups.test.d.ts

@@ -0,0 +1 @@
+import 'reflect-metadata';

package/dist/__tests__/components/form/RichTextField.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @jest-environment jsdom
+ */
+import 'reflect-metadata';

package/dist/__tests__/optionalTiptap.test.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @jest-environment jsdom
+ */
+import 'reflect-metadata';

package/dist/components/form/RichTextField.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputConfiguration } from '../../decorators/form/Input';
+export interface RichTextFieldProps {
+    input: InputConfiguration;
+    fieldName: string;
+}
+export declare function RichTextField({ input, fieldName }: RichTextFieldProps): React.JSX.Element;

package/dist/decorators/form/Form.d.ts

@@ -2,12 +2,19 @@ import 'reflect-metadata';
 import { AnyClass, AnyClassConstructor } from '../../types/AnyClass';
 import { GetDetailsDataFN } from '../details/Details';
 export type OnSubmitFN<T, L = T> = (data: T | FormData) => Promise<L>;
+export interface FormGroup {
+    key: string;
+    label: string;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+}
 interface FormOptions<T extends AnyClass, L = T> {
     onSubmit: OnSubmitFN<T, L>;
     onSubmitSuccess?: (data: L) => void;
     getDetailsData?: GetDetailsDataFN<T>;
     type?: 'json' | 'formData';
     redirectSuccessUrl?: string;
+    groups?: FormGroup[];
 }
 export interface FormConfiguration<T extends AnyClass, L = T> {
     onSubmit: OnSubmitFN<T, L>;
@@ -15,6 +22,7 @@ export interface FormConfiguration<T extends AnyClass, L = T> {
     getDetailsData?: GetDetailsDataFN<T>;
     type: 'json' | 'formData';
     redirectSuccessUrl?: string;
+    groups?: FormGroup[];
 }
 export declare function Form<T extends AnyClass, L = T>(options?: FormOptions<T, L>): ClassDecorator;
 export declare function getFormConfiguration<T extends AnyClass, K extends AnyClassConstructor<T>, L = T>(entityClass: K): FormConfiguration<T, L>;

package/dist/decorators/form/Input.d.ts

@@ -1,7 +1,7 @@
 import 'reflect-metadata';
 import { AnyClass, AnyClassConstructor } from '../../types/AnyClass';
 export type InputTypes = 'input' | 'textarea' | 'file-upload' | 'checkbox' | 'hidden' | 'nested';
-export type ExtendedInputTypes = InputTypes | 'select' | 'custom';
+export type ExtendedInputTypes = InputTypes | 'select' | 'custom' | 'richtext';
 export interface InputOptions {
     type?: InputTypes;
     inputType?: 'text' | 'email' | 'tel' | 'password' | 'number' | 'date';
@@ -11,6 +11,8 @@ export interface InputOptions {
     defaultValue?: string;
     includeInCSV?: boolean;
     includeInJSON?: boolean;
+    group?: string;
+    rows?: number;
 }
 export interface ExtendedInputOptions extends Omit<InputOptions, 'type'> {
     type: ExtendedInputTypes;
@@ -26,6 +28,8 @@ export interface InputConfiguration {
     defaultValue?: string;
     includeInCSV: boolean;
     includeInJSON: boolean;
+    group?: string;
+    rows?: number;
 }
 export declare function Input(options?: InputOptions): PropertyDecorator;
 export declare function ExtendedInput(options?: ExtendedInputOptions): PropertyDecorator;

package/dist/decorators/form/inputs/RichTextInput.d.ts

@@ -0,0 +1,13 @@
+import { InputConfiguration, InputOptions } from '../Input';
+export type RichTextToolbarItem = 'bold' | 'italic' | 'heading' | 'bulletList' | 'orderedList' | 'link';
+export declare const DEFAULT_RICH_TEXT_TOOLBAR: RichTextToolbarItem[];
+export interface RichTextInputOptions extends InputOptions {
+    toolbar?: RichTextToolbarItem[];
+    minHeight?: number;
+}
+export interface RichTextInputConfiguration extends InputConfiguration {
+    type: 'richtext';
+    toolbar?: RichTextToolbarItem[];
+    minHeight?: number;
+}
+export declare function RichTextInput(options?: RichTextInputOptions): PropertyDecorator;