@wix/design-system/dist/cjs/TableToolbar/test/MainExample.js

@wix/design-system

"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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/TableToolbar/test/MainExample.jsx";
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
var MainExample = exports["default"] = /*#__PURE__*/function (_React$Component) {
  function MainExample() {
    (0, _classCallCheck2["default"])(this, MainExample);
    return _callSuper(this, MainExample, arguments);
  }
  (0, _inherits2["default"])(MainExample, _React$Component);
  return (0, _createClass2["default"])(MainExample, [{
    key: "render",
    value: function render() {
      var collectionOptions = [{
        id: 0,
        value: 'All Products'
      }, {
        id: 1,
        value: 'Towels'
      }, {
        id: 2,
        value: 'Slippers'
      }];
      var filterOptions = [{
        id: 0,
        value: 'All'
      }, {
        id: 1,
        value: 'Red'
      }, {
        id: 2,
        value: 'Cyan'
      }];
      return /*#__PURE__*/_react["default"].createElement(_.Card, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 19,
          columnNumber: 7
        }
      }, /*#__PURE__*/_react["default"].createElement(_.TableToolbar, (0, _extends2["default"])({}, this.props, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 20,
          columnNumber: 9
        }
      }), /*#__PURE__*/_react["default"].createElement(_.TableToolbar.ItemGroup, {
        position: "start",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 21,
          columnNumber: 11
        }
      }, /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 22,
          columnNumber: 13
        }
      }, /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Title, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 23,
          columnNumber: 15
        }
      }, "My Table")), /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 25,
          columnNumber: 13
        }
      }, /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Label, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 26,
          columnNumber: 15
        }
      }, "Collection", /*#__PURE__*/_react["default"].createElement("span", {
        style: {
          width: '150px'
        },
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 28,
          columnNumber: 17
        }
      }, /*#__PURE__*/_react["default"].createElement(_.Dropdown, {
        options: collectionOptions,
        selectedId: 0,
        border: "round",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 29,
          columnNumber: 19
        }
      })))), /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 37,
          columnNumber: 13
        }
      }, /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Label, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 38,
          columnNumber: 15
        }
      }, "Filter By", /*#__PURE__*/_react["default"].createElement("span", {
        style: {
          width: '86px'
        },
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 40,
          columnNumber: 17
        }
      }, /*#__PURE__*/_react["default"].createElement(_.Dropdown, {
        options: filterOptions,
        selectedId: 0,
        border: "round",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 41,
          columnNumber: 19
        }
      }))))), /*#__PURE__*/_react["default"].createElement(_.TableToolbar.ItemGroup, {
        position: "end",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 50,
          columnNumber: 11
        }
      }, /*#__PURE__*/_react["default"].createElement(_.TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 51,
          columnNumber: 13
        }
      }, /*#__PURE__*/_react["default"].createElement(_.Search, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 52,
          columnNumber: 15
        }
      })))));
    }
  }]);
}(_react["default"].Component);