@k-int/stripes-kint-components 5.36.0 → 5.37.0

package/es/lib/CustomProperties/Filter/CustomPropertiesRule.js

@@ -15,6 +15,11 @@ var _useOperators = _interopRequireDefault(require("./useOperators"));
 var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
 const propTypes = {
   ariaLabelledby: _propTypes.default.string.isRequired,
   clearRuleValue: _propTypes.default.func.isRequired,
@@ -36,22 +41,22 @@ const propTypes = {
   })
 };
 const CustomPropertiesRule = _ref => {
-  let {
-    ariaLabelledby,
-    clearRuleValue,
-    index,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name,
-    onDelete,
-    custPropDefinition = {},
-    value
-  } = _ref;
+  let ariaLabelledby = _ref.ariaLabelledby,
+    clearRuleValue = _ref.clearRuleValue,
+    index = _ref.index,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    name = _ref.name,
+    onDelete = _ref.onDelete,
+    _ref$custPropDefiniti = _ref.custPropDefinition,
+    custPropDefinition = _ref$custPropDefiniti === void 0 ? {} : _ref$custPropDefiniti,
+    value = _ref.value;
   const operators = (0, _useOperators.default)(custPropDefinition.type, passedIntlKey, passedIntlNS, labelOverrides);
   const valueProps = (0, _useValueProps.default)(custPropDefinition, passedIntlKey, passedIntlNS, labelOverrides);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const selectedOperator = operators.find(o => o.value === value?.operator);
+  const selectedOperator = operators.find(o => o.value === (value === null || value === void 0 ? void 0 : value.operator));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
       xs: 2,
@@ -65,41 +70,38 @@ const CustomPropertiesRule = _ref => {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
       xs: 4,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-        name: `${name}.operator`,
+        name: "".concat(name, ".operator"),
         validate: _validators.required,
         children: _ref2 => {
-          let {
-            input,
-            meta
-          } = _ref2;
+          let input = _ref2.input,
+            meta = _ref2.meta;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Select
-          /* We don't want to jump focus to it when we open a brand new filter, only on a brand new rule */, {
-            autoFocus: index !== 0,
-            ...input,
-            "aria-labelledby": `${ariaLabelledby}-rule-column-header-comparator`,
+          /* We don't want to jump focus to it when we open a brand new filter, only on a brand new rule */, _objectSpread(_objectSpread({
+            autoFocus: index !== 0
+          }, input), {}, {
+            "aria-labelledby": "".concat(ariaLabelledby, "-rule-column-header-comparator"),
             dataOptions: operators,
-            error: meta?.touched && meta?.error,
+            error: (meta === null || meta === void 0 ? void 0 : meta.touched) && (meta === null || meta === void 0 ? void 0 : meta.error),
             onChange: e => {
               input.onChange(e);
               const newlySelectedOperator = operators.find(o => o.value === e.target.value);
-              if (newlySelectedOperator?.noValueAllowed) {
+              if (newlySelectedOperator !== null && newlySelectedOperator !== void 0 && newlySelectedOperator.noValueAllowed) {
                 clearRuleValue();
               }
             },
             placeholder: " ",
             required: true
-          });
+          }));
         }
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
       xs: 4,
-      children: selectedOperator?.noValueAllowed ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-        "aria-labelledby": `${ariaLabelledby}-rule-column-header-value`,
-        name: `${name}.value`,
+      children: selectedOperator !== null && selectedOperator !== void 0 && selectedOperator.noValueAllowed ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread({
+        "aria-labelledby": "".concat(ariaLabelledby, "-rule-column-header-value"),
+        name: "".concat(name, ".value"),
         required: true,
-        validate: _validators.required,
-        ...valueProps
-      })
+        validate: _validators.required
+      }, valueProps))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
       xs: 2,
       children: index ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
@@ -111,10 +113,8 @@ const CustomPropertiesRule = _ref => {
           number: index + 1
         }),
         children: _ref3 => {
-          let {
-            ref,
-            ariaIds
-          } = _ref3;
+          let ref = _ref3.ref,
+            ariaIds = _ref3.ariaIds;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
             ref: ref,
             "aria-labelledby": ariaIds.text,

package/es/lib/CustomProperties/Filter/testResources.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.filterHandlers = exports.data = exports.activeFilters = void 0;
 var _jest = require("../../../../test/jest");
+var _refdata$find;
 const activeFilters = exports.activeFilters = {
-  'customProperties': [`customProperties.AuthorIdentification.value==${_jest.refdata?.find(rdc => rdc.desc === 'AuthIdent')?.values?.find(rdv => rdv.value === 'email_domain')?.id}`]
+  'customProperties': ["customProperties.AuthorIdentification.value==".concat(_jest.refdata === null || _jest.refdata === void 0 || (_refdata$find = _jest.refdata.find(rdc => rdc.desc === 'AuthIdent')) === null || _refdata$find === void 0 || (_refdata$find = _refdata$find.values) === null || _refdata$find === void 0 || (_refdata$find = _refdata$find.find(rdv => rdv.value === 'email_domain')) === null || _refdata$find === void 0 ? void 0 : _refdata$find.id)]
 };
 const filterHandlers = exports.filterHandlers = {
   'state': () => ({}),

package/es/lib/CustomProperties/Filter/useOperators.js

@@ -7,14 +7,12 @@ exports.default = void 0;
 var CUSTPROP_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
 var _hooks = require("../../hooks");
 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); }
-const {
-  REFDATA_CLASS_NAME: REFDATA,
-  MULTI_REFDATA_CLASS_NAME: MULTIREFDATA,
-  DECIMAL_CLASS_NAME: DECIMAL,
-  INTEGER_CLASS_NAME: INTEGER,
-  DATE_CLASS_NAME: DATE,
-  TEXT_CLASS_NAME: TEXT
-} = CUSTPROP_TYPES;
+const REFDATA = CUSTPROP_TYPES.REFDATA_CLASS_NAME,
+  MULTIREFDATA = CUSTPROP_TYPES.MULTI_REFDATA_CLASS_NAME,
+  DECIMAL = CUSTPROP_TYPES.DECIMAL_CLASS_NAME,
+  INTEGER = CUSTPROP_TYPES.INTEGER_CLASS_NAME,
+  DATE = CUSTPROP_TYPES.DATE_CLASS_NAME,
+  TEXT = CUSTPROP_TYPES.TEXT_CLASS_NAME;
 const useOperators = function () {
   let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let passedIntlKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;

package/es/lib/CustomProperties/Filter/useParseActiveFilterStrings.js

@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _useOperators = _interopRequireDefault(require("./useOperators"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const useParseActiveFilterStrings = function (filterStrings, passedIntlKey, passedIntlNS) {
   let labelOverrides = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   const operators = (0, _useOperators.default)(null, passedIntlKey, passedIntlNS, labelOverrides).map(o => o.value);
@@ -13,13 +19,17 @@ const useParseActiveFilterStrings = function (filterStrings, passedIntlKey, pass
   const filters = filterStrings.map(filter => {
     let customProperty;
     const rules = filter.split('||').map(ruleString => {
+      var _operators$find;
       // ruleString is constructed in this.handleSubmit passed to CustomPropertyFiltersForm
       // and has shape "customProperties.foo.value!=42"
       // OR customProperties.foo.value.id==1234, so make sure to disregard the .id
-      const [customPropertyPath, rule] = ruleString.split('.value');
+      const _ruleString$split = ruleString.split('.value'),
+        _ruleString$split2 = _slicedToArray(_ruleString$split, 2),
+        customPropertyPath = _ruleString$split2[0],
+        rule = _ruleString$split2[1];
       const idSafeRule = rule.replace('.id', '');
       customProperty = customPropertyPath.replace('customProperties.', '');
-      const operator = operators.find(o => idSafeRule.startsWith(o)) ?? '';
+      const operator = (_operators$find = operators.find(o => idSafeRule.startsWith(o))) !== null && _operators$find !== void 0 ? _operators$find : '';
       const value = idSafeRule.substring(operator.length);
       numberOfFilters += 1;
       return {

package/es/lib/CustomProperties/Filter/useValueProps.js

@@ -8,14 +8,12 @@ var _components = require("@folio/stripes/components");
 var CUSTPROP_TYPES = _interopRequireWildcard(require("../../constants/customProperties"));
 var _validators = require("../../validators");
 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); }
-const {
-  REFDATA_CLASS_NAME: REFDATA,
-  MULTI_REFDATA_CLASS_NAME: MULTIREFDATA,
-  DECIMAL_CLASS_NAME: DECIMAL,
-  INTEGER_CLASS_NAME: INTEGER,
-  DATE_CLASS_NAME: DATE,
-  TEXT_CLASS_NAME: TEXT
-} = CUSTPROP_TYPES;
+const REFDATA = CUSTPROP_TYPES.REFDATA_CLASS_NAME,
+  MULTIREFDATA = CUSTPROP_TYPES.MULTI_REFDATA_CLASS_NAME,
+  DECIMAL = CUSTPROP_TYPES.DECIMAL_CLASS_NAME,
+  INTEGER = CUSTPROP_TYPES.INTEGER_CLASS_NAME,
+  DATE = CUSTPROP_TYPES.DATE_CLASS_NAME,
+  TEXT = CUSTPROP_TYPES.TEXT_CLASS_NAME;
 const useValueProps = function (custPropDefinition, intlKey, intlNS) {
   let labelOverrides = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   const props = {

package/es/lib/CustomProperties/View/CustomPropertiesView.js

@@ -9,15 +9,15 @@ var _CustomPropertiesViewCtx = _interopRequireDefault(require("./CustomPropertie
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CustomPropertiesView = _ref => {
-  let {
-    contexts = [],
-    customProperties,
-    customPropertiesEndpoint,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {}
-  } = _ref;
+  let _ref$contexts = _ref.contexts,
+    contexts = _ref$contexts === void 0 ? [] : _ref$contexts,
+    customProperties = _ref.customProperties,
+    customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    id = _ref.id,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   return contexts.map(ctx => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, {
     ctx,
     customProperties,
@@ -26,7 +26,7 @@ const CustomPropertiesView = _ref => {
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
     labelOverrides
-  }, `customPropertiesView-${ctx}`));
+  }, "customPropertiesView-".concat(ctx)));
 };
 CustomPropertiesView.propTypes = {
   contexts: _propTypes.default.arrayOf(_propTypes.default.string),

package/es/lib/CustomProperties/View/CustomPropertiesView.test.js

@@ -26,9 +26,8 @@ describe('CustomPropertiesView', () => {
     }));
   });
   it('renders CustomPropertiesViewCtx component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     (0, _react2.waitFor)(() => expect(getByText('CustomPropertiesViewCtx')).toBeInTheDocument());
   });
 });

package/es/lib/CustomProperties/View/CustomPropertiesViewCtx.js

@@ -10,16 +10,23 @@ var _hooks = require("../../hooks");
 var _CustomPropertyCard = _interopRequireDefault(require("./CustomPropertyCard"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const CustomPropertiesViewCtx = _ref => {
-  let {
-    ctx,
-    customProperties = [],
-    customPropertiesEndpoint,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {}
-  } = _ref;
+  var _custprops$filter$len, _custprops$filter;
+  let ctx = _ref.ctx,
+    _ref$customProperties = _ref.customProperties,
+    customProperties = _ref$customProperties === void 0 ? [] : _ref$customProperties,
+    customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    id = _ref.id,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   // Deal with all the possible label override options
@@ -35,7 +42,7 @@ const CustomPropertiesViewCtx = _ref => {
     // Chain formatKintMessages together using provided fallbackMessage to
     // allow for "If override or translation exists, use it, else use default"
     return kintIntl.formatKintMessage({
-      id: `customProperties.ctx.${ctx}`,
+      id: "customProperties.ctx.".concat(ctx),
       overrideValue: labelOverrides[ctx],
       fallbackMessage: kintIntl.formatKintMessage({
         id: 'customProperties.defaultTitle',
@@ -47,52 +54,57 @@ const CustomPropertiesViewCtx = _ref => {
       ctx
     });
   };
-  const {
-    custprops,
-    isLoading
-  } = (0, _hooks.useCustProps)({
-    ctx,
-    endpoint: customPropertiesEndpoint,
-    options: {
-      sort: [{
-        path: 'retired'
-      },
-      // Place retired custprops at the end
-      {
-        path: 'primary',
-        direction: 'desc'
-      },
-      // Primary properties should display before optional
-      {
-        path: 'weight'
-      },
-      // Within those groups, sort by weight
-      {
-        path: 'label'
-      } // For those with the same weight, sort by label
-      ]
-    }
-  });
+  const _useCustProps = (0, _hooks.useCustProps)({
+      ctx,
+      endpoint: customPropertiesEndpoint,
+      options: {
+        sort: [{
+          path: 'retired'
+        },
+        // Place retired custprops at the end
+        {
+          path: 'primary',
+          direction: 'desc'
+        },
+        // Primary properties should display before optional
+        {
+          path: 'weight'
+        },
+        // Within those groups, sort by weight
+        {
+          path: 'label'
+        } // For those with the same weight, sort by label
+        ]
+      }
+    }),
+    custprops = _useCustProps.custprops,
+    isLoading = _useCustProps.isLoading;
   if (isLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
       closedByDefault: true,
       displayWhenClosed: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}),
       displayWhenOpen: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}),
-      id: `${id}-accordion-${ctx}`,
+      id: "".concat(id, "-accordion-").concat(ctx),
       label: getAccordionLabel(),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
     });
   }
-  const countSetProperties = primary => Object.entries(customProperties)?.filter(_ref2 => {
-    let [_key, cp] = _ref2;
-    return (cp[0]?.type?.ctx === ctx || ctx === 'isNull' && !cp[0]?.type?.ctx) &&
-    // Either the ctx string matches, or isNull matches blank
-    cp[0]?.type?.primary === primary // Only count non-primary set custprops
+  const countSetProperties = primary => {
+    var _Object$entries$filte, _Object$entries;
+    return (_Object$entries$filte = (_Object$entries = Object.entries(customProperties)) === null || _Object$entries === void 0 || (_Object$entries = _Object$entries.filter(_ref2 => {
+      var _cp$, _cp$2, _cp$3;
+      let _ref3 = _slicedToArray(_ref2, 2),
+        _key = _ref3[0],
+        cp = _ref3[1];
+      return (((_cp$ = cp[0]) === null || _cp$ === void 0 || (_cp$ = _cp$.type) === null || _cp$ === void 0 ? void 0 : _cp$.ctx) === ctx || ctx === 'isNull' && !((_cp$2 = cp[0]) !== null && _cp$2 !== void 0 && (_cp$2 = _cp$2.type) !== null && _cp$2 !== void 0 && _cp$2.ctx)) &&
+      // Either the ctx string matches, or isNull matches blank
+      ((_cp$3 = cp[0]) === null || _cp$3 === void 0 || (_cp$3 = _cp$3.type) === null || _cp$3 === void 0 ? void 0 : _cp$3.primary) === primary // Only count non-primary set custprops
 ;
-  })?.length ?? 0;
+    })) === null || _Object$entries === void 0 ? void 0 : _Object$entries.length) !== null && _Object$entries$filte !== void 0 ? _Object$entries$filte : 0;
+  };
 
   // We need to display any set properties, along with any non-set primary properties
-  const primaryCount = custprops?.filter(cp => cp.primary === true)?.length ?? 0;
+  const primaryCount = (_custprops$filter$len = custprops === null || custprops === void 0 || (_custprops$filter = custprops.filter(cp => cp.primary === true)) === null || _custprops$filter === void 0 ? void 0 : _custprops$filter.length) !== null && _custprops$filter$len !== void 0 ? _custprops$filter$len : 0;
   const optionalCount = countSetProperties(false);
   const setPrimaryCount = countSetProperties(true);
   return primaryCount + optionalCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
@@ -103,15 +115,18 @@ const CustomPropertiesViewCtx = _ref => {
     displayWhenOpen: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Badge, {
       children: setPrimaryCount + optionalCount
     }),
-    id: `${id}-accordion-${ctx}`,
+    id: "".concat(id, "-accordion-").concat(ctx),
     label: getAccordionLabel(),
-    children: custprops.map((cp, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyCard.default, {
-      ctx: ctx,
-      customProperty: customProperties?.[cp.name]?.[0],
-      customPropertyDefinition: cp,
-      index: index,
-      labelOverrides: labelOverrides
-    }, `custom-property-card-${ctx}[${index}]`))
+    children: custprops.map((cp, index) => {
+      var _customProperties$cp$;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyCard.default, {
+        ctx: ctx,
+        customProperty: customProperties === null || customProperties === void 0 || (_customProperties$cp$ = customProperties[cp.name]) === null || _customProperties$cp$ === void 0 ? void 0 : _customProperties$cp$[0],
+        customPropertyDefinition: cp,
+        index: index,
+        labelOverrides: labelOverrides
+      }, "custom-property-card-".concat(ctx, "[").concat(index, "]"));
+    })
   });
 };
 CustomPropertiesViewCtx.propTypes = {

package/es/lib/CustomProperties/View/CustomPropertiesViewCtx.test.js

@@ -8,6 +8,11 @@ var _CustomPropertiesViewCtx = _interopRequireDefault(require("./CustomPropertie
 var _jest = require("../../../../test/jest");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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('../../hooks');
 jest.mock('./CustomPropertyCard', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   children: "CustomPropertyCard"
@@ -16,15 +21,12 @@ describe('CustomPropertiesViewCtx', () => {
   let renderComponent;
   beforeEach(() => {
     renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, {
-        ..._testResources.data
-      })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, _objectSpread({}, _testResources.data))
     }));
   });
   it('renders CustomPropertyCard component ', () => {
-    const {
-      getByText
-    } = renderComponent;
+    const _renderComponent = renderComponent,
+      getByText = _renderComponent.getByText;
     (0, _react2.waitFor)(() => expect(getByText('CustomPropertyCard')).toBeInTheDocument());
   });
 });

package/es/lib/CustomProperties/View/CustomPropertyCard.js

@@ -13,15 +13,15 @@ var _jsxRuntime = require("react/jsx-runtime");
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CustomPropertyCard = _ref => {
-  let {
-    ctx,
-    customProperty,
-    customPropertyDefinition = {},
-    index,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {}
-  } = _ref;
+  let ctx = _ref.ctx,
+    customProperty = _ref.customProperty,
+    _ref$customPropertyDe = _ref.customPropertyDefinition,
+    customPropertyDefinition = _ref$customPropertyDe === void 0 ? {} : _ref$customPropertyDe,
+    index = _ref.index,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   // We only need to display primary and set properties
@@ -29,8 +29,9 @@ const CustomPropertyCard = _ref => {
   if (!toDisplay) {
     return null;
   }
-  const internalFalse = customProperty?.internal === false || customProperty?.internal === undefined && customPropertyDefinition.defaultInternal === false;
+  const internalFalse = (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === false || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === undefined && customPropertyDefinition.defaultInternal === false;
   const renderValue = () => {
+    var _customProperty$value, _customProperty$value2, _customProperty$value3, _customProperty$value4;
     if (!customProperty) {
       return kintIntl.formatKintMessage({
         id: 'notSet',
@@ -40,11 +41,14 @@ const CustomPropertyCard = _ref => {
     switch (customPropertyDefinition.type) {
       case CUSTPROP_TYPES.MULTI_REFDATA_CLASS_NAME:
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.List, {
-          items: customProperty.value?.map(item => item?.label ?? item?.value),
+          items: (_customProperty$value = customProperty.value) === null || _customProperty$value === void 0 ? void 0 : _customProperty$value.map(item => {
+            var _item$label;
+            return (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : item === null || item === void 0 ? void 0 : item.value;
+          }),
           listStyle: "bullets"
         });
       case CUSTPROP_TYPES.REFDATA_CLASS_NAME:
-        return customProperty.value?.label ?? customProperty.value?.value;
+        return (_customProperty$value2 = (_customProperty$value3 = customProperty.value) === null || _customProperty$value3 === void 0 ? void 0 : _customProperty$value3.label) !== null && _customProperty$value2 !== void 0 ? _customProperty$value2 : (_customProperty$value4 = customProperty.value) === null || _customProperty$value4 === void 0 ? void 0 : _customProperty$value4.value;
       case CUSTPROP_TYPES.DECIMAL_CLASS_NAME:
       case CUSTPROP_TYPES.INTEGER_CLASS_NAME:
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedNumber, {
@@ -72,7 +76,7 @@ const CustomPropertyCard = _ref => {
         content: customPropertyDefinition.description
       }) : null]
     }),
-    id: `customproperty-card-${index}`,
+    id: "customproperty-card-".concat(index),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
@@ -83,7 +87,7 @@ const CustomPropertyCard = _ref => {
           }),
           children: renderValue()
         })
-      }), customProperty?.note ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+      }), customProperty !== null && customProperty !== void 0 && customProperty.note ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
@@ -118,7 +122,7 @@ const CustomPropertyCard = _ref => {
             id: 'customProperties.publicNote',
             overrideValue: labelOverrides.publicNote
           }),
-          children: customProperty?.publicNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: customProperty !== null && customProperty !== void 0 && customProperty.publicNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             style: {
               whiteSpace: 'pre-wrap'
             },
@@ -127,7 +131,7 @@ const CustomPropertyCard = _ref => {
         })
       })]
     })]
-  }, `customPropertyCard-${ctx}[${index}]`);
+  }, "customPropertyCard-".concat(ctx, "[").concat(index, "]"));
 };
 CustomPropertyCard.propTypes = {
   ctx: _propTypes.default.string,

package/es/lib/CycleButton/CycleButton.js

@@ -10,28 +10,42 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@folio/stripes/components");
 var _CycleButton = _interopRequireDefault(require("../../../styles/CycleButton.css"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "onClick"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const CycleButton = _ref => {
-  let {
-    buttons,
-    startIndex = 0
-  } = _ref;
-  const [index, setIndex] = (0, _react.useState)(startIndex);
-  const {
-    className,
-    onClick,
-    ...buttonProps
-  } = buttons[index];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-    ...buttonProps,
+  let buttons = _ref.buttons,
+    _ref$startIndex = _ref.startIndex,
+    startIndex = _ref$startIndex === void 0 ? 0 : _ref$startIndex;
+  const _useState = (0, _react.useState)(startIndex),
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  const _buttons$index = buttons[index],
+    className = _buttons$index.className,
+    onClick = _buttons$index.onClick,
+    buttonProps = _objectWithoutProperties(_buttons$index, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, _objectSpread(_objectSpread({}, buttonProps), {}, {
     className: (0, _classnames.default)(className, _CycleButton.default.buttonStyle),
     onClick: e => {
       if (onClick) {
         onClick(e);
       }
-      setIndex(index !== buttons?.length - 1 ? index + 1 : 0);
+      setIndex(index !== (buttons === null || buttons === void 0 ? void 0 : buttons.length) - 1 ? index + 1 : 0);
     }
-  });
+  }));
 };
 CycleButton.propTypes = {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape({