@jsonforms/core 3.1.0-beta.1 → 3.1.1-alpha.0

package/lib/util/renderer.d.ts

@@ -6,7 +6,7 @@ import type { AnyAction, Dispatch } from './type';
 import { CoreActions } from '../actions';
 import type { ErrorObject } from 'ajv';
 import type { JsonFormsState } from '../store';
-import { Translator } from '../i18n';
+import { Translator, CombinatorTranslations } from '../i18n';
 import { ArrayTranslations } from '../i18n/arrayTranslations';
 /**
  * Adds an asterisk to the given label string based
@@ -375,6 +375,7 @@ export interface StatePropsOfCombinator extends StatePropsOfControl {
     indexOfFittingSchema: number;
     uischemas: JsonFormsUISchemaRegistryEntry[];
     data: any;
+    translations: CombinatorTranslations;
 }
 export declare const mapStateToCombinatorRendererProps: (state: JsonFormsState, ownProps: OwnPropsOfControl, keyword: CombinatorKeyword) => StatePropsOfCombinator;
 export interface CombinatorRendererProps extends StatePropsOfCombinator, DispatchPropsOfControl {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonforms/core",
-  "version": "3.1.0-beta.1",
+  "version": "3.1.1-alpha.0",
   "description": "Core module of JSON Forms",
   "repository": "https://github.com/eclipsesource/jsonforms",
   "bugs": "https://github.com/eclipsesource/jsonforms/issues",
@@ -44,7 +44,7 @@
     "report": "nyc report --reporter=html",
     "test": "cross-env TS_NODE_COMPILER_OPTIONS={\\\"module\\\":\\\"commonjs\\\",\\\"target\\\":\\\"es5\\\"} ava",
     "test-cov": "rimraf -rf .nyc_output && cross-env TS_NODE_COMPILER_OPTIONS={\\\"module\\\":\\\"commonjs\\\",\\\"target\\\":\\\"es5\\\"} nyc ava",
-    "doc": "typedoc --name 'JSON Forms Core' --mode file --excludeExternals --theme ../../typedoc-jsonforms --out docs src"
+    "doc": "typedoc --name 'JSON Forms Core' --excludeExternals --theme ../../typedoc-jsonforms --out docs src"
   },
   "ava": {
     "files": [
@@ -69,7 +69,7 @@
     "@types/json-schema": "^7.0.3",
     "ajv": "^8.6.1",
     "ajv-formats": "^2.1.0",
-    "lodash": "^4.17.15"
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
     "@istanbuljs/nyc-config-typescript": "^1.0.2",
@@ -83,7 +83,7 @@
     "eslint-config-prettier": "^8.7.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-prettier": "^4.2.1",
-    "jsdom": "^15.2.1",
+    "jsdom": "^22.0.0",
     "jsdom-global": "^3.0.2",
     "nyc": "^15.1.0",
     "prettier": "^2.8.4",
@@ -92,12 +92,13 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.78.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-typescript2": "^0.31.1",
+    "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-visualizer": "^5.4.1",
     "source-map-support": "0.5.16",
     "ts-node": "^10.4.0",
-    "typedoc": "^0.19.2",
+    "tslib": "^2.5.0",
+    "typedoc": "~0.21.9",
     "typescript": "4.2.3"
   },
-  "gitHead": "e6f75251a80586729dacf3f32278b33825b293f5"
+  "gitHead": "071b32056d62e9548fb2b300a3a173cdbcb5b69a"
 }

package/src/i18n/combinatorTranslations.ts

@@ -0,0 +1,28 @@
+export interface CombinatorDefaultTranslation {
+  key: CombinatorTranslationEnum;
+  default: (variable?: string) => string;
+}
+
+export enum CombinatorTranslationEnum {
+  clearDialogTitle = 'clearDialogTitle',
+  clearDialogMessage = 'clearDialogMessage',
+  clearDialogAccept = 'clearDialogAccept',
+  clearDialogDecline = 'clearDialogDecline',
+}
+
+export type CombinatorTranslations = {
+  [key in CombinatorTranslationEnum]?: string;
+};
+
+export const combinatorDefaultTranslations: CombinatorDefaultTranslation[] = [
+  {
+    key: CombinatorTranslationEnum.clearDialogTitle,
+    default: () => 'Clear form?',
+  },
+  {
+    key: CombinatorTranslationEnum.clearDialogMessage,
+    default: () => 'Your data will be cleared. Do you want to proceed?',
+  },
+  { key: CombinatorTranslationEnum.clearDialogAccept, default: () => 'Yes' },
+  { key: CombinatorTranslationEnum.clearDialogDecline, default: () => 'No' },
+];

package/src/i18n/i18nUtil.ts

@@ -7,6 +7,10 @@ import {
   ArrayDefaultTranslation,
   ArrayTranslations,
 } from './arrayTranslations';
+import {
+  CombinatorDefaultTranslation,
+  CombinatorTranslations,
+} from './combinatorTranslations';
 
 export const getI18nKeyPrefixBySchema = (
   schema: i18nJsonSchema | undefined,
@@ -173,3 +177,17 @@ export const getArrayTranslations = (
   });
   return translations;
 };
+
+export const getCombinatorTranslations = (
+  t: Translator,
+  defaultTranslations: CombinatorDefaultTranslation[],
+  i18nKeyPrefix: string,
+  label: string
+): CombinatorTranslations => {
+  const translations: CombinatorTranslations = {};
+  defaultTranslations.forEach((controlElement) => {
+    const key = addI18nKeyToPrefix(i18nKeyPrefix, controlElement.key);
+    translations[controlElement.key] = t(key, controlElement.default(label));
+  });
+  return translations;
+};

package/src/i18n/index.ts

@@ -1,3 +1,4 @@
 export * from './i18nTypes';
 export * from './i18nUtil';
 export * from './arrayTranslations';
+export * from './combinatorTranslations';

package/src/reducers/core.ts

@@ -25,6 +25,7 @@
 
 import cloneDeep from 'lodash/cloneDeep';
 import setFp from 'lodash/fp/set';
+import unsetFp from 'lodash/fp/unset';
 import get from 'lodash/get';
 import filter from 'lodash/filter';
 import isEqual from 'lodash/isEqual';
@@ -285,11 +286,19 @@ export const coreReducer: Reducer<JsonFormsCore, CoreActions> = (
       } else {
         const oldData: any = get(state.data, action.path);
         const newData = action.updater(cloneDeep(oldData));
-        const newState: any = setFp(
-          action.path,
-          newData,
-          state.data === undefined ? {} : state.data
-        );
+        let newState: any;
+        if (newData !== undefined) {
+          newState = setFp(
+            action.path,
+            newData,
+            state.data === undefined ? {} : state.data
+          );
+        } else {
+          newState = unsetFp(
+            action.path,
+            state.data === undefined ? {} : state.data
+          );
+        }
         const errors = validate(state.validator, newState);
         return {
           ...state,

package/src/util/renderer.ts

@@ -70,6 +70,9 @@ import {
   getI18nKeyPrefixBySchema,
   getArrayTranslations,
   Translator,
+  CombinatorTranslations,
+  getCombinatorTranslations,
+  combinatorDefaultTranslations,
 } from '../i18n';
 import {
   arrayDefaultTranslations,
@@ -970,6 +973,7 @@ export interface StatePropsOfCombinator extends StatePropsOfControl {
   indexOfFittingSchema: number;
   uischemas: JsonFormsUISchemaRegistryEntry[];
   data: any;
+  translations: CombinatorTranslations;
 }
 
 export const mapStateToCombinatorRendererProps = (
@@ -977,12 +981,17 @@ export const mapStateToCombinatorRendererProps = (
   ownProps: OwnPropsOfControl,
   keyword: CombinatorKeyword
 ): StatePropsOfCombinator => {
-  const { data, schema, rootSchema, ...props } = mapStateToControlProps(
-    state,
-    ownProps
-  );
+  const { data, schema, rootSchema, i18nKeyPrefix, label, ...props } =
+    mapStateToControlProps(state, ownProps);
 
   const ajv = state.jsonforms.core.ajv;
+  const t = getTranslator()(state);
+  const translations = getCombinatorTranslations(
+    t,
+    combinatorDefaultTranslations,
+    i18nKeyPrefix,
+    label
+  );
   const structuralKeywords = [
     'required',
     'additionalProperties',
@@ -1025,8 +1034,11 @@ export const mapStateToCombinatorRendererProps = (
     schema,
     rootSchema,
     ...props,
+    i18nKeyPrefix,
+    label,
     indexOfFittingSchema,
     uischemas: getUISchemas(state),
+    translations,
   };
 };