@jsonforms/material-renderers 3.0.0-alpha.3 → 3.0.0-beta.0

package/src/complex/CombinatorProperties.tsx

@@ -23,9 +23,9 @@
   THE SOFTWARE.
 */
 import React from 'react';
-import _ from 'lodash';
 import { Generate, JsonSchema, Layout, UISchemaElement } from '@jsonforms/core';
 import { JsonFormsDispatch } from '@jsonforms/react';
+import omit from 'lodash/omit';
 
 interface CombinatorPropertiesProps {
   schema: JsonSchema;
@@ -42,7 +42,7 @@ export class CombinatorProperties extends React.Component<CombinatorPropertiesPr
 
     const { schema, combinatorKeyword, path } = this.props;
 
-    const otherProps: JsonSchema = _.omit(schema, combinatorKeyword) as JsonSchema;
+    const otherProps: JsonSchema = omit(schema, combinatorKeyword) as JsonSchema;
     const foundUISchema: UISchemaElement = Generate.uiSchema(otherProps, 'VerticalLayout');
     let isLayoutWithElements = false;
     if (foundUISchema !== null && isLayout(foundUISchema)) {

package/src/complex/MaterialEnumArrayRenderer.tsx

@@ -22,8 +22,8 @@ import {
   FormHelperText,
   Hidden
 } from '@mui/material';
-import { startCase } from 'lodash';
-import { isEmpty } from 'lodash';
+import startCase from 'lodash/startCase';
+import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 
 export const MaterialEnumArrayRenderer = ({

package/src/controls/MaterialEnumControl.tsx

@@ -32,11 +32,20 @@ import {
 } from '@jsonforms/core';
 import { withJsonFormsEnumProps } from '@jsonforms/react';
 import { MuiSelect } from '../mui-controls/MuiSelect';
+import merge from 'lodash/merge';
 import { MaterialInputControl } from './MaterialInputControl';
+import { MuiAutocomplete, WithOptionLabel } from '../mui-controls/MuiAutocomplete';
 
-export const MaterialEnumControl = (props: ControlProps & OwnPropsOfEnum) => (
-  <MaterialInputControl {...props} input={MuiSelect} />
-);
+export const MaterialEnumControl = (props: ControlProps & OwnPropsOfEnum & WithOptionLabel) => {
+  const {config, uischema} = props;
+  const appliedUiSchemaOptions = merge({}, config, uischema.options);
+  return (
+    <MaterialInputControl
+      {...props}
+      input={appliedUiSchemaOptions.autocomplete === false ? MuiSelect : MuiAutocomplete}
+    />
+  );
+};
 
 export const materialEnumControlTester: RankedTester = rankWith(
   2,

package/src/controls/MaterialOneOfEnumControl.tsx

@@ -31,12 +31,21 @@ import {
   rankWith,
 } from '@jsonforms/core';
 import { withJsonFormsOneOfEnumProps } from '@jsonforms/react';
+import { MuiAutocomplete, WithOptionLabel } from '../mui-controls/MuiAutocomplete';
 import { MuiSelect } from '../mui-controls/MuiSelect';
-import { MaterialInputControl } from './MaterialInputControl';
+import { MaterialInputControl } from '../controls/MaterialInputControl';
+import merge from 'lodash/merge';
 
-export const MaterialOneOfEnumControl = (props: ControlProps & OwnPropsOfEnum) => (
-  <MaterialInputControl {...props} input={MuiSelect} />
-);
+export const MaterialOneOfEnumControl = (props: ControlProps & OwnPropsOfEnum & WithOptionLabel) => {
+  const {config, uischema} = props;
+  const appliedUiSchemaOptions = merge({}, config, uischema.options);
+  return (
+    <MaterialInputControl
+      {...props}
+      input={appliedUiSchemaOptions.autocomplete === false ? MuiSelect : MuiAutocomplete}
+    />
+  );
+};
 
 export const materialOneOfEnumControlTester: RankedTester = rankWith(
   5,

package/src/util/debounce.ts

@@ -22,7 +22,7 @@
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 import { useState, useCallback, useEffect } from 'react'
 
 

package/src/util/layout.tsx

@@ -26,13 +26,13 @@ import isEmpty from 'lodash/isEmpty';
 import React from 'react';
 import { ComponentType } from 'react';
 import Ajv from 'ajv';
+import type { UISchemaElement } from '@jsonforms/core';
 import {
   getAjv,
   JsonFormsCellRendererRegistryEntry,
   JsonFormsRendererRegistryEntry,
   JsonSchema,
   OwnPropsOfRenderer,
-  UISchemaElement
 } from '@jsonforms/core';
 import { JsonFormsDispatch, useJsonForms } from '@jsonforms/react';
 import { Grid, Hidden } from '@mui/material';