ydb-embedded-ui 8.2.1 → 8.3.0

package/dist/components/Table/Table.scss

@@ -50,11 +50,11 @@
         height: var(--ydb-table-cell-height) !important;
         padding: 0;
         @include mixins.text-body-2();
-        :is(&_align_right) {
-            text-align: right;
+        &_align_right {
+            text-align: right !important;
         }
-        :is(&_vertical-align_top) {
-            vertical-align: top;
+        &_vertical-align_top {
+            vertical-align: top !important;
         }
     }
 }

package/dist/components/TruncatedQuery/TruncatedQuery.d.ts

@@ -4,8 +4,4 @@ interface TruncatedQueryProps {
     maxQueryHeight?: number;
 }
 export declare const TruncatedQuery: ({ value, maxQueryHeight }: TruncatedQueryProps) => import("react/jsx-runtime").JSX.Element;
-interface OneLineQueryWithPopoverProps {
-    value?: string;
-}
-export declare const OneLineQueryWithPopover: ({ value }: OneLineQueryWithPopoverProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TruncatedQuery/TruncatedQuery.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { cn } from '../../utils/cn';
-import { CellWithPopover } from '../CellWithPopover/CellWithPopover';
+import { YqlHighlighter } from '../YqlHighlighter/YqlHighlighter';
 import './TruncatedQuery.scss';
 const b = cn('kv-truncated-query');
 export const TruncatedQuery = ({ value = '', maxQueryHeight = 6 }) => {
@@ -10,11 +10,8 @@ export const TruncatedQuery = ({ value = '', maxQueryHeight = 6 }) => {
     if (truncated) {
         const content = lines.slice(0, maxQueryHeight).join('\n');
         const message = '\n...\nThe request was truncated. Click on the line to show the full query on the query tab';
-        return (_jsxs(React.Fragment, { children: [_jsx("span", { className: b(), children: content }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
+        return (_jsxs(React.Fragment, { children: [_jsx(YqlHighlighter, { className: b(), children: content }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
     }
-    return _jsx(React.Fragment, { children: value });
-};
-export const OneLineQueryWithPopover = ({ value = '' }) => {
-    return (_jsx(CellWithPopover, { contentClassName: b('popover-content'), content: value, children: value }));
+    return _jsx(YqlHighlighter, { children: value });
 };
 //# sourceMappingURL=TruncatedQuery.js.map

package/dist/components/TruncatedQuery/TruncatedQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AAEnE,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAOnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,CAAC,EAAsB,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,eAAM,SAAS,EAAE,CAAC,EAAE,YAAG,OAAO,GAAQ,EACtC,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,GAAkB,CAAC;AACpD,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAC,KAAK,GAAG,EAAE,EAA+B,EAAE,EAAE;IAClF,OAAO,CACH,KAAC,eAAe,IAAC,gBAAgB,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,YAClE,KAAK,GACQ,CACrB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAOnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,CAAC,EAAsB,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,cAAc,IAAC,SAAS,EAAE,CAAC,EAAE,YAAG,OAAO,GAAkB,EAC1D,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,KAAC,cAAc,cAAE,KAAK,GAAkB,CAAC;AACpD,CAAC,CAAC"}

package/dist/components/TruncatedQuery/TruncatedQuery.scss

@@ -14,12 +14,4 @@
             }
         }
     }
-
-    &__popover-content {
-        overflow: hidden;
-
-        max-width: 600px;
-
-        white-space: pre;
-    }
 }

package/dist/components/YqlHighlighter/YqlHighlighter.d.ts

@@ -0,0 +1,6 @@
+interface YqlHighlighterProps {
+    children: string;
+    className?: string;
+}
+export declare const YqlHighlighter: ({ children, className }: YqlHighlighterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/YqlHighlighter/YqlHighlighter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useThemeValue } from '@gravity-ui/uikit';
+import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { cn } from '../../utils/cn';
+import { dark, light, yql } from './yql';
+SyntaxHighlighter.registerLanguage('yql', yql);
+const b = cn('yql-highlighter');
+export const YqlHighlighter = ({ children, className }) => {
+    const themeValue = useThemeValue();
+    const isDark = themeValue === 'dark' || themeValue === 'dark-hc';
+    return (_jsx("div", { className: b(null, className), children: _jsx(SyntaxHighlighter, { language: "yql", style: isDark ? dark : light, children: children }) }));
+};
+//# sourceMappingURL=YqlHighlighter.js.map

package/dist/components/YqlHighlighter/YqlHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YqlHighlighter.js","sourceRoot":"","sources":["../../../src/components/YqlHighlighter/YqlHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,UAAU,IAAI,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAC,MAAM,OAAO,CAAC;AAEvC,iBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAOhC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE;IACzE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,SAAS,CAAC;IAEjE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,KAAC,iBAAiB,IAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,YACzD,QAAQ,GACO,GAClB,CACT,CAAC;AACN,CAAC,CAAC"}