@texturehq/edges 1.19.1 → 1.20.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 +42 -16
- package/dist/form/index.cjs +1 -1
- package/dist/form/index.cjs.map +1 -1
- package/dist/form/index.js +1 -1
- package/dist/form/index.js.map +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +156 -17
- package/dist/index.d.ts +156 -17
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/server.cjs +1 -1
- package/dist/server.cjs.map +1 -1
- package/dist/server.js +1 -1
- package/dist/server.js.map +1 -1
- package/dist/styles.css +123 -8
- package/dist/utilities.manifest.json +2 -2
- package/package.json +174 -172
package/dist/index.d.cts
CHANGED
|
@@ -1309,6 +1309,114 @@ interface AlertProps {
|
|
|
1309
1309
|
*/
|
|
1310
1310
|
declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
1311
1311
|
|
|
1312
|
+
type BannerVariant = "info" | "success" | "warning" | "error" | "discovery";
|
|
1313
|
+
type BannerAppearance = "subtle" | "bold";
|
|
1314
|
+
interface BannerAction {
|
|
1315
|
+
/** Label for the action button */
|
|
1316
|
+
label: string;
|
|
1317
|
+
/** Callback when the action is triggered */
|
|
1318
|
+
onPress: () => void;
|
|
1319
|
+
/** Whether to render as a link-style button */
|
|
1320
|
+
asLink?: boolean;
|
|
1321
|
+
}
|
|
1322
|
+
interface BannerProps {
|
|
1323
|
+
/** Semantic variant of the banner */
|
|
1324
|
+
variant?: BannerVariant;
|
|
1325
|
+
/** Visual appearance style */
|
|
1326
|
+
appearance?: BannerAppearance;
|
|
1327
|
+
/** The main message/title to display */
|
|
1328
|
+
title?: ReactNode;
|
|
1329
|
+
/** Additional description or content */
|
|
1330
|
+
children?: ReactNode;
|
|
1331
|
+
/** Whether the banner can be dismissed */
|
|
1332
|
+
dismissible?: boolean;
|
|
1333
|
+
/** Callback when the banner is dismissed */
|
|
1334
|
+
onDismiss?: () => void;
|
|
1335
|
+
/** Primary action (rendered as button or link) */
|
|
1336
|
+
primaryAction?: BannerAction;
|
|
1337
|
+
/** Secondary action (rendered as button or link) */
|
|
1338
|
+
secondaryAction?: BannerAction;
|
|
1339
|
+
/** Custom icon to override default status icon */
|
|
1340
|
+
icon?: ReactNode;
|
|
1341
|
+
/** Hide the icon completely */
|
|
1342
|
+
hideIcon?: boolean;
|
|
1343
|
+
/** Additional CSS classes */
|
|
1344
|
+
className?: string;
|
|
1345
|
+
/** Test ID for automation */
|
|
1346
|
+
testId?: string;
|
|
1347
|
+
}
|
|
1348
|
+
/**
|
|
1349
|
+
* Banner
|
|
1350
|
+
*
|
|
1351
|
+
* A prominent message component for displaying important information or system messages.
|
|
1352
|
+
* Can be used inline within content sections or positioned at the page level.
|
|
1353
|
+
*
|
|
1354
|
+
* Inspired by Atlassian's Section Message and Chakra UI's Alert, combining the best
|
|
1355
|
+
* features of both: semantic variant colors, multiple appearances, inline actions, and
|
|
1356
|
+
* flexible composition.
|
|
1357
|
+
*
|
|
1358
|
+
* @example
|
|
1359
|
+
* ```tsx
|
|
1360
|
+
* // Simple info banner
|
|
1361
|
+
* <Banner variant="info" title="New features available">
|
|
1362
|
+
* Check out the latest updates to improve your workflow.
|
|
1363
|
+
* </Banner>
|
|
1364
|
+
*
|
|
1365
|
+
* // With actions
|
|
1366
|
+
* <Banner
|
|
1367
|
+
* variant="warning"
|
|
1368
|
+
* title="Your trial expires soon"
|
|
1369
|
+
* primaryAction={{ label: "Upgrade now", onPress: () => {} }}
|
|
1370
|
+
* secondaryAction={{ label: "Learn more", onPress: () => {}, asLink: true }}
|
|
1371
|
+
* >
|
|
1372
|
+
* Upgrade to continue using premium features.
|
|
1373
|
+
* </Banner>
|
|
1374
|
+
*
|
|
1375
|
+
* // Bold appearance
|
|
1376
|
+
* <Banner
|
|
1377
|
+
* variant="error"
|
|
1378
|
+
* appearance="bold"
|
|
1379
|
+
* title="Action required"
|
|
1380
|
+
* dismissible
|
|
1381
|
+
* onDismiss={() => {}}
|
|
1382
|
+
* >
|
|
1383
|
+
* Please update your payment information.
|
|
1384
|
+
* </Banner>
|
|
1385
|
+
* ```
|
|
1386
|
+
*/
|
|
1387
|
+
declare function Banner({ variant, appearance, title, children, dismissible, onDismiss, primaryAction, secondaryAction, icon, hideIcon, className, testId, }: BannerProps): react_jsx_runtime.JSX.Element;
|
|
1388
|
+
|
|
1389
|
+
interface PageBannerProps extends BannerProps {
|
|
1390
|
+
/** Whether the banner is visible */
|
|
1391
|
+
isOpen?: boolean;
|
|
1392
|
+
/** Position relative to the navbar */
|
|
1393
|
+
position?: "fixed" | "sticky";
|
|
1394
|
+
}
|
|
1395
|
+
/**
|
|
1396
|
+
* PageBanner
|
|
1397
|
+
*
|
|
1398
|
+
* A banner component designed for page-level announcements, positioned at the top
|
|
1399
|
+
* of the page below the navbar. Automatically handles enter/exit animations and
|
|
1400
|
+
* can be fixed or sticky positioned.
|
|
1401
|
+
*
|
|
1402
|
+
* Use this for system-wide messages, announcements, or important alerts that need
|
|
1403
|
+
* to be visible across the entire page.
|
|
1404
|
+
*
|
|
1405
|
+
* @example
|
|
1406
|
+
* ```tsx
|
|
1407
|
+
* <PageBanner
|
|
1408
|
+
* isOpen={showBanner}
|
|
1409
|
+
* variant="warning"
|
|
1410
|
+
* title="Scheduled maintenance"
|
|
1411
|
+
* dismissible
|
|
1412
|
+
* onDismiss={() => setShowBanner(false)}
|
|
1413
|
+
* >
|
|
1414
|
+
* Our systems will be under maintenance on Friday from 2-4 PM EST.
|
|
1415
|
+
* </PageBanner>
|
|
1416
|
+
* ```
|
|
1417
|
+
*/
|
|
1418
|
+
declare function PageBanner({ isOpen, position, className, ...bannerProps }: PageBannerProps): react_jsx_runtime.JSX.Element;
|
|
1419
|
+
|
|
1312
1420
|
type BreadcrumbItemProps = BreadcrumbProps & {
|
|
1313
1421
|
href?: string;
|
|
1314
1422
|
};
|
|
@@ -1807,8 +1915,12 @@ interface CopyToClipboardProps {
|
|
|
1807
1915
|
* Size of the copy button, defaults to "sm"
|
|
1808
1916
|
*/
|
|
1809
1917
|
size?: "sm" | "md";
|
|
1918
|
+
/**
|
|
1919
|
+
* Position of the copy icon relative to children, defaults to "right"
|
|
1920
|
+
*/
|
|
1921
|
+
iconPosition?: "left" | "right";
|
|
1810
1922
|
}
|
|
1811
|
-
declare function CopyToClipboard({ value, children, className, size }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
|
|
1923
|
+
declare function CopyToClipboard({ value, children, className, size, iconPosition, }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
|
|
1812
1924
|
|
|
1813
1925
|
interface AreaSeriesProps {
|
|
1814
1926
|
data: BaseDataPoint[];
|
|
@@ -1862,10 +1974,6 @@ declare const ChartAxis: {
|
|
|
1862
1974
|
Left: React__default.FC<AxisLeftProps>;
|
|
1863
1975
|
};
|
|
1864
1976
|
|
|
1865
|
-
interface LegendItem {
|
|
1866
|
-
category: string;
|
|
1867
|
-
fill: string;
|
|
1868
|
-
}
|
|
1869
1977
|
interface ChartBottomBarProps {
|
|
1870
1978
|
items: LegendItem[];
|
|
1871
1979
|
onExport: (type: ExportType) => void | Promise<void>;
|
|
@@ -1874,11 +1982,28 @@ interface ChartBottomBarProps {
|
|
|
1874
1982
|
isZoomed?: boolean;
|
|
1875
1983
|
onResetZoom?: () => void;
|
|
1876
1984
|
}
|
|
1985
|
+
interface LegendItem {
|
|
1986
|
+
category: string;
|
|
1987
|
+
fill: string;
|
|
1988
|
+
}
|
|
1989
|
+
declare const LegendItem: React__default.FC<{
|
|
1990
|
+
item: LegendItem;
|
|
1991
|
+
}>;
|
|
1877
1992
|
/**
|
|
1878
1993
|
* ChartBottomBar
|
|
1879
1994
|
*
|
|
1880
1995
|
* Chart footer component with legend and export functionality.
|
|
1881
1996
|
* Displays color-coded legend items and provides export options for CSV, SVG, and PNG formats.
|
|
1997
|
+
*
|
|
1998
|
+
* **Smart legend display:**
|
|
1999
|
+
* - Desktop (≥ 640px): Shows all legend items inline with wrapping
|
|
2000
|
+
* - Mobile (< 640px): Shows "Legend (N)" button that opens a tray with all items
|
|
2001
|
+
* - Legend and action buttons always stay on a single row for clean, consistent layout
|
|
2002
|
+
*
|
|
2003
|
+
* **Responsive behavior:**
|
|
2004
|
+
* - Mobile: No padding, legend in tray, button text hidden (icon-only)
|
|
2005
|
+
* - Desktop: Chart margin padding, inline legend, full button labels
|
|
2006
|
+
*
|
|
1882
2007
|
* Respects chart margins to align legend with Y-axis and export button with X-axis end.
|
|
1883
2008
|
*/
|
|
1884
2009
|
declare const ChartBottomBar: React__default.FC<ChartBottomBarProps>;
|
|
@@ -3065,8 +3190,10 @@ interface DeviceMetaDisplayProps {
|
|
|
3065
3190
|
manufacturer: string;
|
|
3066
3191
|
/** Device model name */
|
|
3067
3192
|
model: string;
|
|
3068
|
-
/** Device type for fallback icon */
|
|
3069
|
-
deviceType
|
|
3193
|
+
/** Device type for fallback icon (deprecated: use deviceTypeIconName instead) */
|
|
3194
|
+
deviceType?: DeviceType;
|
|
3195
|
+
/** Explicit device type icon name (preferred over deviceType) */
|
|
3196
|
+
deviceTypeIconName?: string;
|
|
3070
3197
|
/** URL to manufacturer logo (optional) */
|
|
3071
3198
|
logoUrl?: string;
|
|
3072
3199
|
/** Layout variant - stacked (vertical) or inline (horizontal) */
|
|
@@ -3130,7 +3257,7 @@ interface DeviceMetaDisplayProps {
|
|
|
3130
3257
|
* />
|
|
3131
3258
|
* ```
|
|
3132
3259
|
*/
|
|
3133
|
-
declare function DeviceMetaDisplay({ manufacturer, model, deviceType, logoUrl, layout, size, href, LinkComponent, linkVariant, showDeviceTypeIcon, showLogo, emphasis, isLoading, className, }: DeviceMetaDisplayProps): react_jsx_runtime.JSX.Element;
|
|
3260
|
+
declare function DeviceMetaDisplay({ manufacturer, model, deviceType, deviceTypeIconName, logoUrl, layout, size, href, LinkComponent, linkVariant, showDeviceTypeIcon, showLogo, emphasis, isLoading, className, }: DeviceMetaDisplayProps): react_jsx_runtime.JSX.Element;
|
|
3134
3261
|
|
|
3135
3262
|
interface DeviceStateBadgeProps extends Omit<BadgeProps, "variant" | "children"> {
|
|
3136
3263
|
/** The device state to display */
|
|
@@ -3212,8 +3339,10 @@ interface DeviceStateWithMetricProps extends Pick<DeviceStateBadgeProps, "state"
|
|
|
3212
3339
|
declare function DeviceStateWithMetric({ state, stateLabel, metric, metricFormatter, secondaryState, layout, isLoading, size, shape, icon, fixedWidth, className, }: DeviceStateWithMetricProps): react_jsx_runtime.JSX.Element;
|
|
3213
3340
|
|
|
3214
3341
|
interface DeviceTypeIconProps {
|
|
3215
|
-
/** The device type to display */
|
|
3216
|
-
deviceType
|
|
3342
|
+
/** The device type to display (deprecated: use iconName instead) */
|
|
3343
|
+
deviceType?: DeviceType;
|
|
3344
|
+
/** Explicit icon name to display (preferred over deviceType) */
|
|
3345
|
+
iconName?: IconName$2;
|
|
3217
3346
|
/** Size of the icon (preset or custom pixel size) */
|
|
3218
3347
|
size?: number | "sm" | "md" | "lg" | "xl";
|
|
3219
3348
|
/** Show label below the icon */
|
|
@@ -3225,20 +3354,26 @@ interface DeviceTypeIconProps {
|
|
|
3225
3354
|
* DeviceTypeIcon
|
|
3226
3355
|
*
|
|
3227
3356
|
* Displays a consistent icon for device types across the platform.
|
|
3228
|
-
*
|
|
3357
|
+
*
|
|
3358
|
+
* **Preferred usage:** Pass `iconName` explicitly (from device-config package)
|
|
3359
|
+
* **Legacy usage:** Pass `deviceType` to use built-in icon mapping (deprecated)
|
|
3229
3360
|
*
|
|
3230
3361
|
* @example
|
|
3231
3362
|
* ```tsx
|
|
3363
|
+
* // Preferred: Explicit icon from device-config
|
|
3364
|
+
* import { getDeviceTypeDisplay } from "@texturehq/device-config";
|
|
3365
|
+
* const display = getDeviceTypeDisplay("battery");
|
|
3366
|
+
* <DeviceTypeIcon iconName={display.icon} size="md" />
|
|
3367
|
+
*
|
|
3368
|
+
* // Legacy: Built-in mapping (deprecated)
|
|
3232
3369
|
* <DeviceTypeIcon deviceType="battery" size="md" />
|
|
3233
|
-
* <DeviceTypeIcon deviceType="thermostat" showLabel />
|
|
3234
|
-
* <DeviceTypeIcon deviceType="charger" size={32} />
|
|
3235
3370
|
* ```
|
|
3236
3371
|
*/
|
|
3237
|
-
declare function DeviceTypeIcon({ deviceType, size, showLabel, className, }: DeviceTypeIconProps): react_jsx_runtime.JSX.Element;
|
|
3372
|
+
declare function DeviceTypeIcon({ deviceType, iconName, size, showLabel, className, }: DeviceTypeIconProps): react_jsx_runtime.JSX.Element;
|
|
3238
3373
|
|
|
3239
3374
|
type BaseDialogHeaderProps = {
|
|
3240
3375
|
title?: string;
|
|
3241
|
-
onClose
|
|
3376
|
+
onClose?: () => void;
|
|
3242
3377
|
hideCloseIcon?: boolean;
|
|
3243
3378
|
titleAlign?: "left" | "center";
|
|
3244
3379
|
headerContent?: React__default.ReactNode;
|
|
@@ -4612,6 +4747,8 @@ interface SiteContactCardProps {
|
|
|
4612
4747
|
className?: string;
|
|
4613
4748
|
/** Additional classes for the card content (for padding control, etc.) */
|
|
4614
4749
|
contentClassName?: string;
|
|
4750
|
+
/** Whether the card should fill the full height of its container */
|
|
4751
|
+
fullHeight?: boolean;
|
|
4615
4752
|
}
|
|
4616
4753
|
/**
|
|
4617
4754
|
* SiteContactCard
|
|
@@ -4642,7 +4779,7 @@ interface SiteContactCardProps {
|
|
|
4642
4779
|
* />
|
|
4643
4780
|
* ```
|
|
4644
4781
|
*/
|
|
4645
|
-
declare function SiteContactCard({ site, contact, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4782
|
+
declare function SiteContactCard({ site, contact, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4646
4783
|
|
|
4647
4784
|
interface SiteMetaDisplayProps {
|
|
4648
4785
|
/** Street address (combined street lines) */
|
|
@@ -4857,6 +4994,8 @@ interface StatItem {
|
|
|
4857
4994
|
thresholds?: StatThreshold[];
|
|
4858
4995
|
/** Enable copy to clipboard */
|
|
4859
4996
|
copyable?: boolean | ((value: StatValue) => string);
|
|
4997
|
+
/** Position of the copy icon when copyable is enabled, defaults to "left" */
|
|
4998
|
+
copyIconPosition?: "left" | "right";
|
|
4860
4999
|
/** Optional link URL */
|
|
4861
5000
|
href?: string;
|
|
4862
5001
|
/** Click handler */
|
|
@@ -5287,4 +5426,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
5287
5426
|
*/
|
|
5288
5427
|
declare function getStateTone(state: DeviceState): StatTone;
|
|
5289
5428
|
|
|
5290
|
-
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, 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, 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, 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 };
|
|
5429
|
+
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, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1309,6 +1309,114 @@ interface AlertProps {
|
|
|
1309
1309
|
*/
|
|
1310
1310
|
declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
1311
1311
|
|
|
1312
|
+
type BannerVariant = "info" | "success" | "warning" | "error" | "discovery";
|
|
1313
|
+
type BannerAppearance = "subtle" | "bold";
|
|
1314
|
+
interface BannerAction {
|
|
1315
|
+
/** Label for the action button */
|
|
1316
|
+
label: string;
|
|
1317
|
+
/** Callback when the action is triggered */
|
|
1318
|
+
onPress: () => void;
|
|
1319
|
+
/** Whether to render as a link-style button */
|
|
1320
|
+
asLink?: boolean;
|
|
1321
|
+
}
|
|
1322
|
+
interface BannerProps {
|
|
1323
|
+
/** Semantic variant of the banner */
|
|
1324
|
+
variant?: BannerVariant;
|
|
1325
|
+
/** Visual appearance style */
|
|
1326
|
+
appearance?: BannerAppearance;
|
|
1327
|
+
/** The main message/title to display */
|
|
1328
|
+
title?: ReactNode;
|
|
1329
|
+
/** Additional description or content */
|
|
1330
|
+
children?: ReactNode;
|
|
1331
|
+
/** Whether the banner can be dismissed */
|
|
1332
|
+
dismissible?: boolean;
|
|
1333
|
+
/** Callback when the banner is dismissed */
|
|
1334
|
+
onDismiss?: () => void;
|
|
1335
|
+
/** Primary action (rendered as button or link) */
|
|
1336
|
+
primaryAction?: BannerAction;
|
|
1337
|
+
/** Secondary action (rendered as button or link) */
|
|
1338
|
+
secondaryAction?: BannerAction;
|
|
1339
|
+
/** Custom icon to override default status icon */
|
|
1340
|
+
icon?: ReactNode;
|
|
1341
|
+
/** Hide the icon completely */
|
|
1342
|
+
hideIcon?: boolean;
|
|
1343
|
+
/** Additional CSS classes */
|
|
1344
|
+
className?: string;
|
|
1345
|
+
/** Test ID for automation */
|
|
1346
|
+
testId?: string;
|
|
1347
|
+
}
|
|
1348
|
+
/**
|
|
1349
|
+
* Banner
|
|
1350
|
+
*
|
|
1351
|
+
* A prominent message component for displaying important information or system messages.
|
|
1352
|
+
* Can be used inline within content sections or positioned at the page level.
|
|
1353
|
+
*
|
|
1354
|
+
* Inspired by Atlassian's Section Message and Chakra UI's Alert, combining the best
|
|
1355
|
+
* features of both: semantic variant colors, multiple appearances, inline actions, and
|
|
1356
|
+
* flexible composition.
|
|
1357
|
+
*
|
|
1358
|
+
* @example
|
|
1359
|
+
* ```tsx
|
|
1360
|
+
* // Simple info banner
|
|
1361
|
+
* <Banner variant="info" title="New features available">
|
|
1362
|
+
* Check out the latest updates to improve your workflow.
|
|
1363
|
+
* </Banner>
|
|
1364
|
+
*
|
|
1365
|
+
* // With actions
|
|
1366
|
+
* <Banner
|
|
1367
|
+
* variant="warning"
|
|
1368
|
+
* title="Your trial expires soon"
|
|
1369
|
+
* primaryAction={{ label: "Upgrade now", onPress: () => {} }}
|
|
1370
|
+
* secondaryAction={{ label: "Learn more", onPress: () => {}, asLink: true }}
|
|
1371
|
+
* >
|
|
1372
|
+
* Upgrade to continue using premium features.
|
|
1373
|
+
* </Banner>
|
|
1374
|
+
*
|
|
1375
|
+
* // Bold appearance
|
|
1376
|
+
* <Banner
|
|
1377
|
+
* variant="error"
|
|
1378
|
+
* appearance="bold"
|
|
1379
|
+
* title="Action required"
|
|
1380
|
+
* dismissible
|
|
1381
|
+
* onDismiss={() => {}}
|
|
1382
|
+
* >
|
|
1383
|
+
* Please update your payment information.
|
|
1384
|
+
* </Banner>
|
|
1385
|
+
* ```
|
|
1386
|
+
*/
|
|
1387
|
+
declare function Banner({ variant, appearance, title, children, dismissible, onDismiss, primaryAction, secondaryAction, icon, hideIcon, className, testId, }: BannerProps): react_jsx_runtime.JSX.Element;
|
|
1388
|
+
|
|
1389
|
+
interface PageBannerProps extends BannerProps {
|
|
1390
|
+
/** Whether the banner is visible */
|
|
1391
|
+
isOpen?: boolean;
|
|
1392
|
+
/** Position relative to the navbar */
|
|
1393
|
+
position?: "fixed" | "sticky";
|
|
1394
|
+
}
|
|
1395
|
+
/**
|
|
1396
|
+
* PageBanner
|
|
1397
|
+
*
|
|
1398
|
+
* A banner component designed for page-level announcements, positioned at the top
|
|
1399
|
+
* of the page below the navbar. Automatically handles enter/exit animations and
|
|
1400
|
+
* can be fixed or sticky positioned.
|
|
1401
|
+
*
|
|
1402
|
+
* Use this for system-wide messages, announcements, or important alerts that need
|
|
1403
|
+
* to be visible across the entire page.
|
|
1404
|
+
*
|
|
1405
|
+
* @example
|
|
1406
|
+
* ```tsx
|
|
1407
|
+
* <PageBanner
|
|
1408
|
+
* isOpen={showBanner}
|
|
1409
|
+
* variant="warning"
|
|
1410
|
+
* title="Scheduled maintenance"
|
|
1411
|
+
* dismissible
|
|
1412
|
+
* onDismiss={() => setShowBanner(false)}
|
|
1413
|
+
* >
|
|
1414
|
+
* Our systems will be under maintenance on Friday from 2-4 PM EST.
|
|
1415
|
+
* </PageBanner>
|
|
1416
|
+
* ```
|
|
1417
|
+
*/
|
|
1418
|
+
declare function PageBanner({ isOpen, position, className, ...bannerProps }: PageBannerProps): react_jsx_runtime.JSX.Element;
|
|
1419
|
+
|
|
1312
1420
|
type BreadcrumbItemProps = BreadcrumbProps & {
|
|
1313
1421
|
href?: string;
|
|
1314
1422
|
};
|
|
@@ -1807,8 +1915,12 @@ interface CopyToClipboardProps {
|
|
|
1807
1915
|
* Size of the copy button, defaults to "sm"
|
|
1808
1916
|
*/
|
|
1809
1917
|
size?: "sm" | "md";
|
|
1918
|
+
/**
|
|
1919
|
+
* Position of the copy icon relative to children, defaults to "right"
|
|
1920
|
+
*/
|
|
1921
|
+
iconPosition?: "left" | "right";
|
|
1810
1922
|
}
|
|
1811
|
-
declare function CopyToClipboard({ value, children, className, size }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
|
|
1923
|
+
declare function CopyToClipboard({ value, children, className, size, iconPosition, }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
|
|
1812
1924
|
|
|
1813
1925
|
interface AreaSeriesProps {
|
|
1814
1926
|
data: BaseDataPoint[];
|
|
@@ -1862,10 +1974,6 @@ declare const ChartAxis: {
|
|
|
1862
1974
|
Left: React__default.FC<AxisLeftProps>;
|
|
1863
1975
|
};
|
|
1864
1976
|
|
|
1865
|
-
interface LegendItem {
|
|
1866
|
-
category: string;
|
|
1867
|
-
fill: string;
|
|
1868
|
-
}
|
|
1869
1977
|
interface ChartBottomBarProps {
|
|
1870
1978
|
items: LegendItem[];
|
|
1871
1979
|
onExport: (type: ExportType) => void | Promise<void>;
|
|
@@ -1874,11 +1982,28 @@ interface ChartBottomBarProps {
|
|
|
1874
1982
|
isZoomed?: boolean;
|
|
1875
1983
|
onResetZoom?: () => void;
|
|
1876
1984
|
}
|
|
1985
|
+
interface LegendItem {
|
|
1986
|
+
category: string;
|
|
1987
|
+
fill: string;
|
|
1988
|
+
}
|
|
1989
|
+
declare const LegendItem: React__default.FC<{
|
|
1990
|
+
item: LegendItem;
|
|
1991
|
+
}>;
|
|
1877
1992
|
/**
|
|
1878
1993
|
* ChartBottomBar
|
|
1879
1994
|
*
|
|
1880
1995
|
* Chart footer component with legend and export functionality.
|
|
1881
1996
|
* Displays color-coded legend items and provides export options for CSV, SVG, and PNG formats.
|
|
1997
|
+
*
|
|
1998
|
+
* **Smart legend display:**
|
|
1999
|
+
* - Desktop (≥ 640px): Shows all legend items inline with wrapping
|
|
2000
|
+
* - Mobile (< 640px): Shows "Legend (N)" button that opens a tray with all items
|
|
2001
|
+
* - Legend and action buttons always stay on a single row for clean, consistent layout
|
|
2002
|
+
*
|
|
2003
|
+
* **Responsive behavior:**
|
|
2004
|
+
* - Mobile: No padding, legend in tray, button text hidden (icon-only)
|
|
2005
|
+
* - Desktop: Chart margin padding, inline legend, full button labels
|
|
2006
|
+
*
|
|
1882
2007
|
* Respects chart margins to align legend with Y-axis and export button with X-axis end.
|
|
1883
2008
|
*/
|
|
1884
2009
|
declare const ChartBottomBar: React__default.FC<ChartBottomBarProps>;
|
|
@@ -3065,8 +3190,10 @@ interface DeviceMetaDisplayProps {
|
|
|
3065
3190
|
manufacturer: string;
|
|
3066
3191
|
/** Device model name */
|
|
3067
3192
|
model: string;
|
|
3068
|
-
/** Device type for fallback icon */
|
|
3069
|
-
deviceType
|
|
3193
|
+
/** Device type for fallback icon (deprecated: use deviceTypeIconName instead) */
|
|
3194
|
+
deviceType?: DeviceType;
|
|
3195
|
+
/** Explicit device type icon name (preferred over deviceType) */
|
|
3196
|
+
deviceTypeIconName?: string;
|
|
3070
3197
|
/** URL to manufacturer logo (optional) */
|
|
3071
3198
|
logoUrl?: string;
|
|
3072
3199
|
/** Layout variant - stacked (vertical) or inline (horizontal) */
|
|
@@ -3130,7 +3257,7 @@ interface DeviceMetaDisplayProps {
|
|
|
3130
3257
|
* />
|
|
3131
3258
|
* ```
|
|
3132
3259
|
*/
|
|
3133
|
-
declare function DeviceMetaDisplay({ manufacturer, model, deviceType, logoUrl, layout, size, href, LinkComponent, linkVariant, showDeviceTypeIcon, showLogo, emphasis, isLoading, className, }: DeviceMetaDisplayProps): react_jsx_runtime.JSX.Element;
|
|
3260
|
+
declare function DeviceMetaDisplay({ manufacturer, model, deviceType, deviceTypeIconName, logoUrl, layout, size, href, LinkComponent, linkVariant, showDeviceTypeIcon, showLogo, emphasis, isLoading, className, }: DeviceMetaDisplayProps): react_jsx_runtime.JSX.Element;
|
|
3134
3261
|
|
|
3135
3262
|
interface DeviceStateBadgeProps extends Omit<BadgeProps, "variant" | "children"> {
|
|
3136
3263
|
/** The device state to display */
|
|
@@ -3212,8 +3339,10 @@ interface DeviceStateWithMetricProps extends Pick<DeviceStateBadgeProps, "state"
|
|
|
3212
3339
|
declare function DeviceStateWithMetric({ state, stateLabel, metric, metricFormatter, secondaryState, layout, isLoading, size, shape, icon, fixedWidth, className, }: DeviceStateWithMetricProps): react_jsx_runtime.JSX.Element;
|
|
3213
3340
|
|
|
3214
3341
|
interface DeviceTypeIconProps {
|
|
3215
|
-
/** The device type to display */
|
|
3216
|
-
deviceType
|
|
3342
|
+
/** The device type to display (deprecated: use iconName instead) */
|
|
3343
|
+
deviceType?: DeviceType;
|
|
3344
|
+
/** Explicit icon name to display (preferred over deviceType) */
|
|
3345
|
+
iconName?: IconName$2;
|
|
3217
3346
|
/** Size of the icon (preset or custom pixel size) */
|
|
3218
3347
|
size?: number | "sm" | "md" | "lg" | "xl";
|
|
3219
3348
|
/** Show label below the icon */
|
|
@@ -3225,20 +3354,26 @@ interface DeviceTypeIconProps {
|
|
|
3225
3354
|
* DeviceTypeIcon
|
|
3226
3355
|
*
|
|
3227
3356
|
* Displays a consistent icon for device types across the platform.
|
|
3228
|
-
*
|
|
3357
|
+
*
|
|
3358
|
+
* **Preferred usage:** Pass `iconName` explicitly (from device-config package)
|
|
3359
|
+
* **Legacy usage:** Pass `deviceType` to use built-in icon mapping (deprecated)
|
|
3229
3360
|
*
|
|
3230
3361
|
* @example
|
|
3231
3362
|
* ```tsx
|
|
3363
|
+
* // Preferred: Explicit icon from device-config
|
|
3364
|
+
* import { getDeviceTypeDisplay } from "@texturehq/device-config";
|
|
3365
|
+
* const display = getDeviceTypeDisplay("battery");
|
|
3366
|
+
* <DeviceTypeIcon iconName={display.icon} size="md" />
|
|
3367
|
+
*
|
|
3368
|
+
* // Legacy: Built-in mapping (deprecated)
|
|
3232
3369
|
* <DeviceTypeIcon deviceType="battery" size="md" />
|
|
3233
|
-
* <DeviceTypeIcon deviceType="thermostat" showLabel />
|
|
3234
|
-
* <DeviceTypeIcon deviceType="charger" size={32} />
|
|
3235
3370
|
* ```
|
|
3236
3371
|
*/
|
|
3237
|
-
declare function DeviceTypeIcon({ deviceType, size, showLabel, className, }: DeviceTypeIconProps): react_jsx_runtime.JSX.Element;
|
|
3372
|
+
declare function DeviceTypeIcon({ deviceType, iconName, size, showLabel, className, }: DeviceTypeIconProps): react_jsx_runtime.JSX.Element;
|
|
3238
3373
|
|
|
3239
3374
|
type BaseDialogHeaderProps = {
|
|
3240
3375
|
title?: string;
|
|
3241
|
-
onClose
|
|
3376
|
+
onClose?: () => void;
|
|
3242
3377
|
hideCloseIcon?: boolean;
|
|
3243
3378
|
titleAlign?: "left" | "center";
|
|
3244
3379
|
headerContent?: React__default.ReactNode;
|
|
@@ -4612,6 +4747,8 @@ interface SiteContactCardProps {
|
|
|
4612
4747
|
className?: string;
|
|
4613
4748
|
/** Additional classes for the card content (for padding control, etc.) */
|
|
4614
4749
|
contentClassName?: string;
|
|
4750
|
+
/** Whether the card should fill the full height of its container */
|
|
4751
|
+
fullHeight?: boolean;
|
|
4615
4752
|
}
|
|
4616
4753
|
/**
|
|
4617
4754
|
* SiteContactCard
|
|
@@ -4642,7 +4779,7 @@ interface SiteContactCardProps {
|
|
|
4642
4779
|
* />
|
|
4643
4780
|
* ```
|
|
4644
4781
|
*/
|
|
4645
|
-
declare function SiteContactCard({ site, contact, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4782
|
+
declare function SiteContactCard({ site, contact, LinkComponent, variant, showMap, mapHeight, mapboxAccessToken, showEmail, showPhone, isLoading, className, contentClassName, fullHeight, }: SiteContactCardProps): react_jsx_runtime.JSX.Element;
|
|
4646
4783
|
|
|
4647
4784
|
interface SiteMetaDisplayProps {
|
|
4648
4785
|
/** Street address (combined street lines) */
|
|
@@ -4857,6 +4994,8 @@ interface StatItem {
|
|
|
4857
4994
|
thresholds?: StatThreshold[];
|
|
4858
4995
|
/** Enable copy to clipboard */
|
|
4859
4996
|
copyable?: boolean | ((value: StatValue) => string);
|
|
4997
|
+
/** Position of the copy icon when copyable is enabled, defaults to "left" */
|
|
4998
|
+
copyIconPosition?: "left" | "right";
|
|
4860
4999
|
/** Optional link URL */
|
|
4861
5000
|
href?: string;
|
|
4862
5001
|
/** Click handler */
|
|
@@ -5287,4 +5426,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
5287
5426
|
*/
|
|
5288
5427
|
declare function getStateTone(state: DeviceState): StatTone;
|
|
5289
5428
|
|
|
5290
|
-
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, 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, 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, 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 };
|
|
5429
|
+
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, 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 };
|