@k-int/stripes-kint-components 3.2.2 → 3.2.4

package/es/lib/CustomProperties/Config/CustomPropertyForm.js

@@ -13,71 +13,59 @@ var _customProperties = require("../../constants/customProperties");
 var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var CustomPropertyForm = function CustomPropertyForm(_ref) {
-  var contextFilterOptions = _ref.contextFilterOptions,
-    helpPopovers = _ref.helpPopovers,
-    passedIntlKey = _ref.intlKey,
-    passedIntlNS = _ref.intlNS,
-    _ref$labelOverrides = _ref.labelOverrides,
-    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
-    refdata = _ref.refdata;
-  var _useFormState = (0, _reactFinalForm.useFormState)(),
-    values = _useFormState.values;
-  var _useForm = (0, _reactFinalForm.useForm)(),
-    change = _useForm.change;
-  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  var booleanToString = function booleanToString(booleanValue) {
-    return booleanValue === null || booleanValue === void 0 ? void 0 : booleanValue.toString();
-  };
-  var stringToBoolean = function stringToBoolean(stringValue) {
-    return stringValue === 'true';
-  };
-  var _useState = (0, _react.useState)(contextFilterOptions === null || contextFilterOptions === void 0 ? void 0 : contextFilterOptions.filter(function (ctx) {
-      return ctx.value !== '' && (ctx === null || ctx === void 0 ? void 0 : ctx.value) !== 'isNull';
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    contextOptions = _useState2[0],
-    setContextOptions = _useState2[1];
-  var addCtx = function addCtx(_ref2) {
-    var _r = _ref2._r,
-      _e = _ref2._e,
-      filterText = _ref2.filterText;
-    var newOption = {
+const CustomPropertyForm = _ref => {
+  let {
+    contextFilterOptions,
+    helpPopovers,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
+    refdata
+  } = _ref;
+  const {
+    values
+  } = (0, _reactFinalForm.useFormState)();
+  const {
+    change
+  } = (0, _reactFinalForm.useForm)();
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  const booleanToString = booleanValue => booleanValue?.toString();
+  const stringToBoolean = stringValue => stringValue === 'true';
+  const [contextOptions, setContextOptions] = (0, _react.useState)(contextFilterOptions?.filter(ctx => ctx.value !== '' && ctx?.value !== 'isNull'));
+  const addCtx = _ref2 => {
+    let {
+      _r,
+      _e,
+      filterText
+    } = _ref2;
+    const newOption = {
       value: filterText,
       label: filterText
     };
-    setContextOptions([newOption].concat(_toConsumableArray(contextOptions)));
+    setContextOptions([newOption, ...contextOptions]);
     change('ctx', [newOption]);
   };
-  var renderAddCtx = function renderAddCtx(_ref3) {
-    var filterValue = _ref3.filterValue,
-      exactMatch = _ref3.exactMatch;
+  const renderAddCtx = _ref3 => {
+    let {
+      filterValue,
+      exactMatch
+    } = _ref3;
     if (!filterValue || exactMatch) {
       return null;
     } else {
       return kintIntl.formatKintMessage({
         id: 'customProperties.ctx.addContext',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.addCtx
+        overrideValue: labelOverrides?.addCtx
       }, {
         value: filterValue
       });
     }
   };
-  var primaryRetiredValidator = function primaryRetiredValidator(_v, allValues) {
+  const primaryRetiredValidator = (_v, allValues) => {
     if (allValues.primary && allValues.retired) {
       return kintIntl.formatKintMessage({
         id: 'customProperties.errors.primaryRetired',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primaryRetired
+        overrideValue: labelOverrides?.primaryRetired
       });
     }
     return null;
@@ -93,48 +81,48 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
             value: ''
           }, {
             label: kintIntl.formatKintMessage({
-              id: "customProperties.type.".concat(_customProperties.DECIMAL_CLASS_NAME),
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.DECIMAL_CLASS_NAME]
+              id: `customProperties.type.${_customProperties.DECIMAL_CLASS_NAME}`,
+              overrideValue: labelOverrides?.[_customProperties.DECIMAL_CLASS_NAME]
             }),
             value: _customProperties.DECIMAL_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: "customProperties.type.".concat(_customProperties.INTEGER_CLASS_NAME),
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.INTEGER_CLASS_NAME]
+              id: `customProperties.type.${_customProperties.INTEGER_CLASS_NAME}`,
+              overrideValue: labelOverrides?.[_customProperties.INTEGER_CLASS_NAME]
             }),
             value: _customProperties.INTEGER_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: "customProperties.type.".concat(_customProperties.TEXT_CLASS_NAME),
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.TEXT_CLASS_NAME]
+              id: `customProperties.type.${_customProperties.TEXT_CLASS_NAME}`,
+              overrideValue: labelOverrides?.[_customProperties.TEXT_CLASS_NAME]
             }),
             value: _customProperties.TEXT_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: "customProperties.type.".concat(_customProperties.REFDATA_CLASS_NAME),
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.REFDATA_CLASS_NAME]
+              id: `customProperties.type.${_customProperties.REFDATA_CLASS_NAME}`,
+              overrideValue: labelOverrides?.[_customProperties.REFDATA_CLASS_NAME]
             }),
             value: _customProperties.REFDATA_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: "customProperties.type.".concat(_customProperties.MULTI_REFDATA_CLASS_NAME),
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.MULTI_REFDATA_CLASS_NAME]
+              id: `customProperties.type.${_customProperties.MULTI_REFDATA_CLASS_NAME}`,
+              overrideValue: labelOverrides?.[_customProperties.MULTI_REFDATA_CLASS_NAME]
             }),
             value: _customProperties.MULTI_REFDATA_CLASS_NAME
           }, {
             label: kintIntl.formatKintMessage({
-              id: "customProperties.type.".concat(_customProperties.DATE_CLASS_NAME),
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[_customProperties.DATE_CLASS_NAME]
+              id: `customProperties.type.${_customProperties.DATE_CLASS_NAME}`,
+              overrideValue: labelOverrides?.[_customProperties.DATE_CLASS_NAME]
             }),
             value: _customProperties.DATE_CLASS_NAME
           }],
-          disabled: !!(values !== null && values !== void 0 && values.id),
+          disabled: !!values?.id,
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.type',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.type
+              overrideValue: labelOverrides?.type
+            }), helpPopovers?.type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.type
             }) : null]
           }),
           name: "type",
@@ -143,19 +131,19 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
-        children: ((values === null || values === void 0 ? void 0 : values.type) === _customProperties.REFDATA_CLASS_NAME || (values === null || values === void 0 ? void 0 : values.type) === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+        children: (values?.type === _customProperties.REFDATA_CLASS_NAME || values?.type === _customProperties.MULTI_REFDATA_CLASS_NAME) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           component: _components.Select,
           dataOptions: [{
             label: '',
             value: ''
-          }].concat(_toConsumableArray(refdata)),
-          disabled: !!(values !== null && values !== void 0 && values.id),
+          }, ...refdata],
+          disabled: !!values?.id,
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.category',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.category ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.category
+              overrideValue: labelOverrides?.category
+            }), helpPopovers?.category ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.category
             }) : null]
           }),
           name: "category",
@@ -172,9 +160,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.label',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.label
+              overrideValue: labelOverrides?.label
+            }), helpPopovers?.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.label
             }) : null]
           }),
           name: "label",
@@ -189,18 +177,18 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.name',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.name
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.name
+              overrideValue: labelOverrides?.name
+            }), helpPopovers?.name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.name
             }) : null]
           }),
           name: "name",
           required: true,
-          validate: function validate(v) {
+          validate: v => {
             if (v && v.length) {
               return /^[a-z][a-z0-9]*$/i.test(v) ? undefined : kintIntl.formatKintMessage({
                 id: 'errors.hasNonAlphaName',
-                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.hasNonAlphaName
+                overrideValue: labelOverrides?.hasNonAlphaName
               });
             }
             return (0, _validators.required)(v);
@@ -216,9 +204,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.description',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.description
+              overrideValue: labelOverrides?.description
+            }), helpPopovers?.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.description
             }) : null]
           }),
           name: "description",
@@ -238,20 +226,20 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           dataOptions: contextOptions,
           emptyMessage: kintIntl.formatKintMessage({
             id: 'customProperties.noCtxFound',
-            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCtxFound
+            overrideValue: labelOverrides?.noCtxFound
           }),
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.ctx',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.ctx
+              overrideValue: labelOverrides?.ctx
+            }), helpPopovers?.ctx ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.ctx
             }) : null]
           }),
           name: "ctx",
-          onChange: function onChange(selectedItems) {
+          onChange: selectedItems => {
             if (selectedItems.length) {
-              change('ctx', [selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems[(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) - 1]]);
+              change('ctx', [selectedItems?.[selectedItems?.length - 1]]);
             } else {
               change('ctx', undefined);
             }
@@ -267,9 +255,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.weight',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.weight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.weight
+              overrideValue: labelOverrides?.weight
+            }), helpPopovers?.weight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.weight
             }) : null]
           }),
           name: "weight",
@@ -284,13 +272,13 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           dataOptions: [{
             label: kintIntl.formatKintMessage({
               id: 'yes',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.yes
+              overrideValue: labelOverrides?.yes
             }),
             value: 'true'
           }, {
             label: kintIntl.formatKintMessage({
               id: 'no',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.no
+              overrideValue: labelOverrides?.no
             }),
             value: 'false'
           }],
@@ -298,9 +286,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.primary',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.primary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.primary
+              overrideValue: labelOverrides?.primary
+            }), helpPopovers?.primary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.primary
             }) : null]
           }),
           name: "primary",
@@ -315,13 +303,13 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           dataOptions: [{
             label: kintIntl.formatKintMessage({
               id: 'yes',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.yes
+              overrideValue: labelOverrides?.yes
             }),
             value: 'true'
           }, {
             label: kintIntl.formatKintMessage({
               id: 'no',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.no
+              overrideValue: labelOverrides?.no
             }),
             value: 'false'
           }],
@@ -329,9 +317,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.retired',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.retired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.retired
+              overrideValue: labelOverrides?.retired
+            }), helpPopovers?.retired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.retired
             }) : null]
           }),
           name: "retired",
@@ -346,13 +334,13 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           dataOptions: [{
             label: kintIntl.formatKintMessage({
               id: 'customProperties.internalTrue',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.internalTrue
+              overrideValue: labelOverrides?.internalTrue
             }),
             value: 'true'
           }, {
             label: kintIntl.formatKintMessage({
               id: 'customProperties.internalFalse',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.internalFalse
+              overrideValue: labelOverrides?.internalFalse
             }),
             value: 'false'
           }],
@@ -360,9 +348,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [kintIntl.formatKintMessage({
               id: 'customProperties.defaultVisibility',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility
-            }), helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.defaultVisibility ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
-              content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.defaultVisibility
+              overrideValue: labelOverrides?.defaultVisibility
+            }), helpPopovers?.defaultVisibility ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+              content: helpPopovers?.defaultVisibility
             }) : null]
           }),
           name: "defaultInternal",
@@ -382,5 +370,4 @@ CustomPropertyForm.propTypes = {
   labelOverrides: _propTypes.default.object,
   refdata: _propTypes.default.arrayOf(_propTypes.default.object)
 };
-var _default = CustomPropertyForm;
-exports.default = _default;
+var _default = exports.default = CustomPropertyForm;