@k-int/stripes-kint-components 2.2.0 → 2.3.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 2.3.0 2022-03-25
+  * FormModal
+    * Ability to override labels for "save" and "cancel"
+    * Ability to override whole footer section
+  * CustomProperties Edit components:
+    * CustomPropertiesEdit
+    * CustomPropertiesEditCtx
+    * CustomPropertiesListField
+    * CustomPropertyField
+    * CustomPropertyFormCard
+    * useAvailableCustomProperties
+  * Refdata hooks and utils
+    * useInvalidateRefdata hook
+    * refdataQueryKey utility function
+    * useRefdata refactored to use the above
+    * useMutateRefdata now invalidates query cache after changes
+  * QueryTypedown
+    * Added "dataFormatter" prop, to allow massaging of data between fetch and injections into Typedown
+  * ActionList
+    * ActionCalls deprecated in favour of a direct `callback` prop on actionAssigner, and separate createCallback prop.
+    * `to` prop on actionAssigner allowing for rendering of <Link/> as opposed to <Button>/<IconButton/>
 ## 2.2.0 2022-03-11
 * Fix -- GenerateQueryParams no longer assumes you want EITHER nsValues filters or options filters, it simply adds both to the params array
 * ActionList -- added a hideCreateButton prop for custom rolled solutions

package/es/index.js

@@ -11,22 +11,100 @@ Object.defineProperty(exports, "ActionList", {
     return _ActionList.default;
   }
 });
+Object.defineProperty(exports, "CustomPropertiesEdit", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesEdit;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesEditCtx", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesEditCtx;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilter", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilter;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilterField", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilterField;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilterFieldArray", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilterFieldArray;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesFilterForm", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesFilterForm;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesListField", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesListField;
+  }
+});
 Object.defineProperty(exports, "CustomPropertiesLookup", {
   enumerable: true,
   get: function get() {
-    return _Config.CustomPropertiesLookup;
+    return _CustomProperties.CustomPropertiesLookup;
   }
 });
 Object.defineProperty(exports, "CustomPropertiesSettings", {
   enumerable: true,
   get: function get() {
-    return _Config.CustomPropertiesSettings;
+    return _CustomProperties.CustomPropertiesSettings;
   }
 });
 Object.defineProperty(exports, "CustomPropertiesView", {
   enumerable: true,
   get: function get() {
-    return _Config.CustomPropertiesView;
+    return _CustomProperties.CustomPropertiesView;
+  }
+});
+Object.defineProperty(exports, "CustomPropertiesViewCtx", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertiesViewCtx;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyCard", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyCard;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyField", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyField;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyForm", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyForm;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyFormCard", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyFormCard;
+  }
+});
+Object.defineProperty(exports, "CustomPropertyView", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.CustomPropertyView;
   }
 });
 Object.defineProperty(exports, "EditableRefdataList", {
@@ -126,6 +204,12 @@ Object.defineProperty(exports, "generateKiwtQueryParams", {
     return _utils.generateKiwtQueryParams;
   }
 });
+Object.defineProperty(exports, "groupCustomPropertiesByCtx", {
+  enumerable: true,
+  get: function get() {
+    return _utils.groupCustomPropertiesByCtx;
+  }
+});
 Object.defineProperty(exports, "invalidNumber", {
   enumerable: true,
   get: function get() {
@@ -138,6 +222,12 @@ Object.defineProperty(exports, "refdataOptions", {
     return _utils.refdataOptions;
   }
 });
+Object.defineProperty(exports, "refdataQueryKey", {
+  enumerable: true,
+  get: function get() {
+    return _utils.refdataQueryKey;
+  }
+});
 Object.defineProperty(exports, "required", {
   enumerable: true,
   get: function get() {
@@ -156,12 +246,24 @@ Object.defineProperty(exports, "selectorSafe", {
     return _utils.selectorSafe;
   }
 });
+Object.defineProperty(exports, "typedownQueryKey", {
+  enumerable: true,
+  get: function get() {
+    return _utils.typedownQueryKey;
+  }
+});
 Object.defineProperty(exports, "useActiveElement", {
   enumerable: true,
   get: function get() {
     return _hooks.useActiveElement;
   }
 });
+Object.defineProperty(exports, "useAvailableCustomProperties", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useAvailableCustomProperties;
+  }
+});
 Object.defineProperty(exports, "useCustomProperties", {
   enumerable: true,
   get: function get() {
@@ -174,6 +276,12 @@ Object.defineProperty(exports, "useHelperApp", {
     return _hooks.useHelperApp;
   }
 });
+Object.defineProperty(exports, "useInvalidateRefdata", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useInvalidateRefdata;
+  }
+});
 Object.defineProperty(exports, "useKiwtFieldArray", {
   enumerable: true,
   get: function get() {
@@ -204,6 +312,18 @@ Object.defineProperty(exports, "useMutateRefdataValue", {
     return _hooks.useMutateRefdataValue;
   }
 });
+Object.defineProperty(exports, "useOperators", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.useOperators;
+  }
+});
+Object.defineProperty(exports, "useParseActiveFilterStrings", {
+  enumerable: true,
+  get: function get() {
+    return _CustomProperties.useParseActiveFilterStrings;
+  }
+});
 Object.defineProperty(exports, "useQIndex", {
   enumerable: true,
   get: function get() {
@@ -261,7 +381,7 @@ var _RefdataButtons = _interopRequireDefault(require("./lib/RefdataButtons"));
 
 var _FormModal = _interopRequireDefault(require("./lib/FormModal"));
 
-var _Config = require("./lib/CustomProperties/Config");
+var _CustomProperties = require("./lib/CustomProperties");
 
 var _customPropertyContants = _interopRequireWildcard(require("./lib/constants/customProperties"));
 

package/es/lib/ActionList/ActionList.js

@@ -19,7 +19,7 @@ var _ActionListFieldArray = _interopRequireDefault(require("./ActionListFieldArr
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "contentData", "creatableFields", "editableFields", "fieldComponents", "hideCreateButton", "visibleFields"];
+var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "contentData", "creatableFields", "createCallback", "editableFields", "fieldComponents", "hideCreateButton", "visibleFields"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -48,6 +48,7 @@ var propTypes = {
   columnMapping: _propTypes.default.object,
   contentData: _propTypes.default.arrayOf(_propTypes.default.object),
   creatableFields: _propTypes.default.object,
+  createCallback: _propTypes.default.func,
   editableFields: _propTypes.default.object,
   fieldComponents: _propTypes.default.object,
   hideCreateButton: _propTypes.default.bool,
@@ -62,6 +63,7 @@ var ActionList = function ActionList(_ref) {
       contentData = _ref.contentData,
       _ref$creatableFields = _ref.creatableFields,
       creatableFields = _ref$creatableFields === void 0 ? {} : _ref$creatableFields,
+      createCallback = _ref.createCallback,
       _ref$editableFields = _ref.editableFields,
       editableFields = _ref$editableFields === void 0 ? {} : _ref$editableFields,
       _ref$fieldComponents = _ref.fieldComponents,
@@ -77,7 +79,9 @@ var ActionList = function ActionList(_ref) {
         contentData: contentData
       },
       mutators: _finalFormArrays.default,
-      onSubmit: actionCalls.edit,
+      onSubmit: function onSubmit() {
+        return null;
+      },
       subscription: {
         contentData: true
       },
@@ -92,6 +96,7 @@ var ActionList = function ActionList(_ref) {
             columnMapping: columnMapping,
             component: _ActionListFieldArray.default,
             creatableFields: creatableFields,
+            createCallback: createCallback,
             editableFields: editableFields,
             fieldComponents: fieldComponents,
             hideCreateButton: hideCreateButton,

package/es/lib/ActionList/ActionListFieldArray.js

@@ -23,7 +23,7 @@ var _ActionListFieldArray = _interopRequireDefault(require("../../../styles/Acti
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "creatableFields", "editableFields", "fields", "fieldComponents", "hideCreateButton", "visibleFields"],
+var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "creatableFields", "createCallback", "editableFields", "fields", "fieldComponents", "hideCreateButton", "visibleFields"],
     _excluded2 = ["actionListActions"],
     _excluded3 = ["actionListActions"],
     _excluded4 = ["actionListActions"],
@@ -84,6 +84,7 @@ var propTypes = {
   actionCalls: _propTypes.default.object,
   columnMapping: _propTypes.default.object,
   creatableFields: _propTypes.default.object,
+  createCallback: _propTypes.default.func,
   editableFields: _propTypes.default.object,
   fields: _propTypes.default.object,
   fieldComponents: _propTypes.default.object,
@@ -97,6 +98,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
       actionCalls = _ref.actionCalls,
       columnMapping = _ref.columnMapping,
       creatableFields = _ref.creatableFields,
+      createCallback = _ref.createCallback,
       editableFields = _ref.editableFields,
       fields = _ref.fields,
       fieldComponents = _ref.fieldComponents,
@@ -135,11 +137,22 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
   };
 
   var handleSave = function handleSave(index) {
+    var _actionAssigner$find;
+
     var _fields$value$index = fields.value[index],
         _a = _fields$value$index.actionListActions,
-        rowData = _objectWithoutProperties(_fields$value$index, _excluded2);
+        rowData = _objectWithoutProperties(_fields$value$index, _excluded2); // Find "edit" entry in actionAssigner
+
+
+    var editCallback = (_actionAssigner$find = actionAssigner.find(function (act) {
+      return act.name === 'edit';
+    })) === null || _actionAssigner$find === void 0 ? void 0 : _actionAssigner$find.callback;
 
-    actionCalls.edit(rowData);
+    if (editCallback) {
+      editCallback(rowData);
+    } else {
+      actionCalls.edit(rowData); // DEPRECATED
+    }
   };
 
   var handleCreate = function handleCreate(index) {
@@ -147,7 +160,11 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
         _a = _fields$value$index2.actionListActions,
         rowData = _objectWithoutProperties(_fields$value$index2, _excluded3);
 
-    actionCalls.create(rowData);
+    if (createCallback) {
+      createCallback(rowData);
+    } else {
+      actionCalls.create(rowData); // DEPRECATED
+    }
   };
 
   var getColumnWidths = function getColumnWidths() {
@@ -211,9 +228,20 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
       children: actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
         var _action$label;
 
-        var actionFunction = function actionFunction() {
-          return actionCalls[action.name](rest);
-        }; // Edit has special action functionality, revealing fields etc.
+        var actionFunction;
+
+        if (action.callback) {
+          actionFunction = function actionFunction() {
+            return action.callback(rest);
+          };
+        }
+
+        if (!actionFunction && actionCalls[action.name]) {
+          actionFunction = function actionFunction() {
+            return actionCalls[action.name](rest);
+          }; // DEPRECATED
+
+        } // Edit has special action functionality, revealing fields etc.
 
 
         if (action.name === 'edit') {
@@ -228,7 +256,12 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
             disabled: editing,
             icon: action.icon,
             marginBottom0: true,
-            onClick: actionFunction
+            onClick: function onClick() {
+              return actionFunction ? actionFunction() : function () {
+                return null;
+              };
+            },
+            to: action.to
           }, "action-".concat(action.name, "[").concat(data.rowIndex, "]"));
         } // Else return a button with the label, or failing that the name of the action
 
@@ -236,7 +269,12 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           disabled: editing,
           marginBottom0: true,
-          onClick: actionFunction,
+          onClick: function onClick() {
+            return actionFunction ? actionFunction() : function () {
+              return null;
+            };
+          },
+          to: action.to,
           children: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : action.name
         }, "action-".concat(action.name, "[").concat(data.rowIndex, "]"));
       })
@@ -333,7 +371,8 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!hideCreateButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       buttonClass: _ActionListFieldArray.default.buttonRight,
-      disabled: !actionCalls.create,
+      disabled: !actionCalls.create && !createCallback // DEPRECATED actionCalls
+      ,
       onClick: function onClick() {
         toggleEditing('NEW_ROW');
         fields.push({});

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

@@ -23,7 +23,7 @@ var _FormModal = _interopRequireDefault(require("../../FormModal/FormModal"));
 
 var _CustomPropertiesLookup = _interopRequireDefault(require("./CustomPropertiesLookup"));
 
-var _CustomPropertiesView = _interopRequireDefault(require("./CustomPropertiesView"));
+var _CustomPropertyView = _interopRequireDefault(require("./CustomPropertyView"));
 
 var _CustomPropertyForm = _interopRequireDefault(require("./CustomPropertyForm"));
 
@@ -222,7 +222,7 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
         return setCustomProperty();
       },
       paneTitle: (_ref3 = (_renderViewPaneTitle = renderViewPaneTitle) !== null && _renderViewPaneTitle !== void 0 ? _renderViewPaneTitle : customProperty === null || customProperty === void 0 ? void 0 : customProperty.label) !== null && _ref3 !== void 0 ? _ref3 : customProperty === null || customProperty === void 0 ? void 0 : customProperty.name,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesView.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyView.default, {
         customProperty: customProperty,
         labelOverrides: labelOverrides
       })

package/es/lib/CustomProperties/Config/{CustomPropertiesView.js → CustomPropertyView.js}

@@ -27,7 +27,7 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 };
 
 // A default option for CustProp view pane, with the ability to override labels for fields
-var CustomPropertiesView = function CustomPropertiesView(_ref) {
+var CustomPropertyView = function CustomPropertyView(_ref) {
   var _labelOverrides$label, _labelOverrides$name, _labelOverrides$descr, _labelOverrides$prima, _labelOverrides$retir, _labelOverrides$weigh, _labelOverrides$defau, _labelOverrides$ctx, _customProperty$ctx, _labelOverrides$type, _labelOverrides$categ, _customProperty$categ, _customProperty$categ2;
 
   var customProperty = _ref.customProperty,
@@ -137,7 +137,7 @@ var CustomPropertiesView = function CustomPropertiesView(_ref) {
   });
 };
 
-CustomPropertiesView.propTypes = {
+CustomPropertyView.propTypes = {
   customProperty: _propTypes.default.shape({
     id: _propTypes.default.string,
     label: _propTypes.default.string,
@@ -155,7 +155,7 @@ CustomPropertiesView.propTypes = {
   }),
   labelOverrides: _propTypes.default.object
 };
-var _default = CustomPropertiesView;
+var _default = CustomPropertyView;
 var _default2 = _default;
 exports.default = _default2;
 ;
@@ -167,8 +167,8 @@ exports.default = _default2;
     return;
   }
 
-  reactHotLoader.register(CustomPropertiesView, "CustomPropertiesView", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertiesView.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertiesView.js");
+  reactHotLoader.register(CustomPropertyView, "CustomPropertyView", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertyView.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Config/CustomPropertyView.js");
 })();
 
 ;

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

@@ -15,21 +15,23 @@ Object.defineProperty(exports, "CustomPropertiesSettings", {
     return _CustomPropertiesSettings.default;
   }
 });
-Object.defineProperty(exports, "CustomPropertiesView", {
+Object.defineProperty(exports, "CustomPropertyForm", {
   enumerable: true,
   get: function get() {
-    return _CustomPropertiesLookup.default;
+    return _CustomPropertyForm.default;
   }
 });
-Object.defineProperty(exports, "CustomPropertyForm", {
+Object.defineProperty(exports, "CustomPropertyView", {
   enumerable: true,
   get: function get() {
-    return _CustomPropertyForm.default;
+    return _CustomPropertyView.default;
   }
 });
 
 var _CustomPropertiesLookup = _interopRequireDefault(require("./CustomPropertiesLookup"));
 
+var _CustomPropertyView = _interopRequireDefault(require("./CustomPropertyView"));
+
 var _CustomPropertiesSettings = _interopRequireDefault(require("./CustomPropertiesSettings"));
 
 var _CustomPropertyForm = _interopRequireDefault(require("./CustomPropertyForm"));

package/es/lib/CustomProperties/Edit/CustomPropertiesEdit.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _CustomPropertiesEditCtx = _interopRequireDefault(require("./CustomPropertiesEditCtx"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var CustomPropertiesEdit = function CustomPropertiesEdit(_ref) {
+  var _ref$contexts = _ref.contexts,
+      contexts = _ref$contexts === void 0 ? [] : _ref$contexts,
+      customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+      id = _ref.id,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+      nameOverride = _ref.nameOverride;
+  return contexts.map(function (ctx) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesEditCtx.default, {
+      ctx: ctx,
+      customPropertiesEndpoint: customPropertiesEndpoint,
+      id: id,
+      labelOverrides: labelOverrides,
+      nameOverride: nameOverride
+    }, "customPropertiesEdit-".concat(ctx));
+  });
+};
+
+CustomPropertiesEdit.propTypes = {
+  contexts: _propTypes.default.arrayOf(_propTypes.default.string),
+  customPropertiesEndpoint: _propTypes.default.string,
+  id: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
+  nameOverride: _propTypes.default.string
+};
+var _default = CustomPropertiesEdit;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(CustomPropertiesEdit, "CustomPropertiesEdit", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Edit/CustomPropertiesEdit.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Edit/CustomPropertiesEdit.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/CustomProperties/Edit/CustomPropertiesEditCtx.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+var _CustomPropertiesListField = _interopRequireDefault(require("./CustomPropertiesListField"));
+
+var _hooks = require("../../hooks");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var CustomPropertiesEditCtx = function CustomPropertiesEditCtx(_ref) {
+  var ctx = _ref.ctx,
+      customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+      id = _ref.id,
+      labelOverrides = _ref.labelOverrides,
+      nameOverride = _ref.nameOverride;
+
+  // Deal with all the possible label override options
+  var getAccordionLabel = function getAccordionLabel() {
+    var _labelOverrides$defau;
+
+    // Special case for null context
+    if (ctx === 'isNull') {
+      var _labelOverrides$noCon;
+
+      return (_labelOverrides$noCon = labelOverrides.noContext) !== null && _labelOverrides$noCon !== void 0 ? _labelOverrides$noCon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.customProperties"
+      });
+    } // Label overrides for specific contexts
+
+
+    if (labelOverrides[ctx]) {
+      return labelOverrides[ctx];
+    } // Label override for default title, taking ctx into account
+
+
+    if (labelOverrides.defaultTitle && typeof labelOverrides.defaultTitle === 'function') {
+      return labelOverrides.defaultTitle(ctx);
+    } // Label override for default title or finally built in default
+
+
+    return (_labelOverrides$defau = labelOverrides.defaultTitle) !== null && _labelOverrides$defau !== void 0 ? _labelOverrides$defau : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-kint-components.customProperties.ctx.title",
+      values: {
+        ctx: ctx
+      }
+    });
+  };
+
+  var _useCustomProperties = (0, _hooks.useCustomProperties)({
+    ctx: ctx,
+    endpoint: customPropertiesEndpoint,
+    returnQueryObject: true,
+    options: {
+      filters: [{
+        path: 'retired',
+        comparator: '!=',
+        value: 'true'
+      }]
+    }
+  }),
+      custprops = _useCustomProperties.data,
+      isLoading = _useCustomProperties.isLoading;
+
+  if (isLoading) {
+    return null;
+  }
+
+  return custprops.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
+    id: "".concat(id, "-accordion-").concat(ctx),
+    label: getAccordionLabel(),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesListField.default, {
+      ctx: ctx,
+      customProperties: custprops,
+      labelOverrides: labelOverrides,
+      name: nameOverride !== null && nameOverride !== void 0 ? nameOverride : 'customProperties'
+    })
+  });
+};
+
+__signature__(CustomPropertiesEditCtx, "useCustomProperties{{ data: custprops, isLoading }}", function () {
+  return [_hooks.useCustomProperties];
+});
+
+CustomPropertiesEditCtx.propTypes = {
+  ctx: _propTypes.default.string,
+  customPropertiesEndpoint: _propTypes.default.string,
+  id: _propTypes.default.string,
+  labelOverrides: _propTypes.default.object,
+  nameOverride: _propTypes.default.string
+};
+var _default = CustomPropertiesEditCtx;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(CustomPropertiesEditCtx, "CustomPropertiesEditCtx", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Edit/CustomPropertiesEditCtx.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/CustomProperties/Edit/CustomPropertiesEditCtx.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();