@jsonforms/core 3.0.0-beta.5 → 3.0.0-rc.0

package/lib/models/uischema.d.ts

@@ -22,7 +22,7 @@ export interface Scoped extends Scopable {
 /**
  * Interface for describing an UI schema element that may be labeled.
  */
-export interface Lableable<T = string> {
+export interface Labelable<T = string> {
     /**
      * Label for UI schema element.
      */
@@ -31,7 +31,7 @@ export interface Lableable<T = string> {
 /**
  * Interface for describing an UI schema element that is labeled.
  */
-export interface Labeled<T = string> extends Lableable<T> {
+export interface Labeled<T = string> extends Labelable<T> {
     label: string | T;
 }
 export interface Internationalizable {
@@ -157,7 +157,7 @@ export interface HorizontalLayout extends Layout {
  * A group resembles a vertical layout, but additionally might have a label.
  * This layout is useful when grouping different elements by a certain criteria.
  */
-export interface GroupLayout extends Layout, Lableable {
+export interface GroupLayout extends Layout, Labelable {
     type: 'Group';
 }
 /**
@@ -176,7 +176,7 @@ export interface LabelDescription {
 /**
  * A label element.
  */
-export interface LabelElement extends UISchemaElement {
+export interface LabelElement extends UISchemaElement, Internationalizable {
     type: 'Label';
     /**
      * The text of label.
@@ -187,7 +187,7 @@ export interface LabelElement extends UISchemaElement {
  * A control element. The scope property of the control determines
  * to which part of the schema the control should be bound.
  */
-export interface ControlElement extends UISchemaElement, Scoped, Lableable<string | boolean | LabelDescription>, Internationalizable {
+export interface ControlElement extends UISchemaElement, Scoped, Labelable<string | boolean | LabelDescription>, Internationalizable {
     type: 'Control';
 }
 /**
@@ -214,5 +214,5 @@ export declare const isGroup: (layout: Layout) => layout is GroupLayout;
 export declare const isLayout: (uischema: UISchemaElement) => uischema is Layout;
 export declare const isScopable: (obj: unknown) => obj is Scopable;
 export declare const isScoped: (obj: unknown) => obj is Scoped;
-export declare const isLabelable: (obj: unknown) => obj is Lableable<string>;
-export declare const isLabeled: (obj: unknown) => obj is Labeled<string>;
+export declare const isLabelable: (obj: unknown) => obj is Labelable<string>;
+export declare const isLabeled: <T = never>(obj: unknown) => obj is Labeled<T>;

package/lib/reducers/i18n.d.ts

@@ -1,7 +1,7 @@
 import { JsonFormsI18nState } from '../i18n';
 import { I18nActions } from '../actions';
 import { Reducer } from '../util';
-export declare const defaultJsonFormsI18nState: JsonFormsI18nState;
+export declare const defaultJsonFormsI18nState: Required<JsonFormsI18nState>;
 export declare const i18nReducer: Reducer<JsonFormsI18nState, I18nActions>;
 export declare const fetchLocale: (state?: JsonFormsI18nState) => string;
 export declare const fetchTranslator: (state?: JsonFormsI18nState) => import("../i18n").Translator;

package/lib/testers/testers.d.ts

@@ -9,11 +9,20 @@ export declare const NOT_APPLICABLE = -1;
  * A tester is a function that receives an UI schema and a JSON schema and returns a boolean.
  * The rootSchema is handed over as context. Can be used to resolve references.
  */
-export declare type Tester = (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema) => boolean;
+export declare type Tester = (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => boolean;
 /**
  * A ranked tester associates a tester with a number.
  */
-export declare type RankedTester = (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema) => number;
+export declare type RankedTester = (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => number;
+/**
+ * Additional context given to a tester in addition to UISchema and JsonSchema.
+ */
+export interface TesterContext {
+    /** The root JsonSchema of the form. Can be used to resolve references. */
+    rootSchema: JsonSchema;
+    /** The form wide configuration object given to JsonForms. */
+    config: any;
+}
 export declare const isControl: (uischema: any) => uischema is ControlElement;
 /**
  * Only applicable for Controls.
@@ -97,8 +106,8 @@ export declare const or: (...testers: Tester[]) => Tester;
  * @param {number} rank the rank to be returned in case the tester returns true
  * @param {Tester} tester a tester
  */
-export declare const rankWith: (rank: number, tester: Tester) => (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema) => number;
-export declare const withIncreasedRank: (by: number, rankedTester: RankedTester) => (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema) => number;
+export declare const rankWith: (rank: number, tester: Tester) => (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => number;
+export declare const withIncreasedRank: (by: number, rankedTester: RankedTester) => (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => number;
 /**
  * Default tester for boolean.
  * @type {RankedTester}
@@ -173,7 +182,7 @@ export declare const isObjectArray: Tester;
  * @type {Tester}
  */
 export declare const isObjectArrayControl: Tester;
-export declare const isObjectArrayWithNesting: (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema) => boolean;
+export declare const isObjectArrayWithNesting: (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => boolean;
 /**
  * Synonym for isObjectArrayControl
  */
@@ -193,7 +202,7 @@ export declare const isPrimitiveArrayControl: Tester;
 export declare const isRangeControl: Tester;
 /**
  * Tests whether the given UI schema is of type Control, if the schema
- * is of type string and has option format
+ * is of type integer and has option format
  * @type {Tester}
  */
 export declare const isNumberFormatControl: Tester;

package/lib/util/renderer.d.ts

@@ -1,4 +1,4 @@
-import { ControlElement, JsonSchema, UISchemaElement } from '../models';
+import { ControlElement, JsonSchema, LabelElement, UISchemaElement } from '../models';
 import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry } from '../reducers';
 import { JsonFormsUISchemaRegistryEntry } from '../reducers';
 import { RankedTester } from '../testers';
@@ -82,6 +82,9 @@ export interface OwnPropsOfControl extends OwnPropsOfRenderer {
     id?: string;
     uischema?: ControlElement;
 }
+export interface OwnPropsOfLabel extends OwnPropsOfRenderer {
+    uischema?: LabelElement;
+}
 export interface OwnPropsOfEnum {
     options?: EnumOption[];
 }
@@ -202,6 +205,7 @@ export interface StatePropsOfLayout extends StatePropsOfRenderer {
      * Direction for the layout to flow
      */
     direction: 'row' | 'column';
+    label?: string;
 }
 export interface LayoutProps extends StatePropsOfLayout {
 }
@@ -348,6 +352,7 @@ export interface OwnPropsOfJsonFormsRenderer extends OwnPropsOfRenderer {
 }
 export interface StatePropsOfJsonFormsRenderer extends OwnPropsOfJsonFormsRenderer {
     rootSchema: JsonSchema;
+    config: any;
 }
 export interface JsonFormsProps extends StatePropsOfJsonFormsRenderer {
 }
@@ -396,3 +401,15 @@ export declare const mapStateToArrayLayoutProps: (state: JsonFormsState, ownProp
  */
 export interface ArrayLayoutProps extends StatePropsOfArrayLayout, DispatchPropsOfArrayControl {
 }
+export interface StatePropsOfLabel extends StatePropsOfRenderer {
+    text?: string;
+}
+export interface LabelProps extends StatePropsOfLabel {
+}
+export declare const mapStateToLabelProps: (state: JsonFormsState, props: OwnPropsOfLabel) => {
+    text: string;
+    visible: boolean;
+    config: any;
+    renderers: JsonFormsRendererRegistryEntry[];
+    cells: JsonFormsCellRendererRegistryEntry[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonforms/core",
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-rc.0",
   "description": "Core module of JSON Forms",
   "repository": "https://github.com/eclipsesource/jsonforms",
   "bugs": "https://github.com/eclipsesource/jsonforms/issues",
@@ -88,5 +88,5 @@
     "typedoc": "^0.19.2",
     "typescript": "4.2.3"
   },
-  "gitHead": "b66023cf081e56baa3194ac3d6658e23fd267bf9"
+  "gitHead": "5ef030e8b3f91bcdc3e6b8d232a0b191bf1195ce"
 }

package/src/i18n/i18nUtil.ts

@@ -1,12 +1,12 @@
 import { ErrorObject } from 'ajv';
-import { isInternationalized, UISchemaElement } from '../models';
+import { isInternationalized, Labelable, UISchemaElement } from '../models';
 import { getControlPath } from '../reducers';
 import { formatErrorMessage } from '../util';
 import { i18nJsonSchema, ErrorTranslator, Translator } from './i18nTypes';
 
 export const getI18nKeyPrefixBySchema = (
   schema: i18nJsonSchema | undefined,
-  uischema: UISchemaElement | undefined
+  uischema: unknown | undefined
 ): string | undefined => {
   if (isInternationalized(uischema)) {
     return uischema.i18n;
@@ -18,7 +18,7 @@ export const getI18nKeyPrefixBySchema = (
  * Transforms a given path to a prefix which can be used for i18n keys.
  * Returns 'root' for empty paths and removes array indices
  */
-export const transformPathToI18nPrefix = (path: string) => {
+export const transformPathToI18nPrefix = (path: string): string => {
   return (
     path
       ?.split('.')
@@ -29,9 +29,9 @@ export const transformPathToI18nPrefix = (path: string) => {
 
 export const getI18nKeyPrefix = (
   schema: i18nJsonSchema | undefined,
-  uischema: UISchemaElement | undefined,
+  uischema: unknown | undefined,
   path: string | undefined
-): string | undefined => {
+): string => {
   return (
     getI18nKeyPrefixBySchema(schema, uischema) ??
     transformPathToI18nPrefix(path)
@@ -40,10 +40,10 @@ export const getI18nKeyPrefix = (
 
 export const getI18nKey = (
   schema: i18nJsonSchema | undefined,
-  uischema: UISchemaElement | undefined,
+  uischema: unknown | undefined,
   path: string | undefined,
   key: string
-): string | undefined => {
+): string => {
   return `${getI18nKeyPrefix(schema, uischema, path)}.${key}`;
 };
 
@@ -106,3 +106,20 @@ export const getCombinedErrorMessage = (
     errors.map(error => et(error, t, uischema))
   );
 };
+
+/**
+ * This can be used to internationalize the label of the given Labelable (e.g. UI Schema elements).
+ * This should not be used for controls as there we have additional context in the form of the JSON Schema available.
+ */
+export const deriveLabelForUISchemaElement = (uischema: Labelable<boolean>, t: Translator): string | undefined => {
+  if (uischema.label === false) {
+    return undefined;
+  }
+  if ((uischema.label === undefined || uischema.label === null || uischema.label === true) && !isInternationalized(uischema)) {
+    return undefined;
+  }
+  const stringifiedLabel = typeof uischema.label === 'string' ? uischema.label : JSON.stringify(uischema.label);
+  const i18nKeyPrefix = getI18nKeyPrefixBySchema(undefined, uischema);
+  const i18nKey = typeof i18nKeyPrefix === 'string' ? `${i18nKeyPrefix}.label` : stringifiedLabel;
+  return t(i18nKey, stringifiedLabel, { uischema: uischema });
+}

package/src/models/uischema.ts

@@ -50,7 +50,7 @@ export interface Scoped extends Scopable {
 /**
  * Interface for describing an UI schema element that may be labeled.
  */
-export interface Lableable<T = string> {
+export interface Labelable<T = string> {
   /**
    * Label for UI schema element.
    */
@@ -60,7 +60,7 @@ export interface Lableable<T = string> {
 /**
  * Interface for describing an UI schema element that is labeled.
  */
-export interface Labeled<T = string> extends Lableable<T> {
+export interface Labeled<T = string> extends Labelable<T> {
   label: string | T;
 }
 
@@ -207,7 +207,7 @@ export interface HorizontalLayout extends Layout {
  * A group resembles a vertical layout, but additionally might have a label.
  * This layout is useful when grouping different elements by a certain criteria.
  */
-export interface GroupLayout extends Layout, Lableable {
+export interface GroupLayout extends Layout, Labelable {
   type: 'Group';
 }
 
@@ -228,7 +228,7 @@ export interface LabelDescription {
 /**
  * A label element.
  */
-export interface LabelElement extends UISchemaElement {
+export interface LabelElement extends UISchemaElement, Internationalizable {
   type: 'Label';
   /**
    * The text of label.
@@ -240,7 +240,7 @@ export interface LabelElement extends UISchemaElement {
  * A control element. The scope property of the control determines
  * to which part of the schema the control should be bound.
  */
-export interface ControlElement extends UISchemaElement, Scoped, Lableable<string | boolean | LabelDescription>, Internationalizable {
+export interface ControlElement extends UISchemaElement, Scoped, Labelable<string | boolean | LabelDescription>, Internationalizable {
   type: 'Control';
 }
 
@@ -280,8 +280,8 @@ export const isScopable = (obj: unknown): obj is Scopable =>
 export const isScoped = (obj: unknown): obj is Scoped =>
   isScopable(obj) && typeof obj.scope === 'string';
 
-export const isLabelable = (obj: unknown): obj is Lableable =>
+export const isLabelable = (obj: unknown): obj is Labelable =>
   obj && typeof obj === 'object';
 
-export const isLabeled = (obj: unknown): obj is Labeled =>
-  isLabelable(obj) && ['string', 'object'].includes(typeof obj.label);
+export const isLabeled = <T = never>(obj: unknown): obj is Labeled<T> =>
+  isLabelable(obj) && ['string', 'boolean'].includes(typeof obj.label);

package/src/reducers/i18n.ts

@@ -27,7 +27,7 @@ import { defaultErrorTranslator, defaultTranslator, JsonFormsI18nState } from '.
 import { I18nActions, SET_LOCALE, SET_TRANSLATOR, UPDATE_I18N } from '../actions';
 import { Reducer } from '../util';
 
-export const defaultJsonFormsI18nState: JsonFormsI18nState = {
+export const defaultJsonFormsI18nState: Required<JsonFormsI18nState> = {
   locale: 'en',
   translate: defaultTranslator,
   translateError: defaultErrorTranslator

package/src/testers/testers.ts

@@ -49,7 +49,7 @@ export const NOT_APPLICABLE = -1;
  * A tester is a function that receives an UI schema and a JSON schema and returns a boolean.
  * The rootSchema is handed over as context. Can be used to resolve references.
  */
-export type Tester = (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema) => boolean;
+export type Tester = (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => boolean;
 
 /**
  * A ranked tester associates a tester with a number.
@@ -57,9 +57,19 @@ export type Tester = (uischema: UISchemaElement, schema: JsonSchema, rootSchema:
 export type RankedTester = (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
+  context: TesterContext
 ) => number;
 
+/**
+ * Additional context given to a tester in addition to UISchema and JsonSchema.
+ */
+export interface TesterContext {
+  /** The root JsonSchema of the form. Can be used to resolve references. */
+  rootSchema: JsonSchema;
+  /** The form wide configuration object given to JsonForms. */
+  config: any;
+}
+
 export const isControl = (uischema: any): uischema is ControlElement =>
   !isEmpty(uischema) && uischema.scope !== undefined;
 
@@ -75,7 +85,7 @@ export const isControl = (uischema: any): uischema is ControlElement =>
  */
 export const schemaMatches = (
   predicate: (schema: JsonSchema, rootSchema: JsonSchema) => boolean
-): Tester => (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema): boolean => {
+): Tester => (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext): boolean => {
   if (isEmpty(uischema) || !isControl(uischema)) {
     return false;
   }
@@ -88,26 +98,26 @@ export const schemaMatches = (
   }
   let currentDataSchema = schema;
   if (hasType(schema, 'object')) {
-    currentDataSchema = resolveSchema(schema, schemaPath, rootSchema);
+    currentDataSchema = resolveSchema(schema, schemaPath, context?.rootSchema);
   }
   if (currentDataSchema === undefined) {
     return false;
   }
 
-  return predicate(currentDataSchema, rootSchema);
+  return predicate(currentDataSchema, context?.rootSchema);
 };
 
 export const schemaSubPathMatches = (
   subPath: string,
   predicate: (schema: JsonSchema, rootSchema: JsonSchema) => boolean
-): Tester => (uischema: UISchemaElement, schema: JsonSchema, rootSchema: JsonSchema): boolean => {
+): Tester => (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext): boolean => {
   if (isEmpty(uischema) || !isControl(uischema)) {
     return false;
   }
   const schemaPath = uischema.scope;
   let currentDataSchema: JsonSchema = schema;
   if (hasType(schema, 'object')) {
-    currentDataSchema = resolveSchema(schema, schemaPath, rootSchema);
+    currentDataSchema = resolveSchema(schema, schemaPath, context?.rootSchema);
   }
   currentDataSchema = get(currentDataSchema, subPath);
 
@@ -115,7 +125,7 @@ export const schemaSubPathMatches = (
     return false;
   }
 
-  return predicate(currentDataSchema, rootSchema);
+  return predicate(currentDataSchema, context?.rootSchema);
 };
 
 /**
@@ -218,8 +228,8 @@ export const scopeEndIs = (expected: string): Tester => (
 export const and = (...testers: Tester[]): Tester => (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
-) => testers.reduce((acc, tester) => acc && tester(uischema, schema, rootSchema), true);
+  context: TesterContext
+) => testers.reduce((acc, tester) => acc && tester(uischema, schema, context), true);
 
 /**
  * A tester that allow composing other testers by || them.
@@ -229,8 +239,8 @@ export const and = (...testers: Tester[]): Tester => (
 export const or = (...testers: Tester[]): Tester => (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
-) => testers.reduce((acc, tester) => acc || tester(uischema, schema, rootSchema), false);
+  context: TesterContext
+) => testers.reduce((acc, tester) => acc || tester(uischema, schema, context), false);
 /**
  * Create a ranked tester that will associate a number with a given tester, if the
  * latter returns true.
@@ -241,9 +251,9 @@ export const or = (...testers: Tester[]): Tester => (
 export const rankWith = (rank: number, tester: Tester) => (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
+  context: TesterContext
 ): number => {
-  if (tester(uischema, schema, rootSchema)) {
+  if (tester(uischema, schema, context)) {
     return rank;
   }
 
@@ -253,9 +263,9 @@ export const rankWith = (rank: number, tester: Tester) => (
 export const withIncreasedRank = (by: number, rankedTester: RankedTester) => (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
+  context: TesterContext
 ): number => {
-  const rank = rankedTester(uischema, schema, rootSchema);
+  const rank = rankedTester(uischema, schema, context);
   if (rank === NOT_APPLICABLE) {
     return NOT_APPLICABLE;
   }
@@ -438,13 +448,13 @@ const traverse = (
 export const isObjectArrayWithNesting = (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
+  context: TesterContext
 ): boolean => {
-  if (!uiTypeIs('Control')(uischema, schema, rootSchema)) {
+  if (!uiTypeIs('Control')(uischema, schema, context)) {
     return false;
   }
   const schemaPath = (uischema as ControlElement).scope;
-  const resolvedSchema = resolveSchema(schema, schemaPath, rootSchema ?? schema);
+  const resolvedSchema = resolveSchema(schema, schemaPath, context?.rootSchema ?? schema);
   let objectDepth = 0;
   if (resolvedSchema !== undefined && resolvedSchema.items !== undefined) {
     // check if nested arrays
@@ -466,7 +476,7 @@ export const isObjectArrayWithNesting = (
           return true;
         }
         return false;
-      }, rootSchema)
+      }, context?.rootSchema)
     ) {
       return true;
     }
@@ -532,7 +542,7 @@ export const isRangeControl = and(
 
 /**
  * Tests whether the given UI schema is of type Control, if the schema
- * is of type string and has option format
+ * is of type integer and has option format
  * @type {Tester}
  */
 export const isNumberFormatControl = and(
@@ -566,6 +576,6 @@ export const categorizationHasCategory = (uischema: UISchemaElement) =>
 export const not = (tester: Tester): Tester => (
   uischema: UISchemaElement,
   schema: JsonSchema,
-  rootSchema: JsonSchema
+  context: TesterContext
 
-) => !tester(uischema, schema, rootSchema);
+) => !tester(uischema, schema, context);

package/src/util/renderer.ts

@@ -24,7 +24,7 @@
 */
 
 import get from 'lodash/get';
-import { ControlElement, JsonSchema, UISchemaElement } from '../models';
+import { ControlElement, isLabelable, JsonSchema, LabelElement, UISchemaElement } from '../models';
 import find from 'lodash/find';
 import {
   getUISchemas,
@@ -32,7 +32,6 @@ import {
   JsonFormsRendererRegistryEntry,
 } from '../reducers';
 import {
-  findUISchema,
   getAjv,
   getCells,
   getConfig,
@@ -57,7 +56,7 @@ import { composePaths, composeWithUi } from './path';
 import { CoreActions, update } from '../actions';
 import { ErrorObject } from 'ajv';
 import { JsonFormsState } from '../store';
-import { getCombinedErrorMessage, getI18nKey, getI18nKeyPrefix, Translator } from '../i18n';
+import { deriveLabelForUISchemaElement, getCombinedErrorMessage, getI18nKey, getI18nKeyPrefix, getI18nKeyPrefixBySchema, Translator } from '../i18n';
 
 const isRequired = (
   schema: JsonSchema,
@@ -255,6 +254,10 @@ export interface OwnPropsOfControl extends OwnPropsOfRenderer {
   uischema?: ControlElement;
 }
 
+export interface OwnPropsOfLabel extends OwnPropsOfRenderer {
+  uischema?: LabelElement;
+}
+
 export interface OwnPropsOfEnum {
   options?: EnumOption[];
 }
@@ -398,6 +401,7 @@ export interface StatePropsOfLayout extends StatePropsOfRenderer {
    * Direction for the layout to flow
    */
   direction: 'row' | 'column';
+  label?: string;
 }
 
 export interface LayoutProps extends StatePropsOfLayout {}
@@ -857,6 +861,10 @@ export const mapStateToLayoutProps = (
     config
   );
 
+  // some layouts have labels which might need to be translated
+  const t = getTranslator()(state);
+  const label = isLabelable(uischema) ? deriveLabelForUISchemaElement(uischema, t) : undefined;
+
   return {
     ...layoutDefaultProps,
     renderers: ownProps.renderers || getRenderers(state),
@@ -868,7 +876,8 @@ export const mapStateToLayoutProps = (
     uischema: ownProps.uischema,
     schema: ownProps.schema,
     direction: ownProps.direction ?? getDirection(uischema),
-    config
+    config,
+    label
   };
 };
 
@@ -879,6 +888,7 @@ export interface OwnPropsOfJsonFormsRenderer extends OwnPropsOfRenderer {}
 export interface StatePropsOfJsonFormsRenderer
   extends OwnPropsOfJsonFormsRenderer {
   rootSchema: JsonSchema;
+  config: any;
 }
 
 export interface JsonFormsProps extends StatePropsOfJsonFormsRenderer {}
@@ -887,30 +897,15 @@ export const mapStateToJsonFormsRendererProps = (
   state: JsonFormsState,
   ownProps: OwnPropsOfJsonFormsRenderer
 ): StatePropsOfJsonFormsRenderer => {
-  let uischema = ownProps.uischema;
-  if (uischema === undefined) {
-    if (ownProps.schema) {
-      uischema = findUISchema(
-        state.jsonforms.uischemas,
-        ownProps.schema,
-        undefined,
-        ownProps.path,
-        undefined,
-        undefined,
-        state.jsonforms.core.schema
-      );
-    } else {
-      uischema = getUiSchema(state);
-    }
-  }
-
   return {
-    renderers: ownProps.renderers || get(state.jsonforms, 'renderers') || [],
-    cells: ownProps.cells || get(state.jsonforms, 'cells') || [],
+    renderers: ownProps.renderers || get(state.jsonforms, 'renderers'),
+    cells: ownProps.cells || get(state.jsonforms, 'cells'),
     schema: ownProps.schema || getSchema(state),
     rootSchema: getSchema(state),
-    uischema: uischema,
-    path: ownProps.path
+    uischema: ownProps.uischema || getUiSchema(state),
+    path: ownProps.path,
+    enabled: ownProps.enabled,
+    config: getConfig(state)
   };
 };
 
@@ -1064,3 +1059,35 @@ export const mapStateToArrayLayoutProps = (
 export interface ArrayLayoutProps
   extends StatePropsOfArrayLayout,
     DispatchPropsOfArrayControl {}
+
+export interface StatePropsOfLabel extends StatePropsOfRenderer {
+  text?: string;
+}
+export interface LabelProps extends StatePropsOfLabel{
+}
+
+export const mapStateToLabelProps = (
+  state: JsonFormsState,
+  props: OwnPropsOfLabel
+) => {
+  const { uischema } = props;
+
+  const visible: boolean =
+    props.visible === undefined || hasShowRule(uischema)
+      ? isVisible(props.uischema, getData(state), props.path, getAjv(state))
+      : props.visible;
+
+  const text = uischema.text;
+  const t = getTranslator()(state);
+  const i18nKeyPrefix = getI18nKeyPrefixBySchema(undefined, uischema);
+  const i18nKey = i18nKeyPrefix ? `${i18nKeyPrefix}.text` : text ?? '';
+  const i18nText = t(i18nKey, text, { uischema });
+  
+  return {
+    text: i18nText,
+    visible,
+    config: getConfig(state),
+    renderers: props.renderers || getRenderers(state),
+    cells: props.cells || getCells(state),
+  }
+}