@hybridcore/ui 1.6.3 → 1.6.4

package/dist/main.d.ts

@@ -248,6 +248,12 @@ export declare interface ChartProps {
     initDelay?: number;
     interval?: string;
     baseInterval?: BaseInterval;
+    /**
+     * When `true`, the chart is still waiting on its async config/data. The wrapper
+     * holds back rendering (and the "missing config" validation error) until this
+     * clears, so a misconfiguration only surfaces once the data has settled.
+     */
+    loading?: boolean;
     /**
      * Color palette used for series. Defaults to the lib's built-in viridis-cool
      * palette. Pass `theme.palette.viridisCool` (or any sequential palette) from
@@ -337,13 +343,13 @@ declare interface ConditionalWrapperProps {
      */
     condition: boolean;
     /**
-     * @param children React.ReactElement
+     * @param children React.ReactNode
      */
-    wrapper(children: default_2.ReactElement): default_2.ReactElement;
+    wrapper(children: default_2.ReactNode): default_2.ReactNode;
     /**
      * Child components to wrap
      */
-    children: default_2.ReactElement;
+    children: default_2.ReactNode;
 }
 
 declare function confirm_2(title: string, description: string, options?: OptionsType): Promise<unknown>;
@@ -1124,6 +1130,15 @@ export declare interface MetricCardProps {
     variant?: MetricVariant;
     loading?: boolean;
 
+    // "overlay" (default) = chart bleeds behind the value; "panel" = value/badge on the
+    // left, chart inset on the right, wrapped in a nested card.
+    layout?: MetricLayout;
+
+    // Rendered verbatim around the formatted number, e.g. valuePrefix "€ " → "€ 1,577",
+    // valueSuffix " kg" → "1,577 kg". Include any spacing in the string itself.
+    valuePrefix?: string;
+    valueSuffix?: string;
+
     showChange?: boolean;
     changeType?: MetricChangeType;
 
@@ -1158,6 +1173,8 @@ export declare type MetricIconPosition =
 | "bottom-left"
 | "bottom-right";
 
+declare type MetricLayout = "overlay" | "panel";
+
 export declare type MetricTrend = "up" | "down" | "neutral";
 
 export declare type MetricVariant =
@@ -3190,11 +3207,12 @@ declare module "@mui/material/styles" {
       | "label"
       | "value"
       | "trendContainer"
-      | "trendValue"
       | "description"
       | "icon"
       | "cornerIcon"
-      | "chart";
+      | "chart"
+      | "panel"
+      | "sideChart";
   }
 
   interface ComponentsPropsList {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",
@@ -55,7 +55,8 @@
     "react-number-format": "^5.3.4",
     "react-phone-number-input": "^3.3.7",
     "react-select": "^5.8.0",
-    "react-sortablejs": "^6.1.4"
+    "react-sortablejs": "^6.1.4",
+    "sortablejs": "^1"
   },
   "dependencies": {
     "@amcharts/amcharts5": "^5.14.4",
@@ -98,6 +99,7 @@
     "@types/react": "^18.3.10",
     "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18.3.0",
+    "@types/sortablejs": "^1",
     "@types/terraformer__wkt": "^2",
     "@vitejs/plugin-react": "^4.3.2",
     "@wojtekmaj/react-daterange-picker": "^5.5.0",
@@ -123,6 +125,7 @@
     "react-phone-number-input": "^3.3.7",
     "react-select": "^5.8.0",
     "react-sortablejs": "^6.1.4",
+    "sortablejs": "^1",
     "storybook": "^8.3.5",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.7.0",