@wix/design-system 1.1.1 → 1.3.0

package/dist/cjs/DragAndDrop/docs/SortableListBase/ListWithDelay/ListWithDelay.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_ListWithDelay";
+var _namespace_ = "wds_1_3_0_ListWithDelay";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_ListWithDelay__root","title":"wds_1_1_1_ListWithDelay__title","sortableListBase":"wds_1_1_1_ListWithDelay__sortableListBase","item":"wds_1_1_1_ListWithDelay__item","placeholder":"wds_1_1_1_ListWithDelay__placeholder","preview":"wds_1_1_1_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_3_0_ListWithDelay__root","title":"wds_1_3_0_ListWithDelay__title","sortableListBase":"wds_1_3_0_ListWithDelay__sortableListBase","item":"wds_1_3_0_ListWithDelay__item","placeholder":"wds_1_3_0_ListWithDelay__placeholder","preview":"wds_1_3_0_ListWithDelay__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaList/MultiAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_MultiAreaList";
+var _namespace_ = "wds_1_3_0_MultiAreaList";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_MultiAreaList__root","item":"wds_1_1_1_MultiAreaList__item","itemPlaceholder":"wds_1_1_1_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_1_1_MultiAreaList__itemPreview","list":"wds_1_1_1_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_3_0_MultiAreaList__root","item":"wds_1_3_0_MultiAreaList__item","itemPlaceholder":"wds_1_3_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_3_0_MultiAreaList__itemPreview","list":"wds_1_3_0_MultiAreaList__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListPreventOfDropping/MultiAreaListPreventDropping.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_3_0_MultiAreaListPreventDropping";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_MultiAreaListPreventDropping__root","item":"wds_1_1_1_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_1_1_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_1_1_MultiAreaListPreventDropping__itemPreview","list":"wds_1_1_1_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_3_0_MultiAreaListPreventDropping__root","item":"wds_1_3_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_3_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_3_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_3_0_MultiAreaListPreventDropping__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithInsertionRules/MultiAreaListWithInsertionRules.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_3_0_MultiAreaListWithInsertionRules";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_MultiAreaListWithInsertionRules__root","item":"wds_1_1_1_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_1_1_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_1_1_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_1_1_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_3_0_MultiAreaListWithInsertionRules__root","item":"wds_1_3_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_3_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_3_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_3_0_MultiAreaListWithInsertionRules__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumns/MultiAreaListWithSortableColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_3_0_MultiAreaListWithSortableColumns";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_MultiAreaListWithSortableColumns__root","table":"wds_1_1_1_MultiAreaListWithSortableColumns__table","content":"wds_1_1_1_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_1_1_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_1_1_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_1_1_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_1_1_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_1_1_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_1_1_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_3_0_MultiAreaListWithSortableColumns__root","table":"wds_1_3_0_MultiAreaListWithSortableColumns__table","content":"wds_1_3_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_3_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_3_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_3_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_3_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_3_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_3_0_MultiAreaListWithSortableColumns__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/MultiAreaListWithSortableColumnsWithAnimations/MultiAreaListWithSortableColumnsWithAnimations.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_1_1_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_3_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/NestableListBaseExample/NestableListBase.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_NestableListBase";
+var _namespace_ = "wds_1_3_0_NestableListBase";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_NestableListBase__root","title":"wds_1_1_1_NestableListBase__title","sortableListBase":"wds_1_1_1_NestableListBase__sortableListBase","itemCss":"wds_1_1_1_NestableListBase__itemCss","handle":"wds_1_1_1_NestableListBase__handle","placeholder":"wds_1_1_1_NestableListBase__placeholder","preview":"wds_1_1_1_NestableListBase__preview","item":"wds_1_1_1_NestableListBase__item","container":"wds_1_1_1_NestableListBase__container","topContainer":"wds_1_1_1_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_3_0_NestableListBase__root","title":"wds_1_3_0_NestableListBase__title","sortableListBase":"wds_1_3_0_NestableListBase__sortableListBase","itemCss":"wds_1_3_0_NestableListBase__itemCss","handle":"wds_1_3_0_NestableListBase__handle","placeholder":"wds_1_3_0_NestableListBase__placeholder","preview":"wds_1_3_0_NestableListBase__preview","item":"wds_1_3_0_NestableListBase__item","container":"wds_1_3_0_NestableListBase__container","topContainer":"wds_1_3_0_NestableListBase__topContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaList/SingleAreaList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_SingleAreaList";
+var _namespace_ = "wds_1_3_0_SingleAreaList";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_SingleAreaList__root","title":"wds_1_1_1_SingleAreaList__title","sortableListBase":"wds_1_1_1_SingleAreaList__sortableListBase","item":"wds_1_1_1_SingleAreaList__item","handle":"wds_1_1_1_SingleAreaList__handle","placeholder":"wds_1_1_1_SingleAreaList__placeholder","preview":"wds_1_1_1_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_3_0_SingleAreaList__root","title":"wds_1_3_0_SingleAreaList__title","sortableListBase":"wds_1_3_0_SingleAreaList__sortableListBase","item":"wds_1_3_0_SingleAreaList__item","handle":"wds_1_3_0_SingleAreaList__handle","placeholder":"wds_1_3_0_SingleAreaList__placeholder","preview":"wds_1_3_0_SingleAreaList__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableListBase/SingleAreaListWithAnimation/SingleAreaListWithAnimation.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_1_1_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_3_0_SingleAreaListWithAnimation";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_SingleAreaListWithAnimation__root","title":"wds_1_1_1_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_1_1_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_1_1_SingleAreaListWithAnimation__item","handle":"wds_1_1_1_SingleAreaListWithAnimation__handle","placeholder":"wds_1_1_1_SingleAreaListWithAnimation__placeholder","preview":"wds_1_1_1_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_3_0_SingleAreaListWithAnimation__root","title":"wds_1_3_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_3_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_3_0_SingleAreaListWithAnimation__item","handle":"wds_1_3_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_3_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_3_0_SingleAreaListWithAnimation__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Dropdown/Dropdown.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_Dropdown";
+var _namespace_ = "wds_1_3_0_Dropdown";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_Dropdown__root","input":"wds_1_1_1_Input__input","showPointer":"wds_1_1_1_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_3_0_Dropdown__root","input":"wds_1_3_0_Input__input","showPointer":"wds_1_3_0_Dropdown__showPointer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DropdownBase/DropdownBase.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_1_1_DropdownBase";
+var _namespace_ = "wds_1_3_0_DropdownBase";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_1_1_DropdownBase__root","list":"wds_1_1_1_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_3_0_DropdownBase__root","list":"wds_1_3_0_DropdownBase__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DropdownLayout/DropdownLayout.js

@@ -259,38 +259,43 @@ class DropdownLayout extends _react.default.PureComponent {
         this.props.onClose();
       }
     };
-    this._wrapWithInfiniteScroll = scrollableElement => /*#__PURE__*/_react.default.createElement(_InfiniteScroll.default, {
-      useWindow: true,
-      dataHook: _DataAttr.DATA_HOOKS.INFINITE_SCROLL_CONTAINER,
-      scrollElement: this.options,
-      loadMore: this.props.loadMore,
-      hasMore: this.props.hasMore,
-      data: this.props.options,
-      loader: /*#__PURE__*/_react.default.createElement("div", {
-        className: _DropdownLayoutSt.classes.loader,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 531,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
-        dataHook: _DataAttr.DROPDOWN_LAYOUT_LOADER,
-        size: "small",
+    this._wrapWithInfiniteScroll = scrollableElement => {
+      if (!this.options) {
+        this.loadedWithUndefinedOptions = true;
+      }
+      return /*#__PURE__*/_react.default.createElement(_InfiniteScroll.default, {
+        useWindow: true,
+        dataHook: _DataAttr.DATA_HOOKS.INFINITE_SCROLL_CONTAINER,
+        scrollElement: this.options,
+        loadMore: this.props.loadMore,
+        hasMore: this.props.hasMore,
+        data: this.props.options,
+        loader: /*#__PURE__*/_react.default.createElement("div", {
+          className: _DropdownLayoutSt.classes.loader,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 541,
+            columnNumber: 11
+          }
+        }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
+          dataHook: _DataAttr.DROPDOWN_LAYOUT_LOADER,
+          size: "small",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 542,
+            columnNumber: 13
+          }
+        })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 532,
-          columnNumber: 11
+          lineNumber: 533,
+          columnNumber: 7
         }
-      })),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 523,
-        columnNumber: 5
-      }
-    }, scrollableElement);
+      }, scrollableElement);
+    };
     this._getDataAttributes = () => {
       var {
         visible,
@@ -332,6 +337,9 @@ class DropdownLayout extends _react.default.PureComponent {
     };
   }
   componentDidMount() {
+    if (this.loadedWithUndefinedOptions && this.options) {
+      this.forceUpdate();
+    }
     var {
       focusOnSelectedOption,
       scrollToOption,
@@ -417,7 +425,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 170,
+        lineNumber: 175,
         columnNumber: 7
       }
     }) : null;
@@ -539,7 +547,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 519,
+        lineNumber: 524,
         columnNumber: 19
       }
     }, node) : null;
@@ -565,7 +573,7 @@ class DropdownLayout extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 567,
+            lineNumber: 578,
             columnNumber: 22
           }
         }, _value)
@@ -581,7 +589,7 @@ class DropdownLayout extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 576,
+            lineNumber: 587,
             columnNumber: 22
           }
         }, _value)
@@ -611,7 +619,7 @@ class DropdownLayout extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 588,
+          lineNumber: 599,
           columnNumber: 14
         }
       }, value),
@@ -711,7 +719,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 640,
+        lineNumber: 651,
         columnNumber: 7
       }
     }, content) : content;
@@ -769,7 +777,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 695,
+        lineNumber: 706,
         columnNumber: 7
       }
     }), option.value(optionState));
@@ -836,7 +844,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 787,
+        lineNumber: 798,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, this._getDataAttributes(), {
@@ -849,7 +857,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 809,
+        lineNumber: 820,
         columnNumber: 9
       }
     }), this._renderNode(fixedHeader), /*#__PURE__*/_react.default.createElement("div", {
@@ -864,7 +872,7 @@ class DropdownLayout extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 819,
+        lineNumber: 830,
         columnNumber: 11
       }
     }, infiniteScroll ? this._wrapWithInfiniteScroll(renderedOptions) : renderedOptions), this._renderNode(fixedFooter)), this._renderTopArrow());