@k-int/stripes-kint-components 2.1.1 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
-## 2.2.1 2022-03-10
+## 2.2.0 2022-03-11
 * Fix -- GenerateQueryParams no longer assumes you want EITHER nsValues filters or options filters, it simply adds both to the params array
+* ActionList -- added a hideCreateButton prop for custom rolled solutions
+* FormModal -- No longer restart form on submit... should stop validation errors clearing the form
+* Added support for Date type custom properties, as well as retired prop.
+* Shift away from stripes-erm-components validators to internally defined validators.
 ## 2.1.0 2022-03-09
 * Fixes for ActionList
   * When no formatter is present, it no longer crashes

package/es/index.js

@@ -107,6 +107,12 @@ Object.defineProperty(exports, "Typedown", {
     return _Typedown.default;
   }
 });
+Object.defineProperty(exports, "composeValidators", {
+  enumerable: true,
+  get: function get() {
+    return _validators.composeValidators;
+  }
+});
 exports.customPropertyContants = void 0;
 Object.defineProperty(exports, "generateKiwtQuery", {
   enumerable: true,
@@ -120,12 +126,30 @@ Object.defineProperty(exports, "generateKiwtQueryParams", {
     return _utils.generateKiwtQueryParams;
   }
 });
+Object.defineProperty(exports, "invalidNumber", {
+  enumerable: true,
+  get: function get() {
+    return _validators.invalidNumber;
+  }
+});
 Object.defineProperty(exports, "refdataOptions", {
   enumerable: true,
   get: function get() {
     return _utils.refdataOptions;
   }
 });
+Object.defineProperty(exports, "required", {
+  enumerable: true,
+  get: function get() {
+    return _validators.required;
+  }
+});
+Object.defineProperty(exports, "requiredObject", {
+  enumerable: true,
+  get: function get() {
+    return _validators.requiredObject;
+  }
+});
 Object.defineProperty(exports, "selectorSafe", {
   enumerable: true,
   get: function get() {
@@ -209,6 +233,8 @@ var _hooks = require("./lib/hooks");
 
 var _utils = require("./lib/utils");
 
+var _validators = require("./lib/utils/validators");
+
 var _contexts = require("./lib/contexts");
 
 var _SettingPage = require("./lib/SettingPage");

package/es/lib/ActionList/ActionList.js

@@ -19,7 +19,7 @@ var _ActionListFieldArray = _interopRequireDefault(require("./ActionListFieldArr
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "contentData", "creatableFields", "editableFields", "fieldComponents", "visibleFields"];
+var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "contentData", "creatableFields", "editableFields", "fieldComponents", "hideCreateButton", "visibleFields"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -50,6 +50,7 @@ var propTypes = {
   creatableFields: _propTypes.default.object,
   editableFields: _propTypes.default.object,
   fieldComponents: _propTypes.default.object,
+  hideCreateButton: _propTypes.default.bool,
   visibleFields: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 
@@ -65,6 +66,7 @@ var ActionList = function ActionList(_ref) {
       editableFields = _ref$editableFields === void 0 ? {} : _ref$editableFields,
       _ref$fieldComponents = _ref.fieldComponents,
       fieldComponents = _ref$fieldComponents === void 0 ? {} : _ref$fieldComponents,
+      hideCreateButton = _ref.hideCreateButton,
       visibleFields = _ref.visibleFields,
       mclProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -92,6 +94,7 @@ var ActionList = function ActionList(_ref) {
             creatableFields: creatableFields,
             editableFields: editableFields,
             fieldComponents: fieldComponents,
+            hideCreateButton: hideCreateButton,
             name: "contentData",
             visibleFields: visibleFields
           }, mclProps))

package/es/lib/ActionList/ActionListFieldArray.js

@@ -23,7 +23,7 @@ var _ActionListFieldArray = _interopRequireDefault(require("../../../styles/Acti
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "creatableFields", "editableFields", "fields", "fieldComponents", "visibleFields"],
+var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "creatableFields", "editableFields", "fields", "fieldComponents", "hideCreateButton", "visibleFields"],
     _excluded2 = ["actionListActions"],
     _excluded3 = ["actionListActions"],
     _excluded4 = ["actionListActions"],
@@ -88,6 +88,7 @@ var propTypes = {
   fields: _propTypes.default.object,
   fieldComponents: _propTypes.default.object,
   formatter: _propTypes.default.object,
+  hideCreateButton: _propTypes.default.bool,
   visibleFields: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 
@@ -99,6 +100,8 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
       editableFields = _ref.editableFields,
       fields = _ref.fields,
       fieldComponents = _ref.fieldComponents,
+      _ref$hideCreateButton = _ref.hideCreateButton,
+      hideCreateButton = _ref$hideCreateButton === void 0 ? false : _ref$hideCreateButton,
       visibleFields = _ref.visibleFields,
       mclProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -328,7 +331,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    children: [!hideCreateButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       buttonClass: _ActionListFieldArray.default.buttonRight,
       disabled: !actionCalls.create,
       onClick: function onClick() {

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

@@ -230,6 +230,7 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
       initialValues: mode === CREATING ? {
         weight: 0,
         primary: true,
+        retired: false,
         defaultInternal: true
       } : _objectSpread(_objectSpread({}, customProperty), {}, {
         ctx: customProperty !== null && customProperty !== void 0 && customProperty.ctx ? [{

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

@@ -28,7 +28,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 
 // A default option for CustProp view pane, with the ability to override labels for fields
 var CustomPropertiesView = function CustomPropertiesView(_ref) {
-  var _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$weigh, _labelOverrides$prima, _labelOverrides$defau, _labelOverrides$ctx, _customProperty$ctx, _labelOverrides$type, _labelOverrides$categ, _customProperty$categ, _customProperty$categ2;
+  var _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$prima, _labelOverrides$retir, _labelOverrides$weigh, _labelOverrides$defau, _labelOverrides$ctx, _customProperty$ctx, _labelOverrides$type, _labelOverrides$categ, _customProperty$categ, _customProperty$categ2;
 
   var customProperty = _ref.customProperty,
       labelOverrides = _ref.labelOverrides;
@@ -65,24 +65,34 @@ var CustomPropertiesView = function CustomPropertiesView(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$weigh = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight) !== null && _labelOverrides$weigh !== void 0 ? _labelOverrides$weigh : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.weight"
+          label: (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperties.primary"
           }),
-          value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.weight
+          value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: customProperty !== null && customProperty !== void 0 && customProperty.primary ? 'stripes-kint-components.yes' : 'stripes-kint-components.no'
+          })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
-          label: (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.primary"
+          label: (_labelOverrides$retir = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired) !== null && _labelOverrides$retir !== void 0 ? _labelOverrides$retir : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperties.retired"
           }),
           value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: customProperty !== null && customProperty !== void 0 && customProperty.primary ? 'stripes-kint-components.yes' : 'stripes-kint-components.no'
+            id: customProperty !== null && customProperty !== void 0 && customProperty.retired ? 'stripes-kint-components.yes' : 'stripes-kint-components.no'
           })
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
+          label: (_labelOverrides$weigh = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight) !== null && _labelOverrides$weigh !== void 0 ? _labelOverrides$weigh : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperties.weight"
+          }),
+          value: customProperty === null || customProperty === void 0 ? void 0 : customProperty.weight
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: (_labelOverrides$defau = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.defaultVisibility) !== null && _labelOverrides$defau !== void 0 ? _labelOverrides$defau : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
@@ -92,7 +102,9 @@ var CustomPropertiesView = function CustomPropertiesView(_ref) {
             id: customProperty !== null && customProperty !== void 0 && customProperty.defaultInternal ? 'stripes-kint-components.customProperties.internalTrue' : 'stripes-kint-components.customProperties.internalFalse'
           })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: (_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
@@ -100,7 +112,7 @@ var CustomPropertiesView = function CustomPropertiesView(_ref) {
           }),
           value: (_customProperty$ctx = customProperty === null || customProperty === void 0 ? void 0 : customProperty.ctx) !== null && _customProperty$ctx !== void 0 ? _customProperty$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NoValue, {})
         })
-      })]
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
@@ -133,6 +145,7 @@ CustomPropertiesView.propTypes = {
     description: _propTypes.default.string,
     weight: _propTypes.default.number,
     primary: _propTypes.default.bool,
+    retired: _propTypes.default.bool,
     defaultInternal: _propTypes.default.bool,
     ctx: _propTypes.default.string,
     type: _propTypes.default.string,

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

@@ -15,7 +15,7 @@ var _reactFinalForm = require("react-final-form");
 
 var _components = require("@folio/stripes/components");
 
-var _stripesErmComponents = require("@folio/stripes-erm-components");
+var _validators = require("../../utils/validators");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -51,7 +51,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 var CustomPropertyForm = function CustomPropertyForm(_ref) {
-  var _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$weigh, _labelOverrides$prima, _labelOverrides$defau, _labelOverrides$ctx, _labelOverrides$type, _labelOverrides$categ;
+  var _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$ctx, _labelOverrides$weigh, _labelOverrides$prima2, _labelOverrides$retir, _labelOverrides$defau, _labelOverrides$type, _labelOverrides$categ;
 
   var contextFilterOptions = _ref.contextFilterOptions,
       helpPopovers = _ref.helpPopovers,
@@ -109,6 +109,18 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
     }
   };
 
+  var primaryRetiredValidator = function primaryRetiredValidator(_v, allValues) {
+    if (allValues.primary && allValues.retired) {
+      var _labelOverrides$prima;
+
+      return (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primaryRetired) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.errors.primaryRetired"
+      });
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
@@ -123,7 +135,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.label
           }) : null,
-          validate: _stripesErmComponents.requiredValidator
+          validate: _validators.required
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
@@ -144,13 +156,13 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
               });
             }
 
-            return (0, _stripesErmComponents.requiredValidator)(v);
+            return (0, _validators.required)(v);
           }
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
-        xs: 12,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 9,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
           component: _components.TextArea,
           label: (_labelOverrides$descr = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.description) !== null && _labelOverrides$descr !== void 0 ? _labelOverrides$descr : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
@@ -161,9 +173,38 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.description
           }) : null,
-          validate: _stripesErmComponents.requiredValidator
+          validate: _validators.required
         })
-      })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+          actions: [{
+            onSelect: addCtx,
+            render: renderAddCtx
+          }],
+          component: _components.MultiSelection,
+          dataOptions: contextOptions,
+          emptyMessage: intl.formatMessage({
+            id: 'stripes-kint-components.customProperties.noCtxFound'
+          }),
+          label: (_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperties.ctx"
+          }),
+          name: "ctx",
+          onChange: function 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]]);
+            } else {
+              change('ctx', undefined);
+            }
+          },
+          validate: function validate(value) {
+            return (value === null || value === void 0 ? void 0 : value.length) > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+              id: "stripes-kint-components.customProperties.ctx.error.moreThanOne"
+            }) : null;
+          }
+        })
+      })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 3,
@@ -178,7 +219,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.weight
           }) : null,
           type: "number",
-          validate: _stripesErmComponents.requiredValidator
+          validate: _validators.required
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 3,
@@ -196,7 +237,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
             value: 'false'
           }],
           format: booleanToString,
-          label: (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          label: (_labelOverrides$prima2 = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima2 !== void 0 ? _labelOverrides$prima2 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-kint-components.customProperties.primary"
           }),
           name: "primary",
@@ -205,7 +246,34 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.primary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.primary
           }) : null,
-          validate: _stripesErmComponents.requiredValidator
+          validate: (0, _validators.composeValidators)(_validators.required, primaryRetiredValidator)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+          component: _components.Select,
+          dataOptions: [{
+            label: intl.formatMessage({
+              id: 'stripes-kint-components.yes'
+            }),
+            value: 'true'
+          }, {
+            label: intl.formatMessage({
+              id: 'stripes-kint-components.no'
+            }),
+            value: 'false'
+          }],
+          format: booleanToString,
+          label: (_labelOverrides$retir = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.retired) !== null && _labelOverrides$retir !== void 0 ? _labelOverrides$retir : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+            id: "stripes-kint-components.customProperties.retired"
+          }),
+          name: "retired",
+          parse: stringToBoolean,
+          required: true,
+          startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.primary ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
+            content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.primary
+          }) : null,
+          validate: (0, _validators.composeValidators)(_validators.required, primaryRetiredValidator)
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 3,
@@ -232,36 +300,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.defaultVisibility ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.defaultVisibility
           }) : null,
-          validate: _stripesErmComponents.requiredValidator
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
-        xs: 3,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-          actions: [{
-            onSelect: addCtx,
-            render: renderAddCtx
-          }],
-          component: _components.MultiSelection,
-          dataOptions: contextOptions,
-          emptyMessage: intl.formatMessage({
-            id: 'stripes-kint-components.customProperties.noCtxFound'
-          }),
-          label: (_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.ctx"
-          }),
-          name: "ctx",
-          onChange: function 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]]);
-            } else {
-              change('ctx', undefined);
-            }
-          },
-          validate: function validate(value) {
-            return (value === null || value === void 0 ? void 0 : value.length) > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-              id: "stripes-kint-components.customProperties.ctx.error.moreThanOne"
-            }) : null;
-          }
+          validate: _validators.required
         })
       })]
     }), !(values !== null && values !== void 0 && values.id) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
@@ -292,6 +331,11 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
               id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyRefdata'
             }),
             value: 'Refdata'
+          }, {
+            label: intl.formatMessage({
+              id: 'stripes-kint-components.customProperties.type.com.k_int.web.toolkit.custprops.types.CustomPropertyLocalDate'
+            }),
+            value: 'LocalDate'
           }],
           label: (_labelOverrides$type = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type) !== null && _labelOverrides$type !== void 0 ? _labelOverrides$type : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-kint-components.customProperties.type"
@@ -301,7 +345,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.type
           }) : null,
-          validate: _stripesErmComponents.requiredValidator
+          validate: _validators.required
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
@@ -319,7 +363,7 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           startControl: helpPopovers !== null && helpPopovers !== void 0 && helpPopovers.category ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.InfoPopover, {
             content: helpPopovers === null || helpPopovers === void 0 ? void 0 : helpPopovers.category
           }) : null,
-          validate: _stripesErmComponents.requiredValidator
+          validate: _validators.required
         })
       })]
     })]

package/es/lib/FormModal/FormModal.js

@@ -59,16 +59,11 @@ var FormModal = function FormModal(_ref) {
         restart();
       };
 
-      var handleSubmitAndClear = function handleSubmitAndClear() {
-        handleSubmit();
-        restart();
-      };
-
       var renderFooter = function renderFooter() {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ModalFooter, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
             buttonStyle: "primary",
-            onClick: handleSubmitAndClear,
+            onClick: handleSubmit,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
               id: "stripes-kint-components.save"
             })
@@ -82,7 +77,7 @@ var FormModal = function FormModal(_ref) {
       };
 
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
-        onSubmit: handleSubmitAndClear,
+        onSubmit: handleSubmit,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
           enforceFocus: false,
           footer: renderFooter(),

package/es/lib/utils/validators.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requiredObject = exports.required = exports.invalidNumber = exports.composeValidators = void 0;
+
+var _reactIntl = require("react-intl");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["_delete"];
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var invalidNumber = function invalidNumber(value) {
+  return value || value === 0 ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    id: "stripes-kint-components.errors.invalidNumber"
+  });
+};
+
+exports.invalidNumber = invalidNumber;
+
+var required = function required(value) {
+  var blankString = /^\s+$/;
+
+  if (value && !blankString.test(value) || value === false || value === 0) {
+    return undefined;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    id: "stripes-core.label.missingRequiredField"
+  });
+};
+
+exports.required = required;
+
+var requiredObject = function requiredObject() {
+  var formValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  // withKiwtFieldArray sets the _delete property on new objects by default
+  // eslint-disable-next-line no-unused-vars
+  var _delete = formValue._delete,
+      value = _objectWithoutProperties(formValue, _excluded);
+
+  if (Object.keys(value).length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-core.label.missingRequiredField"
+    });
+  }
+
+  return undefined;
+};
+
+exports.requiredObject = requiredObject;
+
+var composeValidators = function composeValidators() {
+  for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
+    validators[_key] = arguments[_key];
+  }
+
+  return function (value, allValues, meta) {
+    return validators.reduce(function (error, validator) {
+      return error || validator(value, allValues, meta);
+    }, undefined);
+  };
+};
+
+exports.composeValidators = composeValidators;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(invalidNumber, "invalidNumber", "/home/ethan/FolioModules/stripes-kint-components/src/lib/utils/validators.js");
+  reactHotLoader.register(required, "required", "/home/ethan/FolioModules/stripes-kint-components/src/lib/utils/validators.js");
+  reactHotLoader.register(requiredObject, "requiredObject", "/home/ethan/FolioModules/stripes-kint-components/src/lib/utils/validators.js");
+  reactHotLoader.register(composeValidators, "composeValidators", "/home/ethan/FolioModules/stripes-kint-components/src/lib/utils/validators.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();