@steroidsjs/core 2.2.39 → 2.2.40

package/hooks/useForm.d.ts

@@ -2,6 +2,7 @@ export default function useForm(): {
     formId: string;
     model: any;
     prefix: string | boolean;
+    size: string;
     layout: FormLayout;
     formDispatch: any;
     formSelector: (selector: (state: any, setValue: any) => any) => any;

package/hooks/useForm.js

@@ -9,6 +9,7 @@ function useForm() {
             formId: context.formId,
             model: context.model,
             prefix: context.prefix,
+            size: context.size,
             layout: context.layout,
             formDispatch: context === null || context === void 0 ? void 0 : context.dispatch,
             formSelector: function (selector) { var _a; return (_a = context === null || context === void 0 ? void 0 : context.provider) === null || _a === void 0 ? void 0 : _a.select(context.formId, selector); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.39",
+  "version": "2.2.40",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {

package/ui/form/DateField/DateField.js

@@ -40,7 +40,7 @@ function DateField(props) {
         onClose: onClose,
         isOpened: isOpened,
         inputProps: inputProps,
-        calendarProps: calendarProps, size: props.size, icon: props.icon, errors: props.errors, disabled: props.disabled, className: props.className, showRemove: props.showRemove }));
+        calendarProps: calendarProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove }));
 }
 DateField.defaultProps = {
     disabled: false,

package/ui/form/DateTimeField/DateTimeField.js

@@ -62,7 +62,7 @@ function DateTimeField(props) {
         onClose: onClose,
         inputProps: inputProps,
         calendarProps: calendarProps,
-        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, className: props.className, showRemove: props.showRemove, isInvalid: props.isInvalid, disabled: props.disabled }));
+        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, label: props.label, errors: props.errors, className: props.className, showRemove: props.showRemove, isInvalid: props.isInvalid, disabled: props.disabled }));
 }
 DateTimeField.defaultProps = {
     disabled: false,

package/ui/form/Field/fieldWrapper.js

@@ -128,7 +128,7 @@ function fieldWrapper(componentId, Component, optionsConfig) {
         // Resolve layout
         var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
         if (layout !== null) {
-            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, required: has_1["default"](props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : (has_1["default"](props, 'label') ? props.label : metaProps.label), hint: has_1["default"](props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
+            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: has_1["default"](props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : (has_1["default"](props, 'label') ? props.label : metaProps.label), hint: has_1["default"](props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
         }
         return components.ui.renderView(Component.DynamicField, props);
     };

package/ui/form/FieldList/FieldList.js

@@ -85,10 +85,11 @@ function FieldList(props) {
         formId: props.formId,
         model: props.model,
         prefix: props.prefix,
+        size: props.size,
         layout: props.layout,
         provider: context.provider,
         reducer: context.reducer
-    }); }, [context.provider, context.reducer, props.formId, props.layout, props.model, props.prefix]);
+    }); }, [context.provider, context.reducer, props.formId, props.layout, props.model, props.prefix, props.size]);
     var commonProps = {
         showAdd: props.showAdd,
         showRemove: props.showRemove,

package/ui/form/FieldSet/FieldSet.js

@@ -48,10 +48,12 @@ function FieldSet(props) {
         prefix: [context.prefix, props.prefix]
             .filter(Boolean)
             .join('.'),
+        size: props.size || context.size,
         layout: form_1.mergeLayoutProp(context.layout, props.layout),
         provider: context.provider,
         reducer: context.reducer
-    }); }, [context.provider, context.reducer, props.formId, props.layout, props.model, props.prefix]);
+    }); }, [context.formId, context.layout, context.model, context.prefix, context.provider, context.reducer,
+        context.size, props.formId, props.layout, props.model, props.prefix, props.size]);
     var FieldSetView = props.view || components.ui.getView('form.FieldSetView');
     return (react_1["default"].createElement(Form_1.FormContext.Provider, { value: contextValue },
         react_1["default"].createElement(FieldSetView, __assign({ className: props.className, label: props.label }, props),

package/ui/form/Form/Form.d.ts

@@ -175,6 +175,7 @@ export interface IFormContext {
     model?: any;
     prefix?: string | boolean;
     layout?: FormLayout;
+    size?: Size;
     provider?: any;
     reducer?: {
         dispatch: React.Dispatch<any>;

package/ui/form/Form/Form.js

@@ -313,11 +313,12 @@ function Form(props) {
         formId: props.formId,
         model: props.model,
         prefix: props.prefix,
+        size: props.size,
         layout: props.layout,
         provider: provider,
         reducer: reducer,
         dispatch: dispatch
-    }); }, [dispatch, props.formId, props.layout, props.model, props.prefix, provider, reducer]);
+    }); }, [dispatch, props.formId, props.layout, props.model, props.prefix, props.size, provider, reducer]);
     // Wait initialization (only for redux)
     if (values === undefined) {
         return null;