@k-int/stripes-kint-components 1.7.0 → 2.1.0

package/es/lib/Typedown/Typedown.js

@@ -17,8 +17,6 @@ var _get3 = _interopRequireDefault(require("lodash/get"));
 
 var _components = require("@folio/stripes/components");
 
-var _interactionStyles = require("@folio/stripes-components/lib/sharedStyles/interactionStyles.css");
-
 var _SearchField = _interopRequireDefault(require("../SearchField"));
 
 var _TypeDown = _interopRequireDefault(require("../../../styles/TypeDown.css"));
@@ -57,9 +55,14 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 var Typedown = function Typedown(_ref) {
-  var dataOptions = _ref.dataOptions,
+  var className = _ref.className,
+      dataOptions = _ref.dataOptions,
+      endOfList = _ref.endOfList,
+      id = _ref.id,
       input = _ref.input,
+      isSelected = _ref.isSelected,
       filterPath = _ref.filterPath,
+      label = _ref.label,
       meta = _ref.meta,
       onChange = _ref.onChange,
       onType = _ref.onType,
@@ -67,6 +70,7 @@ var Typedown = function Typedown(_ref) {
       renderFooter = _ref$renderFooter === void 0 ? null : _ref$renderFooter,
       _ref$renderListItem = _ref.renderListItem,
       renderListItem = _ref$renderListItem === void 0 ? null : _ref$renderListItem,
+      required = _ref.required,
       _ref$uniqueIdentifica = _ref.uniqueIdentificationPath,
       uniqueIdentificationPath = _ref$uniqueIdentifica === void 0 ? 'id' : _ref$uniqueIdentifica;
   var selectedUniqueId = (0, _get3.default)(input.value, uniqueIdentificationPath); // Display data needs to be in line with data options but also able to react to default handleType
@@ -74,7 +78,18 @@ var Typedown = function Typedown(_ref) {
   var _useState = (0, _react.useState)(dataOptions),
       _useState2 = _slicedToArray(_useState, 2),
       displayData = _useState2[0],
-      setDisplayData = _useState2[1];
+      setDisplayData = _useState2[1]; // keep track of what we've typed and whether we've typed an exact match or not
+
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentlyTyped = _useState4[0],
+      setCurrentlyTyped = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      exactMatch = _useState6[0],
+      setExactMatch = _useState6[1];
 
   (0, _react.useEffect)(function () {
     setDisplayData(dataOptions);
@@ -102,6 +117,14 @@ var Typedown = function Typedown(_ref) {
     } else {
       setDisplayData(dataOptions);
     }
+
+    setCurrentlyTyped(e.target.value);
+
+    if (displayData.length === 1 && (0, _get3.default)(displayData[0], filterPath) === e.target.value) {
+      setExactMatch(true);
+    } else {
+      setExactMatch(false);
+    }
   }; // Hook to set up all the essentials
 
 
@@ -124,9 +147,9 @@ var Typedown = function Typedown(_ref) {
   var renderItem = (0, _react.useCallback)(function (option) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _TypeDown.default.listItem,
-      children: renderListItem ? renderListItem(option) : (0, _get3.default)(option, uniqueIdentificationPath)
+      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get3.default)(option, uniqueIdentificationPath)
     });
-  }, [renderListItem, uniqueIdentificationPath]);
+  }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
   var handleChange = (0, _react.useCallback)(function (value) {
     input.onChange(value);
 
@@ -146,10 +169,10 @@ var Typedown = function Typedown(_ref) {
         className: _TypeDown.default.listContainer,
         id: "typedown-list",
         children: displayData !== null && displayData !== void 0 && displayData.length ? displayData === null || displayData === void 0 ? void 0 : displayData.map(function (d, index) {
-          var isSelected = (0, _get3.default)(input.value, uniqueIdentificationPath) === (0, _get3.default)(d, uniqueIdentificationPath);
+          var isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get3.default)(input.value, uniqueIdentificationPath) === (0, _get3.default)(d, uniqueIdentificationPath);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-            className: (0, _classnames.default)(_interactionStyles.interactionStyles, _TypeDown.default.fullWidth, _TypeDown.default.menuButton),
-            "data-selected": isSelected,
+            className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton),
+            "data-selected": isSelectedEval,
             id: "typedown-button-[".concat(index, "]"),
             onClick: function onClick() {
               handleChange(d);
@@ -159,18 +182,15 @@ var Typedown = function Typedown(_ref) {
             type: "button",
             children: renderItem(d)
           }, "typedown-button-[".concat(index, "]"));
-        }) :
-        /*#__PURE__*/
-        // TODO test this
-        (0, _jsxRuntime.jsx)(_components.EndOfList, {})
+        }) : endOfList || /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EndOfList, {})
       }), renderFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: footerRef,
         className: _TypeDown.default.footer,
         id: "typedown-footer-".concat((0, _selectorSafe.default)(input.name)),
-        children: renderFooter()
+        children: renderFooter(displayData, currentlyTyped, exactMatch)
       })]
     });
-  }, [displayData, footerRef, handleChange, handleNextFocus, input, listKeyDownHandler, listRef, renderFooter, renderItem, searchWidth, uniqueIdentificationPath]);
+  }, [currentlyTyped, displayData, endOfList, exactMatch, footerRef, handleChange, handleNextFocus, input, isSelected, listKeyDownHandler, listRef, renderFooter, renderItem, searchWidth, uniqueIdentificationPath]);
 
   var renderSearchField = function renderSearchField() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -189,7 +209,13 @@ var Typedown = function Typedown(_ref) {
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
-    children: [renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
+    className: (0, _classnames.default)(_TypeDown.default.typedown, className),
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Label, {
+      htmlFor: id,
+      id: "".concat(id, "-label"),
+      required: required,
+      children: label
+    }), renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),
       isOpen: open,
@@ -215,7 +241,7 @@ var Typedown = function Typedown(_ref) {
       portal: portal,
       children: dropDown()
     }, "typedown-menu-toggle"), selectedUniqueId && !open && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(_TypeDown.default.selected, _TypeDown.default.selectedDisplay),
+      className: (0, _classnames.default)(_TypeDown.default.selectedDisplay),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: _TypeDown.default.selectedItem,
         children: renderItem(input.value)
@@ -230,19 +256,25 @@ var Typedown = function Typedown(_ref) {
   });
 };
 
-__signature__(Typedown, "useState{[displayData, setDisplayData](dataOptions)}\nuseEffect{}\nuseTypedown{{\n    refs: {\n      listRef,\n      triggerRef,\n      overlayRef,\n      footerRef\n    },\n    handlers: {\n      handleNextFocus,\n      listKeyDownHandler,\n      searchFieldKeyDownHandler\n    },\n    variables: {\n      open,\n      portal,\n      resizeRef,\n      searchWidth\n    }\n  }}\nuseCallback{renderItem}\nuseCallback{handleChange}\nuseCallback{dropDown}", function () {
+__signature__(Typedown, "useState{[displayData, setDisplayData](dataOptions)}\nuseState{[currentlyTyped, setCurrentlyTyped]('')}\nuseState{[exactMatch, setExactMatch](false)}\nuseEffect{}\nuseTypedown{{\n    refs: {\n      listRef,\n      triggerRef,\n      overlayRef,\n      footerRef\n    },\n    handlers: {\n      handleNextFocus,\n      listKeyDownHandler,\n      searchFieldKeyDownHandler\n    },\n    variables: {\n      open,\n      portal,\n      resizeRef,\n      searchWidth\n    }\n  }}\nuseCallback{renderItem}\nuseCallback{handleChange}\nuseCallback{dropDown}", function () {
   return [_typedownHooks.useTypedown];
 });
 
 Typedown.propTypes = {
+  className: _propTypes.default.string,
   dataOptions: _propTypes.default.arrayOf(_propTypes.default.object),
+  endOfList: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node, _propTypes.default.element]),
   filterPath: _propTypes.default.string,
+  id: _propTypes.default.string,
   input: _propTypes.default.object,
+  isSelected: _propTypes.default.func,
+  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
   meta: _propTypes.default.object,
   onChange: _propTypes.default.func,
   onType: _propTypes.default.func,
   renderFooter: _propTypes.default.func,
   renderListItem: _propTypes.default.func,
+  required: _propTypes.default.bool,
   uniqueIdentificationPath: _propTypes.default.string
 };
 var _default = Typedown;

package/es/lib/constants/customProperties.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TYPE_CLASS_PREFIX = exports.TEXT_CLASS_NAME = exports.REFDATA_DEFINITION_CLASS_NAME = exports.REFDATA_CLASS_NAME = exports.INTEGER_CLASS_NAME = exports.DECIMAL_CLASS_NAME = exports.CONTAINER_CLASS_NAME = exports.BOOLEAN_CLASS_NAME = exports.BLOB_CLASS_NAME = void 0;
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var TYPE_CLASS_PREFIX = 'com.k_int.web.toolkit.custprops.types.CustomProperty';
+exports.TYPE_CLASS_PREFIX = TYPE_CLASS_PREFIX;
+var BLOB_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyBlob';
+exports.BLOB_CLASS_NAME = BLOB_CLASS_NAME;
+var BOOLEAN_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyBoolean';
+exports.BOOLEAN_CLASS_NAME = BOOLEAN_CLASS_NAME;
+var CONTAINER_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyContainer';
+exports.CONTAINER_CLASS_NAME = CONTAINER_CLASS_NAME;
+var DECIMAL_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyDecimal';
+exports.DECIMAL_CLASS_NAME = DECIMAL_CLASS_NAME;
+var INTEGER_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyInteger';
+exports.INTEGER_CLASS_NAME = INTEGER_CLASS_NAME;
+var REFDATA_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyRefdata';
+exports.REFDATA_CLASS_NAME = REFDATA_CLASS_NAME;
+var REFDATA_DEFINITION_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyRefdataDefinition';
+exports.REFDATA_DEFINITION_CLASS_NAME = REFDATA_DEFINITION_CLASS_NAME;
+var TEXT_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyText';
+exports.TEXT_CLASS_NAME = TEXT_CLASS_NAME;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(TYPE_CLASS_PREFIX, "TYPE_CLASS_PREFIX", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(BLOB_CLASS_NAME, "BLOB_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(BOOLEAN_CLASS_NAME, "BOOLEAN_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(CONTAINER_CLASS_NAME, "CONTAINER_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(DECIMAL_CLASS_NAME, "DECIMAL_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(INTEGER_CLASS_NAME, "INTEGER_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(REFDATA_CLASS_NAME, "REFDATA_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(REFDATA_DEFINITION_CLASS_NAME, "REFDATA_DEFINITION_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+  reactHotLoader.register(TEXT_CLASS_NAME, "TEXT_CLASS_NAME", "/home/ethan/FolioModules/stripes-kint-components/src/lib/constants/customProperties.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/hooks/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "useActiveElement", {
     return _useActiveElement.default;
   }
 });
+Object.defineProperty(exports, "useCustomProperties", {
+  enumerable: true,
+  get: function get() {
+    return _useCustomProperties.default;
+  }
+});
 Object.defineProperty(exports, "useHelperApp", {
   enumerable: true,
   get: function get() {
@@ -33,6 +39,12 @@ Object.defineProperty(exports, "useLocalStorageState", {
     return _useLocalStorageState.default;
   }
 });
+Object.defineProperty(exports, "useMutateCustomProperties", {
+  enumerable: true,
+  get: function get() {
+    return _useMutateCustomProperties.default;
+  }
+});
 Object.defineProperty(exports, "useMutateRefdataValue", {
   enumerable: true,
   get: function get() {
@@ -90,6 +102,10 @@ var _settingsHooks = require("./settingsHooks");
 
 var _useKiwtFieldArray = _interopRequireDefault(require("./useKiwtFieldArray"));
 
+var _useCustomProperties = _interopRequireDefault(require("./useCustomProperties"));
+
+var _useMutateCustomProperties = _interopRequireDefault(require("./useMutateCustomProperties"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {

package/es/lib/hooks/useCustomProperties.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactQuery = require("react-query");
+
+var _core = require("@folio/stripes/core");
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var useCustomProperties = function useCustomProperties(_ref) {
+  var endpoint = _ref.endpoint,
+      ctx = _ref.ctx,
+      _ref$nsValues = _ref.nsValues,
+      nsValues = _ref$nsValues === void 0 ? {
+    sort: 'id'
+  } : _ref$nsValues,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? {} : _ref$options,
+      queryParams = _ref.queryParams,
+      _ref$returnQueryObjec = _ref.returnQueryObject,
+      returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec;
+  var ky = (0, _core.useOkapiKy)();
+
+  var custPropOptions = _objectSpread({
+    searchKey: 'label,name,description',
+    filterKeys: {
+      ContextKey: 'ctx'
+    },
+    filters: [],
+    stats: false,
+    max: 100
+  }, options);
+
+  if (Array.isArray(ctx)) {
+    // If we have an array, append a context filter for each ctx given
+    // Special case if one is isNull
+    custPropOptions.filters.push({
+      values: ctx.map(function (c) {
+        return c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c);
+      })
+    });
+  } else if (ctx === 'isNull') {
+    // isNull is a special case
+    custPropOptions.filters.push({
+      value: 'ctx isNull'
+    });
+  } else if (ctx) {
+    custPropOptions.filters.push({
+      path: 'ctx',
+      value: ctx
+    });
+  }
+
+  var query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
+  var path = "".concat(endpoint).concat(query);
+  var queryObject = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useCustomProperties', 'custprops', ctx, path], function () {
+    return ky(path).json();
+  }, queryParams);
+
+  if (returnQueryObject) {
+    return queryObject || {};
+  }
+
+  var custprops = queryObject.data;
+  return custprops || [];
+};
+
+__signature__(useCustomProperties, "useOkapiKy{ky}\nuseQuery{queryObject}", function () {
+  return [_core.useOkapiKy, _reactQuery.useQuery];
+});
+
+useCustomProperties.propTypes = {
+  endpoint: _propTypes.default.string,
+  ctx: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  queryParams: _propTypes.default.object,
+  returnQueryObject: _propTypes.default.bool
+};
+var _default = useCustomProperties;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(useCustomProperties, "useCustomProperties", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/useCustomProperties.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/useCustomProperties.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/hooks/useMutateCustomProperties.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactQuery = require("react-query");
+
+var _core = require("@folio/stripes/core");
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var useMutateCustomProperties = function useMutateCustomProperties(_ref) {
+  var afterQueryCalls = _ref.afterQueryCalls,
+      endpoint = _ref.endpoint,
+      id = _ref.id,
+      queryParams = _ref.queryParams,
+      _ref$returnQueryObjec = _ref.returnQueryObject,
+      returnQueryObject = _ref$returnQueryObjec === void 0 ? {
+    post: false,
+    put: false,
+    delete: false
+  } : _ref$returnQueryObjec;
+  var returnObj = {};
+  var ky = (0, _core.useOkapiKy)();
+  var deleteQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'delete', id], /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", ky.delete("".concat(endpoint, "/").concat(id)).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.delete));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), queryParams === null || queryParams === void 0 ? void 0 : queryParams.delete);
+  var putQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'put', id], /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(data) {
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", ky.put("".concat(endpoint, "/").concat(id), {
+                json: data
+              }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.put));
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), queryParams === null || queryParams === void 0 ? void 0 : queryParams.put);
+  var postQueryObject = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useMutateCustomProperties', 'post'], /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(data) {
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              return _context3.abrupt("return", ky.post("".concat(endpoint), {
+                json: data
+              }).json().then(afterQueryCalls === null || afterQueryCalls === void 0 ? void 0 : afterQueryCalls.post));
+
+            case 1:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function (_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), queryParams === null || queryParams === void 0 ? void 0 : queryParams.post);
+
+  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.delete) {
+    returnObj.delete = deleteQueryObject;
+  } else {
+    returnObj.delete = deleteQueryObject.mutateAsync;
+  }
+
+  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.put) {
+    returnObj.put = putQueryObject;
+  } else {
+    returnObj.put = putQueryObject.mutateAsync;
+  }
+
+  if (returnQueryObject !== null && returnQueryObject !== void 0 && returnQueryObject.post) {
+    returnObj.post = postQueryObject;
+  } else {
+    returnObj.post = postQueryObject.mutateAsync;
+  }
+
+  return returnObj;
+};
+
+__signature__(useMutateCustomProperties, "useOkapiKy{ky}\nuseMutation{deleteQueryObject}\nuseMutation{putQueryObject}\nuseMutation{postQueryObject}", function () {
+  return [_core.useOkapiKy, _reactQuery.useMutation, _reactQuery.useMutation, _reactQuery.useMutation];
+});
+
+var _default = useMutateCustomProperties;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(useMutateCustomProperties, "useMutateCustomProperties", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/useMutateCustomProperties.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/useMutateCustomProperties.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/utils/generateKiwtQueryParams.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _excluded = ["searchKey", "filterKeys", "sortKeys", "stats"];
+var _excluded = ["searchKey", "filterKeys", "sortKeys", "stats", "sort", "filters"];
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -55,6 +55,8 @@ var generateKiwtQueryParams = function generateKiwtQueryParams(options, nsValues
       sortKeys = _options$sortKeys === void 0 ? {} : _options$sortKeys,
       _options$stats = options.stats,
       stats = _options$stats === void 0 ? true : _options$stats,
+      optionsSort = options.sort,
+      optionsFilters = options.filters,
       rest = _objectWithoutProperties(options, _excluded);
 
   var paramsArray = [];
@@ -68,13 +70,41 @@ var generateKiwtQueryParams = function generateKiwtQueryParams(options, nsValues
     paramsArray.push("term=".concat(query));
   }
 
-  if (filters) {
+  if (optionsFilters) {
+    optionsFilters.forEach(function (opf) {
+      if (opf !== null && opf !== void 0 && opf.values) {
+        // Build the values filter block
+        var innerFilters = [];
+        opf.values.forEach(function (opfv) {
+          if (opf.path) {
+            var _opf$comparator;
+
+            innerFilters.push("".concat(opf.path).concat((_opf$comparator = opf.comparator) !== null && _opf$comparator !== void 0 ? _opf$comparator : '==').concat(opfv));
+          } else {
+            innerFilters.push(opfv);
+          }
+        });
+        paramsArray.push("filters=".concat(innerFilters.join('||')));
+      } else if (opf !== null && opf !== void 0 && opf.value) {
+        // If no value OR values, then ignore
+        if (opf.path) {
+          var _opf$comparator2;
+
+          paramsArray.push("filters=".concat(opf.path).concat((_opf$comparator2 = opf.comparator) !== null && _opf$comparator2 !== void 0 ? _opf$comparator2 : '==').concat(opf.value));
+        } else {
+          paramsArray.push("filters=".concat(opf.value));
+        }
+      }
+    });
+  } else if (filters) {
     var filterMap = {};
     filters.split(',').forEach(function (filter) {
-      var _filter$split = filter.split('.'),
-          _filter$split2 = _toArray(_filter$split),
-          filterName = _filter$split2[0],
-          filterRest = _filter$split2.slice(1);
+      var _filter$trim;
+
+      var _filter$trim$split = (_filter$trim = filter.trim()) === null || _filter$trim === void 0 ? void 0 : _filter$trim.split('.'),
+          _filter$trim$split2 = _toArray(_filter$trim$split),
+          filterName = _filter$trim$split2[0],
+          filterRest = _filter$trim$split2.slice(1);
 
       var filterValue = filterRest.join('.');
       if (filterMap[filterName] === undefined) filterMap[filterName] = [];
@@ -102,8 +132,21 @@ var generateKiwtQueryParams = function generateKiwtQueryParams(options, nsValues
     });
   }
 
-  if (sort) {
-    paramsArray.push.apply(paramsArray, _toConsumableArray(sort.split(',').map(function (sortKey) {
+  if (optionsSort && optionsSort.length > 0) {
+    optionsSort.forEach(function (os) {
+      if (os.value) {
+        paramsArray.push("sort=".concat(os.value));
+      } else if (os.path) {
+        var _os$direction;
+
+        // If no path then ignore
+        paramsArray.push("sort=".concat(os.path, ";").concat((_os$direction = os.direction) !== null && _os$direction !== void 0 ? _os$direction : 'asc'));
+      }
+    });
+  } else if (sort) {
+    var _sort$trim;
+
+    paramsArray.push.apply(paramsArray, _toConsumableArray((_sort$trim = sort.trim()) === null || _sort$trim === void 0 ? void 0 : _sort$trim.split(',').map(function (sortKey) {
       var descending = sortKey.startsWith('-');
       var term = sortKey.replace('-', '');