@texturehq/edges 1.18.1 → 1.19.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/FileUpload-DXTcfLIh.d.cts +348 -0
- package/dist/FileUpload-DXTcfLIh.d.ts +348 -0
- package/dist/TimeField-B4J8gA8E.d.ts +393 -0
- package/dist/TimeField-D2AOjQ1K.d.cts +393 -0
- package/dist/{colors-Kck1-4Zq.d.cts → colors-BUEmaPXY.d.ts} +4 -122
- package/dist/{colors-Kck1-4Zq.d.ts → colors-BniWNyzj.d.cts} +4 -122
- package/dist/components.manifest.json +13 -9
- package/dist/form/index.cjs +2 -0
- package/dist/form/index.cjs.map +1 -0
- package/dist/form/index.d.cts +3 -0
- package/dist/form/index.d.ts +3 -0
- package/dist/form/index.js +2 -0
- package/dist/form/index.js.map +1 -0
- package/dist/generated/tailwind-tokens-dark.css +1 -0
- package/dist/generated/tailwind-tokens-light.css +1 -0
- package/dist/index-DKA9NMRw.d.cts +311 -0
- package/dist/index-DKA9NMRw.d.ts +311 -0
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +24 -794
- package/dist/index.d.ts +24 -794
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/rhf/index.cjs +2 -0
- package/dist/rhf/index.cjs.map +1 -0
- package/dist/rhf/index.d.cts +147 -0
- package/dist/rhf/index.d.ts +147 -0
- package/dist/rhf/index.js +2 -0
- package/dist/rhf/index.js.map +1 -0
- package/dist/server.cjs +1 -1
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +2 -1
- package/dist/server.d.ts +2 -1
- package/dist/server.js +1 -1
- package/dist/server.js.map +1 -1
- package/dist/styles.css +92 -27
- package/dist/utilities.manifest.json +2 -2
- package/package.json +30 -3
- package/scripts/generate-edges-docs.js +43 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as CalendarProps$1, DisclosurePanelProps, ButtonProps, DisclosureProps, DisclosureGroupProps, DateRangePickerProps as DateRangePickerProps$1, ValidationResult, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, ModalOverlayProps, Key, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RangeCalendarProps as RangeCalendarProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TooltipProps as TooltipProps$1 } from 'react-aria-components';
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
|
|
5
|
-
import {
|
|
6
|
-
export { A as ActionItem,
|
|
5
|
+
import { X as FieldValue, Z as BooleanFormat, _ as FormattedValue, $ as CurrentFormat, a0 as DateFormat, a1 as DistanceFormat, a2 as EnergyFormat, a3 as CurrencyFormat, a4 as NumberFormat, a5 as PhoneFormat, a6 as PowerFormat, a7 as FormatterFunction, a8 as ResistanceFormat, a9 as TemperatureUnitString, aa as TemperatureUnit, ab as TemperatureFormat, ac as TextFormat, ad as VoltageFormat, ae as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, af as DeviceState, ag as GridState, ah as ComponentFormatter, ai as LayerSpec, aj as CustomPinsSpec, ak as GeoJsonLayerSpec, al as RasterLayerSpec, am as VectorLayerSpec, an as ClusteredVectorLayerSpec } from './colors-BUEmaPXY.js';
|
|
6
|
+
export { A as ActionItem, ao as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ap as Badge, aH as BaseFormat, aC as ChartContext, O as ChartMargin, aq as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, ar as ColorSpec, aE as ComponentFormatOptions, aP as CurrentUnit, aS as CustomFormat, aL as DateFormatStyle, aR as DistanceUnit, r as ENTITY_CONFIG, aM as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, aw as InteractiveMap, I as InteractiveMapProps, as as LayerFeature, at as LayerStyle, L as Loader, h as Logo, ax as MAP_TYPES, M as MapPoint, az as Meter, i as MeterProps, aT as MetricFormat, aK as PercentageFormat, aN as PowerUnit, au as RenderType, aQ as ResistanceUnit, aA as RichTextEditor, R as RichTextEditorProps, k as SegmentOption, aB as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ay as StaticMap, S as StaticMapProps, T as TextLink, aI as TextTransform, aJ as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aO as VoltageUnit, W as YFormatSettings, av as ZoomStops, aV as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, U as defaultMargin, aW as deviceStateLabels, aU as deviceStateMetricFormats, aF as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aY as getDeviceStateDisplayLabel, aY as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, a_ as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, V as getYFormatSettings, aZ as gridStateLabels, aX as isActiveDeviceState, aX as isActiveState, G as isLightColor, aD as useChartContext, aG as useComponentFormatter } from './colors-BUEmaPXY.js';
|
|
7
7
|
import { Virtualizer } from '@tanstack/react-virtual';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
|
+
import { I as Icon, S as Size, c as IconName$2, B as BaseInputProps } from './FileUpload-DXTcfLIh.js';
|
|
10
|
+
export { e as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, p as Description, h as DescriptionProps, q as FieldError, f as FieldErrorProps, s as FieldGroup, i as FieldGroupProps, b as FileUpload, F as FileUploadProps, r as Input, g as InputProps, d as InputStyleProps, j as InputWrapper, o as Label, L as LabelProps, n as getFieldGroupStyles, l as getInputBackgroundStyles, m as getInputBaseStyles, k as getInputStateStyles, u as useInputFocus } from './FileUpload-DXTcfLIh.js';
|
|
11
|
+
import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-DKA9NMRw.js';
|
|
12
|
+
export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-DKA9NMRw.js';
|
|
13
|
+
export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-B4J8gA8E.js';
|
|
9
14
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
10
15
|
import 'react-map-gl';
|
|
11
16
|
import '@phosphor-icons/react';
|
|
@@ -1258,166 +1263,6 @@ declare namespace ActivityItem {
|
|
|
1258
1263
|
var displayName: string;
|
|
1259
1264
|
}
|
|
1260
1265
|
|
|
1261
|
-
/**
|
|
1262
|
-
* Shared action type for Dialog and Drawer footer buttons
|
|
1263
|
-
*/
|
|
1264
|
-
interface DialogAction {
|
|
1265
|
-
label: string;
|
|
1266
|
-
onPress: () => void;
|
|
1267
|
-
variant?: "default" | "primary" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost";
|
|
1268
|
-
size?: "sm" | "md" | "lg";
|
|
1269
|
-
isLoading?: boolean;
|
|
1270
|
-
isDisabled?: boolean;
|
|
1271
|
-
}
|
|
1272
|
-
/**
|
|
1273
|
-
* Shared header props for Dialog and Drawer
|
|
1274
|
-
*/
|
|
1275
|
-
interface DialogHeaderConfig {
|
|
1276
|
-
/**
|
|
1277
|
-
* Title text for the header
|
|
1278
|
-
*/
|
|
1279
|
-
title?: string;
|
|
1280
|
-
/**
|
|
1281
|
-
* Custom header content (overrides title)
|
|
1282
|
-
*/
|
|
1283
|
-
headerContent?: ReactNode;
|
|
1284
|
-
/**
|
|
1285
|
-
* Alignment of the title
|
|
1286
|
-
* @default "left"
|
|
1287
|
-
*/
|
|
1288
|
-
titleAlign?: "left" | "center";
|
|
1289
|
-
/**
|
|
1290
|
-
* Whether to hide the close button
|
|
1291
|
-
* @default false
|
|
1292
|
-
*/
|
|
1293
|
-
hideCloseIcon?: boolean;
|
|
1294
|
-
/**
|
|
1295
|
-
* Whether to show a back arrow
|
|
1296
|
-
* @default false
|
|
1297
|
-
*/
|
|
1298
|
-
hasBackArrow?: boolean;
|
|
1299
|
-
/**
|
|
1300
|
-
* Callback when back arrow is clicked (required if hasBackArrow is true)
|
|
1301
|
-
*/
|
|
1302
|
-
onBack?: () => void;
|
|
1303
|
-
}
|
|
1304
|
-
/**
|
|
1305
|
-
* Shared footer props for Dialog and Drawer
|
|
1306
|
-
*/
|
|
1307
|
-
interface DialogFooterConfig {
|
|
1308
|
-
/**
|
|
1309
|
-
* Primary action button configuration
|
|
1310
|
-
*/
|
|
1311
|
-
primaryAction?: DialogAction;
|
|
1312
|
-
/**
|
|
1313
|
-
* Secondary action button configuration
|
|
1314
|
-
*/
|
|
1315
|
-
secondaryAction?: DialogAction;
|
|
1316
|
-
/**
|
|
1317
|
-
* Custom footer content above the action buttons
|
|
1318
|
-
*/
|
|
1319
|
-
footerContent?: ReactNode;
|
|
1320
|
-
}
|
|
1321
|
-
|
|
1322
|
-
interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterConfig {
|
|
1323
|
-
/**
|
|
1324
|
-
* Whether the dialog is open (controlled mode)
|
|
1325
|
-
* When using DialogTrigger, leave this undefined for automatic state management
|
|
1326
|
-
* @default undefined
|
|
1327
|
-
*/
|
|
1328
|
-
isOpen?: boolean;
|
|
1329
|
-
/**
|
|
1330
|
-
* Callback when the dialog is closed (controlled mode)
|
|
1331
|
-
* When using DialogTrigger, leave this undefined for automatic state management
|
|
1332
|
-
* @default undefined
|
|
1333
|
-
*/
|
|
1334
|
-
onClose?: () => void;
|
|
1335
|
-
/**
|
|
1336
|
-
* Dialog content
|
|
1337
|
-
*/
|
|
1338
|
-
children: React__default.ReactNode;
|
|
1339
|
-
/**
|
|
1340
|
-
* Whether to use a transparent backdrop
|
|
1341
|
-
* @default false
|
|
1342
|
-
*/
|
|
1343
|
-
transparentOverlay?: boolean;
|
|
1344
|
-
/**
|
|
1345
|
-
* Maximum width of the dialog
|
|
1346
|
-
* @default "600px"
|
|
1347
|
-
*/
|
|
1348
|
-
maxWidth?: string;
|
|
1349
|
-
/**
|
|
1350
|
-
* Minimum width of the dialog (desktop only, mobile uses full width)
|
|
1351
|
-
* @default "400px"
|
|
1352
|
-
*/
|
|
1353
|
-
minWidth?: string;
|
|
1354
|
-
/**
|
|
1355
|
-
* Maximum height of the dialog on desktop
|
|
1356
|
-
* @default "85vh"
|
|
1357
|
-
*/
|
|
1358
|
-
maxHeight?: string;
|
|
1359
|
-
/**
|
|
1360
|
-
* Explicit height of the dialog on desktop (overrides maxHeight if set)
|
|
1361
|
-
* Content will scroll within this fixed height
|
|
1362
|
-
* @default undefined
|
|
1363
|
-
*/
|
|
1364
|
-
height?: string;
|
|
1365
|
-
/**
|
|
1366
|
-
* Maximum height of the dialog on mobile (tray version)
|
|
1367
|
-
* @default "90vh"
|
|
1368
|
-
*/
|
|
1369
|
-
mobileMaxHeight?: string;
|
|
1370
|
-
/**
|
|
1371
|
-
* Explicit height of the dialog on mobile (overrides mobileMaxHeight if set)
|
|
1372
|
-
* Content will scroll within this fixed height
|
|
1373
|
-
* @default undefined
|
|
1374
|
-
*/
|
|
1375
|
-
mobileHeight?: string;
|
|
1376
|
-
/**
|
|
1377
|
-
* Whether to include padding inside the content area
|
|
1378
|
-
* @default true
|
|
1379
|
-
*/
|
|
1380
|
-
contentPadding?: boolean;
|
|
1381
|
-
/**
|
|
1382
|
-
* Additional CSS classes
|
|
1383
|
-
*/
|
|
1384
|
-
className?: string;
|
|
1385
|
-
}
|
|
1386
|
-
/**
|
|
1387
|
-
* Dialog
|
|
1388
|
-
*
|
|
1389
|
-
* Responsive modal dialog component with backdrop.
|
|
1390
|
-
*
|
|
1391
|
-
* **Desktop (≥768px):** Centered modal with scale and fade animation
|
|
1392
|
-
* **Mobile (<768px):** Uses Tray component for native bottom sheet experience with drag handle
|
|
1393
|
-
*
|
|
1394
|
-
* Includes optional header with title/back button and footer with action buttons.
|
|
1395
|
-
*
|
|
1396
|
-
* ## Usage Patterns
|
|
1397
|
-
*
|
|
1398
|
-
* ### Uncontrolled with DialogTrigger (Recommended)
|
|
1399
|
-
* ```tsx
|
|
1400
|
-
* import { DialogTrigger, Dialog, Button } from "@texturehq/edges";
|
|
1401
|
-
*
|
|
1402
|
-
* <DialogTrigger>
|
|
1403
|
-
* <Button>Open Dialog</Button>
|
|
1404
|
-
* <Dialog title="My Dialog">
|
|
1405
|
-
* <p>Dialog content</p>
|
|
1406
|
-
* </Dialog>
|
|
1407
|
-
* </DialogTrigger>
|
|
1408
|
-
* ```
|
|
1409
|
-
*
|
|
1410
|
-
* ### Controlled (Advanced)
|
|
1411
|
-
* ```tsx
|
|
1412
|
-
* const [isOpen, setIsOpen] = useState(false);
|
|
1413
|
-
*
|
|
1414
|
-
* <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} title="My Dialog">
|
|
1415
|
-
* <p>Dialog content</p>
|
|
1416
|
-
* </Dialog>
|
|
1417
|
-
* ```
|
|
1418
|
-
*/
|
|
1419
|
-
declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, maxHeight, height, mobileMaxHeight, mobileHeight, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
|
|
1420
|
-
|
|
1421
1266
|
interface AlertProps {
|
|
1422
1267
|
/**
|
|
1423
1268
|
* Whether the alert is open
|
|
@@ -1464,79 +1309,6 @@ interface AlertProps {
|
|
|
1464
1309
|
*/
|
|
1465
1310
|
declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
1466
1311
|
|
|
1467
|
-
/**
|
|
1468
|
-
* Control-specific style utilities for form elements and interactive components.
|
|
1469
|
-
* These styles use CSS variables defined in the theme for consistent sizing
|
|
1470
|
-
* and spacing across all control elements.
|
|
1471
|
-
*
|
|
1472
|
-
* Text sizes follow the relationships defined in theme.css:
|
|
1473
|
-
* sm: --control-text-sm (maps to --text-xs)
|
|
1474
|
-
* md: --control-text-md (maps to --text-sm)
|
|
1475
|
-
* lg: --control-text-lg (maps to --text-base)
|
|
1476
|
-
* xl: --control-text-xl (maps to --text-lg)
|
|
1477
|
-
*/
|
|
1478
|
-
type Size = "sm" | "md" | "lg" | "xl";
|
|
1479
|
-
|
|
1480
|
-
interface Item {
|
|
1481
|
-
id: string;
|
|
1482
|
-
name: string;
|
|
1483
|
-
}
|
|
1484
|
-
interface Section$1 {
|
|
1485
|
-
name: string;
|
|
1486
|
-
items: Item[];
|
|
1487
|
-
}
|
|
1488
|
-
type RequestMethod = "GET" | "POST";
|
|
1489
|
-
interface BaseRequestConfig {
|
|
1490
|
-
url: string;
|
|
1491
|
-
headers?: Record<string, string>;
|
|
1492
|
-
transformResponse: (data: unknown) => Item[];
|
|
1493
|
-
}
|
|
1494
|
-
interface RestRequestConfig extends BaseRequestConfig {
|
|
1495
|
-
requestType: "REST";
|
|
1496
|
-
method?: RequestMethod;
|
|
1497
|
-
queryKey?: string;
|
|
1498
|
-
extraParams?: Record<string, string>;
|
|
1499
|
-
shouldLoad?: (filterText: string) => boolean;
|
|
1500
|
-
}
|
|
1501
|
-
interface GraphQLRequestConfig extends BaseRequestConfig {
|
|
1502
|
-
requestType: "GraphQL";
|
|
1503
|
-
graphqlQuery: string;
|
|
1504
|
-
variableKey?: string;
|
|
1505
|
-
responsePath?: string;
|
|
1506
|
-
shouldLoad?: (filterText: string) => boolean;
|
|
1507
|
-
}
|
|
1508
|
-
type AutocompleteRequestConfig = RestRequestConfig | GraphQLRequestConfig;
|
|
1509
|
-
/**
|
|
1510
|
-
* Autocomplete
|
|
1511
|
-
*
|
|
1512
|
-
* Text input with typeahead suggestions and keyboard navigation.
|
|
1513
|
-
*/
|
|
1514
|
-
interface AutocompleteProps {
|
|
1515
|
-
label?: string;
|
|
1516
|
-
staticItems?: Item[];
|
|
1517
|
-
sections?: Section$1[];
|
|
1518
|
-
selectedKey?: Key | null;
|
|
1519
|
-
defaultSelectedKey?: Key | null;
|
|
1520
|
-
onSelectionChange?: (key: Key | null) => void;
|
|
1521
|
-
requestConfig?: AutocompleteRequestConfig;
|
|
1522
|
-
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
1523
|
-
placeholder?: string;
|
|
1524
|
-
renderItem?: (item: Item) => React__default.ReactNode;
|
|
1525
|
-
renderLeftIcon?: (isLoading: boolean) => React__default.ReactNode;
|
|
1526
|
-
renderSection?: (section: Section$1, children: React__default.ReactNode) => React__default.ReactNode;
|
|
1527
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
1528
|
-
description?: string;
|
|
1529
|
-
size?: Size;
|
|
1530
|
-
tooltip?: string;
|
|
1531
|
-
isRequired?: boolean;
|
|
1532
|
-
isDisabled?: boolean;
|
|
1533
|
-
isInvalid?: boolean;
|
|
1534
|
-
validationResult?: ValidationResult;
|
|
1535
|
-
showErrors?: boolean;
|
|
1536
|
-
autoFocus?: boolean;
|
|
1537
|
-
}
|
|
1538
|
-
declare function Autocomplete({ label, staticItems, sections, selectedKey, defaultSelectedKey, onSelectionChange, requestConfig, defaultFilter, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, isInvalid, validationResult, showErrors, renderItem, renderLeftIcon, renderSection, autoFocus, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
|
|
1539
|
-
|
|
1540
1312
|
type BreadcrumbItemProps = BreadcrumbProps & {
|
|
1541
1313
|
href?: string;
|
|
1542
1314
|
};
|
|
@@ -1560,45 +1332,6 @@ declare function BreadcrumbItem(props: BreadcrumbProps & {
|
|
|
1560
1332
|
href?: string;
|
|
1561
1333
|
}): react_jsx_runtime.JSX.Element;
|
|
1562
1334
|
|
|
1563
|
-
type IconName$2 = ComponentProps<typeof Icon>["name"];
|
|
1564
|
-
type BaseButtonProps = Omit<ButtonProps$1, "className">;
|
|
1565
|
-
/**
|
|
1566
|
-
* Button
|
|
1567
|
-
*
|
|
1568
|
-
* A versatile action component that supports multiple visual variants, sizes,
|
|
1569
|
-
* optional icons, a loading state, and badge indicators. Follows the Edges
|
|
1570
|
-
* design system tokens and composes `react-aria-components` under the hood.
|
|
1571
|
-
*
|
|
1572
|
-
* Example usage:
|
|
1573
|
-
* ```tsx
|
|
1574
|
-
* <Button variant="brand" size="md" icon="Check">Save</Button>
|
|
1575
|
-
* ```
|
|
1576
|
-
*/
|
|
1577
|
-
interface ButtonProps extends BaseButtonProps {
|
|
1578
|
-
variant?: "default" | "brand" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost" | "primary";
|
|
1579
|
-
size?: Size;
|
|
1580
|
-
badgeNumber?: number;
|
|
1581
|
-
badgeVariant?: "primary" | "destructive";
|
|
1582
|
-
badgePosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
1583
|
-
fullWidth?: boolean;
|
|
1584
|
-
icon?: IconName$2;
|
|
1585
|
-
iconWeight?: "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
|
|
1586
|
-
iconPosition?: "left" | "right";
|
|
1587
|
-
isLoading?: boolean;
|
|
1588
|
-
loadingText?: string;
|
|
1589
|
-
loadingIndicator?: React.ReactNode;
|
|
1590
|
-
className?: string;
|
|
1591
|
-
href?: string;
|
|
1592
|
-
target?: string;
|
|
1593
|
-
rel?: string;
|
|
1594
|
-
style?: React.CSSProperties;
|
|
1595
|
-
}
|
|
1596
|
-
/**
|
|
1597
|
-
* Renders an Edges Button. When `href` is provided, renders a link-styled
|
|
1598
|
-
* button using the same visual system.
|
|
1599
|
-
*/
|
|
1600
|
-
declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
1601
|
-
|
|
1602
1335
|
/**
|
|
1603
1336
|
* Calendar
|
|
1604
1337
|
*
|
|
@@ -1678,33 +1411,6 @@ declare function CardMedia({ src, alt, aspectRatio, className, children, isLoadi
|
|
|
1678
1411
|
declare function CardContent({ className, children, isLoading }: CardContentProps): react_jsx_runtime.JSX.Element | null;
|
|
1679
1412
|
declare function CardFooter({ className, children, align, isLoading, }: CardFooterProps): react_jsx_runtime.JSX.Element | null;
|
|
1680
1413
|
|
|
1681
|
-
/**
|
|
1682
|
-
* CheckboxGroup
|
|
1683
|
-
*
|
|
1684
|
-
* Groups multiple checkboxes with shared label/description.
|
|
1685
|
-
*/
|
|
1686
|
-
interface CheckboxGroupProps extends Omit<CheckboxGroupProps$1, "children"> {
|
|
1687
|
-
label?: string;
|
|
1688
|
-
children?: ReactNode;
|
|
1689
|
-
description?: string;
|
|
1690
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
1691
|
-
}
|
|
1692
|
-
/**
|
|
1693
|
-
* Checkbox
|
|
1694
|
-
*
|
|
1695
|
-
* Single checkbox with Edges visuals.
|
|
1696
|
-
*/
|
|
1697
|
-
interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
|
|
1698
|
-
children?: ReactNode | ((props: CheckboxRenderProps) => ReactNode);
|
|
1699
|
-
/**
|
|
1700
|
-
* Visual variant of the checkbox
|
|
1701
|
-
* @default "default"
|
|
1702
|
-
*/
|
|
1703
|
-
variant?: "default" | "brand";
|
|
1704
|
-
}
|
|
1705
|
-
declare function CheckboxGroup(props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
1706
|
-
declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
|
|
1707
|
-
|
|
1708
1414
|
interface ChipProps {
|
|
1709
1415
|
/** The content to display inside the chip */
|
|
1710
1416
|
children: React__default.ReactNode;
|
|
@@ -1755,7 +1461,7 @@ declare function CollapseItem({ className, children, ...props }: CollapseItemPro
|
|
|
1755
1461
|
declare namespace CollapseItem {
|
|
1756
1462
|
var displayName: string;
|
|
1757
1463
|
}
|
|
1758
|
-
interface CollapseHeaderProps extends Omit<ButtonProps
|
|
1464
|
+
interface CollapseHeaderProps extends Omit<ButtonProps, "children" | "slot"> {
|
|
1759
1465
|
title?: React$1.ReactNode;
|
|
1760
1466
|
description?: React$1.ReactNode;
|
|
1761
1467
|
startContent?: React$1.ReactNode;
|
|
@@ -1781,253 +1487,6 @@ declare namespace CollapseContent {
|
|
|
1781
1487
|
var displayName: string;
|
|
1782
1488
|
}
|
|
1783
1489
|
|
|
1784
|
-
interface InputStyleProps {
|
|
1785
|
-
/** Whether the input is in an invalid state */
|
|
1786
|
-
isInvalid?: boolean;
|
|
1787
|
-
/** Whether the input is disabled */
|
|
1788
|
-
isDisabled?: boolean;
|
|
1789
|
-
/** Whether the input should have a transparent background */
|
|
1790
|
-
transparent?: boolean;
|
|
1791
|
-
/** The size variant of the input */
|
|
1792
|
-
size?: Size;
|
|
1793
|
-
/** Whether the input is currently focused */
|
|
1794
|
-
isFocused?: boolean;
|
|
1795
|
-
/** Additional CSS classes to apply */
|
|
1796
|
-
className?: string;
|
|
1797
|
-
}
|
|
1798
|
-
interface BaseProps {
|
|
1799
|
-
/** The size variant of the component */
|
|
1800
|
-
size?: Size;
|
|
1801
|
-
/** Additional CSS classes to apply */
|
|
1802
|
-
className?: string;
|
|
1803
|
-
}
|
|
1804
|
-
interface BaseInputProps extends BaseProps {
|
|
1805
|
-
/** Whether the input should have a transparent background */
|
|
1806
|
-
transparent?: boolean;
|
|
1807
|
-
/** Whether to show a clear button when the input has a value */
|
|
1808
|
-
isClearable?: boolean;
|
|
1809
|
-
/** Callback when the clear button is clicked */
|
|
1810
|
-
onClear?: () => void;
|
|
1811
|
-
/** Whether to show a search icon */
|
|
1812
|
-
showSearchIcon?: boolean;
|
|
1813
|
-
}
|
|
1814
|
-
interface LabelProps extends BaseProps {
|
|
1815
|
-
/** The label content */
|
|
1816
|
-
children: React__default.ReactNode;
|
|
1817
|
-
/** Optional tooltip text to show next to the label */
|
|
1818
|
-
tooltip?: string;
|
|
1819
|
-
/** Whether to show a required field indicator (*) */
|
|
1820
|
-
isRequired?: boolean;
|
|
1821
|
-
/** The ID of the input this label is associated with */
|
|
1822
|
-
htmlFor?: string;
|
|
1823
|
-
}
|
|
1824
|
-
interface FieldErrorProps extends BaseProps {
|
|
1825
|
-
/** The error message to display */
|
|
1826
|
-
children: React__default.ReactNode;
|
|
1827
|
-
}
|
|
1828
|
-
interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size">, InputStyleProps {
|
|
1829
|
-
/** The size variant of the input */
|
|
1830
|
-
size?: Size;
|
|
1831
|
-
}
|
|
1832
|
-
interface DescriptionProps extends Omit<TextProps, "className">, BaseProps {
|
|
1833
|
-
/** The description content */
|
|
1834
|
-
children: React__default.ReactNode;
|
|
1835
|
-
}
|
|
1836
|
-
interface FieldGroupProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "children">, InputStyleProps {
|
|
1837
|
-
/** Whether any child of the group is focused */
|
|
1838
|
-
isFocusWithin?: boolean;
|
|
1839
|
-
/** Children can be either a ReactNode or a render function */
|
|
1840
|
-
children?: React__default.ReactNode | ((props: InputStyleProps) => React__default.ReactNode);
|
|
1841
|
-
}
|
|
1842
|
-
/**
|
|
1843
|
-
* Hook for managing input focus state
|
|
1844
|
-
*/
|
|
1845
|
-
declare function useInputFocus(): {
|
|
1846
|
-
isFocused: boolean;
|
|
1847
|
-
handleFocus: (e: React__default.FocusEvent<HTMLInputElement>, onFocus?: (e: React__default.FocusEvent<HTMLInputElement>) => void) => void;
|
|
1848
|
-
handleBlur: (e: React__default.FocusEvent<HTMLInputElement>, onBlur?: (e: React__default.FocusEvent<HTMLInputElement>) => void) => void;
|
|
1849
|
-
};
|
|
1850
|
-
/**
|
|
1851
|
-
* Wrapper component for input containers
|
|
1852
|
-
*/
|
|
1853
|
-
declare function InputWrapper({ children, className, }: {
|
|
1854
|
-
children: React__default.ReactNode;
|
|
1855
|
-
className?: string;
|
|
1856
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1857
|
-
/**
|
|
1858
|
-
* Clear button component for inputs
|
|
1859
|
-
*/
|
|
1860
|
-
declare function ClearButton({ onClick, size, className, }: {
|
|
1861
|
-
onClick: () => void;
|
|
1862
|
-
size?: Size;
|
|
1863
|
-
className?: string;
|
|
1864
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1865
|
-
/**
|
|
1866
|
-
* Generates state-specific styles for inputs based on their current state
|
|
1867
|
-
* (invalid, disabled, focused).
|
|
1868
|
-
*
|
|
1869
|
-
* State Priority:
|
|
1870
|
-
* 1. Disabled (overrides all other states)
|
|
1871
|
-
* 2. Invalid + Focused
|
|
1872
|
-
* 3. Invalid
|
|
1873
|
-
* 4. Focused
|
|
1874
|
-
* 5. Default
|
|
1875
|
-
*
|
|
1876
|
-
* @example
|
|
1877
|
-
* ```tsx
|
|
1878
|
-
* const styles = getInputStateStyles({ isInvalid: true, isFocused: true });
|
|
1879
|
-
* ```
|
|
1880
|
-
*/
|
|
1881
|
-
declare function getInputStateStyles(props: {
|
|
1882
|
-
isInvalid?: boolean;
|
|
1883
|
-
isDisabled?: boolean;
|
|
1884
|
-
isFocused?: boolean;
|
|
1885
|
-
}): "border rounded-[var(--control-border-radius)] !outline-none border-border-muted" | "border rounded-[var(--control-border-radius)] !outline-none border-feedback-error-border shadow-[inset_0_0_0_1px_var(--color-feedback-error-border)]" | "border rounded-[var(--control-border-radius)] !outline-none border-feedback-error-border" | "border rounded-[var(--control-border-radius)] !outline-none border-border-focus shadow-[inset_0_0_0_1px_var(--color-border-focus)]" | "border rounded-[var(--control-border-radius)] !outline-none border-border-default";
|
|
1886
|
-
/**
|
|
1887
|
-
* Generates background styles based on the transparent and disabled props.
|
|
1888
|
-
* Uses Tailwind classes for consistent styling across light/dark modes.
|
|
1889
|
-
*/
|
|
1890
|
-
declare function getInputBackgroundStyles(props: {
|
|
1891
|
-
transparent?: boolean;
|
|
1892
|
-
isDisabled?: boolean;
|
|
1893
|
-
}): "bg-transparent" | "bg-background-muted" | "bg-background-input";
|
|
1894
|
-
/**
|
|
1895
|
-
* Generates the complete set of base styles for input components.
|
|
1896
|
-
* This includes state styles, background, sizing, and custom classes.
|
|
1897
|
-
*
|
|
1898
|
-
* @example
|
|
1899
|
-
* ```tsx
|
|
1900
|
-
* const styles = getInputBaseStyles({
|
|
1901
|
-
* isInvalid: formState.hasError,
|
|
1902
|
-
* isDisabled: isLoading,
|
|
1903
|
-
* size: "md"
|
|
1904
|
-
* });
|
|
1905
|
-
* ```
|
|
1906
|
-
*/
|
|
1907
|
-
declare function getInputBaseStyles(props: InputStyleProps): string;
|
|
1908
|
-
/**
|
|
1909
|
-
* Generates styles for grouped form elements (like input with buttons)
|
|
1910
|
-
*
|
|
1911
|
-
* @example
|
|
1912
|
-
* ```tsx
|
|
1913
|
-
* <div className={getFieldGroupStyles({ size: "md" })}>
|
|
1914
|
-
* <Input />
|
|
1915
|
-
* <Button>Submit</Button>
|
|
1916
|
-
* </div>
|
|
1917
|
-
* ```
|
|
1918
|
-
*/
|
|
1919
|
-
declare function getFieldGroupStyles(props: FieldGroupProps): string;
|
|
1920
|
-
/**
|
|
1921
|
-
* Label component for form fields. Supports tooltips and required field indicators.
|
|
1922
|
-
*
|
|
1923
|
-
* @example
|
|
1924
|
-
* ```tsx
|
|
1925
|
-
* <Label
|
|
1926
|
-
* htmlFor="email"
|
|
1927
|
-
* tooltip="Enter your work email"
|
|
1928
|
-
* isRequired
|
|
1929
|
-
* >
|
|
1930
|
-
* Email Address
|
|
1931
|
-
* </Label>
|
|
1932
|
-
* ```
|
|
1933
|
-
*/
|
|
1934
|
-
declare function Label({ children, size, tooltip, isRequired, className, htmlFor, }: LabelProps): react_jsx_runtime.JSX.Element;
|
|
1935
|
-
/**
|
|
1936
|
-
* Description component for providing additional context about a form field.
|
|
1937
|
-
*
|
|
1938
|
-
* @example
|
|
1939
|
-
* ```tsx
|
|
1940
|
-
* <Description>Must be at least 8 characters</Description>
|
|
1941
|
-
* ```
|
|
1942
|
-
*/
|
|
1943
|
-
declare function Description({ size, className, children, ...props }: DescriptionProps): react_jsx_runtime.JSX.Element;
|
|
1944
|
-
/**
|
|
1945
|
-
* Error message component for form fields. Automatically handles
|
|
1946
|
-
* accessibility attributes for screen readers.
|
|
1947
|
-
*
|
|
1948
|
-
* @example
|
|
1949
|
-
* ```tsx
|
|
1950
|
-
* {hasError && <FieldError>This field is required</FieldError>}
|
|
1951
|
-
* ```
|
|
1952
|
-
*/
|
|
1953
|
-
declare function FieldError({ children, size, className }: FieldErrorProps): react_jsx_runtime.JSX.Element;
|
|
1954
|
-
/**
|
|
1955
|
-
* Base input component with consistent styling and state handling.
|
|
1956
|
-
* Extends the native input element with our custom styling system.
|
|
1957
|
-
*
|
|
1958
|
-
* @example
|
|
1959
|
-
* ```tsx
|
|
1960
|
-
* <Input
|
|
1961
|
-
* size="md"
|
|
1962
|
-
* isInvalid={hasError}
|
|
1963
|
-
* isDisabled={isLoading}
|
|
1964
|
-
* transparent={false}
|
|
1965
|
-
* />
|
|
1966
|
-
* ```
|
|
1967
|
-
*/
|
|
1968
|
-
declare function Input({ size, isInvalid, isDisabled, isFocused, transparent, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
1969
|
-
/**
|
|
1970
|
-
* Container for grouping form elements with consistent styling.
|
|
1971
|
-
* Useful for creating compound components like input with buttons.
|
|
1972
|
-
*
|
|
1973
|
-
* @example
|
|
1974
|
-
* ```tsx
|
|
1975
|
-
* <FieldGroup>
|
|
1976
|
-
* <Input placeholder="Search..." />
|
|
1977
|
-
* <Button>Search</Button>
|
|
1978
|
-
* </FieldGroup>
|
|
1979
|
-
* ```
|
|
1980
|
-
*/
|
|
1981
|
-
declare function FieldGroup(props: FieldGroupProps): react_jsx_runtime.JSX.Element;
|
|
1982
|
-
|
|
1983
|
-
/**
|
|
1984
|
-
* ColorField Props
|
|
1985
|
-
*/
|
|
1986
|
-
interface ColorFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" | "className">, BaseInputProps {
|
|
1987
|
-
/** Label text displayed above the color field */
|
|
1988
|
-
label?: string;
|
|
1989
|
-
/** Helper text displayed below the color field */
|
|
1990
|
-
description?: string;
|
|
1991
|
-
/** Error message or function to generate error message */
|
|
1992
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
1993
|
-
/** Placeholder text for the input */
|
|
1994
|
-
placeholder?: string;
|
|
1995
|
-
/** Optional tooltip text to show next to the label */
|
|
1996
|
-
tooltip?: string;
|
|
1997
|
-
/** Whether the field is required */
|
|
1998
|
-
isRequired?: boolean;
|
|
1999
|
-
/** Additional CSS classes to apply */
|
|
2000
|
-
className?: string;
|
|
2001
|
-
/** Validation result object */
|
|
2002
|
-
validationResult?: ValidationResult;
|
|
2003
|
-
/** The current hex color value (controlled) */
|
|
2004
|
-
value?: string;
|
|
2005
|
-
/** Default hex color value (uncontrolled) */
|
|
2006
|
-
defaultValue?: string;
|
|
2007
|
-
/** Callback when the color changes */
|
|
2008
|
-
onChange?: (color: string) => void;
|
|
2009
|
-
/** Whether to show the color swatch preview */
|
|
2010
|
-
showColorSwatch?: boolean;
|
|
2011
|
-
}
|
|
2012
|
-
/**
|
|
2013
|
-
* ColorField Component
|
|
2014
|
-
*
|
|
2015
|
-
* A form control that allows users to input hex color codes manually
|
|
2016
|
-
* or select colors using a visual color picker. Integrates seamlessly
|
|
2017
|
-
* with the Edges design system.
|
|
2018
|
-
*
|
|
2019
|
-
* @example
|
|
2020
|
-
* ```tsx
|
|
2021
|
-
* <ColorField
|
|
2022
|
-
* label="Brand Color"
|
|
2023
|
-
* value={color}
|
|
2024
|
-
* onChange={setColor}
|
|
2025
|
-
* description="Choose your primary brand color"
|
|
2026
|
-
* />
|
|
2027
|
-
* ```
|
|
2028
|
-
*/
|
|
2029
|
-
declare function ColorField({ label, description, errorMessage, size, tooltip, isRequired, transparent, className, validationResult, value: controlledValue, defaultValue, onChange, placeholder, showColorSwatch, ...props }: ColorFieldProps): react_jsx_runtime.JSX.Element;
|
|
2030
|
-
|
|
2031
1490
|
interface ConfirmProps {
|
|
2032
1491
|
/**
|
|
2033
1492
|
* Whether the confirm dialog is open
|
|
@@ -2903,14 +2362,14 @@ declare function SearchControl({ value, onChange, onClear, placeholder, size, cl
|
|
|
2903
2362
|
interface Action<T = any> {
|
|
2904
2363
|
id: string;
|
|
2905
2364
|
label?: string;
|
|
2906
|
-
icon?: IconName$
|
|
2365
|
+
icon?: IconName$2;
|
|
2907
2366
|
onClick: (row: T) => void;
|
|
2908
2367
|
disabled?: boolean | ((row: T) => boolean);
|
|
2909
2368
|
hidden?: boolean | ((row: T) => boolean);
|
|
2910
2369
|
variant?: "primary" | "secondary" | "icon";
|
|
2911
2370
|
}
|
|
2912
2371
|
interface ActionCellProps<T = any> extends CellComponentProps<T> {
|
|
2913
|
-
actions: Action<T>[];
|
|
2372
|
+
actions: Action<T>[] | ((row: T) => Action<T>[]);
|
|
2914
2373
|
align?: "left" | "center" | "right";
|
|
2915
2374
|
size?: "sm" | "md" | "lg";
|
|
2916
2375
|
}
|
|
@@ -3001,8 +2460,8 @@ interface BooleanCellProps<T = any> extends CellComponentProps<T> {
|
|
|
3001
2460
|
format?: "icon" | "text" | "badge";
|
|
3002
2461
|
trueText?: string;
|
|
3003
2462
|
falseText?: string;
|
|
3004
|
-
trueIcon?: IconName$
|
|
3005
|
-
falseIcon?: IconName$
|
|
2463
|
+
trueIcon?: IconName$2;
|
|
2464
|
+
falseIcon?: IconName$2;
|
|
3006
2465
|
showFalse?: boolean;
|
|
3007
2466
|
align?: "left" | "center" | "right";
|
|
3008
2467
|
emphasis?: CellEmphasis;
|
|
@@ -3229,7 +2688,7 @@ interface DeviceStateCellProps<T = any> extends Omit<CellComponentProps<T>, "val
|
|
|
3229
2688
|
/** Custom label override */
|
|
3230
2689
|
label?: string | ((state: DeviceState, row: T) => string);
|
|
3231
2690
|
/** Optional icon */
|
|
3232
|
-
icon?: IconName$
|
|
2691
|
+
icon?: IconName$2;
|
|
3233
2692
|
/** Fixed width for column alignment (defaults to true for tables) */
|
|
3234
2693
|
fixedWidth?: boolean;
|
|
3235
2694
|
/** Alignment */
|
|
@@ -3679,7 +3138,7 @@ interface DeviceStateBadgeProps extends Omit<BadgeProps, "variant" | "children">
|
|
|
3679
3138
|
/** Custom label override (defaults to auto-capitalized state name) */
|
|
3680
3139
|
label?: string;
|
|
3681
3140
|
/** Optional icon to display before the label */
|
|
3682
|
-
icon?: IconName$
|
|
3141
|
+
icon?: IconName$2;
|
|
3683
3142
|
/** Loading state */
|
|
3684
3143
|
isLoading?: boolean;
|
|
3685
3144
|
/** Fixed width for column alignment (useful in tables) */
|
|
@@ -3800,54 +3259,6 @@ type WithoutBackArrow = BaseDialogHeaderProps & {
|
|
|
3800
3259
|
type DialogHeaderProps = WithBackArrow | WithoutBackArrow;
|
|
3801
3260
|
declare const DialogHeader: React__default.FC<DialogHeaderProps>;
|
|
3802
3261
|
|
|
3803
|
-
interface DrawerProps extends DialogHeaderConfig, DialogFooterConfig {
|
|
3804
|
-
/**
|
|
3805
|
-
* Drawer content
|
|
3806
|
-
*/
|
|
3807
|
-
children?: React__default.ReactNode;
|
|
3808
|
-
/**
|
|
3809
|
-
* Whether the drawer is open
|
|
3810
|
-
*/
|
|
3811
|
-
isOpen: boolean;
|
|
3812
|
-
/**
|
|
3813
|
-
* Side to slide in from
|
|
3814
|
-
* @default "right"
|
|
3815
|
-
*/
|
|
3816
|
-
slideInFrom?: "left" | "right";
|
|
3817
|
-
/**
|
|
3818
|
-
* Whether to use a transparent backdrop
|
|
3819
|
-
* @default false
|
|
3820
|
-
*/
|
|
3821
|
-
transparentOverlay?: boolean;
|
|
3822
|
-
/**
|
|
3823
|
-
* Callback when the drawer is closed
|
|
3824
|
-
*/
|
|
3825
|
-
onClose?: () => void;
|
|
3826
|
-
/**
|
|
3827
|
-
* Additional CSS classes
|
|
3828
|
-
*/
|
|
3829
|
-
className?: string;
|
|
3830
|
-
/**
|
|
3831
|
-
* Whether to include padding inside the content area
|
|
3832
|
-
* @default true
|
|
3833
|
-
*/
|
|
3834
|
-
contentPadding?: boolean;
|
|
3835
|
-
/**
|
|
3836
|
-
* Maximum width of the drawer
|
|
3837
|
-
* @default "400px"
|
|
3838
|
-
*/
|
|
3839
|
-
maxWidth?: string;
|
|
3840
|
-
}
|
|
3841
|
-
/**
|
|
3842
|
-
* Drawer
|
|
3843
|
-
*
|
|
3844
|
-
* Sliding panel that anchors to screen edges.
|
|
3845
|
-
*/
|
|
3846
|
-
declare function Drawer({ children, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, isOpen, slideInFrom, transparentOverlay, onClose, className, primaryAction, secondaryAction, footerContent, contentPadding, maxWidth, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
|
|
3847
|
-
declare namespace Drawer {
|
|
3848
|
-
var displayName: string;
|
|
3849
|
-
}
|
|
3850
|
-
|
|
3851
3262
|
type EmptyStateSize = "sm" | "md" | "lg";
|
|
3852
3263
|
type EmptyStateAlignment = "center" | "start";
|
|
3853
3264
|
interface EmptyStateAction {
|
|
@@ -3864,7 +3275,7 @@ interface EmptyStateAction {
|
|
|
3864
3275
|
}
|
|
3865
3276
|
interface EmptyStateProps {
|
|
3866
3277
|
/** Icon name from Icon component to show at the top of the empty state. */
|
|
3867
|
-
icon?: IconName$
|
|
3278
|
+
icon?: IconName$2;
|
|
3868
3279
|
/** Primary title describing the state. */
|
|
3869
3280
|
title: ReactNode;
|
|
3870
3281
|
/** Optional description providing more context. */
|
|
@@ -3979,6 +3390,7 @@ declare function FirmwareVersionBadge({ version, isLatest, updateAvailable, isLo
|
|
|
3979
3390
|
* Form
|
|
3980
3391
|
*
|
|
3981
3392
|
* Accessibility-first form wrapper with consistent spacing.
|
|
3393
|
+
* Defaults to ARIA validation to use custom error styling instead of native browser tooltips.
|
|
3982
3394
|
*/
|
|
3983
3395
|
declare function Form(props: FormProps): react_jsx_runtime.JSX.Element;
|
|
3984
3396
|
|
|
@@ -4654,30 +4066,6 @@ declare function useNotice(): {
|
|
|
4654
4066
|
clear: () => void;
|
|
4655
4067
|
};
|
|
4656
4068
|
|
|
4657
|
-
/**
|
|
4658
|
-
* NumberField
|
|
4659
|
-
*
|
|
4660
|
-
* Numeric input with stepper controls and validation.
|
|
4661
|
-
*/
|
|
4662
|
-
interface NumberFieldProps extends Omit<NumberFieldProps$1, "size" | "className">, BaseInputProps {
|
|
4663
|
-
value?: number;
|
|
4664
|
-
defaultValue?: number;
|
|
4665
|
-
onChange?: (value: number) => void;
|
|
4666
|
-
minValue?: number;
|
|
4667
|
-
maxValue?: number;
|
|
4668
|
-
step?: number;
|
|
4669
|
-
formatOptions?: Intl.NumberFormatOptions;
|
|
4670
|
-
id?: string;
|
|
4671
|
-
label?: string;
|
|
4672
|
-
description?: string;
|
|
4673
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
4674
|
-
tooltip?: string;
|
|
4675
|
-
isRequired?: boolean;
|
|
4676
|
-
className?: string;
|
|
4677
|
-
validationResult?: ValidationResult;
|
|
4678
|
-
}
|
|
4679
|
-
declare function NumberField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
|
|
4680
|
-
|
|
4681
4069
|
/**
|
|
4682
4070
|
* PageLayout — opinionated, SSR-friendly page scaffold for dashboards.
|
|
4683
4071
|
*
|
|
@@ -4999,26 +4387,6 @@ interface RadioCardGroupProps {
|
|
|
4999
4387
|
declare function RadioCard({ value, isDisabled, className, children, size, variant, }: RadioCardProps): react_jsx_runtime.JSX.Element;
|
|
5000
4388
|
declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
|
|
5001
4389
|
|
|
5002
|
-
interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
|
|
5003
|
-
/** Label for the radio group */
|
|
5004
|
-
label?: string;
|
|
5005
|
-
/** Children elements */
|
|
5006
|
-
children?: ReactNode;
|
|
5007
|
-
/** Optional description for the radio group */
|
|
5008
|
-
description?: string;
|
|
5009
|
-
/** Error message to display when validation fails */
|
|
5010
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
5011
|
-
/** Validation result object for functional errorMessage */
|
|
5012
|
-
validationResult?: ValidationResult;
|
|
5013
|
-
/**
|
|
5014
|
-
* Visual variant of the radio buttons
|
|
5015
|
-
* @default "brand"
|
|
5016
|
-
*/
|
|
5017
|
-
variant?: "default" | "brand";
|
|
5018
|
-
}
|
|
5019
|
-
declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
5020
|
-
declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
|
|
5021
|
-
|
|
5022
4390
|
/**
|
|
5023
4391
|
* RangeCalendar
|
|
5024
4392
|
*
|
|
@@ -5138,66 +4506,6 @@ type SectionNavProps = {
|
|
|
5138
4506
|
};
|
|
5139
4507
|
declare function SectionNav({ sections, activeSection: controlledActiveSection, onSectionChange, orientation, className, scrollBehavior, stickyTop, sectionIdPrefix, filterSection, }: SectionNavProps): react_jsx_runtime.JSX.Element | null;
|
|
5140
4508
|
|
|
5141
|
-
/**
|
|
5142
|
-
* Interface defining the shape of items in the Select component
|
|
5143
|
-
*/
|
|
5144
|
-
interface SelectItem<T = unknown> {
|
|
5145
|
-
/** Unique identifier for the item */
|
|
5146
|
-
id: string;
|
|
5147
|
-
/** Display label for the item */
|
|
5148
|
-
label: string;
|
|
5149
|
-
/** Value associated with the item */
|
|
5150
|
-
value: T;
|
|
5151
|
-
}
|
|
5152
|
-
/**
|
|
5153
|
-
* Props for the Select component
|
|
5154
|
-
* @template T - The type of the items, must extend SelectItem
|
|
5155
|
-
*/
|
|
5156
|
-
interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "children" | "onSelectionChange"> {
|
|
5157
|
-
/** Label text displayed above the select */
|
|
5158
|
-
label?: string;
|
|
5159
|
-
/** Helper text displayed below the select */
|
|
5160
|
-
description?: string;
|
|
5161
|
-
/** Error message or function to generate error message */
|
|
5162
|
-
errorMessage?: string | ((validation: ValidationResult) => React__default.ReactNode);
|
|
5163
|
-
/** Collection of items to display in the select */
|
|
5164
|
-
items?: Iterable<T>;
|
|
5165
|
-
/** Size variant of the select */
|
|
5166
|
-
size?: Size;
|
|
5167
|
-
/** Render function for items or static children */
|
|
5168
|
-
children?: React__default.ReactNode | ((item: T) => React__default.ReactNode);
|
|
5169
|
-
/** Custom render function for individual items. When provided, items prop is used to render items automatically */
|
|
5170
|
-
renderItem?: (item: T) => React__default.ReactNode;
|
|
5171
|
-
/** Currently selected item's id. Uses the SelectItem's `id` field for stable selection tracking */
|
|
5172
|
-
selectedKey?: Key;
|
|
5173
|
-
/** Default selected item's id for uncontrolled usage */
|
|
5174
|
-
defaultSelectedKey?: Key;
|
|
5175
|
-
/** Callback when selection changes, provides the selected item's id */
|
|
5176
|
-
onSelectionChange?: (key: Key) => void;
|
|
5177
|
-
/** Whether to show error states */
|
|
5178
|
-
showErrors?: boolean;
|
|
5179
|
-
/** Tooltip text */
|
|
5180
|
-
tooltip?: string;
|
|
5181
|
-
/** Whether the field is required */
|
|
5182
|
-
isRequired?: boolean;
|
|
5183
|
-
/** Validation result object */
|
|
5184
|
-
validationResult?: ValidationResult;
|
|
5185
|
-
/** Whether to use transparent background */
|
|
5186
|
-
transparent?: boolean;
|
|
5187
|
-
/** Placement of the dropdown menu relative to the trigger. Defaults to "bottom start" */
|
|
5188
|
-
placement?: "bottom" | "bottom left" | "bottom right" | "bottom start" | "bottom end" | "top" | "top left" | "top right" | "top start" | "top end" | "left" | "left top" | "left bottom" | "start" | "start top" | "start bottom" | "right" | "right top" | "right bottom" | "end" | "end top" | "end bottom";
|
|
5189
|
-
/** Whether the menu should flip to the opposite side when there's not enough space. Defaults to true */
|
|
5190
|
-
shouldFlip?: boolean;
|
|
5191
|
-
/**
|
|
5192
|
-
* Controls the menu width behavior relative to the trigger.
|
|
5193
|
-
* - "match": Menu width matches trigger width exactly (default)
|
|
5194
|
-
* - "auto": Menu width grows to fit content, with minimum of trigger width
|
|
5195
|
-
* @default "match"
|
|
5196
|
-
*/
|
|
5197
|
-
menuWidth?: "match" | "auto";
|
|
5198
|
-
}
|
|
5199
|
-
declare function Select<T extends SelectItem>({ label, description, errorMessage, children, items, renderItem, size, selectedKey: controlledSelectedKey, defaultSelectedKey, onSelectionChange, placeholder, showErrors, tooltip, isRequired, transparent, placement, shouldFlip, menuWidth, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
5200
|
-
|
|
5201
4509
|
interface SiteCardProps {
|
|
5202
4510
|
/** Street address */
|
|
5203
4511
|
streetAddress: string;
|
|
@@ -5584,27 +4892,6 @@ interface StatListProps {
|
|
|
5584
4892
|
}
|
|
5585
4893
|
declare function StatList({ items, layout, dense, valueAlign, showDividers, skeleton, empty, error, className, }: StatListProps): react_jsx_runtime.JSX.Element;
|
|
5586
4894
|
|
|
5587
|
-
interface SwitchProps extends Omit<SwitchProps$1, "children"> {
|
|
5588
|
-
children: React__default.ReactNode;
|
|
5589
|
-
/**
|
|
5590
|
-
* Visual variant of the switch
|
|
5591
|
-
* @default "default"
|
|
5592
|
-
*/
|
|
5593
|
-
variant?: "default" | "brand";
|
|
5594
|
-
/**
|
|
5595
|
-
* Size of the switch
|
|
5596
|
-
* @default "md"
|
|
5597
|
-
*/
|
|
5598
|
-
size?: Size;
|
|
5599
|
-
}
|
|
5600
|
-
/**
|
|
5601
|
-
* Switch
|
|
5602
|
-
*
|
|
5603
|
-
* Toggle switch component for binary on/off states.
|
|
5604
|
-
* Provides an accessible alternative to checkboxes for settings and preferences.
|
|
5605
|
-
*/
|
|
5606
|
-
declare function Switch({ children, variant, size, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
5607
|
-
|
|
5608
4895
|
type TabVariant = "default" | "brand";
|
|
5609
4896
|
type TabProps = TabProps$1 & {
|
|
5610
4897
|
isSelected?: boolean;
|
|
@@ -5641,23 +4928,6 @@ declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
|
|
|
5641
4928
|
*/
|
|
5642
4929
|
declare function TabPanel(props: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
5643
4930
|
|
|
5644
|
-
/**
|
|
5645
|
-
* TextArea
|
|
5646
|
-
*
|
|
5647
|
-
* Multi-line text input with Edges styling, label, description, and error.
|
|
5648
|
-
*/
|
|
5649
|
-
interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled">, BaseInputProps {
|
|
5650
|
-
label?: string;
|
|
5651
|
-
description?: string;
|
|
5652
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
5653
|
-
tooltip?: string;
|
|
5654
|
-
size?: Size;
|
|
5655
|
-
isInvalid?: boolean;
|
|
5656
|
-
isDisabled?: boolean;
|
|
5657
|
-
validationResult?: ValidationResult;
|
|
5658
|
-
}
|
|
5659
|
-
declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
|
|
5660
|
-
|
|
5661
4931
|
interface ChipData {
|
|
5662
4932
|
id: string;
|
|
5663
4933
|
label: string;
|
|
@@ -5676,6 +4946,11 @@ interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttribu
|
|
|
5676
4946
|
size?: Size;
|
|
5677
4947
|
isInvalid?: boolean;
|
|
5678
4948
|
isDisabled?: boolean;
|
|
4949
|
+
/**
|
|
4950
|
+
* Allow user resizing of the content area. Defaults to false (non-resizable).
|
|
4951
|
+
* When true, enables vertical resize.
|
|
4952
|
+
*/
|
|
4953
|
+
isResizable?: boolean;
|
|
5679
4954
|
validationResult?: ValidationResult;
|
|
5680
4955
|
value?: string;
|
|
5681
4956
|
onChange?: (value: string) => void;
|
|
@@ -5694,31 +4969,7 @@ interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttribu
|
|
|
5694
4969
|
* Enhanced textarea component with chip/tag support.
|
|
5695
4970
|
* Enables rich text input with embedded chips for mentions, tags, or structured data entry.
|
|
5696
4971
|
*/
|
|
5697
|
-
declare function TextAreaWithChips({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, value, onChange, chips, onChipsChange, triggerPattern, onTriggerDetected, onTriggerDismissed, renderChip, chipVariant, chipSize, ...props }: TextAreaWithChipsProps): react_jsx_runtime.JSX.Element;
|
|
5698
|
-
|
|
5699
|
-
/**
|
|
5700
|
-
* TextField
|
|
5701
|
-
*
|
|
5702
|
-
* A controlled or uncontrolled text input with Edges styling, label,
|
|
5703
|
-
* description, error messaging, and optional affordances like a search icon,
|
|
5704
|
-
* clear button, and password visibility toggle. Wraps
|
|
5705
|
-
* `react-aria-components` TextField for accessible behavior.
|
|
5706
|
-
*/
|
|
5707
|
-
interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" | "className">, BaseInputProps {
|
|
5708
|
-
label?: string;
|
|
5709
|
-
description?: string;
|
|
5710
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
5711
|
-
placeholder?: string;
|
|
5712
|
-
tooltip?: string;
|
|
5713
|
-
isRequired?: boolean;
|
|
5714
|
-
className?: string;
|
|
5715
|
-
validationResult?: ValidationResult;
|
|
5716
|
-
}
|
|
5717
|
-
/**
|
|
5718
|
-
* Renders an Edges TextField with label, description, validation states and
|
|
5719
|
-
* optional search/clear/password affordances.
|
|
5720
|
-
*/
|
|
5721
|
-
declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
|
|
4972
|
+
declare function TextAreaWithChips({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, isResizable, className, validationResult, value, onChange, chips, onChipsChange, triggerPattern, onTriggerDetected, onTriggerDismissed, renderChip, chipVariant, chipSize, ...props }: TextAreaWithChipsProps): react_jsx_runtime.JSX.Element;
|
|
5722
4973
|
|
|
5723
4974
|
/**
|
|
5724
4975
|
* Window size for data aggregation
|
|
@@ -5840,27 +5091,6 @@ interface TimeControlsProps {
|
|
|
5840
5091
|
*/
|
|
5841
5092
|
declare function TimeControls({ dateRange, onDateRangeChange, windowSize, onWindowSizeChange, showWindowSize, showRangeSelector, allowDatePicker, lockWindowSize, restrictToSingleDay, presetRanges, windowSizeOptions, autoAdjustWindowSize, className, }: TimeControlsProps): react_jsx_runtime.JSX.Element;
|
|
5842
5093
|
|
|
5843
|
-
/**
|
|
5844
|
-
* TimeField
|
|
5845
|
-
*
|
|
5846
|
-
* Input segmented time with Edges styling and accessible behavior via
|
|
5847
|
-
* `react-aria-components`. Supports labels, descriptions and validation.
|
|
5848
|
-
*/
|
|
5849
|
-
interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, "size" | "className">, BaseInputProps {
|
|
5850
|
-
label?: string;
|
|
5851
|
-
description?: string;
|
|
5852
|
-
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
5853
|
-
placeholder?: string;
|
|
5854
|
-
tooltip?: string;
|
|
5855
|
-
isRequired?: boolean;
|
|
5856
|
-
className?: string;
|
|
5857
|
-
validationResult?: ValidationResult;
|
|
5858
|
-
}
|
|
5859
|
-
/**
|
|
5860
|
-
* Renders an Edges TimeField composed from segmented date parts.
|
|
5861
|
-
*/
|
|
5862
|
-
declare function TimeField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: TimeFieldProps): react_jsx_runtime.JSX.Element;
|
|
5863
|
-
|
|
5864
5094
|
interface TimelineProps {
|
|
5865
5095
|
children: ReactNode;
|
|
5866
5096
|
className?: string;
|
|
@@ -6057,4 +5287,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
6057
5287
|
*/
|
|
6058
5288
|
declare function getStateTone(state: DeviceState): StatTone;
|
|
6059
5289
|
|
|
6060
|
-
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,
|
|
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 };
|