@k-int/stripes-kint-components 5.36.0 → 5.37.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [5.37.0](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.36.1...v5.37.0) (2026-05-07)
+
+
+### Features
+
+* **Typedown:** Include additionalInfo in render components, introduce new, better, options formatting for _all_ render props ([fe79576](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/fe795769e5037c81f892c494417ba006b7d9a058))
+
+## [5.36.1](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.36.0...v5.36.1) (2026-04-17)
+
+
+### Bug Fixes
+
+* Ensure StaticSettingsField allows unsetting by empty string ([5b36e1b](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/5b36e1b034b9933fbf999c928730063eb3c8c6e0))
+
 # [5.36.0](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.35.0...v5.36.0) (2026-04-16)
 
 

package/README.md

@@ -31,18 +31,33 @@ The gitlab repository for this project can be found [here](https://gitlab.com/kn
   - [Hooks](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/-/tree/main/src/lib/hooks)
   - [Utility functions](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/-/tree/main/src/lib/utils)
 
-## Release Matrix
+## Releases
+
+### Release process
+stripes-kint-components has a semi-automated release process utilising gitlab CI pipelines. The process is as follows:
+- ensure all features on `main` are passing tests and are to be released
+- raise a PR from `main` to `release`
+- once the pipeline passes, merge the request
+- a pipeline will be created to do the actual release from `release`
+  - this pipeline can be tracked via the `release pipeline` badge on the home page.
+- once this is passed, the NPM will be released
+  - this can be checked by the `Latest release` badge
+  - alternatively the `NPM` badge links to the latest release page in NPM
+- once this has happened, the final step is to raise a PR _back_ from `release` to `main`
+  - this ensures that the changelog update and package version are up to date on the main branch
+
+### Release Matrix
 Please note, the "Flower releases" does not indicate final compatibility. In theory, as a built 3rd party artifact, v1 of kint-components should still actually work with an otherwise Orchid (say) frontend.
 
 However as a developer using kint-components locally, the compatibility will differ.
 
 If the compatibility chart below states compatible with a certain flower release and that is not found, check copies of `@folio/stripes`, `@folio/stripes-core` in the workspace with `yarn why`. It is possible that kint-components 2.8.6, say, is compatible with ^6.0.0 of stripes-erm-components (6.0.0 -> Kiwi), which pulls in 6.2.2 on build (6.2.2 -> Morning Glory) and that that difference causes an issue on build locally which would not be present in any production system, and can be worked around by locking the troublesome dependency to the correct one for the release at hand locally.
 
-Release major | Latest release | Flower releases present in (ERM) | Flower compatibility
---- | --- | --- | --- |
-v1 | 1.7.x | Lotus | Kiwi - Morning Glory |
-v2 | 2.8.x | Morning Glory | Kiwi - Morning Glory |
-v3 | 3.2.x | Nolana | Morning Glory - Nolana |
-v4 | 4.7.x | Orchid | Morning Glory - Orchid |
-v5 | 5.5.x | Poppy, Quesnalia | Morning Glory - Quesnalia+ |
+| Release major | Latest release | Flower releases present in (ERM) | Flower compatibility       |
+|---------------|----------------|----------------------------------|----------------------------|
+| v1            | 1.7.x          | Lotus                            | Kiwi - Morning Glory       |
+| v2            | 2.8.x          | Morning Glory                    | Kiwi - Morning Glory       |
+| v3            | 3.2.x          | Nolana                           | Morning Glory - Nolana     |
+| v4            | 4.7.x          | Orchid                           | Morning Glory - Orchid     |
+| v5            | 5.36.x         | Poppy, Quesnalia                 | Morning Glory - Quesnalia+ |
 

package/es/__mocks__/@folio/stripes/components.js

@@ -2,9 +2,13 @@
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
 var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 jest.mock('@folio/stripes-components/lib/Icon', () => _mocks.mockStripesIcon);
-module.exports = {
-  ...jest.requireActual('@folio/stripes/components'),
+module.exports = _objectSpread(_objectSpread({}, jest.requireActual('@folio/stripes/components')), {}, {
   Icon: _mocks.mockStripesIcon,
   LoadingView: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: "LoadingView"
@@ -12,4 +16,4 @@ module.exports = {
   LoadingPane: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: "LoadingPane"
   })
-};
+});

package/es/__mocks__/@folio/stripes/core.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-module.exports = {
-  ...jest.requireActual('@folio/stripes-core'),
-  ..._mocks.mockStripesCore
-};
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+module.exports = _objectSpread(_objectSpread({}, jest.requireActual('@folio/stripes-core')), _mocks.mockStripesCore);

package/es/__mocks__/@folio/stripes/smart-components.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-module.exports = {
-  ...jest.requireActual('@folio/stripes/smart-components'),
-  ..._mocks.mockStripesSmartComponents
-};
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+module.exports = _objectSpread(_objectSpread({}, jest.requireActual('@folio/stripes/smart-components')), _mocks.mockStripesSmartComponents);

package/es/__mocks__/react-query.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-module.exports = {
-  ...jest.requireActual('react-query'),
-  ..._mocks.mockReactQuery
-};
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+module.exports = _objectSpread(_objectSpread({}, jest.requireActual('react-query')), _mocks.mockReactQuery);

package/es/__mocks__/react-router-dom.js

@@ -1,9 +1,9 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-// FIXME currently since erm-testing exports TestForm using stripes-components, we have an issue
-
-module.exports = {
-  ...jest.requireActual('react-router-dom'),
-  ..._mocks.mockReactRouterDom
-};
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // FIXME currently since erm-testing exports TestForm using stripes-components, we have an issue
+module.exports = _objectSpread(_objectSpread({}, jest.requireActual('react-router-dom')), _mocks.mockReactRouterDom);

package/es/lib/ActionList/ActionList.js

@@ -11,8 +11,16 @@ var _reactFinalFormArrays = require("react-final-form-arrays");
 var _finalFormArrays = _interopRequireDefault(require("final-form-arrays"));
 var _ActionListFieldArray = _interopRequireDefault(require("./ActionListFieldArray"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["actionAssigner", "columnMapping", "contentData", "creatableFields", "createCallback", "defaultNewObject", "editableFields", "fieldComponents", "hideActionsColumn", "hideCreateButton", "intlKey", "intlNS", "label", "labelOverrides", "validateFields", "visibleFields"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const propTypes = {
   actionAssigner: _propTypes.default.func,
   columnMapping: _propTypes.default.object,
@@ -32,29 +40,32 @@ const propTypes = {
   visibleFields: _propTypes.default.arrayOf(_propTypes.default.string)
 };
 const ActionList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    actionAssigner,
-    columnMapping,
-    contentData,
-    creatableFields = {},
-    createCallback,
-    defaultNewObject = {},
-    editableFields = {},
-    fieldComponents = {},
-    hideActionsColumn = false,
-    hideCreateButton,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    label,
-    labelOverrides = {},
-    validateFields,
-    visibleFields,
-    ...mclProps // Assume anything left over is to directly apply to the MCL
-  } = _ref;
-  const ActionListFieldArrayWithRef = alfaProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionListFieldArray.default, {
-    ref: ref,
-    ...alfaProps
-  });
+  let actionAssigner = _ref.actionAssigner,
+    columnMapping = _ref.columnMapping,
+    contentData = _ref.contentData,
+    _ref$creatableFields = _ref.creatableFields,
+    creatableFields = _ref$creatableFields === void 0 ? {} : _ref$creatableFields,
+    createCallback = _ref.createCallback,
+    _ref$defaultNewObject = _ref.defaultNewObject,
+    defaultNewObject = _ref$defaultNewObject === void 0 ? {} : _ref$defaultNewObject,
+    _ref$editableFields = _ref.editableFields,
+    editableFields = _ref$editableFields === void 0 ? {} : _ref$editableFields,
+    _ref$fieldComponents = _ref.fieldComponents,
+    fieldComponents = _ref$fieldComponents === void 0 ? {} : _ref$fieldComponents,
+    _ref$hideActionsColum = _ref.hideActionsColumn,
+    hideActionsColumn = _ref$hideActionsColum === void 0 ? false : _ref$hideActionsColum,
+    hideCreateButton = _ref.hideCreateButton,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    label = _ref.label,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    validateFields = _ref.validateFields,
+    visibleFields = _ref.visibleFields,
+    mclProps = _objectWithoutProperties(_ref, _excluded);
+  const ActionListFieldArrayWithRef = alfaProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionListFieldArray.default, _objectSpread({
+    ref: ref
+  }, alfaProps));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
       enableReinitialize: true,
@@ -67,14 +78,12 @@ const ActionList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         contentData: true
       },
       children: _ref2 => {
-        let {
-          handleSubmit
-        } = _ref2;
+        let handleSubmit = _ref2.handleSubmit;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
           onSubmit: e => {
             e.preventDefault();
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, _objectSpread({
             actionAssigner: actionAssigner,
             columnMapping: columnMapping,
             component: ActionListFieldArrayWithRef,
@@ -92,9 +101,8 @@ const ActionList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             name: "contentData",
             triggerFormSubmit: handleSubmit,
             validateFields: validateFields,
-            visibleFields: visibleFields,
-            ...mclProps
-          })
+            visibleFields: visibleFields
+          }, mclProps))
         });
       }
     })