@wix/design-system 1.0.0

package/dist/cjs/ComposerSidebar/ComposerSidebar.js

@@ -0,0 +1,234 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ComposerSidebarSt = require("./ComposerSidebar.st.css.js");
+var _constants = require("./constants");
+var _Box = _interopRequireDefault(require("../Box"));
+var _ToggleButton = _interopRequireDefault(require("../ToggleButton"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/ComposerSidebar/ComposerSidebar.js";
+/** ComposerSidebar */
+class ComposerSidebar extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this._renderSection = _ref => {
+      var {
+        section: {
+          items,
+          sectionTitle
+        },
+        showSectionTitles = false
+      } = _ref;
+      var {
+        selectedId,
+        labelPlacement
+      } = this.props;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showSectionTitles ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+        className: _ComposerSidebarSt.classes.title,
+        size: "small",
+        weight: "bold",
+        ellipsis: true,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 62,
+          columnNumber: 11
+        }
+      }, sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : 'Undefined') : null, /*#__PURE__*/_react.default.createElement("ul", {
+        role: "menu",
+        "data-hook": "composer-sidebar-items-container",
+        "data-selected-id": selectedId,
+        "data-label-placement": labelPlacement,
+        className: _ComposerSidebarSt.classes.itemsContainer,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 66,
+          columnNumber: 9
+        }
+      }, items.map(item => this._renderItem(item))));
+    };
+    this._renderSections = sections => {
+      var {
+        labelPlacement,
+        size
+      } = this.props;
+      var withSections = sections.length > 1 || sections.length === 1 && sections[0].sectionTitle;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        role: withSections ? 'menu' : undefined,
+        direction: "vertical",
+        className: (0, _ComposerSidebarSt.st)(_ComposerSidebarSt.classes.container, {
+          withSections,
+          labelPlacement,
+          size
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 7
+        }
+      }, withSections ? sections.map((section, index) => /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        role: "menuitem",
+        className: _ComposerSidebarSt.classes.section,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 97,
+          columnNumber: 15
+        }
+      }, this._renderSection({
+        section,
+        showSectionTitles: true
+      }))) : this._renderSection({
+        section: sections[0]
+      }));
+    };
+    this._separateToSections = items => {
+      var sectionTitles = Array.from(new Set(items.map(_ref2 => {
+        var {
+          sectionTitle
+        } = _ref2;
+        return sectionTitle ? sectionTitle : undefined;
+      })));
+      var sections = sectionTitles.map(sectionTitle => ({
+        sectionTitle,
+        items: items.filter(_ref3 => {
+          var {
+            sectionTitle: itemSectionTitle
+          } = _ref3;
+          return !sectionTitle && !itemSectionTitle || sectionTitle === itemSectionTitle;
+        })
+      }));
+      return sections;
+    };
+  }
+  _renderItem(item) {
+    var {
+      selectedId,
+      labelPlacement,
+      size,
+      onClick,
+      className,
+      labelTooltipProps
+    } = this.props;
+    var {
+      label,
+      id,
+      icon,
+      disabled,
+      rest
+    } = item;
+    var selected = selectedId === id;
+    var onClickHandler = item.onClick || onClick;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      role: "menuitem",
+      "data-hook": "composer-sidebar-item-container-".concat(id),
+      key: "sidebar-item-".concat(id),
+      "data-section-title": item.sectionTitle,
+      className: (0, _ComposerSidebarSt.st)(_ComposerSidebarSt.classes.item, {
+        labelPlacement,
+        size
+      }, className),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ToggleButton.default, (0, _extends2.default)({}, rest, {
+      dataHook: "composer-sidebar-item-".concat(id),
+      onClick: e => onClickHandler(e, {
+        id,
+        label
+      }),
+      shape: "round",
+      size: size,
+      border: true,
+      skin: "inverted",
+      labelEllipsis: true,
+      disabled: disabled,
+      selected: selected,
+      labelValue: label,
+      labelPlacement: labelPlacement,
+      tooltipProps: labelTooltipProps,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 33,
+        columnNumber: 9
+      }
+    }), icon));
+  }
+  render() {
+    var {
+      items,
+      className,
+      dataHook
+    } = this.props;
+    var sections = this._separateToSections(items);
+    return /*#__PURE__*/_react.default.createElement(_Box.default, {
+      height: "100%",
+      maxHeight: "100%",
+      className: className,
+      dataHook: dataHook || _constants.dataHooks.composerSidebarContainer,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 130,
+        columnNumber: 7
+      }
+    }, sections.length ? this._renderSections(sections) : null);
+  }
+}
+ComposerSidebar.displayName = 'ComposerSidebar';
+ComposerSidebar.propTypes = {
+  /** Applies a data-hook HTML attribute to be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Specifies a CSS class name to be appended to the component’s root element */
+  className: _propTypes.default.string,
+  /** Controls the items’ label placement */
+  labelPlacement: _propTypes.default.oneOf(['bottom', 'end', 'tooltip']),
+  /** Controls the items’ label tooltip when labelPlacement is set to tooltip */
+  labelTooltipProps: _propTypes.default.object,
+  /** Sets the size of the component */
+  size: _propTypes.default.oneOf(['medium', 'large', 'small']),
+  /** Defines which item is currently selected */
+  selectedId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  /** Defines an array of items (buttons and labels) to show on the sidebar:
+   * - `label`: text string next to a button
+   * - `icon`: icon shown in the toggle button
+   * - `disabled`: disables the item
+   * - `onClick`: defines what happens when the item is clicked on
+   * - `sectionTitle`: defines a section under which each item is placed
+   */
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    label: _propTypes.default.string,
+    icon: _propTypes.default.node,
+    disabled: _propTypes.default.bool,
+    onClick: _propTypes.default.func,
+    sectionTitle: _propTypes.default.string
+  })),
+  /** Defines a default on click handler for items */
+  onClick: _propTypes.default.func
+};
+ComposerSidebar.defaultProps = {
+  labelPlacement: 'end',
+  selectedId: null,
+  items: [],
+  size: 'medium',
+  onClick: () => {},
+  labelTooltipProps: {
+    placement: 'right'
+  }
+};
+var _default = ComposerSidebar;
+exports.default = _default;
+//# sourceMappingURL=ComposerSidebar.js.map

package/dist/cjs/ComposerSidebar/ComposerSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ComposerSidebar","React","PureComponent","_renderSection","section","items","sectionTitle","showSectionTitles","selectedId","labelPlacement","props","classes","title","itemsContainer","map","item","_renderItem","_renderSections","sections","size","withSections","length","undefined","st","container","index","_separateToSections","sectionTitles","Array","from","Set","filter","itemSectionTitle","onClick","className","labelTooltipProps","label","id","icon","disabled","rest","selected","onClickHandler","e","render","dataHook","dataHooks","composerSidebarContainer","displayName","propTypes","PropTypes","string","oneOf","object","oneOfType","number","arrayOf","shape","node","bool","func","defaultProps","placement"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './ComposerSidebar.st.css';\nimport { dataHooks } from './constants';\nimport Box from '../Box';\nimport ToggleButton from '../ToggleButton';\nimport Text from '../Text';\n\n/** ComposerSidebar */\nclass ComposerSidebar extends React.PureComponent {\n  _renderItem(item) {\n    const {\n      selectedId,\n      labelPlacement,\n      size,\n      onClick,\n      className,\n      labelTooltipProps,\n    } = this.props;\n    const { label, id, icon, disabled, rest } = item;\n    const selected = selectedId === id;\n    const onClickHandler = item.onClick || onClick;\n\n    return (\n      <li\n        role=\"menuitem\"\n        data-hook={`composer-sidebar-item-container-${id}`}\n        key={`sidebar-item-${id}`}\n        data-section-title={item.sectionTitle}\n        className={st(classes.item, { labelPlacement, size }, className)}\n      >\n        <ToggleButton\n          {...rest}\n          dataHook={`composer-sidebar-item-${id}`}\n          onClick={e => onClickHandler(e, { id, label })}\n          shape=\"round\"\n          size={size}\n          border\n          skin=\"inverted\"\n          labelEllipsis\n          disabled={disabled}\n          selected={selected}\n          labelValue={label}\n          labelPlacement={labelPlacement}\n          tooltipProps={labelTooltipProps}\n        >\n          {icon}\n        </ToggleButton>\n      </li>\n    );\n  }\n\n  _renderSection = ({\n    section: { items, sectionTitle },\n    showSectionTitles = false,\n  }) => {\n    const { selectedId, labelPlacement } = this.props;\n    return (\n      <>\n        {showSectionTitles ? (\n          <Text className={classes.title} size=\"small\" weight=\"bold\" ellipsis>\n            {sectionTitle ?? 'Undefined'}\n          </Text>\n        ) : null}\n        <ul\n          role=\"menu\"\n          data-hook=\"composer-sidebar-items-container\"\n          data-selected-id={selectedId}\n          data-label-placement={labelPlacement}\n          className={classes.itemsContainer}\n        >\n          {items.map(item => this._renderItem(item))}\n        </ul>\n      </>\n    );\n  };\n\n  _renderSections = sections => {\n    const { labelPlacement, size } = this.props;\n    const withSections =\n      sections.length > 1 ||\n      (sections.length === 1 && sections[0].sectionTitle);\n\n    return (\n      <div\n        role={withSections ? 'menu' : undefined}\n        direction=\"vertical\"\n        className={st(classes.container, {\n          withSections,\n          labelPlacement,\n          size,\n        })}\n      >\n        {withSections\n          ? sections.map((section, index) => (\n              <div key={index} role=\"menuitem\" className={classes.section}>\n                {this._renderSection({ section, showSectionTitles: true })}\n              </div>\n            ))\n          : this._renderSection({ section: sections[0] })}\n      </div>\n    );\n  };\n\n  _separateToSections = items => {\n    const sectionTitles = Array.from(\n      new Set(\n        items.map(({ sectionTitle }) =>\n          sectionTitle ? sectionTitle : undefined,\n        ),\n      ),\n    );\n    const sections = sectionTitles.map(sectionTitle => ({\n      sectionTitle,\n      items: items.filter(\n        ({ sectionTitle: itemSectionTitle }) =>\n          (!sectionTitle && !itemSectionTitle) ||\n          sectionTitle === itemSectionTitle,\n      ),\n    }));\n    return sections;\n  };\n\n  render() {\n    const { items, className, dataHook } = this.props;\n    const sections = this._separateToSections(items);\n\n    return (\n      <Box\n        height=\"100%\"\n        maxHeight=\"100%\"\n        className={className}\n        dataHook={dataHook || dataHooks.composerSidebarContainer}\n      >\n        {sections.length ? this._renderSections(sections) : null}\n      </Box>\n    );\n  }\n}\n\nComposerSidebar.displayName = 'ComposerSidebar';\n\nComposerSidebar.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n\n  /** Controls the items’ label placement */\n  labelPlacement: PropTypes.oneOf(['bottom', 'end', 'tooltip']),\n\n  /** Controls the items’ label tooltip when labelPlacement is set to tooltip */\n  labelTooltipProps: PropTypes.object,\n\n  /** Sets the size of the component */\n  size: PropTypes.oneOf(['medium', 'large', 'small']),\n\n  /** Defines which item is currently selected */\n  selectedId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Defines an array of items (buttons and labels) to show on the sidebar:\n   * - `label`: text string next to a button\n   * - `icon`: icon shown in the toggle button\n   * - `disabled`: disables the item\n   * - `onClick`: defines what happens when the item is clicked on\n   * - `sectionTitle`: defines a section under which each item is placed\n   */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      disabled: PropTypes.bool,\n      onClick: PropTypes.func,\n      sectionTitle: PropTypes.string,\n    }),\n  ),\n\n  /** Defines a default on click handler for items */\n  onClick: PropTypes.func,\n};\n\nComposerSidebar.defaultProps = {\n  labelPlacement: 'end',\n  selectedId: null,\n  items: [],\n  size: 'medium',\n  onClick: () => {},\n  labelTooltipProps: {\n    placement: 'right',\n  },\n};\n\nexport default ComposerSidebar;\n"],"mappings":"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"}

package/dist/cjs/ComposerSidebar/ComposerSidebar.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=ComposerSidebar.meta.js.map

package/dist/cjs/ComposerSidebar/ComposerSidebar.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.meta.tsx"],"sourcesContent":["import { ComposerSidebarProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: ComposerSidebarProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as ComposerSidebarProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAmC,GAAG,CAAC,CAAC;;AAErD;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/ComposerSidebar/ComposerSidebar.st.css

@@ -0,0 +1,84 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D80, D60;
+}
+
+:import {
+  -st-from: '../Foundation/stylable/default-scroll-bar.st.css';
+  -st-named: defaultScrollBar;
+}
+
+.container {
+  -st-states: withSections, labelPlacement(enum(end, bottom)), size(enum(medium, large, small));
+  border-right: 1px solid value(D60);
+  -st-mixin: defaultScrollBar;
+  background: value(D80);
+  padding: 12px 0;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  max-width: 240px;
+}
+
+.container:withSections {
+  padding: 6px 0;
+}
+
+.container:labelPlacement(bottom) {
+  width: 90px;
+}
+
+.container:size(small) {
+  padding: 6px 0;
+}
+
+.section {
+  display: flex;
+  flex-direction: column;
+}
+
+.itemsContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  list-style-type: none;
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0;
+}
+
+.title {
+  display: block;
+  padding: 12px 12px 12px 15px;
+  box-sizing: border-box;
+}
+
+.item {
+  -st-states: labelPlacement(enum(end, bottom, tooltip)), size(enum(medium, large, small));
+}
+
+.item:labelPlacement(end) {
+  padding: 9px 15px;
+}
+
+.item:labelPlacement(end):size(small) {
+  padding: 6px 15px;
+}
+
+.item:labelPlacement(bottom) {
+  display: flex;
+  justify-content: center;
+  padding: 12px 6px;
+}
+
+.item:labelPlacement(bottom):size(small) {
+  padding: 6px 6px;
+}
+
+.item:labelPlacement(tooltip) {
+  padding: 12px 12px;
+}
+
+.item:labelPlacement(tooltip):size(small) {
+  padding: 6px 12px;
+}

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

@@ -0,0 +1,25 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/default-scroll-bar.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_ComposerSidebar";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_ComposerSidebar__root","defaultScrollBar":"wds_1_0_0_defaultscrollbar__defaultScrollBar","container":"wds_1_0_0_ComposerSidebar__container","section":"wds_1_0_0_ComposerSidebar__section","itemsContainer":"wds_1_0_0_ComposerSidebar__itemsContainer","title":"wds_1_0_0_ComposerSidebar__title","item":"wds_1_0_0_ComposerSidebar__item"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/ComposerSidebar/ComposerSidebar.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ComposerSidebar.uni.driver.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/ComposerSidebar/ComposerSidebar.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface ComposerSidebarUniDriver extends BaseUniDriver {\n  getSelectedItemId(): Promise<number | string>;\n  isItemDisabled(itemId: number | string): Promise<boolean>;\n  clickOnItem(itemId: number | string): Promise<void>;\n  getItemLabel(itemId: number | string): Promise<string>;\n  getItemSectionTitle(itemId: number | string): Promise<string | null>;\n  getLabelPlacement(): Promise<string>;\n}\n"],"mappings":""}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.composerSidebarDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _baseDriver = require("wix-ui-test-utils/base-driver");
+var _ToggleButtonUniDriver = require("../ToggleButton/ToggleButton.uni.driver.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getItem = (base, itemId) => base.$("[data-hook=\"composer-sidebar-item-".concat(itemId, "\"]"));
+var getItemContainer = (base, itemId) => base.$("[data-hook=\"composer-sidebar-item-container-".concat(itemId, "\"]"));
+var getToggleButtonDriver = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)(function* (base, body, itemId) {
+    var item = yield getItem(base, itemId);
+    return (0, _ToggleButtonUniDriver.toggleButtonDriverFactory)(item, body);
+  });
+  return function getToggleButtonDriver(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var composerSidebarDriverFactory = (base, body) => {
+  return _objectSpread(_objectSpread({}, (0, _baseDriver.baseUniDriverFactory)(base, body)), {}, {
+    /** returns selected item id */
+    getSelectedItemId: function () {
+      var _getSelectedItemId = (0, _asyncToGenerator2.default)(function* () {
+        return yield base.$('[data-hook="composer-sidebar-items-container"]').attr('data-selected-id');
+      });
+      function getSelectedItemId() {
+        return _getSelectedItemId.apply(this, arguments);
+      }
+      return getSelectedItemId;
+    }(),
+    /** returns true if item is disabled */
+    isItemDisabled: function () {
+      var _isItemDisabled = (0, _asyncToGenerator2.default)(function* (itemId) {
+        var toggleButtonDriver = yield getToggleButtonDriver(base, body, itemId);
+        return toggleButtonDriver.isButtonDisabled();
+      });
+      function isItemDisabled(_x4) {
+        return _isItemDisabled.apply(this, arguments);
+      }
+      return isItemDisabled;
+    }(),
+    /** clicks on given item by id */
+    clickOnItem: function () {
+      var _clickOnItem = (0, _asyncToGenerator2.default)(function* (itemId) {
+        var toggleButtonDriver = yield getToggleButtonDriver(base, body, itemId);
+        return toggleButtonDriver.click();
+      });
+      function clickOnItem(_x5) {
+        return _clickOnItem.apply(this, arguments);
+      }
+      return clickOnItem;
+    }(),
+    /** returns item label value by id */
+    getItemLabel: function () {
+      var _getItemLabel = (0, _asyncToGenerator2.default)(function* (itemId) {
+        var toggleButtonDriver = yield getToggleButtonDriver(base, body, itemId);
+        return toggleButtonDriver.getLabelValue();
+      });
+      function getItemLabel(_x6) {
+        return _getItemLabel.apply(this, arguments);
+      }
+      return getItemLabel;
+    }(),
+    /** returns label placement value */
+    getLabelPlacement: function () {
+      var _getLabelPlacement = (0, _asyncToGenerator2.default)(function* () {
+        return base.$('[data-hook="composer-sidebar-items-container"]').attr('data-label-placement');
+      });
+      function getLabelPlacement() {
+        return _getLabelPlacement.apply(this, arguments);
+      }
+      return getLabelPlacement;
+    }(),
+    /** returns item section title by id */
+    getItemSectionTitle: function () {
+      var _getItemSectionTitle = (0, _asyncToGenerator2.default)(function* (itemId) {
+        return yield getItemContainer(base, itemId).attr('data-section-title');
+      });
+      function getItemSectionTitle(_x7) {
+        return _getItemSectionTitle.apply(this, arguments);
+      }
+      return getItemSectionTitle;
+    }()
+  });
+};
+exports.composerSidebarDriverFactory = composerSidebarDriverFactory;
+//# sourceMappingURL=ComposerSidebar.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getItem","base","itemId","$","getItemContainer","getToggleButtonDriver","body","item","toggleButtonDriverFactory","composerSidebarDriverFactory","baseUniDriverFactory","getSelectedItemId","attr","isItemDisabled","toggleButtonDriver","isButtonDisabled","clickOnItem","click","getItemLabel","getLabelValue","getLabelPlacement","getItemSectionTitle"],"sources":["../../../src/ComposerSidebar/ComposerSidebar.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\nimport { toggleButtonDriverFactory } from '../ToggleButton/ToggleButton.uni.driver.js';\n\nconst getItem = (base, itemId) =>\n  base.$(`[data-hook=\"composer-sidebar-item-${itemId}\"]`);\nconst getItemContainer = (base, itemId) =>\n  base.$(`[data-hook=\"composer-sidebar-item-container-${itemId}\"]`);\n\nconst getToggleButtonDriver = async (base, body, itemId) => {\n  const item = await getItem(base, itemId);\n  return toggleButtonDriverFactory(item, body);\n};\n\nexport const composerSidebarDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /** returns selected item id */\n    getSelectedItemId: async () =>\n      await base\n        .$('[data-hook=\"composer-sidebar-items-container\"]')\n        .attr('data-selected-id'),\n\n    /** returns true if item is disabled */\n    isItemDisabled: async itemId => {\n      const toggleButtonDriver = await getToggleButtonDriver(\n        base,\n        body,\n        itemId,\n      );\n      return toggleButtonDriver.isButtonDisabled();\n    },\n\n    /** clicks on given item by id */\n    clickOnItem: async itemId => {\n      const toggleButtonDriver = await getToggleButtonDriver(\n        base,\n        body,\n        itemId,\n      );\n      return toggleButtonDriver.click();\n    },\n\n    /** returns item label value by id */\n    getItemLabel: async itemId => {\n      const toggleButtonDriver = await getToggleButtonDriver(\n        base,\n        body,\n        itemId,\n      );\n      return toggleButtonDriver.getLabelValue();\n    },\n    /** returns label placement value */\n    getLabelPlacement: async () =>\n      base\n        .$('[data-hook=\"composer-sidebar-items-container\"]')\n        .attr('data-label-placement'),\n\n    /** returns item section title by id */\n    getItemSectionTitle: async itemId =>\n      await getItemContainer(base, itemId).attr('data-section-title'),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAAuF;AAAA;AAEvF,IAAMA,OAAO,GAAG,CAACC,IAAI,EAAEC,MAAM,KAC3BD,IAAI,CAACE,CAAC,8CAAsCD,MAAM,SAAK;AACzD,IAAME,gBAAgB,GAAG,CAACH,IAAI,EAAEC,MAAM,KACpCD,IAAI,CAACE,CAAC,wDAAgDD,MAAM,SAAK;AAEnE,IAAMG,qBAAqB;EAAA,2CAAG,WAAOJ,IAAI,EAAEK,IAAI,EAAEJ,MAAM,EAAK;IAC1D,IAAMK,IAAI,SAASP,OAAO,CAACC,IAAI,EAAEC,MAAM,CAAC;IACxC,OAAO,IAAAM,gDAAyB,EAACD,IAAI,EAAED,IAAI,CAAC;EAC9C,CAAC;EAAA,gBAHKD,qBAAqB;IAAA;EAAA;AAAA,GAG1B;AAEM,IAAMI,4BAA4B,GAAG,CAACR,IAAI,EAAEK,IAAI,KAAK;EAC1D,uCACK,IAAAI,gCAAoB,EAACT,IAAI,EAAEK,IAAI,CAAC;IAEnC;IACAK,iBAAiB;MAAA,yDAAE;QAAA,aACXV,IAAI,CACPE,CAAC,CAAC,gDAAgD,CAAC,CACnDS,IAAI,CAAC,kBAAkB,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE7B;IACAC,cAAc;MAAA,sDAAE,WAAMX,MAAM,EAAI;QAC9B,IAAMY,kBAAkB,SAAST,qBAAqB,CACpDJ,IAAI,EACJK,IAAI,EACJJ,MAAM,CACP;QACD,OAAOY,kBAAkB,CAACC,gBAAgB,EAAE;MAC9C,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;IACAC,WAAW;MAAA,mDAAE,WAAMd,MAAM,EAAI;QAC3B,IAAMY,kBAAkB,SAAST,qBAAqB,CACpDJ,IAAI,EACJK,IAAI,EACJJ,MAAM,CACP;QACD,OAAOY,kBAAkB,CAACG,KAAK,EAAE;MACnC,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;IACAC,YAAY;MAAA,oDAAE,WAAMhB,MAAM,EAAI;QAC5B,IAAMY,kBAAkB,SAAST,qBAAqB,CACpDJ,IAAI,EACJK,IAAI,EACJJ,MAAM,CACP;QACD,OAAOY,kBAAkB,CAACK,aAAa,EAAE;MAC3C,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IACD;IACAC,iBAAiB;MAAA,yDAAE;QAAA,OACjBnB,IAAI,CACDE,CAAC,CAAC,gDAAgD,CAAC,CACnDS,IAAI,CAAC,sBAAsB,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEjC;IACAS,mBAAmB;MAAA,2DAAE,WAAMnB,MAAM;QAAA,aACzBE,gBAAgB,CAACH,IAAI,EAAEC,MAAM,CAAC,CAACU,IAAI,CAAC,oBAAoB,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAErE,CAAC;AAAC"}

package/dist/cjs/ComposerSidebar/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var dataHooks = {
+  composerSidebarContainer: 'composer-sidebar-container'
+};
+exports.dataHooks = dataHooks;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/ComposerSidebar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataHooks","composerSidebarContainer"],"sources":["../../../src/ComposerSidebar/constants.js"],"sourcesContent":["export const dataHooks = {\n  composerSidebarContainer: 'composer-sidebar-container',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,wBAAwB,EAAE;AAC5B,CAAC;AAAC"}

package/dist/cjs/ComposerSidebar/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+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; }
+class ComposerSidebar extends React.PureComponent {}
+exports.default = ComposerSidebar;
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ComposerSidebar","React","PureComponent"],"sources":["../../../src/ComposerSidebar/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ToggleButtonProps } from '../ToggleButton';\n\nexport interface ComposerSidebarItem {\n  id: string | number;\n  label: string;\n  disabled?: boolean;\n  icon?: any;\n  sectionTitle?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ComposerSidebarProps {\n  dataHook?: string;\n  labelPlacement?: ToggleButtonProps['labelPlacement'];\n  labelTooltipProps?: ToggleButtonProps['tooltipProps'];\n  size?: string;\n  className?: string;\n  selectedId?: number | string;\n  items?: ComposerSidebarItem[];\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport default class ComposerSidebar extends React.PureComponent<ComposerSidebarProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAuBhB,MAAMA,eAAe,SAASC,KAAK,CAACC,aAAa,CAAuB;AAAE"}

package/dist/cjs/ComposerSidebar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _ComposerSidebar = _interopRequireDefault(require("./ComposerSidebar.js"));
+exports.default = _ComposerSidebar.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/ComposerSidebar/index.js"],"sourcesContent":["export { default } from './ComposerSidebar.js';\n"],"mappings":";;;;;AAAA;AAA+C"}

package/dist/cjs/Composite/CompositeValidation.js

@@ -0,0 +1,93 @@
+"use strict";
+
+exports.__esModule = true;
+exports.optional = exports.oneOf = exports.once = exports.multiple = exports.children = exports.any = void 0;
+var _react = require("react");
+var validators = {
+  ONCE: (types, i, type) => types[i] && types[i].type === type ? i + 1 : false,
+  OPTIONAL: (types, i, type) => types[i] && types[i].type === type ? i + 1 : i,
+  ANY: types => types.length,
+  ONEOF: (types, i, possibleTypes) => {
+    if (!types.length) {
+      return false;
+    }
+    return possibleTypes.includes(types[i].type) ? i + 1 : false;
+  },
+  MULTIPLE: (types, i, type) => {
+    if (!types[i] || types[i].type !== type) {
+      return false;
+    }
+    while (types[i] && types[i].type === type) {
+      ++i;
+    }
+    return i;
+  }
+};
+var error = (componentName, rules) => {
+  var orderedTypes = rules.map(rule => {
+    var {
+      validation,
+      type
+    } = rule;
+    if (validation === 'ANY') {
+      return "* (".concat(validation, ")");
+    }
+    if (validation === 'ONEOF') {
+      var types = type.map(t => t.name).join(', ');
+      return "".concat(validation, "(").concat(types, ")");
+    }
+    return "".concat(type.name, " (").concat(validation, ")");
+  }).join(', ');
+  return new Error("".concat(componentName, " should have children of the following types in this order: ").concat(orderedTypes));
+};
+var once = type => ({
+  validation: 'ONCE',
+  type
+});
+exports.once = once;
+var optional = type => ({
+  validation: 'OPTIONAL',
+  type
+});
+exports.optional = optional;
+var multiple = type => ({
+  validation: 'MULTIPLE',
+  type
+});
+exports.multiple = multiple;
+var any = () => ({
+  validation: 'ANY'
+});
+exports.any = any;
+var oneOf = function oneOf() {
+  for (var _len = arguments.length, types = new Array(_len), _key = 0; _key < _len; _key++) {
+    types[_key] = arguments[_key];
+  }
+  return {
+    validation: 'ONEOF',
+    type: types
+  };
+};
+exports.oneOf = oneOf;
+var children = function children() {
+  for (var _len2 = arguments.length, rules = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    rules[_key2] = arguments[_key2];
+  }
+  return (props, propName, componentName) => {
+    if (!rules || rules.length === 0) {
+      return new Error("".concat(componentName, " should have at least a single child declaration rule"));
+    }
+    var childrenAsArray = _react.Children.toArray(props[propName]);
+    var result = rules.reduce((acc, curr) => {
+      if (acc === false) {
+        return acc;
+      }
+      return validators[curr.validation](childrenAsArray, acc, curr.type);
+    }, 0);
+    if (result === false || childrenAsArray[result]) {
+      return error(componentName, rules);
+    }
+  };
+};
+exports.children = children;
+//# sourceMappingURL=CompositeValidation.js.map