@wix/design-system 1.0.3 → 1.1.0

package/dist/cjs/SidebarItemNext/SidebarItemNext.js

@@ -12,7 +12,7 @@ var _SidebarItemNextSt = require("./SidebarItemNext.st.css.js");
 var _Focusable = require("../common/Focusable");
 var _constants = require("./constants");
 var _Text = _interopRequireDefault(require("../Text"));
-var _excluded = ["as", "href", "dataHook", "children", "disabled", "onClick", "className", "focusableOnFocus", "focusableOnBlur", "itemKey", "suffix", "isInQuickNavigation", "role"];
+var _excluded = ["as", "href", "dataHook", "children", "disabled", "onClick", "className", "focusableOnFocus", "focusableOnBlur", "itemKey", "suffix", "prefix", "isInQuickNavigation", "role"];
 var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/SidebarItemNext/SidebarItemNext.js";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,9 +54,26 @@ var SidebarItemNextSuffix = _ref => {
     }
   }), renderSingleSuffix(suffixComponent, 1));
 };
+var SidebarItemNextPrefix = _ref2 => {
+  var {
+    prefixComponent
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    key: _constants.dataHooks.prefix,
+    "data-hook": _constants.dataHooks.prefix,
+    className: _SidebarItemNextSt.classes.prefix,
+    "aria-hidden": "true",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 3
+    }
+  }, prefixComponent);
+};
 
 /** An item for the section within the sidebar */
-var SidebarItemNext = _ref2 => {
+var SidebarItemNext = _ref3 => {
   var {
       as: Component,
       href,
@@ -69,15 +86,17 @@ var SidebarItemNext = _ref2 => {
       focusableOnBlur,
       itemKey,
       suffix,
+      prefix,
       isInQuickNavigation,
       role
-    } = _ref2,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    } = _ref3,
+    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   var {
     isChild,
     selectedKey,
     skin,
-    isMenuOpen
+    isMenuOpen,
+    isParentWithPrefix
   } = (0, _react.useContext)(_SidebarNextAPI.SidebarNextContext) || {};
   var textSize = (0, _react.useMemo)(() => {
     return isChild ? 'tiny' : 'small';
@@ -109,7 +128,9 @@ var SidebarItemNext = _ref2 => {
       disabled,
       skin,
       isChild,
-      isInQuickNavigation
+      isInQuickNavigation,
+      hasPrefix: !!prefix,
+      isParentWithPrefix
     }, className, isInQuickNavigation ? _SidebarItemNextSt.classes.quickNavigationView : ''),
     tabIndex: tabIndex,
     role: role,
@@ -118,19 +139,27 @@ var SidebarItemNext = _ref2 => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 92,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement("li", {
     "aria-level": ariaLevel,
-    className: _SidebarItemNextSt.classes.list,
+    className: _SidebarItemNextSt.classes.textWithPrefix,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 123,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, prefix && /*#__PURE__*/_react.default.createElement(SidebarItemNextPrefix, {
+    prefixComponent: prefix,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 125,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Text.default, {
     "data-hook": _constants.dataHooks.title,
     className: (0, _SidebarItemNextSt.st)(_SidebarItemNextSt.classes.text),
     size: textSize,
@@ -142,7 +171,7 @@ var SidebarItemNext = _ref2 => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 127,
       columnNumber: 9
     }
   }, children)), !disabled && suffix && /*#__PURE__*/_react.default.createElement(SidebarItemNextSuffix, {
@@ -150,7 +179,7 @@ var SidebarItemNext = _ref2 => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 141,
       columnNumber: 9
     }
   }));
@@ -171,6 +200,8 @@ SidebarItemNext.propTypes = {
   className: _propTypes.default.string,
   /** An element/array of elements to appear at the end of the text. max number of elements to pass is 2 */
   suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)]),
+  /** An element to appear at the start of the text. */
+  prefix: _propTypes.default.node,
   /** Indicates whether to display the item as disabled */
   disabled: _propTypes.default.bool,
   /** A callback to be triggered on click */

package/dist/cjs/SidebarItemNext/SidebarItemNext.js.map

@@ -1 +1 @@
-{"version":3,"names":["SidebarItemNextSuffix","suffixComponent","wrapperComponentProps","className","classes","suffixContainer","renderSingleSuffix","sc","index","dataHooks","suffix","Array","isArray","slice","map","SidebarItemNext","as","Component","href","dataHook","children","disabled","onClick","focusableOnFocus","focusableOnBlur","itemKey","isInQuickNavigation","role","rest","isChild","selectedKey","skin","isMenuOpen","useContext","SidebarNextContext","textSize","useMemo","_onClick","e","selected","htmlHref","undefined","isFirstLevelItem","isSecondLevelItem","tabIndex","ariaLevel","st","root","quickNavigationView","list","title","text","skins","light","dark","displayName","defaultProps","propTypes","PropTypes","oneOfType","func","object","string","node","arrayOf","bool","withFocusable"],"sources":["../../../src/SidebarItemNext/SidebarItemNext.js"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { SidebarNextContext } from '../SidebarNext/SidebarNextAPI';\nimport { st, classes } from './SidebarItemNext.st.css';\nimport { withFocusable } from '../common/Focusable';\nimport { dataHooks, skins } from './constants';\nimport Text from '../Text';\n\nconst SidebarItemNextSuffix = ({ suffixComponent }) => {\n  const wrapperComponentProps = {\n    className: classes.suffixContainer,\n    'aria-hidden': true,\n  };\n\n  const renderSingleSuffix = (sc, index) => (\n    <span\n      key={`${dataHooks.suffix}-${index}`}\n      data-hook={dataHooks.suffix}\n      className={classes.suffix}\n    >\n      {sc}\n    </span>\n  );\n\n  if (Array.isArray(suffixComponent)) {\n    return (\n      <div {...wrapperComponentProps}>\n        {suffixComponent\n          .slice(0, 2)\n          .map((sc, index) => renderSingleSuffix(sc, index))}\n      </div>\n    );\n  }\n\n  return (\n    <div {...wrapperComponentProps}>\n      {renderSingleSuffix(suffixComponent, 1)}\n    </div>\n  );\n};\n\n/** An item for the section within the sidebar */\nconst SidebarItemNext = ({\n  as: Component,\n  href,\n  dataHook,\n  children,\n  disabled,\n  onClick,\n  className,\n  focusableOnFocus,\n  focusableOnBlur,\n  itemKey,\n  suffix,\n  isInQuickNavigation,\n  role,\n  ...rest\n}) => {\n  const { isChild, selectedKey, skin, isMenuOpen } =\n    useContext(SidebarNextContext) || {};\n\n  const textSize = useMemo(() => {\n    return isChild ? 'tiny' : 'small';\n  }, [isChild]);\n\n  const _onClick = e => {\n    if (disabled) return;\n    onClick && onClick(e, itemKey);\n  };\n\n  const selected = selectedKey === itemKey;\n  const htmlHref = disabled ? undefined : href;\n\n  const isFirstLevelItem = !isChild;\n  const isSecondLevelItem = isMenuOpen;\n  const tabIndex =\n    isFirstLevelItem || isSecondLevelItem || isInQuickNavigation ? 0 : -1;\n  const ariaLevel = isFirstLevelItem ? '1' : '2';\n\n  return (\n    <Component\n      data-hook={dataHook}\n      data-selected={selected}\n      data-disabled={disabled}\n      data-text-size={textSize}\n      data-skin={skin}\n      onClick={_onClick}\n      onFocus={focusableOnFocus}\n      onBlur={focusableOnBlur}\n      disabled={href ? false : disabled}\n      href={htmlHref}\n      type=\"button\"\n      className={st(\n        classes.root,\n        {\n          selected,\n          disabled,\n          skin,\n          isChild,\n          isInQuickNavigation,\n        },\n        className,\n        isInQuickNavigation ? classes.quickNavigationView : '',\n      )}\n      tabIndex={tabIndex}\n      role={role}\n      aria-current={selected ? 'page' : undefined}\n      {...rest}\n    >\n      <li aria-level={ariaLevel} className={classes.list}>\n        <Text\n          data-hook={dataHooks.title}\n          className={st(classes.text)}\n          size={textSize}\n          weight=\"normal\"\n          secondary={skin === skins.light}\n          light={skin === skins.dark}\n          skin={disabled ? 'disabled' : 'standard'}\n          showTooltip={false}\n        >\n          {children}\n        </Text>\n      </li>\n      {!disabled && suffix && (\n        <SidebarItemNextSuffix suffixComponent={suffix} />\n      )}\n    </Component>\n  );\n};\n\nSidebarItemNext.displayName = 'SidebarItemNext';\nSidebarItemNext.defaultProps = { as: 'button', role: 'link' };\n\nSidebarItemNext.propTypes = {\n  /** render as some other component or DOM tag */\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  /** URL of the page that link goes to */\n  href: PropTypes.string,\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n  /** An element/array of elements to appear at the end of the text. max number of elements to pass is 2 */\n  suffix: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(PropTypes.node),\n  ]),\n  /** Indicates whether to display the item as disabled */\n  disabled: PropTypes.bool,\n  /** A callback to be triggered on click */\n  onClick: PropTypes.func,\n  /** unique identifier per item, used to mark it for navigation and selection */\n  itemKey: PropTypes.string,\n  /** indicates whether the item is inside quickNavigation popover */\n  isInQuickNavigation: PropTypes.bool,\n  /** Defines one of the aria roles to provide semantic meaning to content */\n  role: PropTypes.string,\n};\n\nexport default withFocusable(SidebarItemNext);\n"],"mappings":"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"}
+{"version":3,"names":["SidebarItemNextSuffix","suffixComponent","wrapperComponentProps","className","classes","suffixContainer","renderSingleSuffix","sc","index","dataHooks","suffix","Array","isArray","slice","map","SidebarItemNextPrefix","prefixComponent","prefix","SidebarItemNext","as","Component","href","dataHook","children","disabled","onClick","focusableOnFocus","focusableOnBlur","itemKey","isInQuickNavigation","role","rest","isChild","selectedKey","skin","isMenuOpen","isParentWithPrefix","useContext","SidebarNextContext","textSize","useMemo","_onClick","e","selected","htmlHref","undefined","isFirstLevelItem","isSecondLevelItem","tabIndex","ariaLevel","st","root","hasPrefix","quickNavigationView","textWithPrefix","title","text","skins","light","dark","displayName","defaultProps","propTypes","PropTypes","oneOfType","func","object","string","node","arrayOf","bool","withFocusable"],"sources":["../../../src/SidebarItemNext/SidebarItemNext.js"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { SidebarNextContext } from '../SidebarNext/SidebarNextAPI';\nimport { st, classes } from './SidebarItemNext.st.css';\nimport { withFocusable } from '../common/Focusable';\nimport { dataHooks, skins } from './constants';\nimport Text from '../Text';\n\nconst SidebarItemNextSuffix = ({ suffixComponent }) => {\n  const wrapperComponentProps = {\n    className: classes.suffixContainer,\n    'aria-hidden': true,\n  };\n\n  const renderSingleSuffix = (sc, index) => (\n    <span\n      key={`${dataHooks.suffix}-${index}`}\n      data-hook={dataHooks.suffix}\n      className={classes.suffix}\n    >\n      {sc}\n    </span>\n  );\n\n  if (Array.isArray(suffixComponent)) {\n    return (\n      <div {...wrapperComponentProps}>\n        {suffixComponent\n          .slice(0, 2)\n          .map((sc, index) => renderSingleSuffix(sc, index))}\n      </div>\n    );\n  }\n\n  return (\n    <div {...wrapperComponentProps}>\n      {renderSingleSuffix(suffixComponent, 1)}\n    </div>\n  );\n};\n\nconst SidebarItemNextPrefix = ({ prefixComponent }) => \n  <span\n    key={dataHooks.prefix}\n    data-hook={dataHooks.prefix}\n    className={classes.prefix}\n    aria-hidden=\"true\"\n  >\n    {prefixComponent}\n  </span>\n\n/** An item for the section within the sidebar */\nconst SidebarItemNext = ({\n  as: Component,\n  href,\n  dataHook,\n  children,\n  disabled,\n  onClick,\n  className,\n  focusableOnFocus,\n  focusableOnBlur,\n  itemKey,\n  suffix,\n  prefix,\n  isInQuickNavigation,\n  role,\n  ...rest\n}) => {\n  const { isChild, selectedKey, skin, isMenuOpen, isParentWithPrefix } =\n    useContext(SidebarNextContext) || {};\n\n  const textSize = useMemo(() => {\n    return isChild ? 'tiny' : 'small';\n  }, [isChild]);\n\n  const _onClick = e => {\n    if (disabled) return;\n    onClick && onClick(e, itemKey);\n  };\n\n  const selected = selectedKey === itemKey;\n  const htmlHref = disabled ? undefined : href;\n\n  const isFirstLevelItem = !isChild;\n  const isSecondLevelItem = isMenuOpen;\n  const tabIndex =\n    isFirstLevelItem || isSecondLevelItem || isInQuickNavigation ? 0 : -1;\n  const ariaLevel = isFirstLevelItem ? '1' : '2';\n\n  return (\n    <Component\n      data-hook={dataHook}\n      data-selected={selected}\n      data-disabled={disabled}\n      data-text-size={textSize}\n      data-skin={skin}\n      onClick={_onClick}\n      onFocus={focusableOnFocus}\n      onBlur={focusableOnBlur}\n      disabled={href ? false : disabled}\n      href={htmlHref}\n      type=\"button\"\n      className={st(\n        classes.root,\n        {\n          selected,\n          disabled,\n          skin,\n          isChild,\n          isInQuickNavigation,\n          hasPrefix: !!prefix,\n          isParentWithPrefix,\n        },\n        className,\n        isInQuickNavigation ? classes.quickNavigationView : '',\n      )}\n      tabIndex={tabIndex}\n      role={role}\n      aria-current={selected ? 'page' : undefined}\n      {...rest}\n    >\n      <li aria-level={ariaLevel} className={classes.textWithPrefix}>\n        {prefix && (\n          <SidebarItemNextPrefix prefixComponent={prefix} />\n        )}\n        <Text\n          data-hook={dataHooks.title}\n          className={st(classes.text)}\n          size={textSize}\n          weight=\"normal\"\n          secondary={skin === skins.light}\n          light={skin === skins.dark}\n          skin={disabled ? 'disabled' : 'standard'}\n          showTooltip={false}\n        >\n          {children}\n        </Text>\n      </li>\n      {!disabled && suffix && (\n        <SidebarItemNextSuffix suffixComponent={suffix} />\n      )}\n    </Component>\n  );\n};\n\nSidebarItemNext.displayName = 'SidebarItemNext';\nSidebarItemNext.defaultProps = { as: 'button', role: 'link' };\n\nSidebarItemNext.propTypes = {\n  /** render as some other component or DOM tag */\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  /** URL of the page that link goes to */\n  href: PropTypes.string,\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n  /** An element/array of elements to appear at the end of the text. max number of elements to pass is 2 */\n  suffix: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(PropTypes.node),\n  ]),\n  /** An element to appear at the start of the text. */\n  prefix: PropTypes.node,\n  /** Indicates whether to display the item as disabled */\n  disabled: PropTypes.bool,\n  /** A callback to be triggered on click */\n  onClick: PropTypes.func,\n  /** unique identifier per item, used to mark it for navigation and selection */\n  itemKey: PropTypes.string,\n  /** indicates whether the item is inside quickNavigation popover */\n  isInQuickNavigation: PropTypes.bool,\n  /** Defines one of the aria roles to provide semantic meaning to content */\n  role: PropTypes.string,\n};\n\nexport default withFocusable(SidebarItemNext);\n"],"mappings":"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"}

package/dist/cjs/SidebarItemNext/SidebarItemNext.st.css

@@ -22,7 +22,7 @@
 
 .root {
   -st-extends: Focusable;
-  -st-states: selected, disabled, skin(enum(dark, light, neutral)), isChild, isInQuickNavigation;
+  -st-states: selected, disabled, skin(enum(dark, light, neutral)), isChild, isInQuickNavigation, hasPrefix, isParentWithPrefix;
   -st-mixin: text-small-normal;
   display: flex;
   justify-content: space-between;
@@ -42,6 +42,14 @@
   padding-left: 28px;
 }
 
+.root:hasPrefix {
+  padding: 0 16px 0 16px;
+}
+
+.root:isChild:isParentWithPrefix {
+  padding: 0 20px 0 44px;
+}
+
 .root:focus {
   outline: none;
 }
@@ -232,6 +240,14 @@
   color: value(D20);
 }
 
-.list {
+.textWithPrefix {
   list-style-type: none;
+  display: flex;
+  align-items: center;
 }
+
+.textWithPrefix .prefix {
+  margin-right: 8px;
+  display: flex;
+  justify-content: flex-start;
+}

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_SidebarItemNext";
+var _namespace_ = "wds_1_1_0_SidebarItemNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_SidebarItemNext__root","navigationPopoverRoot":"wds_1_0_3_SidebarSubMenuNext__navigationPopoverRoot","text-small-normal":"wds_1_0_3_StylableTypography__text-small-normal","text":"wds_1_0_3_SidebarItemNext__text","suffix":"wds_1_0_3_SidebarItemNext__suffix","suffixContainer":"wds_1_0_3_SidebarItemNext__suffixContainer","quickNavigationView":"wds_1_0_3_SidebarItemNext__quickNavigationView","list":"wds_1_0_3_SidebarItemNext__list"};
+module.exports.classes = {"root":"wds_1_1_0_SidebarItemNext__root","navigationPopoverRoot":"wds_1_1_0_SidebarSubMenuNext__navigationPopoverRoot","text-small-normal":"wds_1_1_0_StylableTypography__text-small-normal","text":"wds_1_1_0_SidebarItemNext__text","suffix":"wds_1_1_0_SidebarItemNext__suffix","suffixContainer":"wds_1_1_0_SidebarItemNext__suffixContainer","quickNavigationView":"wds_1_1_0_SidebarItemNext__quickNavigationView","textWithPrefix":"wds_1_1_0_SidebarItemNext__textWithPrefix","prefix":"wds_1_1_0_SidebarItemNext__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidebarItemNext/SidebarItemNext.uni.driver.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/SidebarItemNext/SidebarItemNext.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface SidebarItemNextUniDriver extends BaseUniDriver {\n  isSelected(): Promise<boolean>;\n  isDisabled(): Promise<boolean>;\n  suffixExists(): Promise<boolean>;\n  getSkin(): Promise<'dark' | 'light'>;\n  getText(): Promise<string>;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["../../../src/SidebarItemNext/SidebarItemNext.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface SidebarItemNextUniDriver extends BaseUniDriver {\n  isSelected(): Promise<boolean>;\n  isDisabled(): Promise<boolean>;\n  suffixExists(): Promise<boolean>;\n  prefixExists(): Promise<boolean>;\n  getSkin(): Promise<'dark' | 'light'>;\n  getText(): Promise<string>;\n}\n"],"mappings":""}

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

@@ -63,6 +63,19 @@ var sidebarItemNextDriverFactory = (base, body) => {
       }
       return getSuffixCount;
     }(),
+    /**
+     * Returns if a prefix exists
+     * @returns {Promise<boolean>}
+     */
+    prefixExists: function () {
+      var _prefixExists = (0, _asyncToGenerator2.default)(function* () {
+        return (yield (0, _unidriver.findByHook)(base, _constants.dataHooks.prefix)).exists();
+      });
+      function prefixExists() {
+        return _prefixExists.apply(this, arguments);
+      }
+      return prefixExists;
+    }(),
     /**
      * Returns the skin
      * @returns {Promise<string>}

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

@@ -1 +1 @@
-{"version":3,"names":["sidebarItemNextDriverFactory","base","body","baseUniDriverFactory","isSelected","attr","isDisabled","suffixExists","findByHook","dataHooks","suffix","exists","getSuffixCount","countByHook","getSkin","getText","text"],"sources":["../../../src/SidebarItemNext/SidebarItemNext.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  countByHook,\n  findByHook,\n} from '../test-utils/utils/unidriver';\nimport { dataHooks } from './constants';\n\nexport const sidebarItemNextDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Returns if the sidebar item is selected\n     * @returns {Promise<boolean>}\n     */\n    isSelected: async () => (await base.attr('data-selected')) === 'true',\n\n    /**\n     * Returns if the sidebar item is disabled\n     * @returns {Promise<boolean>}\n     */\n    isDisabled: async () => (await base.attr('data-disabled')) === 'true',\n\n    /**\n     * Returns if a suffix exists\n     * @returns {Promise<boolean>}\n     */\n    suffixExists: async () =>\n      (await findByHook(base, dataHooks.suffix)).exists(),\n\n    /**\n     * Returns count of suffix items\n     * @returns {Promise<number>}\n     */\n    getSuffixCount: async () => await countByHook(base, dataHooks.suffix),\n\n    /**\n     * Returns the skin\n     * @returns {Promise<string>}\n     */\n    getSkin: async () => await base.attr('data-skin'),\n\n    /**\n     * Returns the displayed text\n     * @returns {Promise<string}\n     * */\n    getText: async () => base.text(),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AAKA;AAAwC;AAAA;AAEjC,IAAMA,4BAA4B,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EAC1D,uCACK,IAAAC,+BAAoB,EAACF,IAAI,EAAEC,IAAI,CAAC;IAEnC;AACJ;AACA;AACA;IACIE,UAAU;MAAA,kDAAE;QAAA,OAAY,OAAOH,IAAI,CAACI,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;IACIC,UAAU;MAAA,kDAAE;QAAA,OAAY,OAAOL,IAAI,CAACI,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;IACIE,YAAY;MAAA,oDAAE;QAAA,OACZ,OAAO,IAAAC,qBAAU,EAACP,IAAI,EAAEQ,oBAAS,CAACC,MAAM,CAAC,EAAEC,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErD;AACJ;AACA;AACA;IACIC,cAAc;MAAA,sDAAE;QAAA,aAAkB,IAAAC,sBAAW,EAACZ,IAAI,EAAEQ,oBAAS,CAACC,MAAM,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;IACII,OAAO;MAAA,+CAAE;QAAA,aAAkBb,IAAI,CAACI,IAAI,CAAC,WAAW,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEjD;AACJ;AACA;AACA;IACIU,OAAO;MAAA,+CAAE;QAAA,OAAYd,IAAI,CAACe,IAAI,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAEpC,CAAC;AAAC"}
+{"version":3,"names":["sidebarItemNextDriverFactory","base","body","baseUniDriverFactory","isSelected","attr","isDisabled","suffixExists","findByHook","dataHooks","suffix","exists","getSuffixCount","countByHook","prefixExists","prefix","getSkin","getText","text"],"sources":["../../../src/SidebarItemNext/SidebarItemNext.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  countByHook,\n  findByHook,\n} from '../test-utils/utils/unidriver';\nimport { dataHooks } from './constants';\n\nexport const sidebarItemNextDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Returns if the sidebar item is selected\n     * @returns {Promise<boolean>}\n     */\n    isSelected: async () => (await base.attr('data-selected')) === 'true',\n\n    /**\n     * Returns if the sidebar item is disabled\n     * @returns {Promise<boolean>}\n     */\n    isDisabled: async () => (await base.attr('data-disabled')) === 'true',\n\n    /**\n     * Returns if a suffix exists\n     * @returns {Promise<boolean>}\n     */\n    suffixExists: async () =>\n      (await findByHook(base, dataHooks.suffix)).exists(),\n\n    /**\n     * Returns count of suffix items\n     * @returns {Promise<number>}\n     */\n    getSuffixCount: async () => await countByHook(base, dataHooks.suffix),\n\n    /**\n     * Returns if a prefix exists\n     * @returns {Promise<boolean>}\n     */\n    prefixExists: async () =>\n      (await findByHook(base, dataHooks.prefix)).exists(),\n    \n    /**\n     * Returns the skin\n     * @returns {Promise<string>}\n     */\n    getSkin: async () => await base.attr('data-skin'),\n\n    /**\n     * Returns the displayed text\n     * @returns {Promise<string}\n     * */\n    getText: async () => base.text(),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AAKA;AAAwC;AAAA;AAEjC,IAAMA,4BAA4B,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EAC1D,uCACK,IAAAC,+BAAoB,EAACF,IAAI,EAAEC,IAAI,CAAC;IAEnC;AACJ;AACA;AACA;IACIE,UAAU;MAAA,kDAAE;QAAA,OAAY,OAAOH,IAAI,CAACI,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;IACIC,UAAU;MAAA,kDAAE;QAAA,OAAY,OAAOL,IAAI,CAACI,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;IACIE,YAAY;MAAA,oDAAE;QAAA,OACZ,OAAO,IAAAC,qBAAU,EAACP,IAAI,EAAEQ,oBAAS,CAACC,MAAM,CAAC,EAAEC,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErD;AACJ;AACA;AACA;IACIC,cAAc;MAAA,sDAAE;QAAA,aAAkB,IAAAC,sBAAW,EAACZ,IAAI,EAAEQ,oBAAS,CAACC,MAAM,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErE;AACJ;AACA;AACA;IACII,YAAY;MAAA,oDAAE;QAAA,OACZ,OAAO,IAAAN,qBAAU,EAACP,IAAI,EAAEQ,oBAAS,CAACM,MAAM,CAAC,EAAEJ,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAErD;AACJ;AACA;AACA;IACIK,OAAO;MAAA,+CAAE;QAAA,aAAkBf,IAAI,CAACI,IAAI,CAAC,WAAW,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEjD;AACJ;AACA;AACA;IACIY,OAAO;MAAA,+CAAE;QAAA,OAAYhB,IAAI,CAACiB,IAAI,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAEpC,CAAC;AAAC"}

package/dist/cjs/SidebarItemNext/index.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/SidebarItemNext/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { OmitPolyfill } from '../common';\n\nexport type SidebarItemNextWithAsProp<T> =\n  | SidebarItemNextAsButtonProps<T>\n  | SidebarItemNextAsAnchorProps<T>\n  | SidebarItemNextGenericProps<T>\n  | SidebarItemNextAsComponentProps<T>;\n\ntype SidebarItemNextAsButtonProps<T> =\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    T & {\n      as?: 'button';\n      onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    };\n\ntype SidebarItemNextAsAnchorProps<T> =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n    T & {\n      as: 'a';\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    };\n\ntype SidebarItemNextGenericProps<T> = T & {\n  as: keyof OmitPolyfill<HTMLElementTagNameMap, 'a' | 'button'>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\ntype SidebarItemNextAsComponentProps<T> = T & {\n  as: React.ComponentType<any>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\nexport type SidebarItemNextProps = SidebarItemNextWithAsProp<{\n  children?: React.ReactNode;\n  dataHook?: string;\n  className?: string;\n  suffix?: React.ReactNode;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  itemKey?: string;\n  role?: string;\n}>;\n\ndeclare const SidebarItemNext: React.FC<SidebarItemNextProps>;\n\nexport default SidebarItemNext;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["../../../src/SidebarItemNext/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { OmitPolyfill } from '../common';\n\nexport type SidebarItemNextWithAsProp<T> =\n  | SidebarItemNextAsButtonProps<T>\n  | SidebarItemNextAsAnchorProps<T>\n  | SidebarItemNextGenericProps<T>\n  | SidebarItemNextAsComponentProps<T>;\n\ntype SidebarItemNextAsButtonProps<T> =\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    T & {\n      as?: 'button';\n      onClick?: React.MouseEventHandler<HTMLButtonElement>;\n    };\n\ntype SidebarItemNextAsAnchorProps<T> =\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n    T & {\n      as: 'a';\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    };\n\ntype SidebarItemNextGenericProps<T> = T & {\n  as: keyof OmitPolyfill<HTMLElementTagNameMap, 'a' | 'button'>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\ntype SidebarItemNextAsComponentProps<T> = T & {\n  as: React.ComponentType<any>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  [additionalProps: string]: any;\n};\n\nexport type SidebarItemNextProps = SidebarItemNextWithAsProp<{\n  children?: React.ReactNode;\n  dataHook?: string;\n  className?: string;\n  suffix?: React.ReactNode;\n  prefix?: React.ReactNode;\n  disabled?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  itemKey?: string;\n  role?: string;\n}>;\n\ndeclare const SidebarItemNext: React.FC<SidebarItemNextProps>;\n\nexport default SidebarItemNext;\n"],"mappings":""}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_SidebarNext";
+var _namespace_ = "wds_1_1_0_SidebarNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_SidebarNext__root","content":"wds_1_0_3_SidebarNext__content","scrollArea":"wds_1_0_3_SidebarNext__scrollArea","scrollAreaGradient":"wds_1_0_3_SidebarNext__scrollAreaGradient","listItems":"wds_1_0_3_SidebarNext__listItems"};
+module.exports.classes = {"root":"wds_1_1_0_SidebarNext__root","content":"wds_1_1_0_SidebarNext__content","scrollArea":"wds_1_1_0_SidebarNext__scrollArea","scrollAreaGradient":"wds_1_1_0_SidebarNext__scrollAreaGradient","listItems":"wds_1_1_0_SidebarNext__listItems"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidebarNext/SidebarSkeleton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_SidebarSkeleton";
+var _namespace_ = "wds_1_1_0_SidebarSkeleton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,8 +12,8 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_SidebarSkeleton__root","lightSkeleton":"wds_1_0_3_SidebarSkeleton__lightSkeleton","skeletonItem":"wds_1_0_3_SidebarSkeleton__skeletonItem","separator":"wds_1_0_3_SidebarSkeleton__separator","container":"wds_1_0_3_SidebarSkeleton__container"};
-module.exports.keyframes = {"moveRight":"wds_1_0_3_SidebarSkeleton__moveRight"}; 
+module.exports.classes = {"root":"wds_1_1_0_SidebarSkeleton__root","lightSkeleton":"wds_1_1_0_SidebarSkeleton__lightSkeleton","skeletonItem":"wds_1_1_0_SidebarSkeleton__skeletonItem","separator":"wds_1_1_0_SidebarSkeleton__separator","container":"wds_1_1_0_SidebarSkeleton__container"};
+module.exports.keyframes = {"moveRight":"wds_1_1_0_SidebarSkeleton__moveRight"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_SidebarSectionItem";
+var _namespace_ = "wds_1_1_0_SidebarSectionItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_SidebarSectionItem__root","text":"wds_1_0_3_SidebarSectionItem__text","chevron":"wds_1_0_3_SidebarSectionItem__chevron","prefix":"wds_1_0_3_SidebarSectionItem__prefix","textWrapper":"wds_1_0_3_SidebarSectionItem__textWrapper","suffix":"wds_1_0_3_SidebarSectionItem__suffix"};
+module.exports.classes = {"root":"wds_1_1_0_SidebarSectionItem__root","text":"wds_1_1_0_SidebarSectionItem__text","chevron":"wds_1_1_0_SidebarSectionItem__chevron","prefix":"wds_1_1_0_SidebarSectionItem__prefix","textWrapper":"wds_1_1_0_SidebarSectionItem__textWrapper","suffix":"wds_1_1_0_SidebarSectionItem__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_SidebarSectionTitle";
+var _namespace_ = "wds_1_1_0_SidebarSectionTitle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_SidebarSectionTitle__root"};
+module.exports.classes = {"root":"wds_1_1_0_SidebarSectionTitle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidebarSubMenuNext/SidebarSubMenuNext.js

@@ -16,7 +16,7 @@ var _Popover = _interopRequireDefault(require("../Popover"));
 var _SidebarSubMenuNextSt = require("./SidebarSubMenuNext.st.css.js");
 var _usePopoverState = require("./hooks/usePopoverState");
 var _useMenuState = require("./hooks/useMenuState");
-var _excluded = ["dataHook", "children", "itemKey", "disabled", "title", "onExpand", "onCollapse", "onClick", "suffix", "onQuickNavOpen"];
+var _excluded = ["dataHook", "children", "itemKey", "disabled", "title", "onExpand", "onCollapse", "onClick", "suffix", "prefix", "onQuickNavOpen"];
 var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/SidebarSubMenuNext/SidebarSubMenuNext.js";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -33,6 +33,7 @@ var SidebarSubMenuNext = _ref => {
       onCollapse,
       onClick,
       suffix,
+      prefix,
       onQuickNavOpen
     } = _ref,
     asComponentProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -85,7 +86,7 @@ var SidebarSubMenuNext = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 65,
+        lineNumber: 66,
         columnNumber: 7
       }
     });
@@ -100,7 +101,12 @@ var SidebarSubMenuNext = _ref => {
   var renderChildren = _react.Children.toArray(children);
   var renderChildrenForQuickNavigation = renderChildren.map(child => _objectSpread(_objectSpread({}, child), {}, {
     props: _objectSpread(_objectSpread({}, child.props), {}, {
-      isInQuickNavigation: true
+      isInQuickNavigation: true,
+      onClick: e => {
+        var _child$props;
+        (_child$props = child.props) == null ? void 0 : _child$props.onClick == null ? void 0 : _child$props.onClick(e);
+        onClose();
+      }
     })
   }));
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -113,7 +119,7 @@ var SidebarSubMenuNext = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Popover.default, {
@@ -136,18 +142,19 @@ var SidebarSubMenuNext = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 100,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 118,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_SidebarItemNext.default, (0, _extends2.default)({
     suffix: getSuffix(),
+    prefix: prefix,
     onClick: _onClick,
     disabled: disabled,
     itemKey: itemKey,
@@ -164,14 +171,14 @@ var SidebarSubMenuNext = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 119,
       columnNumber: 11
     }
   }), title)), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 139,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -180,28 +187,30 @@ var SidebarSubMenuNext = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 140,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_SidebarNextAPI.SidebarNextContext.Provider, {
     value: _objectSpread(_objectSpread({}, context), {}, {
-      isChild: true
+      isChild: true,
+      isParentWithPrefix: !!prefix
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 141,
       columnNumber: 13
     }
   }, renderChildrenForQuickNavigation)))), /*#__PURE__*/_react.default.createElement(_SidebarNextAPI.SidebarNextContext.Provider, {
     value: _objectSpread(_objectSpread({}, context), {}, {
       isChild: true,
+      isParentWithPrefix: !!prefix,
       isMenuOpen
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 153,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("ul", {
@@ -212,7 +221,7 @@ var SidebarSubMenuNext = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 161,
       columnNumber: 9
     }
   }, renderChildren)));
@@ -246,6 +255,8 @@ SidebarSubMenuNext.propTypes = {
   onCollapse: _propTypes.default.func,
   /** An element to appear at the end of the text */
   suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)]),
+  /** An element to appear at the start of the text. */
+  prefix: _propTypes.default.node,
   /** A callback to be triggered when the quick nav openes */
   onQuickNavOpen: _propTypes.default.func
 };

package/dist/cjs/SidebarSubMenuNext/SidebarSubMenuNext.js.map

@@ -1 +1 @@
-{"version":3,"names":["SidebarSubMenuNext","dataHook","children","itemKey","disabled","title","onExpand","onCollapse","onClick","suffix","onQuickNavOpen","asComponentProps","context","useContext","SidebarNextContext","as","role","skin","selectedKey","onToggle","shouldNextMenuOpenWithDelay","scrollAreaRef","isMenuOpen","isItemKeySelected","animation","_onClick","useMenuState","moveBy","popoverContentRef","isPopoverOpen","onOpen","onClose","usePopoverState","useEffect","getSuffix","useCallback","chevronSuffix","dataHooks","chevronRight","Array","isArray","renderChildren","Children","toArray","renderChildrenForQuickNavigation","map","child","props","isInQuickNavigation","st","classes","root","navigationPopoverRoot","submenuPopover","sidebarItem","subMenu","animationWithDelay","selected","navigationPopover","isChild","subMenuItems","defaultProps","displayName","propTypes","PropTypes","oneOfType","func","object","string","href","className","bool","node","arrayOf"],"sources":["../../../src/SidebarSubMenuNext/SidebarSubMenuNext.js"],"sourcesContent":["import React, { useContext, Children, useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport SidebarItemNext from '../SidebarItemNext/SidebarItemNext';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { dataHooks } from './constants';\nimport { SidebarNextContext } from '../SidebarNext/SidebarNextAPI';\nimport Popover from '../Popover';\nimport { st, classes } from './SidebarSubMenuNext.st.css';\nimport { usePopoverState } from './hooks/usePopoverState';\nimport { useMenuState } from './hooks/useMenuState';\n\nconst SidebarSubMenuNext = ({\n  dataHook,\n  children,\n  itemKey,\n  disabled,\n  title,\n  onExpand,\n  onCollapse,\n  onClick,\n  suffix,\n  onQuickNavOpen,\n  ...asComponentProps\n}) => {\n  const context = useContext(SidebarNextContext);\n\n  const as = asComponentProps.as;\n  const role = as === 'a' ? 'link' : 'button';\n\n  const {\n    skin,\n    selectedKey,\n    onToggle,\n    shouldNextMenuOpenWithDelay,\n    scrollAreaRef,\n  } = context || {};\n\n  const { isMenuOpen, isItemKeySelected, animation, _onClick } = useMenuState({\n    itemKey,\n    selectedKey,\n    children,\n    disabled,\n    onExpand,\n    onCollapse,\n    onToggle,\n    onClick,\n  });\n\n  const { moveBy, popoverContentRef, isPopoverOpen, onOpen, onClose } =\n    usePopoverState({\n      scrollAreaRef,\n      disabled,\n      children,\n      isMenuOpen,\n    });\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      onQuickNavOpen && onQuickNavOpen();\n    }\n  }, [isPopoverOpen]);\n\n  const getSuffix = useCallback(() => {\n    const chevronSuffix = (\n      <ChevronRightSmall data-hook={dataHooks.chevronRight} size=\"18px\" />\n    );\n\n    if (!suffix) {\n      return chevronSuffix;\n    }\n\n    if (Array.isArray(suffix)) {\n      return [suffix[0], chevronSuffix];\n    }\n\n    return [suffix, chevronSuffix];\n  }, [suffix]);\n\n  const renderChildren = Children.toArray(children);\n  const renderChildrenForQuickNavigation = renderChildren.map(child => ({\n    ...child,\n    props: { ...child.props, isInQuickNavigation: true },\n  }));\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-quick-nav-open={isPopoverOpen}\n      data-open={isMenuOpen}\n      className={st(classes.root, { skin })}\n    >\n      <Popover\n        className={classes.navigationPopoverRoot}\n        showArrow\n        placement=\"right\"\n        zIndex={3000}\n        shown={isPopoverOpen}\n        appendTo=\"window\"\n        fixed\n        flip={false}\n        theme={skin}\n        moveBy={moveBy}\n        hideDelay={50}\n        showDelay={200}\n        animate={isPopoverOpen}\n        onMouseEnter={onOpen}\n        onMouseLeave={onClose}\n        dataHook={dataHooks.submenuPopover}\n      >\n        <Popover.Element>\n          <SidebarItemNext\n            suffix={getSuffix()}\n            onClick={_onClick}\n            disabled={disabled}\n            itemKey={itemKey}\n            dataHook={dataHooks.sidebarItem}\n            className={st(classes.subMenu, {\n              animation,\n              animationWithDelay: shouldNextMenuOpenWithDelay,\n              selected: isItemKeySelected,\n            })}\n            aria-haspopup=\"menu\"\n            aria-expanded={isMenuOpen}\n            role={role}\n            {...asComponentProps}\n          >\n            {title}\n          </SidebarItemNext>\n        </Popover.Element>\n        <Popover.Content>\n          <div ref={popoverContentRef} className={classes.navigationPopover}>\n            <SidebarNextContext.Provider\n              value={{\n                ...context,\n                isChild: true,\n              }}\n            >\n              {renderChildrenForQuickNavigation}\n            </SidebarNextContext.Provider>\n          </div>\n        </Popover.Content>\n      </Popover>\n      <SidebarNextContext.Provider\n        value={{\n          ...context,\n          isChild: true,\n          isMenuOpen,\n        }}\n      >\n        <ul\n          className={st(classes.subMenuItems, {\n            animation,\n            animationWithDelay: shouldNextMenuOpenWithDelay,\n          })}\n        >\n          {renderChildren}\n        </ul>\n      </SidebarNextContext.Provider>\n    </div>\n  );\n};\n\nSidebarSubMenuNext.defaultProps = {\n  onExpand: () => {},\n  onCollapse: () => {},\n  onClick: () => {},\n};\n\nSidebarSubMenuNext.displayName = 'SidebarSubMenuNext';\n\nSidebarSubMenuNext.propTypes = {\n  /** render as some other component or DOM tag */\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  /** URL of the page that link goes to */\n  href: PropTypes.string,\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n  /** Indicates whether to display the item as disabled */\n  disabled: PropTypes.bool,\n  /** A callback to be triggered on click */\n  onClick: PropTypes.func,\n  /** unique identifier per item, used to mark it for navigation and selection */\n  itemKey: PropTypes.string,\n  /** An element to appear as the title of the submenu */\n  title: PropTypes.node,\n  /** A callback to be triggered when the sub menu expands */\n  onExpand: PropTypes.func,\n  /** A callback to be triggered when the sub menu collapses */\n  onCollapse: PropTypes.func,\n  /** An element to appear at the end of the text */\n  suffix: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(PropTypes.node),\n  ]),\n  /** A callback to be triggered when the quick nav openes */\n  onQuickNavOpen: PropTypes.func,\n};\n\nexport default SidebarSubMenuNext;\n"],"mappings":"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"}
+{"version":3,"names":["SidebarSubMenuNext","dataHook","children","itemKey","disabled","title","onExpand","onCollapse","onClick","suffix","prefix","onQuickNavOpen","asComponentProps","context","useContext","SidebarNextContext","as","role","skin","selectedKey","onToggle","shouldNextMenuOpenWithDelay","scrollAreaRef","isMenuOpen","isItemKeySelected","animation","_onClick","useMenuState","moveBy","popoverContentRef","isPopoverOpen","onOpen","onClose","usePopoverState","useEffect","getSuffix","useCallback","chevronSuffix","dataHooks","chevronRight","Array","isArray","renderChildren","Children","toArray","renderChildrenForQuickNavigation","map","child","props","isInQuickNavigation","e","st","classes","root","navigationPopoverRoot","submenuPopover","sidebarItem","subMenu","animationWithDelay","selected","navigationPopover","isChild","isParentWithPrefix","subMenuItems","defaultProps","displayName","propTypes","PropTypes","oneOfType","func","object","string","href","className","bool","node","arrayOf"],"sources":["../../../src/SidebarSubMenuNext/SidebarSubMenuNext.js"],"sourcesContent":["import React, { useContext, Children, useCallback, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport SidebarItemNext from '../SidebarItemNext/SidebarItemNext';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common';\nimport { dataHooks } from './constants';\nimport { SidebarNextContext } from '../SidebarNext/SidebarNextAPI';\nimport Popover from '../Popover';\nimport { st, classes } from './SidebarSubMenuNext.st.css';\nimport { usePopoverState } from './hooks/usePopoverState';\nimport { useMenuState } from './hooks/useMenuState';\n\nconst SidebarSubMenuNext = ({\n  dataHook,\n  children,\n  itemKey,\n  disabled,\n  title,\n  onExpand,\n  onCollapse,\n  onClick,\n  suffix,\n  prefix,\n  onQuickNavOpen,\n  ...asComponentProps\n}) => {\n  const context = useContext(SidebarNextContext);\n\n  const as = asComponentProps.as;\n  const role = as === 'a' ? 'link' : 'button';\n\n  const {\n    skin,\n    selectedKey,\n    onToggle,\n    shouldNextMenuOpenWithDelay,\n    scrollAreaRef,\n  } = context || {};\n\n  const { isMenuOpen, isItemKeySelected, animation, _onClick } = useMenuState({\n    itemKey,\n    selectedKey,\n    children,\n    disabled,\n    onExpand,\n    onCollapse,\n    onToggle,\n    onClick,\n  });\n\n  const { moveBy, popoverContentRef, isPopoverOpen, onOpen, onClose } =\n    usePopoverState({\n      scrollAreaRef,\n      disabled,\n      children,\n      isMenuOpen,\n    });\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      onQuickNavOpen && onQuickNavOpen();\n    }\n  }, [isPopoverOpen]);\n\n  const getSuffix = useCallback(() => {\n    const chevronSuffix = (\n      <ChevronRightSmall data-hook={dataHooks.chevronRight} size=\"18px\" />\n    );\n\n    if (!suffix) {\n      return chevronSuffix;\n    }\n\n    if (Array.isArray(suffix)) {\n      return [suffix[0], chevronSuffix];\n    }\n\n    return [suffix, chevronSuffix];\n  }, [suffix]);\n\n  const renderChildren = Children.toArray(children);\n  const renderChildrenForQuickNavigation = renderChildren.map(child => ({\n    ...child,\n    props: {\n      ...child.props,\n      isInQuickNavigation: true,\n      onClick: e => {\n        child.props?.onClick?.(e);\n        onClose();\n      },\n    },\n  }));\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-quick-nav-open={isPopoverOpen}\n      data-open={isMenuOpen}\n      className={st(classes.root, { skin })}\n    >\n      <Popover\n        className={classes.navigationPopoverRoot}\n        showArrow\n        placement=\"right\"\n        zIndex={3000}\n        shown={isPopoverOpen}\n        appendTo=\"window\"\n        fixed\n        flip={false}\n        theme={skin}\n        moveBy={moveBy}\n        hideDelay={50}\n        showDelay={200}\n        animate={isPopoverOpen}\n        onMouseEnter={onOpen}\n        onMouseLeave={onClose}\n        dataHook={dataHooks.submenuPopover}\n      >\n        <Popover.Element>\n          <SidebarItemNext\n            suffix={getSuffix()}\n            prefix={prefix}\n            onClick={_onClick}\n            disabled={disabled}\n            itemKey={itemKey}\n            dataHook={dataHooks.sidebarItem}\n            className={st(classes.subMenu, {\n              animation,\n              animationWithDelay: shouldNextMenuOpenWithDelay,\n              selected: isItemKeySelected,\n            })}\n            aria-haspopup=\"menu\"\n            aria-expanded={isMenuOpen}\n            role={role}\n            {...asComponentProps}\n          >\n            {title}\n          </SidebarItemNext>\n        </Popover.Element>\n        <Popover.Content>\n          <div ref={popoverContentRef} className={classes.navigationPopover}>\n            <SidebarNextContext.Provider\n              value={{\n                ...context,\n                isChild: true,\n                isParentWithPrefix: !!prefix,\n              }}\n            >\n              {renderChildrenForQuickNavigation}\n            </SidebarNextContext.Provider>\n          </div>\n        </Popover.Content>\n      </Popover>\n      <SidebarNextContext.Provider\n        value={{\n          ...context,\n          isChild: true,\n          isParentWithPrefix: !!prefix,\n          isMenuOpen,\n        }}\n      >\n        <ul\n          className={st(classes.subMenuItems, {\n            animation,\n            animationWithDelay: shouldNextMenuOpenWithDelay,\n          })}\n        >\n          {renderChildren}\n        </ul>\n      </SidebarNextContext.Provider>\n    </div>\n  );\n};\n\nSidebarSubMenuNext.defaultProps = {\n  onExpand: () => {},\n  onCollapse: () => {},\n  onClick: () => {},\n};\n\nSidebarSubMenuNext.displayName = 'SidebarSubMenuNext';\n\nSidebarSubMenuNext.propTypes = {\n  /** render as some other component or DOM tag */\n  as: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  /** URL of the page that link goes to */\n  href: PropTypes.string,\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** A css class to be applied to the component's root element */\n  className: PropTypes.string,\n  /** Indicates whether to display the item as disabled */\n  disabled: PropTypes.bool,\n  /** A callback to be triggered on click */\n  onClick: PropTypes.func,\n  /** unique identifier per item, used to mark it for navigation and selection */\n  itemKey: PropTypes.string,\n  /** An element to appear as the title of the submenu */\n  title: PropTypes.node,\n  /** A callback to be triggered when the sub menu expands */\n  onExpand: PropTypes.func,\n  /** A callback to be triggered when the sub menu collapses */\n  onCollapse: PropTypes.func,\n  /** An element to appear at the end of the text */\n  suffix: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(PropTypes.node),\n  ]),\n  /** An element to appear at the start of the text. */\n  prefix: PropTypes.node,\n  /** A callback to be triggered when the quick nav openes */\n  onQuickNavOpen: PropTypes.func,\n};\n\nexport default SidebarSubMenuNext;\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_3_SidebarSubMenuNext";
+var _namespace_ = "wds_1_1_0_SidebarSubMenuNext";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,8 +14,8 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_3_SidebarSubMenuNext__root","subMenu":"wds_1_0_3_SidebarSubMenuNext__subMenu","subMenuItems":"wds_1_0_3_SidebarSubMenuNext__subMenuItems","navigationPopoverRoot":"wds_1_0_3_SidebarSubMenuNext__navigationPopoverRoot","navigationPopover":"wds_1_0_3_SidebarSubMenuNext__navigationPopover"};
-module.exports.keyframes = {"rotateChevronUp":"wds_1_0_3_SidebarSubMenuNext__rotateChevronUp","rotateChevronBack":"wds_1_0_3_SidebarSubMenuNext__rotateChevronBack","openItems":"wds_1_0_3_SidebarSubMenuNext__openItems","closeItems":"wds_1_0_3_SidebarSubMenuNext__closeItems"}; 
+module.exports.classes = {"root":"wds_1_1_0_SidebarSubMenuNext__root","subMenu":"wds_1_1_0_SidebarSubMenuNext__subMenu","subMenuItems":"wds_1_1_0_SidebarSubMenuNext__subMenuItems","navigationPopoverRoot":"wds_1_1_0_SidebarSubMenuNext__navigationPopoverRoot","navigationPopover":"wds_1_1_0_SidebarSubMenuNext__navigationPopover"};
+module.exports.keyframes = {"rotateChevronUp":"wds_1_1_0_SidebarSubMenuNext__rotateChevronUp","rotateChevronBack":"wds_1_1_0_SidebarSubMenuNext__rotateChevronBack","openItems":"wds_1_1_0_SidebarSubMenuNext__openItems","closeItems":"wds_1_1_0_SidebarSubMenuNext__closeItems"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

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

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