@jsonforms/material-renderers 3.2.0 → 3.3.0-alpha.0

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 (19) hide show
  1. package/lib/complex/MaterialEnumArrayRenderer.d.ts +1 -1
  2. package/lib/complex/unwrapped.d.ts +1 -1
  3. package/lib/index.d.ts +1 -1
  4. package/lib/jsonforms-react-material.cjs.js +113 -99
  5. package/lib/jsonforms-react-material.cjs.js.map +1 -1
  6. package/lib/jsonforms-react-material.esm.js +106 -92
  7. package/lib/jsonforms-react-material.esm.js.map +1 -1
  8. package/package.json +11 -11
  9. package/src/complex/MaterialEnumArrayRenderer.tsx +41 -3
  10. package/src/complex/MaterialTableControl.tsx +41 -20
  11. package/src/controls/MaterialDateControl.tsx +42 -39
  12. package/src/controls/MaterialDateTimeControl.tsx +42 -40
  13. package/src/controls/MaterialRadioGroup.tsx +2 -4
  14. package/src/controls/MaterialSliderControl.tsx +1 -1
  15. package/src/controls/MaterialTimeControl.tsx +42 -40
  16. package/src/layouts/ExpandPanelRenderer.tsx +44 -23
  17. package/src/layouts/MaterialArrayLayout.tsx +1 -1
  18. package/src/mui-controls/MuiAutocomplete.tsx +0 -1
  19. package/src/util/theme.ts +1 -1
package/src/layouts/ExpandPanelRenderer.tsx CHANGED
@@ -39,6 +39,7 @@ import {
39
39
  Avatar,
40
40
  Grid,
41
41
  IconButton,
42
+ Tooltip,
42
43
  } from '@mui/material';
43
44
  import {
44
45
  ExpandMore as ExpandMoreIcon,
@@ -169,26 +170,40 @@ const ExpandPanelRendererComponent = (props: ExpandPanelProps) => {
169
170
  {showSortButtons && enabled ? (
170
171
  <Fragment>
171
172
  <Grid item>
172
- <IconButton
173
- onClick={moveUp(path, index)}
174
- style={iconStyle}
175
- disabled={!enableMoveUp}
176
- aria-label={translations.upAriaLabel}
177
- size='large'
173
+ <Tooltip
174
+ id='tooltip-up'
175
+ title={translations.up}
176
+ placement='bottom'
177
+ open={enableMoveUp ? undefined : false}
178
178
  >
179
- <ArrowUpward />
180
- </IconButton>
179
+ <IconButton
180
+ onClick={moveUp(path, index)}
181
+ style={iconStyle}
182
+ disabled={!enableMoveUp}
183
+ aria-label={translations.upAriaLabel}
184
+ size='large'
185
+ >
186
+ <ArrowUpward />
187
+ </IconButton>
188
+ </Tooltip>
181
189
  </Grid>
182
190
  <Grid item>
183
- <IconButton
184
- onClick={moveDown(path, index)}
185
- style={iconStyle}
186
- disabled={!enableMoveDown}
187
- aria-label={translations.downAriaLabel}
188
- size='large'
191
+ <Tooltip
192
+ id='tooltip-down'
193
+ title={translations.down}
194
+ placement='bottom'
195
+ open={enableMoveDown ? undefined : false}
189
196
  >
190
- <ArrowDownward />
191
- </IconButton>
197
+ <IconButton
198
+ onClick={moveDown(path, index)}
199
+ style={iconStyle}
200
+ disabled={!enableMoveDown}
201
+ aria-label={translations.downAriaLabel}
202
+ size='large'
203
+ >
204
+ <ArrowDownward />
205
+ </IconButton>
206
+ </Tooltip>
192
207
  </Grid>
193
208
  </Fragment>
194
209
  ) : (
@@ -196,14 +211,20 @@ const ExpandPanelRendererComponent = (props: ExpandPanelProps) => {
196
211
  )}
197
212
  {enabled && (
198
213
  <Grid item>
199
- <IconButton
200
- onClick={removeItems(path, [index])}
201
- style={iconStyle}
202
- aria-label={translations.removeAriaLabel}
203
- size='large'
214
+ <Tooltip
215
+ id='tooltip-remove'
216
+ title={translations.removeTooltip}
217
+ placement='bottom'
204
218
  >
205
- <DeleteIcon />
206
- </IconButton>
219
+ <IconButton
220
+ onClick={removeItems(path, [index])}
221
+ style={iconStyle}
222
+ aria-label={translations.removeAriaLabel}
223
+ size='large'
224
+ >
225
+ <DeleteIcon />
226
+ </IconButton>
227
+ </Tooltip>
207
228
  </Grid>
208
229
  )}
209
230
  </Grid>
package/src/layouts/MaterialArrayLayout.tsx CHANGED
@@ -112,7 +112,7 @@ const MaterialArrayLayoutComponent = (props: ArrayLayoutProps) => {
112
112
  );
113
113
  })
114
114
  ) : (
115
- <p>No data</p>
115
+ <p>{translations.noDataMessage}</p>
116
116
  )}
117
117
  </div>
118
118
  </div>
package/src/mui-controls/MuiAutocomplete.tsx CHANGED
@@ -113,7 +113,6 @@ export const MuiAutocomplete = (
113
113
  setInputValue(newInputValue);
114
114
  }}
115
115
  autoHighlight
116
- autoSelect
117
116
  autoComplete
118
117
  fullWidth
119
118
  options={options}
package/src/util/theme.ts CHANGED
@@ -52,7 +52,7 @@ const variantToInput = {
52
52
  outlined: OutlinedInput,
53
53
  };
54
54
 
55
- export const defaultInputVariant: TextFieldProps['variant'] = 'standard';
55
+ export const defaultInputVariant: TextFieldProps['variant'] = 'outlined';
56
56
 
57
57
  export function useInputVariant(): TextFieldProps['variant'] {
58
58
  const { variant = defaultInputVariant } = useThemeProps({