@desynova-digital/components 9.0.26 → 9.1.0

package/molecules/table/table-header.js

@@ -1,97 +1,57 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _templateObject = _taggedTemplateLiteral([""], [""]),
-    _templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"], ["\n  color: ", ";\n"]),
-    _templateObject3 = _taggedTemplateLiteral(["\n  font-family: \"SFUIText-Medium\";\n  font-size: 12px;\n  padding: 7px 14px;\n  border-bottom: ", "px\n    solid ", ";\n  text-align: left;\n  vertical-align: bottom;\n  line-height: 2;\n  cursor: ", ";\n"], ["\n  font-family: \"SFUIText-Medium\";\n  font-size: 12px;\n  padding: 7px 14px;\n  border-bottom: ", "px\n    solid ", ";\n  text-align: left;\n  vertical-align: bottom;\n  line-height: 2;\n  cursor: ", ";\n"]),
-    _templateObject4 = _taggedTemplateLiteral(["\n  padding-left: 8px;\n"], ["\n  padding-left: 8px;\n"]);
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require("prop-types");
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styledComponents = require("styled-components");
-
-var _styledComponents2 = _interopRequireDefault(_styledComponents);
-
+exports["default"] = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _tokens = require("@desynova-digital/tokens");
-
-var _tableColumn = require("./table-column");
-
-var _tableColumn2 = _interopRequireDefault(_tableColumn);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var TableHeader = function TableHeader(props) {
+var _tableColumn = _interopRequireDefault(require("./table-column"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _TableHeader = function TableHeader(props) {
   var cells = props.columns.map(function (column, index) {
-    var sortIndicator = void 0;
-
+    var sortIndicator;
     if (column.sort) {
       var order = column.sort || "asc";
       var icon = order === "asc" ? "↑" : "↓";
-      sortIndicator = _react2.default.createElement(
-        TableHeader.SortIndicator,
-        { onClick: props.onSort(column) },
-        icon
-      );
+      sortIndicator = /*#__PURE__*/_react["default"].createElement(_TableHeader.SortIndicator, {
+        onClick: props.onSort(column)
+      }, icon);
     }
     if (props.selectedColumns.indexOf(column.field) > -1) {
-      return _react2.default.createElement(
-        TableHeader.Cell,
-        {
-          theme: props.theme,
-          key: "row-header-" + index + column.key,
-          column: column,
-          displayAs: props.displayAs
-        },
-        column.title,
-        sortIndicator
-      );
+      return /*#__PURE__*/_react["default"].createElement(_TableHeader.Cell, {
+        theme: props.theme,
+        key: "row-header-" + index + column.key,
+        column: column,
+        displayAs: props.displayAs
+      }, column.title, sortIndicator);
     }
   });
-
-  return _react2.default.createElement(
-    TableHeader.Element,
-    null,
-    _react2.default.createElement(
-      TableHeader.Row,
-      { theme: props.theme },
-      cells
-    )
-  );
+  return /*#__PURE__*/_react["default"].createElement(_TableHeader.Element, null, /*#__PURE__*/_react["default"].createElement(_TableHeader.Row, {
+    theme: props.theme
+  }, cells));
 };
-
-TableHeader.Element = _styledComponents2.default.thead(_templateObject);
-
-TableHeader.Row = _styledComponents2.default.tr(_templateObject2, function (props) {
+_TableHeader.Element = _styledComponents["default"].thead(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+_TableHeader.Row = _styledComponents["default"].tr(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n"])), function (props) {
   return _tokens.colors[props.theme].table.thColor;
 });
-
-TableHeader.Cell = _styledComponents2.default.th(_templateObject3, function (props) {
+_TableHeader.Cell = _styledComponents["default"].th(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: \"SFUIText-Medium\";\n  font-size: 12px;\n  padding: 7px 14px;\n  border-bottom: ", "px\n    solid ", ";\n  text-align: left;\n  vertical-align: bottom;\n  line-height: 2;\n  cursor: ", ";\n"])), function (props) {
   return props.displayAs === "extraDetails" ? "1" : "2";
 }, function (props) {
   return _tokens.colors[props.theme].table.border;
 }, function (props) {
   return props.column.sortable || props.column.sort ? "pointer" : "auto";
 });
-
-TableHeader.SortIndicator = _styledComponents2.default.span(_templateObject4);
-
-TableHeader.propTypes = {
-  columns: _propTypes2.default.arrayOf(_tableColumn2.default),
-  onSort: _propTypes2.default.func
+_TableHeader.SortIndicator = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-left: 8px;\n"])));
+_TableHeader.propTypes = {
+  columns: _propTypes["default"].arrayOf(_tableColumn["default"]),
+  onSort: _propTypes["default"].func
 };
-
-TableHeader.defaultProps = {
+_TableHeader.defaultProps = {
   onSort: function onSort(column) {
     return function (event) {
       return null;
@@ -99,5 +59,4 @@ TableHeader.defaultProps = {
   },
   theme: "light"
 };
-
-exports.default = TableHeader;
+var _default = exports["default"] = _TableHeader;