@k-int/stripes-kint-components 1.3.0 → 1.7.0

package/es/lib/EditableSettingsList/SettingField/SettingField.test.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+require("@folio/stripes-erm-components/test/jest/__mock__");
+
+var _helpers = require("@folio/stripes-erm-components/test/jest/helpers");
+
+var _stripesTesting = require("@folio/stripes-testing");
+
+var _reactFinalForm = require("react-final-form");
+
+var _SettingField = _interopRequireDefault(require("./SettingField"));
+
+var _helpers2 = require("../../../../test/jest/helpers");
+
+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);
+})();
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var onSubmit = jest.fn();
+var onSave = jest.fn().mockResolvedValue();
+jest.mock('./EditSettingValue', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "EditSettingValue"
+    });
+  };
+});
+jest.mock('./RenderSettingValue', function () {
+  return function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: "RenderSettingValue"
+    });
+  };
+});
+jest.mock('../../hooks', function () {
+  return {
+    useRefdata: function useRefdata() {
+      return [];
+    },
+    useTemplates: function useTemplates() {
+      return [];
+    }
+  };
+});
+var setting = {
+  id: 'ff8081817d94374a017d94449a660049',
+  key: 'S3BucketName',
+  section: 'fileStorage',
+  settingType: 'String',
+  value: 'diku-shared'
+};
+describe('SettingField', function () {
+  var renderComponent;
+  beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
+              initialValues: {},
+              onSubmit: onSubmit,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+                component: _SettingField.default,
+                name: "test",
+                onSave: onSave,
+                settingData: {
+                  currentSetting: setting
+                }
+              })
+            }));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('renders RenderSettingValue', function () {
+    var _renderComponent = renderComponent,
+        getByText = _renderComponent.getByText;
+    expect(getByText('RenderSettingValue')).toBeInTheDocument();
+  });
+  test('renders the edit button', function () {
+    (0, _stripesTesting.Button)('Edit').exists();
+  });
+  it('clicking edit/save works as expected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    var _renderComponent2, getByRole, findByText, editButton, finishEditing;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _renderComponent2 = renderComponent, getByRole = _renderComponent2.getByRole, findByText = _renderComponent2.findByText; // before clicking on edit button, we should be rendering setting value
+
+            _context2.t0 = expect;
+            _context2.next = 4;
+            return findByText('RenderSettingValue');
+
+          case 4:
+            _context2.t1 = _context2.sent;
+            (0, _context2.t0)(_context2.t1).toBeInTheDocument();
+            // Clicking edit button
+            editButton = getByRole('button', {
+              name: /Edit/i
+            });
+            expect(editButton).toBeInTheDocument();
+
+            _userEvent.default.click(editButton); // Should be rendering the "edit" for a setting value
+
+
+            _context2.t2 = expect;
+            _context2.next = 12;
+            return findByText('EditSettingValue');
+
+          case 12:
+            _context2.t3 = _context2.sent;
+            (0, _context2.t2)(_context2.t3).toBeInTheDocument();
+            // Clicking finish editing button
+            finishEditing = getByRole('button', {
+              name: /Finish editing/i
+            });
+            expect(finishEditing).toBeInTheDocument();
+
+            _userEvent.default.click(finishEditing); // Should be rendering the setting value again
+
+
+            _context2.t4 = expect;
+            _context2.next = 20;
+            return findByText('RenderSettingValue');
+
+          case 20:
+            _context2.t5 = _context2.sent;
+            (0, _context2.t4)(_context2.t5).toBeInTheDocument();
+
+          case 22:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+});
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(onSubmit, "onSubmit", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+  reactHotLoader.register(onSave, "onSave", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+  reactHotLoader.register(setting, "setting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/EditableSettingsList/SettingField/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditSettingValue", {
+  enumerable: true,
+  get: function get() {
+    return _EditSettingValue.default;
+  }
+});
+Object.defineProperty(exports, "RenderSettingValue", {
+  enumerable: true,
+  get: function get() {
+    return _RenderSettingValue.default;
+  }
+});
+Object.defineProperty(exports, "SettingField", {
+  enumerable: true,
+  get: function get() {
+    return _SettingField.default;
+  }
+});
+
+var _SettingField = _interopRequireDefault(require("./SettingField"));
+
+var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
+
+var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/EditableSettingsList/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditableSettingsList", {
+  enumerable: true,
+  get: function get() {
+    return _EditableSettingsList.default;
+  }
+});
+Object.defineProperty(exports, "EditableSettingsListFieldArray", {
+  enumerable: true,
+  get: function get() {
+    return _EditableSettingsListFieldArray.default;
+  }
+});
+Object.defineProperty(exports, "SettingField", {
+  enumerable: true,
+  get: function get() {
+    return _SettingField.SettingField;
+  }
+});
+
+var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
+
+var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
+
+var _SettingField = require("./SettingField");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+var _NoResultsMessage = _interopRequireDefault(require("../../../styles/NoResultsMessage.css"));
+
+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 NoResultsMessage = function NoResultsMessage(_ref) {
+  var userIcon = _ref.icon,
+      isLoading = _ref.isLoading,
+      isError = _ref.isError,
+      error = _ref.error,
+      filterPaneIsVisible = _ref.filterPaneIsVisible,
+      userLabel = _ref.label,
+      searchTerm = _ref.searchTerm,
+      toggleFilterPane = _ref.toggleFilterPane;
+  var icon = 'search';
+  var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    id: "stripes-smart-components.sas.noResults.default",
+    values: {
+      searchTerm: searchTerm
+    }
+  }); // No search term but no results
+
+  if (!searchTerm) {
+    icon = 'search';
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-smart-components.sas.noResults.noResults"
+    });
+  } // Loading results
+
+
+  if (isLoading) {
+    icon = 'spinner-ellipsis';
+    label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      id: "stripes-smart-components.sas.noResults.loading"
+    });
+  } // Request failure
+
+
+  if (isError) {
+    icon = 'exclamation-circle';
+    label = error === null || error === void 0 ? void 0 : error.message;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _NoResultsMessage.default.noResultsMessage,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _NoResultsMessage.default.noResultsMessageLabelWrap,
+      children: [(icon || userIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
+        iconRootClass: _NoResultsMessage.default.noResultsMessageIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _NoResultsMessage.default.noResultsMessageLabel,
+        children: userLabel !== null && userLabel !== void 0 ? userLabel : label
+      })]
+    }), !filterPaneIsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      buttonClass: _NoResultsMessage.default.noResultsMessageButton,
+      marginBottom0: true,
+      onClick: toggleFilterPane,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: "stripes-kint-components.noResultsMessage.showFilters"
+      })
+    })]
+  });
+};
+
+NoResultsMessage.propTypes = {
+  error: _propTypes.default.object,
+  filterPaneIsVisible: _propTypes.default.bool.isRequired,
+  icon: _propTypes.default.string,
+  isLoading: _propTypes.default.bool,
+  isError: _propTypes.default.bool,
+  label: _propTypes.default.oneOfType(_propTypes.default.string, _propTypes.default.node, _propTypes.default.func),
+  searchTerm: _propTypes.default.string.isRequired,
+  toggleFilterPane: _propTypes.default.func.isRequired
+};
+var _default = NoResultsMessage;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(NoResultsMessage, "NoResultsMessage", "/home/ethan/FolioModules/stripes-kint-components/src/lib/NoResultsMessage/NoResultsMessage.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/NoResultsMessage/NoResultsMessage.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/NoResultsMessage/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _NoResultsMessage.default;
+  }
+});
+
+var _NoResultsMessage = _interopRequireDefault(require("./NoResultsMessage"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -1,11 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+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
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -15,15 +15,26 @@ var _Typedown = _interopRequireDefault(require("../Typedown"));
 
 var _typedownHooks = require("../hooks/typedownHooks");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["path", "pathMutator"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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(); }
 
@@ -41,6 +52,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
 var QueryTypedown = function QueryTypedown(_ref) {
   var path = _ref.path,
       pathMutator = _ref.pathMutator,
@@ -57,15 +72,39 @@ var QueryTypedown = function QueryTypedown(_ref) {
     setCallPath(pathMutator(e.target.value, path));
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_Typedown["default"], _extends({}, rest, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, _objectSpread(_objectSpread({}, rest), {}, {
     dataOptions: data,
     onType: onType
   }));
 };
 
+__signature__(QueryTypedown, "useState{[callPath, setCallPath](pathMutator(null, path))}\nuseTypedownData{data}", function () {
+  return [_typedownHooks.useTypedownData];
+});
+
 QueryTypedown.propTypes = {
-  path: _propTypes["default"].string,
-  pathMutator: _propTypes["default"].func
+  path: _propTypes.default.string,
+  pathMutator: _propTypes.default.func
 };
 var _default = QueryTypedown;
-exports["default"] = _default;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(QueryTypedown, "QueryTypedown", "/home/ethan/FolioModules/stripes-kint-components/src/lib/QueryTypedown/QueryTypedown.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/QueryTypedown/QueryTypedown.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/QueryTypedown/index.js

@@ -6,10 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _QueryTypedown["default"];
+    return _QueryTypedown.default;
   }
 });
 
 var _QueryTypedown = _interopRequireDefault(require("./QueryTypedown"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactIntl = require("react-intl");
+
+var _components = require("@folio/stripes/components");
+
+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);
+})();
+
+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; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+var RefdataButtons = function RefdataButtons(props) {
+  // Render the right number of buttons:
+  var labelTranslations = props.labelTranslations,
+      lockColumns = props.lockColumns,
+      _props$maxCols = props.maxCols,
+      maxCols = _props$maxCols === void 0 ? 4 : _props$maxCols;
+  var intl = (0, _reactIntl.useIntl)(); // maxCols can be any of 1,2,3 or 4. Anything outside of this should be disregarded and default to 4.
+
+  var maximumColumns = [1, 2, 3, 4].includes(maxCols) ? maxCols : 4;
+
+  var buttonRender = function buttonRender(dataOptions, dynamicColumnWidth) {
+    // This accepts a SORTED list of dataoptions.
+    var input = props.input;
+    var numberOfButtons = dataOptions.length;
+    return dataOptions.map(function (option) {
+      var buttonProps = {
+        'checked': input.value === option.value,
+        'fullWidth': true,
+        'label': labelTranslations ? intl.formatMessage({
+          id: "".concat(labelTranslations.key, ".").concat(option.value),
+          defaultMessage: option.label
+        }) : option.label,
+        'marginBottom0': true,
+        'onChange': function onChange() {
+          return input.onChange(option.value);
+        },
+        'value': option.value
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+        xs: dynamicColumnWidth ? 12 / numberOfButtons : 12 / maximumColumns,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, _objectSpread({}, buttonProps))
+      }, "".concat(input.name, ":").concat(option.id));
+    });
+  };
+
+  var returnRows = function returnRows(dataOptions) {
+    var sortedDataOptions = dataOptions.sort(function (a, b) {
+      if (a.label < b.label) {
+        return -1;
+      }
+
+      if (a.label > b.label) {
+        return 1;
+      }
+
+      return 0;
+    });
+    var arrayLength = sortedDataOptions.length;
+
+    if (!lockColumns && arrayLength <= maximumColumns) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
+        children: buttonRender(sortedDataOptions, true)
+      });
+    }
+
+    var rowsNeeded = Math.ceil(sortedDataOptions.length / maximumColumns);
+    var chunkedDataOptions = [];
+
+    for (var i = 0; i < rowsNeeded; i++) {
+      chunkedDataOptions.push(sortedDataOptions.slice(i * maximumColumns, i * maximumColumns + maximumColumns));
+    }
+
+    return chunkedDataOptions.map(function (cdo, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
+        children: buttonRender(cdo, false)
+      }, "".concat(props.input.name, ":row").concat(index));
+    });
+  };
+
+  return returnRows(props.dataOptions);
+};
+
+__signature__(RefdataButtons, "useIntl{intl}", function () {
+  return [_reactIntl.useIntl];
+});
+
+RefdataButtons.propTypes = {
+  dataOptions: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    value: _propTypes.default.string.isRequired
+  })),
+  input: _propTypes.default.shape({
+    value: _propTypes.default.string.isRequired,
+    onChange: _propTypes.default.func.isRequired
+  }).isRequired
+};
+var _default = RefdataButtons;
+var _default2 = _default;
+exports.default = _default2;
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(RefdataButtons, "RefdataButtons", "/home/ethan/FolioModules/stripes-kint-components/src/lib/RefdataButtons/RefdataButtons.js");
+  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/RefdataButtons/RefdataButtons.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/RefdataButtons/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _RefdataButtons.default;
+  }
+});
+
+var _RefdataButtons = _interopRequireDefault(require("./RefdataButtons"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};