@hybridcore/ui 1.6.12 → 1.6.13

package/dist/main.d.ts

@@ -382,19 +382,40 @@ export declare interface CompositeListRangeProps {
 }
 
 export declare type ConditionalOp =
+// number + date (date reuses the numeric comparators on timestamps)
 | "lt"
 | "lte"
 | "gt"
 | "gte"
 | "eq"
 | "neq"
-| "between";
+| "between"
+// text
+| "contains"
+| "notContains"
+| "startsWith"
+| "endsWith"
+| "isEmpty"
+| "isNotEmpty"
+// boolean
+| "isTrue"
+| "isFalse";
 
 export declare interface ConditionalRule {
     op: ConditionalOp;
-    value: number;
-    /** Upper bound, used only when `op` is "between". */
-    value2?: number;
+    /**
+     * Comparison operand: a number for numeric rules, an ISO string for date
+     * rules, a string for text rules. Unused by the boolean (`isTrue`/`isFalse`)
+     * and empty (`isEmpty`/`isNotEmpty`) operators.
+     */
+    value: number | string | boolean;
+    /** Upper bound, used only when `op` is "between" (number or ISO date string). */
+    value2?: number | string;
+    /**
+     * The value type this rule compares. Defaults to "number" when absent so
+     * rules saved before type-aware formatting keep their numeric behavior.
+     */
+    type?: ConditionFieldType;
     /** Text color applied when the rule matches (theme token path or CSS color). */
     color?: string;
     /** Background color applied when the rule matches. */
@@ -418,6 +439,9 @@ declare interface ConditionalWrapperProps {
     children: default_2.ReactNode;
 }
 
+/** The kind of value a conditional rule compares against. */
+export declare type ConditionFieldType = "number" | "text" | "date" | "boolean";
+
 declare function confirm_2(title: string, description: string, options?: OptionsType): Promise<unknown>;
 export { confirm_2 as confirm }
 
@@ -774,11 +798,14 @@ export declare interface ForecastConeChartProps {
 }
 
 /**
- * Format a raw value for display: numbers get locale grouping + the configured
- * decimals, then the prefix/suffix are wrapped around the result. Non-numeric
- * values are returned as-is; empty values become an em dash.
+ * Format a raw value for display, shaped by `format.valueType`:
+ * - number (default): locale grouping + configured decimals, wrapped in prefix/suffix;
+ * - date: dayjs-formatted via `format.dateFormat` (or a grain default from `field`);
+ * - boolean: `format.trueLabel` / `format.falseLabel`, else "true"/"false";
+ * - text: the raw string wrapped in prefix/suffix.
+ * Empty values become an em dash.
  */
-export declare const formatValue: (value: unknown, format?: ValueFormat, empty?: string) => string;
+export declare const formatValue: (value: unknown, format?: ValueFormat, empty?: string, field?: string) => string;
 
 export declare const GeometryDraw: ({ mapId, mapboxAccessToken, value: defaultValue, disableActions, variant, defaultExtent, onCancel, onSubmit, onChange, }: GeometryDrawProps) => JSX_2.Element;
 
@@ -2271,6 +2298,11 @@ export declare interface ValueFormat {
     suffix?: string;
     /** Fixed number of fraction digits; defaults to "up to 2" when unset. */
     decimals?: number;
+    /**
+     * Number notation. "compact" abbreviates large numbers (1.2K, 3M, 2.5B, 1.4T);
+     * "standard" (default) is the full grouped number. Numeric values only.
+     */
+    notation?: "standard" | "compact";
     /** Base text color applied unconditionally (theme token path or CSS color). A
      * matching `conditionalRules` entry overrides it. */
     color?: string;
@@ -2278,6 +2310,20 @@ export declare interface ValueFormat {
     backgroundColor?: string;
     /** First matching rule wins; its colors override the base `color`/`backgroundColor`. */
     conditionalRules?: ConditionalRule[];
+    /**
+     * The value's data type, driving how the cell is formatted (and the base
+     * inputs shown in the editor). Defaults to "number" when unset. Kept here —
+     * rather than on the descriptor — so it survives property mapping, which only
+     * copies descriptor fields named in the widget schema but passes `format`
+     * through whole.
+     */
+    valueType?: ConditionFieldType;
+    /** dayjs format for date-typed values; falls back to a grain-based default when unset. */
+    dateFormat?: string;
+    /** Display text for a true boolean value; falls back to "true" when unset. */
+    trueLabel?: string;
+    /** Display text for a false boolean value; falls back to "false" when unset. */
+    falseLabel?: string;
 }
 
 export declare interface VariableDataType {

package/dist/main.js

@@ -1,186 +1,187 @@
 import { ThemeProvider as e, createTheme as t } from "@mui/material";
 import { LocalizationProvider as m } from "@mui/x-date-pickers";
-import { Access as x } from "./components/access/index.js";
-import { h as i } from "./helpers-D4uXfBfO.js";
-import { Card as n } from "./components/card/index.js";
-import { CardAlternate as s } from "./components/card-alternate/index.js";
-import { ChartWrapper as C } from "./components/charts/chart-wrapper/index.js";
-import { CandlestickChart as T } from "./components/charts/candlestick/index.js";
-import { ForecastConeChart as h } from "./components/charts/forecast-cone/index.js";
-import { ColumnLineMix as L } from "./components/charts/column-line-mix/index.js";
-import { DonutChart as I } from "./components/charts/donut-chart/index.js";
-import { DrillDownTreemap as y } from "./components/charts/drill-down-treemap/index.js";
-import { DrillDownVoronoiTreemap as F } from "./components/charts/drill-down-voronoi-treemap/index.js";
-import { Heatmap as V } from "./components/charts/heatmap/index.js";
-import { HighlightLineChart as v } from "./components/charts/highlighting-line-data/index.js";
-import { LineChart as R } from "./components/charts/line/index.js";
-import { LogaritmicScale as E } from "./components/charts/logaritmic-scale/index.js";
-import { MultipleValueAxes as H } from "./components/charts/multiple-value-axes/index.js";
-import { NestedPie as W } from "./components/charts/nested-pie/index.js";
-import { PackedCircles as O } from "./components/charts/packed-circles/index.js";
-import { PieChart as N } from "./components/charts/pie-chart/index.js";
-import { StackedAreaRadar as z } from "./components/charts/stacked-area-radar/index.js";
-import { StackedColumnChart as Y } from "./components/charts/stacked-column-chart/index.js";
-import { XYChart as J } from "./components/charts/xy-chart/index.js";
-import { formatValue as Q, humanizeLabel as Z, resolveConditionalStyle as $ } from "./components/charts/_common/format.js";
-import { DEFAULT_VIRIDIS_COOL as or } from "./components/charts/_common/utils.js";
-import { Button as tr } from "./components/button/index.js";
-import { ColorPicker as mr } from "./components/color-picker/index.js";
-import { CollapsibleCard as xr } from "./components/collapsible-card/index.js";
-import { ConditionalWrapper as ir } from "./components/conditional-wrapper/index.js";
-import { alert as nr, confirm as cr } from "./components/confirm/index.js";
-import { HCNotificationProvider as dr } from "./components/notification/index.js";
-import { Container as Pr } from "./components/container/index.js";
+import { AdapterDayjs as x } from "@mui/x-date-pickers/AdapterDayjs";
+import { Access as i } from "./components/access/index.js";
+import { h as n } from "./helpers-D4uXfBfO.js";
+import { Card as s } from "./components/card/index.js";
+import { CardAlternate as C } from "./components/card-alternate/index.js";
+import { ChartWrapper as T } from "./components/charts/chart-wrapper/index.js";
+import { CandlestickChart as u } from "./components/charts/candlestick/index.js";
+import { ForecastConeChart as L } from "./components/charts/forecast-cone/index.js";
+import { ColumnLineMix as I } from "./components/charts/column-line-mix/index.js";
+import { DonutChart as y } from "./components/charts/donut-chart/index.js";
+import { DrillDownTreemap as b } from "./components/charts/drill-down-treemap/index.js";
+import { DrillDownVoronoiTreemap as V } from "./components/charts/drill-down-voronoi-treemap/index.js";
+import { Heatmap as v } from "./components/charts/heatmap/index.js";
+import { HighlightLineChart as R } from "./components/charts/highlighting-line-data/index.js";
+import { LineChart as E } from "./components/charts/line/index.js";
+import { LogaritmicScale as H } from "./components/charts/logaritmic-scale/index.js";
+import { MultipleValueAxes as W } from "./components/charts/multiple-value-axes/index.js";
+import { NestedPie as O } from "./components/charts/nested-pie/index.js";
+import { PackedCircles as N } from "./components/charts/packed-circles/index.js";
+import { PieChart as z } from "./components/charts/pie-chart/index.js";
+import { StackedAreaRadar as Y } from "./components/charts/stacked-area-radar/index.js";
+import { StackedColumnChart as J } from "./components/charts/stacked-column-chart/index.js";
+import { XYChart as Q } from "./components/charts/xy-chart/index.js";
+import { formatValue as $, humanizeLabel as rr, resolveConditionalStyle as or } from "./components/charts/_common/format.js";
+import { DEFAULT_VIRIDIS_COOL as tr } from "./components/charts/_common/utils.js";
+import { Button as mr } from "./components/button/index.js";
+import { ColorPicker as xr } from "./components/color-picker/index.js";
+import { CollapsibleCard as ir } from "./components/collapsible-card/index.js";
+import { ConditionalWrapper as nr } from "./components/conditional-wrapper/index.js";
+import { alert as sr, confirm as dr } from "./components/confirm/index.js";
+import { HCNotificationProvider as Pr } from "./components/notification/index.js";
+import { Container as hr } from "./components/container/index.js";
 import { ContextMenu as Dr } from "./components/context-menu/index.js";
-import { DataGrid as ur } from "./components/data-grid/index.js";
-import { DataMap as Sr } from "./components/data-map/index.js";
-import { DisseminationList as gr } from "./components/data-security-selectors/dissemination-list/index.js";
+import { DataGrid as Sr } from "./components/data-grid/index.js";
+import { DataMap as gr } from "./components/data-map/index.js";
+import { DisseminationList as Fr } from "./components/data-security-selectors/dissemination-list/index.js";
 import { SecurityLevel as Ar } from "./components/data-security-selectors/security-level/index.js";
-import { A as br, D as Vr } from "./index-e9xTIYWt.js";
-import { DEFAULT_RELATIVE_PRESET_LABELS as vr } from "./components/date-picker-with-custom-range/logic.js";
-import { DateTimePicker as Rr } from "./components/date-time-picker/index.js";
-import { Divider as Er } from "./components/divider/index.js";
-import { DateRangePicker as Hr } from "./components/date-range-picker/index.js";
-import { DocumentViewer as Wr } from "./components/document-viewer/index.js";
-import { DurationSelect as Or } from "./components/duration-select/index.js";
-import { EditableText as Nr } from "./components/editable-text/index.js";
-import { GeometryPicker as zr } from "./components/geometry-picker/index.js";
-import { Geometry as Yr } from "./components/geometry-picker/geometry/index.js";
-import { Parser as Jr } from "./components/geometry-picker/parser/index.js";
-import { HeatMap as Qr } from "./components/heat-map/index.js";
-import { IconButton as $r } from "./components/icon-button/index.js";
-import { InstanceForm as oo } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as to } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as mo } from "./components/instance-table/index.js";
-import { InstanceVariableList as xo } from "./components/instance-variable-list/index.js";
-import { LinearIndicator as io } from "./components/linear-indicator/index.js";
-import { Loading as no } from "./components/loading/index.js";
-import { Map as so } from "./components/map/index.js";
-import { MetricCard as Po } from "./components/metric-card/index.js";
-import { ObjectProfileCard as Do } from "./components/object-profile-card/index.js";
-import { PaginatedList as uo } from "./components/paginated-list/index.js";
-import { PhoneInput as So } from "./components/phone-input/index.js";
-import { Placeholder as go } from "./components/placeholder/index.js";
-import { PositionalTooltip as Ao } from "./components/positional-tooltip/index.js";
-import { PrrMap as bo } from "./components/prr-map/index.js";
-import { RangeSelector as ko } from "./components/range-selector/index.js";
-import { RasterGridMap as Mo } from "./components/raster-grid-map/index.js";
-import { SearchInput as wo } from "./components/search-input/index.js";
-import { ScrollDrag as Go } from "./components/scroll-drag/index.js";
-import { SimplePivotTable as Bo } from "./components/simple-pivot-table/index.js";
-import { SortableList as _o } from "./components/sortable-list/index.js";
-import { StatsBox as Uo } from "./components/stats-box/index.js";
-import { StaticText as jo } from "./components/static-text/index.js";
-import { Tabs as Xo } from "./components/tabs/index.js";
-import { TextOverflow as qo } from "./components/text-overflow/index.js";
-import { TemplateFilters as Ko } from "./components/template-filters/index.js";
-import { TemplateForm as Zo } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as re } from "./components/template-property-filters/index.js";
-import { Property as ee } from "./components/template-property-filters/property.js";
-import { TimelineWidget as pe } from "./components/timeline/index.js";
-import { ToggleViewButton as ae } from "./components/toggle-view-button/index.js";
-import { TreeSelect as fe } from "./components/tree-select/index.js";
-import { TreeViewFilter as le } from "./components/treeview-filter/index.js";
-import { Uploader as ce } from "./components/uploader/index.js";
-import { VisuallyHiddenInput as de } from "./components/visually-hidden-input/styled.js";
-import { Widget as Pe } from "./components/widget/styled.js";
-import { FlexCol as De } from "./components/flex-col/index.js";
-import { FlexRow as ue } from "./components/flex-row/index.js";
-import { notify as Se, removeNotification as Ie } from "./components/notification/store.js";
+import { DatePickerWithCustomRange as kr } from "./components/date-picker-with-custom-range/index.js";
+import { DEFAULT_RELATIVE_PRESET_LABELS as Mr } from "./components/date-picker-with-custom-range/logic.js";
+import { DateTimePicker as wr } from "./components/date-time-picker/index.js";
+import { Divider as Gr } from "./components/divider/index.js";
+import { DateRangePicker as Br } from "./components/date-range-picker/index.js";
+import { DocumentViewer as _r } from "./components/document-viewer/index.js";
+import { DurationSelect as Ur } from "./components/duration-select/index.js";
+import { EditableText as jr } from "./components/editable-text/index.js";
+import { GeometryPicker as Xr } from "./components/geometry-picker/index.js";
+import { Geometry as qr } from "./components/geometry-picker/geometry/index.js";
+import { Parser as Kr } from "./components/geometry-picker/parser/index.js";
+import { HeatMap as Zr } from "./components/heat-map/index.js";
+import { IconButton as ro } from "./components/icon-button/index.js";
+import { InstanceForm as eo } from "./components/instance-form/index.js";
+import { InstanceHierarchyTable as po } from "./components/instance-hierarchy-table/index.js";
+import { InstanceTable as ao } from "./components/instance-table/index.js";
+import { InstanceVariableList as fo } from "./components/instance-variable-list/index.js";
+import { LinearIndicator as lo } from "./components/linear-indicator/index.js";
+import { Loading as co } from "./components/loading/index.js";
+import { Map as Co } from "./components/map/index.js";
+import { MetricCard as To } from "./components/metric-card/index.js";
+import { ObjectProfileCard as uo } from "./components/object-profile-card/index.js";
+import { PaginatedList as Lo } from "./components/paginated-list/index.js";
+import { PhoneInput as Io } from "./components/phone-input/index.js";
+import { Placeholder as yo } from "./components/placeholder/index.js";
+import { PositionalTooltip as bo } from "./components/positional-tooltip/index.js";
+import { PrrMap as Vo } from "./components/prr-map/index.js";
+import { RangeSelector as vo } from "./components/range-selector/index.js";
+import { RasterGridMap as Ro } from "./components/raster-grid-map/index.js";
+import { SearchInput as Eo } from "./components/search-input/index.js";
+import { ScrollDrag as Ho } from "./components/scroll-drag/index.js";
+import { SimplePivotTable as Wo } from "./components/simple-pivot-table/index.js";
+import { SortableList as Oo } from "./components/sortable-list/index.js";
+import { StatsBox as No } from "./components/stats-box/index.js";
+import { StaticText as zo } from "./components/static-text/index.js";
+import { Tabs as Yo } from "./components/tabs/index.js";
+import { TextOverflow as Jo } from "./components/text-overflow/index.js";
+import { TemplateFilters as Qo } from "./components/template-filters/index.js";
+import { TemplateForm as $o } from "./components/template-form/index.js";
+import { TemplatePropertyFilters as oe } from "./components/template-property-filters/index.js";
+import { Property as te } from "./components/template-property-filters/property.js";
+import { TimelineWidget as me } from "./components/timeline/index.js";
+import { ToggleViewButton as xe } from "./components/toggle-view-button/index.js";
+import { TreeSelect as ie } from "./components/tree-select/index.js";
+import { TreeViewFilter as ne } from "./components/treeview-filter/index.js";
+import { Uploader as se } from "./components/uploader/index.js";
+import { VisuallyHiddenInput as Ce } from "./components/visually-hidden-input/styled.js";
+import { Widget as Te } from "./components/widget/styled.js";
+import { FlexCol as ue } from "./components/flex-col/index.js";
+import { FlexRow as Le } from "./components/flex-row/index.js";
+import { notify as Ie, removeNotification as ge } from "./components/notification/store.js";
 export {
-  x as Access,
-  i as AccessUtils,
-  br as AdapterDayjs,
-  tr as Button,
-  T as CandlestickChart,
-  n as Card,
-  s as CardAlternate,
-  C as ChartWrapper,
-  xr as CollapsibleCard,
-  mr as ColorPicker,
-  L as ColumnLineMix,
-  ir as ConditionalWrapper,
-  Pr as Container,
+  i as Access,
+  n as AccessUtils,
+  x as AdapterDayjs,
+  mr as Button,
+  u as CandlestickChart,
+  s as Card,
+  C as CardAlternate,
+  T as ChartWrapper,
+  ir as CollapsibleCard,
+  xr as ColorPicker,
+  I as ColumnLineMix,
+  nr as ConditionalWrapper,
+  hr as Container,
   Dr as ContextMenu,
-  vr as DEFAULT_RELATIVE_PRESET_LABELS,
-  or as DEFAULT_VIRIDIS_COOL,
-  ur as DataGrid,
-  Sr as DataMap,
-  Vr as DatePickerWithCustomRange,
-  Hr as DateRangePicker,
-  Rr as DateTimePicker,
-  gr as DisseminationList,
-  Er as Divider,
-  Wr as DocumentViewer,
-  I as DonutChart,
-  y as DrillDownTreemap,
-  F as DrillDownVoronoiTreemap,
-  Or as DurationSelect,
-  Nr as EditableText,
-  De as FlexCol,
-  ue as FlexRow,
-  h as ForecastConeChart,
-  Yr as GeometryDraw,
-  Jr as GeometryParser,
-  zr as GeometryPicker,
-  dr as HCNotificationProvider,
-  Qr as HeatMap,
-  V as Heatmap,
-  v as HighlightLineChart,
-  $r as IconButton,
-  oo as InstanceForm,
-  to as InstanceHierarchyTable,
-  mo as InstanceTable,
-  xo as InstanceVariableList,
-  R as LineChart,
-  io as LinearIndicator,
-  no as Loading,
+  Mr as DEFAULT_RELATIVE_PRESET_LABELS,
+  tr as DEFAULT_VIRIDIS_COOL,
+  Sr as DataGrid,
+  gr as DataMap,
+  kr as DatePickerWithCustomRange,
+  Br as DateRangePicker,
+  wr as DateTimePicker,
+  Fr as DisseminationList,
+  Gr as Divider,
+  _r as DocumentViewer,
+  y as DonutChart,
+  b as DrillDownTreemap,
+  V as DrillDownVoronoiTreemap,
+  Ur as DurationSelect,
+  jr as EditableText,
+  ue as FlexCol,
+  Le as FlexRow,
+  L as ForecastConeChart,
+  qr as GeometryDraw,
+  Kr as GeometryParser,
+  Xr as GeometryPicker,
+  Pr as HCNotificationProvider,
+  Zr as HeatMap,
+  v as Heatmap,
+  R as HighlightLineChart,
+  ro as IconButton,
+  eo as InstanceForm,
+  po as InstanceHierarchyTable,
+  ao as InstanceTable,
+  fo as InstanceVariableList,
+  E as LineChart,
+  lo as LinearIndicator,
+  co as Loading,
   m as LocalizationProvider,
-  E as LogaritmicScale,
-  so as Map,
-  Po as MetricCard,
-  H as MultipleValueAxes,
-  W as NestedPie,
-  Do as ObjectProfileCard,
-  O as PackedCircles,
-  uo as PaginatedList,
-  So as PhoneInput,
-  N as PieChart,
-  go as Placeholder,
-  Ao as PositionalTooltip,
-  ee as PropertyFilterInput,
-  bo as PrrMap,
-  ko as RangeSelector,
-  Mo as RasterGridMap,
-  Go as ScrollDrag,
-  wo as SearchInput,
+  H as LogaritmicScale,
+  Co as Map,
+  To as MetricCard,
+  W as MultipleValueAxes,
+  O as NestedPie,
+  uo as ObjectProfileCard,
+  N as PackedCircles,
+  Lo as PaginatedList,
+  Io as PhoneInput,
+  z as PieChart,
+  yo as Placeholder,
+  bo as PositionalTooltip,
+  te as PropertyFilterInput,
+  Vo as PrrMap,
+  vo as RangeSelector,
+  Ro as RasterGridMap,
+  Ho as ScrollDrag,
+  Eo as SearchInput,
   Ar as SecurityLevel,
-  Bo as SimplePivotTable,
-  _o as SortableList,
-  z as StackedAreaRadar,
-  Y as StackedColumnChart,
-  jo as StaticText,
-  Uo as StatsBox,
-  Xo as Tabs,
-  Ko as TemplateFilters,
-  Zo as TemplateForm,
-  re as TemplatePropertyFilters,
-  qo as TextOverflow,
+  Wo as SimplePivotTable,
+  Oo as SortableList,
+  Y as StackedAreaRadar,
+  J as StackedColumnChart,
+  zo as StaticText,
+  No as StatsBox,
+  Yo as Tabs,
+  Qo as TemplateFilters,
+  $o as TemplateForm,
+  oe as TemplatePropertyFilters,
+  Jo as TextOverflow,
   e as ThemeProvider,
-  pe as TimelineWidget,
-  ae as ToggleViewButton,
-  fe as TreeSelect,
-  le as TreeViewFilter,
-  ce as Uploader,
-  de as VisuallyHiddenInput,
-  Pe as Widget,
-  J as XYChart,
-  nr as alert,
-  cr as confirm,
+  me as TimelineWidget,
+  xe as ToggleViewButton,
+  ie as TreeSelect,
+  ne as TreeViewFilter,
+  se as Uploader,
+  Ce as VisuallyHiddenInput,
+  Te as Widget,
+  Q as XYChart,
+  sr as alert,
+  dr as confirm,
   t as createTheme,
-  Q as formatValue,
-  Z as humanizeLabel,
-  Se as notify,
-  Ie as removeNotification,
-  $ as resolveConditionalStyle
+  $ as formatValue,
+  rr as humanizeLabel,
+  Ie as notify,
+  ge as removeNotification,
+  or as resolveConditionalStyle
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.12",
+  "version": "1.6.13",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",