@danikokonn/yarik-frontend-lib 2.0.58-test32 → 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,EAAE,MAAM,eAAe,CAAC;AAG/C,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,qBAoCtC"}
+{"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,4 +1,5 @@
 import React from "react";
+import { useColorScheme, useMediaQuery, useTheme } from "@mui/material";
 import TableCell from "@mui/material/TableCell";
 import { JSONTree } from 'react-json-tree';
 const hiddenTextStyle = {
@@ -9,6 +10,42 @@ const hiddenTextStyle = {
     paddingBottom: "0.25rem",
 };
 export default function RowContent({ row, columns, onSelectRow, onDoubleClick, controlComponent, controlComponentColSx, }) {
+    const theme = useTheme();
+    const treeTheme = {
+        scheme: 'google',
+        author: 'seth wright (http://sethawright.com)',
+        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)");
+    let invertTheme = false;
+    if (mode === "light")
+        invertTheme = true;
+    else if (mode === "dark")
+        invertTheme = false;
+    else {
+        if (prefersDarkMode) {
+            invertTheme = false;
+        }
+        else {
+            invertTheme = true;
+        }
+    }
     return (React.createElement(React.Fragment, null,
         columns.map((col, idx) => (React.createElement(TableCell, { sx: {
                 ...hiddenTextStyle,
@@ -20,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, { 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-test32",
+  "version": "2.0.58-test34",
   "license": "Apache-2.0",
   "description": "",
   "author": "",