@tidbcloud/uikit 2.0.0-beta.5 → 2.0.0-beta.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tidbcloud/uikit
 
+## 2.0.0-beta.6
+
+### Patch Changes
+
+- export helper functions
+
 ## 2.0.0-beta.5
 
 ### Minor Changes

package/dist/biz/TimeRangePicker/helpers.cjs

@@ -14,6 +14,10 @@ const DEFAULT_QUICK_RANGES = [
   15 * 60,
   5 * 60
 ];
+const DEFAULT_TIME_RANGE = {
+  type: "relative",
+  value: 30 * 60
+};
 const formatDuration = (seconds, short = false) => {
   if (short) {
     return prettyMs(seconds * 1e3, { compact: true });
@@ -29,7 +33,30 @@ const toTimeRangeValue = (timeRange, offset = 0) => {
     return [now - timeRange.value + offset, now + offset];
   }
 };
+function fromTimeRangeValue(v) {
+  return {
+    type: "absolute",
+    value: [...v]
+  };
+}
+const toURLTimeRange = (timeRange) => {
+  if (timeRange.type === "relative") {
+    return { from: `${timeRange.value}`, to: "now" };
+  }
+  const timeRangeValue = toTimeRangeValue(timeRange);
+  return { from: `${timeRangeValue[0]}`, to: `${timeRangeValue[1]}` };
+};
+const urlToTimeRange = (urlTimeRange) => {
+  if (urlTimeRange.to === "now") {
+    return { type: "relative", value: Number(urlTimeRange.from) };
+  }
+  return { type: "absolute", value: [Number(urlTimeRange.from), Number(urlTimeRange.to)] };
+};
+const urlToTimeRangeValue = (urlTimeRange) => {
+  return toTimeRangeValue(urlToTimeRange(urlTimeRange));
+};
 const DEFAULT_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+const DEFAULT_TIME_FORMAT_WITH_TIMEZONE = "YYYY-MM-DD HH:mm:ss Z";
 function addOffsetUTC(time, utcOffset) {
   const targetTime = new Date(time);
   const tzDifference = utcOffset * 60 + targetTime.getTimezoneOffset();
@@ -61,8 +88,14 @@ const timeFormatter = (timeValue, utcOffset, format = DEFAULT_TIME_FORMAT) => {
 };
 exports.DEFAULT_QUICK_RANGES = DEFAULT_QUICK_RANGES;
 exports.DEFAULT_TIME_FORMAT = DEFAULT_TIME_FORMAT;
+exports.DEFAULT_TIME_FORMAT_WITH_TIMEZONE = DEFAULT_TIME_FORMAT_WITH_TIMEZONE;
+exports.DEFAULT_TIME_RANGE = DEFAULT_TIME_RANGE;
 exports.addOffsetUTC = addOffsetUTC;
 exports.formatDuration = formatDuration;
+exports.fromTimeRangeValue = fromTimeRangeValue;
 exports.getUTCString = getUTCString;
 exports.timeFormatter = timeFormatter;
 exports.toTimeRangeValue = toTimeRangeValue;
+exports.toURLTimeRange = toURLTimeRange;
+exports.urlToTimeRange = urlToTimeRange;
+exports.urlToTimeRangeValue = urlToTimeRangeValue;

package/dist/biz/TimeRangePicker/helpers.js

@@ -12,6 +12,10 @@ const DEFAULT_QUICK_RANGES = [
   15 * 60,
   5 * 60
 ];
+const DEFAULT_TIME_RANGE = {
+  type: "relative",
+  value: 30 * 60
+};
 const formatDuration = (seconds, short = false) => {
   if (short) {
     return prettyMs(seconds * 1e3, { compact: true });
@@ -27,7 +31,30 @@ const toTimeRangeValue = (timeRange, offset = 0) => {
     return [now - timeRange.value + offset, now + offset];
   }
 };
+function fromTimeRangeValue(v) {
+  return {
+    type: "absolute",
+    value: [...v]
+  };
+}
+const toURLTimeRange = (timeRange) => {
+  if (timeRange.type === "relative") {
+    return { from: `${timeRange.value}`, to: "now" };
+  }
+  const timeRangeValue = toTimeRangeValue(timeRange);
+  return { from: `${timeRangeValue[0]}`, to: `${timeRangeValue[1]}` };
+};
+const urlToTimeRange = (urlTimeRange) => {
+  if (urlTimeRange.to === "now") {
+    return { type: "relative", value: Number(urlTimeRange.from) };
+  }
+  return { type: "absolute", value: [Number(urlTimeRange.from), Number(urlTimeRange.to)] };
+};
+const urlToTimeRangeValue = (urlTimeRange) => {
+  return toTimeRangeValue(urlToTimeRange(urlTimeRange));
+};
 const DEFAULT_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+const DEFAULT_TIME_FORMAT_WITH_TIMEZONE = "YYYY-MM-DD HH:mm:ss Z";
 function addOffsetUTC(time, utcOffset) {
   const targetTime = new Date(time);
   const tzDifference = utcOffset * 60 + targetTime.getTimezoneOffset();
@@ -60,9 +87,15 @@ const timeFormatter = (timeValue, utcOffset, format = DEFAULT_TIME_FORMAT) => {
 export {
   DEFAULT_QUICK_RANGES,
   DEFAULT_TIME_FORMAT,
+  DEFAULT_TIME_FORMAT_WITH_TIMEZONE,
+  DEFAULT_TIME_RANGE,
   addOffsetUTC,
   formatDuration,
+  fromTimeRangeValue,
   getUTCString,
   timeFormatter,
-  toTimeRangeValue
+  toTimeRangeValue,
+  toURLTimeRange,
+  urlToTimeRange,
+  urlToTimeRangeValue
 };

package/dist/biz/TimeRangePicker/index.cjs

@@ -150,4 +150,17 @@ const DurationBadge = ({ children }) => {
     }
   );
 };
+exports.DEFAULT_QUICK_RANGES = helpers.DEFAULT_QUICK_RANGES;
+exports.DEFAULT_TIME_FORMAT = helpers.DEFAULT_TIME_FORMAT;
+exports.DEFAULT_TIME_FORMAT_WITH_TIMEZONE = helpers.DEFAULT_TIME_FORMAT_WITH_TIMEZONE;
+exports.DEFAULT_TIME_RANGE = helpers.DEFAULT_TIME_RANGE;
+exports.addOffsetUTC = helpers.addOffsetUTC;
+exports.formatDuration = helpers.formatDuration;
+exports.fromTimeRangeValue = helpers.fromTimeRangeValue;
+exports.getUTCString = helpers.getUTCString;
+exports.timeFormatter = helpers.timeFormatter;
+exports.toTimeRangeValue = helpers.toTimeRangeValue;
+exports.toURLTimeRange = helpers.toURLTimeRange;
+exports.urlToTimeRange = helpers.urlToTimeRange;
+exports.urlToTimeRangeValue = helpers.urlToTimeRangeValue;
 exports.TimeRangePicker = TimeRangePicker;

package/dist/biz/TimeRangePicker/index.d.cts

@@ -12,3 +12,4 @@ export interface TimeRangePickerProps {
     timezone?: number;
 }
 export declare const TimeRangePicker: React.FC<React.PropsWithChildren<TimeRangePickerProps>>;
+export * from './helpers.js';

package/dist/biz/TimeRangePicker/index.d.ts

@@ -12,3 +12,4 @@ export interface TimeRangePickerProps {
     timezone?: number;
 }
 export declare const TimeRangePicker: React.FC<React.PropsWithChildren<TimeRangePickerProps>>;
+export * from './helpers.js';

package/dist/biz/TimeRangePicker/index.js

@@ -4,6 +4,7 @@ import IconChevronRight from "../../icons/react/ChevronRight.js";
 import { Typography } from "../../primitive/Typography/index.js";
 import AbsoluteTimeRangePicker from "./AbsoluteTimeRangePicker.js";
 import { toTimeRangeValue, timeFormatter, formatDuration, DEFAULT_QUICK_RANGES } from "./helpers.js";
+import { DEFAULT_TIME_FORMAT, DEFAULT_TIME_FORMAT_WITH_TIMEZONE, DEFAULT_TIME_RANGE, addOffsetUTC, fromTimeRangeValue, getUTCString, toURLTimeRange, urlToTimeRange, urlToTimeRangeValue } from "./helpers.js";
 import { Menu } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.11.0_@mantine_ho_pge4mijgvpte4ejkiygju76xvm/node_modules/@mantine/core/esm/Menu/Menu.js";
 import { ChevronIcon } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.11.0_@mantine_ho_pge4mijgvpte4ejkiygju76xvm/node_modules/@mantine/core/esm/Select/SelectRightSection/ChevronIcon.js";
 import { Tooltip } from "../../node_modules/.pnpm/@mantine_core@5.10.4_patch_hash_k3wzpm5n4esvq7igbvcsgyfoja_@emotion_react@11.11.0_@mantine_ho_pge4mijgvpte4ejkiygju76xvm/node_modules/@mantine/core/esm/Tooltip/Tooltip.js";
@@ -149,5 +150,18 @@ const DurationBadge = ({ children }) => {
   );
 };
 export {
-  TimeRangePicker
+  DEFAULT_QUICK_RANGES,
+  DEFAULT_TIME_FORMAT,
+  DEFAULT_TIME_FORMAT_WITH_TIMEZONE,
+  DEFAULT_TIME_RANGE,
+  TimeRangePicker,
+  addOffsetUTC,
+  formatDuration,
+  fromTimeRangeValue,
+  getUTCString,
+  timeFormatter,
+  toTimeRangeValue,
+  toURLTimeRange,
+  urlToTimeRange,
+  urlToTimeRangeValue
 };

package/dist/biz/index.cjs

@@ -33,6 +33,7 @@ const TextArea = require("./Form/TextArea.cjs");
 const Rating = require("./Form/Rating.cjs");
 const context = require("./Form/context.cjs");
 const CopyText = require("./Form/CopyText.cjs");
+const helpers = require("./TimeRangePicker/helpers.cjs");
 exports.Dot = index.Dot;
 exports.CodeBlock = index$1.CodeBlock;
 exports.CopyText = index$1.CopyText;
@@ -92,3 +93,16 @@ exports.HookFormContext = context.HookFormContext;
 exports.HookFormProvider = context.HookFormProvider;
 exports.useHookFormContext = context.useHookFormContext;
 exports.FormCopyText = CopyText.FormCopyText;
+exports.DEFAULT_QUICK_RANGES = helpers.DEFAULT_QUICK_RANGES;
+exports.DEFAULT_TIME_FORMAT = helpers.DEFAULT_TIME_FORMAT;
+exports.DEFAULT_TIME_FORMAT_WITH_TIMEZONE = helpers.DEFAULT_TIME_FORMAT_WITH_TIMEZONE;
+exports.DEFAULT_TIME_RANGE = helpers.DEFAULT_TIME_RANGE;
+exports.addOffsetUTC = helpers.addOffsetUTC;
+exports.formatDuration = helpers.formatDuration;
+exports.fromTimeRangeValue = helpers.fromTimeRangeValue;
+exports.getUTCString = helpers.getUTCString;
+exports.timeFormatter = helpers.timeFormatter;
+exports.toTimeRangeValue = helpers.toTimeRangeValue;
+exports.toURLTimeRange = helpers.toURLTimeRange;
+exports.urlToTimeRange = helpers.urlToTimeRange;
+exports.urlToTimeRangeValue = helpers.urlToTimeRangeValue;

package/dist/biz/index.js

@@ -31,10 +31,15 @@ import { FormTextareaInput } from "./Form/TextArea.js";
 import { FormRatingInput } from "./Form/Rating.js";
 import { HookFormContext, HookFormProvider, useHookFormContext } from "./Form/context.js";
 import { FormCopyText } from "./Form/CopyText.js";
+import { DEFAULT_QUICK_RANGES, DEFAULT_TIME_FORMAT, DEFAULT_TIME_FORMAT_WITH_TIMEZONE, DEFAULT_TIME_RANGE, addOffsetUTC, formatDuration, fromTimeRangeValue, getUTCString, timeFormatter, toTimeRangeValue, toURLTimeRange, urlToTimeRange, urlToTimeRangeValue } from "./TimeRangePicker/helpers.js";
 export {
   BasicTable,
   CodeBlock,
   CopyText,
+  DEFAULT_QUICK_RANGES,
+  DEFAULT_TIME_FORMAT,
+  DEFAULT_TIME_FORMAT_WITH_TIMEZONE,
+  DEFAULT_TIME_RANGE,
   Dot,
   DotBadge,
   Form,
@@ -88,7 +93,16 @@ export {
   TimeRangePicker,
   TransferTree,
   Tree,
+  addOffsetUTC,
+  formatDuration,
+  fromTimeRangeValue,
+  getUTCString,
   renderExpandCell,
+  timeFormatter,
+  toTimeRangeValue,
+  toURLTimeRange,
+  urlToTimeRange,
+  urlToTimeRangeValue,
   useHookFormContext,
   validPhoneNumber
 };

package/package.json

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