@hexclave/dashboard-ui-components 1.0.91 → 1.0.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { Ref } from "react";
2
- import { AnalyticsChartPieProps, AnalyticsChartSeries, FormatKind, Point } from "./types.js";
3
2
  import { AnalyticsChartStrings } from "./strings.js";
3
+ import { AnalyticsChartPieProps, AnalyticsChartSeries, FormatKind, Point } from "./types.js";
4
4
 
5
5
  //#region src/components/analytics-chart/analytics-chart-pie.d.ts
6
6
  type SegmentColors = {
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from "react";
2
+ import { AnalyticsChartStrings } from "./strings.js";
2
3
  import { AnalyticsChartTooltipContext } from "./default-analytics-chart-tooltip.js";
3
4
  import { AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartState, Annotation, FormatKind, Point } from "./types.js";
4
- import { AnalyticsChartStrings } from "./strings.js";
5
5
 
6
6
  //#region src/components/analytics-chart/analytics-chart.d.ts
7
7
  /** Mirrors Recharts' internal `Margin` shape (not exported from their typings). */
@@ -4,16 +4,16 @@ import { cn } from "@hexclave/ui";
4
4
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
5
  import { useCallback, useEffect, useMemo, useRef, useState } from "react";
6
6
  import { CartesianGrid, ComposedChart, ReferenceArea, ReferenceLine, XAxis, YAxis } from "recharts";
7
+ import { DesignButton } from "../button.js";
8
+ import { EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, resolveDataLayerStyle } from "./state.js";
9
+ import { resolveAnalyticsChartStrings } from "./strings.js";
7
10
  import { DesignChartContainer } from "../chart-container.js";
8
11
  import { DefaultAnalyticsChartTooltip } from "./default-analytics-chart-tooltip.js";
9
12
  import { formatDelta, formatValue } from "./format.js";
10
13
  import { cssIdent, pointValue } from "./types.js";
11
- import { DesignButton } from "../button.js";
12
14
  import { AnalyticsChartPie } from "./analytics-chart-pie.js";
13
15
  import { buildRampColors, resolveAnalyticsChartPalette } from "./palette.js";
14
16
  import { renderDataSeries } from "./render-data-series.js";
15
- import { EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, resolveDataLayerStyle } from "./state.js";
16
- import { resolveAnalyticsChartStrings } from "./strings.js";
17
17
  //#region src/components/analytics-chart/analytics-chart.tsx
18
18
  const FALLBACK_PRIMARY_STYLE = {
19
19
  color: "#2563eb",
@@ -1,5 +1,5 @@
1
- import { AnalyticsChartDelta, Point } from "./types.js";
2
1
  import { AnalyticsChartStrings } from "./strings.js";
2
+ import { AnalyticsChartDelta, Point } from "./types.js";
3
3
 
4
4
  //#region src/components/analytics-chart/default-analytics-chart-tooltip.d.ts
5
5
  /** Trend pill — small rounded badge with an up/down/flat arrow, a signed
@@ -1,8 +1,8 @@
1
+ import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, ResolvedDataLayerStyle, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state.js";
2
+ import { ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChartStrings, resolveAnalyticsChartStrings } from "./strings.js";
1
3
  import { AnalyticsChartTooltipContext, AnalyticsChartTooltipLayerView, AnalyticsChartTooltipSegmentRow, DefaultAnalyticsChartTooltip, DefaultAnalyticsChartTooltipProps, TrendPill } from "./default-analytics-chart-tooltip.js";
2
4
  import { DEFAULT_FORMAT_KIND, FORMAT_KIND_TYPES, formatDelta, formatValue } from "./format.js";
3
5
  import { AnalyticsChartAnnotationsLayer, AnalyticsChartAreaLayer, AnalyticsChartBarLayer, AnalyticsChartDataLayer, AnalyticsChartDelta, AnalyticsChartLayer, AnalyticsChartLayerType, AnalyticsChartLayers, AnalyticsChartLineLayer, AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartPieState, AnalyticsChartSegmentRamp, AnalyticsChartSeries, AnalyticsChartState, AnalyticsChartStrokeStyle, AnalyticsChartTimeseriesState, AnalyticsChartView, Annotation, FormatKind, FormatKindCurrency, FormatKindDatetime, FormatKindDuration, FormatKindNumeric, FormatKindPercent, FormatKindShort, FormatKindType, Point, pointValue } from "./types.js";
4
6
  import { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette } from "./palette.js";
5
- import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, ResolvedDataLayerStyle, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state.js";
6
- import { ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChartStrings, resolveAnalyticsChartStrings } from "./strings.js";
7
7
  import { AnalyticsChart, AnalyticsChartProps, Margin } from "./analytics-chart.js";
8
8
  export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_PALETTE, ANALYTICS_CHART_DEFAULT_STATE, ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChart, type AnalyticsChartAnnotationsLayer, type AnalyticsChartAreaLayer, type AnalyticsChartBarLayer, type AnalyticsChartDataLayer, type AnalyticsChartDelta, type AnalyticsChartLayer, type AnalyticsChartLayerType, type AnalyticsChartLayers, type AnalyticsChartLineLayer, type AnalyticsChartPalette, type AnalyticsChartPieProps, type AnalyticsChartPieState, type AnalyticsChartProps, type AnalyticsChartSegmentRamp, type AnalyticsChartSeries, type AnalyticsChartState, type AnalyticsChartStrings, type AnalyticsChartStrokeStyle, type AnalyticsChartTimeseriesState, type AnalyticsChartTooltipContext, type AnalyticsChartTooltipLayerView, type AnalyticsChartTooltipSegmentRow, type AnalyticsChartView, type Annotation, DEFAULT_FORMAT_KIND, DefaultAnalyticsChartTooltip, type DefaultAnalyticsChartTooltipProps, EMPTY_MATRIX, EMPTY_SERIES, FORMAT_KIND_TYPES, type FormatKind, type FormatKindCurrency, type FormatKindDatetime, type FormatKindDuration, type FormatKindNumeric, type FormatKindPercent, type FormatKindShort, type FormatKindType, type Margin, type Point, type ResolvedDataLayerStyle, STROKE_DASHARRAY, TrendPill, buildRampColors, buildSegmentThemeMap, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, formatDelta, formatValue, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, pointValue, resolveAnalyticsChartPalette, resolveAnalyticsChartStrings, resolveDataLayerStyle, setLayerById };
@@ -1,8 +1,8 @@
1
+ import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state.js";
2
+ import { ANALYTICS_CHART_DEFAULT_STRINGS, resolveAnalyticsChartStrings } from "./strings.js";
1
3
  import { DefaultAnalyticsChartTooltip, TrendPill } from "./default-analytics-chart-tooltip.js";
2
4
  import { DEFAULT_FORMAT_KIND, FORMAT_KIND_TYPES, formatDelta, formatValue } from "./format.js";
3
5
  import { pointValue } from "./types.js";
4
6
  import { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette } from "./palette.js";
5
- import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state.js";
6
- import { ANALYTICS_CHART_DEFAULT_STRINGS, resolveAnalyticsChartStrings } from "./strings.js";
7
7
  import { AnalyticsChart } from "./analytics-chart.js";
8
8
  export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_PALETTE, ANALYTICS_CHART_DEFAULT_STATE, ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChart, DEFAULT_FORMAT_KIND, DefaultAnalyticsChartTooltip, EMPTY_MATRIX, EMPTY_SERIES, FORMAT_KIND_TYPES, STROKE_DASHARRAY, TrendPill, buildRampColors, buildSegmentThemeMap, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, formatDelta, formatValue, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, pointValue, resolveAnalyticsChartPalette, resolveAnalyticsChartStrings, resolveDataLayerStyle, setLayerById };
@@ -3,8 +3,8 @@ import React from "react";
3
3
 
4
4
  //#region src/components/button.d.ts
5
5
  declare const designButtonVariants: (props?: ({
6
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
7
- size?: "icon" | "default" | "sm" | "lg" | null | undefined;
6
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
7
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
8
8
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
9
  type DesignOriginalButtonProps = {
10
10
  asChild?: boolean;
@@ -35,8 +35,8 @@ declare const DesignButton: React.FC<{
35
35
  } & {
36
36
  asChild?: boolean;
37
37
  } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
38
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "plain" | null | undefined;
39
- size?: "icon" | "default" | "sm" | "lg" | null | undefined;
38
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
39
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
40
40
  } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
41
41
  ref?: React.Ref<HTMLButtonElement> | undefined;
42
42
  }>;
@@ -3,8 +3,8 @@ import { DownloadSimpleIcon } from "@phosphor-icons/react";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
  import { useCallback, useEffect, useMemo, useRef, useState } from "react";
5
5
  import { DesignButton } from "../button.js";
6
- import { formatGridDate, resolveColumnValue } from "./state.js";
7
6
  import { DesignDialog } from "../dialog.js";
7
+ import { formatGridDate, resolveColumnValue } from "./state.js";
8
8
  //#region src/components/data-grid/data-grid-export-dialog.tsx
9
9
  const idleExportProgress = {
10
10
  phase: "idle",
@@ -4,7 +4,6 @@ import { cn } from "@hexclave/ui";
4
4
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
5
5
  import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
6
6
  import { formatGridDate, resolveColumnValue } from "./state.js";
7
- import { resolveDataGridStrings } from "./strings.js";
8
7
  import { throwErr } from "@hexclave/shared/dist/utils/errors";
9
8
  import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
10
9
  import { useVirtualizer } from "@tanstack/react-virtual";
@@ -12,6 +11,7 @@ import { DesignSkeleton } from "../skeleton.js";
12
11
  import { DEFAULT_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from "./data-grid-sizing.js";
13
12
  import { DataGridExportDialog } from "./data-grid-export-dialog.js";
14
13
  import { DataGridToolbar } from "./data-grid-toolbar.js";
14
+ import { resolveDataGridStrings } from "./strings.js";
15
15
  //#region src/components/data-grid/data-grid.tsx
16
16
  const DEFAULT_INFINITE_MAX_HEIGHT = "calc(100dvh - 16rem)";
17
17
  const DATA_GRID_SCROLLBAR_CLASS_NAME = cn("[&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:h-1.5", "[&::-webkit-scrollbar-track]:bg-transparent", "[&::-webkit-scrollbar-thumb]:bg-foreground/[0.08] [&::-webkit-scrollbar-thumb]:rounded-full", "[&::-webkit-scrollbar-thumb]:hover:bg-foreground/[0.15]");
@@ -1,9 +1,9 @@
1
- import { DataGridCallbacks, DataGridCellContext, DataGridColumnAlign, DataGridColumnDef, DataGridColumnPin, DataGridColumnPinning, DataGridColumnType, DataGridColumnVisibility, DataGridDataPaginationMode, DataGridDataSource, DataGridDateDisplay, DataGridDateFormat, DataGridExportField, DataGridExportFormat, DataGridExportOptions, DataGridExportRowsOptions, DataGridExportScope, DataGridFetchParams, DataGridFetchResult, DataGridFooterContext, DataGridHeaderContext, DataGridPaginationMode, DataGridPaginationModel, DataGridProps, DataGridSelectOption, DataGridSelectionMode, DataGridSelectionModel, DataGridSortItem, DataGridSortModel, DataGridState, DataGridStrings, DataGridToolbarContext, RowId } from "./types.js";
2
1
  import { applyQuickSearch, buildRowComparator, createDefaultDataGridState, defaultFormatAbsolute, defaultFormatRelative, defaultMatchRow, defaultParseDate, exportToCsv, formatGridDate, paginateRows, resolveColumnValue } from "./state.js";
3
- import { DATA_GRID_DEFAULT_STRINGS, resolveDataGridStrings } from "./strings.js";
4
2
  import { DEFAULT_COL_WIDTH, DEFAULT_MAX_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from "./data-grid-sizing.js";
5
3
  import { DataGridToolbar } from "./data-grid-toolbar.js";
4
+ import { DATA_GRID_DEFAULT_STRINGS, resolveDataGridStrings } from "./strings.js";
6
5
  import { DataGrid, isDataGridInteractiveRowClickTarget } from "./data-grid.js";
7
6
  import { UseDataSourceResult, useDataSource } from "./use-data-source.js";
8
7
  import { useDataGridUrlState } from "./use-url-state.js";
8
+ import { DataGridCallbacks, DataGridCellContext, DataGridColumnAlign, DataGridColumnDef, DataGridColumnPin, DataGridColumnPinning, DataGridColumnType, DataGridColumnVisibility, DataGridDataPaginationMode, DataGridDataSource, DataGridDateDisplay, DataGridDateFormat, DataGridExportField, DataGridExportFormat, DataGridExportOptions, DataGridExportRowsOptions, DataGridExportScope, DataGridFetchParams, DataGridFetchResult, DataGridFooterContext, DataGridHeaderContext, DataGridPaginationMode, DataGridPaginationModel, DataGridProps, DataGridSelectOption, DataGridSelectionMode, DataGridSelectionModel, DataGridSortItem, DataGridSortModel, DataGridState, DataGridStrings, DataGridToolbarContext, RowId } from "./types.js";
9
9
  export { DATA_GRID_DEFAULT_STRINGS, DEFAULT_COL_WIDTH, DEFAULT_MAX_COL_WIDTH, DataGrid, type DataGridCallbacks, type DataGridCellContext, type DataGridColumnAlign, type DataGridColumnDef, type DataGridColumnPin, type DataGridColumnPinning, type DataGridColumnType, type DataGridColumnVisibility, type DataGridDataPaginationMode, type DataGridDataSource, type DataGridDateDisplay, type DataGridDateFormat, type DataGridExportField, type DataGridExportFormat, type DataGridExportOptions, type DataGridExportRowsOptions, type DataGridExportScope, type DataGridFetchParams, type DataGridFetchResult, type DataGridFooterContext, type DataGridHeaderContext, type DataGridPaginationMode, type DataGridPaginationModel, type DataGridProps, type DataGridSelectOption, type DataGridSelectionMode, type DataGridSelectionModel, type DataGridSortItem, type DataGridSortModel, type DataGridState, type DataGridStrings, DataGridToolbar, type DataGridToolbarContext, type RowId, type UseDataSourceResult, applyQuickSearch, buildRowComparator, clampColumnWidth, createDefaultDataGridState, defaultFormatAbsolute, defaultFormatRelative, defaultMatchRow, defaultParseDate, exportToCsv, formatGridDate, getEffectiveMaxWidth, getEffectiveMinWidth, isDataGridInteractiveRowClickTarget, paginateRows, resolveColumnValue, resolveDataGridStrings, useDataGridUrlState, useDataSource };
@@ -1,7 +1,7 @@
1
1
  import { applyQuickSearch, buildRowComparator, createDefaultDataGridState, defaultFormatAbsolute, defaultFormatRelative, defaultMatchRow, defaultParseDate, exportToCsv, formatGridDate, paginateRows, resolveColumnValue } from "./state.js";
2
- import { DATA_GRID_DEFAULT_STRINGS, resolveDataGridStrings } from "./strings.js";
3
2
  import { DEFAULT_COL_WIDTH, DEFAULT_MAX_COL_WIDTH, clampColumnWidth, getEffectiveMaxWidth, getEffectiveMinWidth } from "./data-grid-sizing.js";
4
3
  import { DataGridToolbar } from "./data-grid-toolbar.js";
4
+ import { DATA_GRID_DEFAULT_STRINGS, resolveDataGridStrings } from "./strings.js";
5
5
  import { DataGrid, isDataGridInteractiveRowClickTarget } from "./data-grid.js";
6
6
  import { useDataSource } from "./use-data-source.js";
7
7
  import { useDataGridUrlState } from "./use-url-state.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hexclave/dashboard-ui-components",
3
- "version": "1.0.91",
3
+ "version": "1.0.94",
4
4
  "repository": "https://github.com/hexclave/hexclave",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -47,8 +47,8 @@
47
47
  "@tanstack/react-table": "^8.21.3",
48
48
  "@tanstack/react-virtual": "^3.13.0",
49
49
  "class-variance-authority": "^0.7.0",
50
- "@hexclave/ui": "1.0.91",
51
- "@hexclave/shared": "1.0.91"
50
+ "@hexclave/shared": "1.0.94",
51
+ "@hexclave/ui": "1.0.94"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@types/react": "^19.0.0",