@arquimedes.co/eureka-forms 3.0.2-refactor → 3.0.3-refactor

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 (15) hide show
  1. package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js +1 -1
  2. package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.js +4 -4
  3. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/DraftEditor.css +16 -18
  4. package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.js +2 -2
  5. package/dist/Shared/ErkDatePicker/ErkDatePicker.js +4 -4
  6. package/dist/Shared/ErkPhoneInput/EkrPhoneInput.js +3 -3
  7. package/dist/Shared/ErkSelect/ErkSelect.js +12 -12
  8. package/dist/Shared/ErkSmartSelect/ErkSmartSelect.js +5 -5
  9. package/dist/Shared/ErkTextField/ErkTextField.js +9 -9
  10. package/dist/Shared/ErkTimePicker/ErkTimePicker.js +1 -1
  11. package/dist/Shared/Rating/Ratings/ScaleRating.js +3 -3
  12. package/dist/Shared/Toggle/Toggle.js +1 -1
  13. package/dist/Utils/MuiClassnameSetup.d.ts +1 -1
  14. package/dist/Utils/MuiClassnameSetup.js +1 -1
  15. package/package.json +1 -1
package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js CHANGED
@@ -121,7 +121,7 @@ function FileUploadStep({ step, editable }) {
121
121
  }
122
122
  return '';
123
123
  };
124
- return (_jsxs("div", { className: styles.container + (error || !!fieldError ? ' EF-error' : ''), style: {
124
+ return (_jsxs("div", { className: styles.container + (error || !!fieldError ? ' Erk-error' : ''), style: {
125
125
  minHeight: editable === false || postview ? undefined : '100px',
126
126
  }, "data-testid": step.id, children: [_jsx("div", { className: styles.labelLabel, children: step.label }), step.description && (_jsx("div", { className: styles.stepDescriptionLabel, style: { color: formStyle.descriptionTextColor }, children: step.description })), _jsx("input", { type: "file", ref: inputRef, className: styles.filesInput, onChange: (e) => {
127
127
  const files = e.target.files;
package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.js CHANGED
@@ -91,21 +91,21 @@ export default PagedMapperElement;
91
91
  const StyledStepper = styled(MobileStepper)(({ formStyle }) => ({
92
92
  backgroundColor: 'transparent',
93
93
  padding: '10px',
94
- '& .EF-MuiMobileStepper-dot': {
94
+ '& .Erk-MuiMobileStepper-dot': {
95
95
  width: 11,
96
96
  height: 11,
97
97
  backgroundColor: formStyle.outlineColor,
98
98
  },
99
- '& .EF-MuiMobileStepper-dotActive': {
99
+ '& .Erk-MuiMobileStepper-dotActive': {
100
100
  backgroundColor: formStyle.primaryColor,
101
101
  },
102
- '& .EF-MuiLinearProgress-root': {
102
+ '& .Erk-MuiLinearProgress-root': {
103
103
  height: 8,
104
104
  backgroundColor: formStyle.outlineColor,
105
105
  borderRadius: 4,
106
106
  margin: '0px 8px',
107
107
  },
108
- '& .EF-MuiLinearProgress-barColorPrimary': {
108
+ '& .Erk-MuiLinearProgress-barColorPrimary': {
109
109
  backgroundColor: formStyle.primaryColor,
110
110
  },
111
111
  }));
package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/DraftEditor.css CHANGED
@@ -1,34 +1,34 @@
1
- .EF-DraftContainer {
1
+ .Erk-DraftContainer {
2
2
  font: inherit;
3
3
  font-size: 1rem;
4
4
  }
5
5
  .postview-editor {
6
6
  cursor: default !important;
7
7
  }
8
- .EF-DraftContainer .DraftEditor-root {
8
+ .Erk-DraftContainer .DraftEditor-root {
9
9
  height: unset;
10
10
  }
11
11
 
12
- .EF-DraftContainer .rdw-option-wrapper {
12
+ .Erk-DraftContainer .rdw-option-wrapper {
13
13
  border-radius: 7px;
14
14
  border: 1px solid var(--eureka-outline);
15
15
  background-color: transparent;
16
16
  }
17
17
 
18
- .EF-DraftContainer .rdw-option-wrapper:active {
18
+ .Erk-DraftContainer .rdw-option-wrapper:active {
19
19
  border: 1px solid var(--eureka-primary);
20
20
  }
21
- .EF-DraftContainer .rdw-option-wrapper:hover {
21
+ .Erk-DraftContainer .rdw-option-wrapper:hover {
22
22
  box-shadow: none;
23
23
  border: 1px solid var(--eureka-primary);
24
24
  }
25
25
 
26
- .EF-DraftContainer .rdw-option-active {
26
+ .Erk-DraftContainer .rdw-option-active {
27
27
  border: 1px solid var(--eureka-primary);
28
28
  box-shadow: none;
29
29
  }
30
30
 
31
- .EF-DraftContainer .rdw-editor-toolbar {
31
+ .Erk-DraftContainer .rdw-editor-toolbar {
32
32
  border-radius: 15px 15px 0 0;
33
33
  border: none;
34
34
  border-bottom: 1px solid var(--eureka-outline);
@@ -39,38 +39,38 @@
39
39
  pointer-events: none;
40
40
  }
41
41
 
42
- .EF-DraftContainer .rdw-editor-main {
42
+ .Erk-DraftContainer .rdw-editor-main {
43
43
  cursor: text;
44
44
  padding-top: 12px;
45
45
  padding-bottom: 40px;
46
46
  margin-right: 0px;
47
47
  }
48
48
 
49
- .EF-DraftContainer .public-DraftStyleDefault-block {
49
+ .Erk-DraftContainer .public-DraftStyleDefault-block {
50
50
  margin: 0px 0;
51
51
  max-width: 100%;
52
52
  }
53
53
 
54
- .EF-DraftContainer .rdw-image-imagewrapper {
54
+ .Erk-DraftContainer .rdw-image-imagewrapper {
55
55
  max-width: 100%;
56
56
  /* cursor: pointer; */
57
57
  position: relative;
58
58
  }
59
59
 
60
- .EF-DraftContainer .rdw-image-alignment-editor {
60
+ .Erk-DraftContainer .rdw-image-alignment-editor {
61
61
  padding-right: 10px;
62
62
  padding-left: 5px;
63
63
  margin-left: -5px;
64
64
  }
65
- .EF-DraftContainer .rdw-editing-image {
65
+ .Erk-DraftContainer .rdw-editing-image {
66
66
  border: 1px solid var(--secondary);
67
67
  }
68
68
 
69
- .EF-DraftContainer .DraftEditor-root figure {
69
+ .Erk-DraftContainer .DraftEditor-root figure {
70
70
  margin: 0px;
71
71
  }
72
72
 
73
- .EF-DraftContainer .rdw-image-alignment-option {
73
+ .Erk-DraftContainer .rdw-image-alignment-option {
74
74
  font-size: 16px !important;
75
75
  width: 20px;
76
76
  height: 20px;
@@ -83,14 +83,12 @@
83
83
  border: 1px solid var(--light-grey);
84
84
  }
85
85
 
86
- .EF-DraftContainer .rdw-image-alignment-options-popup {
86
+ .Erk-DraftContainer .rdw-image-alignment-options-popup {
87
87
  width: fit-content;
88
88
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
89
89
  }
90
90
 
91
91
  /* Hides empty placeholder */
92
- .EF-DraftContainer
93
- .RichEditor-hidePlaceholder
94
- .public-DraftEditorPlaceholder-root {
92
+ .Erk-DraftContainer .RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
95
93
  display: none;
96
94
  }
package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.js CHANGED
@@ -83,8 +83,8 @@ function TextAreaStep({ step, editable }) {
83
83
  setFocus(false);
84
84
  }
85
85
  }, children: _jsx("div", { className: postview
86
- ? styles.postViewContainer + ' EF-DraftContainer'
87
- : styles.textContainer + ' EF-DraftContainer', style: calcStyle(), onMouseEnter: () => {
86
+ ? styles.postViewContainer + ' Erk-DraftContainer'
87
+ : styles.textContainer + ' Erk-DraftContainer', style: calcStyle(), onMouseEnter: () => {
88
88
  if (canEdit) {
89
89
  setHovering(true);
90
90
  }
package/dist/Shared/ErkDatePicker/ErkDatePicker.js CHANGED
@@ -5,7 +5,7 @@ import { styled, Dialog as MuiDialog } from '@mui/material';
5
5
  import { MobileDatePicker as MuiDatePicker, MobileDateTimePicker as MuiDateTimePicker, DatePickerToolbar as MuiDatePickerToolbar, DateTimePickerToolbar as MuiDateTimePickerToolbar, PickersDay as MuiPickerDay, } from '@mui/x-date-pickers';
6
6
  import { StyledTextField } from '../ErkTextField/ErkTextField';
7
7
  const StyledDateTimePicker = styled(MuiDateTimePicker)(({ ...props }) => ({
8
- '& .EF-MuiInputBase-root': {
8
+ '& .Erk-MuiInputBase-root': {
9
9
  cursor: props.disabled ? 'default' : 'pointer',
10
10
  '& input': {
11
11
  cursor: props.disabled ? 'default' : 'pointer',
@@ -14,7 +14,7 @@ const StyledDateTimePicker = styled(MuiDateTimePicker)(({ ...props }) => ({
14
14
  },
15
15
  }));
16
16
  const StyledDatePicker = styled(MuiDatePicker)(({ ...props }) => ({
17
- '& .EF-MuiInputBase-root': {
17
+ '& .Erk-MuiInputBase-root': {
18
18
  cursor: props.disabled ? 'default' : 'pointer',
19
19
  '& input': {
20
20
  cursor: props.disabled ? 'default' : 'pointer',
@@ -77,8 +77,8 @@ const StyledDialog = styled(MuiDialog)(({ theme }) => ({
77
77
  borderRadius: '5px',
78
78
  backgroundColor: 'transparent',
79
79
  },
80
- '& .EF-MuiDialogActions-root': {
81
- '& .EF-MuiButtonBase-root': { fontWeight: 700 },
80
+ '& .Erk-MuiDialogActions-root': {
81
+ '& .Erk-MuiButtonBase-root': { fontWeight: 700 },
82
82
  },
83
83
  '& .MuiDialogContent-root': { scrollbarColor: theme.palette.primary.main + ' white' },
84
84
  '& .MuiDayCalendar-weekDayLabel': {
package/dist/Shared/ErkPhoneInput/EkrPhoneInput.js CHANGED
@@ -14,7 +14,7 @@ const StyledSelect = styled(Select)(({ theme }) => ({
14
14
  input: {
15
15
  padding: 0,
16
16
  },
17
- '& .EF-MuiSelect-select.EF-MuiInputBase-inputSizeSmall': {
17
+ '& .Erk-MuiSelect-select.Erk-MuiInputBase-inputSizeSmall': {
18
18
  paddingBottom: 0,
19
19
  borderBottom: 'none',
20
20
  },
@@ -23,10 +23,10 @@ const StyledSelect = styled(Select)(({ theme }) => ({
23
23
  padding: 0,
24
24
  margin: 0,
25
25
  },
26
- '&.EF-MuiInputBase-root::before': {
26
+ '&.Erk-MuiInputBase-root::before': {
27
27
  borderBottom: 'none !important',
28
28
  },
29
- '&.EF-MuiInput-underline::after': {
29
+ '&.Erk-MuiInput-underline::after': {
30
30
  borderBottom: 'none',
31
31
  },
32
32
  }));
package/dist/Shared/ErkSelect/ErkSelect.js CHANGED
@@ -5,51 +5,51 @@ export const StyledSelect = styled(MuiSelect)(({ theme, ...props }) => ({
5
5
  borderRadius: 10,
6
6
  opacity: props.disabled ? 0.5 : 1,
7
7
  backgroundColor: theme.palette.background.default,
8
- '&.EF-MuiInputBase-adornedEnd': {
8
+ '&.Erk-MuiInputBase-adornedEnd': {
9
9
  paddingRight: 7,
10
10
  },
11
- '& .EF-MuiSelect-select': {
11
+ '& .Erk-MuiSelect-select': {
12
12
  fontSize: '1rem',
13
13
  padding: '6px 12px',
14
14
  lineHeight: '1.188em',
15
15
  height: '1.188em',
16
- '&.EF-MuiInputBase-inputAdornedEnd': {
16
+ '&.Erk-MuiInputBase-inputAdornedEnd': {
17
17
  paddingRight: 0,
18
18
  },
19
19
  whiteSpace: 'nowrap',
20
20
  overflow: 'hidden',
21
21
  textOverflow: 'ellipsis',
22
22
  },
23
- '& .EF-MuiOutlinedInput-notchedOutline': {
23
+ '& .Erk-MuiOutlinedInput-notchedOutline': {
24
24
  borderColor: theme.palette.outline.main,
25
25
  },
26
- '&:hover:not(.Mui-readOnly) .EF-MuiOutlinedInput-notchedOutline': {
26
+ '&:hover:not(.Mui-readOnly) .Erk-MuiOutlinedInput-notchedOutline': {
27
27
  borderColor: props.disabled || props.readOnly ? theme.palette.outline.main : theme.palette.primary.main,
28
28
  },
29
29
  '& .Mui-disabled, &.Mui-readOnly': {
30
30
  cursor: 'default',
31
31
  pointerEvents: 'none',
32
32
  },
33
- '&.EF-MuiInputBase-root.Mui-focused': {
34
- '& .EF-MuiOutlinedInput-notchedOutline': {
33
+ '&.Erk-MuiInputBase-root.Mui-focused': {
34
+ '& .Erk-MuiOutlinedInput-notchedOutline': {
35
35
  borderColor: theme.palette.primary.main,
36
36
  borderWidth: 2,
37
37
  },
38
38
  },
39
- '& .EF-MuiInputAdornment-root': {
39
+ '& .Erk-MuiInputAdornment-root': {
40
40
  marginLeft: 0,
41
41
  color: theme.palette.text.primary + 'a0',
42
42
  },
43
- '& .EF-MuiSelect-iconOpen': {
43
+ '& .Erk-MuiSelect-iconOpen': {
44
44
  transform: props.IconComponent ? 'none' : undefined,
45
45
  },
46
46
  }));
47
47
  export const StyledInputLabel = styled(MuiInputLabel)(({ theme, ...props }) => ({
48
48
  color: theme.palette.text.primary + '8a',
49
- '&.EF-MuiInputLabel-root.Mui-focused': {
49
+ '&.Erk-MuiInputLabel-root.Mui-focused': {
50
50
  color: theme.palette.primary.main,
51
51
  },
52
- '&.EF-MuiFormLabel-root:not(.EF-MuiInputLabel-shrink)': {
52
+ '&.Erk-MuiFormLabel-root:not(.Erk-MuiInputLabel-shrink)': {
53
53
  transform: 'translate(12px, 5px) scale(1)',
54
54
  maxWidth: 'calc(100% - 40px)',
55
55
  },
@@ -74,7 +74,7 @@ function CustomSelect({ label, error, onChange, children, required, value = '',
74
74
  if (!readOnly && !disabled)
75
75
  setOpen(!open);
76
76
  }, children: _jsx(IconComponent, {}) })) : undefined, onFocus: (e) => {
77
- if (!e.relatedTarget?.closest('.EF-MuiPaper-root')) {
77
+ if (!e.relatedTarget?.closest('.Erk-MuiPaper-root')) {
78
78
  setOpen(true);
79
79
  }
80
80
  }, onOpen: () => setOpen(true), onClose: () => setOpen(false), inputProps: { disabled: readOnly || disabled }, children: children }), helperText && _jsx(StyledHelperText, { disabled: disabled, children: helperText })] }));
package/dist/Shared/ErkSmartSelect/ErkSmartSelect.js CHANGED
@@ -4,22 +4,22 @@ import ErkSelect from '../ErkSelect/ErkSelect';
4
4
  import { StyledTextField } from '../ErkTextField/ErkTextField';
5
5
  const filter = createFilterOptions();
6
6
  const StyledAutoComplete = styled(MuiAutocomplete)(({ theme, ...props }) => ({
7
- '& .EF-MuiInputBase-root': {
7
+ '& .Erk-MuiInputBase-root': {
8
8
  cursor: props.disabled || props.readOnly ? 'default' : 'text',
9
9
  },
10
- '& .EF-MuiInputBase-input': {
10
+ '& .Erk-MuiInputBase-input': {
11
11
  paddingRight: 24,
12
12
  },
13
- '& .EF-MuiAutocomplete-endAdornment': {
13
+ '& .Erk-MuiAutocomplete-endAdornment': {
14
14
  marginLeft: 0,
15
15
  marginRight: 9,
16
16
  cursor: 'inherit',
17
17
  color: theme.palette.text.primary + 'a0',
18
- '& .EF-MuiButtonBase-root': {
18
+ '& .Erk-MuiButtonBase-root': {
19
19
  padding: 0,
20
20
  },
21
21
  },
22
- '& .EF-MuiAutocomplete-popupIndicatorOpen': {
22
+ '& .Erk-MuiAutocomplete-popupIndicatorOpen': {
23
23
  transform: props.popupIcon ? 'none' : undefined,
24
24
  },
25
25
  }));
package/dist/Shared/ErkTextField/ErkTextField.js CHANGED
@@ -16,7 +16,7 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
16
16
  height: '1.188em', //Esto.
17
17
  borderRadius: 10,
18
18
  },
19
- '& .EF-MuiFormLabel-root:not(.EF-MuiInputLabel-shrink)': {
19
+ '& .Erk-MuiFormLabel-root:not(.Erk-MuiInputLabel-shrink)': {
20
20
  transform: 'translate(12px, 5px) scale(1)', //Quitando esto y el height queda con height de 40px
21
21
  },
22
22
  '& label': {
@@ -26,12 +26,12 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
26
26
  textOverflow: 'ellipsis',
27
27
  },
28
28
  '& input + fieldset': {},
29
- '& .EF-MuiOutlinedInput-root': {
29
+ '& .Erk-MuiOutlinedInput-root': {
30
30
  '&.Mui-focused fieldset': {
31
31
  borderColor: theme.palette.primary.main,
32
32
  borderWidth: 2,
33
33
  },
34
- '& .EF-MuiOutlinedInput-notchedOutline': {
34
+ '& .Erk-MuiOutlinedInput-notchedOutline': {
35
35
  borderRadius: 10,
36
36
  borderColor: theme.palette.outline.main,
37
37
  '& legend': {
@@ -39,7 +39,7 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
39
39
  },
40
40
  },
41
41
  },
42
- '& .EF-MuiOutlinedInput-root:hover:not(.Mui-readOnly) .EF-MuiOutlinedInput-notchedOutline': {
42
+ '& .Erk-MuiOutlinedInput-root:hover:not(.Mui-readOnly) .Erk-MuiOutlinedInput-notchedOutline': {
43
43
  borderColor: props.disabled || props.readOnly ? theme.palette.outline.main : theme.palette.primary.main,
44
44
  },
45
45
  '& label.Mui-focused': {
@@ -48,23 +48,23 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
48
48
  '& .Mui-error': {
49
49
  color: theme.palette.error.main,
50
50
  },
51
- '& .EF-MuiInputBase-adornedEnd': {
51
+ '& .Erk-MuiInputBase-adornedEnd': {
52
52
  paddingRight: '7px',
53
53
  },
54
- '& .EF-MuiFormHelperText-root': {
54
+ '& .Erk-MuiFormHelperText-root': {
55
55
  color: theme.palette.helperText.primary,
56
56
  position: 'relative',
57
57
  marginRight: props.maxLength ? 40 : 14,
58
58
  overflow: 'hidden',
59
59
  textOverflow: 'ellipsis',
60
60
  },
61
- '& .EF-MuiFormHelperText-root.Mui-error': {
61
+ '& .Erk-MuiFormHelperText-root.Mui-error': {
62
62
  color: theme.palette.error.main,
63
63
  },
64
- '& .EF-MuiInputBase-multiline': {
64
+ '& .Erk-MuiInputBase-multiline': {
65
65
  padding: 0,
66
66
  },
67
- '& .EF-MuiInputAdornment-root': {
67
+ '& .Erk-MuiInputAdornment-root': {
68
68
  paddingTop: 2,
69
69
  marginRight: 0,
70
70
  },
package/dist/Shared/ErkTimePicker/ErkTimePicker.js CHANGED
@@ -85,7 +85,7 @@ function CustomSelect({ value, onChange, label, error, required, pickDays, helpe
85
85
  if (!readOnly && !disabled)
86
86
  setOpen(!open);
87
87
  }, children: _jsx(ClockIcon, {}) }), onFocus: (e) => {
88
- if (!e.relatedTarget?.closest('.EF-MuiPaper-root') && !readOnly && !disabled) {
88
+ if (!e.relatedTarget?.closest('.Erk-MuiPaper-root') && !readOnly && !disabled) {
89
89
  setOpen(true);
90
90
  }
91
91
  }, onOpen: () => {
package/dist/Shared/Rating/Ratings/ScaleRating.js CHANGED
@@ -6,13 +6,13 @@ const StyledRating = styled(MuiRating)(({ theme }) => ({
6
6
  '&.Mui-disabled': {
7
7
  opacity: 1,
8
8
  },
9
- '& .EF-MuiRating-iconFilled': {
9
+ '& .Erk-MuiRating-iconFilled': {
10
10
  color: theme.palette.primary.main,
11
11
  },
12
- '& .EF-MuiRating-iconEmpty': {
12
+ '& .Erk-MuiRating-iconEmpty': {
13
13
  color: theme.palette.outline.main,
14
14
  },
15
- '& .EF-MuiRating-visuallyHidden': {
15
+ '& .Erk-MuiRating-visuallyHidden': {
16
16
  display: 'none',
17
17
  },
18
18
  }));
package/dist/Shared/Toggle/Toggle.js CHANGED
@@ -3,7 +3,7 @@ import { styled, Switch as MuiSwitch } from '@mui/material';
3
3
  const Styled = styled(MuiSwitch)(({ theme, checked }) => ({
4
4
  marginTop: -6,
5
5
  marginBottom: -6,
6
- '& .EF-MuiSwitch-track': {
6
+ '& .Erk-MuiSwitch-track': {
7
7
  backgroundColor: checked ? theme.palette.primary.main : undefined,
8
8
  },
9
9
  }));
package/dist/Utils/MuiClassnameSetup.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SEED = "EF";
1
+ export declare const SEED = "Erk";
package/dist/Utils/MuiClassnameSetup.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';
2
- export const SEED = 'EF';
2
+ export const SEED = 'Erk';
3
3
  ClassNameGenerator.configure((componentName) => `${SEED}-${componentName}`);
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":"3.0.2-refactor",
4
+ "version":"3.0.3-refactor",
5
5
  "scripts": {
6
6
  "watch": "tsc --noEmit --watch --project tsconfig.app.json",
7
7
  "start": "vite",