@k-int/stripes-kint-components 5.29.1 → 5.31.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# [5.31.0](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.30.0...v5.31.0) (2025-12-12)
+
+
+### Bug Fixes
+
+* **Typedown:** Prevent typedown from closing when scrollbar is clicked ([34d072a](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/34d072ab76570953343f6ab221eb7a87e0e0957b))
+
+
+### Features
+
+* **ButtonTypedown:** Added new Typedown variant specifically designed to work more like a dropdown with the search inside the list ([7d2be52](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/7d2be52ab9015cfbd11920c7ba193d3f7a2fff9f))
+* **Typedown:** Ability to renderHeader, improvements to focus handling ([d7cd617](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/d7cd617f5e66840d83deca046d3dc51979f6be69))
+* **Typedown:** Typedown renderTrigger and getDisplayValue ([3c492ca](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/3c492ca8de9cb3a0c2d48d99670a4e6b187bb3d0))
+
+# [5.30.0](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.29.1...v5.30.0) (2025-12-10)
+
+
+### Features
+
+* **useTagsEnabled:** Add useSettings prop to enable use of mod-settings instead of mod-config ([cc55dd4](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/cc55dd486a5f7036e4aef18d5f154ce0d450acbc))
+
 ## [5.29.1](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.29.0...v5.29.1) (2025-11-27)
 
 

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

@@ -2,13 +2,9 @@
 
 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 = _objectSpread(_objectSpread({}, jest.requireActual('@folio/stripes/components')), {}, {
+module.exports = {
+  ...jest.requireActual('@folio/stripes/components'),
   Icon: _mocks.mockStripesIcon,
   LoadingView: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: "LoadingView"
@@ -16,4 +12,4 @@ module.exports = _objectSpread(_objectSpread({}, jest.requireActual('@folio/stri
   LoadingPane: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: "LoadingPane"
   })
-});
+};

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

@@ -1,9 +1,7 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-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);
+module.exports = {
+  ...jest.requireActual('@folio/stripes-core'),
+  ..._mocks.mockStripesCore
+};

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

@@ -1,9 +1,7 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-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);
+module.exports = {
+  ...jest.requireActual('@folio/stripes/smart-components'),
+  ..._mocks.mockStripesSmartComponents
+};

package/es/__mocks__/react-query.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _mocks = require("@folio/stripes-erm-testing/jest/mocks");
-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);
+module.exports = {
+  ...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");
-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);
+// FIXME currently since erm-testing exports TestForm using stripes-components, we have an issue
+
+module.exports = {
+  ...jest.requireActual('react-router-dom'),
+  ..._mocks.mockReactRouterDom
+};

package/es/index.js

@@ -7,6 +7,7 @@ var _exportNames = {
   ActionList: true,
   Typedown: true,
   QueryTypedown: true,
+  ButtonTypedown: true,
   SearchField: true,
   SearchKeyControl: true,
   SASQRoute: true,
@@ -53,6 +54,12 @@ Object.defineProperty(exports, "ActionList", {
     return _ActionList.default;
   }
 });
+Object.defineProperty(exports, "ButtonTypedown", {
+  enumerable: true,
+  get: function () {
+    return _ButtonTypedown.default;
+  }
+});
 Object.defineProperty(exports, "ComboButton", {
   enumerable: true,
   get: function () {
@@ -339,6 +346,7 @@ Object.keys(_Settings).forEach(function (key) {
 var _ActionList = _interopRequireDefault(require("./lib/ActionList"));
 var _Typedown = _interopRequireDefault(require("./lib/Typedown"));
 var _QueryTypedown = _interopRequireDefault(require("./lib/QueryTypedown"));
+var _ButtonTypedown = _interopRequireDefault(require("./lib/ButtonTypedown"));
 var _SearchField = _interopRequireDefault(require("./lib/SearchField"));
 var _SearchKeyControl = _interopRequireDefault(require("./lib/SearchKeyControl"));
 var _SASQRoute = _interopRequireDefault(require("./lib/SASQRoute"));

package/es/lib/ActionList/ActionList.js

@@ -11,16 +11,8 @@ 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,
@@ -41,28 +33,28 @@ const propTypes = {
 };
 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
-      // Assume anything left over is to directly apply to the MCL
-    } = _ref,
-    mclProps = _objectWithoutProperties(_ref, _excluded);
-  const ActionListFieldArrayWithRef = alfaProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionListFieldArray.default, _objectSpread({
-    ref: ref
-  }, alfaProps));
+    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
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
       enableReinitialize: true,
@@ -82,7 +74,7 @@ const ActionList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           onSubmit: e => {
             e.preventDefault();
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, _objectSpread({
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
             actionAssigner: actionAssigner,
             columnMapping: columnMapping,
             component: ActionListFieldArrayWithRef,
@@ -100,8 +92,9 @@ const ActionList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
             name: "contentData",
             triggerFormSubmit: handleSubmit,
             validateFields: validateFields,
-            visibleFields: visibleFields
-          }, mclProps))
+            visibleFields: visibleFields,
+            ...mclProps
+          })
         });
       }
     })