@maif/react-forms 1.1.4 → 1.2.2

package/lib/index.css

@@ -312,13 +312,11 @@
 .mrf-content_switch_button_on::before {
   content: "";
   cursor: pointer;
-  width: 20px;
-  height: 20px;
+  width: 21px;
+  height: 21px;
   background-color: var(--form-bg-color, #fff);
   border-radius: 20px;
-  border: 1px solid var(--success-hover-color, #1e7e34);
   box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.3);
-  margin-top: -1px;
 }
 
 .mrf-content_switch_button_off {
@@ -337,11 +335,9 @@
   background-color: var(--form-bg-color, #fff);
   border-radius: 20px;
   cursor: pointer;
-  width: 20px;
-  height: 20px;
-  border: 1px solid var(--error-hover-color, #bd2130);
+  width: 21px;
+  height: 21px;
   box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.3);
-  margin-top: -1px;
 }
 
 .mrf-content_switch_button_null {
@@ -360,11 +356,7 @@
   background-color: var(--form-bg-color, #fff);
   border-radius: 20px;
   cursor: pointer;
-  width: 20px;
-  height: 20px;
-  margin-top: -1px;
-  margin-left: -1px;
-  border: 1px solid var(--neutral-hover-color, #5c636a);
+  width: 21px;
+  height: 21px;
   box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.3);
-  margin-top: -1px;
 }

package/lib/index.d.ts

@@ -31,8 +31,10 @@ declare const format: {
     readonly form: "form";
     readonly buttonsSelect: "buttons";
     readonly singleLineCode: "singleLineCode";
+    readonly datetime: "datetime-local";
+    readonly time: "time";
 };
-declare let formatValues: ("markdown" | "email" | "array" | "select" | "code" | "textarea" | "password" | "hidden" | "form" | "buttons" | "singleLineCode")[];
+declare let formatValues: ("markdown" | "email" | "array" | "select" | "code" | "textarea" | "password" | "hidden" | "form" | "buttons" | "singleLineCode" | "datetime-local" | "time")[];
 declare type Format = typeof formatValues[number];
 
 declare type Constraint = (resolver: any, key: string, dependencies: any[]) => AnySchema;
@@ -118,8 +120,10 @@ interface PropType {
     onChange?: (v: boolean) => void;
     value?: boolean;
     readOnly?: boolean;
+    className?: string;
+    errorDisplayed?: boolean;
 }
-declare const BooleanInput: React.ForwardRefExoticComponent<PropType & React.RefAttributes<HTMLInputElement>>;
+declare const BooleanInput: ({ onChange, value, readOnly, className, errorDisplayed }: PropType) => JSX.Element;
 
 declare const Collapse: (props: {
     initCollapsed?: boolean;
@@ -184,7 +188,7 @@ declare const ObjectInput: (props: {
 
 declare type LanguageMode = "javascript" | "css" | "json" | "html" | "markdown";
 
-declare function CodeInput({ onChange, value, mode, tabSize, readOnly, showLinesNumber, highlightLine, themeStyle, setRef }: {
+declare function CodeInput({ onChange, value, mode, tabSize, readOnly, showLinesNumber, highlightLine, themeStyle, className, setRef }: {
     onChange?: (v: string) => void;
     value?: string;
     mode?: LanguageMode;
@@ -200,6 +204,7 @@ declare function CodeInput({ onChange, value, mode, tabSize, readOnly, showLines
         minWidth: string;
         maxWidth: string;
     };
+    className?: string;
     setRef?: (editor: any) => void;
 }): JSX.Element;
 
@@ -248,13 +253,14 @@ interface Option {
 interface Schema {
     [key: string]: SchemaEntry;
 }
-declare type SchemaRenderType = ({ rawValues, value, onChange, error, setValue, parent }: {
+declare type SchemaRenderType = ({ rawValues, value, onChange, error, setValue, getValue, informations }: {
     rawValues?: any;
     value?: any;
     onChange?: (param: object) => void;
     error?: boolean;
-    parent?: string;
-    setValue?: (data: any) => void;
+    getValue: (entry: string) => any;
+    informations?: Informations;
+    setValue?: (key: string, data: any) => void;
 }) => JSX.Element;
 interface ConditionnalSchemaElement {
     default?: boolean;
@@ -280,21 +286,26 @@ interface SchemaEntry {
     onCreateOption?: (option: string) => any;
     isMulti?: boolean;
     defaultKeyValue?: object;
-    visible?: boolean | {
-        ref: string;
-        test: (b: any, idx?: number) => boolean;
-    };
+    visible?: boolean | ((prop: {
+        rawValues: {
+            [x: string]: any;
+        };
+        value: any;
+        informations?: Informations;
+    }) => boolean);
     disabled?: boolean | ((prop: {
         rawValues: {
             [x: string]: any;
         };
         value: any;
+        informations?: Informations;
     }) => boolean);
     label?: React.ReactNode | ((prop: {
         rawValues: {
             [x: string]: any;
         };
         value: any;
+        informations?: Informations;
     }) => React.ReactNode);
     placeholder?: string;
     defaultValue?: any;
@@ -352,7 +363,9 @@ declare const Form: React.ForwardRefExoticComponent<{
     flow: Array<string | FlowObject>;
     value?: object | undefined;
     inputWrapper?: ((props: object) => JSX.Element) | undefined;
-    onSubmit: (obj: object) => void;
+    onSubmit: (obj: {
+        [x: string]: any;
+    }) => void;
     onError?: (() => void) | undefined;
     footer?: ((props: {
         reset: () => void;
@@ -364,4 +377,4 @@ declare const Form: React.ForwardRefExoticComponent<{
     nostyle: boolean;
 } & React.RefAttributes<unknown>>;
 
-export { BooleanInput, CodeInput, Collapse, ConditionnalSchema, Flow, Form, Format, MarkdownInput, ObjectInput, Schema, SchemaEntry, SelectInput, SelectOption, SingleLineCode, Type, constraints_d as constraints, format, type, validate };
+export { BooleanInput, CodeInput, Collapse, ConditionnalSchema, Flow, Form, Format, Informations, MarkdownInput, ObjectInput, Schema, SchemaEntry, SchemaRenderType, SelectInput, SelectOption, SingleLineCode, Type, constraints_d as constraints, format, type, validate };