@inseefr/lunatic 0.4.13-v2 → 0.4.16-v2

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.
@@ -38,7 +38,7 @@ LunaticCheckboxBoolean.defaultProps = {
38
38
  };
39
39
 
40
40
  var _default = (0, _commons.createLunaticComponent)(LunaticCheckboxBoolean, {
41
- fieldset: true,
41
+ fieldset: false,
42
42
  inputId: 'lunatic-checkbox-boolean'
43
43
  });
44
44
 
@@ -32,7 +32,7 @@ function LunaticCheckboxGroup(_ref) {
32
32
  }
33
33
 
34
34
  var _default = (0, _commons.createLunaticComponent)(LunaticCheckboxGroup, {
35
- fieldset: true,
35
+ fieldset: false,
36
36
  inputId: 'lunatic-checkbox-group'
37
37
  });
38
38
 
@@ -38,7 +38,6 @@
38
38
  min-height: 30px;
39
39
  min-width: 260px;
40
40
  width: 100%;
41
-
42
41
  .lunatic-combo-box-content {
43
42
  .lunatic-combo-box-selection {
44
43
  border-radius: 5px;
@@ -172,7 +171,6 @@
172
171
  }
173
172
 
174
173
  width: 100%;
175
- /* */
176
174
  }
177
175
 
178
176
  .lunatic-combo-box-selected {
@@ -181,7 +179,6 @@
181
179
  white-space: nowrap;
182
180
  overflow-x: hidden;
183
181
  width: 100%;
184
- height: 100%;
185
182
  display: none;
186
183
  &.displayed {
187
184
  display: block;
@@ -1,4 +1,3 @@
1
1
  .lunatic-icon {
2
2
  display: flex;
3
- // justify-content: center;
4
3
  }
@@ -61,7 +61,6 @@
61
61
  padding: 0;
62
62
  font-size: 0.75rem;
63
63
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
64
- // line-height: 0.75rem;
65
64
  font-weight: bold;
66
65
  margin-bottom: 0.375rem;
67
66
  }
@@ -31,10 +31,9 @@ function InputNumber(_ref) {
31
31
  max = _ref.max,
32
32
  step = _ref.step,
33
33
  unit = _ref.unit;
34
- var valueEffective = value !== null && value !== void 0 ? value : NaN;
35
34
  var handleChange = (0, _react.useCallback)(function (e) {
36
35
  var val = e.target.valueAsNumber;
37
- onChange(val);
36
+ onChange(isNaN(val) ? null : val);
38
37
  }, [onChange]);
39
38
  return /*#__PURE__*/_react["default"].createElement("div", {
40
39
  className: "lunatic-input-number-container"
@@ -45,7 +44,7 @@ function InputNumber(_ref) {
45
44
  }),
46
45
  type: "number",
47
46
  onChange: handleChange,
48
- value: valueEffective,
47
+ value: value !== null && value !== void 0 ? value : '',
49
48
  labelledby: labelId,
50
49
  readOnly: readOnly,
51
50
  disabled: disabled,
@@ -79,8 +79,6 @@ function ModalControls(_ref3) {
79
79
  });
80
80
  }, []);
81
81
  return /*#__PURE__*/_react["default"].createElement(_modalContainer["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
82
- className: "title"
83
- }, title), /*#__PURE__*/_react["default"].createElement("div", {
84
82
  className: "body"
85
83
  }, content), /*#__PURE__*/_react["default"].createElement(_closeOrSkip["default"], {
86
84
  onSkip: goNext,
@@ -19,27 +19,32 @@
19
19
  .title {
20
20
  height: 32px;
21
21
  background-color: darkslateblue;
22
- color: gainsboro;
22
+ color: black;
23
23
  font-size: 18px;
24
24
  font-weight: bolder;
25
25
  line-height: 32px;
26
26
  padding: 0 12px;
27
-
27
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
28
28
  border-radius: 8px 8px 0 0;
29
29
  }
30
30
 
31
31
  .body {
32
- padding: 0 12px 0 12px;
32
+ // padding: 0 12px 0 12px;
33
+ padding: 12px 0 0 12px;
33
34
  height: 60%;
34
- background-color: aquamarine;
35
+ color: black;
36
+ font-size: 16px;
37
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
35
38
  }
36
39
 
37
40
  .modal-buttons {
38
- display: block;
39
41
  position: absolute;
40
42
  bottom: 0;
41
43
  right: 0;
42
44
  margin: 0 12px 12px 0;
45
+ :first-child {
46
+ margin-right: 10px;
47
+ }
43
48
  }
44
49
  }
45
50
 
@@ -36,7 +36,8 @@ function LunaticRadioGroup(props) {
36
36
  }
37
37
 
38
38
  var _default = (0, _commons.createLunaticComponent)(LunaticRadioGroup, {
39
- fieldset: true,
39
+ // set it to true if you want to display a fieldset + legend on a component
40
+ fieldset: false,
40
41
  inputId: 'lunatic-radio-group'
41
42
  });
42
43
 
@@ -60,4 +60,5 @@
60
60
 
61
61
  .lunatic-radio-group-option {
62
62
  display: flex;
63
+ align-items: center;
63
64
  }
@@ -8,6 +8,7 @@
8
8
  th {
9
9
  border: 0.15em solid var(--color-primary-dark);
10
10
  padding: 0.2em;
11
+ font-size: 13px;
11
12
  }
12
13
  & td {
13
14
  .field,
@@ -174,7 +174,6 @@ function OrchestratorForStories(_ref2) {
174
174
  maxPage: maxPage,
175
175
  getData: getData
176
176
  }), /*#__PURE__*/_react["default"].createElement(lunatic.Modal, {
177
- title: "Des points requi\xE8rent votre attention.",
178
177
  errors: modalErrors,
179
178
  goNext: goNextPage
180
179
  }), /*#__PURE__*/_react["default"].createElement(_waiting["default"], {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inseefr/lunatic",
3
- "version": "0.4.13-v2",
3
+ "version": "0.4.16-v2",
4
4
  "workersVersion": "0.2.4-experimental",
5
5
  "description": "Library of questionnaire components",
6
6
  "repository": {