@hybridcore/ui 1.6.2 → 1.6.4

package/dist/main.d.ts

@@ -52,6 +52,7 @@ import { TabsProps as TabsProps_2 } from '@mui/material';
 import { Theme } from '@mui/material';
 import { ThemeOptions } from '@mui/material';
 import { ThemeProvider } from '@mui/material';
+import { TypographyProps } from '@mui/material';
 
 export declare const Access: <T extends string>(props: AccessProps<T>) => JSX_2.Element | null;
 
@@ -247,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
@@ -336,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>;
@@ -607,6 +614,19 @@ export declare interface DurationSelectProps {
 
 export declare type DurationSelectValue = "24 Hours" | "7 Days" | "30 Days";
 
+export declare const EditableText: (props: EditableTextProps) => JSX_2.Element;
+
+export declare type EditableTextComponentOverride<Theme = unknown> = {
+    defaultProps?: Partial<EditableTextProps>;
+    styleOverrides?: ComponentsOverrides<Theme>["HCEditableText"];
+};
+
+export declare interface EditableTextProps extends TypographyProps {
+    text?: string;
+    placeholder?: string;
+    onChange?(text: string | null): void;
+}
+
 export declare const FlexCol: StyledComponent<BoxOwnProps<Theme> & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
 ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
 }, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
@@ -1110,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;
 
@@ -1144,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 =
@@ -2867,6 +2898,22 @@ declare module "@mui/material/styles" {
 
 
 
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    HCEditableText: "root";
+  }
+
+  interface ComponentsPropsList {
+    HCEditableText: Partial<EditableTextProps>;
+  }
+
+  interface Components<Theme = unknown> {
+    HCEditableText?: EditableTextComponentOverride<Theme>;
+  }
+}
+
+
+
 declare module "@mui/material/styles" {
   interface ComponentNameToClassKey {
     HCGeometryPicker:
@@ -3160,11 +3207,12 @@ declare module "@mui/material/styles" {
       | "label"
       | "value"
       | "trendContainer"
-      | "trendValue"
       | "description"
       | "icon"
       | "cornerIcon"
-      | "chart";
+      | "chart"
+      | "panel"
+      | "sideChart";
   }
 
   interface ComponentsPropsList {
@@ -3652,22 +3700,6 @@ declare module "@mui/material/styles" {
   }
 }
 
-
-
-declare module "@mui/material/styles" {
-  interface ComponentNameToClassKey {
-    HCEditableText: "root";
-  }
-
-  interface ComponentsPropsList {
-    HCEditableText: Partial<EditableTextProps>;
-  }
-
-  interface Components<Theme = unknown> {
-    HCEditableText?: EditableTextComponentOverride<Theme>;
-  }
-}
-
 declare namespace AUTH {
   type ModuleType =
     | "UI"

package/dist/main.js

@@ -11,8 +11,8 @@ import { DrillDownTreemap as u } from "./components/charts/drill-down-treemap/in
 import { DrillDownVoronoiTreemap as I } from "./components/charts/drill-down-voronoi-treemap/index.js";
 import { Heatmap as y } from "./components/charts/heatmap/index.js";
 import { HighlightLineChart as F } from "./components/charts/highlighting-line-data/index.js";
-import { LineChart as M } from "./components/charts/line/index.js";
-import { LogaritmicScale as V } from "./components/charts/logaritmic-scale/index.js";
+import { LineChart as k } from "./components/charts/line/index.js";
+import { LogaritmicScale as R } from "./components/charts/logaritmic-scale/index.js";
 import { MultipleValueAxes as v } from "./components/charts/multiple-value-axes/index.js";
 import { NestedPie as E } from "./components/charts/nested-pie/index.js";
 import { PackedCircles as H } from "./components/charts/packed-circles/index.js";
@@ -37,52 +37,53 @@ import { A as hr, D as ur } from "./index-e9xTIYWt.js";
 import { DEFAULT_RELATIVE_PRESET_LABELS as Ir } from "./components/date-picker-with-custom-range/logic.js";
 import { DateTimePicker as yr } from "./components/date-time-picker/index.js";
 import { Divider as Fr } from "./components/divider/index.js";
-import { DateRangePicker as Mr } from "./components/date-range-picker/index.js";
-import { DocumentViewer as Vr } from "./components/document-viewer/index.js";
+import { DateRangePicker as kr } from "./components/date-range-picker/index.js";
+import { DocumentViewer as Rr } from "./components/document-viewer/index.js";
 import { DurationSelect as vr } from "./components/duration-select/index.js";
-import { GeometryPicker as Er } from "./components/geometry-picker/index.js";
-import { Geometry as Hr } from "./components/geometry-picker/geometry/index.js";
-import { Parser as Wr } from "./components/geometry-picker/parser/index.js";
-import { HeatMap as Or } from "./components/heat-map/index.js";
-import { IconButton as Nr } from "./components/icon-button/index.js";
-import { InstanceForm as zr } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as Yr } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as Jr } from "./components/instance-table/index.js";
-import { InstanceVariableList as Qr } from "./components/instance-variable-list/index.js";
-import { LinearIndicator as $r } from "./components/linear-indicator/index.js";
-import { Loading as oo } from "./components/loading/index.js";
-import { Map as to } from "./components/map/index.js";
-import { MetricCard as mo } from "./components/metric-card/index.js";
-import { ObjectProfileCard as xo } from "./components/object-profile-card/index.js";
-import { PaginatedList as io } from "./components/paginated-list/index.js";
-import { PhoneInput as no } from "./components/phone-input/index.js";
-import { Placeholder as so } from "./components/placeholder/index.js";
-import { PositionalTooltip as Po } from "./components/positional-tooltip/index.js";
-import { PrrMap as Do } from "./components/prr-map/index.js";
-import { RangeSelector as ho } from "./components/range-selector/index.js";
-import { RasterGridMap as So } from "./components/raster-grid-map/index.js";
-import { SearchInput as go } from "./components/search-input/index.js";
-import { ScrollDrag as Ao } from "./components/scroll-drag/index.js";
-import { SimplePivotTable as ko } from "./components/simple-pivot-table/index.js";
-import { SortableList as Ro } from "./components/sortable-list/index.js";
-import { StatsBox as bo } from "./components/stats-box/index.js";
-import { StaticText as wo } from "./components/static-text/index.js";
-import { Tabs as Go } from "./components/tabs/index.js";
-import { TextOverflow as Bo } from "./components/text-overflow/index.js";
-import { TemplateFilters as _o } from "./components/template-filters/index.js";
-import { TemplateForm as Uo } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as jo } from "./components/template-property-filters/index.js";
-import { Property as Xo } from "./components/template-property-filters/property.js";
-import { TimelineWidget as qo } from "./components/timeline/index.js";
-import { ToggleViewButton as Ko } from "./components/toggle-view-button/index.js";
-import { TreeSelect as Zo } from "./components/tree-select/index.js";
-import { TreeViewFilter as re } from "./components/treeview-filter/index.js";
-import { Uploader as ee } from "./components/uploader/index.js";
-import { VisuallyHiddenInput as pe } from "./components/visually-hidden-input/styled.js";
-import { Widget as ae } from "./components/widget/styled.js";
-import { FlexCol as fe } from "./components/flex-col/index.js";
-import { FlexRow as le } from "./components/flex-row/index.js";
-import { notify as ce, removeNotification as se } from "./components/notification/store.js";
+import { EditableText as Er } from "./components/editable-text/index.js";
+import { GeometryPicker as Hr } from "./components/geometry-picker/index.js";
+import { Geometry as Wr } from "./components/geometry-picker/geometry/index.js";
+import { Parser as Or } from "./components/geometry-picker/parser/index.js";
+import { HeatMap as Nr } from "./components/heat-map/index.js";
+import { IconButton as zr } from "./components/icon-button/index.js";
+import { InstanceForm as Yr } from "./components/instance-form/index.js";
+import { InstanceHierarchyTable as Jr } from "./components/instance-hierarchy-table/index.js";
+import { InstanceTable as Qr } from "./components/instance-table/index.js";
+import { InstanceVariableList as $r } from "./components/instance-variable-list/index.js";
+import { LinearIndicator as oo } from "./components/linear-indicator/index.js";
+import { Loading as to } from "./components/loading/index.js";
+import { Map as mo } from "./components/map/index.js";
+import { MetricCard as xo } from "./components/metric-card/index.js";
+import { ObjectProfileCard as io } from "./components/object-profile-card/index.js";
+import { PaginatedList as no } from "./components/paginated-list/index.js";
+import { PhoneInput as so } from "./components/phone-input/index.js";
+import { Placeholder as Po } from "./components/placeholder/index.js";
+import { PositionalTooltip as Do } from "./components/positional-tooltip/index.js";
+import { PrrMap as ho } from "./components/prr-map/index.js";
+import { RangeSelector as So } from "./components/range-selector/index.js";
+import { RasterGridMap as go } from "./components/raster-grid-map/index.js";
+import { SearchInput as Ao } from "./components/search-input/index.js";
+import { ScrollDrag as bo } from "./components/scroll-drag/index.js";
+import { SimplePivotTable as Mo } from "./components/simple-pivot-table/index.js";
+import { SortableList as Vo } from "./components/sortable-list/index.js";
+import { StatsBox as wo } from "./components/stats-box/index.js";
+import { StaticText as Go } from "./components/static-text/index.js";
+import { Tabs as Bo } from "./components/tabs/index.js";
+import { TextOverflow as _o } from "./components/text-overflow/index.js";
+import { TemplateFilters as Uo } from "./components/template-filters/index.js";
+import { TemplateForm as jo } from "./components/template-form/index.js";
+import { TemplatePropertyFilters as Xo } from "./components/template-property-filters/index.js";
+import { Property as qo } from "./components/template-property-filters/property.js";
+import { TimelineWidget as Ko } from "./components/timeline/index.js";
+import { ToggleViewButton as Zo } from "./components/toggle-view-button/index.js";
+import { TreeSelect as re } from "./components/tree-select/index.js";
+import { TreeViewFilter as ee } from "./components/treeview-filter/index.js";
+import { Uploader as pe } from "./components/uploader/index.js";
+import { VisuallyHiddenInput as ae } from "./components/visually-hidden-input/styled.js";
+import { Widget as fe } from "./components/widget/styled.js";
+import { FlexCol as le } from "./components/flex-col/index.js";
+import { FlexRow as ce } from "./components/flex-row/index.js";
+import { notify as de, removeNotification as Ce } from "./components/notification/store.js";
 export {
   x as Access,
   i as AccessUtils,
@@ -103,74 +104,75 @@ export {
   cr as DataGrid,
   dr as DataMap,
   ur as DatePickerWithCustomRange,
-  Mr as DateRangePicker,
+  kr as DateRangePicker,
   yr as DateTimePicker,
   Pr as DisseminationList,
   Fr as Divider,
-  Vr as DocumentViewer,
+  Rr as DocumentViewer,
   u as DrillDownTreemap,
   I as DrillDownVoronoiTreemap,
   vr as DurationSelect,
-  fe as FlexCol,
-  le as FlexRow,
-  Hr as GeometryDraw,
-  Wr as GeometryParser,
-  Er as GeometryPicker,
+  Er as EditableText,
+  le as FlexCol,
+  ce as FlexRow,
+  Wr as GeometryDraw,
+  Or as GeometryParser,
+  Hr as GeometryPicker,
   ar as HCNotificationProvider,
-  Or as HeatMap,
+  Nr as HeatMap,
   y as Heatmap,
   F as HighlightLineChart,
-  Nr as IconButton,
-  zr as InstanceForm,
-  Yr as InstanceHierarchyTable,
-  Jr as InstanceTable,
-  Qr as InstanceVariableList,
-  M as LineChart,
-  $r as LinearIndicator,
-  oo as Loading,
+  zr as IconButton,
+  Yr as InstanceForm,
+  Jr as InstanceHierarchyTable,
+  Qr as InstanceTable,
+  $r as InstanceVariableList,
+  k as LineChart,
+  oo as LinearIndicator,
+  to as Loading,
   m as LocalizationProvider,
-  V as LogaritmicScale,
-  to as Map,
-  mo as MetricCard,
+  R as LogaritmicScale,
+  mo as Map,
+  xo as MetricCard,
   v as MultipleValueAxes,
   E as NestedPie,
-  xo as ObjectProfileCard,
+  io as ObjectProfileCard,
   H as PackedCircles,
-  io as PaginatedList,
-  no as PhoneInput,
+  no as PaginatedList,
+  so as PhoneInput,
   W as PieChart,
-  so as Placeholder,
-  Po as PositionalTooltip,
-  Xo as PropertyFilterInput,
-  Do as PrrMap,
-  ho as RangeSelector,
-  So as RasterGridMap,
-  Ao as ScrollDrag,
-  go as SearchInput,
+  Po as Placeholder,
+  Do as PositionalTooltip,
+  qo as PropertyFilterInput,
+  ho as PrrMap,
+  So as RangeSelector,
+  go as RasterGridMap,
+  bo as ScrollDrag,
+  Ao as SearchInput,
   Dr as SecurityLevel,
-  ko as SimplePivotTable,
-  Ro as SortableList,
+  Mo as SimplePivotTable,
+  Vo as SortableList,
   O as StackedAreaRadar,
   N as StackedColumnChart,
-  wo as StaticText,
-  bo as StatsBox,
-  Go as Tabs,
-  _o as TemplateFilters,
-  Uo as TemplateForm,
-  jo as TemplatePropertyFilters,
-  Bo as TextOverflow,
+  Go as StaticText,
+  wo as StatsBox,
+  Bo as Tabs,
+  Uo as TemplateFilters,
+  jo as TemplateForm,
+  Xo as TemplatePropertyFilters,
+  _o as TextOverflow,
   e as ThemeProvider,
-  qo as TimelineWidget,
-  Ko as ToggleViewButton,
-  Zo as TreeSelect,
-  re as TreeViewFilter,
-  ee as Uploader,
-  pe as VisuallyHiddenInput,
-  ae as Widget,
+  Ko as TimelineWidget,
+  Zo as ToggleViewButton,
+  re as TreeSelect,
+  ee as TreeViewFilter,
+  pe as Uploader,
+  ae as VisuallyHiddenInput,
+  fe as Widget,
   z as XYChart,
   tr as alert,
   pr as confirm,
   t as createTheme,
-  ce as notify,
-  se as removeNotification
+  de as notify,
+  Ce as removeNotification
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.2",
+  "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",