@wix/design-system/dist/cjs/TableToolbar/Compounds.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.Title = exports.SelectedCount = exports.Label = exports.ItemGroup = exports.Item = exports.Divider = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _Heading = _interopRequireDefault(require("../Heading"));
var _Text = _interopRequireDefault(require("../Text"));
var _TableToolbarSt = require("./TableToolbar.st.css.js");
var _excluded = ["children", "className"];
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/TableToolbar/Compounds.jsx",
  _this = void 0;
var Title = exports.Title = function Title(_ref) {
  var dataHook = _ref.dataHook,
    className = _ref.className,
    children = _ref.children;
  return /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
    dataHook: dataHook,
    className: (0, _TableToolbarSt.st)(_TableToolbarSt.classes.title, {}, className),
    size: "medium",
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 8,
      columnNumber: 3
    }
  }, children);
};
Title.displayName = 'TableToolbar.Title';
var SelectedCount = exports.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: "thin",
    size: "small",
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 20,
      columnNumber: 3
    }
  }, children);
};
SelectedCount.displayName = 'TableToolbar.SelectedCount';
var ItemGroup = exports.ItemGroup = function ItemGroup(_ref3) {
  var dataHook = _ref3.dataHook,
    _ref3$position = _ref3.position,
    position = _ref3$position === void 0 ? 'start' : _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),
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 3
    }
  }, children);
};
ItemGroup.displayName = 'Toolbar.ItemGroup';
var Item = exports.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),
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 44,
      columnNumber: 3
    }
  }, children);
};
Item.displayName = 'Toolbar.Item';
var Label = exports.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),
    weight: "thin",
    size: "small",
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 55,
      columnNumber: 3
    }
  }), _react["default"].Children.toArray(children).map(function (c, index) {
    return typeof c === 'string' ? /*#__PURE__*/_react["default"].createElement("span", {
      key: index,
      __self: _this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 63,
        columnNumber: 38
      }
    }, c) : c;
  }));
};
Label.displayName = 'Toolbar.Label';
var Divider = exports.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),
    __self: _this,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 71,
      columnNumber: 3
    }
  });
};
Divider.displayName = 'Toolbar.Divider';