@wix/design-system 1.160.1 → 1.161.0

package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_160_1_ProgressBar";
+var _namespace_ = "wds_1_161_0_ProgressBar";
 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_160_1_ProgressBar__root","bar":"wds_1_160_1_ProgressBar__bar","value":"wds_1_160_1_ProgressBar__value","leftover":"wds_1_160_1_ProgressBar__leftover"};
+module.exports.classes = {"root":"wds_1_161_0_ProgressBar__root","bar":"wds_1_161_0_ProgressBar__bar","value":"wds_1_161_0_ProgressBar__value","leftover":"wds_1_161_0_ProgressBar__leftover"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_Selector";
+var _namespace_ = "wds_1_161_0_Selector";
 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_160_1_Selector__root","image":"wds_1_160_1_Selector__image","mainPart":"wds_1_160_1_Selector__mainPart","titles":"wds_1_160_1_Selector__titles","extra":"wds_1_160_1_Selector__extra","belowSection":"wds_1_160_1_Selector__belowSection"};
+module.exports.classes = {"root":"wds_1_161_0_Selector__root","image":"wds_1_161_0_Selector__image","mainPart":"wds_1_161_0_Selector__mainPart","titles":"wds_1_161_0_Selector__titles","extra":"wds_1_161_0_Selector__extra","belowSection":"wds_1_161_0_Selector__belowSection"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_SelectorButton";
+var _namespace_ = "wds_1_161_0_SelectorButton";
 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_160_1_SelectorButton__root","text-tiny-normal":"wds_1_160_1_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_160_1_StylableTypography__text-small-normal","text-medium-normal":"wds_1_160_1_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_160_1_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_161_0_SelectorButton__root","text-tiny-normal":"wds_1_161_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_161_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_161_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SelectorList/Content/Content.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_160_1_Content";
+var _namespace_ = "wds_1_161_0_Content";
 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_160_1_Content__root","defaultScrollBar":"wds_1_160_1_defaultscrollbar__defaultScrollBar","content":"wds_1_160_1_Content__content","mainLoaderWrapper":"wds_1_160_1_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_160_1_Content__nextPageLoaderWrapper","list":"wds_1_160_1_Content__list","emptyStateWrapper":"wds_1_160_1_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_160_1_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_160_1_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_160_1_Content__defaultNoResultsFoundStateWrapper"};
+module.exports.classes = {"root":"wds_1_161_0_Content__root","defaultScrollBar":"wds_1_161_0_defaultscrollbar__defaultScrollBar","content":"wds_1_161_0_Content__content","mainLoaderWrapper":"wds_1_161_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_161_0_Content__nextPageLoaderWrapper","list":"wds_1_161_0_Content__list","emptyStateWrapper":"wds_1_161_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_161_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_161_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_161_0_Content__defaultNoResultsFoundStateWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_SelectorList";
+var _namespace_ = "wds_1_161_0_SelectorList";
 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_160_1_SelectorList__root","subheaderWrapper":"wds_1_160_1_SelectorList__subheaderWrapper","subtitleWrapper":"wds_1_160_1_SelectorList__subtitleWrapper"};
+module.exports.classes = {"root":"wds_1_161_0_SelectorList__root","subheaderWrapper":"wds_1_161_0_SelectorList__subheaderWrapper","subtitleWrapper":"wds_1_161_0_SelectorList__subtitleWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/SidePanel.js

@@ -13,6 +13,7 @@ var _Divider = _interopRequireDefault(require("./components/Divider"));
 var _Section = _interopRequireDefault(require("./components/Section"));
 var _Field = _interopRequireDefault(require("./components/Field"));
 var _SidePanelAPI = require("./SidePanelAPI");
+var _TooltipCommon = require("../common/PropTypes/TooltipCommon");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SidePanel/SidePanel.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -28,7 +29,10 @@ class SidePanel extends _react.PureComponent {
       maxHeight,
       onCloseButtonClick,
       onHelpButtonClick,
-      draggable
+      draggable,
+      onBackButtonClick,
+      backButtonDescription,
+      backButtonTooltipProps
     } = this.props;
     var isDraggable = draggable && skin === 'floating';
     return /*#__PURE__*/_react.default.createElement(_SidePanelAPI.SidePanelContext.Provider, {
@@ -36,12 +40,15 @@ class SidePanel extends _react.PureComponent {
         onCloseButtonClick,
         onHelpButtonClick,
         skin,
-        isDraggable
+        isDraggable,
+        onBackButtonClick,
+        backButtonDescription,
+        backButtonTooltipProps
       },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 63,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -57,7 +64,7 @@ class SidePanel extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 74,
         columnNumber: 9
       }
     }, children));
@@ -80,7 +87,10 @@ SidePanel.propTypes = {
   height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   maxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   skin: _propTypes.default.oneOf(['standard', 'floating']),
-  draggable: _propTypes.default.bool
+  draggable: _propTypes.default.bool,
+  onBackButtonClick: _propTypes.default.func,
+  backButtonDescription: _propTypes.default.node,
+  backButtonTooltipProps: _propTypes.default.shape(_TooltipCommon.TooltipCommonProps)
 };
 SidePanel.defaultProps = {
   width: '420px',

package/dist/cjs/SidePanel/SidePanel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_SidePanelSt","_Header","_Content","_Footer","_Divider","_Section","_Field","_SidePanelAPI","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SidePanel","PureComponent","render","dataHook","skin","children","className","width","height","maxHeight","onCloseButtonClick","onHelpButtonClick","draggable","props","isDraggable","createElement","SidePanelContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","st","classes","root","style","displayName","Header","Content","Footer","Divider","Section","Field","propTypes","PropTypes","string","func","node","oneOfType","number","oneOf","bool","defaultProps","_default","exports"],"sources":["../../../src/SidePanel/SidePanel.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SidePanel.st.css';\nimport Header from './components/Header';\nimport Content from './components/Content';\nimport Footer from './components/Footer';\nimport Divider from './components/Divider';\nimport Section from './components/Section';\nimport Field from './components/Field';\nimport { SidePanelContext } from './SidePanelAPI';\nimport { SidePanelProps } from './SidePanel.types';\n\nclass SidePanel extends PureComponent<SidePanelProps> {\n  static displayName = 'SidePanel';\n\n  static Header = Header;\n  static Content = Content;\n  static Footer = Footer;\n  static Divider = Divider;\n  static Section = Section;\n  static Field = Field;\n\n  static propTypes = {\n    className: PropTypes.string,\n    dataHook: PropTypes.string,\n    onCloseButtonClick: PropTypes.func,\n    onHelpButtonClick: PropTypes.func,\n    children: PropTypes.node,\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    skin: PropTypes.oneOf(['standard', 'floating']),\n    draggable: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    width: '420px',\n    height: '100%',\n  };\n\n  render() {\n    const {\n      dataHook,\n      skin = 'standard',\n      children,\n      className,\n      width,\n      height,\n      maxHeight,\n      onCloseButtonClick,\n      onHelpButtonClick,\n      draggable,\n    } = this.props;\n    const isDraggable = draggable && skin === 'floating';\n    return (\n      <SidePanelContext.Provider\n        value={{ onCloseButtonClick, onHelpButtonClick, skin, isDraggable }}\n      >\n        <div\n          className={st(classes.root, { skin }, className)}\n          data-hook={dataHook}\n          style={{ width, height, maxHeight }}\n        >\n          {children}\n        </div>\n      </SidePanelContext.Provider>\n    );\n  }\n}\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_SidePanelSt","_Header","_Content","_Footer","_Divider","_Section","_Field","_SidePanelAPI","_TooltipCommon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SidePanel","PureComponent","render","dataHook","skin","children","className","width","height","maxHeight","onCloseButtonClick","onHelpButtonClick","draggable","onBackButtonClick","backButtonDescription","backButtonTooltipProps","props","isDraggable","createElement","SidePanelContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","st","classes","root","style","displayName","Header","Content","Footer","Divider","Section","Field","propTypes","PropTypes","string","func","node","oneOfType","number","oneOf","bool","shape","TooltipCommonProps","defaultProps","_default","exports"],"sources":["../../../src/SidePanel/SidePanel.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SidePanel.st.css';\nimport Header from './components/Header';\nimport Content from './components/Content';\nimport Footer from './components/Footer';\nimport Divider from './components/Divider';\nimport Section from './components/Section';\nimport Field from './components/Field';\nimport { SidePanelContext } from './SidePanelAPI';\nimport { SidePanelProps } from './SidePanel.types';\nimport { TooltipCommonProps } from '../common/PropTypes/TooltipCommon';\n\nclass SidePanel extends PureComponent<SidePanelProps> {\n  static displayName = 'SidePanel';\n\n  static Header = Header;\n  static Content = Content;\n  static Footer = Footer;\n  static Divider = Divider;\n  static Section = Section;\n  static Field = Field;\n\n  static propTypes = {\n    className: PropTypes.string,\n    dataHook: PropTypes.string,\n    onCloseButtonClick: PropTypes.func,\n    onHelpButtonClick: PropTypes.func,\n    children: PropTypes.node,\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    skin: PropTypes.oneOf(['standard', 'floating']),\n    draggable: PropTypes.bool,\n    onBackButtonClick: PropTypes.func,\n    backButtonDescription: PropTypes.node,\n    backButtonTooltipProps: PropTypes.shape(TooltipCommonProps),\n  };\n\n  static defaultProps = {\n    width: '420px',\n    height: '100%',\n  };\n\n  render() {\n    const {\n      dataHook,\n      skin = 'standard',\n      children,\n      className,\n      width,\n      height,\n      maxHeight,\n      onCloseButtonClick,\n      onHelpButtonClick,\n      draggable,\n      onBackButtonClick,\n      backButtonDescription,\n      backButtonTooltipProps,\n    } = this.props;\n    const isDraggable = draggable && skin === 'floating';\n    return (\n      <SidePanelContext.Provider\n        value={{\n          onCloseButtonClick,\n          onHelpButtonClick,\n          skin,\n          isDraggable,\n          onBackButtonClick,\n          backButtonDescription,\n          backButtonTooltipProps,\n        }}\n      >\n        <div\n          className={st(classes.root, { skin }, className)}\n          data-hook={dataHook}\n          style={{ width, height, maxHeight }}\n        >\n          {children}\n        </div>\n      </SidePanelContext.Provider>\n    );\n  }\n}\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_160_1_SidePanel";
+var _namespace_ = "wds_1_161_0_SidePanel";
 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_160_1_SidePanel__root"};
+module.exports.classes = {"root":"wds_1_161_0_SidePanel__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/SidePanel.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/SidePanel/SidePanel.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface SidePanelProps {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  buttonText?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Defines a callback function which is called every time a close button is clicked. */\n  onCloseButtonClick?: () => void;\n  /** Defines a callback function which is called every time a help button is clicked */\n  onHelpButtonClick?: () => void;\n  /** Accepts any item as a child element. For standard panel layout pass compound elements of the panel:\n   * * `<SidePanel.Header/>`\n   * * `<SidePanel.Content/>`\n   * * `<SidePanel.Footer/>`\n   * * `<SidePanel.Divider/>`\n   */\n  children?: React.ReactNode;\n  /** Controls the width of the panel */\n  width?: string | number;\n  /** Controls the height of the panel */\n  height?: string | number;\n  /** Controls the maximum height of the panel */\n  maxHeight?: string | number;\n  /** Specifies the skin of the side panel. */\n  skin?: 'standard' | 'floating';\n  /** Specifies if panel is draggable (works only with floating skin). */\n  draggable?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/SidePanel/SidePanel.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { TooltipCommonProps } from '../common';\n\nexport interface SidePanelProps {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  buttonText?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Defines a callback function which is called every time a close button is clicked. */\n  onCloseButtonClick?: () => void;\n  /** Defines a callback function which is called every time a help button is clicked */\n  onHelpButtonClick?: () => void;\n  /** Accepts any item as a child element. For standard panel layout pass compound elements of the panel:\n   * * `<SidePanel.Header/>`\n   * * `<SidePanel.Content/>`\n   * * `<SidePanel.Footer/>`\n   * * `<SidePanel.Divider/>`\n   */\n  children?: React.ReactNode;\n  /** Controls the width of the panel */\n  width?: string | number;\n  /** Controls the height of the panel */\n  height?: string | number;\n  /** Controls the maximum height of the panel */\n  maxHeight?: string | number;\n  /** Specifies the skin of the side panel. */\n  skin?: 'standard' | 'floating';\n  /** Specifies if panel is draggable (works only with floating skin). */\n  draggable?: boolean;\n  /** Defines a callback function which is called every time a back button is clicked. */\n  onBackButtonClick?: () => void;\n  /** When provided, sets the content of the back button's tooltip. */\n  backButtonDescription?: React.ReactNode;\n  /** Allows to pass all common tooltip props to back button’s tooltip.\n   * @linkTypeTo components-overlays--tooltip\n   * @setTypeName TooltipCommonProps\n   */\n  backButtonTooltipProps?: TooltipCommonProps;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -10,6 +10,7 @@ var _DividerUni = require("../Divider/Divider.uni.driver");
 var _CloseButtonUni = require("../CloseButton/CloseButton.uni.driver");
 var _HeadingUni = require("../Heading/Heading.uni.driver");
 var _InfoIconUni = require("../InfoIcon/InfoIcon.uni.driver");
+var _TooltipUni = require("../Tooltip/Tooltip.uni.driver");
 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 sidePanelDriverFactory = (base, body) => {
@@ -23,11 +24,15 @@ var sidePanelDriverFactory = (base, body) => {
   var headerPrefixDriver = base.$("[data-hook=\"".concat(_constants.dataHooks.sidePanelHeaderPrefix, "\"]"));
   var headerSuffixDriver = base.$("[data-hook=\"".concat(_constants.dataHooks.sidePanelHeaderSuffix, "\"]"));
   var contentDriver = base.$("[data-hook=\"".concat(_constants.dataHooks.sidePanelContent, "\"]"));
+  var backButtonDriver = (0, _CloseButtonUni.closeButtonDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.sidePanelHeaderBackButton, "\"]")));
+  var backButtonTooltipDriver = (0, _TooltipUni.tooltipDriverFactory)(base.$("[data-hook=\"".concat(_constants.dataHooks.sidePanelHeaderBackButtonTooltip, "\"]")), body);
   return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
     /** Click help button */
     clickHelp: () => helpButtonDriver.click(),
     /** Click close button */
     clickClose: () => closeButtonDriver.click(),
+    /** Click back button */
+    clickBack: () => backButtonDriver.click(),
     /** Get title text */
     getTitleText: () => headerTitle.getText(),
     /** Get Prefix element */
@@ -40,6 +45,8 @@ var sidePanelDriverFactory = (base, body) => {
     getSubtitleText: () => headerSubtitle.getText(),
     /** Get tooltip text */
     getTooltipContent: () => headerTitleInfoIcon.getContent(),
+    /** Get back button tooltip content */
+    getBackButtonTooltipContent: () => backButtonTooltipDriver.getTooltipText(),
     /** Check if divider exists */
     isHeaderDividerExists: () => headerDividerDriver.exists(),
     /** Check if close button exists */
@@ -47,7 +54,9 @@ var sidePanelDriverFactory = (base, body) => {
     /** Check if help button exists */
     isHelpButtonExists: () => helpButtonDriver.exists(),
     /** Check if divider exists */
-    isFooterDividerExists: () => footerDividerDriver.exists()
+    isFooterDividerExists: () => footerDividerDriver.exists(),
+    /** Check if back button exists*/
+    isBackButtonExists: () => backButtonDriver.exists()
   });
 };
 exports.sidePanelDriverFactory = sidePanelDriverFactory;

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_constants","_DividerUni","_CloseButtonUni","_HeadingUni","_InfoIconUni","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","sidePanelDriverFactory","base","body","headerTitle","headingUniDriverFactory","$","concat","dataHooks","sidePanelHeaderTitle","headerSubtitle","sidePanelHeaderSubtitle","headerTitleInfoIcon","infoIconDriverFactory","sidePanelHeaderTitleInfoIcon","headerDividerDriver","dividerDriverFactory","sidePanelHeaderDivider","footerDividerDriver","closeButtonDriver","closeButtonDriverFactory","sidePanelHeaderCloseButton","helpButtonDriver","sidePanelHeaderHelpButton","headerPrefixDriver","sidePanelHeaderPrefix","headerSuffixDriver","sidePanelHeaderSuffix","contentDriver","sidePanelContent","baseUniDriverFactory","clickHelp","click","clickClose","getTitleText","getText","getPrefix","getNative","getSuffix","getContent","getSubtitleText","getTooltipContent","isHeaderDividerExists","exists","isCloseButtonExists","isHelpButtonExists","isFooterDividerExists","exports"],"sources":["../../../src/SidePanel/SidePanel.uni.driver.ts"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { dataHooks } from './constants';\nimport { dividerDriverFactory } from '../Divider/Divider.uni.driver';\nimport { closeButtonDriverFactory } from '../CloseButton/CloseButton.uni.driver';\nimport { headingUniDriverFactory } from '../Heading/Heading.uni.driver';\nimport { infoIconDriverFactory } from '../InfoIcon/InfoIcon.uni.driver';\nimport {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/dist/types/unidriver';\n\nexport interface SidePanelUniDriver extends BaseUniDriver {\n  clickClose(): Promise<void>;\n  clickHelp(): Promise<void>;\n  getTitleText(): Promise<string>;\n  getPrefix(): Promise<HTMLElement>;\n  getSuffix(): Promise<HTMLElement>;\n  getContent(): Promise<HTMLElement>;\n  getSubtitleText(): Promise<string>;\n  getTooltipContent(): Promise<string>;\n  isHeaderDividerExists(): Promise<boolean>;\n  isCloseButtonExists(): Promise<boolean>;\n  isHelpButtonExists(): Promise<boolean>;\n  isFooterDividerExists(): Promise<boolean>;\n}\n\nexport const sidePanelDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): SidePanelUniDriver => {\n  const headerTitle = headingUniDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderTitle}\"]`),\n  );\n\n  const headerSubtitle = headingUniDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderSubtitle}\"]`),\n  );\n\n  const headerTitleInfoIcon = infoIconDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderTitleInfoIcon}\"]`),\n    body,\n  );\n\n  const headerDividerDriver = dividerDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderDivider}\"]`),\n  );\n\n  const footerDividerDriver = dividerDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderDivider}\"]`),\n  );\n\n  const closeButtonDriver = closeButtonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderCloseButton}\"]`),\n  );\n\n  const helpButtonDriver = closeButtonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderHelpButton}\"]`),\n  );\n\n  const headerPrefixDriver = base.$(\n    `[data-hook=\"${dataHooks.sidePanelHeaderPrefix}\"]`,\n  );\n\n  const headerSuffixDriver = base.$(\n    `[data-hook=\"${dataHooks.sidePanelHeaderSuffix}\"]`,\n  );\n\n  const contentDriver = base.$(`[data-hook=\"${dataHooks.sidePanelContent}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Click help button */\n    clickHelp: () => helpButtonDriver.click(),\n    /** Click close button */\n    clickClose: () => closeButtonDriver.click(),\n    /** Get title text */\n    getTitleText: () => headerTitle.getText(),\n    /** Get Prefix element */\n    getPrefix: () => headerPrefixDriver.getNative(),\n    /** Get Suffix element */\n    getSuffix: () => headerSuffixDriver.getNative(),\n    /** Get Content Element */\n    getContent: () => contentDriver.getNative(),\n    /** Get subtitle text */\n    getSubtitleText: () => headerSubtitle.getText(),\n    /** Get tooltip text */\n    getTooltipContent: () => headerTitleInfoIcon.getContent(),\n    /** Check if divider exists */\n    isHeaderDividerExists: () => headerDividerDriver.exists(),\n    /** Check if close button exists */\n    isCloseButtonExists: () => closeButtonDriver.exists(),\n    /** Check if help button exists */\n    isHelpButtonExists: () => helpButtonDriver.exists(),\n    /** Check if divider exists */\n    isFooterDividerExists: () => footerDividerDriver.exists(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_constants","_DividerUni","_CloseButtonUni","_HeadingUni","_InfoIconUni","_TooltipUni","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","sidePanelDriverFactory","base","body","headerTitle","headingUniDriverFactory","$","concat","dataHooks","sidePanelHeaderTitle","headerSubtitle","sidePanelHeaderSubtitle","headerTitleInfoIcon","infoIconDriverFactory","sidePanelHeaderTitleInfoIcon","headerDividerDriver","dividerDriverFactory","sidePanelHeaderDivider","footerDividerDriver","closeButtonDriver","closeButtonDriverFactory","sidePanelHeaderCloseButton","helpButtonDriver","sidePanelHeaderHelpButton","headerPrefixDriver","sidePanelHeaderPrefix","headerSuffixDriver","sidePanelHeaderSuffix","contentDriver","sidePanelContent","backButtonDriver","sidePanelHeaderBackButton","backButtonTooltipDriver","tooltipDriverFactory","sidePanelHeaderBackButtonTooltip","baseUniDriverFactory","clickHelp","click","clickClose","clickBack","getTitleText","getText","getPrefix","getNative","getSuffix","getContent","getSubtitleText","getTooltipContent","getBackButtonTooltipContent","getTooltipText","isHeaderDividerExists","exists","isCloseButtonExists","isHelpButtonExists","isFooterDividerExists","isBackButtonExists","exports"],"sources":["../../../src/SidePanel/SidePanel.uni.driver.ts"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { dataHooks } from './constants';\nimport { dividerDriverFactory } from '../Divider/Divider.uni.driver';\nimport { closeButtonDriverFactory } from '../CloseButton/CloseButton.uni.driver';\nimport { headingUniDriverFactory } from '../Heading/Heading.uni.driver';\nimport { infoIconDriverFactory } from '../InfoIcon/InfoIcon.uni.driver';\nimport {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\n\nexport interface SidePanelUniDriver extends BaseUniDriver {\n  clickClose(): Promise<void>;\n  clickHelp(): Promise<void>;\n  clickBack(): Promise<void>;\n  getTitleText(): Promise<string>;\n  getPrefix(): Promise<HTMLElement>;\n  getSuffix(): Promise<HTMLElement>;\n  getContent(): Promise<HTMLElement>;\n  getSubtitleText(): Promise<string>;\n  getTooltipContent(): Promise<string>;\n  getBackButtonTooltipContent(): Promise<string | null>;\n  isHeaderDividerExists(): Promise<boolean>;\n  isCloseButtonExists(): Promise<boolean>;\n  isHelpButtonExists(): Promise<boolean>;\n  isFooterDividerExists(): Promise<boolean>;\n  isBackButtonExists(): Promise<boolean>;\n}\n\nexport const sidePanelDriverFactory = (\n  base: UniDriver,\n  body: UniDriver,\n): SidePanelUniDriver => {\n  const headerTitle = headingUniDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderTitle}\"]`),\n  );\n\n  const headerSubtitle = headingUniDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderSubtitle}\"]`),\n  );\n\n  const headerTitleInfoIcon = infoIconDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderTitleInfoIcon}\"]`),\n    body,\n  );\n\n  const headerDividerDriver = dividerDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderDivider}\"]`),\n  );\n\n  const footerDividerDriver = dividerDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderDivider}\"]`),\n  );\n\n  const closeButtonDriver = closeButtonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderCloseButton}\"]`),\n  );\n\n  const helpButtonDriver = closeButtonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderHelpButton}\"]`),\n  );\n\n  const headerPrefixDriver = base.$(\n    `[data-hook=\"${dataHooks.sidePanelHeaderPrefix}\"]`,\n  );\n\n  const headerSuffixDriver = base.$(\n    `[data-hook=\"${dataHooks.sidePanelHeaderSuffix}\"]`,\n  );\n\n  const contentDriver = base.$(`[data-hook=\"${dataHooks.sidePanelContent}\"]`);\n\n  const backButtonDriver = closeButtonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderBackButton}\"]`),\n  );\n\n  const backButtonTooltipDriver = tooltipDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.sidePanelHeaderBackButtonTooltip}\"]`),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Click help button */\n    clickHelp: () => helpButtonDriver.click(),\n    /** Click close button */\n    clickClose: () => closeButtonDriver.click(),\n    /** Click back button */\n    clickBack: () => backButtonDriver.click(),\n    /** Get title text */\n    getTitleText: () => headerTitle.getText(),\n    /** Get Prefix element */\n    getPrefix: () => headerPrefixDriver.getNative(),\n    /** Get Suffix element */\n    getSuffix: () => headerSuffixDriver.getNative(),\n    /** Get Content Element */\n    getContent: () => contentDriver.getNative(),\n    /** Get subtitle text */\n    getSubtitleText: () => headerSubtitle.getText(),\n    /** Get tooltip text */\n    getTooltipContent: () => headerTitleInfoIcon.getContent(),\n    /** Get back button tooltip content */\n    getBackButtonTooltipContent: () => backButtonTooltipDriver.getTooltipText(),\n    /** Check if divider exists */\n    isHeaderDividerExists: () => headerDividerDriver.exists(),\n    /** Check if close button exists */\n    isCloseButtonExists: () => closeButtonDriver.exists(),\n    /** Check if help button exists */\n    isHelpButtonExists: () => helpButtonDriver.exists(),\n    /** Check if divider exists */\n    isFooterDividerExists: () => footerDividerDriver.exists(),\n    /** Check if back button exists*/\n    isBackButtonExists: () => backButtonDriver.exists(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SidePanel/SidePanelAPI.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","SidePanelContext","exports","React","createContext"],"sources":["../../../src/SidePanel/SidePanelAPI.ts"],"sourcesContent":["import React from 'react';\nimport { SidePanelProps } from './SidePanel.types';\n\ntype SidePanelContextProps = {\n  onCloseButtonClick?: () => void;\n  onHelpButtonClick?: () => void;\n  skin?: SidePanelProps['skin'];\n  isDraggable?: SidePanelProps['draggable'];\n};\n\nexport const SidePanelContext = React.createContext(\n  {} as SidePanelContextProps,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAUO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,cAAK,CAACC,aAAa,CACjD,CAAC,CACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","SidePanelContext","exports","React","createContext"],"sources":["../../../src/SidePanel/SidePanelAPI.ts"],"sourcesContent":["import React from 'react';\nimport { SidePanelProps } from './SidePanel.types';\n\ntype SidePanelContextProps = {\n  onCloseButtonClick?: () => void;\n  onHelpButtonClick?: () => void;\n  skin?: SidePanelProps['skin'];\n  isDraggable?: SidePanelProps['draggable'];\n  onBackButtonClick?: () => void;\n  backButtonDescription?: SidePanelProps['backButtonDescription'];\n  backButtonTooltipProps?: SidePanelProps['backButtonTooltipProps'];\n};\n\nexport const SidePanelContext = React.createContext(\n  {} as SidePanelContextProps,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAaO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,cAAK,CAACC,aAAa,CACjD,CAAC,CACH,CAAC","ignoreList":[]}

package/dist/cjs/SidePanel/components/Content/Content.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_160_1_SidePanelContent";
+var _namespace_ = "wds_1_161_0_SidePanelContent";
 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_160_1_SidePanelContent__root","defaultScrollBar":"wds_1_160_1_defaultscrollbar__defaultScrollBar"};
+module.exports.classes = {"root":"wds_1_161_0_SidePanelContent__root","defaultScrollBar":"wds_1_161_0_defaultscrollbar__defaultScrollBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_160_1_SidePanelDivider";
+var _namespace_ = "wds_1_161_0_SidePanelDivider";
 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_160_1_SidePanelDivider__root"};
+module.exports.classes = {"root":"wds_1_161_0_SidePanelDivider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/components/Field/Field.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_160_1_Field";
+var _namespace_ = "wds_1_161_0_Field";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_160_1_Field__root"};
+module.exports.classes = {"root":"wds_1_161_0_Field__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-side-panel-control-layout-divider-border-width":"--wds-side-panel-control-layout-divider-border-width","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-space-200":"--wds-space-200","wds-space-400":"--wds-space-400","wds-side-panel-field-padding-horizontal":"--wds-side-panel-field-padding-horizontal","wds-side-panel-field-padding-vertical":"--wds-side-panel-field-padding-vertical","border-width":"--wds_1_160_1_Field-border-width"}; 
+module.exports.vars = {"wds-side-panel-control-layout-divider-border-width":"--wds-side-panel-control-layout-divider-border-width","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-space-200":"--wds-space-200","wds-space-400":"--wds-space-400","wds-side-panel-field-padding-horizontal":"--wds-side-panel-field-padding-horizontal","wds-side-panel-field-padding-vertical":"--wds-side-panel-field-padding-vertical","border-width":"--wds_1_161_0_Field-border-width"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_160_1_SidePanelFooter";
+var _namespace_ = "wds_1_161_0_SidePanelFooter";
 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_160_1_SidePanelFooter__root","footerContainer":"wds_1_160_1_SidePanelFooter__footerContainer"};
+module.exports.classes = {"root":"wds_1_161_0_SidePanelFooter__root","footerContainer":"wds_1_161_0_SidePanelFooter__footerContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};