@k-int/stripes-kint-components 4.7.2 → 5.0.0

package/es/lib/CustomProperties/Edit/CustomPropertyField.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,34 +11,43 @@ var _components = require("@folio/stripes/components");
 var CUSTOM_PROPERTY_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
 var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CustomPropertyField = _ref => {
-  let {
-    availableCustomProperties,
-    customProperty,
-    customPropertyType,
-    customProperties,
-    index,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name,
-    onChange,
-    value,
-    setCustomProperties
-  } = _ref;
-  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var CustomPropertyField = function CustomPropertyField(_ref) {
+  var availableCustomProperties = _ref.availableCustomProperties,
+    customProperty = _ref.customProperty,
+    customPropertyType = _ref.customPropertyType,
+    customProperties = _ref.customProperties,
+    index = _ref.index,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    name = _ref.name,
+    _onChange = _ref.onChange,
+    value = _ref.value,
+    setCustomProperties = _ref.setCustomProperties;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   // Set up the validator for the customProperty
-  const customPropertyValidator = (fieldValue, allValues) => {
-    var _allValues$customProp, _allValues$customProp2, _allValues$customProp3;
-    const {
-      note,
-      publicNote,
-      value: currentValue
-    } = (_allValues$customProp = allValues === null || allValues === void 0 ? void 0 : (_allValues$customProp2 = allValues.customProperties) === null || _allValues$customProp2 === void 0 ? void 0 : (_allValues$customProp3 = _allValues$customProp2[customProperty === null || customProperty === void 0 ? void 0 : customProperty.value]) === null || _allValues$customProp3 === void 0 ? void 0 : _allValues$customProp3[0]) !== null && _allValues$customProp !== void 0 ? _allValues$customProp : {};
+  var customPropertyValidator = function customPropertyValidator(fieldValue, allValues) {
+    var _allValues$customProp, _allValues$customProp2;
+    var _ref2 = (_allValues$customProp = allValues === null || allValues === void 0 || (_allValues$customProp2 = allValues.customProperties) === null || _allValues$customProp2 === void 0 || (_allValues$customProp2 = _allValues$customProp2[customProperty === null || customProperty === void 0 ? void 0 : customProperty.value]) === null || _allValues$customProp2 === void 0 ? void 0 : _allValues$customProp2[0]) !== null && _allValues$customProp !== void 0 ? _allValues$customProp : {},
+      note = _ref2.note,
+      publicNote = _ref2.publicNote,
+      currentValue = _ref2.value;
     if (note && !currentValue || publicNote && !currentValue) {
       if (customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME || customProperty.type === CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME) {
         return kintIntl.formatKintMessage({
@@ -52,21 +62,21 @@ const CustomPropertyField = _ref => {
       }
     }
     if (customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME) {
-      const regexp = /^-?[\d]*(\.[\d]{0,2})?$/;
+      var regexp = /^-?[\d]*(\.[\d]{0,2})?$/;
       return fieldValue && !regexp.test(fieldValue) ? kintIntl.formatKintMessage({
         id: 'errors.maxTwoDecimals',
         overrideValue: labelOverrides.maxTwoDecimalsError
       }) : undefined;
     }
     if (customProperty.type === CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME) {
-      const min = Number.MIN_SAFE_INTEGER;
-      const max = Number.MAX_SAFE_INTEGER;
+      var min = Number.MIN_SAFE_INTEGER;
+      var max = Number.MAX_SAFE_INTEGER;
       return fieldValue && (fieldValue > max || fieldValue < min) ? kintIntl.formatKintMessage({
         id: 'errors.valueNotInRange',
         overrideValue: labelOverrides.valueNotInRangeError
       }, {
-        min,
-        max
+        min: min,
+        max: max
       }) : undefined;
     }
     if (!customProperty.primary && !currentValue) {
@@ -76,16 +86,18 @@ const CustomPropertyField = _ref => {
     }
     return undefined;
   };
-  const getCustomProperty = customPropertyValue => {
-    return availableCustomProperties.find(cp => cp.value === customPropertyValue);
+  var getCustomProperty = function getCustomProperty(customPropertyValue) {
+    return availableCustomProperties.find(function (cp) {
+      return cp.value === customPropertyValue;
+    });
   };
-  const renderCustomPropertyName = () => {
+  var renderCustomPropertyName = function renderCustomPropertyName() {
     var _customPropertyValue$;
-    const unsetCustomProperties = availableCustomProperties.filter(t => {
+    var unsetCustomProperties = availableCustomProperties.filter(function (t) {
       var _custPropValue$;
       // Only optional properties can be set
       if (t.primary) return false;
-      const custPropValue = value[t.value];
+      var custPropValue = value[t.value];
 
       // The customProperty is unset and has no value.
       if (custPropValue === undefined) return true;
@@ -94,22 +106,23 @@ const CustomPropertyField = _ref => {
       if ((_custPropValue$ = custPropValue[0]) !== null && _custPropValue$ !== void 0 && _custPropValue$._delete) return true;
       return false;
     });
-    const customPropertyValue = value[customProperty.value];
-    const id = customPropertyValue === null || customPropertyValue === void 0 ? void 0 : (_customPropertyValue$ = customPropertyValue[0]) === null || _customPropertyValue$ === void 0 ? void 0 : _customPropertyValue$.id;
+    var customPropertyValue = value[customProperty.value];
+    var id = customPropertyValue === null || customPropertyValue === void 0 || (_customPropertyValue$ = customPropertyValue[0]) === null || _customPropertyValue$ === void 0 ? void 0 : _customPropertyValue$.id;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
       autoFocus: !id,
-      dataOptions: [customProperty, ...unsetCustomProperties] // The selected customProperty, and the available unset customProperties
+      dataOptions: [customProperty].concat(_toConsumableArray(unsetCustomProperties)) // The selected customProperty, and the available unset customProperties
       ,
       id: "edit-customproperty-".concat(index, "-name"),
       label: kintIntl.formatKintMessage({
         id: 'customProperties.name',
         overrideValue: labelOverrides.name
       }),
-      onChange: e => {
-        const newValue = e.target.value;
+      onChange: function onChange(e) {
+        var _objectSpread2;
+        var newValue = e.target.value;
 
         // Update `state.customProperties` which controls what customProperties are being edited.
-        const newCustomProperties = [...customProperties];
+        var newCustomProperties = _toConsumableArray(customProperties);
         newCustomProperties[index] = getCustomProperty(newValue);
         setCustomProperties(newCustomProperties);
 
@@ -117,93 +130,83 @@ const CustomPropertyField = _ref => {
         // in essence we're deleting a customProperty and creating a new customProperty.
         // We do this by 1) marking the current customProperty for deletion and 2) initing
         // the new customProperty to an empty object.
-        const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
-        onChange({
-          ...value,
-          [customProperty.value]: [{
-            id: currentValue.id,
-            _delete: true
-          }],
-          [newValue]: [{}]
-        });
+        var currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
+        _onChange(_objectSpread(_objectSpread({}, value), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, customProperty.value, [{
+          id: currentValue.id,
+          _delete: true
+        }]), _defineProperty(_objectSpread2, newValue, [{}]), _objectSpread2)));
       },
       required: true,
       value: customProperty.value
     });
   };
-  const renderCustomPropertyValue = () => {
+  var renderCustomPropertyValue = function renderCustomPropertyValue() {
     var _customProperty$optio;
-    const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
-    const min = Number.MIN_SAFE_INTEGER;
-    const max = Number.MAX_SAFE_INTEGER;
+    var currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
+    var min = Number.MIN_SAFE_INTEGER;
+    var max = Number.MAX_SAFE_INTEGER;
 
     // Default change handler
-    let handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...currentValue,
-          _delete: e.target.value === '',
-          // Delete customProperty if removing the value.
-          value: e.target.value // send down the number for integers and decimal types
-        }]
-      });
+    var handleChange = function handleChange(e) {
+      _onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, customProperty.value, [_objectSpread(_objectSpread({}, currentValue), {}, {
+        _delete: e.target.value === '',
+        // Delete customProperty if removing the value.
+        value: e.target.value // send down the number for integers and decimal types
+      })])));
     };
     // Figure out which component we're rendering and specify its unique props.
-    let fieldProps;
+    var fieldProps;
     switch (customProperty.type) {
       case CUSTOM_PROPERTY_TYPES.REFDATA_CLASS_NAME:
         fieldProps = {
           component: _components.Select,
           dataOptions: customProperty.options,
-          format: v => v === null || v === void 0 ? void 0 : v.value
+          format: function format(v) {
+            return v === null || v === void 0 ? void 0 : v.value;
+          }
         };
         break;
       case CUSTOM_PROPERTY_TYPES.MULTI_REFDATA_CLASS_NAME:
         fieldProps = {
           component: _components.MultiSelection,
           // The "not set" value is not relevant for a multi select
-          dataOptions: (_customProperty$optio = customProperty.options) === null || _customProperty$optio === void 0 ? void 0 : _customProperty$optio.filter(opt => !!(opt !== null && opt !== void 0 && opt.value)),
+          dataOptions: (_customProperty$optio = customProperty.options) === null || _customProperty$optio === void 0 ? void 0 : _customProperty$optio.filter(function (opt) {
+            return !!(opt !== null && opt !== void 0 && opt.value);
+          }),
           renderToOverlay: true
         };
         // MultiSelection passes the changed array as a value not an event
-        handleChange = refdataArray => {
-          onChange({
-            ...value,
-            [customProperty.value]: [{
-              ...currentValue,
-              _delete: (refdataArray === null || refdataArray === void 0 ? void 0 : refdataArray.length) === 0 ? true : undefined,
-              // Delete customProperty if removing all values.
-              value: refdataArray
-            }]
-          });
+        handleChange = function handleChange(refdataArray) {
+          _onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, customProperty.value, [_objectSpread(_objectSpread({}, currentValue), {}, {
+            _delete: (refdataArray === null || refdataArray === void 0 ? void 0 : refdataArray.length) === 0 ? true : undefined,
+            // Delete customProperty if removing all values.
+            value: refdataArray
+          })])));
         };
         break;
       case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:
       case CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME:
         fieldProps = {
           component: _components.TextField,
-          max,
-          min,
+          max: max,
+          min: min,
           step: 'any',
           type: 'number'
         };
-        handleChange = e => {
-          onChange({
-            ...value,
-            [customProperty.value]: [{
-              ...currentValue,
-              _delete: e.target.value === '' ? true : undefined,
-              // Delete customProperty if removing the value.
-              value: parseFloat(e.target.value)
-            }]
-          });
+        handleChange = function handleChange(e) {
+          _onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, customProperty.value, [_objectSpread(_objectSpread({}, currentValue), {}, {
+            _delete: e.target.value === '' ? true : undefined,
+            // Delete customProperty if removing the value.
+            value: parseFloat(e.target.value)
+          })])));
         };
         break;
       case CUSTOM_PROPERTY_TYPES.TEXT_CLASS_NAME:
         fieldProps = {
           component: _components.TextArea,
-          parse: v => v // Lets us send an empty string instead of `undefined`
+          parse: function parse(v) {
+            return v;
+          } // Lets us send an empty string instead of `undefined`
         };
 
         break;
@@ -221,7 +224,7 @@ const CustomPropertyField = _ref => {
         };
         break;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread({
       "data-test-customproperty-value": true,
       id: "edit-customproperty-".concat(index, "-value"),
       label: kintIntl.formatKintMessage({
@@ -231,21 +234,18 @@ const CustomPropertyField = _ref => {
       name: "".concat(name, ".").concat(customProperty.value, "[0].value"),
       onChange: handleChange,
       required: !customProperty.primary,
-      validate: (fieldValue, allValues) => customPropertyValidator(fieldValue, allValues),
-      ...fieldProps
-    });
+      validate: function validate(fieldValue, allValues) {
+        return customPropertyValidator(fieldValue, allValues);
+      }
+    }, fieldProps));
   };
-  const renderCustomPropertyVisibility = () => {
+  var renderCustomPropertyVisibility = function renderCustomPropertyVisibility() {
     var _value$customProperty, _value$customProperty2, _customPropertyObject;
-    const customPropertyObject = (_value$customProperty = (_value$customProperty2 = value[customProperty.value]) === null || _value$customProperty2 === void 0 ? void 0 : _value$customProperty2[0]) !== null && _value$customProperty !== void 0 ? _value$customProperty : {};
-    const handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...customPropertyObject,
-          internal: e.target.value
-        }]
-      });
+    var customPropertyObject = (_value$customProperty = (_value$customProperty2 = value[customProperty.value]) === null || _value$customProperty2 === void 0 ? void 0 : _value$customProperty2[0]) !== null && _value$customProperty !== void 0 ? _value$customProperty : {};
+    var handleChange = function handleChange(e) {
+      _onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, customProperty.value, [_objectSpread(_objectSpread({}, customPropertyObject), {}, {
+        internal: e.target.value
+      })])));
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
       "data-test-customproperty-visibility": true,
@@ -271,17 +271,13 @@ const CustomPropertyField = _ref => {
       value: (_customPropertyObject = customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.internal) !== null && _customPropertyObject !== void 0 ? _customPropertyObject : customProperty.defaultInternal
     });
   };
-  const renderCustomPropertyNoteInternal = () => {
+  var renderCustomPropertyNoteInternal = function renderCustomPropertyNoteInternal() {
     var _value$customProperty3, _value$customProperty4;
-    const customPropertyObject = (_value$customProperty3 = (_value$customProperty4 = value[customProperty.value]) === null || _value$customProperty4 === void 0 ? void 0 : _value$customProperty4[0]) !== null && _value$customProperty3 !== void 0 ? _value$customProperty3 : {};
-    const handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...customPropertyObject,
-          note: e.target.value
-        }]
-      });
+    var customPropertyObject = (_value$customProperty3 = (_value$customProperty4 = value[customProperty.value]) === null || _value$customProperty4 === void 0 ? void 0 : _value$customProperty4[0]) !== null && _value$customProperty3 !== void 0 ? _value$customProperty3 : {};
+    var handleChange = function handleChange(e) {
+      _onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, customProperty.value, [_objectSpread(_objectSpread({}, customPropertyObject), {}, {
+        note: e.target.value
+      })])));
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-note": true,
@@ -294,17 +290,13 @@ const CustomPropertyField = _ref => {
       value: customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.note
     });
   };
-  const renderCustomPropertyNotePublic = () => {
+  var renderCustomPropertyNotePublic = function renderCustomPropertyNotePublic() {
     var _value$customProperty5, _value$customProperty6;
-    const customPropertyObject = (_value$customProperty5 = (_value$customProperty6 = value[customProperty.value]) === null || _value$customProperty6 === void 0 ? void 0 : _value$customProperty6[0]) !== null && _value$customProperty5 !== void 0 ? _value$customProperty5 : {};
-    const handleChange = e => {
-      onChange({
-        ...value,
-        [customProperty.value]: [{
-          ...customPropertyObject,
-          publicNote: e.target.value
-        }]
-      });
+    var customPropertyObject = (_value$customProperty5 = (_value$customProperty6 = value[customProperty.value]) === null || _value$customProperty6 === void 0 ? void 0 : _value$customProperty6[0]) !== null && _value$customProperty5 !== void 0 ? _value$customProperty5 : {};
+    var handleChange = function handleChange(e) {
+      _onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, customProperty.value, [_objectSpread(_objectSpread({}, customPropertyObject), {}, {
+        publicNote: e.target.value
+      })])));
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-public-note": true,