@plitzi/sdk-elements 0.33.1 → 0.34.0

package/dist/elements/form/FormControl/index.d.ts

@@ -2,75 +2,80 @@ declare const FormControl: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./hocs/withFieldValue').WithFieldValueProps<import('./FormControl').FormControlProps>>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
     content: {
+        market: {
+            icon: import("react").JSX.Element;
+            category: "form";
+            owner: "Plitzi";
+            verified: true;
+            license: "MIT";
+            website: "https://plitzi.com";
+            backgroundColor: "#4422ee";
+        };
         attributes: {
-            subType: string;
-            name: string;
-            label: string;
-            placeholder: string;
-            defaultValue: string;
-            autoComplete: boolean;
-            disabled: boolean;
-            options: never[];
-            required: boolean;
-            readOnly: boolean;
+            readonly subType: "text";
+            readonly name: "";
+            readonly label: "Label";
+            readonly placeholder: "";
+            readonly defaultValue: "";
+            readonly autoComplete: true;
+            readonly disabled: false;
+            readonly options: readonly [];
+            readonly required: true;
+            readonly minLength: 0;
+            readonly maxLength: 0;
+            readonly pattern: "";
+            readonly patternMessage: "";
+            readonly matches: "";
+            readonly matchesMessage: "";
+            readonly readOnly: false;
         };
         definition: {
-            label: string;
-            type: string;
-            description: string;
-            bindings: {};
-            styleSelectors: {
-                base: string;
-                label: string;
-                input: string;
-                error: string;
+            readonly label: "Form Control";
+            readonly type: "formControl";
+            readonly description: string;
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
+                readonly label: "";
+                readonly input: "";
+                readonly error: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
         builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
-        };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: import("react").JSX.Element;
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: false;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
         defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {};
+            readonly name: "Form Control";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {
-                hidden: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {};
-                        input: {
-                            default: {};
+            readonly subTypes: {
+                readonly hidden: {
+                    readonly name: "Form Control Hidden";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {};
+                        readonly input: {
+                            readonly default: {};
                         };
-                        label: {
-                            default: {
+                        readonly label: {
+                            readonly default: {
+                                'margin-bottom': string;
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
@@ -78,8 +83,8 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -87,15 +92,15 @@ declare const FormControl: {
                         };
                     };
                 };
-                text: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly text: {
+                    readonly name: "Form Control Text";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
+                        readonly input: {
+                            readonly default: {
                                 width: string;
                                 display: string;
                                 'align-items': string;
@@ -126,11 +131,11 @@ declare const FormControl: {
                                 position: string;
                             };
                         };
-                        label: {
-                            default: {
+                        readonly label: {
+                            readonly default: {
+                                'margin-bottom': string;
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
@@ -138,8 +143,8 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -147,15 +152,15 @@ declare const FormControl: {
                         };
                     };
                 };
-                password: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly password: {
+                    readonly name: "Form Control Password";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
+                        readonly input: {
+                            readonly default: {
                                 width: string;
                                 display: string;
                                 'align-items': string;
@@ -186,11 +191,11 @@ declare const FormControl: {
                                 position: string;
                             };
                         };
-                        label: {
-                            default: {
+                        readonly label: {
+                            readonly default: {
+                                'margin-bottom': string;
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
@@ -198,8 +203,8 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -207,15 +212,15 @@ declare const FormControl: {
                         };
                     };
                 };
-                number: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly number: {
+                    readonly name: "Form Control Number";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
+                        readonly input: {
+                            readonly default: {
                                 width: string;
                                 display: string;
                                 'align-items': string;
@@ -246,11 +251,11 @@ declare const FormControl: {
                                 position: string;
                             };
                         };
-                        label: {
-                            default: {
+                        readonly label: {
+                            readonly default: {
+                                'margin-bottom': string;
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
@@ -258,8 +263,8 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -267,15 +272,15 @@ declare const FormControl: {
                         };
                     };
                 };
-                email: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly email: {
+                    readonly name: "Form Control Email";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
+                        readonly input: {
+                            readonly default: {
                                 width: string;
                                 display: string;
                                 'align-items': string;
@@ -306,11 +311,11 @@ declare const FormControl: {
                                 position: string;
                             };
                         };
-                        label: {
-                            default: {
+                        readonly label: {
+                            readonly default: {
+                                'margin-bottom': string;
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
@@ -318,8 +323,8 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -327,15 +332,15 @@ declare const FormControl: {
                         };
                     };
                 };
-                textarea: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly textarea: {
+                    readonly name: "Form Control Textarea";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
+                        readonly input: {
+                            readonly default: {
                                 width: string;
                                 display: string;
                                 'align-items': string;
@@ -366,11 +371,11 @@ declare const FormControl: {
                                 position: string;
                             };
                         };
-                        label: {
-                            default: {
+                        readonly label: {
+                            readonly default: {
+                                'margin-bottom': string;
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
@@ -378,8 +383,8 @@ declare const FormControl: {
                                 'user-select': string;
                             };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -387,35 +392,34 @@ declare const FormControl: {
                         };
                     };
                 };
-                checkbox: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly checkbox: {
+                    readonly name: "Form Control Checkbox";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
-                                'margin-top': string;
-                                'margin-bottom': string;
-                                'margin-left': string;
-                                'margin-right': string;
+                        readonly input: {
+                            readonly default: {
+                                readonly 'margin-top': "0px";
+                                readonly 'margin-bottom': "0px";
+                                readonly 'margin-left': "0px";
+                                readonly 'margin-right': "4px";
                             };
                         };
-                        label: {
-                            default: Omit<{
+                        readonly label: {
+                            readonly default: {
                                 display: string;
                                 cursor: string;
-                                'margin-bottom': string;
                                 'font-weight': string;
                                 'font-size': string;
                                 'line-height': string;
                                 color: string;
                                 'user-select': string;
-                            }, "margin-bottom">;
+                            };
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -423,58 +427,58 @@ declare const FormControl: {
                         };
                     };
                 };
-                select: {
-                    name: string;
-                    displayMode: string;
-                    style: {
-                        base: {
-                            default: {};
+                readonly select: {
+                    readonly name: "Form Control Select";
+                    readonly displayMode: "desktop";
+                    readonly style: {
+                        readonly base: {
+                            readonly default: {};
                         };
-                        input: {
-                            default: {
-                                cursor: string;
-                                width: string;
-                                display: string;
-                                'align-items': string;
-                                'border-right-color': string;
-                                'border-right-style': string;
-                                'border-right-width': string;
-                                'border-top-right-radius': string;
-                                'border-bottom-color': string;
-                                'border-bottom-style': string;
-                                'border-bottom-width': string;
-                                'border-bottom-right-radius': string;
-                                'border-bottom-left-radius': string;
-                                'border-top-left-radius': string;
-                                'border-left-color': string;
-                                'border-left-style': string;
-                                'border-left-width': string;
-                                'border-top-color': string;
-                                'border-top-style': string;
-                                'border-top-width': string;
-                                'user-select': string;
-                                'font-size': string;
-                                'padding-left': string;
-                                'padding-right': string;
-                                'padding-top': string;
-                                'padding-bottom': string;
-                                'line-height': string;
-                                outline: string;
-                                position: string;
+                        readonly input: {
+                            readonly default: {
+                                readonly cursor: "pointer";
+                                readonly width: string;
+                                readonly display: string;
+                                readonly 'align-items': string;
+                                readonly 'border-right-color': string;
+                                readonly 'border-right-style': string;
+                                readonly 'border-right-width': string;
+                                readonly 'border-top-right-radius': string;
+                                readonly 'border-bottom-color': string;
+                                readonly 'border-bottom-style': string;
+                                readonly 'border-bottom-width': string;
+                                readonly 'border-bottom-right-radius': string;
+                                readonly 'border-bottom-left-radius': string;
+                                readonly 'border-top-left-radius': string;
+                                readonly 'border-left-color': string;
+                                readonly 'border-left-style': string;
+                                readonly 'border-left-width': string;
+                                readonly 'border-top-color': string;
+                                readonly 'border-top-style': string;
+                                readonly 'border-top-width': string;
+                                readonly 'user-select': string;
+                                readonly 'font-size': string;
+                                readonly 'padding-left': string;
+                                readonly 'padding-right': string;
+                                readonly 'padding-top': string;
+                                readonly 'padding-bottom': string;
+                                readonly 'line-height': string;
+                                readonly outline: string;
+                                readonly position: string;
                             };
                         };
-                        label: {
+                        readonly label: {
+                            'margin-bottom': string;
                             display: string;
                             cursor: string;
-                            'margin-bottom': string;
                             'font-weight': string;
                             'font-size': string;
                             'line-height': string;
                             color: string;
                             'user-select': string;
                         };
-                        error: {
-                            default: {
+                        readonly error: {
+                            readonly default: {
                                 display: string;
                                 color: string;
                                 'margin-top': string;
@@ -486,5 +490,7 @@ declare const FormControl: {
         };
         settings: {};
     };
+    type: "formControl";
+    __attributes: import('./declaration').FormControlAttributes;
 };
 export default FormControl;