@insticc/genericform 2.0.3 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.css +9 -0
- package/build/index.js +6 -9
- package/package.json +1 -1
package/build/index.css
CHANGED
|
@@ -74,6 +74,7 @@
|
|
|
74
74
|
.ufg-title {
|
|
75
75
|
font-size: 24px;
|
|
76
76
|
font-weight: 700;
|
|
77
|
+
margin-bottom: 24px;
|
|
77
78
|
color: var(--ufg-text);
|
|
78
79
|
display: flex;
|
|
79
80
|
align-items: center;
|
|
@@ -92,6 +93,12 @@
|
|
|
92
93
|
}
|
|
93
94
|
|
|
94
95
|
.ufg-form {
|
|
96
|
+
display: flex;
|
|
97
|
+
flex-direction: column;
|
|
98
|
+
gap: 20px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.ufg-fields {
|
|
95
102
|
display: flex;
|
|
96
103
|
flex-direction: column;
|
|
97
104
|
gap: 10px;
|
|
@@ -247,6 +254,7 @@
|
|
|
247
254
|
height: 18px;
|
|
248
255
|
cursor: pointer;
|
|
249
256
|
margin: 0;
|
|
257
|
+
aspect-ratio: 1;
|
|
250
258
|
}
|
|
251
259
|
|
|
252
260
|
.ufg-checkbox-item label,
|
|
@@ -255,6 +263,7 @@
|
|
|
255
263
|
font-weight: 400;
|
|
256
264
|
cursor: pointer;
|
|
257
265
|
margin: 0;
|
|
266
|
+
aspect-ratio: 1;
|
|
258
267
|
}
|
|
259
268
|
|
|
260
269
|
/* --------------------------------------------------------------------------
|
package/build/index.js
CHANGED
|
@@ -113,6 +113,7 @@ var GenericForm = function GenericForm(_ref) {
|
|
|
113
113
|
_ref$containerStyle = _ref.containerStyle,
|
|
114
114
|
containerStyle = _ref$containerStyle === void 0 ? {} : _ref$containerStyle,
|
|
115
115
|
formStyle = _ref.formStyle,
|
|
116
|
+
fieldsStyle = _ref.fieldsStyle,
|
|
116
117
|
actionsDivStyle = _ref.actionsDivStyle,
|
|
117
118
|
actionsStyle = _ref.actionsStyle,
|
|
118
119
|
_ref$splitForm = _ref.splitForm,
|
|
@@ -660,8 +661,8 @@ var GenericForm = function GenericForm(_ref) {
|
|
|
660
661
|
};
|
|
661
662
|
var renderGroupSection = function renderGroupSection(g, fieldList) {
|
|
662
663
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
663
|
-
className: "ufg-
|
|
664
|
-
style:
|
|
664
|
+
className: "ufg-fields",
|
|
665
|
+
style: fieldsStyle,
|
|
665
666
|
children: [g !== 'ungrouped' && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
|
666
667
|
children: g
|
|
667
668
|
}), renderFields(fieldList)]
|
|
@@ -766,7 +767,7 @@ var GenericForm = function GenericForm(_ref) {
|
|
|
766
767
|
// #region Form JSX
|
|
767
768
|
var formJSX = /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
|
|
768
769
|
className: "ufg-form",
|
|
769
|
-
style: {
|
|
770
|
+
style: formStyle || {
|
|
770
771
|
margin: 'auto'
|
|
771
772
|
},
|
|
772
773
|
onSubmit: onFormSubmit,
|
|
@@ -782,9 +783,7 @@ var GenericForm = function GenericForm(_ref) {
|
|
|
782
783
|
closeButton: true,
|
|
783
784
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Modal.Title, {
|
|
784
785
|
style: titleStyle,
|
|
785
|
-
children: [titleIcon, " ",
|
|
786
|
-
children: title
|
|
787
|
-
})]
|
|
786
|
+
children: [titleIcon, " ", title, " "]
|
|
788
787
|
})
|
|
789
788
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Modal.Body, {
|
|
790
789
|
children: formJSX
|
|
@@ -797,9 +796,7 @@ var GenericForm = function GenericForm(_ref) {
|
|
|
797
796
|
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
798
797
|
className: "ufg-title",
|
|
799
798
|
style: titleStyle,
|
|
800
|
-
children: [titleIcon,
|
|
801
|
-
children: title
|
|
802
|
-
})]
|
|
799
|
+
children: [titleIcon, " ", title]
|
|
803
800
|
}), formJSX]
|
|
804
801
|
});
|
|
805
802
|
};
|
package/package.json
CHANGED