@k-int/stripes-kint-components 4.5.0 → 4.6.0

package/es/lib/CustomProperties/Config/CustomPropertiesLookup.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
 });
@@ -14,72 +13,56 @@ var _hooks = require("../../hooks");
 var _CustomProperties = _interopRequireDefault(require("../../../../styles/CustomProperties.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
-  var contextFilterOptions = _ref.contextFilterOptions,
-    endpoint = _ref.customPropertiesEndpoint,
-    passedIntlKey = _ref.intlKey,
-    passedIntlNS = _ref.intlNS,
-    _ref$labelOverrides = _ref.labelOverrides,
-    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
-    mclProps = _ref.mclProps,
-    onSelectCustomProperty = _ref.onSelectCustomProperty,
-    queryParams = _ref.queryParams;
-  var _useState = (0, _react.useState)({
-      sort: 'label'
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    nsValues = _useState2[0],
-    setNsValues = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedContext = _useState4[0],
-    setSelectedContext = _useState4[1];
-  var _useCustomProperties = (0, _hooks.useCustomProperties)({
-      endpoint: endpoint,
-      nsValues: nsValues,
-      queryParams: queryParams,
-      returnQueryObject: true,
-      ctx: selectedContext,
-      options: {
-        sort: [{
-          path: 'ctx'
-        }, {
-          path: 'weight'
-        }]
-      }
-    }),
-    custprops = _useCustomProperties.data,
-    isLoading = _useCustomProperties.isLoading;
-  var handleSearch = function handleSearch(query) {
-    setNsValues(_objectSpread(_objectSpread({}, nsValues), {}, {
-      query: query
-    }));
+const CustomPropertiesLookup = _ref => {
+  let {
+    contextFilterOptions,
+    // expects an array of the form [{value: "OpenAccess", label: "Open Access"}, {value: false, label: "None"}]
+    customPropertiesEndpoint: endpoint,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
+    mclProps,
+    onSelectCustomProperty,
+    queryParams
+  } = _ref;
+  const [nsValues, setNsValues] = (0, _react.useState)({
+    sort: 'label'
+  });
+  const [selectedContext, setSelectedContext] = (0, _react.useState)();
+  const {
+    data: custprops,
+    isLoading
+  } = (0, _hooks.useCustomProperties)({
+    endpoint,
+    nsValues,
+    queryParams,
+    returnQueryObject: true,
+    ctx: selectedContext,
+    options: {
+      sort: [{
+        path: 'ctx'
+      }, {
+        path: 'weight'
+      }]
+    }
+  });
+  const handleSearch = query => {
+    setNsValues({
+      ...nsValues,
+      query
+    });
   };
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchTerm = _useState6[0],
-    setSearchTerm = _useState6[1];
-  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
       enableReinitialize: true,
       keepDirtyOnReinitialize: true,
-      onSubmit: function onSubmit() {
-        return handleSearch(searchTerm);
-      },
-      children: function children(_ref2) {
-        var handleSubmit = _ref2.handleSubmit;
+      onSubmit: () => handleSearch(searchTerm),
+      children: _ref2 => {
+        let {
+          handleSubmit
+        } = _ref2;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
           className: _CustomProperties.default.lookupSearchContainer,
           onSubmit: handleSubmit,
@@ -91,9 +74,7 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             }),
             className: _CustomProperties.default.lookupSearch,
             marginBottom0: true,
-            onChange: function onChange(e) {
-              return setSearchTerm(e.target.value);
-            },
+            onChange: e => setSearchTerm(e.target.value),
             value: searchTerm
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
             buttonClass: _CustomProperties.default.lookupSearchButton,
@@ -116,13 +97,13 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             id: 'customProperties.ctx',
             overrideValue: labelOverrides.ctx
           }),
-          onChange: function onChange(e) {
+          onChange: e => {
             setSelectedContext(e.target.value);
           },
           value: selectedContext
         })
       })
-    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, _objectSpread({
+    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
       columnMapping: {
         'label': kintIntl.formatKintMessage({
           id: 'customProperties.label',
@@ -151,7 +132,7 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
       },
       contentData: custprops,
       formatter: {
-        primary: function primary(data) {
+        primary: data => {
           if (data !== null && data !== void 0 && data.primary) {
             return kintIntl.formatKintMessage({
               id: 'yes',
@@ -164,20 +145,19 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             });
           }
         },
-        type: function type(data) {
-          return kintIntl.formatKintMessage({
-            id: "customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type),
-            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]
-          });
-        },
-        category: function category(data) {
+        type: data => kintIntl.formatKintMessage({
+          id: "customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type),
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]
+        }),
+        category: data => {
           var _data$category;
           return data === null || data === void 0 ? void 0 : (_data$category = data.category) === null || _data$category === void 0 ? void 0 : _data$category.desc;
         }
       },
       onRowClick: onSelectCustomProperty,
-      visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
-    }, mclProps))]
+      visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category'],
+      ...mclProps
+    })]
   });
 };
 CustomPropertiesLookup.propTypes = {

package/es/lib/CustomProperties/Config/CustomPropertiesLookup.test.js

@@ -7,16 +7,12 @@ var _renderWithKintHarness = _interopRequireDefault(require("../../../../test/je
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 jest.mock('../../hooks');
-jest.mock('../../SearchField', function () {
-  return function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: "SearchField"
-    });
-  };
-});
-describe('CustomPropertiesLookup', function () {
-  var renderComponent;
-  beforeEach(function () {
+jest.mock('../../SearchField', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  children: "SearchField"
+}));
+describe('CustomPropertiesLookup', () => {
+  let renderComponent;
+  beforeEach(() => {
     renderComponent = (0, _renderWithKintHarness.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, {
         contextFilterOptions: [{
@@ -27,22 +23,22 @@ describe('CustomPropertiesLookup', function () {
           'label': 'None'
         }],
         customPropertiesEndpoint: "erm/custprops",
-        onSelectCustomProperty: function onSelectCustomProperty() {
-          return {};
-        },
+        onSelectCustomProperty: () => ({}),
         visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
       })
     }));
   });
-  it('renders expected options', function () {
-    var _renderComponent = renderComponent,
-      getByText = _renderComponent.getByText;
+  it('renders expected options', () => {
+    const {
+      getByText
+    } = renderComponent;
     expect(getByText('All')).toBeInTheDocument();
     expect(getByText('None')).toBeInTheDocument();
   });
-  it('renders SearchField component ', function () {
-    var _renderComponent2 = renderComponent,
-      getByText = _renderComponent2.getByText;
+  it('renders SearchField component ', () => {
+    const {
+      getByText
+    } = renderComponent;
     expect(getByText('SearchField')).toBeInTheDocument();
   });
 });