Bump version 2.13.4 and update dist files

bhch · Jan 12, 2024 · 545e9af · 545e9af
1 parent 88a1548
commit 545e9af
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 5 deletions.
diff --git a/dist/react-json-form.cjs b/dist/react-json-form.cjs
@@ -183,6 +183,31 @@ function getKey(obj, key, default_value) {
   let val = obj[key];
   return typeof val !== 'undefined' ? val : default_value;
 }
+function choicesValueTitleMap(choices) {
+  /* Returns a mapping of {value: title} for the given choices.
+   * E.g.:
+   *      Input: [{'title': 'One', 'value': 1}, 2]
+   *      Output: {1: 'One', 2: 2}
+  */
+  let map = {};
+
+  for (let i = 0; i < choices.length; i++) {
+    let choice = choices[i];
+    let value, title;
+
+    if (actualType(choice) === 'object') {
+      value = choice.value;
+      title = choice.title;
+    } else {
+      value = choice;
+      title = choice;
+    }
+
+    map[value] = title;
+  }
+
+  return map;
+}
 function valueInChoices(schema, value) {
   /* Checks whether the given value is in schema choices or not.
      If schema doesn't have choices, returns true.
@@ -1170,6 +1195,7 @@ class FormMultiSelectInput extends React__default["default"].Component {
       inputRef: this.input,
       onClick: this.toggleOptions,
       value: this.props.value,
+      options: this.props.options,
       onChange: this.handleChange,
       disabled: this.props.readOnly,
       placeholder: this.props.placeholder
@@ -1204,6 +1230,7 @@ class FormMultiSelectInputField extends React__default["default"].Component {
   }
 
   render() {
+    let valueTitleMap = choicesValueTitleMap(this.props.options);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "rjf-multiselect-field-input",
       onClick: this.props.onClick,
@@ -1212,7 +1239,7 @@ class FormMultiSelectInputField extends React__default["default"].Component {
     }, this.props.value.length ? this.props.value.map((item, index) => /*#__PURE__*/React__default["default"].createElement("span", {
       className: "rjf-multiselect-field-input-item",
       key: item + '_' + index
-    }, /*#__PURE__*/React__default["default"].createElement("span", null, item), this.props.disabled || /*#__PURE__*/React__default["default"].createElement("button", {
+    }, /*#__PURE__*/React__default["default"].createElement("span", null, valueTitleMap[item]), this.props.disabled || /*#__PURE__*/React__default["default"].createElement("button", {
       title: "Remove",
       type: "button",
       onClick: e => this.handleRemove(e, index)

diff --git a/dist/react-json-form.js b/dist/react-json-form.js
diff --git a/dist/react-json-form.modern.js b/dist/react-json-form.modern.js
@@ -177,6 +177,31 @@ function getKey(obj, key, default_value) {
   let val = obj[key];
   return typeof val !== 'undefined' ? val : default_value;
 }
+function choicesValueTitleMap(choices) {
+  /* Returns a mapping of {value: title} for the given choices.
+   * E.g.:
+   *      Input: [{'title': 'One', 'value': 1}, 2]
+   *      Output: {1: 'One', 2: 2}
+  */
+  let map = {};
+
+  for (let i = 0; i < choices.length; i++) {
+    let choice = choices[i];
+    let value, title;
+
+    if (actualType(choice) === 'object') {
+      value = choice.value;
+      title = choice.title;
+    } else {
+      value = choice;
+      title = choice;
+    }
+
+    map[value] = title;
+  }
+
+  return map;
+}
 function valueInChoices(schema, value) {
   /* Checks whether the given value is in schema choices or not.
      If schema doesn't have choices, returns true.
@@ -1164,6 +1189,7 @@ class FormMultiSelectInput extends React$1.Component {
       inputRef: this.input,
       onClick: this.toggleOptions,
       value: this.props.value,
+      options: this.props.options,
       onChange: this.handleChange,
       disabled: this.props.readOnly,
       placeholder: this.props.placeholder
@@ -1198,6 +1224,7 @@ class FormMultiSelectInputField extends React$1.Component {
   }
 
   render() {
+    let valueTitleMap = choicesValueTitleMap(this.props.options);
     return /*#__PURE__*/React$1.createElement("div", {
       className: "rjf-multiselect-field-input",
       onClick: this.props.onClick,
@@ -1206,7 +1233,7 @@ class FormMultiSelectInputField extends React$1.Component {
     }, this.props.value.length ? this.props.value.map((item, index) => /*#__PURE__*/React$1.createElement("span", {
       className: "rjf-multiselect-field-input-item",
       key: item + '_' + index
-    }, /*#__PURE__*/React$1.createElement("span", null, item), this.props.disabled || /*#__PURE__*/React$1.createElement("button", {
+    }, /*#__PURE__*/React$1.createElement("span", null, valueTitleMap[item]), this.props.disabled || /*#__PURE__*/React$1.createElement("button", {
       title: "Remove",
       type: "button",
       onClick: e => this.handleRemove(e, index)

diff --git a/dist/react-json-form.module.js b/dist/react-json-form.module.js
@@ -177,6 +177,31 @@ function getKey(obj, key, default_value) {
   let val = obj[key];
   return typeof val !== 'undefined' ? val : default_value;
 }
+function choicesValueTitleMap(choices) {
+  /* Returns a mapping of {value: title} for the given choices.
+   * E.g.:
+   *      Input: [{'title': 'One', 'value': 1}, 2]
+   *      Output: {1: 'One', 2: 2}
+  */
+  let map = {};
+
+  for (let i = 0; i < choices.length; i++) {
+    let choice = choices[i];
+    let value, title;
+
+    if (actualType(choice) === 'object') {
+      value = choice.value;
+      title = choice.title;
+    } else {
+      value = choice;
+      title = choice;
+    }
+
+    map[value] = title;
+  }
+
+  return map;
+}
 function valueInChoices(schema, value) {
   /* Checks whether the given value is in schema choices or not.
      If schema doesn't have choices, returns true.
@@ -1164,6 +1189,7 @@ class FormMultiSelectInput extends React$1.Component {
       inputRef: this.input,
       onClick: this.toggleOptions,
       value: this.props.value,
+      options: this.props.options,
       onChange: this.handleChange,
       disabled: this.props.readOnly,
       placeholder: this.props.placeholder
@@ -1198,6 +1224,7 @@ class FormMultiSelectInputField extends React$1.Component {
   }
 
   render() {
+    let valueTitleMap = choicesValueTitleMap(this.props.options);
     return /*#__PURE__*/React$1.createElement("div", {
       className: "rjf-multiselect-field-input",
       onClick: this.props.onClick,
@@ -1206,7 +1233,7 @@ class FormMultiSelectInputField extends React$1.Component {
     }, this.props.value.length ? this.props.value.map((item, index) => /*#__PURE__*/React$1.createElement("span", {
       className: "rjf-multiselect-field-input-item",
       key: item + '_' + index
-    }, /*#__PURE__*/React$1.createElement("span", null, item), this.props.disabled || /*#__PURE__*/React$1.createElement("button", {
+    }, /*#__PURE__*/React$1.createElement("span", null, valueTitleMap[item]), this.props.disabled || /*#__PURE__*/React$1.createElement("button", {
       title: "Remove",
       type: "button",
       onClick: e => this.handleRemove(e, index)

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bhch/react-json-form",
-  "version": "2.13.3",
+  "version": "2.13.4",
   "description": "Create forms using JSON Schema",
   "publishConfig": {
     "access": "public"