@k-int/stripes-kint-components 2.6.5 → 2.7.1

package/CHANGELOG.md

@@ -1,17 +1,20 @@
-## 2.6.5 2022-06-22
-  * Added label override ability for custom property types. Also documentation
+## 2.7.1 2022-07-06
+  * Fixed bug where non-createable fields which were editable would display a field on creation.
 
-## 2.6.4 2022-06-21
-  * Custom property weight sorting not working as expected
-
-## 2.6.3 2022-06-21
-  * Null safety issue
-
-## 2.6.2 2022-06-21
-  * Fixed more missing translations issues
-
-## 2.6.1 2022-06-21
+## 2.7.0 2022-07-05
   * Fixed missing translation issue
+  * EditableRefdataCategoryList component set up for ease of refdata category creation/deletion
+    * Also exposed useMutateRefdataCategory that it uses under the hood
+  * Custom property weight sorting not working as expected
+  * Fix aria label null safety in ActionList
+  * refdataOptions now sorts by desc by default
+  * ActionList
+    * autoFocus only applied to first field in editing row.
+    * formatter accidentally applied over editing fields
+    * validateFields prop to allow validation of fields. Takes an object with keys from `visibleFields` and values which are functions accepting the rowData, and returning a function to be used for validation in final-form.
+  * CustomProperties added default `labelOverrides={}` to all components to allow proper modular use without unnecessary props.
+  * CycleButton component
+  * IconSelect component
 
 ## 2.6.0 2022-06-20
   * UIOA-118 App does not function when code-splitting is enabled - no longer set history when url has not changed

package/es/index.js

@@ -107,6 +107,18 @@ Object.defineProperty(exports, "CustomPropertyView", {
     return _CustomProperties.CustomPropertyView;
   }
 });
+Object.defineProperty(exports, "CycleButton", {
+  enumerable: true,
+  get: function get() {
+    return _CycleButton.default;
+  }
+});
+Object.defineProperty(exports, "EditableRefdataCategoryList", {
+  enumerable: true,
+  get: function get() {
+    return _EditableRefdataCategoryList.default;
+  }
+});
 Object.defineProperty(exports, "EditableRefdataList", {
   enumerable: true,
   get: function get() {
@@ -119,6 +131,12 @@ Object.defineProperty(exports, "FormModal", {
     return _FormModal.default;
   }
 });
+Object.defineProperty(exports, "IconSelect", {
+  enumerable: true,
+  get: function get() {
+    return _IconSelect.default;
+  }
+});
 Object.defineProperty(exports, "NoResultsMessage", {
   enumerable: true,
   get: function get() {
@@ -393,6 +411,8 @@ var _ActionList = _interopRequireDefault(require("./lib/ActionList"));
 
 var _EditableRefdataList = _interopRequireDefault(require("./lib/EditableRefdataList"));
 
+var _EditableRefdataCategoryList = _interopRequireDefault(require("./lib/EditableRefdataCategoryList"));
+
 var _Typedown = _interopRequireDefault(require("./lib/Typedown"));
 
 var _QueryTypedown = _interopRequireDefault(require("./lib/QueryTypedown"));
@@ -417,6 +437,10 @@ var _customPropertyContants = _interopRequireWildcard(require("./lib/constants/c
 
 exports.customPropertyContants = _customPropertyContants;
 
+var _CycleButton = _interopRequireDefault(require("./lib/CycleButton"));
+
+var _IconSelect = _interopRequireDefault(require("./lib/IconSelect"));
+
 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; }

package/es/lib/ActionList/ActionList.js

@@ -21,7 +21,7 @@ var _ActionListFieldArray = _interopRequireDefault(require("./ActionListFieldArr
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "contentData", "creatableFields", "createCallback", "editableFields", "fieldComponents", "hideCreateButton", "label", "visibleFields"];
+var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "contentData", "creatableFields", "createCallback", "editableFields", "fieldComponents", "hideCreateButton", "label", "validateFields", "visibleFields"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -67,6 +67,7 @@ var ActionList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       fieldComponents = _ref$fieldComponents === void 0 ? {} : _ref$fieldComponents,
       hideCreateButton = _ref.hideCreateButton,
       label = _ref.label,
+      validateFields = _ref.validateFields,
       visibleFields = _ref.visibleFields,
       mclProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -89,7 +90,8 @@ var ActionList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       subscription: {
         contentData: true
       },
-      children: function children() {
+      children: function children(_ref2) {
+        var handleSubmit = _ref2.handleSubmit;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
           onSubmit: function onSubmit(e) {
             e.preventDefault();
@@ -106,6 +108,8 @@ var ActionList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
             hideCreateButton: hideCreateButton,
             label: label,
             name: "contentData",
+            triggerFormSubmit: handleSubmit,
+            validateFields: validateFields,
             visibleFields: visibleFields
           }, mclProps))
         });

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", "createCallback", "editableFields", "fields", "fieldComponents", "hideCreateButton", "label", "visibleFields"],
+var _excluded = ["actionAssigner", "actionCalls", "columnMapping", "creatableFields", "createCallback", "editableFields", "fields", "fieldComponents", "hideCreateButton", "label", "validateFields", "visibleFields", "triggerFormSubmit"],
     _excluded2 = ["actionListActions", "fieldName", "fieldIndex"],
     _excluded3 = ["actionListActions", "fieldName", "fieldIndex"],
     _excluded4 = ["actionListActions"],
@@ -94,7 +94,9 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
       _ref$hideCreateButton = _ref.hideCreateButton,
       hideCreateButton = _ref$hideCreateButton === void 0 ? false : _ref$hideCreateButton,
       label = _ref.label,
+      validateFields = _ref.validateFields,
       visibleFields = _ref.visibleFields,
+      triggerFormSubmit = _ref.triggerFormSubmit,
       mclProps = _objectWithoutProperties(_ref, _excluded);
 
   // Grab finalForm functions/values from form hooks
@@ -102,6 +104,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
       change = _useForm.change;
 
   var _useFormState = (0, _reactFinalForm.useFormState)(),
+      hasValidationErrors = _useFormState.hasValidationErrors,
       initialValues = _useFormState.initialValues,
       pristine = _useFormState.pristine,
       submitting = _useFormState.submitting,
@@ -201,14 +204,19 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
           disabled: submitting || pristine,
           marginBottom0: true,
           onClick: function onClick() {
-            if (!data.id && editing === 'NEW_ROW') {
-              handleCreate(data.rowIndex);
-            } else {
-              handleSave(data.rowIndex);
-            }
+            triggerFormSubmit(); // This is set up as () => null in ActionList, so essentially only acts here to force validation
+
+            if (!hasValidationErrors) {
+              if (!data.id && editing === 'NEW_ROW') {
+                handleCreate(data.rowIndex);
+              } else {
+                handleSave(data.rowIndex);
+              }
 
-            toggleEditing(data.id);
+              toggleEditing(data.id);
+            }
           },
+          type: "submit",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-kint-components.actionList.save"
           })
@@ -255,12 +263,24 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
           actionFunction = function actionFunction() {
             return toggleEditing(data.id);
           };
+        }
+
+        var ariaLabel = "action-".concat(action.name, "[").concat(data.rowIndex, "]");
+
+        if (action !== null && action !== void 0 && action.ariaLabel) {
+          if (typeof action.ariaLabel === 'function') {
+            ariaLabel = action.ariaLabel(data);
+          } else if (typeof action.ariaLabel === 'string') {
+            ariaLabel = action.ariaLabel;
+          } else {
+            throw new Error("Provided ariaLabel for action \"".concat(action.name, "\" must be a function or a string."));
+          }
         } // If we're handed an icon, use that for the action button
 
 
         if (action.icon) {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-            ariaLabel: action === null || action === void 0 ? void 0 : action.ariaLabel(data),
+            ariaLabel: ariaLabel,
             disabled: editing,
             icon: action.icon,
             onClick: function onClick() {
@@ -274,6 +294,7 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
 
 
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          ariaLabel: ariaLabel,
           disabled: editing,
           marginBottom0: true,
           onClick: function onClick() {
@@ -306,7 +327,9 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
 
   var fieldAwareFormatter = function fieldAwareFormatter() {
     var returnObj = {}; // For each visible field, if it's being edited then ignore passed formatters, else use them
+    // Track whether we've autoFocused on a field yet
 
+    var autoFocus = true;
     visibleFields.forEach(function (key) {
       returnObj[key] = function (cd) {
         // Row is being edited if it has no id, or its id is in the editing string
@@ -335,23 +358,23 @@ var ActionListFieldArray = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
             true => Field, false => display value
           */
 
-          if (!cd.id && createFunction(cd) || editFunction(cd)) {
+          if (!cd.id && createFunction(cd) || !!cd.id && editFunction(cd)) {
+            var validateFunction = validateFields !== null && validateFields !== void 0 && validateFields[key] ? validateFields === null || validateFields === void 0 ? void 0 : validateFields[key](cd) : null;
             returnValue = fieldComponents[key] ? fieldComponents[key]({
               name: "".concat(cd.fieldName, ".").concat(key)
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-              autoFocus: cd.fieldIndex === 0,
+              autoFocus: autoFocus,
               component: _components.TextField,
               marginBottom0: true,
               name: "".concat(cd.fieldName, ".").concat(key),
               parse: function parse(v) {
                 return v;
-              }
-            });
-          }
-        }
+              },
+              validate: validateFunction
+            }); // After first field, every other field should not autofocus
 
-        if (formatter !== null && formatter !== void 0 && formatter[key]) {
-          returnValue = formatter[key](cd);
+            autoFocus = false;
+          }
         }
 
         return returnValue;

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

@@ -48,7 +48,8 @@ var CustomPropertiesLookup = function CustomPropertiesLookup(_ref) {
 
   var contextFilterOptions = _ref.contextFilterOptions,
       endpoint = _ref.customPropertiesEndpoint,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       mclProps = _ref.mclProps,
       onSelectCustomProperty = _ref.onSelectCustomProperty,
       queryParams = _ref.queryParams;

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

@@ -71,7 +71,8 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
       contextFilterOptions = _ref.contextFilterOptions,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       helpPopovers = _ref.helpPopovers,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       refdataEndpoint = _ref.refdataEndpoint;
   var callout = (0, _react.useContext)(_core.CalloutContext);
   var queryClient = (0, _reactQuery.useQueryClient)();

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

@@ -48,7 +48,8 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
 
   var contextFilterOptions = _ref.contextFilterOptions,
       helpPopovers = _ref.helpPopovers,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       refdata = _ref.refdata;
 
   var _useFormState = (0, _reactFinalForm.useFormState)(),

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

@@ -23,7 +23,8 @@ var CustomPropertyView = function CustomPropertyView(_ref) {
 
   var customProperty = _ref.customProperty,
       helpPopovers = _ref.helpPopovers,
-      labelOverrides = _ref.labelOverrides;
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {

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

@@ -23,7 +23,8 @@ var CustomPropertiesEditCtx = function CustomPropertiesEditCtx(_ref) {
   var ctx = _ref.ctx,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       id = _ref.id,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       nameOverride = _ref.nameOverride;
 
   // Deal with all the possible label override options

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

@@ -64,7 +64,8 @@ var CustomPropertiesList = function CustomPropertiesList(_ref) {
       name = _ref$input.name,
       onChange = _ref$input.onChange,
       value = _ref$input.value,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       pristine = _ref.meta.pristine;
 
   var _useState = (0, _react.useState)([]),

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

@@ -51,7 +51,8 @@ var CustomPropertyField = function CustomPropertyField(_ref) {
       customPropertyType = _ref.customPropertyType,
       customProperties = _ref.customProperties,
       index = _ref.index,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       name = _ref.name,
       _onChange = _ref.onChange,
       value = _ref.value,

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

@@ -25,7 +25,8 @@ var CustomPropertyFormCard = function CustomPropertyFormCard(_ref) {
       handleDeleteCustomProperty = _ref.handleDeleteCustomProperty,
       index = _ref.index,
       internalPropertyCounter = _ref.internalPropertyCounter,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       name = _ref.name,
       onChange = _ref.onChange,
       setCustomProperties = _ref.setCustomProperties,

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

@@ -57,7 +57,8 @@ var CustomPropertiesFilter = function CustomPropertiesFilter(_ref) {
       restOfFilters = _objectWithoutProperties(_ref$activeFilters, _excluded),
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       filterHandlers = _ref.filterHandlers,
-      labelOverrides = _ref.labelOverrides;
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),

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

@@ -25,7 +25,8 @@ var CustomPropertiesFilterFieldArray = function CustomPropertiesFilterFieldArray
   var _labelOverrides$addFi;
 
   var customProperties = _ref.customProperties,
-      labelOverrides = _ref.labelOverrides;
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
 
   var _useForm = (0, _reactFinalForm.useForm)(),
       push = _useForm.mutators.push;

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

@@ -36,7 +36,8 @@ var CustomPropertyFiltersForm = function CustomPropertyFiltersForm(_ref) {
       _ref$handlers = _ref.handlers,
       closeEditModal = _ref$handlers.closeEditModal,
       openEditModal = _ref$handlers.openEditModal,
-      labelOverrides = _ref.labelOverrides,
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
       onSubmit = _ref.onSubmit;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {

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

@@ -39,7 +39,8 @@ var CustomPropertiesViewCtx = function CustomPropertiesViewCtx(_ref) {
       customProperties = _ref$customProperties === void 0 ? [] : _ref$customProperties,
       customPropertiesEndpoint = _ref.customPropertiesEndpoint,
       id = _ref.id,
-      labelOverrides = _ref.labelOverrides;
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
 
   // Deal with all the possible label override options
   var getAccordionLabel = function getAccordionLabel() {
@@ -90,7 +91,7 @@ var CustomPropertiesViewCtx = function CustomPropertiesViewCtx(_ref) {
       }, // Within those groups, sort by weight
       {
         path: 'label'
-      } // For those with the same weight, sort by label
+      } //For those with the same weight, sort by label
       ]
     }
   }),

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

@@ -31,7 +31,8 @@ var CustomPropertyCard = function CustomPropertyCard(_ref) {
       _ref$customPropertyDe = _ref.customPropertyDefinition,
       customPropertyDefinition = _ref$customPropertyDe === void 0 ? {} : _ref$customPropertyDe,
       index = _ref.index,
-      labelOverrides = _ref.labelOverrides;
+      _ref$labelOverrides = _ref.labelOverrides,
+      labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides;
   // We only need to display primary and set properties
   var toDisplay = !!(customPropertyDefinition.primary || customProperty);
 

package/es/lib/CycleButton/CycleButton.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _components = require("@folio/stripes/components");
+
+var _CycleButton = _interopRequireDefault(require("../../../styles/CycleButton.css"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _excluded = ["className", "onClick"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var CycleButton = function CycleButton(_ref) {
+  var buttons = _ref.buttons,
+      _ref$startIndex = _ref.startIndex,
+      startIndex = _ref$startIndex === void 0 ? 0 : _ref$startIndex;
+
+  var _useState = (0, _react.useState)(startIndex),
+      _useState2 = _slicedToArray(_useState, 2),
+      index = _useState2[0],
+      setIndex = _useState2[1];
+
+  var _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: function onClick(e) {
+      if (_onClick) {
+        _onClick(e);
+      }
+
+      setIndex(index !== (buttons === null || buttons === void 0 ? void 0 : buttons.length) - 1 ? index + 1 : 0);
+    }
+  }));
+};
+
+CycleButton.propTypes = {
+  buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
+    className: _propTypes.default.object,
+    icon: _propTypes.default.string.isRequired,
+    onClick: _propTypes.default.func.isRequired
+  }))
+};
+var _default = CycleButton;
+exports.default = _default;

package/es/lib/CycleButton/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _CycleButton.default;
+  }
+});
+
+var _CycleButton = _interopRequireDefault(require("./CycleButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }