@nulogy/components 10.2.0 → 10.2.2

package/dist/main.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/typeof'), require('stylis'), require('@babel/runtime/helpers/extends'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('@babel/runtime/helpers/inheritsLoose'), require('@babel/runtime/helpers/assertThisInitialized'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('warning'), require('react-windowed-select'), require('react-resize-detector'), require('react-fast-compare'), require('classnames'), require('exenv'), require('smoothscroll-polyfill'), require('react-hot-toast')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/typeof', 'stylis', '@babel/runtime/helpers/extends', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', '@babel/runtime/helpers/inheritsLoose', '@babel/runtime/helpers/assertThisInitialized', 'deep-equal', '@hypnosphi/create-react-context', 'warning', 'react-windowed-select', 'react-resize-detector', 'react-fast-compare', 'classnames', 'exenv', 'smoothscroll-polyfill', 'react-hot-toast'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global.slicedToArray, global.defineProperty, global.classCallCheck, global.createClass, global["typeof"], global.stylis, global["extends"], null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.inheritsLoose, global.assertThisInitialized, global.deepEqual, global.createContext, global.warning, global.components, global.ReactResizeDetector, global.isEqual, global.t, global.exenv, global.smoothscroll, global.reactHotToast));
-})(this, (function (exports, React, styled, assign$1, icons, _slicedToArray$1, _defineProperty$1, _classCallCheck$1, _createClass$1, _typeof$1, stylis, _extends$4, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _objectWithoutPropertiesLoose$2, _inheritsLoose$2, _assertThisInitialized$2, deepEqual, createContext, warning$1, WindowedSelect, ReactResizeDetector, isEqual$2, t, exenv, smoothscroll, reactHotToast) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('object-assign'), require('@nulogy/icons'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/typeof'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('stylis'), require('@babel/runtime/helpers/extends'), require('hoist-non-react-statics'), require('react-dom'), require('@babel/runtime/helpers/objectSpread2'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/createSuper'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/objectWithoutProperties'), require('@babel/runtime/helpers/taggedTemplateLiteral'), require('prop-types'), require('@babel/runtime/helpers/objectWithoutPropertiesLoose'), require('@babel/runtime/helpers/inheritsLoose'), require('@babel/runtime/helpers/assertThisInitialized'), require('deep-equal'), require('@hypnosphi/create-react-context'), require('warning'), require('react-windowed-select'), require('react-resize-detector'), require('react-fast-compare'), require('classnames'), require('exenv'), require('smoothscroll-polyfill'), require('react-hot-toast')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'object-assign', '@nulogy/icons', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/typeof', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', 'stylis', '@babel/runtime/helpers/extends', 'hoist-non-react-statics', 'react-dom', '@babel/runtime/helpers/objectSpread2', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/createSuper', '@babel/runtime/helpers/toConsumableArray', '@babel/runtime/helpers/objectWithoutProperties', '@babel/runtime/helpers/taggedTemplateLiteral', 'prop-types', '@babel/runtime/helpers/objectWithoutPropertiesLoose', '@babel/runtime/helpers/inheritsLoose', '@babel/runtime/helpers/assertThisInitialized', 'deep-equal', '@hypnosphi/create-react-context', 'warning', 'react-windowed-select', 'react-resize-detector', 'react-fast-compare', 'classnames', 'exenv', 'smoothscroll-polyfill', 'react-hot-toast'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NDSComponents = {}, global.React, global.styled, global.assign, global.icons, global.slicedToArray, global.defineProperty, global["typeof"], global.classCallCheck, global.createClass, global.stylis, global["extends"], null, global.reactDom, null, null, null, null, global.objectWithoutProperties, null, global.PropTypes, global.objectWithoutPropertiesLoose, global.inheritsLoose, global.assertThisInitialized, global.deepEqual, global.createContext, global.warning, global.components, global.ReactResizeDetector, global.isEqual, global.t, global.exenv, global.smoothscroll, global.reactHotToast));
+})(this, (function (exports, React, styled, assign$1, icons, _slicedToArray$1, _defineProperty$1, _typeof$1, _classCallCheck$1, _createClass$1, stylis, _extends$4, hoistNonReactStatics$1, ne, objectSpread2, inherits, createSuper, toConsumableArray, _objectWithoutProperties$1, taggedTemplateLiteral, PropTypes, _objectWithoutPropertiesLoose$2, _inheritsLoose$2, _assertThisInitialized$2, deepEqual, createContext, warning$1, WindowedSelect, ReactResizeDetector, isEqual$2, t, exenv, smoothscroll, reactHotToast) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -31,9 +31,9 @@
     var icons__default = /*#__PURE__*/_interopDefaultLegacy(icons);
     var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray$1);
     var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
+    var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof$1);
     var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck$1);
     var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass$1);
-    var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof$1);
     var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$4);
     var ne__default = /*#__PURE__*/_interopDefaultLegacy(ne);
     var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
@@ -8817,49 +8817,6 @@
       };
     }, addStyledProps);
 
-    var defaultOptions = {
-      bindI18n: 'languageChanged',
-      bindI18nStore: '',
-      transEmptyNodeValue: '',
-      transSupportBasicHtmlNodes: true,
-      transWrapTextNodes: '',
-      transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
-      useSuspense: true
-    };
-    var i18nInstance;
-    var I18nContext = React__default["default"].createContext();
-    function getDefaults() {
-      return defaultOptions;
-    }
-    var ReportNamespaces = function () {
-      function ReportNamespaces() {
-        _classCallCheck__default["default"](this, ReportNamespaces);
-
-        this.usedNamespaces = {};
-      }
-
-      _createClass__default["default"](ReportNamespaces, [{
-        key: "addUsedNamespaces",
-        value: function addUsedNamespaces(namespaces) {
-          var _this = this;
-
-          namespaces.forEach(function (ns) {
-            if (!_this.usedNamespaces[ns]) _this.usedNamespaces[ns] = true;
-          });
-        }
-      }, {
-        key: "getUsedNamespaces",
-        value: function getUsedNamespaces() {
-          return Object.keys(this.usedNamespaces);
-        }
-      }]);
-
-      return ReportNamespaces;
-    }();
-    function getI18n() {
-      return i18nInstance;
-    }
-
     function warn() {
       if (console && console.warn) {
         var _console;
@@ -8883,8 +8840,9 @@
       if (typeof args[0] === 'string') alreadyWarned[args[0]] = new Date();
       warn.apply(void 0, args);
     }
-    function loadNamespaces(i18n, ns, cb) {
-      i18n.loadNamespaces(ns, function () {
+
+    var loadedClb = function loadedClb(i18n, cb) {
+      return function () {
         if (i18n.isInitialized) {
           cb();
         } else {
@@ -8897,16 +8855,22 @@
 
           i18n.on('initialized', initialized);
         }
+      };
+    };
+
+    function loadNamespaces(i18n, ns, cb) {
+      i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+    }
+    function loadLanguages(i18n, lng, ns, cb) {
+      if (typeof ns === 'string') ns = [ns];
+      ns.forEach(function (n) {
+        if (i18n.options.ns.indexOf(n) < 0) i18n.options.ns.push(n);
       });
+      i18n.loadLanguages(lng, loadedClb(i18n, cb));
     }
-    function hasLoadedNamespace(ns, i18n) {
-      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-      if (!i18n.languages || !i18n.languages.length) {
-        warnOnce('i18n.languages were undefined or empty', i18n.languages);
-        return true;
-      }
 
+    function oldI18nextHasLoadedNamespace(ns, i18n) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var lng = i18n.languages[0];
       var fallbackLng = i18n.options ? i18n.options.fallbackLng : false;
       var lastLng = i18n.languages[i18n.languages.length - 1];
@@ -8919,14 +8883,123 @@
 
       if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18n.services.backendConnector.backend && i18n.isLanguageChangingTo && !loadNotPending(i18n.isLanguageChangingTo, ns)) return false;
       if (i18n.hasResourceBundle(lng, ns)) return true;
-      if (!i18n.services.backendConnector.backend) return true;
+      if (!i18n.services.backendConnector.backend || i18n.options.resources && !i18n.options.partialBundledLanguages) return true;
       if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
       return false;
     }
 
+    function hasLoadedNamespace(ns, i18n) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      if (!i18n.languages || !i18n.languages.length) {
+        warnOnce('i18n.languages were undefined or empty', i18n.languages);
+        return true;
+      }
+
+      var isNewerI18next = i18n.options.ignoreJSONStructure !== undefined;
+
+      if (!isNewerI18next) {
+        return oldI18nextHasLoadedNamespace(ns, i18n, options);
+      }
+
+      return i18n.hasLoadedNamespace(ns, {
+        lng: options.lng,
+        precheck: function precheck(i18nInstance, loadNotPending) {
+          if (options.bindI18n && options.bindI18n.indexOf('languageChanging') > -1 && i18nInstance.services.backendConnector.backend && i18nInstance.isLanguageChangingTo && !loadNotPending(i18nInstance.isLanguageChangingTo, ns)) return false;
+        }
+      });
+    }
+
+    var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+    var htmlEntities = {
+      '&amp;': '&',
+      '&#38;': '&',
+      '&lt;': '<',
+      '&#60;': '<',
+      '&gt;': '>',
+      '&#62;': '>',
+      '&apos;': "'",
+      '&#39;': "'",
+      '&quot;': '"',
+      '&#34;': '"',
+      '&nbsp;': ' ',
+      '&#160;': ' ',
+      '&copy;': '©',
+      '&#169;': '©',
+      '&reg;': '®',
+      '&#174;': '®',
+      '&hellip;': '…',
+      '&#8230;': '…',
+      '&#x2F;': '/',
+      '&#47;': '/'
+    };
+
+    var unescapeHtmlEntity = function unescapeHtmlEntity(m) {
+      return htmlEntities[m];
+    };
+
+    var unescape = function unescape(text) {
+      return text.replace(matchHtmlEntity, unescapeHtmlEntity);
+    };
+
+    var defaultOptions = {
+      bindI18n: 'languageChanged',
+      bindI18nStore: '',
+      transEmptyNodeValue: '',
+      transSupportBasicHtmlNodes: true,
+      transWrapTextNodes: '',
+      transKeepBasicHtmlNodesFor: ['br', 'strong', 'i', 'p'],
+      useSuspense: true,
+      unescape: unescape
+    };
+    function getDefaults() {
+      return defaultOptions;
+    }
+
+    var i18nInstance;
+    function getI18n() {
+      return i18nInstance;
+    }
+
+    var I18nContext = React.createContext();
+    var ReportNamespaces = function () {
+      function ReportNamespaces() {
+        _classCallCheck__default["default"](this, ReportNamespaces);
+
+        this.usedNamespaces = {};
+      }
+
+      _createClass__default["default"](ReportNamespaces, [{
+        key: "addUsedNamespaces",
+        value: function addUsedNamespaces(namespaces) {
+          var _this = this;
+
+          namespaces.forEach(function (ns) {
+            if (!_this.usedNamespaces[ns]) _this.usedNamespaces[ns] = true;
+          });
+        }
+      }, {
+        key: "getUsedNamespaces",
+        value: function getUsedNamespaces() {
+          return Object.keys(this.usedNamespaces);
+        }
+      }]);
+
+      return ReportNamespaces;
+    }();
+
     function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
     function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+    var usePrevious = function usePrevious(value, ignore) {
+      var ref = React.useRef();
+      React.useEffect(function () {
+        ref.current = ignore ? ref.current : value;
+      }, [value, ignore]);
+      return ref.current;
+    };
+
     function useTranslation(ns) {
       var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var i18nFromProps = props.i18n;
@@ -8941,7 +9014,9 @@
       if (!i18n) {
         warnOnce('You will need to pass in an i18next instance by using initReactI18next');
 
-        var notReadyT = function notReadyT(k) {
+        var notReadyT = function notReadyT(k, optsOrDefaultValue) {
+          if (typeof optsOrDefaultValue === 'string') return optsOrDefaultValue;
+          if (optsOrDefaultValue && _typeof__default["default"](optsOrDefaultValue) === 'object' && typeof optsOrDefaultValue.defaultValue === 'string') return optsOrDefaultValue.defaultValue;
           return Array.isArray(k) ? k[k.length - 1] : k;
         };
 
@@ -8966,7 +9041,7 @@
       });
 
       function getT() {
-        return i18n.getFixedT(null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
+        return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === 'fallback' ? namespaces : namespaces[0], keyPrefix);
       }
 
       var _useState = React.useState(getT),
@@ -8974,6 +9049,9 @@
           t = _useState2[0],
           setT = _useState2[1];
 
+      var joinedNS = namespaces.join();
+      if (props.lng) joinedNS = "".concat(props.lng).concat(joinedNS);
+      var previousJoinedNS = usePrevious(joinedNS);
       var isMounted = React.useRef(true);
       React.useEffect(function () {
         var bindI18n = i18nOptions.bindI18n,
@@ -8981,9 +9059,19 @@
         isMounted.current = true;
 
         if (!ready && !useSuspense) {
-          loadNamespaces(i18n, namespaces, function () {
-            if (isMounted.current) setT(getT);
-          });
+          if (props.lng) {
+            loadLanguages(i18n, props.lng, namespaces, function () {
+              if (isMounted.current) setT(getT);
+            });
+          } else {
+            loadNamespaces(i18n, namespaces, function () {
+              if (isMounted.current) setT(getT);
+            });
+          }
+        }
+
+        if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+          setT(getT);
         }
 
         function boundReset() {
@@ -9001,7 +9089,7 @@
             return i18n.store.off(e, boundReset);
           });
         };
-      }, [i18n, namespaces.join()]);
+      }, [i18n, joinedNS]);
       var isInitial = React.useRef(true);
       React.useEffect(function () {
         if (isMounted.current && !isInitial.current) {
@@ -9009,7 +9097,7 @@
         }
 
         isInitial.current = false;
-      }, [i18n]);
+      }, [i18n, keyPrefix]);
       var ret = [t, i18n, ready];
       ret.t = t;
       ret.i18n = i18n;
@@ -9017,9 +9105,15 @@
       if (ready) return ret;
       if (!ready && !useSuspense) return ret;
       throw new Promise(function (resolve) {
-        loadNamespaces(i18n, namespaces, function () {
-          resolve();
-        });
+        if (props.lng) {
+          loadLanguages(i18n, props.lng, namespaces, function () {
+            return resolve();
+          });
+        } else {
+          loadNamespaces(i18n, namespaces, function () {
+            return resolve();
+          });
+        }
       });
     }
 
@@ -9039,20 +9133,17 @@
     }
 
     function _extends$2() {
-      _extends$2 = Object.assign || function (target) {
+      _extends$2 = Object.assign ? Object.assign.bind() : 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$2.apply(this, arguments);
     }
 
@@ -9060,16 +9151,14 @@
       if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       }
-
       return self;
     }
 
     function _setPrototypeOf$1(o, p) {
-      _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+      _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
         o.__proto__ = p;
         return o;
       };
-
       return _setPrototypeOf$1(o, p);
     }
 
@@ -9080,66 +9169,51 @@
     }
 
     function _getPrototypeOf(o) {
-      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
         return o.__proto__ || Object.getPrototypeOf(o);
       };
       return _getPrototypeOf(o);
     }
 
     function _isNativeFunction(fn) {
-      return Function.toString.call(fn).indexOf("[native code]") !== -1;
-    }
-
-    function _isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-
       try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-        return true;
+        return Function.toString.call(fn).indexOf("[native code]") !== -1;
       } catch (e) {
-        return false;
+        return typeof fn === "function";
       }
     }
 
-    function _construct(Parent, args, Class) {
-      if (_isNativeReflectConstruct()) {
-        _construct = Reflect.construct;
-      } else {
-        _construct = function _construct(Parent, args, Class) {
-          var a = [null];
-          a.push.apply(a, args);
-          var Constructor = Function.bind.apply(Parent, a);
-          var instance = new Constructor();
-          if (Class) _setPrototypeOf$1(instance, Class.prototype);
-          return instance;
-        };
-      }
+    function _isNativeReflectConstruct() {
+      try {
+        var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      } catch (t) {}
+      return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
+        return !!t;
+      })();
+    }
 
-      return _construct.apply(null, arguments);
+    function _construct(t, e, r) {
+      if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
+      var o = [null];
+      o.push.apply(o, e);
+      var p = new (t.bind.apply(t, o))();
+      return r && _setPrototypeOf$1(p, r.prototype), p;
     }
 
     function _wrapNativeSuper(Class) {
       var _cache = typeof Map === "function" ? new Map() : undefined;
-
       _wrapNativeSuper = function _wrapNativeSuper(Class) {
         if (Class === null || !_isNativeFunction(Class)) return Class;
-
         if (typeof Class !== "function") {
           throw new TypeError("Super expression must either be null or a function");
         }
-
         if (typeof _cache !== "undefined") {
           if (_cache.has(Class)) return _cache.get(Class);
-
           _cache.set(Class, Wrapper);
         }
-
         function Wrapper() {
           return _construct(Class, arguments, _getPrototypeOf(this).constructor);
         }
-
         Wrapper.prototype = Object.create(Class.prototype, {
           constructor: {
             value: Wrapper,
@@ -9150,7 +9224,6 @@
         });
         return _setPrototypeOf$1(Wrapper, Class);
       };
-
       return _wrapNativeSuper(Class);
     }
 
@@ -10267,7 +10340,34 @@
       componentId: "sc-quomwu-0"
     })(styles);
 
+    function _typeof(o) {
+      "@babel/helpers - typeof";
+
+      return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+        return typeof o;
+      } : function (o) {
+        return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+      }, _typeof(o);
+    }
+
+    function toPrimitive(t, r) {
+      if ("object" != _typeof(t) || !t) return t;
+      var e = t[Symbol.toPrimitive];
+      if (void 0 !== e) {
+        var i = e.call(t, r || "default");
+        if ("object" != _typeof(i)) return i;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return ("string" === r ? String : Number)(t);
+    }
+
+    function toPropertyKey(t) {
+      var i = toPrimitive(t, "string");
+      return "symbol" == _typeof(i) ? i : String(i);
+    }
+
     function _defineProperty(obj, key, value) {
+      key = toPropertyKey(key);
       if (key in obj) {
         Object.defineProperty(obj, key, {
           value: value,
@@ -10278,46 +10378,29 @@
       } else {
         obj[key] = value;
       }
-
       return obj;
     }
 
-    function ownKeys(object, enumerableOnly) {
-      var keys = Object.keys(object);
-
+    function ownKeys(e, r) {
+      var t = Object.keys(e);
       if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-
-        if (enumerableOnly) {
-          symbols = symbols.filter(function (sym) {
-            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-          });
-        }
-
-        keys.push.apply(keys, symbols);
-      }
-
-      return keys;
-    }
-
-    function _objectSpread2(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i] != null ? arguments[i] : {};
-
-        if (i % 2) {
-          ownKeys(Object(source), true).forEach(function (key) {
-            _defineProperty(target, key, source[key]);
-          });
-        } else if (Object.getOwnPropertyDescriptors) {
-          Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-        } else {
-          ownKeys(Object(source)).forEach(function (key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-          });
-        }
+        var o = Object.getOwnPropertySymbols(e);
+        r && (o = o.filter(function (r) {
+          return Object.getOwnPropertyDescriptor(e, r).enumerable;
+        })), t.push.apply(t, o);
+      }
+      return t;
+    }
+    function _objectSpread2(e) {
+      for (var r = 1; r < arguments.length; r++) {
+        var t = null != arguments[r] ? arguments[r] : {};
+        r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+          _defineProperty(e, r, t[r]);
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+          Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+        });
       }
-
-      return target;
+      return e;
     }
 
     function _classCallCheck(instance, Constructor) {
@@ -10332,13 +10415,15 @@
         descriptor.enumerable = descriptor.enumerable || false;
         descriptor.configurable = true;
         if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
+        Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
       }
     }
-
     function _createClass(Constructor, protoProps, staticProps) {
       if (protoProps) _defineProperties(Constructor.prototype, protoProps);
       if (staticProps) _defineProperties(Constructor, staticProps);
+      Object.defineProperty(Constructor, "prototype", {
+        writable: false
+      });
       return Constructor;
     }
 
@@ -10346,7 +10431,6 @@
       if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
       }
-
       subClass.prototype = Object.create(superClass && superClass.prototype, {
         constructor: {
           value: subClass,
@@ -10354,16 +10438,18 @@
           configurable: true
         }
       });
+      Object.defineProperty(subClass, "prototype", {
+        writable: false
+      });
       if (superClass) _setPrototypeOf$1(subClass, superClass);
     }
 
     function _possibleConstructorReturn(self, call) {
-      if (call && (_typeof__default["default"](call) === "object" || typeof call === "function")) {
+      if (call && (_typeof(call) === "object" || typeof call === "function")) {
         return call;
       } else if (call !== void 0) {
         throw new TypeError("Derived constructors may only return object or undefined");
       }
-
       return _assertThisInitialized$1(self);
     }
 
@@ -10371,26 +10457,20 @@
       var hasNativeReflectConstruct = _isNativeReflectConstruct();
       return function _createSuperInternal() {
         var Super = _getPrototypeOf(Derived),
-            result;
-
+          result;
         if (hasNativeReflectConstruct) {
           var NewTarget = _getPrototypeOf(this).constructor;
           result = Reflect.construct(Super, arguments, NewTarget);
         } else {
           result = Super.apply(this, arguments);
         }
-
         return _possibleConstructorReturn(this, result);
       };
     }
 
     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];
-      }
-
+      for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
       return arr2;
     }
 
@@ -12375,34 +12455,32 @@
       if (Array.isArray(arr)) return arr;
     }
 
-    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 {
+    function _iterableToArrayLimit(r, l) {
+      var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+      if (null != t) {
+        var e,
+          n,
+          i,
+          u,
+          a = [],
+          f = !0,
+          o = !1;
         try {
-          if (!_n && _i["return"] != null) _i["return"]();
+          if (i = (t = t.call(r)).next, 0 === l) {
+            if (Object(t) !== t) return;
+            f = !1;
+          } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+        } catch (r) {
+          o = !0, n = r;
         } finally {
-          if (_d) throw _e;
+          try {
+            if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+          } finally {
+            if (o) throw n;
+          }
         }
+        return a;
       }
-
-      return _arr;
     }
 
     function _nonIterableRest() {
@@ -12418,13 +12496,11 @@
       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;
     }
 
@@ -12432,10 +12508,8 @@
       if (source == null) return {};
       var target = _objectWithoutPropertiesLoose$1(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;
@@ -12443,31 +12517,13 @@
           target[key] = source[key];
         }
       }
-
       return target;
     }
 
-    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 _taggedTemplateLiteral(strings, raw) {
       if (!raw) {
         raw = strings.slice(0);
       }
-
       return Object.freeze(Object.defineProperties(strings, {
         raw: {
           value: Object.freeze(raw)
@@ -21914,6 +21970,32 @@
       };
     };
 
+    var getSubset = function getSubset(o, propObj) {
+      var fields = Object.keys(propObj);
+      return pick.apply(void 0, [o].concat(fields));
+    };
+    var omitSubset = function omitSubset(o, propObj) {
+      var fields = Object.keys(propObj);
+      var objectProps = Object.keys(o);
+      return objectProps.reduce(function (a, x) {
+        if (!fields.includes(x)) a[x] = o[x];
+        return a;
+      }, {});
+    };
+
+    var pick = function pick(o) {
+      var objectProps = Object.keys(o);
+
+      for (var _len = arguments.length, fields = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        fields[_key - 1] = arguments[_key];
+      }
+
+      return fields.reduce(function (a, x) {
+        if (objectProps.includes(x)) a[x] = o[x];
+        return a;
+      }, {});
+    };
+
     var StyledOption = styled__default["default"].div.withConfig({
       displayName: "SelectOption__StyledOption",
       componentId: "sc-i7ae6z-0"
@@ -21956,41 +22038,16 @@
         }
       }, size);
     });
-    function SelectOption(props) {
+    function SelectOption$1(props) {
+      var size = useComponentSize(props.size);
       return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
         isSelected: props.isSelected,
         isFocused: props.isFocused,
-        size: props.size,
+        size: size,
         "data-testid": "select-option"
-      }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Option, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(WindowedSelect.components.Option, Object.assign({}, props), props.children));
     }
 
-    var getSubset = function getSubset(o, propObj) {
-      var fields = Object.keys(propObj);
-      return pick.apply(void 0, [o].concat(fields));
-    };
-    var omitSubset = function omitSubset(o, propObj) {
-      var fields = Object.keys(propObj);
-      var objectProps = Object.keys(o);
-      return objectProps.reduce(function (a, x) {
-        if (!fields.includes(x)) a[x] = o[x];
-        return a;
-      }, {});
-    };
-
-    var pick = function pick(o) {
-      var objectProps = Object.keys(o);
-
-      for (var _len = arguments.length, fields = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        fields[_key - 1] = arguments[_key];
-      }
-
-      return fields.reduce(function (a, x) {
-        if (objectProps.includes(x)) a[x] = o[x];
-        return a;
-      }, {});
-    };
-
     var SelectControl$1 = function SelectControl(props) {
       // eslint-disable-next-line react/prop-types
       var isFocused = props.isFocused;
@@ -21999,32 +22056,32 @@
       }, /*#__PURE__*/React__default["default"].createElement(components.Control, Object.assign({
         className: isFocused ? "nds-select--is-focused" : null,
         isFocused: isFocused
-      }, props)));
+      }, props), props.children));
     };
     var SelectMultiValue$1 = function SelectMultiValue(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-testid": "select-multivalue"
-      }, /*#__PURE__*/React__default["default"].createElement(components.MultiValue, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(components.MultiValue, Object.assign({}, props), props.children));
     };
     var SelectClearIndicator$1 = function SelectClearIndicator(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-testid": "select-clear"
-      }, /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(components.ClearIndicator, Object.assign({}, props), props.children));
     };
     var SelectDropdownIndicator$1 = function SelectDropdownIndicator(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-testid": "select-arrow"
-      }, /*#__PURE__*/React__default["default"].createElement(components.DropdownIndicator, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(components.DropdownIndicator, Object.assign({}, props), props.children));
     };
     var SelectContainer$1 = function SelectContainer(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-testid": "select-container"
-      }, /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(components.SelectContainer, Object.assign({}, props), props.children));
     };
     var SelectInput$1 = function SelectInput(props) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-testid": "select-input"
-      }, /*#__PURE__*/React__default["default"].createElement(components.Input, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(components.Input, Object.assign({}, props), props.children));
     };
     var SelectMenu$1 = function SelectMenu(props) {
       if (!props.selectProps.inputValue && props.options.length === 0) {
@@ -22033,8 +22090,17 @@
 
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "data-testid": "select-dropdown"
-      }, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props)));
+      }, /*#__PURE__*/React__default["default"].createElement(components.Menu, Object.assign({}, props), props.children));
     };
+    function SelectOption(props) {
+      var size = useComponentSize(props.size);
+      return /*#__PURE__*/React__default["default"].createElement(StyledOption, {
+        isSelected: props.isSelected,
+        isFocused: props.isFocused,
+        size: size,
+        "data-testid": "select-option"
+      }, /*#__PURE__*/React__default["default"].createElement(components.Option, Object.assign({}, props), props.children));
+    }
 
     var AsyncSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       var autocomplete = _a.autocomplete,
@@ -22120,7 +22186,7 @@
           Option: function Option(props) {
             return /*#__PURE__*/React__default["default"].createElement(SelectOption, Object.assign({
               size: componentSize
-            }, props));
+            }, props), props.children);
           },
           Control: SelectControl$1,
           MultiValue: SelectMultiValue$1,
@@ -45773,18 +45839,15 @@
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i] != null ? Object(arguments[i]) : {};
         var ownKeys = Object.keys(source);
-
         if (typeof Object.getOwnPropertySymbols === 'function') {
           ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
             return Object.getOwnPropertyDescriptor(source, sym).enumerable;
           }));
         }
-
         ownKeys.forEach(function (key) {
           _defineProperty(target, key, source[key]);
         });
       }
-
       return target;
     }
 
@@ -49250,7 +49313,7 @@
         isMulti: multiselect,
         components: Object.assign({
           Option: function Option(props) {
-            return /*#__PURE__*/React__default["default"].createElement(SelectOption, Object.assign({
+            return /*#__PURE__*/React__default["default"].createElement(SelectOption$1, Object.assign({
               size: componentSize
             }, props));
           },
@@ -52379,7 +52442,7 @@
     exports.SelectInput = SelectInput;
     exports.SelectMenu = SelectMenu;
     exports.SelectMultiValue = SelectMultiValue;
-    exports.SelectOption = SelectOption;
+    exports.SelectOption = SelectOption$1;
     exports.Sidebar = Sidebar;
     exports.SmallNavBar = SmallNavBar$1;
     exports.SortingTable = SortingTable;