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

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

@@ -14,79 +14,61 @@ 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
-  var _labelOverrides$label, _labelOverrides$prima, _labelOverrides$ctx, _labelOverrides$weigh, _labelOverrides$type, _labelOverrides$categ;
-  var contextFilterOptions = _ref.contextFilterOptions,
-    endpoint = _ref.customPropertiesEndpoint,
-    _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,
+    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];
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
   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 _labelOverrides$searc;
-        var handleSubmit = _ref2.handleSubmit;
+      onSubmit: () => handleSearch(searchTerm),
+      children: _ref2 => {
+        let {
+          handleSubmit
+        } = _ref2;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
           className: _CustomProperties.default.lookupSearchContainer,
           onSubmit: handleSubmit,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
-            ariaLabel: (_labelOverrides$searc = labelOverrides.searchAriaLabel) !== null && _labelOverrides$searc !== void 0 ? _labelOverrides$searc : 'custom-property-search-field',
+            ariaLabel: labelOverrides.searchAriaLabel ?? 'custom-property-search-field',
             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,
@@ -107,37 +89,37 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
           label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-kint-components.customProperties.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': (_labelOverrides$label = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label) !== null && _labelOverrides$label !== void 0 ? _labelOverrides$label : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        'label': labelOverrides?.label ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.customProperties.label"
         }),
-        'primary': (_labelOverrides$prima = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.primary) !== null && _labelOverrides$prima !== void 0 ? _labelOverrides$prima : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        'primary': labelOverrides?.primary ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.customProperties.primary"
         }),
-        'ctx': (_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        'ctx': labelOverrides?.ctx ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.customProperties.ctx"
         }),
-        'weight': (_labelOverrides$weigh = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.weight) !== null && _labelOverrides$weigh !== void 0 ? _labelOverrides$weigh : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        'weight': labelOverrides?.weight ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.customProperties.weight"
         }),
-        'type': (_labelOverrides$type = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.type) !== null && _labelOverrides$type !== void 0 ? _labelOverrides$type : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        'type': labelOverrides?.type ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.customProperties.type"
         }),
-        'category': (_labelOverrides$categ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.category) !== null && _labelOverrides$categ !== void 0 ? _labelOverrides$categ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        'category': labelOverrides?.category ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
           id: "stripes-kint-components.customProperties.category"
         })
       },
       contentData: custprops,
       formatter: {
-        primary: function primary(data) {
-          if (data !== null && data !== void 0 && data.primary) {
+        primary: data => {
+          if (data?.primary) {
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
               id: "stripes-kint-components.yes"
             });
@@ -147,20 +129,15 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
             });
           }
         },
-        type: function type(data) {
-          var _labelOverrides$data$;
-          return (_labelOverrides$data$ = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides[data === null || data === void 0 ? void 0 : data.type]) !== null && _labelOverrides$data$ !== void 0 ? _labelOverrides$data$ : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "stripes-kint-components.customProperties.type.".concat(data === null || data === void 0 ? void 0 : data.type)
-          });
-        },
-        category: function 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;
-        }
+        type: data => labelOverrides?.[data?.type] ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          id: `stripes-kint-components.customProperties.type.${data?.type}`
+        }),
+        category: data => data?.category?.desc
       },
       onRowClick: onSelectCustomProperty,
-      visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category']
-    }, mclProps))]
+      visibleColumns: ['label', 'primary', 'ctx', 'weight', 'type', 'category'],
+      ...mclProps
+    })]
   });
 };
 CustomPropertiesLookup.propTypes = {
@@ -175,5 +152,4 @@ CustomPropertiesLookup.propTypes = {
   queryParams: _propTypes.default.object,
   refdataEndpoint: _propTypes.default.string
 };
-var _default = CustomPropertiesLookup;
-exports.default = _default;
+var _default = exports.default = CustomPropertiesLookup;

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

@@ -8,35 +8,31 @@ var _testResources = require("./testResources");
 var _CustomPropertiesLookup = _interopRequireDefault(require("./CustomPropertiesLookup"));
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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, _helpers.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, _objectSpread(_objectSpread({}, _testResources.custPropLookup), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesLookup.default, {
+        ..._testResources.custPropLookup,
         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('OpenAccess')).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();
   });
 });