ui-kit-ck-consultant 0.5.237 → 0.5.239

package/dist/index.modern.js

@@ -710,23 +710,69 @@ var Table = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Table, _React$Component);
 
   function Table() {
-    return _React$Component.apply(this, arguments) || this;
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+
+    _this.getArray = function (data) {
+      if (data && Array.isArray(data)) {
+        return data;
+      } else if (data) {
+        return [data];
+      } else {
+        return [];
+      }
+    };
+
+    _this.getCSV = function () {
+      var dataCSV = '';
+
+      _this.getArray(_this.props.children).forEach(function (children) {
+        _this.getArray(children.props.children).forEach(function (line) {
+          _this.getArray(line.props.children).forEach(function (column) {
+            dataCSV += (column.props.children || '').toString() + ";";
+          });
+
+          dataCSV += '\n';
+        });
+      });
+
+      var link = document.createElement('a');
+      link.href = "data:text/csv;charset=utf-8," + encodeURIComponent(dataCSV);
+      link.download = 'file.csv';
+      link.click();
+    };
+
+    return _this;
   }
 
   var _proto = Table.prototype;
 
   _proto.render = function render() {
-    var _classNames;
+    var _classNames,
+        _this2 = this;
 
     var tableClass = classNames$1((_classNames = {}, _classNames[style$9.table] = true, _classNames[style$9.tableEmpty] = !!this.props.empty, _classNames[style$9.radiusTopLeft] = !!this.props.radiusTopLeft, _classNames[style$9.radiusTopRight] = !!this.props.radiusTopRight, _classNames[this.props.className] = !!this.props.className, _classNames));
-    return /*#__PURE__*/React.createElement("table", {
+    return /*#__PURE__*/React.createElement(Fragment$1, null, this.props.isCSV ? /*#__PURE__*/React.createElement("div", {
+      className: "d-flex"
+    }, /*#__PURE__*/React.createElement(Button, {
+      text: "T\xE9l\xE9charger CSV",
+      className: "w-auto ml-auto mb-10",
+      onClick: function onClick() {
+        return _this2.getCSV();
+      }
+    })) : null, /*#__PURE__*/React.createElement("table", {
       className: tableClass,
       style: this.props.style
     }, this.props.children, this.props.empty ? /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       colSpan: "100"
     }, /*#__PURE__*/React.createElement("div", {
       className: style$9.trEmpty
-    }, this.props.empty)))) : false);
+    }, this.props.empty)))) : false));
   };
 
   return Table;