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

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

@@ -1,6 +1,5 @@
 "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
 });
@@ -11,43 +10,34 @@ 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 _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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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);
+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);
 
   // Set up the validator for the customProperty
-  var customPropertyValidator = function customPropertyValidator(fieldValue, allValues) {
+  const 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;
+    const {
+      note,
+      publicNote,
+      value: currentValue
+    } = (_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 : {};
     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({
@@ -62,21 +52,21 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
       }
     }
     if (customProperty.type === CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME) {
-      var regexp = /^-?[\d]*(\.[\d]{0,2})?$/;
+      const 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) {
-      var min = Number.MIN_SAFE_INTEGER;
-      var max = Number.MAX_SAFE_INTEGER;
+      const min = Number.MIN_SAFE_INTEGER;
+      const max = Number.MAX_SAFE_INTEGER;
       return fieldValue && (fieldValue > max || fieldValue < min) ? kintIntl.formatKintMessage({
         id: 'errors.valueNotInRange',
         overrideValue: labelOverrides.valueNotInRangeError
       }, {
-        min: min,
-        max: max
+        min,
+        max
       }) : undefined;
     }
     if (!customProperty.primary && !currentValue) {
@@ -86,18 +76,16 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
     }
     return undefined;
   };
-  var getCustomProperty = function getCustomProperty(customPropertyValue) {
-    return availableCustomProperties.find(function (cp) {
-      return cp.value === customPropertyValue;
-    });
+  const getCustomProperty = customPropertyValue => {
+    return availableCustomProperties.find(cp => cp.value === customPropertyValue);
   };
-  var renderCustomPropertyName = function renderCustomPropertyName() {
+  const renderCustomPropertyName = () => {
     var _customPropertyValue$;
-    var unsetCustomProperties = availableCustomProperties.filter(function (t) {
+    const unsetCustomProperties = availableCustomProperties.filter(t => {
       var _custPropValue$;
       // Only optional properties can be set
       if (t.primary) return false;
-      var custPropValue = value[t.value];
+      const custPropValue = value[t.value];
 
       // The customProperty is unset and has no value.
       if (custPropValue === undefined) return true;
@@ -106,23 +94,22 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
       if ((_custPropValue$ = custPropValue[0]) !== null && _custPropValue$ !== void 0 && _custPropValue$._delete) return true;
       return false;
     });
-    var customPropertyValue = value[customProperty.value];
-    var id = customPropertyValue === null || customPropertyValue === void 0 || (_customPropertyValue$ = customPropertyValue[0]) === null || _customPropertyValue$ === void 0 ? void 0 : _customPropertyValue$.id;
+    const customPropertyValue = value[customProperty.value];
+    const 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].concat(_toConsumableArray(unsetCustomProperties)) // The selected customProperty, and the available unset customProperties
+      dataOptions: [customProperty, ...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: function onChange(e) {
-        var _objectSpread2;
-        var newValue = e.target.value;
+      onChange: e => {
+        const newValue = e.target.value;
 
         // Update `state.customProperties` which controls what customProperties are being edited.
-        var newCustomProperties = _toConsumableArray(customProperties);
+        const newCustomProperties = [...customProperties];
         newCustomProperties[index] = getCustomProperty(newValue);
         setCustomProperties(newCustomProperties);
 
@@ -130,83 +117,93 @@ var CustomPropertyField = function 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.
-        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)));
+        const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
+        onChange({
+          ...value,
+          [customProperty.value]: [{
+            id: currentValue.id,
+            _delete: true
+          }],
+          [newValue]: [{}]
+        });
       },
       required: true,
       value: customProperty.value
     });
   };
-  var renderCustomPropertyValue = function renderCustomPropertyValue() {
+  const renderCustomPropertyValue = () => {
     var _customProperty$optio;
-    var currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
-    var min = Number.MIN_SAFE_INTEGER;
-    var max = Number.MAX_SAFE_INTEGER;
+    const currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
+    const min = Number.MIN_SAFE_INTEGER;
+    const max = Number.MAX_SAFE_INTEGER;
 
     // Default change handler
-    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
-      })])));
+    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
+        }]
+      });
     };
     // Figure out which component we're rendering and specify its unique props.
-    var fieldProps;
+    let fieldProps;
     switch (customProperty.type) {
       case CUSTOM_PROPERTY_TYPES.REFDATA_CLASS_NAME:
         fieldProps = {
           component: _components.Select,
           dataOptions: customProperty.options,
-          format: function format(v) {
-            return v === null || v === void 0 ? void 0 : v.value;
-          }
+          format: v => 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(function (opt) {
-            return !!(opt !== null && opt !== void 0 && opt.value);
-          }),
+          dataOptions: (_customProperty$optio = customProperty.options) === null || _customProperty$optio === void 0 ? void 0 : _customProperty$optio.filter(opt => !!(opt !== null && opt !== void 0 && opt.value)),
           renderToOverlay: true
         };
         // MultiSelection passes the changed array as a value not an event
-        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
-          })])));
+        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
+            }]
+          });
         };
         break;
       case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:
       case CUSTOM_PROPERTY_TYPES.DECIMAL_CLASS_NAME:
         fieldProps = {
           component: _components.TextField,
-          max: max,
-          min: min,
+          max,
+          min,
           step: 'any',
           type: 'number'
         };
-        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)
-          })])));
+        handleChange = e => {
+          onChange({
+            ...value,
+            [customProperty.value]: [{
+              ...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: function parse(v) {
-            return v;
-          } // Lets us send an empty string instead of `undefined`
+          parse: v => v // Lets us send an empty string instead of `undefined`
         };
 
         break;
@@ -224,7 +221,7 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
         };
         break;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       "data-test-customproperty-value": true,
       id: "edit-customproperty-".concat(index, "-value"),
       label: kintIntl.formatKintMessage({
@@ -234,18 +231,21 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
       name: "".concat(name, ".").concat(customProperty.value, "[0].value"),
       onChange: handleChange,
       required: !customProperty.primary,
-      validate: function validate(fieldValue, allValues) {
-        return customPropertyValidator(fieldValue, allValues);
-      }
-    }, fieldProps));
+      validate: (fieldValue, allValues) => customPropertyValidator(fieldValue, allValues),
+      ...fieldProps
+    });
   };
-  var renderCustomPropertyVisibility = function renderCustomPropertyVisibility() {
+  const renderCustomPropertyVisibility = () => {
     var _value$customProperty, _value$customProperty2, _customPropertyObject;
-    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
-      })])));
+    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
+        }]
+      });
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
       "data-test-customproperty-visibility": true,
@@ -271,13 +271,17 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
       value: (_customPropertyObject = customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.internal) !== null && _customPropertyObject !== void 0 ? _customPropertyObject : customProperty.defaultInternal
     });
   };
-  var renderCustomPropertyNoteInternal = function renderCustomPropertyNoteInternal() {
+  const renderCustomPropertyNoteInternal = () => {
     var _value$customProperty3, _value$customProperty4;
-    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
-      })])));
+    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
+        }]
+      });
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-note": true,
@@ -290,13 +294,17 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
       value: customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.note
     });
   };
-  var renderCustomPropertyNotePublic = function renderCustomPropertyNotePublic() {
+  const renderCustomPropertyNotePublic = () => {
     var _value$customProperty5, _value$customProperty6;
-    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
-      })])));
+    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
+        }]
+      });
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-public-note": true,
@@ -355,5 +363,4 @@ CustomPropertyField.propTypes = {
   setCustomProperties: _propTypes.default.func,
   value: _propTypes.default.object
 };
-var _default = CustomPropertyField;
-exports.default = _default;
+var _default = exports.default = CustomPropertyField;