@k-int/stripes-kint-components 4.7.1 → 5.0.0

package/es/lib/FormModal/FormModal.js

@@ -1,5 +1,6 @@
 "use strict";
 
+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
 });
@@ -9,51 +10,53 @@ var _reactFinalForm = require("react-final-form");
 var _components = require("@folio/stripes/components");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["footer", "onClose"],
+  _excluded2 = ["children", "intlKey", "intlNS", "labelOverrides", "modalProps", "onSubmit"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const FormModal = _ref => {
-  let {
-    children,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    modalProps: {
-      footer,
-      onClose,
-      ...modalProps
-    },
-    onSubmit,
-    ...formProps
-  } = _ref;
-  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
-    onSubmit: onSubmit,
-    ...formProps,
-    children: _ref2 => {
-      let {
-        handleSubmit,
-        form: {
-          getState,
-          restart
-        }
-      } = _ref2;
-      const formState = getState();
-      const handleClose = e => {
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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; }
+var FormModal = function FormModal(_ref) {
+  var _children = _ref.children,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    _ref$modalProps = _ref.modalProps,
+    footer = _ref$modalProps.footer,
+    onClose = _ref$modalProps.onClose,
+    modalProps = _objectWithoutProperties(_ref$modalProps, _excluded),
+    onSubmit = _ref.onSubmit,
+    formProps = _objectWithoutProperties(_ref, _excluded2);
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, _objectSpread(_objectSpread({
+    onSubmit: onSubmit
+  }, formProps), {}, {
+    children: function children(_ref2) {
+      var handleSubmit = _ref2.handleSubmit,
+        _ref2$form = _ref2.form,
+        getState = _ref2$form.getState,
+        restart = _ref2$form.restart;
+      var formState = getState();
+      var handleClose = function handleClose(e) {
         onClose(e);
         restart();
       };
-      const renderFooter = () => {
+      var renderFooter = function renderFooter() {
         if (footer) {
           return footer({
-            formState,
-            handleSubmit,
-            handleClose
+            formState: formState,
+            handleSubmit: handleSubmit,
+            handleClose: handleClose
           });
         }
-        const {
-          invalid,
-          pristine,
-          submitting
-        } = formState;
+        var invalid = formState.invalid,
+          pristine = formState.pristine,
+          submitting = formState.submitting;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ModalFooter, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
             buttonStyle: "primary",
@@ -77,16 +80,16 @@ const FormModal = _ref => {
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
         onSubmit: handleSubmit,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
           enforceFocus: false,
           footer: renderFooter(),
-          onClose: handleClose,
-          ...modalProps,
-          children: children
-        })
+          onClose: handleClose
+        }, modalProps), {}, {
+          children: _children
+        }))
       });
     }
-  });
+  }));
 };
 FormModal.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node, _propTypes.default.func]),

package/es/lib/FormModal/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _FormModal.default;
   }
 });

package/es/lib/FormattedKintMessage/FormattedKintMessage.js

@@ -1,5 +1,6 @@
 "use strict";
 
+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
 });
@@ -8,20 +9,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntl = require("react-intl");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["fallbackMessage", "id", "intlKey", "intlNS", "overrideValue"]; // This works analogously to useKintIntl's "formatKintMessage"
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// This works analogously to useKintIntl's "formatKintMessage"
-const FormattedKintMessage = _ref => {
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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; }
+var FormattedKintMessage = function FormattedKintMessage(_ref) {
   var _intlObj$messages2;
-  let {
-    fallbackMessage,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    overrideValue,
-    ...formattedMessageProps
-  } = _ref;
-  const intlKey = (0, _hooks.useIntlKey)(passedIntlKey, passedIntlNS);
-  const intlObj = (0, _reactIntl.useIntl)();
+  var fallbackMessage = _ref.fallbackMessage,
+    id = _ref.id,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    overrideValue = _ref.overrideValue,
+    formattedMessageProps = _objectWithoutProperties(_ref, _excluded);
+  var intlKey = (0, _hooks.useIntlKey)(passedIntlKey, passedIntlNS);
+  var intlObj = (0, _reactIntl.useIntl)();
   if (overrideValue) {
     var _intlObj$messages;
     // Version 3 is a breaking change, where labelOverrides must be strings.
@@ -30,10 +36,9 @@ const FormattedKintMessage = _ref => {
     }
     if ((_intlObj$messages = intlObj.messages) !== null && _intlObj$messages !== void 0 && _intlObj$messages[overrideValue]) {
       // We've been passed a key as an override, return formattedMessage with it
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: overrideValue,
-        ...formattedMessageProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+        id: overrideValue
+      }, formattedMessageProps));
     }
     // At this stage we have an overrideValue that's not a key, return it.
     return overrideValue;
@@ -46,17 +51,15 @@ const FormattedKintMessage = _ref => {
     var _intlObj$messages3;
     // Allow fallback message to be an intl key
     if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: fallbackMessage,
-        ...formattedMessageProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+        id: fallbackMessage
+      }, formattedMessageProps));
     }
     return fallbackMessage;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-    id: "".concat(intlKey, ".").concat(id),
-    ...formattedMessageProps
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+    id: "".concat(intlKey, ".").concat(id)
+  }, formattedMessageProps));
 };
 FormattedKintMessage.propTypes = {
   fallbackMessage: _propTypes.default.string,

package/es/lib/FormattedKintMessage/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _FormattedKintMessage.default;
   }
 });

package/es/lib/IconSelect/IconSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 
+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
 });
@@ -12,28 +13,46 @@ var _IconSelect = _interopRequireDefault(require("../../../styles/IconSelect.css
 var _RichSelect = _interopRequireWildcard(require("../RichSelect"));
 var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+var _excluded = ["className"];
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// A form component which acts as a "Select for states with corresponding icons"
-const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; } // A form component which acts as a "Select for states with corresponding icons"
+var IconSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _selectedOption$butto;
-  let {
-    ariaLabel,
-    disabled = false,
-    id,
-    input,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    label,
-    meta,
-    notSet,
-    onChange,
-    options: userOptions = [],
-    required = false,
-    value
-  } = _ref;
-  const defaultNotSet = {
+  var ariaLabel = _ref.ariaLabel,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    id = _ref.id,
+    input = _ref.input,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    label = _ref.label,
+    meta = _ref.meta,
+    notSet = _ref.notSet,
+    onChange = _ref.onChange,
+    _ref$options = _ref.options,
+    userOptions = _ref$options === void 0 ? [] : _ref$options,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    value = _ref.value;
+  var defaultNotSet = {
     icon: 'ellipsis',
     value: '',
     label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormattedKintMessage.default, {
@@ -44,15 +63,19 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   // Options with notSet
-  const options = [notSet !== null && notSet !== void 0 ? notSet : defaultNotSet, ...userOptions];
-  const [richSelectRef, selectedOption] = (0, _RichSelect.useSelectedOption)();
-  (0, _react.useImperativeHandle)(ref, () => ({
-    selectedOption
-  }));
-  const {
-    className: iconButtonClassName,
-    ...buttonProps
-  } = (_selectedOption$butto = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.buttonProps) !== null && _selectedOption$butto !== void 0 ? _selectedOption$butto : {};
+  var options = [notSet !== null && notSet !== void 0 ? notSet : defaultNotSet].concat(_toConsumableArray(userOptions));
+  var _useSelectedOption = (0, _RichSelect.useSelectedOption)(),
+    _useSelectedOption2 = _slicedToArray(_useSelectedOption, 2),
+    richSelectRef = _useSelectedOption2[0],
+    selectedOption = _useSelectedOption2[1];
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      selectedOption: selectedOption
+    };
+  });
+  var _ref2 = (_selectedOption$butto = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.buttonProps) !== null && _selectedOption$butto !== void 0 ? _selectedOption$butto : {},
+    iconButtonClassName = _ref2.className,
+    buttonProps = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichSelect.default, {
     ref: richSelectRef,
     ariaLabel: ariaLabel,
@@ -63,40 +86,36 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     meta: meta,
     onChange: onChange,
     options: options,
-    renderOption: opt => {
+    renderOption: function renderOption(opt) {
       var _opt$label2;
       if (opt.icon) {
         var _opt$label;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-          icon: opt.icon,
-          ...opt.iconProps,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, _objectSpread(_objectSpread({
+          icon: opt.icon
+        }, opt.iconProps), {}, {
           children: (_opt$label = opt.label) !== null && _opt$label !== void 0 ? _opt$label : opt.value
-        });
+        }));
       }
       return (_opt$label2 = opt.label) !== null && _opt$label2 !== void 0 ? _opt$label2 : opt.value;
     },
-    renderTrigger: _ref2 => {
+    renderTrigger: function renderTrigger(_ref3) {
       var _selectedOption$icon;
-      let {
-        onToggle,
-        triggerRef,
-        keyHandler,
-        ariaProps,
-        getTriggerProps
-      } = _ref2;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+      var onToggle = _ref3.onToggle,
+        triggerRef = _ref3.triggerRef,
+        keyHandler = _ref3.keyHandler,
+        ariaProps = _ref3.ariaProps,
+        getTriggerProps = _ref3.getTriggerProps;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, _objectSpread(_objectSpread(_objectSpread({
         ref: triggerRef,
         disabled: disabled,
         icon: (_selectedOption$icon = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) !== null && _selectedOption$icon !== void 0 ? _selectedOption$icon : 'ellipsis',
         marginBottom0: true,
         onClick: onToggle,
         onKeyDown: keyHandler,
-        type: "button",
-        className: (0, _classnames.default)(_IconSelect.default.buttonStyle, iconButtonClassName),
-        ...buttonProps,
-        ...getTriggerProps(),
-        ...ariaProps
-      });
+        type: "button"
+      }, _objectSpread({
+        className: (0, _classnames.default)(_IconSelect.default.buttonStyle, iconButtonClassName)
+      }, buttonProps)), getTriggerProps()), ariaProps));
     },
     required: required,
     value: value

package/es/lib/IconSelect/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _IconSelect.default;
   }
 });

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -12,26 +12,25 @@ var _NoResultsMessage = _interopRequireDefault(require("../../../styles/NoResult
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const NoResultsMessage = _ref => {
-  let {
-    icon: userIcon,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    isLoading,
-    isError,
-    error,
-    filterPaneIsVisible,
-    label: userLabel,
-    labelOverrides = {},
-    searchTerm,
-    toggleFilterPane
-  } = _ref;
-  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  let icon = 'search';
-  let label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+var NoResultsMessage = function NoResultsMessage(_ref) {
+  var userIcon = _ref.icon,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    isLoading = _ref.isLoading,
+    isError = _ref.isError,
+    error = _ref.error,
+    filterPaneIsVisible = _ref.filterPaneIsVisible,
+    userLabel = _ref.label,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    searchTerm = _ref.searchTerm,
+    toggleFilterPane = _ref.toggleFilterPane;
+  var kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  var icon = 'search';
+  var label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
     id: "stripes-smart-components.sas.noResults.default",
     values: {
-      searchTerm
+      searchTerm: searchTerm
     }
   });
 

package/es/lib/NoResultsMessage/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _NoResultsMessage.default;
   }
 });

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -1,5 +1,6 @@
 "use strict";
 
+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
 });
@@ -9,30 +10,50 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typedown = _interopRequireDefault(require("../Typedown"));
 var _typedownHooks = require("../hooks/typedownHooks");
 var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["dataFormatter", "path", "pathMutator"];
 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 (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; }
-const QueryTypedown = _ref => {
-  let {
-    dataFormatter = d => d,
-    path,
-    pathMutator,
-    ...rest
-  } = _ref;
-  const [callPath, setCallPath] = (0, _react.useState)(pathMutator(null, path));
-  const data = dataFormatter((0, _typedownHooks.useTypedownData)(path, callPath));
-  const [userQuery, setUserQuery] = (0, _react.useState)('');
-  const onType = e => {
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+var QueryTypedown = function QueryTypedown(_ref) {
+  var _ref$dataFormatter = _ref.dataFormatter,
+    dataFormatter = _ref$dataFormatter === void 0 ? function (d) {
+      return d;
+    } : _ref$dataFormatter,
+    path = _ref.path,
+    pathMutator = _ref.pathMutator,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(pathMutator(null, path)),
+    _useState2 = _slicedToArray(_useState, 2),
+    callPath = _useState2[0],
+    setCallPath = _useState2[1];
+  var data = dataFormatter((0, _typedownHooks.useTypedownData)(path, callPath));
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    userQuery = _useState4[0],
+    setUserQuery = _useState4[1];
+  var onType = function onType(e) {
     setUserQuery(e.target.value);
   };
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setCallPath(pathMutator(userQuery, path));
   }, [path, pathMutator, userQuery]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, {
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, _objectSpread(_objectSpread({}, rest), {}, {
     dataOptions: data,
     onType: onType
-  });
+  }));
 };
 QueryTypedown.propTypes = {
   dataFormatter: _propTypes.default.func,

package/es/lib/QueryTypedown/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _QueryTypedown.default;
   }
 });