@wix/design-system 1.143.0 → 1.144.0

package/dist/cjs/NavigationToast/NavigationToast.uni.driver.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.navigationToastDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ToastUni = require("../Toast/Toast.uni.driver");
+var _NavigationToast = require("./NavigationToast.constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { 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 _objectSpread(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) { (0, _defineProperty2.default)(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 e; }
+var navigationToastDriverFactory = base => {
+  var getElementByHook = hook => base.$("[data-hook=\"".concat(hook, "\"]"));
+  var actionContainer = getElementByHook(_NavigationToast.dataHooks.actionContainer);
+  return _objectSpread(_objectSpread({}, (0, _ToastUni.toastDriverFactory)(base)), {}, {
+    /**
+     * Retrieves the content of the toast.
+     */
+    getContent: function () {
+      var _getContent = (0, _asyncToGenerator2.default)(function* () {
+        return actionContainer.text();
+      });
+      function getContent() {
+        return _getContent.apply(this, arguments);
+      }
+      return getContent;
+    }()
+  });
+};
+exports.navigationToastDriverFactory = navigationToastDriverFactory;
+//# sourceMappingURL=NavigationToast.uni.driver.js.map

package/dist/cjs/NavigationToast/NavigationToast.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ToastUni","require","_NavigationToast","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","navigationToastDriverFactory","base","getElementByHook","hook","$","concat","actionContainer","dataHooks","toastDriverFactory","getContent","_getContent","_asyncToGenerator2","text","exports"],"sources":["../../../src/NavigationToast/NavigationToast.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { ToastUniDriver, toastDriverFactory } from '../Toast/Toast.uni.driver';\nimport { dataHooks } from './NavigationToast.constants';\n\nexport type NavigationToastUniDriver = {\n  getContent(): Promise<string>;\n} & ToastUniDriver;\n\nexport const navigationToastDriverFactory = (\n  base: UniDriver,\n): NavigationToastUniDriver => {\n  const getElementByHook = (hook: string) => base.$(`[data-hook=\"${hook}\"]`);\n  const actionContainer = getElementByHook(dataHooks.actionContainer);\n\n  return {\n    ...toastDriverFactory(base),\n\n    /**\n     * Retrieves the content of the toast.\n     */\n    getContent: async () => actionContainer.text(),\n  };\n};\n"],"mappings":";;;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAAwD,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAMjD,IAAMqB,4BAA4B,GACvCC,IAAe,IACc;EAC7B,IAAMC,gBAAgB,GAAIC,IAAY,IAAKF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBF,IAAI,QAAI,CAAC;EAC1E,IAAMG,eAAe,GAAGJ,gBAAgB,CAACK,0BAAS,CAACD,eAAe,CAAC;EAEnE,OAAAf,aAAA,CAAAA,aAAA,KACK,IAAAiB,4BAAkB,EAACP,IAAI,CAAC;IAE3B;AACJ;AACA;IACIQ,UAAU;MAAA,IAAAC,WAAA,OAAAC,kBAAA,CAAAf,OAAA,EAAE;QAAA,OAAYU,eAAe,CAACM,IAAI,CAAC,CAAC;MAAA;MAAA,SAA9CH,UAAUA,CAAA;QAAA,OAAAC,WAAA,CAAApB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAViB,UAAU;IAAA;EAAoC;AAElD,CAAC;AAACI,OAAA,CAAAb,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/NavigationToast/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.NavigationToastProps = void 0;
+var _NavigationToast = _interopRequireDefault(require("./NavigationToast"));
+exports.default = _NavigationToast.default;
+var _NavigationToast2 = require("./NavigationToast.types");
+exports.NavigationToastProps = _NavigationToast2.NavigationToastProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/NavigationToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationToast","_interopRequireDefault","require","exports","default","_NavigationToast2","NavigationToastProps"],"sources":["../../../src/NavigationToast/index.ts"],"sourcesContent":["export { default } from './NavigationToast';\nexport { NavigationToastProps } from './NavigationToast.types';\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4CC,OAAA,CAAAC,OAAA,GAAAJ,gBAAA,CAAAI,OAAA;AAC5C,IAAAC,iBAAA,GAAAH,OAAA;AAA+DC,OAAA,CAAAG,oBAAA,GAAAD,iBAAA,CAAAC,oBAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_NestableList";
+var _namespace_ = "wds_1_144_0_NestableList";
 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_143_0_NestableList__root","itemWrapper":"wds_1_143_0_NestableList__itemWrapper","item":"wds_1_143_0_NestableList__item","actionItem":"wds_1_143_0_NestableList__actionItem","arrowContainer":"wds_1_143_0_NestableList__arrowContainer","arrow":"wds_1_143_0_NestableList__arrow","horizontalArrow":"wds_1_143_0_NestableList__horizontalArrow","childArrow":"wds_1_143_0_NestableList__childArrow","action":"wds_1_143_0_NestableList__action"};
+module.exports.classes = {"root":"wds_1_144_0_NestableList__root","itemWrapper":"wds_1_144_0_NestableList__itemWrapper","item":"wds_1_144_0_NestableList__item","actionItem":"wds_1_144_0_NestableList__actionItem","arrowContainer":"wds_1_144_0_NestableList__arrowContainer","arrow":"wds_1_144_0_NestableList__arrow","horizontalArrow":"wds_1_144_0_NestableList__horizontalArrow","childArrow":"wds_1_144_0_NestableList__childArrow","action":"wds_1_144_0_NestableList__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableList/NestableListTheme.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_NestableListTheme";
+var _namespace_ = "wds_1_144_0_NestableListTheme";
 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_143_0_NestableListTheme__root","item":"wds_1_143_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_144_0_NestableListTheme__root","item":"wds_1_144_0_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableListBase/NestableListBase.js

@@ -9,7 +9,7 @@ var _DragLayer = _interopRequireDefault(require("./DragLayer"));
 var _Container = _interopRequireDefault(require("./Container"));
 var _NestableListBaseContext = require("./NestableListBaseContext");
 var _withDNDContext = _interopRequireDefault(require("./withDNDContext"));
-var _constants = require("../common/ZIndex/constants");
+var _ZIndex = require("../common/ZIndex");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/NestableListBase/NestableListBase.js";
 function replaceNegativeIndex(items, nextPosition, childrenProperty) {
   var currItems = items;
@@ -221,7 +221,7 @@ NestableListBase.defaultProps = {
   preventChangeDepth: false,
   maxDepth: Infinity,
   threshold: 30,
-  dragLayerZIndex: _constants.ZIndex.nestableListDragLayer
+  dragLayerZIndex: _ZIndex.ZIndex.nestableListDragLayer
 };
 var _default = exports.default = (0, _withDNDContext.default)(NestableListBase);
 //# sourceMappingURL=NestableListBase.js.map

package/dist/cjs/NestableListBase/NestableListBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_DragLayer","_Container","_NestableListBaseContext","_withDNDContext","_constants","_jsxFileName","replaceNegativeIndex","items","nextPosition","childrenProperty","currItems","map","nextIndex","length","getRealNextPosition","prev","next","i","NestableListBase","React","PureComponent","constructor","arguments","state","props","dragging","groupName","generateUniqueGroupId","_items","moveItem","_ref","dragItem","prevPosition","preventChangeDepth","preventItemChangeDepth","parent","getDropParent","newItems","realNextPosition","removeFromTree","addToTree","setState","dropItem","item","_this$props$onUpdate","_this$props","onUpdate","call","onDragStart","itemProps","_this$props$onDragSta","_this$props2","onDragEnd","_this$props$onDragEnd","_this$props3","UNSAFE_componentWillReceiveProps","newProps","render","renderItem","readOnly","childrenStyle","renderAction","isRenderDraggingChildren","useDragHandle","maxDepth","threshold","theme","renderPrefix","dragLayerZIndex","zIndex","default","createElement","NestableListBaseContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","treeDepth","parentPosition","topLevel","defaultProps","Infinity","ZIndex","nestableListDragLayer","_default","exports","withDNDContext"],"sources":["../../../src/NestableListBase/NestableListBase.js"],"sourcesContent":["import React from 'react';\nimport {\n  addToTree,\n  generateUniqueGroupId,\n  getDropParent,\n  removeFromTree,\n} from './utils';\n\nimport CustomDragLayer from './DragLayer';\nimport Container from './Container';\nimport { NestableListBaseContext } from './NestableListBaseContext';\n\nimport withDNDContext from './withDNDContext';\nimport { ZIndex } from '../common/ZIndex/constants';\n\nfunction replaceNegativeIndex(items, nextPosition, childrenProperty) {\n  let currItems = items;\n\n  return nextPosition.map(nextIndex => {\n    if (nextIndex !== -1) {\n      currItems = currItems[nextIndex][childrenProperty] || [];\n      return nextIndex;\n    }\n\n    return currItems.length;\n  });\n}\n\n// fixing a bug where the new path is increased in nesting\n// and the first position jumps too far by 2, and that's why it decreased by 1\n// need to check if the jump can become more severe\nfunction getRealNextPosition(prev, next) {\n  // moving up a level\n  if (prev.length < next.length) {\n    return next.map((nextIndex, i) => {\n      if (typeof prev[i] !== 'number') {\n        return nextIndex;\n      }\n      return nextIndex > prev[i] ? nextIndex - 1 : nextIndex;\n    });\n  }\n\n  return next;\n}\n\nclass NestableListBase extends React.PureComponent {\n  static defaultProps = {\n    items: [],\n    isRenderDraggingChildren: false,\n    childrenProperty: 'children',\n    childrenStyle: {},\n    renderPrefix: () => null,\n    renderAction: () => null,\n    onUpdate: () => {},\n    useDragHandle: false,\n    preventChangeDepth: false,\n    maxDepth: Infinity,\n    threshold: 30,\n    dragLayerZIndex: ZIndex.nestableListDragLayer,\n  };\n\n  // tried to use getDerivedStateFromProps but encounter an issue where the state was\n  // updated internally but props items stayed the same and it caused the new state to be\n  // overridden with the old state\n  // can be done if component is controlled but requires refactor\n  UNSAFE_componentWillReceiveProps(newProps) {\n    if (newProps.items !== this.state.items) {\n      this.setState({ items: newProps.items });\n      this._items = newProps.items;\n    }\n  }\n\n  state = {\n    items: this.props.items,\n    dragging: false,\n  };\n\n  // drag and drop between multiple nestable lists is not supported\n  // according to prevent it for now was created groupName - unique value for every nestable list\n  // somethings similar exists in SortableListBase component.\n  groupName = generateUniqueGroupId();\n\n  // FIXME: reference to latest `state.items`. This is a workaround for issue\n  // with `moveItem` where it updates `state.items` and if the update occurs\n  // multiple times before the component re-renders, the `state.items` will be\n  // be updated based on the previous state, not the latest one, which in some\n  // cases leads to item duplication or removal.\n  // This should be solved by not referring to current state by `this.state` and\n  // instead providing callback to `setState` that receives the latest state.\n  // However, due to architectural decisions this is not possible without\n  // rewriting the whole component as `moveItem` must return new position of the\n  // dragged item which is then used by the item itself to update its state.\n  _items = this.props.items;\n\n  moveItem = ({ dragItem, prevPosition, nextPosition }) => {\n    const { childrenProperty, preventChangeDepth, items } = this.props;\n\n    if (\n      dragItem.preventItemChangeDepth &&\n      nextPosition.length !== prevPosition.length\n    ) {\n      return prevPosition;\n    }\n\n    if (preventChangeDepth && nextPosition.length > 1) {\n      const parent = getDropParent(items, nextPosition, childrenProperty);\n      if (!parent) {\n        return prevPosition;\n      }\n    }\n\n    let newItems = this._items;\n\n    // the remove action might affect the next position,\n    // so update next coordinates accordingly\n    let realNextPosition = getRealNextPosition(prevPosition, nextPosition);\n\n    if (realNextPosition[realNextPosition.length - 1] === -1) {\n      realNextPosition = replaceNegativeIndex(\n        newItems,\n        realNextPosition,\n        childrenProperty,\n      );\n    }\n\n    newItems = removeFromTree(newItems, prevPosition, childrenProperty);\n    newItems = addToTree(\n      newItems,\n      dragItem,\n      realNextPosition,\n      childrenProperty,\n    );\n\n    this._items = newItems;\n    this.setState({ items: newItems });\n\n    return realNextPosition;\n  };\n\n  dropItem = item => {\n    this.props.onUpdate?.({ items: this.state.items, item });\n  };\n\n  onDragStart = itemProps => {\n    this.setState({ dragging: true });\n    this.props.onDragStart?.(itemProps);\n  };\n\n  onDragEnd = itemProps => {\n    this.setState({ dragging: false });\n    this.props.onDragEnd?.(itemProps);\n  };\n\n  render() {\n    const { items } = this.state;\n    const {\n      renderItem,\n      readOnly,\n      childrenProperty,\n      childrenStyle,\n      renderAction,\n      isRenderDraggingChildren,\n      useDragHandle,\n      maxDepth,\n      preventChangeDepth,\n      threshold,\n      theme,\n      renderPrefix,\n      dragLayerZIndex,\n      zIndex,\n    } = this.props;\n    return (\n      <NestableListBaseContext.Provider\n        value={{\n          groupName: this.groupName,\n          useDragHandle,\n          maxDepth,\n          preventChangeDepth,\n          threshold,\n          readOnly,\n          renderItem,\n          renderPrefix,\n          moveItem: this.moveItem,\n          dropItem: this.dropItem,\n          onDragStart: this.onDragStart,\n          onDragEnd: this.onDragEnd,\n        }}\n      >\n        <div>\n          <Container\n            treeDepth={1}\n            items={items}\n            renderAction={renderAction}\n            parentPosition={[]}\n            childrenProperty={childrenProperty}\n            childrenStyle={childrenStyle}\n            isRenderDraggingChildren={isRenderDraggingChildren}\n            topLevel\n            theme={theme}\n          />\n          {this.state.dragging && (\n            <CustomDragLayer\n              isRenderDraggingChildren={isRenderDraggingChildren}\n              renderItem={renderItem}\n              childrenProperty={childrenProperty}\n              childrenStyle={childrenStyle}\n              theme={theme}\n              dragLayerZIndex={zIndex ?? dragLayerZIndex}\n            />\n          )}\n        </div>\n      </NestableListBaseContext.Provider>\n    );\n  }\n}\n\nexport default withDNDContext(NestableListBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_DragLayer","_Container","_NestableListBaseContext","_withDNDContext","_ZIndex","_jsxFileName","replaceNegativeIndex","items","nextPosition","childrenProperty","currItems","map","nextIndex","length","getRealNextPosition","prev","next","i","NestableListBase","React","PureComponent","constructor","arguments","state","props","dragging","groupName","generateUniqueGroupId","_items","moveItem","_ref","dragItem","prevPosition","preventChangeDepth","preventItemChangeDepth","parent","getDropParent","newItems","realNextPosition","removeFromTree","addToTree","setState","dropItem","item","_this$props$onUpdate","_this$props","onUpdate","call","onDragStart","itemProps","_this$props$onDragSta","_this$props2","onDragEnd","_this$props$onDragEnd","_this$props3","UNSAFE_componentWillReceiveProps","newProps","render","renderItem","readOnly","childrenStyle","renderAction","isRenderDraggingChildren","useDragHandle","maxDepth","threshold","theme","renderPrefix","dragLayerZIndex","zIndex","default","createElement","NestableListBaseContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","treeDepth","parentPosition","topLevel","defaultProps","Infinity","ZIndex","nestableListDragLayer","_default","exports","withDNDContext"],"sources":["../../../src/NestableListBase/NestableListBase.js"],"sourcesContent":["import React from 'react';\nimport {\n  addToTree,\n  generateUniqueGroupId,\n  getDropParent,\n  removeFromTree,\n} from './utils';\n\nimport CustomDragLayer from './DragLayer';\nimport Container from './Container';\nimport { NestableListBaseContext } from './NestableListBaseContext';\n\nimport withDNDContext from './withDNDContext';\nimport { ZIndex } from '../common/ZIndex';\n\nfunction replaceNegativeIndex(items, nextPosition, childrenProperty) {\n  let currItems = items;\n\n  return nextPosition.map(nextIndex => {\n    if (nextIndex !== -1) {\n      currItems = currItems[nextIndex][childrenProperty] || [];\n      return nextIndex;\n    }\n\n    return currItems.length;\n  });\n}\n\n// fixing a bug where the new path is increased in nesting\n// and the first position jumps too far by 2, and that's why it decreased by 1\n// need to check if the jump can become more severe\nfunction getRealNextPosition(prev, next) {\n  // moving up a level\n  if (prev.length < next.length) {\n    return next.map((nextIndex, i) => {\n      if (typeof prev[i] !== 'number') {\n        return nextIndex;\n      }\n      return nextIndex > prev[i] ? nextIndex - 1 : nextIndex;\n    });\n  }\n\n  return next;\n}\n\nclass NestableListBase extends React.PureComponent {\n  static defaultProps = {\n    items: [],\n    isRenderDraggingChildren: false,\n    childrenProperty: 'children',\n    childrenStyle: {},\n    renderPrefix: () => null,\n    renderAction: () => null,\n    onUpdate: () => {},\n    useDragHandle: false,\n    preventChangeDepth: false,\n    maxDepth: Infinity,\n    threshold: 30,\n    dragLayerZIndex: ZIndex.nestableListDragLayer,\n  };\n\n  // tried to use getDerivedStateFromProps but encounter an issue where the state was\n  // updated internally but props items stayed the same and it caused the new state to be\n  // overridden with the old state\n  // can be done if component is controlled but requires refactor\n  UNSAFE_componentWillReceiveProps(newProps) {\n    if (newProps.items !== this.state.items) {\n      this.setState({ items: newProps.items });\n      this._items = newProps.items;\n    }\n  }\n\n  state = {\n    items: this.props.items,\n    dragging: false,\n  };\n\n  // drag and drop between multiple nestable lists is not supported\n  // according to prevent it for now was created groupName - unique value for every nestable list\n  // somethings similar exists in SortableListBase component.\n  groupName = generateUniqueGroupId();\n\n  // FIXME: reference to latest `state.items`. This is a workaround for issue\n  // with `moveItem` where it updates `state.items` and if the update occurs\n  // multiple times before the component re-renders, the `state.items` will be\n  // be updated based on the previous state, not the latest one, which in some\n  // cases leads to item duplication or removal.\n  // This should be solved by not referring to current state by `this.state` and\n  // instead providing callback to `setState` that receives the latest state.\n  // However, due to architectural decisions this is not possible without\n  // rewriting the whole component as `moveItem` must return new position of the\n  // dragged item which is then used by the item itself to update its state.\n  _items = this.props.items;\n\n  moveItem = ({ dragItem, prevPosition, nextPosition }) => {\n    const { childrenProperty, preventChangeDepth, items } = this.props;\n\n    if (\n      dragItem.preventItemChangeDepth &&\n      nextPosition.length !== prevPosition.length\n    ) {\n      return prevPosition;\n    }\n\n    if (preventChangeDepth && nextPosition.length > 1) {\n      const parent = getDropParent(items, nextPosition, childrenProperty);\n      if (!parent) {\n        return prevPosition;\n      }\n    }\n\n    let newItems = this._items;\n\n    // the remove action might affect the next position,\n    // so update next coordinates accordingly\n    let realNextPosition = getRealNextPosition(prevPosition, nextPosition);\n\n    if (realNextPosition[realNextPosition.length - 1] === -1) {\n      realNextPosition = replaceNegativeIndex(\n        newItems,\n        realNextPosition,\n        childrenProperty,\n      );\n    }\n\n    newItems = removeFromTree(newItems, prevPosition, childrenProperty);\n    newItems = addToTree(\n      newItems,\n      dragItem,\n      realNextPosition,\n      childrenProperty,\n    );\n\n    this._items = newItems;\n    this.setState({ items: newItems });\n\n    return realNextPosition;\n  };\n\n  dropItem = item => {\n    this.props.onUpdate?.({ items: this.state.items, item });\n  };\n\n  onDragStart = itemProps => {\n    this.setState({ dragging: true });\n    this.props.onDragStart?.(itemProps);\n  };\n\n  onDragEnd = itemProps => {\n    this.setState({ dragging: false });\n    this.props.onDragEnd?.(itemProps);\n  };\n\n  render() {\n    const { items } = this.state;\n    const {\n      renderItem,\n      readOnly,\n      childrenProperty,\n      childrenStyle,\n      renderAction,\n      isRenderDraggingChildren,\n      useDragHandle,\n      maxDepth,\n      preventChangeDepth,\n      threshold,\n      theme,\n      renderPrefix,\n      dragLayerZIndex,\n      zIndex,\n    } = this.props;\n    return (\n      <NestableListBaseContext.Provider\n        value={{\n          groupName: this.groupName,\n          useDragHandle,\n          maxDepth,\n          preventChangeDepth,\n          threshold,\n          readOnly,\n          renderItem,\n          renderPrefix,\n          moveItem: this.moveItem,\n          dropItem: this.dropItem,\n          onDragStart: this.onDragStart,\n          onDragEnd: this.onDragEnd,\n        }}\n      >\n        <div>\n          <Container\n            treeDepth={1}\n            items={items}\n            renderAction={renderAction}\n            parentPosition={[]}\n            childrenProperty={childrenProperty}\n            childrenStyle={childrenStyle}\n            isRenderDraggingChildren={isRenderDraggingChildren}\n            topLevel\n            theme={theme}\n          />\n          {this.state.dragging && (\n            <CustomDragLayer\n              isRenderDraggingChildren={isRenderDraggingChildren}\n              renderItem={renderItem}\n              childrenProperty={childrenProperty}\n              childrenStyle={childrenStyle}\n              theme={theme}\n              dragLayerZIndex={zIndex ?? dragLayerZIndex}\n            />\n          )}\n        </div>\n      </NestableListBaseContext.Provider>\n    );\n  }\n}\n\nexport default withDNDContext(NestableListBase);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 
 require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/z-index.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_143_0_Notification";
+var _namespace_ = "wds_1_144_0_Notification";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_Notification__root","animatorContent":"wds_1_143_0_Notification__animatorContent","wrapper":"wds_1_143_0_Notification__wrapper","notification":"wds_1_143_0_Notification__notification","animator":"wds_1_143_0_Notification__animator","labelWrapper":"wds_1_143_0_Notification__labelWrapper","label":"wds_1_143_0_Notification__label","button":"wds_1_143_0_Notification__button","textLink":"wds_1_143_0_Notification__textLink","iconStyling":"wds_1_143_0_Notification__iconStyling","closeButton":"wds_1_143_0_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_144_0_Notification__root","animatorContent":"wds_1_144_0_Notification__animatorContent","wrapper":"wds_1_144_0_Notification__wrapper","notification":"wds_1_144_0_Notification__notification","animator":"wds_1_144_0_Notification__animator","labelWrapper":"wds_1_144_0_Notification__labelWrapper","label":"wds_1_144_0_Notification__label","button":"wds_1_144_0_Notification__button","textLink":"wds_1_144_0_Notification__textLink","iconStyling":"wds_1_144_0_Notification__iconStyling","closeButton":"wds_1_144_0_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -1,11 +1,12 @@
 
 
 require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/z-index.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_143_0_Page";
+var _namespace_ = "wds_1_144_0_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_Page__root","page":"wds_1_143_0_Page__page","scrollableContainer":"wds_1_143_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_143_0_Page__pageHeaderContainer","headerWrapper":"wds_1_143_0_Page__headerWrapper","tail":"wds_1_143_0_Page__tail","contentContainer":"wds_1_143_0_Page__contentContainer","imageBackgroundContainer":"wds_1_143_0_Page__imageBackgroundContainer","imageBackground":"wds_1_143_0_Page__imageBackground","gradientBackground":"wds_1_143_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_143_0_Page__contentHorizontalLayout","contentFloating":"wds_1_143_0_Page__contentFloating","horizontalScroll":"wds_1_143_0_Page__horizontalScroll","sticky":"wds_1_143_0_Page__sticky","stretchVertically":"wds_1_143_0_Page__stretchVertically","fixedFooter":"wds_1_143_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_143_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_144_0_Page__root","page":"wds_1_144_0_Page__page","scrollableContainer":"wds_1_144_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_144_0_Page__pageHeaderContainer","headerWrapper":"wds_1_144_0_Page__headerWrapper","tail":"wds_1_144_0_Page__tail","contentContainer":"wds_1_144_0_Page__contentContainer","imageBackgroundContainer":"wds_1_144_0_Page__imageBackgroundContainer","imageBackground":"wds_1_144_0_Page__imageBackground","gradientBackground":"wds_1_144_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_144_0_Page__contentHorizontalLayout","contentFloating":"wds_1_144_0_Page__contentFloating","horizontalScroll":"wds_1_144_0_Page__horizontalScroll","sticky":"wds_1_144_0_Page__sticky","stretchVertically":"wds_1_144_0_Page__stretchVertically","fixedFooter":"wds_1_144_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_144_0_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"var(--wds-page-header-padding-horizontal, 48px)","headerBottomPadding":"var(--wds-page-header-padding-vertical, 24px)","imageContainerOffset":"30px","pageBottomPadding":"var(--wds-space-800, 48px)","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperBottomPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperWithTailBottomPadding":"var(--wds-space-200, 12px)","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_143_0_Page-minimizationTop"}; 
+module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_144_0_Page-minimizationTop"}; 
 
 
 

package/dist/cjs/Page/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_0_PageFooter";
+var _namespace_ = "wds_1_144_0_PageFooter";
 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_143_0_PageFooter__root","container":"wds_1_143_0_PageFooter__container","divider":"wds_1_143_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_144_0_PageFooter__root","container":"wds_1_144_0_PageFooter__container","divider":"wds_1_144_0_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_143_0_Center";
+var _namespace_ = "wds_1_144_0_Center";
 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_143_0_Center__root","center":"wds_1_143_0_Center__center"};
+module.exports.classes = {"root":"wds_1_144_0_Center__root","center":"wds_1_144_0_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/End/End.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_143_0_End";
+var _namespace_ = "wds_1_144_0_End";
 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_143_0_End__root","end":"wds_1_143_0_End__end"};
+module.exports.classes = {"root":"wds_1_144_0_End__root","end":"wds_1_144_0_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_143_0_Start";
+var _namespace_ = "wds_1_144_0_Start";
 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_143_0_Start__root","start":"wds_1_143_0_Start__start"};
+module.exports.classes = {"root":"wds_1_144_0_Start__root","start":"wds_1_144_0_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Header/Header.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_0_Header";
+var _namespace_ = "wds_1_144_0_Header";
 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_143_0_Header__root","header":"wds_1_143_0_Header__header","breadcrumbsContainer":"wds_1_143_0_Header__breadcrumbsContainer","titleContainer":"wds_1_143_0_Header__titleContainer","titleBackButton":"wds_1_143_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_143_0_Header__titleBackButtonIcon","titleColumn":"wds_1_143_0_Header__titleColumn","title":"wds_1_143_0_Header__title","actionsBar":"wds_1_143_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_144_0_Header__root","header":"wds_1_144_0_Header__header","breadcrumbsContainer":"wds_1_144_0_Header__breadcrumbsContainer","titleContainer":"wds_1_144_0_Header__titleContainer","titleBackButton":"wds_1_144_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_144_0_Header__titleBackButtonIcon","titleColumn":"wds_1_144_0_Header__titleColumn","title":"wds_1_144_0_Header__title","actionsBar":"wds_1_144_0_Header__actionsBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Section/Section.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_0_PageSection";
+var _namespace_ = "wds_1_144_0_PageSection";
 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_143_0_PageSection__root","content":"wds_1_143_0_PageSection__content","titleColumn":"wds_1_143_0_PageSection__titleColumn","actionsBar":"wds_1_143_0_PageSection__actionsBar","divider":"wds_1_143_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_144_0_PageSection__root","content":"wds_1_144_0_PageSection__content","titleColumn":"wds_1_144_0_PageSection__titleColumn","actionsBar":"wds_1_144_0_PageSection__actionsBar","divider":"wds_1_144_0_PageSection__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/BMPageContainer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_0_BMPageContainer";
+var _namespace_ = "wds_1_144_0_BMPageContainer";
 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_143_0_BMPageContainer__root","header":"wds_1_143_0_BMPageContainer__header","body":"wds_1_143_0_BMPageContainer__body","sideBar":"wds_1_143_0_BMPageContainer__sideBar","sideBarContent":"wds_1_143_0_BMPageContainer__sideBarContent","rightSide":"wds_1_143_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_143_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_143_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_143_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_143_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_144_0_BMPageContainer__root","header":"wds_1_144_0_BMPageContainer__header","body":"wds_1_144_0_BMPageContainer__body","sideBar":"wds_1_144_0_BMPageContainer__sideBar","sideBarContent":"wds_1_144_0_BMPageContainer__sideBarContent","rightSide":"wds_1_144_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_144_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_144_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_144_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_144_0_BMPageContainer__withLoadingIndicatorContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/PageStory.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_0_PageStory";
+var _namespace_ = "wds_1_144_0_PageStory";
 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_143_0_PageStory__root","backgroundGradient":"wds_1_143_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_143_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_144_0_PageStory__root","backgroundGradient":"wds_1_144_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_144_0_PageStory__backgroundGradientDark"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/testExamples.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_143_0_testExamples";
+var _namespace_ = "wds_1_144_0_testExamples";
 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_143_0_testExamples__root","defaultScrollBar":"wds_1_143_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_143_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_143_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_143_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_144_0_testExamples__root","defaultScrollBar":"wds_1_144_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_144_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_144_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_144_0_testExamples__backgroundGradient"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_Pagination";
+var _namespace_ = "wds_1_144_0_Pagination";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_Pagination__root","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_143_0_Pagination__button-common-mixin","pagination":"wds_1_143_0_Pagination__pagination","arrow":"wds_1_143_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_144_0_Pagination__root","text-small-thin":"wds_1_144_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_144_0_Pagination__button-common-mixin","pagination":"wds_1_144_0_Pagination__pagination","arrow":"wds_1_144_0_Pagination__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_143_0_PaginationCore";
+var _namespace_ = "wds_1_144_0_PaginationCore";
 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_143_0_PaginationCore__root","button-common-mixin":"wds_1_143_0_PaginationCore__button-common-mixin","navButton":"wds_1_143_0_PaginationCore__navButton","emptyButton":"wds_1_143_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_143_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_143_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_143_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_143_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_143_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_143_0_PaginationCore__navButtonLast","pageStrip":"wds_1_143_0_PaginationCore__pageStrip","pageStripInner":"wds_1_143_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_143_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_143_0_PaginationCore__pageButton","currentPage":"wds_1_143_0_PaginationCore__currentPage","gap":"wds_1_143_0_PaginationCore__gap","pageForm":"wds_1_143_0_PaginationCore__pageForm","compact":"wds_1_143_0_PaginationCore__compact wds_1_143_0_PaginationCore__pageForm","pageInput":"wds_1_143_0_PaginationCore__pageInput","totalPages":"wds_1_143_0_PaginationCore__totalPages","slash":"wds_1_143_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_144_0_PaginationCore__root","button-common-mixin":"wds_1_144_0_PaginationCore__button-common-mixin","navButton":"wds_1_144_0_PaginationCore__navButton","emptyButton":"wds_1_144_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_144_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_144_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_144_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_144_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_144_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_144_0_PaginationCore__navButtonLast","pageStrip":"wds_1_144_0_PaginationCore__pageStrip","pageStripInner":"wds_1_144_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_144_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_144_0_PaginationCore__pageButton","currentPage":"wds_1_144_0_PaginationCore__currentPage","gap":"wds_1_144_0_PaginationCore__gap","pageForm":"wds_1_144_0_PaginationCore__pageForm","compact":"wds_1_144_0_PaginationCore__compact wds_1_144_0_PaginationCore__pageForm","pageInput":"wds_1_144_0_PaginationCore__pageInput","totalPages":"wds_1_144_0_PaginationCore__totalPages","slash":"wds_1_144_0_PaginationCore__slash"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_143_0_PaginationCoreTest";
+var _namespace_ = "wds_1_144_0_PaginationCoreTest";
 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_143_0_PaginationCoreTest__root","button-common-mixin":"wds_1_143_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_143_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_144_0_PaginationCoreTest__root","button-common-mixin":"wds_1_144_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_144_0_PaginationCoreTest__disabled"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_Palette";
+var _namespace_ = "wds_1_144_0_Palette";
 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_143_0_Palette__root","fillPreview":"wds_1_143_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_144_0_Palette__root","fillPreview":"wds_1_144_0_Palette__fillPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_0_Popover";
+var _namespace_ = "wds_1_144_0_Popover";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_0_Popover__root","content":"wds_1_143_0_Popover__content","arrow":"wds_1_143_0_Popover__arrow","element":"wds_1_143_0_Popover__element","animationEnter":"wds_1_143_0_Popover__animationEnter","animationEnterActive":"wds_1_143_0_Popover__animationEnterActive","animationExit":"wds_1_143_0_Popover__animationExit","animationExitActive":"wds_1_143_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_144_0_Popover__root","content":"wds_1_144_0_Popover__content","arrow":"wds_1_144_0_Popover__arrow","element":"wds_1_144_0_Popover__element","animationEnter":"wds_1_144_0_Popover__animationEnter","animationEnterActive":"wds_1_144_0_Popover__animationEnterActive","animationExit":"wds_1_144_0_Popover__animationExit","animationExitActive":"wds_1_144_0_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Popover/Popover.uni.driver.js

@@ -8,6 +8,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _unidriver = require("../utils/test-utils/unidriver");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { 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 _objectSpread(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) { (0, _defineProperty2.default)(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 e; }
+var dataContentHook = 'data-content-hook';
 var popoverUniDriverFactory = (base, body) => {
   var byHook = hook => base.$("[data-hook=\"".concat(hook, "\"]"));
   var queryDocumentOrElement = /*#__PURE__*/function () {
@@ -22,14 +23,27 @@ var popoverUniDriverFactory = (base, body) => {
       return _ref.apply(this, arguments);
     };
   }();
-  var _getContentElement = /*#__PURE__*/function () {
+  var getBasePopupElement = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)(function* () {
-      var contentHook = yield base.attr('data-content-hook');
+      var contentHook = yield base.attr(dataContentHook);
+      if (contentHook) {
+        return base;
+      }
+      return queryDocumentOrElement('[data-content-hook]');
+    });
+    return function getBasePopupElement() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var _getContentElement = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)(function* () {
+      var basePopupElm = yield getBasePopupElement();
+      var contentHook = yield basePopupElm.attr(dataContentHook);
       var contentSelector = "[data-content-element=\"".concat(contentHook, "\"]");
-      return queryDocumentOrElement(contentSelector);
+      return yield queryDocumentOrElement(contentSelector);
     });
     return function getContentElement() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
@@ -115,14 +129,22 @@ var popoverUniDriverFactory = (base, body) => {
      * Triggers a mouseEnter event
      * @returns {Promise<void>}
      */
-    mouseEnter: () => base.hover(),
+    mouseEnter: function () {
+      var _mouseEnter = (0, _asyncToGenerator2.default)(function* () {
+        return (yield getBasePopupElement()).hover();
+      });
+      function mouseEnter() {
+        return _mouseEnter.apply(this, arguments);
+      }
+      return mouseEnter;
+    }(),
     /**
      * Triggers a mouseLeave event
      * @returns {Promise<void>}
      */
     mouseLeave: function () {
       var _mouseLeave = (0, _asyncToGenerator2.default)(function* () {
-        return base.mouse.leave();
+        return (yield getBasePopupElement()).mouse.leave();
       });
       function mouseLeave() {
         return _mouseLeave.apply(this, arguments);