@danikokonn/yarik-frontend-lib 2.0.58-test33 → 2.0.58-test34

package/dist/components/SmartTable/RowContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAiC,MAAM,eAAe,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,UAAU,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE;IACjD,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE,CAAC,qBAwEtC"}
+{"version":3,"file":"RowContent.d.ts","sourceRoot":"","sources":["../../../src/components/SmartTable/RowContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,KAAK,EAA2C,MAAM,eAAe,CAAC;AAGxF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,UAAU,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE;IACjD,GAAG,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACxC;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,qBAAqB,GACtB,EAAE,eAAe,CAAC,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;CAAE,CAAC,qBA6EtC"}

package/dist/components/SmartTable/RowContent.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { useColorScheme, useMediaQuery } from "@mui/material";
+import { useColorScheme, useMediaQuery, useTheme } from "@mui/material";
 import TableCell from "@mui/material/TableCell";
 import { JSONTree } from 'react-json-tree';
 const hiddenTextStyle = {
@@ -10,25 +10,26 @@ const hiddenTextStyle = {
     paddingBottom: "0.25rem",
 };
 export default function RowContent({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }) {
-    const theme = {
+    const theme = useTheme();
+    const treeTheme = {
         scheme: 'google',
         author: 'seth wright (http://sethawright.com)',
-        base00: '#1d1f21',
-        base01: '#282a2e',
-        base02: '#373b41',
-        base03: '#969896',
-        base04: '#b4b7b4',
-        base05: '#c5c8c6',
-        base06: '#e0e0e0',
-        base07: '#ffffff',
-        base08: '#CC342B',
-        base09: '#F96A38',
-        base0A: '#FBA922',
-        base0B: '#198844',
-        base0C: '#3971ED',
-        base0D: '#3971ED',
-        base0E: '#A36AC7',
-        base0F: '#3971ED'
+        base00: theme.palette.background.default, // background
+        base01: theme.palette.background.paper, // lighter background
+        base02: "#e0e0e0", // selection (можно взять divider)
+        base03: theme.palette.text.disabled || "#9e9e9e",
+        base04: theme.palette.text.secondary,
+        base05: theme.palette.text.primary,
+        base06: "#eeeeee",
+        base07: "#ffffff",
+        base08: theme.palette.error.main,
+        base09: theme.palette.warning.main,
+        base0A: theme.palette.info.main,
+        base0B: theme.palette.success.main,
+        base0C: theme.palette.secondary.main,
+        base0D: theme.palette.primary.main,
+        base0E: theme.palette.secondary.main,
+        base0F: "#8d6e63" // обычно brown / deprecated
     };
     const { mode } = useColorScheme();
     const prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
@@ -56,7 +57,7 @@ export default function RowContent({ row, columns, onSelectRow, onDoubleClick, c
                 onSelectRow(row.id);
             }, onDoubleClick: (_) => (onDoubleClick || (() => { }))(row.id) }, col.cellContentComponent
             ? col.cellContentComponent(row)
-            : typeof Object(row)[col.name] === "object" && Object(row)[col.name] != null ? (React.createElement(JSONTree, { invertTheme: invertTheme, theme: theme, shouldExpandNodeInitially: () => false, data: Object(row)[col.name] })) : Object(row)[col.name] || "N/A"))),
+            : typeof Object(row)[col.name] === "object" && Object(row)[col.name] != null ? (React.createElement(JSONTree, { invertTheme: invertTheme, theme: treeTheme, shouldExpandNodeInitially: () => false, data: Object(row)[col.name] })) : Object(row)[col.name] || "N/A"))),
         controlComponent && (React.createElement(TableCell, { sx: {
                 textAlign: "center",
                 cursor: "default",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danikokonn/yarik-frontend-lib",
-  "version": "2.0.58-test33",
+  "version": "2.0.58-test34",
   "license": "Apache-2.0",
   "description": "",
   "author": "",