@texturehq/edges 1.20.3 → 1.22.0
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.
- package/dist/components.manifest.json +15 -2
- package/dist/generated/tailwind-tokens-dark.css +18 -2
- package/dist/generated/tailwind-tokens-light.css +16 -0
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +132 -8
- package/dist/index.d.ts +132 -8
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +173 -2
- package/dist/utilities.manifest.json +2 -2
- package/package.json +174 -174
package/dist/index.d.cts
CHANGED
|
@@ -1078,6 +1078,39 @@ declare function useDataControls<T>(options: UseDataControlsOptions<T>): UseData
|
|
|
1078
1078
|
|
|
1079
1079
|
declare function useDebounce<T>(value: T, delay?: number): T;
|
|
1080
1080
|
|
|
1081
|
+
interface ElementSize {
|
|
1082
|
+
width: number;
|
|
1083
|
+
height: number;
|
|
1084
|
+
}
|
|
1085
|
+
interface UseElementSizeResult<T extends HTMLElement = HTMLElement> {
|
|
1086
|
+
ref: (node: T | null) => void;
|
|
1087
|
+
width: number;
|
|
1088
|
+
height: number;
|
|
1089
|
+
}
|
|
1090
|
+
/**
|
|
1091
|
+
* useElementSize
|
|
1092
|
+
*
|
|
1093
|
+
* A performant hook that tracks the dimensions of a DOM element using ResizeObserver.
|
|
1094
|
+
* Returns a callback ref to attach to the element and its current width/height.
|
|
1095
|
+
*
|
|
1096
|
+
* Performance optimizations:
|
|
1097
|
+
* - Uses ResizeObserver for efficient resize detection
|
|
1098
|
+
* - Debounces updates using requestAnimationFrame
|
|
1099
|
+
* - Cleans up observer on unmount
|
|
1100
|
+
*
|
|
1101
|
+
* @example
|
|
1102
|
+
* ```tsx
|
|
1103
|
+
* const { ref, width, height } = useElementSize();
|
|
1104
|
+
*
|
|
1105
|
+
* return (
|
|
1106
|
+
* <div ref={ref}>
|
|
1107
|
+
* Width: {width}px, Height: {height}px
|
|
1108
|
+
* </div>
|
|
1109
|
+
* );
|
|
1110
|
+
* ```
|
|
1111
|
+
*/
|
|
1112
|
+
declare function useElementSize<T extends HTMLElement = HTMLElement>(): UseElementSizeResult<T>;
|
|
1113
|
+
|
|
1081
1114
|
type LoadingState = "idle" | "loading" | "loading-more" | "error";
|
|
1082
1115
|
interface UseInfiniteScrollOptions<T = unknown> {
|
|
1083
1116
|
/** Array of items being displayed */
|
|
@@ -1710,6 +1743,12 @@ interface ContactCardProps {
|
|
|
1710
1743
|
}>;
|
|
1711
1744
|
/** Card variant */
|
|
1712
1745
|
variant?: "outlined" | "elevated" | "filled" | "ghost";
|
|
1746
|
+
/** Layout orientation
|
|
1747
|
+
* @default "horizontal"
|
|
1748
|
+
* - "horizontal": Avatar on left, info on right
|
|
1749
|
+
* - "vertical": Avatar on top, info below (centered, better for narrow/square containers)
|
|
1750
|
+
*/
|
|
1751
|
+
layout?: "horizontal" | "vertical";
|
|
1713
1752
|
/** Show email address
|
|
1714
1753
|
* @default true
|
|
1715
1754
|
*/
|
|
@@ -1744,7 +1783,7 @@ interface ContactCardProps {
|
|
|
1744
1783
|
* />
|
|
1745
1784
|
* ```
|
|
1746
1785
|
*/
|
|
1747
|
-
declare function ContactCard({ firstName, lastName, email, phone, avatarUrl, href, LinkComponent, variant, showEmail, showPhone, isLoading, className, contentClassName, }: ContactCardProps): react_jsx_runtime.JSX.Element;
|
|
1786
|
+
declare function ContactCard({ firstName, lastName, email, phone, avatarUrl, href, LinkComponent, variant, layout, showEmail, showPhone, isLoading, className, contentClassName, }: ContactCardProps): react_jsx_runtime.JSX.Element;
|
|
1748
1787
|
|
|
1749
1788
|
type SortDirection = "asc" | "desc";
|
|
1750
1789
|
type CellAlignment = "left" | "center" | "right";
|
|
@@ -2886,6 +2925,8 @@ interface DeviceStateCellProps<T = any> extends Omit<CellComponentProps<T>, "val
|
|
|
2886
2925
|
fixedWidth?: boolean;
|
|
2887
2926
|
/** Alignment */
|
|
2888
2927
|
align?: "left" | "center" | "right";
|
|
2928
|
+
/** Compact mode - shows secondary state as icon only (arrow up/down for grid states) */
|
|
2929
|
+
compact?: boolean;
|
|
2889
2930
|
/** Additional classes */
|
|
2890
2931
|
className?: string;
|
|
2891
2932
|
}
|
|
@@ -2922,7 +2963,7 @@ interface DeviceStateCellProps<T = any> extends Omit<CellComponentProps<T>, "val
|
|
|
2922
2963
|
* }
|
|
2923
2964
|
* ```
|
|
2924
2965
|
*/
|
|
2925
|
-
declare function DeviceStateCell<T = any>({ value, row, context, metric, metricFormatter, secondaryState, size, shape, label, icon, fixedWidth, align, className, }: DeviceStateCellProps<T>): react_jsx_runtime.JSX.Element;
|
|
2966
|
+
declare function DeviceStateCell<T = any>({ value, row, context, metric, metricFormatter, secondaryState, size, shape, label, icon, fixedWidth, align, compact, className, }: DeviceStateCellProps<T>): react_jsx_runtime.JSX.Element;
|
|
2926
2967
|
|
|
2927
2968
|
interface FormattedCellProps<T = any> extends CellComponentProps<T> {
|
|
2928
2969
|
/**
|
|
@@ -3370,6 +3411,8 @@ interface DeviceStateWithMetricProps extends Pick<DeviceStateBadgeProps, "state"
|
|
|
3370
3411
|
isLoading?: boolean;
|
|
3371
3412
|
/** Fixed width for column alignment (useful in tables) */
|
|
3372
3413
|
fixedWidth?: boolean;
|
|
3414
|
+
/** Show icon only for secondary grid state (compact mode) */
|
|
3415
|
+
secondaryStateIconOnly?: boolean;
|
|
3373
3416
|
/** Additional CSS classes */
|
|
3374
3417
|
className?: string;
|
|
3375
3418
|
}
|
|
@@ -3404,7 +3447,7 @@ interface DeviceStateWithMetricProps extends Pick<DeviceStateBadgeProps, "state"
|
|
|
3404
3447
|
* />
|
|
3405
3448
|
* ```
|
|
3406
3449
|
*/
|
|
3407
|
-
declare function DeviceStateWithMetric({ state, stateLabel, metric, metricFormatter, secondaryState, layout, isLoading, size, shape, icon, fixedWidth, className, }: DeviceStateWithMetricProps): react_jsx_runtime.JSX.Element;
|
|
3450
|
+
declare function DeviceStateWithMetric({ state, stateLabel, metric, metricFormatter, secondaryState, layout, isLoading, size, shape, icon, fixedWidth, secondaryStateIconOnly, className, }: DeviceStateWithMetricProps): react_jsx_runtime.JSX.Element;
|
|
3408
3451
|
|
|
3409
3452
|
interface DeviceTypeIconProps {
|
|
3410
3453
|
/** The device type to display (deprecated: use iconName instead) */
|
|
@@ -3682,7 +3725,7 @@ interface GridStateBadgeProps extends Omit<BadgeProps, "variant" | "children"> {
|
|
|
3682
3725
|
state: GridState;
|
|
3683
3726
|
/** Custom label override (defaults to auto-capitalized state name) */
|
|
3684
3727
|
label?: string;
|
|
3685
|
-
/** Show directional icon (arrow up for exporting, arrow down for importing) */
|
|
3728
|
+
/** Show only directional icon without text (arrow up for exporting, arrow down for importing) */
|
|
3686
3729
|
showIcon?: boolean;
|
|
3687
3730
|
/** Loading state */
|
|
3688
3731
|
isLoading?: boolean;
|
|
@@ -3705,6 +3748,75 @@ interface GridStateBadgeProps extends Omit<BadgeProps, "variant" | "children"> {
|
|
|
3705
3748
|
*/
|
|
3706
3749
|
declare function GridStateBadge({ state, label, showIcon, isLoading, size, shape, fixedWidth, className, ...badgeProps }: GridStateBadgeProps): react_jsx_runtime.JSX.Element;
|
|
3707
3750
|
|
|
3751
|
+
/**
|
|
3752
|
+
* Base type for a node in the hierarchy
|
|
3753
|
+
*/
|
|
3754
|
+
interface HierarchyNode {
|
|
3755
|
+
id: string;
|
|
3756
|
+
name: string;
|
|
3757
|
+
children?: HierarchyNode[];
|
|
3758
|
+
disabled?: boolean;
|
|
3759
|
+
icon?: string;
|
|
3760
|
+
metadata?: Record<string, string | number | boolean | null>;
|
|
3761
|
+
[key: string]: unknown;
|
|
3762
|
+
}
|
|
3763
|
+
/**
|
|
3764
|
+
* State passed to custom render functions
|
|
3765
|
+
*/
|
|
3766
|
+
interface NodeState {
|
|
3767
|
+
isSelected: boolean;
|
|
3768
|
+
isDisabled: boolean;
|
|
3769
|
+
hasChildren: boolean;
|
|
3770
|
+
hasMetadata: boolean;
|
|
3771
|
+
level: number;
|
|
3772
|
+
}
|
|
3773
|
+
/**
|
|
3774
|
+
* Props for the HierarchyExplorer root component
|
|
3775
|
+
*/
|
|
3776
|
+
interface HierarchyExplorerProps<T extends HierarchyNode = HierarchyNode> {
|
|
3777
|
+
/** The hierarchical data to display */
|
|
3778
|
+
data: T[];
|
|
3779
|
+
/** Custom render function for node content */
|
|
3780
|
+
renderNode?: (node: T, state: NodeState) => React.ReactNode;
|
|
3781
|
+
/** Callback when a node is selected/drilled into */
|
|
3782
|
+
onNodeSelect?: (node: T, path: T[]) => void;
|
|
3783
|
+
/** Callback when navigating in the hierarchy */
|
|
3784
|
+
onNavigate?: (node: T | null, path: T[]) => void;
|
|
3785
|
+
/** Selected node ID */
|
|
3786
|
+
selectedId?: string | null;
|
|
3787
|
+
/** ID of the node to highlight as the root/starting point */
|
|
3788
|
+
rootNodeId?: string;
|
|
3789
|
+
/** Make the root node sticky when scrolling */
|
|
3790
|
+
stickyRootNode?: boolean;
|
|
3791
|
+
/** Height of the component (enables internal scrolling). Can be a number (px) or string (e.g., "400px", "50vh") */
|
|
3792
|
+
height?: number | string;
|
|
3793
|
+
/** Minimum height of the component */
|
|
3794
|
+
minHeight?: number | string;
|
|
3795
|
+
/** Maximum height of the component */
|
|
3796
|
+
maxHeight?: number | string;
|
|
3797
|
+
/** Visual variant */
|
|
3798
|
+
variant?: "subtle" | "solid";
|
|
3799
|
+
/** Size variant */
|
|
3800
|
+
size?: "xs" | "sm" | "md";
|
|
3801
|
+
/** Show bullets for all items */
|
|
3802
|
+
showBullets?: boolean;
|
|
3803
|
+
/** Layout mode: "auto" (responsive), "single" (force drill-down), or "split" (force two-pane) */
|
|
3804
|
+
layout?: "auto" | "single" | "split";
|
|
3805
|
+
/** Container width threshold for switching to split layout (in pixels). Default: 768 */
|
|
3806
|
+
splitBreakpoint?: number;
|
|
3807
|
+
/** Custom empty state for the detail pane in split layout when nothing is selected */
|
|
3808
|
+
renderEmptyState?: () => React.ReactNode;
|
|
3809
|
+
/** Custom class name */
|
|
3810
|
+
className?: string;
|
|
3811
|
+
/** Aria label for the tree */
|
|
3812
|
+
"aria-label"?: string;
|
|
3813
|
+
}
|
|
3814
|
+
|
|
3815
|
+
/**
|
|
3816
|
+
* HierarchyExplorer - Main component for drill-down navigation through hierarchical data
|
|
3817
|
+
*/
|
|
3818
|
+
declare function HierarchyExplorer<T extends HierarchyNode = HierarchyNode>({ data, renderNode, onNodeSelect, onNavigate, selectedId: controlledSelectedId, rootNodeId, stickyRootNode, height, minHeight, maxHeight, variant, size, showBullets, layout, splitBreakpoint, renderEmptyState, className, "aria-label": ariaLabel, }: HierarchyExplorerProps<T>): react_jsx_runtime.JSX.Element;
|
|
3819
|
+
|
|
3708
3820
|
interface InfiniteScrollIndicatorProps {
|
|
3709
3821
|
/** Current loading state - determines which indicator to show */
|
|
3710
3822
|
state: "loading-more";
|
|
@@ -4732,6 +4844,12 @@ interface SiteCardProps {
|
|
|
4732
4844
|
}>;
|
|
4733
4845
|
/** Card variant */
|
|
4734
4846
|
variant?: "outlined" | "elevated" | "filled" | "ghost";
|
|
4847
|
+
/** Layout mode
|
|
4848
|
+
* @default "stacked"
|
|
4849
|
+
* - "stacked": Traditional stacked layout (map on top, content below)
|
|
4850
|
+
* - "row": Full-width row layout on desktop (address left, map right), stacked on mobile
|
|
4851
|
+
*/
|
|
4852
|
+
layout?: "stacked" | "row";
|
|
4735
4853
|
/** Show map (requires longitude/latitude) */
|
|
4736
4854
|
showMap?: boolean;
|
|
4737
4855
|
/** Map height */
|
|
@@ -4765,7 +4883,7 @@ interface SiteCardProps {
|
|
|
4765
4883
|
* />
|
|
4766
4884
|
* ```
|
|
4767
4885
|
*/
|
|
4768
|
-
declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, }: SiteCardProps): react_jsx_runtime.JSX.Element;
|
|
4886
|
+
declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, }: SiteCardProps): react_jsx_runtime.JSX.Element;
|
|
4769
4887
|
|
|
4770
4888
|
interface SiteContactCardProps {
|
|
4771
4889
|
/** Site information */
|
|
@@ -4795,6 +4913,12 @@ interface SiteContactCardProps {
|
|
|
4795
4913
|
}>;
|
|
4796
4914
|
/** Card variant */
|
|
4797
4915
|
variant?: "outlined" | "elevated" | "filled" | "ghost";
|
|
4916
|
+
/** Layout mode
|
|
4917
|
+
* @default "stacked"
|
|
4918
|
+
* - "stacked": Traditional stacked layout (map on top, content below)
|
|
4919
|
+
* - "row": Full-width row layout on desktop (address left, map right), stacked on mobile
|
|
4920
|
+
*/
|
|
4921
|
+
layout?: "stacked" | "row";
|
|
4798
4922
|
/** Show map (requires site longitude/latitude) */
|
|
4799
4923
|
showMap?: boolean;
|
|
4800
4924
|
/** Map height */
|
|
@@ -4847,7 +4971,7 @@ interface SiteContactCardProps {
|
|
|
4847
4971
|
* />
|
|
4848
4972
|
* ```
|
|
4849
4973
|
*/
|
|
4850
|
-
declare function SiteContactCard({ site, contact, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4974
|
+
declare function SiteContactCard({ site, contact, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4851
4975
|
|
|
4852
4976
|
interface SiteMetaDisplayProps {
|
|
4853
4977
|
/** Street address (combined street lines) */
|
|
@@ -5039,7 +5163,7 @@ declare function Aside({ className, children }: SplitPanePanelProps): react_jsx_
|
|
|
5039
5163
|
type StatTone$1 = "neutral" | "success" | "warning" | "error" | "info";
|
|
5040
5164
|
type StatAlign = "start" | "end";
|
|
5041
5165
|
type StatLayout = "one-column" | "two-column";
|
|
5042
|
-
type StatValue = FieldValue;
|
|
5166
|
+
type StatValue = FieldValue | React__default.ReactElement;
|
|
5043
5167
|
type StatFormatter = ComponentFormatter;
|
|
5044
5168
|
interface StatThreshold {
|
|
5045
5169
|
when: (value: StatValue) => boolean;
|
|
@@ -5494,4 +5618,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
5494
5618
|
*/
|
|
5495
5619
|
declare function getStateTone(state: DeviceState): StatTone;
|
|
5496
5620
|
|
|
5497
|
-
export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
|
|
5621
|
+
export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, type ElementSize, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HierarchyExplorer, type HierarchyExplorerProps, type HierarchyNode, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, type NodeState, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseElementSizeResult, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useElementSize, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
|
package/dist/index.d.ts
CHANGED
|
@@ -1078,6 +1078,39 @@ declare function useDataControls<T>(options: UseDataControlsOptions<T>): UseData
|
|
|
1078
1078
|
|
|
1079
1079
|
declare function useDebounce<T>(value: T, delay?: number): T;
|
|
1080
1080
|
|
|
1081
|
+
interface ElementSize {
|
|
1082
|
+
width: number;
|
|
1083
|
+
height: number;
|
|
1084
|
+
}
|
|
1085
|
+
interface UseElementSizeResult<T extends HTMLElement = HTMLElement> {
|
|
1086
|
+
ref: (node: T | null) => void;
|
|
1087
|
+
width: number;
|
|
1088
|
+
height: number;
|
|
1089
|
+
}
|
|
1090
|
+
/**
|
|
1091
|
+
* useElementSize
|
|
1092
|
+
*
|
|
1093
|
+
* A performant hook that tracks the dimensions of a DOM element using ResizeObserver.
|
|
1094
|
+
* Returns a callback ref to attach to the element and its current width/height.
|
|
1095
|
+
*
|
|
1096
|
+
* Performance optimizations:
|
|
1097
|
+
* - Uses ResizeObserver for efficient resize detection
|
|
1098
|
+
* - Debounces updates using requestAnimationFrame
|
|
1099
|
+
* - Cleans up observer on unmount
|
|
1100
|
+
*
|
|
1101
|
+
* @example
|
|
1102
|
+
* ```tsx
|
|
1103
|
+
* const { ref, width, height } = useElementSize();
|
|
1104
|
+
*
|
|
1105
|
+
* return (
|
|
1106
|
+
* <div ref={ref}>
|
|
1107
|
+
* Width: {width}px, Height: {height}px
|
|
1108
|
+
* </div>
|
|
1109
|
+
* );
|
|
1110
|
+
* ```
|
|
1111
|
+
*/
|
|
1112
|
+
declare function useElementSize<T extends HTMLElement = HTMLElement>(): UseElementSizeResult<T>;
|
|
1113
|
+
|
|
1081
1114
|
type LoadingState = "idle" | "loading" | "loading-more" | "error";
|
|
1082
1115
|
interface UseInfiniteScrollOptions<T = unknown> {
|
|
1083
1116
|
/** Array of items being displayed */
|
|
@@ -1710,6 +1743,12 @@ interface ContactCardProps {
|
|
|
1710
1743
|
}>;
|
|
1711
1744
|
/** Card variant */
|
|
1712
1745
|
variant?: "outlined" | "elevated" | "filled" | "ghost";
|
|
1746
|
+
/** Layout orientation
|
|
1747
|
+
* @default "horizontal"
|
|
1748
|
+
* - "horizontal": Avatar on left, info on right
|
|
1749
|
+
* - "vertical": Avatar on top, info below (centered, better for narrow/square containers)
|
|
1750
|
+
*/
|
|
1751
|
+
layout?: "horizontal" | "vertical";
|
|
1713
1752
|
/** Show email address
|
|
1714
1753
|
* @default true
|
|
1715
1754
|
*/
|
|
@@ -1744,7 +1783,7 @@ interface ContactCardProps {
|
|
|
1744
1783
|
* />
|
|
1745
1784
|
* ```
|
|
1746
1785
|
*/
|
|
1747
|
-
declare function ContactCard({ firstName, lastName, email, phone, avatarUrl, href, LinkComponent, variant, showEmail, showPhone, isLoading, className, contentClassName, }: ContactCardProps): react_jsx_runtime.JSX.Element;
|
|
1786
|
+
declare function ContactCard({ firstName, lastName, email, phone, avatarUrl, href, LinkComponent, variant, layout, showEmail, showPhone, isLoading, className, contentClassName, }: ContactCardProps): react_jsx_runtime.JSX.Element;
|
|
1748
1787
|
|
|
1749
1788
|
type SortDirection = "asc" | "desc";
|
|
1750
1789
|
type CellAlignment = "left" | "center" | "right";
|
|
@@ -2886,6 +2925,8 @@ interface DeviceStateCellProps<T = any> extends Omit<CellComponentProps<T>, "val
|
|
|
2886
2925
|
fixedWidth?: boolean;
|
|
2887
2926
|
/** Alignment */
|
|
2888
2927
|
align?: "left" | "center" | "right";
|
|
2928
|
+
/** Compact mode - shows secondary state as icon only (arrow up/down for grid states) */
|
|
2929
|
+
compact?: boolean;
|
|
2889
2930
|
/** Additional classes */
|
|
2890
2931
|
className?: string;
|
|
2891
2932
|
}
|
|
@@ -2922,7 +2963,7 @@ interface DeviceStateCellProps<T = any> extends Omit<CellComponentProps<T>, "val
|
|
|
2922
2963
|
* }
|
|
2923
2964
|
* ```
|
|
2924
2965
|
*/
|
|
2925
|
-
declare function DeviceStateCell<T = any>({ value, row, context, metric, metricFormatter, secondaryState, size, shape, label, icon, fixedWidth, align, className, }: DeviceStateCellProps<T>): react_jsx_runtime.JSX.Element;
|
|
2966
|
+
declare function DeviceStateCell<T = any>({ value, row, context, metric, metricFormatter, secondaryState, size, shape, label, icon, fixedWidth, align, compact, className, }: DeviceStateCellProps<T>): react_jsx_runtime.JSX.Element;
|
|
2926
2967
|
|
|
2927
2968
|
interface FormattedCellProps<T = any> extends CellComponentProps<T> {
|
|
2928
2969
|
/**
|
|
@@ -3370,6 +3411,8 @@ interface DeviceStateWithMetricProps extends Pick<DeviceStateBadgeProps, "state"
|
|
|
3370
3411
|
isLoading?: boolean;
|
|
3371
3412
|
/** Fixed width for column alignment (useful in tables) */
|
|
3372
3413
|
fixedWidth?: boolean;
|
|
3414
|
+
/** Show icon only for secondary grid state (compact mode) */
|
|
3415
|
+
secondaryStateIconOnly?: boolean;
|
|
3373
3416
|
/** Additional CSS classes */
|
|
3374
3417
|
className?: string;
|
|
3375
3418
|
}
|
|
@@ -3404,7 +3447,7 @@ interface DeviceStateWithMetricProps extends Pick<DeviceStateBadgeProps, "state"
|
|
|
3404
3447
|
* />
|
|
3405
3448
|
* ```
|
|
3406
3449
|
*/
|
|
3407
|
-
declare function DeviceStateWithMetric({ state, stateLabel, metric, metricFormatter, secondaryState, layout, isLoading, size, shape, icon, fixedWidth, className, }: DeviceStateWithMetricProps): react_jsx_runtime.JSX.Element;
|
|
3450
|
+
declare function DeviceStateWithMetric({ state, stateLabel, metric, metricFormatter, secondaryState, layout, isLoading, size, shape, icon, fixedWidth, secondaryStateIconOnly, className, }: DeviceStateWithMetricProps): react_jsx_runtime.JSX.Element;
|
|
3408
3451
|
|
|
3409
3452
|
interface DeviceTypeIconProps {
|
|
3410
3453
|
/** The device type to display (deprecated: use iconName instead) */
|
|
@@ -3682,7 +3725,7 @@ interface GridStateBadgeProps extends Omit<BadgeProps, "variant" | "children"> {
|
|
|
3682
3725
|
state: GridState;
|
|
3683
3726
|
/** Custom label override (defaults to auto-capitalized state name) */
|
|
3684
3727
|
label?: string;
|
|
3685
|
-
/** Show directional icon (arrow up for exporting, arrow down for importing) */
|
|
3728
|
+
/** Show only directional icon without text (arrow up for exporting, arrow down for importing) */
|
|
3686
3729
|
showIcon?: boolean;
|
|
3687
3730
|
/** Loading state */
|
|
3688
3731
|
isLoading?: boolean;
|
|
@@ -3705,6 +3748,75 @@ interface GridStateBadgeProps extends Omit<BadgeProps, "variant" | "children"> {
|
|
|
3705
3748
|
*/
|
|
3706
3749
|
declare function GridStateBadge({ state, label, showIcon, isLoading, size, shape, fixedWidth, className, ...badgeProps }: GridStateBadgeProps): react_jsx_runtime.JSX.Element;
|
|
3707
3750
|
|
|
3751
|
+
/**
|
|
3752
|
+
* Base type for a node in the hierarchy
|
|
3753
|
+
*/
|
|
3754
|
+
interface HierarchyNode {
|
|
3755
|
+
id: string;
|
|
3756
|
+
name: string;
|
|
3757
|
+
children?: HierarchyNode[];
|
|
3758
|
+
disabled?: boolean;
|
|
3759
|
+
icon?: string;
|
|
3760
|
+
metadata?: Record<string, string | number | boolean | null>;
|
|
3761
|
+
[key: string]: unknown;
|
|
3762
|
+
}
|
|
3763
|
+
/**
|
|
3764
|
+
* State passed to custom render functions
|
|
3765
|
+
*/
|
|
3766
|
+
interface NodeState {
|
|
3767
|
+
isSelected: boolean;
|
|
3768
|
+
isDisabled: boolean;
|
|
3769
|
+
hasChildren: boolean;
|
|
3770
|
+
hasMetadata: boolean;
|
|
3771
|
+
level: number;
|
|
3772
|
+
}
|
|
3773
|
+
/**
|
|
3774
|
+
* Props for the HierarchyExplorer root component
|
|
3775
|
+
*/
|
|
3776
|
+
interface HierarchyExplorerProps<T extends HierarchyNode = HierarchyNode> {
|
|
3777
|
+
/** The hierarchical data to display */
|
|
3778
|
+
data: T[];
|
|
3779
|
+
/** Custom render function for node content */
|
|
3780
|
+
renderNode?: (node: T, state: NodeState) => React.ReactNode;
|
|
3781
|
+
/** Callback when a node is selected/drilled into */
|
|
3782
|
+
onNodeSelect?: (node: T, path: T[]) => void;
|
|
3783
|
+
/** Callback when navigating in the hierarchy */
|
|
3784
|
+
onNavigate?: (node: T | null, path: T[]) => void;
|
|
3785
|
+
/** Selected node ID */
|
|
3786
|
+
selectedId?: string | null;
|
|
3787
|
+
/** ID of the node to highlight as the root/starting point */
|
|
3788
|
+
rootNodeId?: string;
|
|
3789
|
+
/** Make the root node sticky when scrolling */
|
|
3790
|
+
stickyRootNode?: boolean;
|
|
3791
|
+
/** Height of the component (enables internal scrolling). Can be a number (px) or string (e.g., "400px", "50vh") */
|
|
3792
|
+
height?: number | string;
|
|
3793
|
+
/** Minimum height of the component */
|
|
3794
|
+
minHeight?: number | string;
|
|
3795
|
+
/** Maximum height of the component */
|
|
3796
|
+
maxHeight?: number | string;
|
|
3797
|
+
/** Visual variant */
|
|
3798
|
+
variant?: "subtle" | "solid";
|
|
3799
|
+
/** Size variant */
|
|
3800
|
+
size?: "xs" | "sm" | "md";
|
|
3801
|
+
/** Show bullets for all items */
|
|
3802
|
+
showBullets?: boolean;
|
|
3803
|
+
/** Layout mode: "auto" (responsive), "single" (force drill-down), or "split" (force two-pane) */
|
|
3804
|
+
layout?: "auto" | "single" | "split";
|
|
3805
|
+
/** Container width threshold for switching to split layout (in pixels). Default: 768 */
|
|
3806
|
+
splitBreakpoint?: number;
|
|
3807
|
+
/** Custom empty state for the detail pane in split layout when nothing is selected */
|
|
3808
|
+
renderEmptyState?: () => React.ReactNode;
|
|
3809
|
+
/** Custom class name */
|
|
3810
|
+
className?: string;
|
|
3811
|
+
/** Aria label for the tree */
|
|
3812
|
+
"aria-label"?: string;
|
|
3813
|
+
}
|
|
3814
|
+
|
|
3815
|
+
/**
|
|
3816
|
+
* HierarchyExplorer - Main component for drill-down navigation through hierarchical data
|
|
3817
|
+
*/
|
|
3818
|
+
declare function HierarchyExplorer<T extends HierarchyNode = HierarchyNode>({ data, renderNode, onNodeSelect, onNavigate, selectedId: controlledSelectedId, rootNodeId, stickyRootNode, height, minHeight, maxHeight, variant, size, showBullets, layout, splitBreakpoint, renderEmptyState, className, "aria-label": ariaLabel, }: HierarchyExplorerProps<T>): react_jsx_runtime.JSX.Element;
|
|
3819
|
+
|
|
3708
3820
|
interface InfiniteScrollIndicatorProps {
|
|
3709
3821
|
/** Current loading state - determines which indicator to show */
|
|
3710
3822
|
state: "loading-more";
|
|
@@ -4732,6 +4844,12 @@ interface SiteCardProps {
|
|
|
4732
4844
|
}>;
|
|
4733
4845
|
/** Card variant */
|
|
4734
4846
|
variant?: "outlined" | "elevated" | "filled" | "ghost";
|
|
4847
|
+
/** Layout mode
|
|
4848
|
+
* @default "stacked"
|
|
4849
|
+
* - "stacked": Traditional stacked layout (map on top, content below)
|
|
4850
|
+
* - "row": Full-width row layout on desktop (address left, map right), stacked on mobile
|
|
4851
|
+
*/
|
|
4852
|
+
layout?: "stacked" | "row";
|
|
4735
4853
|
/** Show map (requires longitude/latitude) */
|
|
4736
4854
|
showMap?: boolean;
|
|
4737
4855
|
/** Map height */
|
|
@@ -4765,7 +4883,7 @@ interface SiteCardProps {
|
|
|
4765
4883
|
* />
|
|
4766
4884
|
* ```
|
|
4767
4885
|
*/
|
|
4768
|
-
declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, }: SiteCardProps): react_jsx_runtime.JSX.Element;
|
|
4886
|
+
declare function SiteCard({ streetAddress, city, state, postalCode, longitude, latitude, href, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, isLoading, className, contentClassName, }: SiteCardProps): react_jsx_runtime.JSX.Element;
|
|
4769
4887
|
|
|
4770
4888
|
interface SiteContactCardProps {
|
|
4771
4889
|
/** Site information */
|
|
@@ -4795,6 +4913,12 @@ interface SiteContactCardProps {
|
|
|
4795
4913
|
}>;
|
|
4796
4914
|
/** Card variant */
|
|
4797
4915
|
variant?: "outlined" | "elevated" | "filled" | "ghost";
|
|
4916
|
+
/** Layout mode
|
|
4917
|
+
* @default "stacked"
|
|
4918
|
+
* - "stacked": Traditional stacked layout (map on top, content below)
|
|
4919
|
+
* - "row": Full-width row layout on desktop (address left, map right), stacked on mobile
|
|
4920
|
+
*/
|
|
4921
|
+
layout?: "stacked" | "row";
|
|
4798
4922
|
/** Show map (requires site longitude/latitude) */
|
|
4799
4923
|
showMap?: boolean;
|
|
4800
4924
|
/** Map height */
|
|
@@ -4847,7 +4971,7 @@ interface SiteContactCardProps {
|
|
|
4847
4971
|
* />
|
|
4848
4972
|
* ```
|
|
4849
4973
|
*/
|
|
4850
|
-
declare function SiteContactCard({ site, contact, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4974
|
+
declare function SiteContactCard({ site, contact, LinkComponent, variant, layout, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4851
4975
|
|
|
4852
4976
|
interface SiteMetaDisplayProps {
|
|
4853
4977
|
/** Street address (combined street lines) */
|
|
@@ -5039,7 +5163,7 @@ declare function Aside({ className, children }: SplitPanePanelProps): react_jsx_
|
|
|
5039
5163
|
type StatTone$1 = "neutral" | "success" | "warning" | "error" | "info";
|
|
5040
5164
|
type StatAlign = "start" | "end";
|
|
5041
5165
|
type StatLayout = "one-column" | "two-column";
|
|
5042
|
-
type StatValue = FieldValue;
|
|
5166
|
+
type StatValue = FieldValue | React__default.ReactElement;
|
|
5043
5167
|
type StatFormatter = ComponentFormatter;
|
|
5044
5168
|
interface StatThreshold {
|
|
5045
5169
|
when: (value: StatValue) => boolean;
|
|
@@ -5494,4 +5618,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
5494
5618
|
*/
|
|
5495
5619
|
declare function getStateTone(state: DeviceState): StatTone;
|
|
5496
5620
|
|
|
5497
|
-
export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
|
|
5621
|
+
export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, type ElementSize, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HierarchyExplorer, type HierarchyExplorerProps, type HierarchyNode, HorizontalBarCell, type HorizontalBarCellProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, type NodeState, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseElementSizeResult, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useElementSize, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
|