wix-style-react
Version:
111 lines (110 loc) • 3.33 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children", "className"];
import React from 'react';
import PropTypes from 'prop-types';
import Heading from '../Heading';
import Text from '../Text';
import { st, classes } from './TableToolbar.st.css';
export var Title = function Title(_ref) {
var dataHook = _ref.dataHook,
className = _ref.className,
children = _ref.children;
return /*#__PURE__*/React.createElement(Heading, {
dataHook: dataHook,
className: className,
appearance: "H3"
}, children);
};
Title.propTypes = {
dataHook: PropTypes.string,
className: PropTypes.string
};
Title.displayName = 'TableToolbar.Title';
export var SelectedCount = function SelectedCount(_ref2) {
var dataHook = _ref2.dataHook,
className = _ref2.className,
children = _ref2.children;
return /*#__PURE__*/React.createElement(Text, {
dataHook: dataHook,
className: className,
weight: "normal",
size: "medium"
}, children);
};
SelectedCount.propTypes = {
dataHook: PropTypes.string,
className: PropTypes.string
};
SelectedCount.displayName = 'TableToolbar.SelectedCount';
export var ItemGroup = function ItemGroup(_ref3) {
var dataHook = _ref3.dataHook,
position = _ref3.position,
children = _ref3.children,
className = _ref3.className;
return /*#__PURE__*/React.createElement("div", {
"data-hook": dataHook,
className: st(classes.itemGroup, {
position: position
}, className)
}, children);
};
ItemGroup.propTypes = {
dataHook: PropTypes.string,
className: PropTypes.string,
position: PropTypes.oneOf(['start', 'end'])
};
ItemGroup.defaultProps = {
position: 'start'
};
ItemGroup.displayName = 'Toolbar.ItemGroup';
export var Item = function Item(_ref4) {
var children = _ref4.children,
layout = _ref4.layout,
className = _ref4.className,
dataHook = _ref4.dataHook;
return /*#__PURE__*/React.createElement("span", {
"data-hook": dataHook,
className: st(classes.item, {
layout: layout
}, className)
}, children);
};
Item.propTypes = {
dataHook: PropTypes.string,
className: PropTypes.string,
layout: PropTypes.oneOf(['button'])
};
Item.displayName = 'Toolbar.Item';
export var Label = function Label(_ref5) {
var children = _ref5.children,
className = _ref5.className,
rest = _objectWithoutProperties(_ref5, _excluded);
return /*#__PURE__*/React.createElement(Text, _extends({
tagName: "label"
}, rest, {
className: st(classes.itemLabel, {}, className)
}), React.Children.toArray(children).map(function (c, index) {
return typeof c === 'string' ? /*#__PURE__*/React.createElement("span", {
key: index
}, c) : c;
}));
};
Label.propTypes = {
dataHook: PropTypes.string,
className: PropTypes.string
};
Label.displayName = 'Toolbar.Label';
export var Divider = function Divider(_ref6) {
var className = _ref6.className,
dataHook = _ref6.dataHook;
return /*#__PURE__*/React.createElement("span", {
"data-hook": dataHook,
className: st(classes.divider, {}, className)
});
};
Divider.propTypes = {
dataHook: PropTypes.string,
className: PropTypes.string
};
Divider.displayName = 'Toolbar.Divider';