@k-int/stripes-kint-components 2.8.6 → 2.8.7

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
 });
@@ -12,69 +11,54 @@ var _components = require("@folio/stripes/components");
 var CUSTOM_PROPERTY_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
 var _validators = require("../../utils/validators");
 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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,
-    _ref$labelOverrides = _ref.labelOverrides,
-    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
-    name = _ref.name,
-    _onChange = _ref.onChange,
-    value = _ref.value,
-    setCustomProperties = _ref.setCustomProperties;
-  var intl = (0, _reactIntl.useIntl)();
-  var getCustomProperty = function getCustomProperty(customPropertyValue) {
-    return availableCustomProperties.find(function (cp) {
-      return cp.value === customPropertyValue;
-    });
+const CustomPropertyField = _ref => {
+  let {
+    availableCustomProperties,
+    customProperty,
+    customPropertyType,
+    customProperties,
+    index,
+    labelOverrides = {},
+    name,
+    onChange,
+    value,
+    setCustomProperties
+  } = _ref;
+  const intl = (0, _reactIntl.useIntl)();
+  const getCustomProperty = customPropertyValue => {
+    return availableCustomProperties.find(cp => cp.value === customPropertyValue);
   };
-  var renderCustomPropertyName = function renderCustomPropertyName() {
-    var _customPropertyValue$, _labelOverrides$name;
-    var unsetCustomProperties = availableCustomProperties.filter(function (t) {
-      var _custPropValue$;
+  const renderCustomPropertyName = () => {
+    const unsetCustomProperties = availableCustomProperties.filter(t => {
       // 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;
 
       // The customProperty is set but is marked for deletion. Allow reuse.
-      if ((_custPropValue$ = custPropValue[0]) !== null && _custPropValue$ !== void 0 && _custPropValue$._delete) return true;
+      if (custPropValue[0]?._delete) return true;
       return false;
     });
-    var customPropertyValue = value[customProperty.value];
-    var id = customPropertyValue === null || customPropertyValue === void 0 ? void 0 : (_customPropertyValue$ = customPropertyValue[0]) === null || _customPropertyValue$ === void 0 ? void 0 : _customPropertyValue$.id;
+    const customPropertyValue = value[customProperty.value];
+    const id = customPropertyValue?.[0]?.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: (_labelOverrides$name = labelOverrides.name) !== null && _labelOverrides$name !== void 0 ? _labelOverrides$name : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: `edit-customproperty-${index}-name`,
+      label: labelOverrides.name ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: "stripes-kint-components.customProperty.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);
 
@@ -82,58 +66,65 @@ 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() {
-    var _customProperty$optio, _labelOverrides$value;
-    var currentValue = value[customProperty.value] ? value[customProperty.value][0] : {};
-    var min = Number.MIN_SAFE_INTEGER;
-    var max = Number.MAX_SAFE_INTEGER;
+  const renderCustomPropertyValue = () => {
+    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?.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.options?.filter(opt => !!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?.length === 0 ? true : undefined,
+              // Delete customProperty if removing all values.
+              value: refdataArray
+            }]
+          });
         };
         break;
       case CUSTOM_PROPERTY_TYPES.INTEGER_CLASS_NAME:
@@ -143,37 +134,39 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
             id: 'stripes-kint-components.errors.customPropertyInvalidNumber'
           }),
           component: _components.TextField,
-          max: max,
-          min: min,
+          max,
+          min,
           rangeOverflow: intl.formatMessage({
             id: 'stripes-kint-components.errors.customPropertyDecimalValueNotInRange'
           }, {
-            min: min,
-            max: max
+            min,
+            max
           }),
           rangeUnderflow: intl.formatMessage({
             id: 'stripes-kint-components.errors.customPropertyDecimalValueNotInRange'
           }, {
-            min: min,
-            max: max
+            min,
+            max
           }),
           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;
@@ -191,30 +184,32 @@ 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: (_labelOverrides$value = labelOverrides.value) !== null && _labelOverrides$value !== void 0 ? _labelOverrides$value : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: `edit-customproperty-${index}-value`,
+      label: labelOverrides.value ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: "stripes-kint-components.customProperty.value"
       }),
-      name: "".concat(name, ".").concat(customProperty.value, "[0].value"),
+      name: `${name}.${customProperty.value}[0].value`,
       onChange: handleChange,
       required: !customProperty.primary,
-      validate: function validate(fieldValue, allValues) {
-        return (0, _validators.customPropertyValidator)(fieldValue, allValues, customProperty);
-      },
+      validate: (fieldValue, allValues) => (0, _validators.customPropertyValidator)(fieldValue, allValues, customProperty),
       valueMissing: intl.formatMessage({
         id: 'stripes-core.label.missingRequiredField'
-      })
-    }, fieldProps));
+      }),
+      ...fieldProps
+    });
   };
-  var renderCustomPropertyVisibility = function renderCustomPropertyVisibility() {
-    var _value$customProperty, _value$customProperty2, _labelOverrides$visib, _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 renderCustomPropertyVisibility = () => {
+    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
+    const handleChange = e => {
+      onChange({
+        ...value,
+        [customProperty.value]: [{
+          ...customPropertyObject,
+          internal: e.target.value
+        }]
+      });
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select, {
       "data-test-customproperty-visibility": true,
@@ -229,48 +224,54 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
           id: 'stripes-kint-components.customProperty.internalFalse'
         })
       }],
-      id: "edit-customproperty-".concat(index, "-visibility"),
-      label: (_labelOverrides$visib = labelOverrides.visibility) !== null && _labelOverrides$visib !== void 0 ? _labelOverrides$visib : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: `edit-customproperty-${index}-visibility`,
+      label: labelOverrides.visibility ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: "stripes-kint-components.customProperty.visibility"
       }),
       onChange: handleChange,
-      value: (_customPropertyObject = customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.internal) !== null && _customPropertyObject !== void 0 ? _customPropertyObject : customProperty.defaultInternal
+      value: customPropertyObject?.internal ?? customProperty.defaultInternal
     });
   };
-  var renderCustomPropertyNoteInternal = function renderCustomPropertyNoteInternal() {
-    var _value$customProperty3, _value$customProperty4, _labelOverrides$inter;
-    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 renderCustomPropertyNoteInternal = () => {
+    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
+    const handleChange = e => {
+      onChange({
+        ...value,
+        [customProperty.value]: [{
+          ...customPropertyObject,
+          note: e.target.value
+        }]
+      });
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextArea, {
       "data-test-customproperty-note": true,
-      id: "edit-customproperty-".concat(index, "-internal-note"),
-      label: (_labelOverrides$inter = labelOverrides.internalNote) !== null && _labelOverrides$inter !== void 0 ? _labelOverrides$inter : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: `edit-customproperty-${index}-internal-note`,
+      label: labelOverrides.internalNote ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: "stripes-kint-components.customProperty.internalNote"
       }),
       onChange: handleChange,
-      value: customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.note
+      value: customPropertyObject?.note
     });
   };
-  var renderCustomPropertyNotePublic = function renderCustomPropertyNotePublic() {
-    var _value$customProperty5, _value$customProperty6, _labelOverrides$publi;
-    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 renderCustomPropertyNotePublic = () => {
+    const customPropertyObject = value[customProperty.value]?.[0] ?? {};
+    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,
-      id: "edit-customproperty-".concat(index, "-public-note"),
-      label: (_labelOverrides$publi = labelOverrides.publicNote) !== null && _labelOverrides$publi !== void 0 ? _labelOverrides$publi : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: `edit-customproperty-${index}-public-note`,
+      label: labelOverrides.publicNote ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: "stripes-kint-components.customProperty.publicNote"
       }),
       onChange: handleChange,
-      value: customPropertyObject === null || customPropertyObject === void 0 ? void 0 : customPropertyObject.publicNote
+      value: customPropertyObject?.publicNote
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -317,5 +318,4 @@ CustomPropertyField.propTypes = {
   setCustomProperties: _propTypes.default.func,
   value: _propTypes.default.object
 };
-var _default = CustomPropertyField;
-exports.default = _default;
+var _default = exports.default = CustomPropertyField;