wix-style-react/dist/src/TableToolbar/Compounds.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Divider = exports.Label = exports.Item = exports.ItemGroup = exports.SelectedCount = exports.Title = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Heading = _interopRequireDefault(require("../Heading"));

var _Text = _interopRequireDefault(require("../Text"));

var _TableToolbarSt = require("./TableToolbar.st.css");

var _excluded = ["children", "className"];

var Title = function Title(_ref) {
  var dataHook = _ref.dataHook,
      className = _ref.className,
      children = _ref.children;
  return /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
    dataHook: dataHook,
    className: className,
    appearance: "H3"
  }, children);
};

exports.Title = Title;
Title.propTypes = {
  dataHook: _propTypes["default"].string,
  className: _propTypes["default"].string
};
Title.displayName = 'TableToolbar.Title';

var SelectedCount = function SelectedCount(_ref2) {
  var dataHook = _ref2.dataHook,
      className = _ref2.className,
      children = _ref2.children;
  return /*#__PURE__*/_react["default"].createElement(_Text["default"], {
    dataHook: dataHook,
    className: className,
    weight: "normal",
    size: "medium"
  }, children);
};

exports.SelectedCount = SelectedCount;
SelectedCount.propTypes = {
  dataHook: _propTypes["default"].string,
  className: _propTypes["default"].string
};
SelectedCount.displayName = 'TableToolbar.SelectedCount';

var ItemGroup = function ItemGroup(_ref3) {
  var dataHook = _ref3.dataHook,
      position = _ref3.position,
      children = _ref3.children,
      className = _ref3.className;
  return /*#__PURE__*/_react["default"].createElement("div", {
    "data-hook": dataHook,
    className: (0, _TableToolbarSt.st)(_TableToolbarSt.classes.itemGroup, {
      position: position
    }, className)
  }, children);
};

exports.ItemGroup = ItemGroup;
ItemGroup.propTypes = {
  dataHook: _propTypes["default"].string,
  className: _propTypes["default"].string,
  position: _propTypes["default"].oneOf(['start', 'end'])
};
ItemGroup.defaultProps = {
  position: 'start'
};
ItemGroup.displayName = 'Toolbar.ItemGroup';

var Item = function Item(_ref4) {
  var children = _ref4.children,
      layout = _ref4.layout,
      className = _ref4.className,
      dataHook = _ref4.dataHook;
  return /*#__PURE__*/_react["default"].createElement("span", {
    "data-hook": dataHook,
    className: (0, _TableToolbarSt.st)(_TableToolbarSt.classes.item, {
      layout: layout
    }, className)
  }, children);
};

exports.Item = Item;
Item.propTypes = {
  dataHook: _propTypes["default"].string,
  className: _propTypes["default"].string,
  layout: _propTypes["default"].oneOf(['button'])
};
Item.displayName = 'Toolbar.Item';

var Label = function Label(_ref5) {
  var children = _ref5.children,
      className = _ref5.className,
      rest = (0, _objectWithoutProperties2["default"])(_ref5, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_Text["default"], (0, _extends2["default"])({
    tagName: "label"
  }, rest, {
    className: (0, _TableToolbarSt.st)(_TableToolbarSt.classes.itemLabel, {}, className)
  }), _react["default"].Children.toArray(children).map(function (c, index) {
    return typeof c === 'string' ? /*#__PURE__*/_react["default"].createElement("span", {
      key: index
    }, c) : c;
  }));
};

exports.Label = Label;
Label.propTypes = {
  dataHook: _propTypes["default"].string,
  className: _propTypes["default"].string
};
Label.displayName = 'Toolbar.Label';

var Divider = function Divider(_ref6) {
  var className = _ref6.className,
      dataHook = _ref6.dataHook;
  return /*#__PURE__*/_react["default"].createElement("span", {
    "data-hook": dataHook,
    className: (0, _TableToolbarSt.st)(_TableToolbarSt.classes.divider, {}, className)
  });
};

exports.Divider = Divider;
Divider.propTypes = {
  dataHook: _propTypes["default"].string,
  className: _propTypes["default"].string
};
Divider.displayName = 'Toolbar.Divider';