@k-int/stripes-kint-components 2.8.6 → 2.8.7

package/es/lib/Typedown/Typedown.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _get3 = _interopRequireDefault(require("lodash/get"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../SearchField"));
 var _TypeDown = _interopRequireDefault(require("../../../styles/TypeDown.css"));
@@ -16,75 +15,52 @@ var _typedownHooks = require("../hooks/typedownHooks");
 var _selectorSafe = _interopRequireDefault(require("../utils/selectorSafe"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Typedown = function Typedown(_ref) {
-  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,
-    _ref$renderFooter = _ref.renderFooter,
-    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);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Typedown = _ref => {
+  let {
+    className,
+    dataOptions,
+    endOfList,
+    id,
+    input,
+    isSelected,
+    filterPath,
+    label,
+    meta,
+    onChange,
+    onType,
+    renderFooter = null,
+    renderListItem = null,
+    required,
+    uniqueIdentificationPath = 'id'
+  } = _ref;
+  const selectedUniqueId = (0, _get.default)(input.value, uniqueIdentificationPath);
 
   // Display data needs to be in line with data options but also able to react to default handleType
-  var _useState = (0, _react.useState)(dataOptions),
-    _useState2 = _slicedToArray(_useState, 2),
-    displayData = _useState2[0],
-    setDisplayData = _useState2[1];
+  const [displayData, setDisplayData] = (0, _react.useState)(dataOptions);
 
   // 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 () {
+  const [currentlyTyped, setCurrentlyTyped] = (0, _react.useState)('');
+  const [exactMatch, setExactMatch] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setDisplayData(dataOptions);
   }, [dataOptions]);
 
   // Setup default handleType
-  var handleType = function handleType(e) {
-    var _e$target, _e$target2;
-    var regex = new RegExp("".concat(e.target.value.toLowerCase()));
+  const handleType = e => {
+    const regex = new RegExp(`${e.target.value.toLowerCase()}`);
     if (onType) {
       onType(e);
-    } else if (filterPath && e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
-      setDisplayData(dataOptions.filter(function (item) {
-        var _get, _get$toLowerCase;
-        return (_get = (0, _get3.default)(item, filterPath)) === null || _get === void 0 ? void 0 : (_get$toLowerCase = _get.toLowerCase()) === null || _get$toLowerCase === void 0 ? void 0 : _get$toLowerCase.match(regex);
-      }));
-    } else if (e !== null && e !== void 0 && (_e$target2 = e.target) !== null && _e$target2 !== void 0 && _e$target2.value) {
-      setDisplayData(dataOptions.filter(function (item) {
-        var _get2, _get2$toLowerCase;
-        return (_get2 = (0, _get3.default)(item, uniqueIdentificationPath)) === null || _get2 === void 0 ? void 0 : (_get2$toLowerCase = _get2.toLowerCase()) === null || _get2$toLowerCase === void 0 ? void 0 : _get2$toLowerCase.match(regex);
-      }));
+    } else if (filterPath && e?.target?.value) {
+      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, filterPath)?.toLowerCase()?.match(regex)));
+    } else if (e?.target?.value) {
+      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, uniqueIdentificationPath)?.toLowerCase()?.match(regex)));
     } else {
       setDisplayData(dataOptions);
     }
     setCurrentlyTyped(e.target.value);
-    if (displayData.length === 1 && (0, _get3.default)(displayData[0], filterPath) === e.target.value) {
+    if (displayData.length === 1 && (0, _get.default)(displayData[0], filterPath) === e.target.value) {
       setExactMatch(true);
     } else {
       setExactMatch(false);
@@ -92,75 +68,77 @@ var Typedown = function Typedown(_ref) {
   };
 
   // Hook to set up all the essentials
-  var _useTypedown = (0, _typedownHooks.useTypedown)(input.name),
-    _useTypedown$refs = _useTypedown.refs,
-    listRef = _useTypedown$refs.listRef,
-    triggerRef = _useTypedown$refs.triggerRef,
-    overlayRef = _useTypedown$refs.overlayRef,
-    footerRef = _useTypedown$refs.footerRef,
-    _useTypedown$handlers = _useTypedown.handlers,
-    handleNextFocus = _useTypedown$handlers.handleNextFocus,
-    listKeyDownHandler = _useTypedown$handlers.listKeyDownHandler,
-    searchFieldKeyDownHandler = _useTypedown$handlers.searchFieldKeyDownHandler,
-    _useTypedown$variable = _useTypedown.variables,
-    open = _useTypedown$variable.open,
-    portal = _useTypedown$variable.portal,
-    resizeRef = _useTypedown$variable.resizeRef,
-    searchWidth = _useTypedown$variable.searchWidth;
-  var renderItem = (0, _react.useCallback)(function (option) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _TypeDown.default.listItem,
-      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get3.default)(option, uniqueIdentificationPath)
-    });
-  }, [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
-  var handleChange = (0, _react.useCallback)(function (value) {
+  const {
+    refs: {
+      listRef,
+      triggerRef,
+      overlayRef,
+      footerRef
+    },
+    handlers: {
+      handleNextFocus,
+      listKeyDownHandler,
+      searchFieldKeyDownHandler
+    },
+    variables: {
+      open,
+      portal,
+      resizeRef,
+      searchWidth
+    }
+  } = (0, _typedownHooks.useTypedown)(input.name);
+  const renderItem = (0, _react.useCallback)(option => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _TypeDown.default.listItem,
+    children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch) : (0, _get.default)(option, uniqueIdentificationPath)
+  }), [currentlyTyped, exactMatch, renderListItem, uniqueIdentificationPath]);
+  const handleChange = (0, _react.useCallback)(value => {
     input.onChange(value);
     if (typeof onChange === 'function') {
       onChange(value);
     }
   }, [input, onChange]);
-  var dropDown = (0, _react.useCallback)(function () {
+  const dropDown = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _TypeDown.default.dropdownMenu,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-menu"),
+      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-menu`,
       style: {
-        '--searchWidth': "".concat(searchWidth, "px")
+        '--searchWidth': `${searchWidth}px`
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: listRef,
         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 isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get3.default)(input.value, uniqueIdentificationPath) === (0, _get3.default)(d, uniqueIdentificationPath);
+        children: displayData?.length ? displayData?.map((d, index) => {
+          const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get.default)(input.value, uniqueIdentificationPath) === (0, _get.default)(d, uniqueIdentificationPath);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton),
             "data-selected": isSelectedEval,
-            id: "typedown-button-[".concat(index, "]"),
-            onClick: function onClick() {
+            id: `typedown-button-[${index}]`,
+            onClick: () => {
               handleChange(d);
               handleNextFocus();
             },
             onKeyDown: listKeyDownHandler,
             type: "button",
             children: renderItem(d)
-          }, "typedown-button-[".concat(index, "]"));
+          }, `typedown-button-[${index}]`);
         }) : 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)),
+        id: `typedown-footer-${(0, _selectorSafe.default)(input.name)}`,
         children: renderFooter(displayData, currentlyTyped, exactMatch)
       })]
     });
   }, [currentlyTyped, displayData, endOfList, exactMatch, footerRef, handleChange, handleNextFocus, input, isSelected, listKeyDownHandler, listRef, renderFooter, renderItem, searchWidth, uniqueIdentificationPath]);
-  var renderSearchField = function renderSearchField() {
+  const renderSearchField = () => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: triggerRef,
-      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-searchField"),
+      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-searchField`,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default
       // Pass meta through so correct styling gets applied to the TextField
       , {
-        id: "typedown-searchField-".concat((0, _selectorSafe.default)(input.name)),
+        id: `typedown-searchField-${(0, _selectorSafe.default)(input.name)}`,
         label: label,
         marginBottom0: true,
         meta: meta,
@@ -173,7 +151,7 @@ var Typedown = function Typedown(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
     className: (0, _classnames.default)(_TypeDown.default.typedown, className),
-    id: "typedown-id-".concat(id),
+    id: `typedown-id-${id}`,
     children: [renderSearchField(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),
@@ -191,7 +169,7 @@ var Typedown = function Typedown(_ref) {
       overlayProps: {
         'ref': overlayRef,
         'tabIndex': '-1',
-        'onClick': function onClick(e) {
+        'onClick': e => {
           e.stopPropagation();
         } // prevent propagation of click events
       },
@@ -207,9 +185,7 @@ var Typedown = function Typedown(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
         className: _TypeDown.default.clearItem,
         icon: "times-circle-solid",
-        onClick: function onClick() {
-          return handleChange();
-        }
+        onClick: () => handleChange()
       })]
     })]
   });
@@ -231,5 +207,4 @@ Typedown.propTypes = {
   required: _propTypes.default.bool,
   uniqueIdentificationPath: _propTypes.default.string
 };
-var _default = Typedown;
-exports.default = _default;
+var _default = exports.default = Typedown;

package/es/lib/Typedown/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Typedown.default;
   }
 });

package/es/lib/constants/customProperties.js

@@ -4,25 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TYPE_CLASS_PREFIX = exports.TEXT_CLASS_NAME = exports.REFDATA_DEFINITION_CLASS_NAME = exports.REFDATA_CLASS_NAME = exports.MULTI_REFDATA_CLASS_NAME = exports.INTEGER_CLASS_NAME = exports.DECIMAL_CLASS_NAME = exports.DATE_CLASS_NAME = exports.CONTAINER_CLASS_NAME = exports.BOOLEAN_CLASS_NAME = exports.BLOB_CLASS_NAME = void 0;
-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 MULTI_REFDATA_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyMultiRefdata';
-exports.MULTI_REFDATA_CLASS_NAME = MULTI_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;
-var DATE_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyLocalDate';
-exports.DATE_CLASS_NAME = DATE_CLASS_NAME;
+const TYPE_CLASS_PREFIX = exports.TYPE_CLASS_PREFIX = 'com.k_int.web.toolkit.custprops.types.CustomProperty';
+const BLOB_CLASS_NAME = exports.BLOB_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyBlob';
+const BOOLEAN_CLASS_NAME = exports.BOOLEAN_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyBoolean';
+const CONTAINER_CLASS_NAME = exports.CONTAINER_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyContainer';
+const DECIMAL_CLASS_NAME = exports.DECIMAL_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyDecimal';
+const INTEGER_CLASS_NAME = exports.INTEGER_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyInteger';
+const REFDATA_CLASS_NAME = exports.REFDATA_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyRefdata';
+const MULTI_REFDATA_CLASS_NAME = exports.MULTI_REFDATA_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyMultiRefdata';
+const REFDATA_DEFINITION_CLASS_NAME = exports.REFDATA_DEFINITION_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyRefdataDefinition';
+const TEXT_CLASS_NAME = exports.TEXT_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyText';
+const DATE_CLASS_NAME = exports.DATE_CLASS_NAME = 'com.k_int.web.toolkit.custprops.types.CustomPropertyLocalDate';

package/es/lib/constants/eventCodes.js

@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UP_ARROW = exports.TAB = exports.DOWN_ARROW = void 0;
-var UP_ARROW = 'ArrowUp';
-exports.UP_ARROW = UP_ARROW;
-var DOWN_ARROW = 'ArrowDown';
-exports.DOWN_ARROW = DOWN_ARROW;
-var TAB = 'Tab';
-exports.TAB = TAB;
+const UP_ARROW = exports.UP_ARROW = 'ArrowUp';
+const DOWN_ARROW = exports.DOWN_ARROW = 'ArrowDown';
+const TAB = exports.TAB = 'Tab';

package/es/lib/contexts/SettingsContext.js

@@ -5,6 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var SettingsContext = /*#__PURE__*/(0, _react.createContext)();
-var _default = SettingsContext;
-exports.default = _default;
+const SettingsContext = /*#__PURE__*/(0, _react.createContext)();
+var _default = exports.default = SettingsContext;

package/es/lib/contexts/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SettingsContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SettingsContext.default;
   }
 });

package/es/lib/hooks/index.js

@@ -5,103 +5,103 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useActiveElement", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useActiveElement.default;
   }
 });
 Object.defineProperty(exports, "useAppSettings", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _settingsHooks.useAppSettings;
   }
 });
 Object.defineProperty(exports, "useAvailableCustomProperties", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useAvailableCustomProperties.default;
   }
 });
 Object.defineProperty(exports, "useCustomProperties", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useCustomProperties.default;
   }
 });
 Object.defineProperty(exports, "useHelperApp", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useHelperApp.default;
   }
 });
 Object.defineProperty(exports, "useInvalidateRefdata", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useInvalidateRefdata.default;
   }
 });
 Object.defineProperty(exports, "useKiwtFieldArray", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useKiwtFieldArray.default;
   }
 });
 Object.defineProperty(exports, "useKiwtSASQuery", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useKiwtSASQuery.default;
   }
 });
 Object.defineProperty(exports, "useLocalStorageState", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useLocalStorageState.default;
   }
 });
 Object.defineProperty(exports, "useMutateCustomProperties", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateCustomProperties.default;
   }
 });
 Object.defineProperty(exports, "useMutateRefdataCategory", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateRefdataCategory.default;
   }
 });
 Object.defineProperty(exports, "useMutateRefdataValue", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useMutateRefdataValue.default;
   }
 });
 Object.defineProperty(exports, "useQIndex", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useQIndex.default;
   }
 });
 Object.defineProperty(exports, "useRefdata", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useRefdata.default;
   }
 });
 Object.defineProperty(exports, "useSettingSection", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _settingsHooks.useSettingSection;
   }
 });
 Object.defineProperty(exports, "useSettings", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _settingsHooks.useSettings;
   }
 });
 Object.defineProperty(exports, "useTemplates", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useTemplates.default;
   }
 });

package/es/lib/hooks/settingsHooks/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useAppSettings", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useAppSettings.default;
   }
 });
 Object.defineProperty(exports, "useSettingSection", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useSettingSection.default;
   }
 });
 Object.defineProperty(exports, "useSettings", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _useSettings.default;
   }
 });

package/es/lib/hooks/settingsHooks/useAppSettings.js

@@ -7,57 +7,45 @@ exports.default = void 0;
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../../utils");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var useAppSettings = function useAppSettings(_ref) {
-  var _ref2, _ref3, _queryObject$data2;
-  var endpoint = _ref.endpoint,
-    keyName = _ref.keyName,
-    options = _ref.options,
-    _ref$returnQueryObjec = _ref.returnQueryObject,
-    returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec,
-    sectionName = _ref.sectionName,
-    queryParams = _ref.queryParams;
-  var ky = (0, _core.useOkapiKy)();
-  var defaultQueryParamObject = {
+const useAppSettings = _ref => {
+  let {
+    endpoint,
+    keyName,
+    options,
+    returnQueryObject = false,
+    sectionName,
+    queryParams
+  } = _ref;
+  const ky = (0, _core.useOkapiKy)();
+  const defaultQueryParamObject = {
     perPage: 100,
     stats: false
   };
-  var namespaceArray = [endpoint];
+  const namespaceArray = [endpoint];
   if (sectionName) {
-    var _defaultQueryParamObj;
-    defaultQueryParamObject.filters = [].concat(_toConsumableArray((_defaultQueryParamObj = defaultQueryParamObject.filters) !== null && _defaultQueryParamObj !== void 0 ? _defaultQueryParamObj : []), [{
+    defaultQueryParamObject.filters = [...(defaultQueryParamObject.filters ?? []), {
       path: 'section',
       value: sectionName
-    }]);
+    }];
     namespaceArray.push(sectionName);
   }
   if (keyName) {
-    var _defaultQueryParamObj2;
-    defaultQueryParamObject.filters = [].concat(_toConsumableArray((_defaultQueryParamObj2 = defaultQueryParamObject.filters) !== null && _defaultQueryParamObj2 !== void 0 ? _defaultQueryParamObj2 : []), [{
+    defaultQueryParamObject.filters = [...(defaultQueryParamObject.filters ?? []), {
       path: 'key',
       value: keyName
-    }]);
+    }];
     defaultQueryParamObject.perPage = 1;
     namespaceArray.push(keyName);
   }
-  var queryParamArray = (0, _utils.generateKiwtQueryParams)(options !== null && options !== void 0 ? options : defaultQueryParamObject, {});
+  const queryParamArray = (0, _utils.generateKiwtQueryParams)(options ?? defaultQueryParamObject, {});
   namespaceArray.push(queryParamArray);
-  var queryObject = (0, _reactQuery.useQuery)(namespaceArray, function () {
-    return ky("".concat(endpoint, "?").concat(queryParamArray === null || queryParamArray === void 0 ? void 0 : queryParamArray.join('&'))).json();
-  }, queryParams);
+  const queryObject = (0, _reactQuery.useQuery)(namespaceArray, () => ky(`${endpoint}?${queryParamArray?.join('&')}`).json(), queryParams);
   if (returnQueryObject) {
     return queryObject;
   }
-  if ((_ref2 = queryParams !== null && queryParams !== void 0 ? queryParams : defaultQueryParamObject) !== null && _ref2 !== void 0 && _ref2.perPage && ((_ref3 = queryParams !== null && queryParams !== void 0 ? queryParams : defaultQueryParamObject) === null || _ref3 === void 0 ? void 0 : _ref3.perPage) === 1) {
-    var _queryObject$data$, _queryObject$data;
-    return (_queryObject$data$ = queryObject === null || queryObject === void 0 ? void 0 : (_queryObject$data = queryObject.data) === null || _queryObject$data === void 0 ? void 0 : _queryObject$data[0]) !== null && _queryObject$data$ !== void 0 ? _queryObject$data$ : {};
+  if ((queryParams ?? defaultQueryParamObject)?.perPage && (queryParams ?? defaultQueryParamObject)?.perPage === 1) {
+    return queryObject?.data?.[0] ?? {};
   }
-  return (_queryObject$data2 = queryObject === null || queryObject === void 0 ? void 0 : queryObject.data) !== null && _queryObject$data2 !== void 0 ? _queryObject$data2 : [];
+  return queryObject?.data ?? [];
 };
-var _default = useAppSettings;
-exports.default = _default;
+var _default = exports.default = useAppSettings;

package/es/lib/hooks/settingsHooks/useSettingSection.js

@@ -9,11 +9,13 @@ 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 }; }
-var useSettingSection = function useSettingSection(_ref) {
-  var sectionName = _ref.sectionName,
-    settingEndpoint = _ref.settingEndpoint;
-  var ky = (0, _core.useOkapiKy)();
-  var queryParams = (0, _utils.generateKiwtQueryParams)({
+const useSettingSection = _ref => {
+  let {
+    sectionName,
+    settingEndpoint
+  } = _ref;
+  const ky = (0, _core.useOkapiKy)();
+  const queryParams = (0, _utils.generateKiwtQueryParams)({
     filters: [{
       path: 'section',
       value: sectionName
@@ -24,21 +26,17 @@ var useSettingSection = function useSettingSection(_ref) {
     perPage: 100,
     stats: false
   }, {});
-  var _useQuery = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useSetting', 'appSettings', queryParams, sectionName], function () {
-      return ky("".concat(settingEndpoint, "?").concat(queryParams === null || queryParams === void 0 ? void 0 : queryParams.join('&'))).json();
-    }),
-    _useQuery$data = _useQuery.data,
-    settings = _useQuery$data === void 0 ? [] : _useQuery$data;
-  var _useMutation = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useSetting', 'putSetting', sectionName], function (data) {
-      return ky.put("".concat(settingEndpoint).concat(data.id ? '/' + data.id : ''), {
-        json: data
-      });
-    }),
-    putSetting = _useMutation.mutateAsync;
+  const {
+    data: settings = []
+  } = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useSetting', 'appSettings', queryParams, sectionName], () => ky(`${settingEndpoint}?${queryParams?.join('&')}`).json());
+  const {
+    mutateAsync: putSetting
+  } = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useSetting', 'putSetting', sectionName], data => ky.put(`${settingEndpoint}${data.id ? '/' + data.id : ''}`, {
+    json: data
+  }));
   return {
     handleSubmit: putSetting,
-    settings: settings
+    settings
   };
 };
-var _default = useSettingSection;
-exports.default = _default;
+var _default = exports.default = useSettingSection;