bitys-react-components 0.1.9 → 0.1.11

package/dist/DataGridView/assets/css/styleContent.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.injectDataGridViewStyles = injectDataGridViewStyles;
+// Conteúdo do CSS em string para injeção no DOM (evita import de .css no build Babel).
+// Todas as regras são escopadas em .as-react-table para não afetar o restante do projeto.
+var styleContent = "\n.as-react-table th.sortable {\n    color: #2196F3;\n    cursor: pointer;\n    background-repeat: no-repeat;\n    background-position: 95% 50%;\n    background-size: 16px;\n}\n.as-react-table .input-group-text:empty {\n    display: none;\n}\n.as-react-table .asrt-page-length {\n    display: inline-block;\n}\n.as-react-table .asrt-page-length .input-group-addon {\n    display: inline-block;\n    width: auto;\n    margin: 0;\n    padding: 0;\n    background: #fff;\n    border: none;\n}\n.as-react-table .asrt-pagination {\n    margin: 0;\n}\n.as-react-table .asrt-td-loading {\n    background-color: #fff;\n}\n.as-react-table .asrt-loading-textwrap {\n    padding: 5px 0px;\n}\n";
+var STYLE_ID = 'bitys-datagridview-styles';
+function injectDataGridViewStyles() {
+  if (typeof document === 'undefined') return;
+  if (document.getElementById(STYLE_ID)) return;
+  var el = document.createElement('style');
+  el.id = STYLE_ID;
+  el.textContent = styleContent;
+  document.head.appendChild(el);
+}
+var _default = exports["default"] = styleContent;

package/dist/DataGridView/index.js

@@ -7,11 +7,11 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _server = _interopRequireDefault(require("react-dom/server"));
 var _lodash = _interopRequireDefault(require("lodash"));
-require("./assets/css/style.css");
+var _styleContent = require("./assets/css/styleContent");
 var _TableHeader = _interopRequireDefault(require("./components/TableHeader"));
 var _TableFooter = _interopRequireDefault(require("./components/TableFooter"));
 var _InputCheck = _interopRequireDefault(require("../InputCheck"));
-var _style2 = _interopRequireDefault(require("./style"));
+var _style = _interopRequireDefault(require("./style"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -257,6 +257,11 @@ var ReactDatatable = /*#__PURE__*/function (_Component) {
       var pageNumber = e.target.value;
       this.goToPage(e, pageNumber);
     }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _styleContent.injectDataGridViewStyles)();
+    }
   }, {
     key: "strip",
     value: function strip(html) {
@@ -573,7 +578,7 @@ var ReactDatatable = /*#__PURE__*/function (_Component) {
           extraButtons: this.props.extraButtons
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "row table-body asrt-table-body",
-          style: _style2["default"].table_body,
+          style: _style["default"].table_body,
           id: this.props.id ? this.props.id + '-table-body' : '',
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "col-md-12",
@@ -592,7 +597,7 @@ var ReactDatatable = /*#__PURE__*/function (_Component) {
                     if (column.sortable && _this9.state.sort.column == column.key) {
                       sortOrder = _this9.state.sort.order;
                       classText += sortOrder ? ' ' + sortOrder : '';
-                      columnStyle = sortOrder == 'asc' ? _style2["default"].sort_asc : _style2["default"].sort_desc;
+                      columnStyle = sortOrder == 'asc' ? _style["default"].sort_asc : _style["default"].sort_desc;
                     }
                     classText += ' text-' + align;
                     if (column.TrOnlyClassName) classText += ' ' + column.TrOnlyClassName;

package/dist/DataGridView/style/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _upArrow = _interopRequireDefault(require("../assets/img/up-arrow.png"));
-var _downArrow = _interopRequireDefault(require("../assets/img/down-arrow.png"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+// SVGs inline para evitar dependência de assets no build (Babel não copia PNG/CSS)
+var upArrowSvg = "data:image/svg+xml," + encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%232196F3' d='M8 4l-6 6h12L8 4z'/></svg>");
+var downArrowSvg = "data:image/svg+xml," + encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%232196F3' d='M8 12l6-6H2l6 6z'/></svg>");
 var _default = exports["default"] = {
   table_body: {
     marginTop: '12px'
@@ -37,9 +37,9 @@ var _default = exports["default"] = {
     marginRight: '5px'
   },
   sort_asc: {
-    backgroundImage: "url(".concat(_upArrow["default"], ")")
+    backgroundImage: "url(".concat(upArrowSvg, ")")
   },
   sort_desc: {
-    backgroundImage: "url(".concat(_downArrow["default"], ")")
+    backgroundImage: "url(".concat(downArrowSvg, ")")
   }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bitys-react-components",
   "description": "",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "private": false,
   "main": "dist/index.js",
   "license": "MIT",