@arquimedes.co/eureka-forms 2.0.71-test → 2.0.73-test

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.
Files changed (5) hide show
  1. package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.js +5 -2
  2. package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js +5 -2
  3. package/dist/Shared/RoundedTimePicker/RoundedTimePicker.module.css +14 -2
  4. package/dist/Shared/Toggle/Toggle.js +5 -0
  5. package/package.json +1 -1
package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.js CHANGED
@@ -24,7 +24,10 @@ function TimePickerStep(_a) {
24
24
  validate: function (value) {
25
25
  if (step.required) {
26
26
  if (!value ||
27
- !(value.hours || value.minutes || value.days)) {
27
+ !(value.hours ||
28
+ value.minutes ||
29
+ value.days ||
30
+ value.working !== undefined)) {
28
31
  return 'Este campo es obligatorio';
29
32
  }
30
33
  }
@@ -32,6 +35,6 @@ function TimePickerStep(_a) {
32
35
  },
33
36
  },
34
37
  }), ref = _d.ref, value = _d.value, onChange = _d.onChange, error = _d.error, field = _d.field;
35
- return (_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedTimePicker, __assign({}, field, { value: value, onChange: onChange, inputRef: ref, cantEdit: !editable || postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, helperTextColor: formStyle.descriptionTextColor, backgroundColor: formStyle.stepBackgroundColor, fontWeight: 400, label: step.label, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, error: !!error, required: step.required, pickDays: step.pickDays, pickHours: step.pickHours, pickMinutes: step.pickMinutes, working: step.working })) })));
38
+ return (_jsx(MaterialInputContainer, __assign({ step: step, editable: editable }, { children: _jsx(RoundedTimePicker, __assign({}, field, { value: value, onChange: onChange, inputRef: ref, cantEdit: !editable || postview, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, helperTextColor: formStyle.descriptionTextColor, backgroundColor: formStyle.stepBackgroundColor, fontWeight: 400, height: '31px', label: step.label, helperText: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : step.description, error: !!error, required: step.required, pickDays: step.pickDays, pickHours: step.pickHours, pickMinutes: step.pickMinutes, working: step.working })) })));
36
39
  }
37
40
  export default TimePickerStep;
package/dist/Shared/RoundedTimePicker/RoundedTimePicker.js CHANGED
@@ -167,7 +167,6 @@ var useMenuStyles = function () {
167
167
  root: {
168
168
  '& .EF-MuiPaper-root': {
169
169
  opacity: '0 !important',
170
- fontSize: 18,
171
170
  },
172
171
  },
173
172
  }); });
@@ -228,7 +227,11 @@ function CustomSelect(_a) {
228
227
  boundariesElement: 'window',
229
228
  padding: 20,
230
229
  },
231
- }, style: { zIndex: 1301 } }, { children: _jsxs("div", __assign({ className: styles.container }, { children: [pickDays && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "D\u00EDas", type: "number", inputProps: { min: 0 }, value: ((_b = value === null || value === void 0 ? void 0 : value.days) !== null && _b !== void 0 ? _b : '0') + '', onChange: function (e) {
230
+ }, style: { zIndex: 1301 } }, { children: _jsxs("div", __assign({ className: styles.container, style: {
231
+ paddingTop: error && helperText ? '0px' : '30px',
232
+ } }, { children: [error && helperText && (_jsx("div", __assign({ className: styles.errorMessage, style: {
233
+ color: errorColor,
234
+ } }, { children: helperText }))), pickDays && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "D\u00EDas", type: "number", inputProps: { min: 0 }, value: ((_b = value === null || value === void 0 ? void 0 : value.days) !== null && _b !== void 0 ? _b : '0') + '', onChange: function (e) {
232
235
  handleChange(__assign(__assign({}, value), { days: parseInt(e.target.value) }));
233
236
  } }) }))), pickHours && (_jsx("div", __assign({ className: styles.numberPickerContainer }, { children: _jsx(RoundedTextField, { label: "Horas", type: "number", inputProps: { min: 0 }, value: ((_c = value === null || value === void 0 ? void 0 : value.hours) !== null && _c !== void 0 ? _c : '0') + '', onChange: function (e) {
234
237
  handleChange(__assign(__assign({}, value), { hours: parseInt(e.target.value) }));
package/dist/Shared/RoundedTimePicker/RoundedTimePicker.module.css CHANGED
@@ -2,16 +2,27 @@
2
2
  box-shadow:
3
3
  0px 5px 5px -3px rgba(0, 0, 0, 0.2),
4
4
  0px 8px 10px 1px rgba(0, 0, 0, 0.14),
5
- 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
5
+ 0px 3px 14px 2px rgba(27, 26, 26, 0.12);
6
6
  border-radius: 10px;
7
7
  overflow: hidden;
8
8
  position: relative;
9
9
  background-color: white;
10
10
  width: 130px;
11
- padding: 30px 35px 30px 30px;
11
+ padding: 0px 35px 30px 30px;
12
12
  display: flex;
13
13
  flex-direction: column;
14
14
  row-gap: 10px;
15
+ font-size: 15px;
16
+ }
17
+
18
+ .errorMessage {
19
+ font-size: 0.8em;
20
+ top: 0;
21
+ min-height: 14px;
22
+ padding-top: 5px;
23
+ margin-bottom: -1px;
24
+ margin-left: -16px;
25
+ margin-right: -20px;
15
26
  }
16
27
 
17
28
  .numberPickerContainer {
@@ -23,6 +34,7 @@
23
34
  .workingContainer {
24
35
  display: flex;
25
36
  font-size: 1.1em;
37
+ margin-bottom: -5px;
26
38
  margin-left: 5px;
27
39
  flex-direction: row;
28
40
  column-gap: 5px;
package/dist/Shared/Toggle/Toggle.js CHANGED
@@ -3,7 +3,12 @@ import { makeStyles, Switch } from '@material-ui/core';
3
3
  var useStyles = function (props) {
4
4
  var _a;
5
5
  return makeStyles({
6
+ root: {
7
+ padding: '6px 12px',
8
+ height: 26,
9
+ },
6
10
  switchBase: {
11
+ padding: '3px 6px',
7
12
  color: props.baseColor + ' !important',
8
13
  '&$checked': {
9
14
  color: props.color + ' !important',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arquimedes.co/eureka-forms",
3
3
  "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
4
- "version":"2.0.71-test",
4
+ "version":"2.0.73-test",
5
5
  "scripts": {
6
6
  "start": "react-scripts start",
7
7
  "build": "react-scripts build",