Options
All
  • Public
  • Public/Protected
  • All
Menu

JSON Forms React Material Renderers

Index

Classes

Interfaces

Variables

Functions

Object literals

Variables

Const ArrayLayoutToolbar

ArrayLayoutToolbar: MemoExoticComponent<(Anonymous function)> = React.memo(({label,errors,addItem,path,createDefault}: ArrayLayoutToolbarProps) => {return (<Toolbar disableGutters={true}><Grid container alignItems='center' justifyContent='space-between'><Grid item><Typography variant={'h6'}>{label}</Typography></Grid><Hidden smUp={errors.length === 0}><Grid item><ValidationIcon id='tooltip-validation' errorMessages={errors} /></Grid></Hidden><Grid item><Grid container><Grid item><Tooltipid='tooltip-add'title={`Add to ${label}`}placement='bottom'><IconButtonaria-label={`Add to ${label}`}onClick={addItem(path, createDefault())}size="large"><AddIcon /></IconButton></Tooltip></Grid></Grid></Grid></Grid></Toolbar>);})

Const DeleteDialog

DeleteDialog: MemoExoticComponent<(Anonymous function)> = React.memo(({ open, onClose, onConfirm, onCancel }: DeleteDialogProps) => {return (<Dialogopen={open}keepMountedonClose={onClose}aria-labelledby='alert-dialog-confirmdelete-title'aria-describedby='alert-dialog-confirmdelete-description'><DialogTitle id='alert-dialog-confirmdelete-title'>{'Confirm Deletion'}</DialogTitle><DialogContent><DialogContentText id='alert-dialog-confirmdelete-description'>Are you sure you want to delete the selected entry?</DialogContentText></DialogContent><DialogActions><Button onClick={onCancel} color='primary'>No</Button><Button onClick={onConfirm} color='primary'>Yes</Button></DialogActions></Dialog>);})

Const GroupComponent

GroupComponent: MemoExoticComponent<(Anonymous function)> = React.memo(({ visible, enabled, uischema, ...props }: MaterialLayoutRendererProps) => {const groupLayout = uischema as GroupLayout;return (<Hidden xsUp={!visible}><Card style={style}>{!isEmpty(groupLayout.label) && (<CardHeader title={groupLayout.label} />)}<CardContent><MaterialLayoutRenderer {...props} visible={visible} enabled={enabled} elements={groupLayout.elements} /></CardContent></Card></Hidden>);})

Const MaterialLayoutRenderer

MaterialLayoutRenderer: MemoExoticComponent<(Anonymous function)> = React.memo(({visible,elements,schema,path,enabled,direction,renderers,cells}: MaterialLayoutRendererProps) => {if (isEmpty(elements)) {return null;} else {return (<Hidden xsUp={!visible}><Gridcontainerdirection={direction}spacing={direction === 'row' ? 2 : 0}>{renderLayoutElements(elements,schema,path,enabled,renderers,cells)}</Grid></Hidden>);}},areEqual)

Const MuiAutocomplete

MuiAutocomplete: MemoExoticComponent<(Anonymous function)> = React.memo((props: EnumCellProps & WithClassname & WithOptionLabel) => {const {data,className,id,enabled,uischema,path,handleChange,options,config,getOptionLabel,renderOption,filterOptions} = props;const appliedUiSchemaOptions = merge({}, config, uischema.options);const [inputValue, setInputValue] = React.useState(data ?? '');const findOption = options.find((o:any) => o.value === data) ?? null;return (<AutocompleteclassName={className}id={id}disabled={!enabled}value={findOption}onChange={(_event: any, newValue: any | null) => {handleChange(path, newValue?.value);}}inputValue={inputValue}onInputChange={(_event, newInputValue:any) => {setInputValue(newInputValue);}}autoHighlightautoSelectautoCompletefullWidthoptions={options}getOptionLabel={getOptionLabel || ((option: any) => option?.label)}style={{ marginTop: 16 }}renderInput={params => (<Inputstyle={{ width: '100%' }}type='text'inputProps={params.inputProps}inputRef={params.InputProps.ref}autoFocus={appliedUiSchemaOptions.focus}disabled={!enabled}/>)}renderOption={renderOption}filterOptions={filterOptions}/>);}, areEqual)

Const MuiCheckbox

MuiCheckbox: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname) => {const {data,className,id,enabled,uischema,path,handleChange,config} = props;const appliedUiSchemaOptions = merge({}, config, uischema.options);const inputProps = { autoFocus: !!appliedUiSchemaOptions.focus };// !! causes undefined value to be converted to false, otherwise has no effectconst checked = !!data;return (<Checkboxchecked={checked}onChange={(_ev, isChecked) => handleChange(path, isChecked)}className={className}id={id}disabled={!enabled}inputProps={inputProps}/>);}, areEqual)

Const MuiInputInteger

MuiInputInteger: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname) => {const {data,className,id,enabled,uischema,path,handleChange,config} = props;const inputProps = { step: '1' };const toNumber = (value: string) =>value === '' ? undefined : parseInt(value, 10);const appliedUiSchemaOptions = merge({}, config, uischema.options);return (<Inputtype='number'value={data !== undefined && data !== null ? data : ''}onChange={ev => handleChange(path, toNumber(ev.target.value))}className={className}id={id}disabled={!enabled}autoFocus={appliedUiSchemaOptions.focus}inputProps={inputProps}fullWidth={true}/>);},areEqual)

Const MuiInputNumber

MuiInputNumber: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname) => {const {data,className,id,enabled,uischema,path,handleChange,config} = props;const inputProps = { step: '0.1' };const toNumber = (value: string) =>value === '' ? undefined : parseFloat(value);const appliedUiSchemaOptions = merge({}, config, uischema.options);return (<Inputtype='number'value={data === undefined || data === null ? '' : data}onChange={ev => handleChange(path, toNumber(ev.target.value))}className={className}id={id}disabled={!enabled}autoFocus={appliedUiSchemaOptions.focus}inputProps={inputProps}fullWidth={true}/>);}, areEqual)

Const MuiInputNumberFormat

MuiInputNumberFormat: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname & Formatted<number>) => {const {className,id,enabled,uischema,isValid,path,handleChange,schema,config} = props;const maxLength = schema.maxLength;const appliedUiSchemaOptions = merge({}, config, uischema.options);let inputProps;if (appliedUiSchemaOptions.restrict) {inputProps = { maxLength: maxLength };} else {inputProps = {};}const formattedNumber = props.toFormatted(props.data);const onChange = (ev: any) => {const validStringNumber = props.fromFormatted(ev.currentTarget.value);handleChange(path, validStringNumber);};return (<Inputtype='text'value={formattedNumber}onChange={onChange}className={className}id={id}disabled={!enabled}autoFocus={appliedUiSchemaOptions.focus}multiline={appliedUiSchemaOptions.multi}fullWidth={!appliedUiSchemaOptions.trim || maxLength === undefined}inputProps={inputProps}error={!isValid}/>);},areEqual)

Const MuiInputText

MuiInputText: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname & MuiTextInputProps) => {const [showAdornment, setShowAdornment] = useState(false);const {data,config,className,id,enabled,uischema,isValid,path,handleChange,schema,muiInputProps,inputComponent} = props;const maxLength = schema.maxLength;const appliedUiSchemaOptions = merge({}, config, uischema.options);let inputProps: InputBaseComponentProps;if (appliedUiSchemaOptions.restrict) {inputProps = { maxLength: maxLength };} else {inputProps = {};}inputProps = merge(inputProps, muiInputProps);if (appliedUiSchemaOptions.trim && maxLength !== undefined) {inputProps.size = maxLength;}const onChange = (ev: any) => handleChange(path, ev.target.value);const theme: JsonFormsTheme = useTheme();const inputDeleteBackgroundColor = theme.jsonforms?.input?.delete?.background || theme.palette.background.default;return (<Inputtype={appliedUiSchemaOptions.format === 'password' ? 'password' : 'text'}value={data || ''}onChange={onChange}className={className}id={id}disabled={!enabled}autoFocus={appliedUiSchemaOptions.focus}multiline={appliedUiSchemaOptions.multi}fullWidth={!appliedUiSchemaOptions.trim || maxLength === undefined}inputProps={inputProps}error={!isValid}onPointerEnter={() => setShowAdornment(true) }onPointerLeave={() => setShowAdornment(false) }endAdornment={<InputAdornmentposition='end'style={{display:!showAdornment || !enabled || data === undefined ? 'none' : 'flex',position: 'absolute',right: 0}}><IconButtonaria-label='Clear input field'onClick={() => handleChange(path, undefined)}size="large"><Close style={{background: inputDeleteBackgroundColor, borderRadius: '50%'}}/></IconButton></InputAdornment>}inputComponent={inputComponent}/>);}, areEqual)

Const MuiInputTime

MuiInputTime: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname) => {const {data,className,id,enabled,uischema,path,handleChange,config} = props;const appliedUiSchemaOptions = merge({}, config, uischema.options);return (<Inputtype='time'value={data || ''}onChange={ev => handleChange(path, ev.target.value)}className={className}id={id}disabled={!enabled}autoFocus={appliedUiSchemaOptions.focus}fullWidth={true}/>);}, areEqual)

Const MuiSelect

MuiSelect: MemoExoticComponent<(Anonymous function)> = React.memo((props: EnumCellProps & WithClassname) => {const {data,className,id,enabled,uischema,path,handleChange,options,config} = props;const appliedUiSchemaOptions = merge({}, config, uischema.options);return (<SelectclassName={className}id={id}disabled={!enabled}autoFocus={appliedUiSchemaOptions.focus}value={data || ''}onChange={ev => handleChange(path, ev.target.value)}fullWidth={true}>{[<MenuItem value='' key={'empty'} />].concat(options.map(optionValue => (<MenuItem value={optionValue.value} key={optionValue.value}>{optionValue.label}</MenuItem>)))}</Select>);}, areEqual)

Const MuiToggle

MuiToggle: MemoExoticComponent<(Anonymous function)> = React.memo((props: CellProps & WithClassname) => {const {data,className,id,enabled,uischema,path,handleChange,config} = props;const appliedUiSchemaOptions = merge({}, config, uischema.options);const inputProps = { autoFocus: !!appliedUiSchemaOptions.focus };const checked = !!data;return (<Switchchecked={checked}onChange={(_ev, isChecked) => handleChange(path, isChecked)}className={className}id={id}disabled={!enabled}inputProps={inputProps}/>);}, areEqual)

Const NonEmptyRow

NonEmptyRow: MemoExoticComponent<(Anonymous function)> = React.memo(({childPath,schema,rowIndex,openDeleteDialog,moveUp,moveDown,enableUp,enableDown,showSortButtons,enabled,cells}: NonEmptyRowProps & WithDeleteDialogSupport) => {return (<TableRow key={childPath} hover>{generateCells(NonEmptyCell, schema, childPath, enabled, cells)}{enabled ? (<NoBorderTableCellstyle={showSortButtons ? styles.fixedCell : styles.fixedCellSmall}><Gridcontainerdirection='row'justifyContent='flex-end'alignItems='center'>{showSortButtons ? (<Fragment><Grid item><IconButton aria-label={`Move up`} onClick={moveUp} disabled={!enableUp} size="large"><ArrowUpward /></IconButton></Grid><Grid item><IconButtonaria-label={`Move down`}onClick={moveDown}disabled={!enableDown}size="large"><ArrowDownward /></IconButton></Grid></Fragment>) : null}<Grid item><IconButtonaria-label={`Delete`}onClick={() => openDeleteDialog(childPath, rowIndex)}size="large"><DeleteIcon /></IconButton></Grid></Grid></NoBorderTableCell>) : null}</TableRow>);})

Const TableHeaderCell

TableHeaderCell: MemoExoticComponent<(Anonymous function)> = React.memo(({ title }: TableHeaderCellProps) => (<TableCell>{title}</TableCell>))

Const TableToolbar

TableToolbar: MemoExoticComponent<(Anonymous function)> = React.memo(({numColumns,errors,label,path,addItem,schema,enabled}: MaterialTableToolbarProps) => (<TableRow><NoBorderTableCell colSpan={numColumns}><GridcontainerjustifyContent={'flex-start'}alignItems={'center'}spacing={2}><Grid item><Typography variant={'h6'}>{label}</Typography></Grid><Grid item><Hidden smUp={errors.length === 0}><Grid item><ValidationIconid='tooltip-validation'errorMessages={errors}/></Grid></Hidden></Grid></Grid></NoBorderTableCell>{enabled ? (<NoBorderTableCell align='right' style={ fixedCellSmall }><Tooltipid='tooltip-add'title={`Add to ${label}`}placement='bottom'><IconButtonaria-label={`Add to ${label}`}onClick={addItem(path, createDefaultValue(schema))}size="large"><AddIcon /></IconButton></Tooltip></NoBorderTableCell>) : null}</TableRow>))

Const extendedMaterialRenderers

extendedMaterialRenderers: JsonFormsRendererRegistryEntry[] = [{tester: materialAutocompleteOneOfEnumControlTester,renderer: MaterialAutocompleteOneOfEnumControl},{tester: materialAutocompleteEnumControlTester,renderer: MaterialAutocompleteEnumControl},...materialRenderers]

Includes all 'materialRenderers' and adds additional renderers based on '@material-ui/lab'

Const groupTester

groupTester: RankedTester = rankWith(1, uiTypeIs('Group'))

Const isSingleLevelCategorization

isSingleLevelCategorization: Tester = and(uiTypeIs('Categorization'),(uischema: UISchemaElement): boolean => {const categorization = uischema as Categorization;return (categorization.elements &&categorization.elements.reduce((acc, e) => acc && e.type === 'Category',true));})

Const materialAllOfControlTester

materialAllOfControlTester: RankedTester = rankWith(3,isAllOfControl)

Const materialAnyOfControlTester

materialAnyOfControlTester: RankedTester = rankWith(3,isAnyOfControl)

Const materialAnyOfStringOrEnumControlTester

materialAnyOfStringOrEnumControlTester: RankedTester = rankWith(5,simpleAnyOf)

Const materialArrayControlTester

materialArrayControlTester: RankedTester = rankWith(3,or(isObjectArrayControl, isPrimitiveArrayControl))

Const materialArrayLayoutTester

materialArrayLayoutTester: RankedTester = rankWith(4,isObjectArrayWithNesting)

Const materialAutocompleteEnumControlTester

materialAutocompleteEnumControlTester: RankedTester = rankWith(10,isEnumControl)

Const materialAutocompleteOneOfEnumControlTester

materialAutocompleteOneOfEnumControlTester: RankedTester = rankWith(10,isOneOfEnumControl)

Const materialBooleanCellTester

materialBooleanCellTester: RankedTester = rankWith(2,isBooleanControl)

Const materialBooleanControlTester

materialBooleanControlTester: RankedTester = rankWith(2,isBooleanControl)

Const materialBooleanToggleCellTester

materialBooleanToggleCellTester: RankedTester = rankWith(3,and(isBooleanControl, optionIs('toggle', true)))

Const materialBooleanToggleControlTester

materialBooleanToggleControlTester: RankedTester = rankWith(3,and(isBooleanControl, optionIs('toggle', true)))

Const materialCategorizationStepperTester

materialCategorizationStepperTester: RankedTester = rankWith(2,and(uiTypeIs('Categorization'),categorizationHasCategory,optionIs('variant', 'stepper')))

Const materialCategorizationTester

materialCategorizationTester: RankedTester = rankWith(1,isSingleLevelCategorization)

Const materialCells

materialCells: JsonFormsCellRendererRegistryEntry[] = [{ tester: materialBooleanCellTester, cell: MaterialBooleanCell },{ tester: materialBooleanToggleCellTester, cell: MaterialBooleanToggleCell },{ tester: materialDateCellTester, cell: MaterialDateCell },{ tester: materialEnumCellTester, cell: MaterialEnumCell },{ tester: materialIntegerCellTester, cell: MaterialIntegerCell },{ tester: materialNumberCellTester, cell: MaterialNumberCell },{ tester: materialNumberFormatCellTester, cell: MaterialNumberFormatCell },{ tester: materialOneOfEnumCellTester, cell: MaterialOneOfEnumCell },{ tester: materialTextCellTester, cell: MaterialTextCell },{ tester: materialTimeCellTester, cell: MaterialTimeCell }]

Const materialDateCellTester

materialDateCellTester: RankedTester = rankWith(2, isDateControl)

Const materialDateControlTester

materialDateControlTester: RankedTester = rankWith(4,isDateControl)

Const materialDateTimeControlTester

materialDateTimeControlTester: RankedTester = rankWith(2,isDateTimeControl)

Const materialEnumArrayRendererTester

materialEnumArrayRendererTester: RankedTester = rankWith(5,and(uiTypeIs('Control'),and(schemaMatches(schema =>hasType(schema, 'array') &&!Array.isArray(schema.items) &&schema.uniqueItems === true),schemaSubPathMatches('items', schema => {return hasOneOfItems(schema) || hasEnumItems(schema);}))))

Const materialEnumCellTester

materialEnumCellTester: RankedTester = rankWith(2, isEnumControl)

Default tester for enum controls.

Const materialEnumControlTester

materialEnumControlTester: RankedTester = rankWith(2,isEnumControl)

Const materialGroupTester

materialGroupTester: RankedTester = withIncreasedRank(1,groupTester)

Const materialHorizontalLayoutTester

materialHorizontalLayoutTester: RankedTester = rankWith(2,uiTypeIs('HorizontalLayout'))

Default tester for a horizontal layout.

Const materialIntegerCellTester

materialIntegerCellTester: RankedTester = rankWith(2,isIntegerControl)

Const materialIntegerControlTester

materialIntegerControlTester: RankedTester = rankWith(2,isIntegerControl)

Const materialLabelRendererTester

materialLabelRendererTester: RankedTester = rankWith(1, uiTypeIs('Label'))

Default tester for a label.

Const materialListWithDetailTester

materialListWithDetailTester: RankedTester = rankWith(4,and(uiTypeIs('ListWithDetail'), isObjectArray))

Const materialNativeControlTester

materialNativeControlTester: RankedTester = rankWith(2,or(isDateControl, isTimeControl))

Const materialNumberCellTester

materialNumberCellTester: RankedTester = rankWith(2,isNumberControl)

Default tester for number controls.

Const materialNumberControlTester

materialNumberControlTester: RankedTester = rankWith(2,isNumberControl)

Const materialNumberFormatCellTester

materialNumberFormatCellTester: RankedTester = rankWith(4,isNumberFormatControl)

Default tester for text-based/string controls.

Const materialObjectControlTester

materialObjectControlTester: RankedTester = rankWith(2,isObjectControl)

Const materialOneOfControlTester

materialOneOfControlTester: RankedTester = rankWith(3, isOneOfControl)

Const materialOneOfEnumCellTester

materialOneOfEnumCellTester: RankedTester = rankWith(2, isOneOfEnumControl)

Default tester for oneOf enum controls.

Const materialOneOfEnumControlTester

materialOneOfEnumControlTester: RankedTester = rankWith(5,isOneOfEnumControl)

Const materialOneOfRadioGroupControlTester

materialOneOfRadioGroupControlTester: RankedTester = rankWith(20,and(isOneOfEnumControl, optionIs('format', 'radio')))

Const materialRadioGroupControlTester

materialRadioGroupControlTester: RankedTester = rankWith(20,and(isEnumControl, optionIs('format', 'radio')))

Const materialRenderers

materialRenderers: JsonFormsRendererRegistryEntry[] = [// controls{tester: materialArrayControlTester,renderer: MaterialArrayControlRenderer},{ tester: materialBooleanControlTester, renderer: MaterialBooleanControl },{ tester: materialBooleanToggleControlTester, renderer: MaterialBooleanToggleControl },{ tester: materialNativeControlTester, renderer: MaterialNativeControl },{ tester: materialEnumControlTester, renderer: MaterialEnumControl },{ tester: materialIntegerControlTester, renderer: MaterialIntegerControl },{ tester: materialNumberControlTester, renderer: MaterialNumberControl },{ tester: materialTextControlTester, renderer: MaterialTextControl },{ tester: materialDateTimeControlTester, renderer: MaterialDateTimeControl },{ tester: materialDateControlTester, renderer: MaterialDateControl },{ tester: materialSliderControlTester, renderer: MaterialSliderControl },{ tester: materialObjectControlTester, renderer: MaterialObjectRenderer },{ tester: materialAllOfControlTester, renderer: MaterialAllOfRenderer },{ tester: materialAnyOfControlTester, renderer: MaterialAnyOfRenderer },{ tester: materialOneOfControlTester, renderer: MaterialOneOfRenderer },{tester: materialRadioGroupControlTester,renderer: MaterialRadioGroupControl},{tester: materialOneOfRadioGroupControlTester,renderer: MaterialOneOfRadioGroupControl},{ tester: materialOneOfEnumControlTester, renderer: MaterialOneOfEnumControl },// layouts{ tester: materialGroupTester, renderer: MaterialGroupLayout },{tester: materialHorizontalLayoutTester,renderer: MaterialHorizontalLayout},{ tester: materialVerticalLayoutTester, renderer: MaterialVerticalLayout },{tester: materialCategorizationTester,renderer: MaterialCategorizationLayout},{tester: materialCategorizationStepperTester,renderer: MaterialCategorizationStepperLayout},{ tester: materialArrayLayoutTester, renderer: MaterialArrayLayout },// additional{ tester: materialLabelRendererTester, renderer: MaterialLabelRenderer },{tester: materialListWithDetailTester,renderer: MaterialListWithDetailRenderer},{tester: materialAnyOfStringOrEnumControlTester,renderer: MaterialAnyOfStringOrEnumControl},{tester: materialEnumArrayRendererTester,renderer: MaterialEnumArrayRenderer}]

Const materialSliderControlTester

materialSliderControlTester: RankedTester = rankWith(4,isRangeControl)

Const materialTextCellTester

materialTextCellTester: RankedTester = rankWith(1,isStringControl)

Default tester for text-based/string controls.

Const materialTextControlTester

materialTextControlTester: RankedTester = rankWith(1,isStringControl)

Const materialTimeCellTester

materialTimeCellTester: RankedTester = rankWith(2, isTimeControl)

Const materialVerticalLayoutTester

materialVerticalLayoutTester: RankedTester = rankWith(1,uiTypeIs('VerticalLayout'))

Default tester for a vertical layout.

Const oneOf

oneOf: "oneOf" = "oneOf"

Const simpleAnyOf

simpleAnyOf: Tester = and(uiTypeIs('Control'),schemaMatches(schema => schema.hasOwnProperty('anyOf') && hasEnumAndText(schema.anyOf)))

Functions

Const EmptyTable

  • EmptyTable(__namedParameters: { numColumns: number }): Element

  • Parameters

    • __namedParameters: { numColumns: number }
      • numColumns: number

    Returns Element

Const ExpandPanelRenderer

  • Parameters

    Returns Element

Const ListWithDetailMasterItem

  • ListWithDetailMasterItem(__namedParameters: { childLabel: string; handleSelect: handleSelect; index: number; path: string; removeItem: removeItem; selected: boolean }): Element

  • Parameters

    • __namedParameters: { childLabel: string; handleSelect: handleSelect; index: number; path: string; removeItem: removeItem; selected: boolean }
      • childLabel: string
      • handleSelect: handleSelect
      • index: number
      • path: string
      • removeItem: removeItem
      • selected: boolean

    Returns Element

Const MaterialAllOfRenderer

  • MaterialAllOfRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • uischemas: JsonFormsUISchemaRegistryEntry[]
      • visible: boolean

    Returns Element

Const MaterialAnyOfRenderer

  • MaterialAnyOfRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; indexOfFittingSchema: number; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; indexOfFittingSchema: number; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • indexOfFittingSchema: number
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • uischemas: JsonFormsUISchemaRegistryEntry[]
      • visible: boolean

    Returns Element

Const MaterialArrayControlRenderer

  • MaterialArrayControlRenderer(props: ArrayLayoutProps): Element

  • Parameters

    • props: ArrayLayoutProps

    Returns Element

Const MaterialArrayLayoutRenderer

  • MaterialArrayLayoutRenderer(__namedParameters: { addItem: addItem; cells: JsonFormsCellRendererRegistryEntry[]; data: number; enabled: boolean; errors: string; id: string; label: string | Labels; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }): Element

  • Parameters

    • __namedParameters: { addItem: addItem; cells: JsonFormsCellRendererRegistryEntry[]; data: number; enabled: boolean; errors: string; id: string; label: string | Labels; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }
      • addItem: addItem
      • cells: JsonFormsCellRendererRegistryEntry[]
      • data: number
      • enabled: boolean
      • errors: string
      • id: string
      • label: string | Labels
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • uischemas: JsonFormsUISchemaRegistryEntry[]
      • visible: boolean

    Returns Element

Const MaterialAutocompleteEnumControl

  • MaterialAutocompleteEnumControl(props: ControlProps & OwnPropsOfEnum & WithOptionLabel): Element

  • Parameters

    Returns Element

Const MaterialAutocompleteOneOfEnumControl

  • MaterialAutocompleteOneOfEnumControl(props: ControlProps & OwnPropsOfEnum & WithOptionLabel): Element

  • Parameters

    Returns Element

Const MaterialBooleanCell

  • MaterialBooleanCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialBooleanControl

  • MaterialBooleanControl(__namedParameters: { config: any; data: any; enabled: boolean; errors: string; handleChange: handleChange; id: string; label: string | Labels; path: string; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; visible: boolean }): Element

  • Parameters

    • __namedParameters: { config: any; data: any; enabled: boolean; errors: string; handleChange: handleChange; id: string; label: string | Labels; path: string; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; visible: boolean }
      • config: any
      • data: any
      • enabled: boolean
      • errors: string
      • handleChange: handleChange
      • id: string
      • label: string | Labels
      • path: string
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • visible: boolean

    Returns Element

Const MaterialBooleanToggleCell

  • MaterialBooleanToggleCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialBooleanToggleControl

  • MaterialBooleanToggleControl(__namedParameters: { config: any; data: any; enabled: boolean; errors: string; handleChange: handleChange; id: string; label: string | Labels; path: string; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; visible: boolean }): Element

  • Parameters

    • __namedParameters: { config: any; data: any; enabled: boolean; errors: string; handleChange: handleChange; id: string; label: string | Labels; path: string; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; visible: boolean }
      • config: any
      • data: any
      • enabled: boolean
      • errors: string
      • handleChange: handleChange
      • id: string
      • label: string | Labels
      • path: string
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • visible: boolean

    Returns Element

Const MaterialDateCell

  • MaterialDateCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialEnumArrayRenderer

  • MaterialEnumArrayRenderer(__namedParameters: { addItem: (path: string, value: any) => void; data: any; errors: string; options: EnumOption[]; otherProps: otherProps; path: string; removeItem: (path: string, toDelete: any) => void; schema: JsonSchema; visible: boolean }): Element

  • Parameters

    • __namedParameters: { addItem: (path: string, value: any) => void; data: any; errors: string; options: EnumOption[]; otherProps: otherProps; path: string; removeItem: (path: string, toDelete: any) => void; schema: JsonSchema; visible: boolean }
      • addItem: (path: string, value: any) => void
          • (path: string, value: any): void

          • Parameters

            • path: string
            • value: any

            Returns void

      • data: any
      • errors: string
      • options: EnumOption[]
      • otherProps: otherProps
      • path: string
      • removeItem: (path: string, toDelete: any) => void
          • (path: string, toDelete: any): void

          • Parameters

            • path: string
            • toDelete: any

            Returns void

      • schema: JsonSchema
      • visible: boolean

    Returns Element

Const MaterialEnumCell

  • MaterialEnumCell(props: EnumCellProps & WithClassname): Element

  • Parameters

    • props: EnumCellProps & WithClassname

    Returns Element

Const MaterialEnumControl

  • MaterialEnumControl(props: ControlProps & OwnPropsOfEnum): Element

  • Parameters

    • props: ControlProps & OwnPropsOfEnum

    Returns Element

Const MaterialHorizontalLayoutRenderer

  • MaterialHorizontalLayoutRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; enabled: boolean; path: string; renderers: JsonFormsRendererRegistryEntry[]; schema: JsonSchema; uischema: UISchemaElement; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; enabled: boolean; path: string; renderers: JsonFormsRendererRegistryEntry[]; schema: JsonSchema; uischema: UISchemaElement; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • enabled: boolean
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • schema: JsonSchema
      • uischema: UISchemaElement
      • visible: boolean

    Returns Element

Const MaterialIntegerCell

  • MaterialIntegerCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialIntegerControl

  • MaterialIntegerControl(props: ControlProps): Element

  • Parameters

    • props: ControlProps

    Returns Element

Const MaterialLabelRenderer

  • MaterialLabelRenderer(__namedParameters: { uischema: UISchemaElement; visible: boolean }): Element

  • Default renderer for a label.

    Parameters

    • __namedParameters: { uischema: UISchemaElement; visible: boolean }
      • uischema: UISchemaElement
      • visible: boolean

    Returns Element

Const MaterialListWithDetailRenderer

  • MaterialListWithDetailRenderer(__namedParameters: { addItem: addItem; cells: JsonFormsCellRendererRegistryEntry[]; config: any; data: number; errors: string; label: string | Labels; path: string; removeItems: removeItems; renderers: JsonFormsRendererRegistryEntry[]; required: boolean; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }): Element

  • Parameters

    • __namedParameters: { addItem: addItem; cells: JsonFormsCellRendererRegistryEntry[]; config: any; data: number; errors: string; label: string | Labels; path: string; removeItems: removeItems; renderers: JsonFormsRendererRegistryEntry[]; required: boolean; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }
      • addItem: addItem
      • cells: JsonFormsCellRendererRegistryEntry[]
      • config: any
      • data: number
      • errors: string
      • label: string | Labels
      • path: string
      • removeItems: removeItems
      • renderers: JsonFormsRendererRegistryEntry[]
      • required: boolean
      • schema: JsonSchema
      • uischema: ControlElement
      • uischemas: JsonFormsUISchemaRegistryEntry[]
      • visible: boolean

    Returns Element

Const MaterialNumberCell

  • MaterialNumberCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialNumberControl

  • MaterialNumberControl(props: ControlProps): Element

  • Parameters

    • props: ControlProps

    Returns Element

Const MaterialNumberFormatCell

  • MaterialNumberFormatCell(props: CellProps & WithClassname & Formatted<number>): Element

  • Parameters

    • props: CellProps & WithClassname & Formatted<number>

    Returns Element

Const MaterialObjectRenderer

  • MaterialObjectRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; enabled: boolean; label: string | Labels; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; enabled: boolean; label: string | Labels; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • enabled: boolean
      • label: string | Labels
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • uischemas: JsonFormsUISchemaRegistryEntry[]
      • visible: boolean

    Returns Element

Const MaterialOneOfEnumCell

  • MaterialOneOfEnumCell(props: EnumCellProps & WithClassname): Element

  • Parameters

    • props: EnumCellProps & WithClassname

    Returns Element

Const MaterialOneOfEnumControl

  • MaterialOneOfEnumControl(props: ControlProps & OwnPropsOfEnum): Element

  • Parameters

    • props: ControlProps & OwnPropsOfEnum

    Returns Element

Const MaterialOneOfRadioGroupControl

  • MaterialOneOfRadioGroupControl(props: ControlProps & OwnPropsOfEnum): Element

  • Parameters

    • props: ControlProps & OwnPropsOfEnum

    Returns Element

Const MaterialOneOfRenderer

  • MaterialOneOfRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; data: any; handleChange: handleChange; id: string; indexOfFittingSchema: number; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; data: any; handleChange: handleChange; id: string; indexOfFittingSchema: number; path: string; renderers: JsonFormsRendererRegistryEntry[]; rootSchema: JsonSchema; schema: JsonSchema; uischema: ControlElement; uischemas: JsonFormsUISchemaRegistryEntry[]; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • data: any
      • handleChange: handleChange
      • id: string
      • indexOfFittingSchema: number
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • rootSchema: JsonSchema
      • schema: JsonSchema
      • uischema: ControlElement
      • uischemas: JsonFormsUISchemaRegistryEntry[]
      • visible: boolean

    Returns Element

Const MaterialRadioGroupControl

  • MaterialRadioGroupControl(props: ControlProps & OwnPropsOfEnum): Element

  • Parameters

    • props: ControlProps & OwnPropsOfEnum

    Returns Element

Const MaterialTextCell

  • MaterialTextCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialTextControl

  • MaterialTextControl(props: ControlProps): Element

  • Parameters

    • props: ControlProps

    Returns Element

Const MaterialTimeCell

  • MaterialTimeCell(props: CellProps & WithClassname): Element

  • Parameters

    • props: CellProps & WithClassname

    Returns Element

Const MaterialVerticalLayoutRenderer

  • MaterialVerticalLayoutRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; enabled: boolean; path: string; renderers: JsonFormsRendererRegistryEntry[]; schema: JsonSchema; uischema: UISchemaElement; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; enabled: boolean; path: string; renderers: JsonFormsRendererRegistryEntry[]; schema: JsonSchema; uischema: UISchemaElement; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • enabled: boolean
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • schema: JsonSchema
      • uischema: UISchemaElement
      • visible: boolean

    Returns Element

Const MaterializedGroupLayoutRenderer

  • MaterializedGroupLayoutRenderer(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; direction: "column" | "row"; enabled: boolean; path: string; renderers: JsonFormsRendererRegistryEntry[]; schema: JsonSchema; uischema: UISchemaElement; visible: boolean }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; direction: "column" | "row"; enabled: boolean; path: string; renderers: JsonFormsRendererRegistryEntry[]; schema: JsonSchema; uischema: UISchemaElement; visible: boolean }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • direction: "column" | "row"
      • enabled: boolean
      • path: string
      • renderers: JsonFormsRendererRegistryEntry[]
      • schema: JsonSchema
      • uischema: UISchemaElement
      • visible: boolean

    Returns Element

Const MuiAutocompleteInputText

  • MuiAutocompleteInputText(props: EnumCellProps & WithClassname): Element

  • Parameters

    • props: EnumCellProps & WithClassname

    Returns Element

Const NoBorderTableCell

  • NoBorderTableCell(__namedParameters: { children: any; classes: any; otherProps: any }): Element

  • Parameters

    • __namedParameters: { children: any; classes: any; otherProps: any }
      • children: any
      • classes: any
      • otherProps: any

    Returns Element

Const NonEmptyCell

  • Parameters

    Returns Element

Const TableRows

  • TableRows(__namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; config: any; data: number; enabled: boolean; moveDown: moveDown; moveUp: moveUp; openDeleteDialog: openDeleteDialog; path: string; schema: JsonSchema; uischema: ControlElement }): Element

  • Parameters

    • __namedParameters: { cells: JsonFormsCellRendererRegistryEntry[]; config: any; data: number; enabled: boolean; moveDown: moveDown; moveUp: moveUp; openDeleteDialog: openDeleteDialog; path: string; schema: JsonSchema; uischema: ControlElement }
      • cells: JsonFormsCellRendererRegistryEntry[]
      • config: any
      • data: number
      • enabled: boolean
      • moveDown: moveDown
      • moveUp: moveUp
      • openDeleteDialog: openDeleteDialog
      • path: string
      • schema: JsonSchema
      • uischema: ControlElement

    Returns Element

Const ValidationIcon

  • ValidationIcon(__namedParameters: { classes: Record<"badge", string>; errorMessages: string; id: string }): Element

  • Parameters

    • __namedParameters: { classes: Record<"badge", string>; errorMessages: string; id: string }
      • classes: Record<"badge", string>
      • errorMessages: string
      • id: string

    Returns Element

Const controlWithoutLabel

  • controlWithoutLabel(scope: string): ControlElement

  • Parameters

    • scope: string

    Returns ControlElement

Const ctxDispatchToExpandPanelProps

  • ctxDispatchToExpandPanelProps(dispatch: Dispatch<unknown>): { moveDown: any; moveUp: any; removeItems: any }

  • Maps state to dispatch properties of an expand pandel control.

    Parameters

    • dispatch: Dispatch<unknown>

      the store's dispatch method

    Returns { moveDown: any; moveUp: any; removeItems: any }

    dispatch props of an expand panel control

    • moveDown: function
      • moveDown(path: string, toMove: number): (Anonymous function)

      • Parameters

        • path: string
        • toMove: number

        Returns (Anonymous function)

    • moveUp: function
      • moveUp(path: string, toMove: number): (Anonymous function)

      • Parameters

        • path: string
        • toMove: number

        Returns (Anonymous function)

    • removeItems: function
      • removeItems(path: string, toDelete: number[]): (Anonymous function)

      • Parameters

        • path: string
        • toDelete: number[]

        Returns (Anonymous function)

Const ctxToNonEmptyCellProps

Const findEnumSchema

  • findEnumSchema(schemas: JsonSchema[]): JsonSchema

  • Parameters

    • schemas: JsonSchema[]

    Returns JsonSchema

Const findTextSchema

  • findTextSchema(schemas: JsonSchema[]): JsonSchema

  • Parameters

    • schemas: JsonSchema[]

    Returns JsonSchema

Const generateCells

  • generateCells(Cell: React.ComponentType<OwnPropsOfNonEmptyCell | TableHeaderCellProps>, schema: JsonSchema, rowPath: string, enabled: boolean, cells?: JsonFormsCellRendererRegistryEntry[]): Element | Element[]

  • Parameters

    Returns Element | Element[]

Const getValidColumnProps

  • getValidColumnProps(scopedSchema: JsonSchema): string[]

  • Parameters

    • scopedSchema: JsonSchema

    Returns string[]

Const hasEnumAndText

  • hasEnumAndText(schemas: JsonSchema[]): boolean

  • Parameters

    • schemas: JsonSchema[]

    Returns boolean

Const hasEnumItems

  • hasEnumItems(schema: JsonSchema): boolean

  • Parameters

    • schema: JsonSchema

    Returns boolean

Const hasOneOfItems

  • hasOneOfItems(schema: JsonSchema): boolean

  • Parameters

    • schema: JsonSchema

    Returns boolean

Const isLayout

  • isLayout(uischema: UISchemaElement): uischema is Layout

  • Parameters

    • uischema: UISchemaElement

    Returns uischema is Layout

Const renderLayoutElements

  • renderLayoutElements(elements: UISchemaElement[], schema: JsonSchema, path: string, enabled: boolean, renderers?: JsonFormsRendererRegistryEntry[], cells?: JsonFormsCellRendererRegistryEntry[]): Element[]

  • Parameters

    • elements: UISchemaElement[]
    • schema: JsonSchema
    • path: string
    • enabled: boolean
    • Optional renderers: JsonFormsRendererRegistryEntry[]
    • Optional cells: JsonFormsCellRendererRegistryEntry[]

    Returns Element[]

Const withAjvProps

  • withAjvProps<P>(Component: ComponentType<AjvProps & P>): (Anonymous function)

  • Type parameters

    • P: {}

    Parameters

    • Component: ComponentType<AjvProps & P>

    Returns (Anonymous function)

Const withContextToExpandPanelProps

  • Map state to control props.

    Parameters

    Returns ComponentType<OwnPropsOfExpandPanel>

    state props for a control

Const withJsonFormsExpandPanelProps

Object literals

Const ExtendedUnwrapped

ExtendedUnwrapped: object

MaterialAutocompleteEnumControl

MaterialAutocompleteEnumControl: MaterialAutocompleteEnumControl = MaterialAutocompleteEnumControlUnwrapped

MaterialAutocompleteOneOfEnumControl

MaterialAutocompleteOneOfEnumControl: MaterialAutocompleteOneOfEnumControl = MaterialAutocompleteOneOfEnumControlUnwrapped

Const Unwrapped

Unwrapped: object

MaterialAnyOfStringOrEnumControl

MaterialAnyOfStringOrEnumControl: MaterialAnyOfStringOrEnumControl = MaterialAnyOfStringOrEnumControlUnwrapped

MaterialBooleanControl

MaterialBooleanControl: MaterialBooleanControl = MaterialBooleanControlUnwrapped

MaterialBooleanToggleControl

MaterialBooleanToggleControl: MaterialBooleanToggleControl = MaterialBooleanToggleControlUnwrapped

MaterialDateControl

MaterialDateControl: MaterialDateControl = MaterialDateControlUnwrapped

MaterialDateTimeControl

MaterialDateTimeControl: MaterialDateTimeControl = MaterialDateTimeControlUnwrapped

MaterialEnumControl

MaterialEnumControl: MaterialEnumControl = MaterialEnumControlUnwrapped

MaterialIntegerControl

MaterialIntegerControl: MaterialIntegerControl = MaterialIntegerControlUnwrapped

MaterialNativeControl

MaterialNativeControl: MaterialNativeControl = MaterialNativeControlUnwrapped

MaterialNumberControl

MaterialNumberControl: MaterialNumberControl = MaterialNumberControlUnwrapped

MaterialOneOfEnumControl

MaterialOneOfEnumControl: MaterialOneOfEnumControl = MaterialOneOfEnumControlUnwrapped

MaterialOneOfRadioGroupControl

MaterialOneOfRadioGroupControl: MaterialOneOfRadioGroupControl = MaterialOneOfRadioGroupControlUnwrapped

MaterialRadioGroupControl

MaterialRadioGroupControl: MaterialRadioGroupControl = MaterialRadioGroupControlUnwrapped

MaterialSliderControl

MaterialSliderControl: MaterialSliderControl = MaterialSliderControlUnwrapped

MaterialTextControl

MaterialTextControl: MaterialTextControl = MaterialTextControlUnwrapped

Const fixedCellSmall

fixedCellSmall: object

paddingLeft

paddingLeft: number = 0

paddingRight

paddingRight: number = 0

Const iconStyle

iconStyle: object

float

float: string = "right"

Const style

style: object

marginBottom

marginBottom: string = "10px"

Const styles

styles: object = createStyles(({ palette }: Theme) => ({badge: {color: palette.error.main}}))

fixedCell

fixedCell: object

height

height: string = "50px"

paddingLeft

paddingLeft: number = 0

paddingRight

paddingRight: number = 0

textAlign

textAlign: string = "center"

width

width: string = "150px"

fixedCellSmall

fixedCellSmall: object

height

height: string = "50px"

paddingLeft

paddingLeft: number = 0

paddingRight

paddingRight: number = 0

textAlign

textAlign: string = "center"

width

width: string = "50px"

noBottomBorder

noBottomBorder: object

borderBottom

borderBottom: string = "none"

Generated using TypeDoc