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

@wix/design-system

import _extends from "@babel/runtime/helpers/extends";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/TableToolbar/test/MainExample.jsx";
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
import React from 'react';
import { TableToolbar, Card, Search, Dropdown } from '../..';
var MainExample = /*#__PURE__*/function (_React$Component) {
  function MainExample() {
    _classCallCheck(this, MainExample);
    return _callSuper(this, MainExample, arguments);
  }
  _inherits(MainExample, _React$Component);
  return _createClass(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.createElement(Card, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 19,
          columnNumber: 7
        }
      }, /*#__PURE__*/React.createElement(TableToolbar, _extends({}, this.props, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 20,
          columnNumber: 9
        }
      }), /*#__PURE__*/React.createElement(TableToolbar.ItemGroup, {
        position: "start",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 21,
          columnNumber: 11
        }
      }, /*#__PURE__*/React.createElement(TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 22,
          columnNumber: 13
        }
      }, /*#__PURE__*/React.createElement(TableToolbar.Title, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 23,
          columnNumber: 15
        }
      }, "My Table")), /*#__PURE__*/React.createElement(TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 25,
          columnNumber: 13
        }
      }, /*#__PURE__*/React.createElement(TableToolbar.Label, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 26,
          columnNumber: 15
        }
      }, "Collection", /*#__PURE__*/React.createElement("span", {
        style: {
          width: '150px'
        },
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 28,
          columnNumber: 17
        }
      }, /*#__PURE__*/React.createElement(Dropdown, {
        options: collectionOptions,
        selectedId: 0,
        border: "round",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 29,
          columnNumber: 19
        }
      })))), /*#__PURE__*/React.createElement(TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 37,
          columnNumber: 13
        }
      }, /*#__PURE__*/React.createElement(TableToolbar.Label, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 38,
          columnNumber: 15
        }
      }, "Filter By", /*#__PURE__*/React.createElement("span", {
        style: {
          width: '86px'
        },
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 40,
          columnNumber: 17
        }
      }, /*#__PURE__*/React.createElement(Dropdown, {
        options: filterOptions,
        selectedId: 0,
        border: "round",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 41,
          columnNumber: 19
        }
      }))))), /*#__PURE__*/React.createElement(TableToolbar.ItemGroup, {
        position: "end",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 50,
          columnNumber: 11
        }
      }, /*#__PURE__*/React.createElement(TableToolbar.Item, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 51,
          columnNumber: 13
        }
      }, /*#__PURE__*/React.createElement(Search, {
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 52,
          columnNumber: 15
        }
      })))));
    }
  }]);
}(React.Component);
export { MainExample as default };