pixelize-design-library 1.1.2 → 1.1.3

package/dist/Components/KaTable/KaTable.d.ts

@@ -7,7 +7,6 @@ import * as TableModel from "ka-table/models";
 import * as TableUtils from "ka-table/utils";
 import * as TableFun from "ka-table";
 import "ka-table/style.css";
-import "./ka-table.css";
 declare const KaTable: ({ columns, data, rowKey, Edit, sorting, format, paging, filter, childComponents, columnReorder, columnResizing, editableCells, validation, loading, checkSelect, onRowClick, onSelectionChange, onSortChange, onMenuItemClick, menuItems, }: KaTableProps) => React.JSX.Element;
 export default KaTable;
 export { TableEnums, TableActionCreator, TableProps, TableModel, TableUtils, TableFun, };

package/dist/Components/KaTable/KaTable.js

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -62,8 +66,10 @@ exports.TableUtils = TableUtils;
 var TableFun = __importStar(require("ka-table"));
 exports.TableFun = TableFun;
 require("ka-table/style.css");
-require("./ka-table.css");
+// import "./ka-table.css";
 var CustomHeader_1 = __importDefault(require("./CustomHeader"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var StyledTable = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .ka-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-family: Arial, sans-serif;\n  }\n\n  .ka-table thead {\n    background-color: #f8f8f8;\n  }\n\n  .ka-table th {\n    padding: 10px;\n    border: 1px solid #ddd;\n    text-align: left;\n  }\n\n  .ka-table tbody tr:nth-child(even) {\n    background-color: #f2f2f2;\n  }\n\n  .ka-table td {\n    padding: 10px;\n    border: 1px solid #ddd;\n  }\n\n  .ka-filter-row {\n    background-color: #f0f0f0;\n    padding: 10px;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .ka-table tbody tr:hover {\n    background-color: #e0e0e0;\n  }\n\n  .custom-cell {\n    color: #333;\n    font-weight: bold;\n  }\n\n  .custom-row {\n    background-color: #e0ffe0;\n  }\n"], ["\n  .ka-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-family: Arial, sans-serif;\n  }\n\n  .ka-table thead {\n    background-color: #f8f8f8;\n  }\n\n  .ka-table th {\n    padding: 10px;\n    border: 1px solid #ddd;\n    text-align: left;\n  }\n\n  .ka-table tbody tr:nth-child(even) {\n    background-color: #f2f2f2;\n  }\n\n  .ka-table td {\n    padding: 10px;\n    border: 1px solid #ddd;\n  }\n\n  .ka-filter-row {\n    background-color: #f0f0f0;\n    padding: 10px;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .ka-table tbody tr:hover {\n    background-color: #e0e0e0;\n  }\n\n  .custom-cell {\n    color: #333;\n    font-weight: bold;\n  }\n\n  .custom-row {\n    background-color: #e0ffe0;\n  }\n"])));
 var KaTable = function (_a) {
     var columns = _a.columns, data = _a.data, _b = _a.rowKey, rowKey = _b === void 0 ? "id" : _b, Edit = _a.Edit, sorting = _a.sorting, format = _a.format, paging = _a.paging, filter = _a.filter, childComponents = _a.childComponents, columnReorder = _a.columnReorder, columnResizing = _a.columnResizing, editableCells = _a.editableCells, validation = _a.validation, loading = _a.loading, checkSelect = _a.checkSelect, onRowClick = _a.onRowClick, onSelectionChange = _a.onSelectionChange, onSortChange = _a.onSortChange, onMenuItemClick = _a.onMenuItemClick, menuItems = _a.menuItems;
     var SelectionHeader = function () {
@@ -219,8 +225,10 @@ var KaTable = function (_a) {
                 }
             },
         } });
-    return (react_1.default.createElement(ka_table_1.Table, { columns: columns, data: data, rowKeyField: rowKey, editingMode: Edit, sortingMode: sorting, format: format, paging: paging, filteringMode: filter, childComponents: mergedChildComponents, columnReordering: columnReorder, columnResizing: columnResizing, editableCells: editableCells, validation: validation, loading: loading, virtualScrolling: {
-            enabled: true,
-        } }));
+    return (react_1.default.createElement(StyledTable, null,
+        react_1.default.createElement(ka_table_1.Table, { columns: columns, data: data, rowKeyField: rowKey, editingMode: Edit, sortingMode: sorting, format: format, paging: paging, filteringMode: filter, childComponents: mergedChildComponents, columnReordering: columnReorder, columnResizing: columnResizing, editableCells: editableCells, validation: validation, loading: loading, virtualScrolling: {
+                enabled: true,
+            } })));
 };
 exports.default = KaTable;
+var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -30,6 +30,7 @@
     "react-icons": "^5.2.1",
     "react-router-dom": "^6.23.1",
     "react-scripts": "^5.0.1",
+    "styled-components": "^6.1.13",
     "typescript": "^4.9.5"
   },
   "scripts": {
@@ -60,6 +61,7 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@types/styled-components": "^5.1.34",
     "globals": "^15.8.0",
     "husky": "^8.0.0",
     "lint-staged": "^15.2.7",