@k-int/stripes-kint-components 2.1.2 → 2.3.0

package/CHANGELOG.md

@@ -1,8 +1,30 @@
-## 2.1.2 2022-03-10
-* ActionList -- added a hideCreateButton prop for custom rolled solutions
-
-## 2.1.1 2022-03-10
+## 2.3.0 2022-03-25
+  * FormModal
+    * Ability to override labels for "save" and "cancel"
+    * Ability to override whole footer section
+  * CustomProperties Edit components:
+    * CustomPropertiesEdit
+    * CustomPropertiesEditCtx
+    * CustomPropertiesListField
+    * CustomPropertyField
+    * CustomPropertyFormCard
+    * useAvailableCustomProperties
+  * Refdata hooks and utils
+    * useInvalidateRefdata hook
+    * refdataQueryKey utility function
+    * useRefdata refactored to use the above
+    * useMutateRefdata now invalidates query cache after changes
+  * QueryTypedown
+    * Added "dataFormatter" prop, to allow massaging of data between fetch and injections into Typedown
+  * ActionList
+    * ActionCalls deprecated in favour of a direct `callback` prop on actionAssigner, and separate createCallback prop.
+    * `to` prop on actionAssigner allowing for rendering of <Link/> as opposed to <Button>/<IconButton/>
+## 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

@@ -11,22 +11,100 @@ Object.defineProperty(exports, "ActionList", {
     return _ActionList.default;
   }
 });
+Object.defineProperty(exports, "CustomPropertiesEdit", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesEdit;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesEditCtx", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesEditCtx;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilter", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilter;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilterField", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilterField;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilterFieldArray", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilterFieldArray;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilterForm", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilterForm;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesListField", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesListField;
+  }
+});
 Object.defineProperty(exports, "CustomPropertiesLookup", {
   enumerable: true,
   get: function get() {
-    return _Config.CustomPropertiesLookup;
+    return _CustomProperties.CustomPropertiesLookup;
   }
 });
 Object.defineProperty(exports, "CustomPropertiesSettings", {
   enumerable: true,
   get: function get() {
-    return _Config.CustomPropertiesSettings;
+    return _CustomProperties.CustomPropertiesSettings;
   }
 });
 Object.defineProperty(exports, "CustomPropertiesView", {
   enumerable: true,
   get: function get() {
-    return _Config.CustomPropertiesView;
+    return _CustomProperties.CustomPropertiesView;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesViewCtx", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesViewCtx;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyCard", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyCard;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyField", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyField;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyForm", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyForm;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyFormCard", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyFormCard;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyView", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyView;
   }
 });
 Object.defineProperty(exports, "EditableRefdataList", {
@@ -107,6 +185,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,24 +204,66 @@ Object.defineProperty(exports, "generateKiwtQueryParams", {
     return _utils.generateKiwtQueryParams;
   }
 });
+Object.defineProperty(exports, "groupCustomPropertiesByCtx", {
+  enumerable: true,
+  get: function get() {
+    return _utils.groupCustomPropertiesByCtx;
+  }
+});
+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, "refdataQueryKey", {
+  enumerable: true,
+  get: function get() {
+    return _utils.refdataQueryKey;
+  }
+});
+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() {
     return _utils.selectorSafe;
   }
 });
+Object.defineProperty(exports, "typedownQueryKey", {
+  enumerable: true,
+  get: function get() {
+    return _utils.typedownQueryKey;
+  }
+});
 Object.defineProperty(exports, "useActiveElement", {
   enumerable: true,
   get: function get() {
     return _hooks.useActiveElement;
   }
 });
+Object.defineProperty(exports, "useAvailableCustomProperties", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useAvailableCustomProperties;
+  }
+});
 Object.defineProperty(exports, "useCustomProperties", {
   enumerable: true,
   get: function get() {
@@ -150,6 +276,12 @@ Object.defineProperty(exports, "useHelperApp", {
     return _hooks.useHelperApp;
   }
 });
+Object.defineProperty(exports, "useInvalidateRefdata", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useInvalidateRefdata;
+  }
+});
 Object.defineProperty(exports, "useKiwtFieldArray", {
   enumerable: true,
   get: function get() {
@@ -180,6 +312,18 @@ Object.defineProperty(exports, "useMutateRefdataValue", {
     return _hooks.useMutateRefdataValue;
   }
 });
+Object.defineProperty(exports, "useOperators", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.useOperators;
+  }
+});
+Object.defineProperty(exports, "useParseActiveFilterStrings", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.useParseActiveFilterStrings;
+  }
+});
 Object.defineProperty(exports, "useQIndex", {
   enumerable: true,
   get: function get() {
@@ -209,6 +353,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");
@@ -235,7 +381,7 @@ var _RefdataButtons = _interopRequireDefault(require("./lib/RefdataButtons"));
 
 var _FormModal = _interopRequireDefault(require("./lib/FormModal"));
 
-var _Config = require("./lib/CustomProperties/Config");
+var _CustomProperties = require("./lib/CustomProperties");
 
 var _customPropertyContants = _interopRequireWildcard(require("./lib/constants/customProperties"));
 

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", "createCallback", "editableFields", "fieldComponents", "hideCreateButton", "visibleFields"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -48,8 +48,10 @@ var propTypes = {
   columnMapping: _propTypes.default.object,
   contentData: _propTypes.default.arrayOf(_propTypes.default.object),
   creatableFields: _propTypes.default.object,
+  createCallback: _propTypes.default.func,
   editableFields: _propTypes.default.object,
   fieldComponents: _propTypes.default.object,
+  hideCreateButton: _propTypes.default.bool,
   visibleFields: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 
@@ -61,10 +63,12 @@ var ActionList = function ActionList(_ref) {
       contentData = _ref.contentData,
       _ref$creatableFields = _ref.creatableFields,
       creatableFields = _ref$creatableFields === void 0 ? {} : _ref$creatableFields,
+      createCallback = _ref.createCallback,
       _ref$editableFields = _ref.editableFields,
       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);
 
@@ -75,7 +79,9 @@ var ActionList = function ActionList(_ref) {
         contentData: contentData
       },
       mutators: _finalFormArrays.default,
-      onSubmit: actionCalls.edit,
+      onSubmit: function onSubmit() {
+        return null;
+      },
       subscription: {
         contentData: true
       },
@@ -90,8 +96,10 @@ var ActionList = function ActionList(_ref) {
             columnMapping: columnMapping,
             component: _ActionListFieldArray.default,
             creatableFields: creatableFields,
+            createCallback: createCallback,
             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", "createCallback", "editableFields", "fields", "fieldComponents", "hideCreateButton", "visibleFields"],
     _excluded2 = ["actionListActions"],
     _excluded3 = ["actionListActions"],
     _excluded4 = ["actionListActions"],
@@ -84,10 +84,12 @@ var propTypes = {
   actionCalls: _propTypes.default.object,
   columnMapping: _propTypes.default.object,
   creatableFields: _propTypes.default.object,
+  createCallback: _propTypes.default.func,
   editableFields: _propTypes.default.object,
   fields: _propTypes.default.object,
   fieldComponents: _propTypes.default.object,
   formatter: _propTypes.default.object,
+  hideCreateButton: _propTypes.default.bool,
   visibleFields: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 
@@ -96,9 +98,12 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
       actionCalls = _ref.actionCalls,
       columnMapping = _ref.columnMapping,
       creatableFields = _ref.creatableFields,
+      createCallback = _ref.createCallback,
       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);
 
@@ -132,11 +137,22 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
   };
 
   var handleSave = function handleSave(index) {
+    var _actionAssigner$find;
+
     var _fields$value$index = fields.value[index],
         _a = _fields$value$index.actionListActions,
-        rowData = _objectWithoutProperties(_fields$value$index, _excluded2);
+        rowData = _objectWithoutProperties(_fields$value$index, _excluded2); // Find "edit" entry in actionAssigner
+
+
+    var editCallback = (_actionAssigner$find = actionAssigner.find(function (act) {
+      return act.name === 'edit';
+    })) === null || _actionAssigner$find === void 0 ? void 0 : _actionAssigner$find.callback;
 
-    actionCalls.edit(rowData);
+    if (editCallback) {
+      editCallback(rowData);
+    } else {
+      actionCalls.edit(rowData); // DEPRECATED
+    }
   };
 
   var handleCreate = function handleCreate(index) {
@@ -144,7 +160,11 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
         _a = _fields$value$index2.actionListActions,
         rowData = _objectWithoutProperties(_fields$value$index2, _excluded3);
 
-    actionCalls.create(rowData);
+    if (createCallback) {
+      createCallback(rowData);
+    } else {
+      actionCalls.create(rowData); // DEPRECATED
+    }
   };
 
   var getColumnWidths = function getColumnWidths() {
@@ -208,9 +228,20 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
       children: actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
         var _action$label;
 
-        var actionFunction = function actionFunction() {
-          return actionCalls[action.name](rest);
-        }; // Edit has special action functionality, revealing fields etc.
+        var actionFunction;
+
+        if (action.callback) {
+          actionFunction = function actionFunction() {
+            return action.callback(rest);
+          };
+        }
+
+        if (!actionFunction && actionCalls[action.name]) {
+          actionFunction = function actionFunction() {
+            return actionCalls[action.name](rest);
+          }; // DEPRECATED
+
+        } // Edit has special action functionality, revealing fields etc.
 
 
         if (action.name === 'edit') {
@@ -225,7 +256,12 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
             disabled: editing,
             icon: action.icon,
             marginBottom0: true,
-            onClick: actionFunction
+            onClick: function onClick() {
+              return actionFunction ? actionFunction() : function () {
+                return null;
+              };
+            },
+            to: action.to
           }, "action-".concat(action.name, "[").concat(data.rowIndex, "]"));
         } // Else return a button with the label, or failing that the name of the action
 
@@ -233,7 +269,12 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           disabled: editing,
           marginBottom0: true,
-          onClick: actionFunction,
+          onClick: function onClick() {
+            return actionFunction ? actionFunction() : function () {
+              return null;
+            };
+          },
+          to: action.to,
           children: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : action.name
         }, "action-".concat(action.name, "[").concat(data.rowIndex, "]"));
       })
@@ -328,9 +369,10 @@ 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,
+      disabled: !actionCalls.create && !createCallback // DEPRECATED actionCalls
+      ,
       onClick: function onClick() {
         toggleEditing('NEW_ROW');
         fields.push({});

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

@@ -23,7 +23,7 @@ var _FormModal = _interopRequireDefault(require("../../FormModal/FormModal"));
 
 var _CustomPropertiesLookup = _interopRequireDefault(require("./CustomPropertiesLookup"));
 
-var _CustomPropertiesView = _interopRequireDefault(require("./CustomPropertiesView"));
+var _CustomPropertyView = _interopRequireDefault(require("./CustomPropertyView"));
 
 var _CustomPropertyForm = _interopRequireDefault(require("./CustomPropertyForm"));
 
@@ -222,7 +222,7 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
         return setCustomProperty();
       },
       paneTitle: (_ref3 = (_renderViewPaneTitle = renderViewPaneTitle) !== null && _renderViewPaneTitle !== void 0 ? _renderViewPaneTitle : customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _ref3 !== void 0 ? _ref3 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesView.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, {
         customProperty: customProperty,
         labelOverrides: labelOverrides
       })
@@ -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 ? [{