@hybridcore/ui 1.6.16 → 1.6.18

package/dist/components/status-indicator/styled.js

@@ -0,0 +1,114 @@
+import { styled as a, Typography as i, alpha as l } from "@mui/material";
+import { resolvePaletteColor as r } from "../metric-card/helpers.js";
+import { Widget as d } from "../widget/styled.js";
+const s = {
+  shouldForwardProp: (t) => t !== "ownerState"
+}, C = a(d.Root, {
+  name: "HCStatusIndicator",
+  slot: "Root",
+  ...s
+})(({ theme: t, ownerState: o }) => {
+  const n = {
+    padding: t.spacing(2),
+    display: "flex",
+    gap: t.spacing(0.5)
+  };
+  return o.variant === "prominent" ? {
+    ...n,
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    textAlign: "center"
+  } : o.variant === "split" ? {
+    ...n,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: t.spacing(2)
+  } : {
+    ...n,
+    flexDirection: "column",
+    alignItems: "flex-start",
+    justifyContent: "center"
+  };
+}), f = a(i, {
+  name: "HCStatusIndicator",
+  slot: "Label"
+})(({ theme: t }) => ({
+  color: t.palette.text.secondary,
+  fontWeight: 500
+})), I = a("div", {
+  name: "HCStatusIndicator",
+  slot: "IconContainer",
+  ...s
+})(({ theme: t, ownerState: o }) => {
+  const n = r(t, o.resolvedColor) ?? t.palette.text.primary, e = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: n
+  };
+  if (o.variant === "split") {
+    const c = r(t, o.resolvedBackgroundColor) ?? l(n, 0.12);
+    return {
+      ...e,
+      flexShrink: 0,
+      width: 56,
+      height: 56,
+      borderRadius: t.shape.borderRadius * 2,
+      backgroundColor: c
+    };
+  }
+  return e;
+}), x = a("div", {
+  name: "HCStatusIndicator",
+  slot: "Content"
+})(() => ({
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 0,
+  flex: 1
+})), m = a(i, {
+  name: "HCStatusIndicator",
+  slot: "Value",
+  ...s
+})(({ theme: t, ownerState: o }) => ({
+  fontWeight: 600,
+  lineHeight: 1.2,
+  color: r(t, o.resolvedColor) ?? t.palette.text.primary
+})), y = a("div", {
+  name: "HCStatusIndicator",
+  slot: "Badge",
+  ...s
+})(({ theme: t, ownerState: o }) => {
+  const n = r(t, o.resolvedColor) ?? t.palette.text.primary, e = r(t, o.resolvedBackgroundColor) ?? l(n, 0.12);
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: t.spacing(0.75),
+    padding: t.spacing(0.5, 1.25),
+    borderRadius: 999,
+    backgroundColor: e,
+    color: n,
+    fontWeight: 600
+  };
+}), S = a(i, {
+  name: "HCStatusIndicator",
+  slot: "Caption"
+})(({ theme: t }) => ({
+  color: t.palette.text.secondary
+})), v = a(i, {
+  name: "HCStatusIndicator",
+  slot: "Description"
+})(({ theme: t }) => ({
+  color: t.palette.text.secondary
+}));
+export {
+  y as StatusIndicatorBadge,
+  S as StatusIndicatorCaption,
+  x as StatusIndicatorContent,
+  v as StatusIndicatorDescription,
+  I as StatusIndicatorIconContainer,
+  f as StatusIndicatorLabel,
+  C as StatusIndicatorRoot,
+  m as StatusIndicatorValue
+};

package/dist/main.d.ts

@@ -727,6 +727,13 @@ export declare interface EditableTextProps extends TypographyProps {
     onChange?(text: string | null): void;
 }
 
+export declare interface EnumRangeProps {
+    value: SIMULATION.RandomInfoString;
+    options: string[];
+    variant?: RangeSelectorVariant;
+    onChange(value: SIMULATION.RandomInfoString): 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>, {}, {}>;
@@ -1662,6 +1669,7 @@ export declare type RangeSelectorAcceptedType =
 | "long"
 | "string"
 | "text"
+| "enum"
 | "date"
 | "geometry"
 | "composite-list";
@@ -1686,6 +1694,14 @@ export declare type RangeSelectorProps =
     sx?: SxProps<Theme>;
     onChange(value: SIMULATION.RandomInfoString): void;
 }
+| {
+    type: "enum";
+    value?: SIMULATION.RandomInfoString;
+    enumValues: string[];
+    mapboxAccessToken: string;
+    sx?: SxProps<Theme>;
+    onChange(value: SIMULATION.RandomInfoString): void;
+}
 | {
     type: "date";
     value?: SIMULATION.RandomInfoDate;
@@ -1936,6 +1952,58 @@ export declare interface StatsBoxProps extends BoxProps {
     icon?: default_2.ReactNode;
 }
 
+export declare type StatusIconName =
+| "trending-up"
+| "trending-down"
+| "arrow-right"
+| "arrow-up"
+| "arrow-down"
+| "caret-up"
+| "caret-down"
+| "minus"
+| "ban"
+| "help"
+| "check"
+| "alert"
+| "circle";
+
+export declare const StatusIndicator: (props: StatusIndicatorProps) => JSX_2.Element;
+
+export declare type StatusIndicatorComponentOverride<Theme = unknown> = {
+    defaultProps?: StatusIndicatorProps;
+    styleOverrides?: ComponentsOverrides_2<Theme>["HCStatusIndicator"];
+};
+
+export declare interface StatusIndicatorProps {
+    // The current categorical value, e.g. "DOWN". Bound at runtime from an ontology
+    // instance's enum variable (response.variables.enum.priceDirection).
+    value?: string;
+    // Heading shown above the state (e.g. "Gold Price Direction").
+    label?: string;
+    // Optional subtitle beneath the state.
+    description?: string;
+    // Small supporting line (e.g. the forecast date).
+    caption?: string;
+    // The state map — which value renders which label/color/icon.
+    states?: StatusState[];
+    variant?: StatusIndicatorVariant;
+    showIcon?: boolean;
+    // Text rendered when `value` matches no configured state.
+    emptyLabel?: string;
+    loading?: boolean;
+    sx?: SxProps<Theme>;
+}
+
+export declare type StatusIndicatorVariant = "prominent" | "badge" | "split";
+
+export declare interface StatusState {
+    value: string;
+    label?: string;
+    color?: string;
+    backgroundColor?: string;
+    icon?: StatusIconName;
+}
+
 export declare interface StringRangeProps {
     value: SIMULATION.RandomInfoString;
     variant?: RangeSelectorVariant;
@@ -3549,6 +3617,30 @@ declare module "@mui/material/styles" {
 
 
 
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    HCStatusIndicator:
+      | "root"
+      | "label"
+      | "iconContainer"
+      | "content"
+      | "value"
+      | "badge"
+      | "caption"
+      | "description";
+  }
+
+  interface ComponentsPropsList {
+    HCStatusIndicator: StatusIndicatorProps;
+  }
+
+  interface Components<Theme = unknown> {
+    HCStatusIndicator?: StatusIndicatorComponentOverride<Theme>;
+  }
+}
+
+
+
 declare module "@mui/material/styles" {
   interface ComponentNameToClassKey {
     HCPlaceholder: "root";

package/dist/main.js

@@ -6,7 +6,7 @@ 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 { CandlestickChart as h } 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";
@@ -31,7 +31,7 @@ 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 { Container as ur } from "./components/container/index.js";
 import { ContextMenu as Dr } from "./components/context-menu/index.js";
 import { DataGrid as Sr } from "./components/data-grid/index.js";
 import { DataMap as gr } from "./components/data-map/index.js";
@@ -58,42 +58,43 @@ 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 { ObjectProfileCard as ho } 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";
+import { StatusIndicator as Io } from "./components/status-indicator/index.js";
+import { PhoneInput as yo } from "./components/phone-input/index.js";
+import { Placeholder as bo } from "./components/placeholder/index.js";
+import { PositionalTooltip as Vo } from "./components/positional-tooltip/index.js";
+import { PrrMap as vo } from "./components/prr-map/index.js";
+import { RangeSelector as Ro } from "./components/range-selector/index.js";
+import { RasterGridMap as Eo } from "./components/raster-grid-map/index.js";
+import { SearchInput as Ho } from "./components/search-input/index.js";
+import { ScrollDrag as Wo } from "./components/scroll-drag/index.js";
+import { SimplePivotTable as Oo } from "./components/simple-pivot-table/index.js";
+import { SortableList as No } from "./components/sortable-list/index.js";
+import { StatsBox as zo } from "./components/stats-box/index.js";
+import { StaticText as Yo } from "./components/static-text/index.js";
+import { Tabs as Jo } from "./components/tabs/index.js";
+import { TextOverflow as Qo } from "./components/text-overflow/index.js";
+import { TemplateFilters as $o } from "./components/template-filters/index.js";
+import { TemplateForm as oe } from "./components/template-form/index.js";
+import { TemplatePropertyFilters as te } from "./components/template-property-filters/index.js";
+import { Property as me } from "./components/template-property-filters/property.js";
+import { TimelineWidget as xe } from "./components/timeline/index.js";
+import { ToggleViewButton as ie } from "./components/toggle-view-button/index.js";
+import { TreeSelect as ne } from "./components/tree-select/index.js";
+import { TreeViewFilter as se } from "./components/treeview-filter/index.js";
+import { Uploader as Ce } from "./components/uploader/index.js";
+import { VisuallyHiddenInput as Te } from "./components/visually-hidden-input/styled.js";
+import { Widget as he } from "./components/widget/styled.js";
+import { FlexCol as Le } from "./components/flex-col/index.js";
+import { FlexRow as Ie } from "./components/flex-row/index.js";
+import { notify as ye, removeNotification as Fe } from "./components/notification/store.js";
 export {
   i as Access,
   n as AccessUtils,
   x as AdapterDayjs,
   mr as Button,
-  u as CandlestickChart,
+  h as CandlestickChart,
   s as Card,
   C as CardAlternate,
   T as ChartWrapper,
@@ -101,7 +102,7 @@ export {
   xr as ColorPicker,
   I as ColumnLineMix,
   nr as ConditionalWrapper,
-  hr as Container,
+  ur as Container,
   Dr as ContextMenu,
   Mr as DEFAULT_RELATIVE_PRESET_LABELS,
   tr as DEFAULT_VIRIDIS_COOL,
@@ -118,8 +119,8 @@ export {
   V as DrillDownVoronoiTreemap,
   Ur as DurationSelect,
   jr as EditableText,
-  ue as FlexCol,
-  Le as FlexRow,
+  Le as FlexCol,
+  Ie as FlexRow,
   L as ForecastConeChart,
   qr as GeometryDraw,
   Kr as GeometryParser,
@@ -142,46 +143,47 @@ export {
   To as MetricCard,
   W as MultipleValueAxes,
   O as NestedPie,
-  uo as ObjectProfileCard,
+  ho as ObjectProfileCard,
   N as PackedCircles,
   Lo as PaginatedList,
-  Io as PhoneInput,
+  yo 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,
+  bo as Placeholder,
+  Vo as PositionalTooltip,
+  me as PropertyFilterInput,
+  vo as PrrMap,
+  Ro as RangeSelector,
+  Eo as RasterGridMap,
+  Wo as ScrollDrag,
+  Ho as SearchInput,
   Ar as SecurityLevel,
-  Wo as SimplePivotTable,
-  Oo as SortableList,
+  Oo as SimplePivotTable,
+  No 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,
+  Yo as StaticText,
+  zo as StatsBox,
+  Io as StatusIndicator,
+  Jo as Tabs,
+  $o as TemplateFilters,
+  oe as TemplateForm,
+  te as TemplatePropertyFilters,
+  Qo as TextOverflow,
   e as ThemeProvider,
-  me as TimelineWidget,
-  xe as ToggleViewButton,
-  ie as TreeSelect,
-  ne as TreeViewFilter,
-  se as Uploader,
-  Ce as VisuallyHiddenInput,
-  Te as Widget,
+  xe as TimelineWidget,
+  ie as ToggleViewButton,
+  ne as TreeSelect,
+  se as TreeViewFilter,
+  Ce as Uploader,
+  Te as VisuallyHiddenInput,
+  he as Widget,
   Q as XYChart,
   sr as alert,
   dr as confirm,
   t as createTheme,
   $ as formatValue,
   rr as humanizeLabel,
-  Ie as notify,
-  ge as removeNotification,
+  ye as notify,
+  Fe as removeNotification,
   or as resolveConditionalStyle
 };

package/package.json

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

package/dist/IconPlus-yPkff_Vj.js

@@ -1,19 +0,0 @@
-import { c as o } from "./createReactComponent-C7L-DMHj.js";
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const s = [["path", { d: "M5 12l14 0", key: "svg-0" }]], e = o("outline", "minus", "Minus", s);
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const n = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], c = o("outline", "plus", "Plus", n);
-export {
-  c as I,
-  e as a
-};