@tidbcloud/uikit 2.0.0-beta.84 → 2.0.0-beta.86

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.86
+
+### Patch Changes
+
+- fix protable layout mode style
+
+## 2.0.0-beta.85
+
+### Patch Changes
+
+- export InlineCodeHighlight
+
 ## 2.0.0-beta.84
 
 ### Patch Changes

package/dist/biz/Table/ProTable/helpers.cjs

@@ -40,6 +40,7 @@ function mergeProTableProps(props) {
     mantineTableFooterRowProps = {},
     mantineTableFooterProps = {},
     mantineLoadingOverlayProps = {},
+    layoutMode,
     withBorder = true,
     loading = false,
     enableExpanding = false,
@@ -152,7 +153,12 @@ function mergeProTableProps(props) {
       sx: {
         "&:where([data-with-row-border]):not(:last-of-type)": {
           td: {
-            borderBottom: enableRowVirtualization ? "none !important" : void 0
+            borderBottom: enableRowVirtualization || layoutMode && layoutMode !== "semantic" ? "none !important" : void 0
+          }
+        },
+        "&[data-hover]": {
+          "&:hover": {
+            "--mrt-row-hover-background-color": theme.colors.carbon[3]
           }
         },
         "&:not([data-striped], [data-striped='false'])": {
@@ -202,7 +208,7 @@ function mergeProTableProps(props) {
   );
   const mTableFooterProps = mergeMProps(
     {
-      sx: { outline: enableStickyFooter ? "none" : void 0 }
+      sx: { outline: enableStickyFooter ? "none !important" : void 0 }
     },
     mantineTableFooterProps
   );
@@ -229,6 +235,7 @@ function mergeProTableProps(props) {
     mantineTableFooterCellProps: mTableFooterCellProps,
     mantineTableFooterRowProps: mTableFooterRowProps,
     mantineTableFooterProps: mTableFooterProps,
+    layoutMode,
     data,
     icons: {
       IconArrowsSort: (props2) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(index.IconSwitchVertical02, { size: 14, ...props2 }),

package/dist/biz/Table/ProTable/helpers.js

@@ -38,6 +38,7 @@ function mergeProTableProps(props) {
     mantineTableFooterRowProps = {},
     mantineTableFooterProps = {},
     mantineLoadingOverlayProps = {},
+    layoutMode,
     withBorder = true,
     loading = false,
     enableExpanding = false,
@@ -150,7 +151,12 @@ function mergeProTableProps(props) {
       sx: {
         "&:where([data-with-row-border]):not(:last-of-type)": {
           td: {
-            borderBottom: enableRowVirtualization ? "none !important" : void 0
+            borderBottom: enableRowVirtualization || layoutMode && layoutMode !== "semantic" ? "none !important" : void 0
+          }
+        },
+        "&[data-hover]": {
+          "&:hover": {
+            "--mrt-row-hover-background-color": theme.colors.carbon[3]
           }
         },
         "&:not([data-striped], [data-striped='false'])": {
@@ -200,7 +206,7 @@ function mergeProTableProps(props) {
   );
   const mTableFooterProps = mergeMProps(
     {
-      sx: { outline: enableStickyFooter ? "none" : void 0 }
+      sx: { outline: enableStickyFooter ? "none !important" : void 0 }
     },
     mantineTableFooterProps
   );
@@ -227,6 +233,7 @@ function mergeProTableProps(props) {
     mantineTableFooterCellProps: mTableFooterCellProps,
     mantineTableFooterRowProps: mTableFooterRowProps,
     mantineTableFooterProps: mTableFooterProps,
+    layoutMode,
     data,
     icons: {
       IconArrowsSort: (props2) => /* @__PURE__ */ jsxRuntimeExports.jsx(IconSwitchVertical02, { size: 14, ...props2 }),

package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/InlineCodeHighlight.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../react@18.3.1/node_modules/react/jsx-runtime.cjs");
+const clsx = require("clsx");
+const index = require("../../../../../highlight.js@11.10.0/node_modules/highlight.js/lib/index.cjs");
+const CodeHighlight_module_css = require("./CodeHighlight.module.css.cjs");
+const CodeHighlight_theme_module_css = require("./CodeHighlight.theme.module.css.cjs");
+const factory = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/factory/factory.cjs");
+const useProps = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.cjs");
+const useStyles = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/styles-api/use-styles/use-styles.cjs");
+const Box = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.cjs");
+const classes = { ...CodeHighlight_module_css.default, code: clsx(CodeHighlight_module_css.default.code, CodeHighlight_theme_module_css.default.theme) };
+const defaultProps = {
+  language: "tsx"
+};
+const InlineCodeHighlight = factory.factory((_props, ref) => {
+  const props = useProps.useProps("InlineCodeHighlight", defaultProps, _props);
+  const { classNames, className, style, styles, unstyled, vars, code, language, ...others } = props;
+  const getStyles = useStyles.useStyles({
+    name: "InlineCodeHighlight",
+    props,
+    classes,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    rootSelector: "code"
+  });
+  const highlighted = index.default.highlight(code.trim(), { language }).value;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Box.Box,
+    {
+      ...getStyles("code"),
+      component: "code",
+      ref,
+      ...others,
+      dangerouslySetInnerHTML: { __html: highlighted }
+    }
+  );
+});
+InlineCodeHighlight.displayName = "@mantine/core/InlineCodeHighlight";
+exports.InlineCodeHighlight = InlineCodeHighlight;

package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/InlineCodeHighlight.js

@@ -0,0 +1,43 @@
+import { j as jsxRuntimeExports } from "../../../../../react@18.3.1/node_modules/react/jsx-runtime.js";
+import clsx from "clsx";
+import HighlightJS from "../../../../../highlight.js@11.10.0/node_modules/highlight.js/lib/index.js";
+import _classes from "./CodeHighlight.module.css.js";
+import themeClasses from "./CodeHighlight.theme.module.css.js";
+import { factory } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/factory/factory.js";
+import { useProps } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.js";
+import { useStyles } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/styles-api/use-styles/use-styles.js";
+import { Box } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.js";
+const classes = { ..._classes, code: clsx(_classes.code, themeClasses.theme) };
+const defaultProps = {
+  language: "tsx"
+};
+const InlineCodeHighlight = factory((_props, ref) => {
+  const props = useProps("InlineCodeHighlight", defaultProps, _props);
+  const { classNames, className, style, styles, unstyled, vars, code, language, ...others } = props;
+  const getStyles = useStyles({
+    name: "InlineCodeHighlight",
+    props,
+    classes,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    rootSelector: "code"
+  });
+  const highlighted = HighlightJS.highlight(code.trim(), { language }).value;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Box,
+    {
+      ...getStyles("code"),
+      component: "code",
+      ref,
+      ...others,
+      dangerouslySetInnerHTML: { __html: highlighted }
+    }
+  );
+});
+InlineCodeHighlight.displayName = "@mantine/core/InlineCodeHighlight";
+export {
+  InlineCodeHighlight
+};

package/dist/primitive/index.cjs

@@ -133,6 +133,7 @@ const TimeInput = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_
 const TextInput = require("./TextInput/TextInput.cjs");
 const CodeHighlight = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.cjs");
 const CodeHighlightTabs = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.cjs");
+const InlineCodeHighlight = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/InlineCodeHighlight.cjs");
 exports.useColorScheme = useColorScheme.useColorScheme;
 exports.Dropzone = index.Dropzone;
 exports.notifier = index$1.notifier;
@@ -272,3 +273,4 @@ exports.TimeInput = TimeInput.TimeInput;
 exports.TextInput = TextInput.TextInput;
 exports.CodeHighlight = CodeHighlight.CodeHighlight;
 exports.CodeHighlightTabs = CodeHighlightTabs.CodeHighlightTabs;
+exports.InlineCodeHighlight = InlineCodeHighlight.InlineCodeHighlight;

package/dist/primitive/index.d.cts

@@ -45,5 +45,5 @@ export { notifier } from './notifier/index.js';
 export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
 export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
 export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.js';
-export { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';
-export type { CodeHighlightProps, CodeHighlightTabsProps } from '@mantine/code-highlight';
+export { CodeHighlight, CodeHighlightTabs, InlineCodeHighlight } from '@mantine/code-highlight';
+export type { CodeHighlightProps, CodeHighlightTabsProps, InlineCodeHighlightProps } from '@mantine/code-highlight';

package/dist/primitive/index.d.ts

@@ -45,5 +45,5 @@ export { notifier } from './notifier/index.js';
 export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
 export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
 export { Select, type SelectProps, MultiSelect, type MultiSelectProps } from './Select/index.js';
-export { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';
-export type { CodeHighlightProps, CodeHighlightTabsProps } from '@mantine/code-highlight';
+export { CodeHighlight, CodeHighlightTabs, InlineCodeHighlight } from '@mantine/code-highlight';
+export type { CodeHighlightProps, CodeHighlightTabsProps, InlineCodeHighlightProps } from '@mantine/code-highlight';

package/dist/primitive/index.js

@@ -131,6 +131,7 @@ import { TimeInput } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_
 import { TextInput } from "./TextInput/TextInput.js";
 import { CodeHighlight } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.js";
 import { CodeHighlightTabs } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.js";
+import { InlineCodeHighlight } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/InlineCodeHighlight.js";
 export {
   Accordion,
   ActionIcon,
@@ -188,6 +189,7 @@ export {
   IMAGE_MIME_TYPE,
   Image,
   Indicator,
+  InlineCodeHighlight,
   Input,
   InputBase,
   JsonInput,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.0.0-beta.84",
+  "version": "2.0.0-beta.86",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",