@tidbcloud/uikit 2.0.0-beta.83 → 2.0.0-beta.85

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.85
+
+### Patch Changes
+
+- export InlineCodeHighlight
+
+## 2.0.0-beta.84
+
+### Patch Changes
+
+- fix TimeRangePicker style
+
 ## 2.0.0-beta.83
 
 ### Patch Changes

package/dist/biz/TimeRangePicker/index.cjs

@@ -92,7 +92,20 @@ const TimeRangePicker = ({
             ...loading ? { "data-loading": true } : {},
             children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { w: "100%", gap: 0, children: [
               /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { sx: { flex: "none" }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DurationBadge, { children: helpers.formatDuration(duration, true) }) }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { px: 8, sx: { flex: "1 1", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }, children: isRelativeRange ? `Past ${helpers.formatDuration(duration)}` : formattedAbsDateTime })
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                Text.Text,
+                {
+                  px: 8,
+                  sx: {
+                    flex: "1 1",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis",
+                    textAlign: "left"
+                  },
+                  children: isRelativeRange ? `Past ${helpers.formatDuration(duration)}` : formattedAbsDateTime
+                }
+              )
             ] })
           }
         ) }) }),

package/dist/biz/TimeRangePicker/index.js

@@ -91,7 +91,20 @@ const TimeRangePicker = ({
             ...loading ? { "data-loading": true } : {},
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { w: "100%", gap: 0, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { flex: "none" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DurationBadge, { children: formatDuration(duration, true) }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { px: 8, sx: { flex: "1 1", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }, children: isRelativeRange ? `Past ${formatDuration(duration)}` : formattedAbsDateTime })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Text,
+                {
+                  px: 8,
+                  sx: {
+                    flex: "1 1",
+                    overflow: "hidden",
+                    whiteSpace: "nowrap",
+                    textOverflow: "ellipsis",
+                    textAlign: "left"
+                  },
+                  children: isRelativeRange ? `Past ${formatDuration(duration)}` : formattedAbsDateTime
+                }
+              )
             ] })
           }
         ) }) }),

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.83",
+  "version": "2.0.0-beta.85",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",