@wix/design-system 1.169.0 → 1.170.0

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_169_0_Divider";
+var _namespace_ = "wds_1_170_0_Divider";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_Divider__root"};
+module.exports.classes = {"root":"wds_1_170_0_Divider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/Introduction/IntroductionExample.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_169_0_IntroductionExample";
+var _namespace_ = "wds_1_170_0_IntroductionExample";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_IntroductionExample__root"};
+module.exports.classes = {"root":"wds_1_170_0_IntroductionExample__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DragAndDrop/docs/SortableGridBase/SingleAreaGrid/SingleAreaGrid.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_169_0_SingleAreaGrid";
+var _namespace_ = "wds_1_170_0_SingleAreaGrid";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_SingleAreaGrid__root","title":"wds_1_169_0_SingleAreaGrid__title","sortableGridBase":"wds_1_169_0_SingleAreaGrid__sortableGridBase","item":"wds_1_169_0_SingleAreaGrid__item","handle":"wds_1_169_0_SingleAreaGrid__handle"};
+module.exports.classes = {"root":"wds_1_170_0_SingleAreaGrid__root","title":"wds_1_170_0_SingleAreaGrid__title","sortableGridBase":"wds_1_170_0_SingleAreaGrid__sortableGridBase","item":"wds_1_170_0_SingleAreaGrid__item","handle":"wds_1_170_0_SingleAreaGrid__handle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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_169_0_ListWithDelay";
+var _namespace_ = "wds_1_170_0_ListWithDelay";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_ListWithDelay__root","title":"wds_1_169_0_ListWithDelay__title","sortableListBase":"wds_1_169_0_ListWithDelay__sortableListBase","item":"wds_1_169_0_ListWithDelay__item","placeholder":"wds_1_169_0_ListWithDelay__placeholder","preview":"wds_1_169_0_ListWithDelay__preview"};
+module.exports.classes = {"root":"wds_1_170_0_ListWithDelay__root","title":"wds_1_170_0_ListWithDelay__title","sortableListBase":"wds_1_170_0_ListWithDelay__sortableListBase","item":"wds_1_170_0_ListWithDelay__item","placeholder":"wds_1_170_0_ListWithDelay__placeholder","preview":"wds_1_170_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_169_0_MultiAreaList";
+var _namespace_ = "wds_1_170_0_MultiAreaList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiAreaList__root","item":"wds_1_169_0_MultiAreaList__item","itemPlaceholder":"wds_1_169_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_169_0_MultiAreaList__itemPreview","list":"wds_1_169_0_MultiAreaList__list"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaList__root","item":"wds_1_170_0_MultiAreaList__item","itemPlaceholder":"wds_1_170_0_MultiAreaList__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaList__itemPreview","list":"wds_1_170_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_169_0_MultiAreaListPreventDropping";
+var _namespace_ = "wds_1_170_0_MultiAreaListPreventDropping";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiAreaListPreventDropping__root","item":"wds_1_169_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_169_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_169_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_169_0_MultiAreaListPreventDropping__list"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListPreventDropping__root","item":"wds_1_170_0_MultiAreaListPreventDropping__item","itemPlaceholder":"wds_1_170_0_MultiAreaListPreventDropping__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListPreventDropping__itemPreview","list":"wds_1_170_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_169_0_MultiAreaListWithInsertionRules";
+var _namespace_ = "wds_1_170_0_MultiAreaListWithInsertionRules";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiAreaListWithInsertionRules__root","item":"wds_1_169_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_169_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_169_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_169_0_MultiAreaListWithInsertionRules__list"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListWithInsertionRules__root","item":"wds_1_170_0_MultiAreaListWithInsertionRules__item","itemPlaceholder":"wds_1_170_0_MultiAreaListWithInsertionRules__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListWithInsertionRules__itemPreview","list":"wds_1_170_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_169_0_MultiAreaListWithSortableColumns";
+var _namespace_ = "wds_1_170_0_MultiAreaListWithSortableColumns";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiAreaListWithSortableColumns__root","table":"wds_1_169_0_MultiAreaListWithSortableColumns__table","content":"wds_1_169_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_169_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_169_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_169_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_169_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_169_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_169_0_MultiAreaListWithSortableColumns__column"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListWithSortableColumns__root","table":"wds_1_170_0_MultiAreaListWithSortableColumns__table","content":"wds_1_170_0_MultiAreaListWithSortableColumns__content","columnPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumns__columnPlaceholder","item":"wds_1_170_0_MultiAreaListWithSortableColumns__item","isListInDragState":"wds_1_170_0_MultiAreaListWithSortableColumns__isListInDragState","itemPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumns__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListWithSortableColumns__itemPreview","column":"wds_1_170_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_169_0_MultiAreaListWithSortableColumnsWithAnimations";
+var _namespace_ = "wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_169_0_MultiAreaListWithSortableColumnsWithAnimations__column"};
+module.exports.classes = {"root":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__root","table":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__table","content":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__content","columnPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__columnPlaceholder","item":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__item","itemPlaceholder":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__itemPlaceholder","itemPreview":"wds_1_170_0_MultiAreaListWithSortableColumnsWithAnimations__itemPreview","column":"wds_1_170_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_169_0_NestableListBase";
+var _namespace_ = "wds_1_170_0_NestableListBase";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_NestableListBase__root","title":"wds_1_169_0_NestableListBase__title","sortableListBase":"wds_1_169_0_NestableListBase__sortableListBase","itemCss":"wds_1_169_0_NestableListBase__itemCss","handle":"wds_1_169_0_NestableListBase__handle","placeholder":"wds_1_169_0_NestableListBase__placeholder","preview":"wds_1_169_0_NestableListBase__preview","item":"wds_1_169_0_NestableListBase__item","container":"wds_1_169_0_NestableListBase__container","topContainer":"wds_1_169_0_NestableListBase__topContainer"};
+module.exports.classes = {"root":"wds_1_170_0_NestableListBase__root","title":"wds_1_170_0_NestableListBase__title","sortableListBase":"wds_1_170_0_NestableListBase__sortableListBase","itemCss":"wds_1_170_0_NestableListBase__itemCss","handle":"wds_1_170_0_NestableListBase__handle","placeholder":"wds_1_170_0_NestableListBase__placeholder","preview":"wds_1_170_0_NestableListBase__preview","item":"wds_1_170_0_NestableListBase__item","container":"wds_1_170_0_NestableListBase__container","topContainer":"wds_1_170_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_169_0_SingleAreaList";
+var _namespace_ = "wds_1_170_0_SingleAreaList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_SingleAreaList__root","title":"wds_1_169_0_SingleAreaList__title","sortableListBase":"wds_1_169_0_SingleAreaList__sortableListBase","item":"wds_1_169_0_SingleAreaList__item","handle":"wds_1_169_0_SingleAreaList__handle","placeholder":"wds_1_169_0_SingleAreaList__placeholder","preview":"wds_1_169_0_SingleAreaList__preview"};
+module.exports.classes = {"root":"wds_1_170_0_SingleAreaList__root","title":"wds_1_170_0_SingleAreaList__title","sortableListBase":"wds_1_170_0_SingleAreaList__sortableListBase","item":"wds_1_170_0_SingleAreaList__item","handle":"wds_1_170_0_SingleAreaList__handle","placeholder":"wds_1_170_0_SingleAreaList__placeholder","preview":"wds_1_170_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_169_0_SingleAreaListWithAnimation";
+var _namespace_ = "wds_1_170_0_SingleAreaListWithAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_SingleAreaListWithAnimation__root","title":"wds_1_169_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_169_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_169_0_SingleAreaListWithAnimation__item","handle":"wds_1_169_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_169_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_169_0_SingleAreaListWithAnimation__preview"};
+module.exports.classes = {"root":"wds_1_170_0_SingleAreaListWithAnimation__root","title":"wds_1_170_0_SingleAreaListWithAnimation__title","sortableListBase":"wds_1_170_0_SingleAreaListWithAnimation__sortableListBase","item":"wds_1_170_0_SingleAreaListWithAnimation__item","handle":"wds_1_170_0_SingleAreaListWithAnimation__handle","placeholder":"wds_1_170_0_SingleAreaListWithAnimation__placeholder","preview":"wds_1_170_0_SingleAreaListWithAnimation__preview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_169_0_DragHandle";
+var _namespace_ = "wds_1_170_0_DragHandle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_DragHandle__root"};
+module.exports.classes = {"root":"wds_1_170_0_DragHandle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_169_0_DraggableContainer";
+var _namespace_ = "wds_1_170_0_DraggableContainer";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_DraggableContainer__root"};
+module.exports.classes = {"root":"wds_1_170_0_DraggableContainer__root"};
 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_169_0_Dropdown";
+var _namespace_ = "wds_1_170_0_Dropdown";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_Dropdown__root","input":"wds_1_169_0_Input__input","showPointer":"wds_1_169_0_Dropdown__showPointer"};
+module.exports.classes = {"root":"wds_1_170_0_Dropdown__root","input":"wds_1_170_0_Input__input","showPointer":"wds_1_170_0_Dropdown__showPointer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_169_0_DropdownBase";
+var _namespace_ = "wds_1_170_0_DropdownBase";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_DropdownBase__root","list":"wds_1_169_0_DropdownBase__list"};
+module.exports.classes = {"root":"wds_1_170_0_DropdownBase__root","list":"wds_1_170_0_DropdownBase__list"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/DropdownLayout/DropdownLayout.js

@@ -14,7 +14,6 @@ var _scrollIntoView = _interopRequireDefault(require("../utils/scrollIntoView"))
 var _DataAttr = require("./DataAttr");
 var _DropdownLayoutSt = require("./DropdownLayout.st.css.js");
 var _filterObject = require("../utils/filterObject");
-var _reactDom = _interopRequireDefault(require("react-dom"));
 var _ListItemSection = require("../ListItemSection");
 var _ListItemSelect = require("../ListItemSelect");
 var _ListItemAction = require("../ListItemAction");
@@ -46,9 +45,9 @@ class DropdownLayout extends _react.PureComponent {
     this.savedOnClicks = [];
     this.children = {};
     this.selectedOption = null;
-    // Deprecated
+    /* @deprecated */
     this._onMouseEventsHandler = e => {
-      if (!this._checkIfEventOnElements(e, [_reactDom.default.findDOMNode(this)])) {
+      if (!this._checkIfEventOnElements(e, [this.containerRef.current])) {
         this._onClickOutside(e);
       }
     };
@@ -288,7 +287,7 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 699,
+            lineNumber: 695,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement(_Loader.default, {
@@ -297,14 +296,14 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 700,
+            lineNumber: 696,
             columnNumber: 13
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 691,
+          lineNumber: 687,
           columnNumber: 7
         }
       }, scrollableElement);
@@ -358,8 +357,6 @@ class DropdownLayout extends _react.PureComponent {
       var hasTitle = option.title;
       return !this._isDivider(option) && !option.disabled && !hasTitle;
     };
-    this.containerRef = /*#__PURE__*/_react.default.createRef();
-    this.optionsRef = /*#__PURE__*/_react.default.createRef();
     this.state = {
       hovered: _DropdownLayout2.NOT_HOVERED_INDEX,
       selectedId: props.selectedId,
@@ -386,7 +383,7 @@ class DropdownLayout extends _react.PureComponent {
     }
     this._markOptionByProperty(this.props);
 
-    // Deprecated
+    /* @deprecated */
     _DropdownLayout2.MOUSE_EVENTS_SUPPORTED.forEach(eventName => {
       document.addEventListener(eventName, this._onMouseEventsHandler, true);
     });
@@ -433,7 +430,7 @@ class DropdownLayout extends _react.PureComponent {
     this._focus(this.focusableItemsIdsList[0]);
   }
 
-  // Deprecated
+  /* @deprecated */
   _checkIfEventOnElements(e, elem) {
     var current = e.target;
     while (current.parentNode) {
@@ -444,7 +441,7 @@ class DropdownLayout extends _react.PureComponent {
     }
     return current !== document;
   }
-  // Deprecated
+  /* @deprecated */
   _renderTopArrow() {
     var {
       withArrow,
@@ -456,7 +453,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 280,
+        lineNumber: 276,
         columnNumber: 7
       }
     }) : null;
@@ -576,7 +573,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 682,
+        lineNumber: 678,
         columnNumber: 19
       }
     }, node) : null;
@@ -603,7 +600,7 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 741,
+            lineNumber: 737,
             columnNumber: 11
           }
         }, _value)
@@ -620,7 +617,7 @@ class DropdownLayout extends _react.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 754,
+            lineNumber: 750,
             columnNumber: 11
           }
         }, _value)
@@ -653,7 +650,7 @@ class DropdownLayout extends _react.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 777,
+          lineNumber: 773,
           columnNumber: 9
         }
       }, value),
@@ -740,7 +737,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 857,
+        lineNumber: 853,
         columnNumber: 7
       }
     }, content) : content;
@@ -801,7 +798,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 939,
+        lineNumber: 935,
         columnNumber: 7
       }
     }), option == null ? void 0 : option.value(optionState));
@@ -867,7 +864,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1068,
+        lineNumber: 1064,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(OverlayScrollbarContentElement, {
@@ -876,7 +873,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1072,
+        lineNumber: 1068,
         columnNumber: 11
       }
     }, options)) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -886,7 +883,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1083,
+        lineNumber: 1079,
         columnNumber: 9
       }
     }), options);
@@ -908,7 +905,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1093,
+        lineNumber: 1089,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, this._getDataAttributes(), {
@@ -921,7 +918,7 @@ class DropdownLayout extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1115,
+        lineNumber: 1111,
         columnNumber: 9
       }
     }), this._renderNode(fixedHeader), optionsContainer, this._renderNode(fixedFooter)), this._renderTopArrow());