@texturehq/edges 1.5.1 → 1.5.3
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 +164 -27
- package/dist/index.cjs +14 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +334 -39
- package/dist/index.d.ts +334 -39
- package/dist/index.js +14 -12
- package/dist/index.js.map +1 -1
- package/dist/{server-B74FiF5M.d.cts → server-C20rH2CQ.d.cts} +2 -1
- package/dist/{server-B74FiF5M.d.ts → server-C20rH2CQ.d.ts} +2 -1
- package/dist/server.cjs +17 -15
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +1 -1
- package/dist/server.d.ts +1 -1
- package/dist/server.js +17 -15
- package/dist/server.js.map +1 -1
- package/dist/styles/animations.css +40 -0
- package/dist/styles.css +177 -14
- package/dist/utilities.manifest.json +2 -2
- package/package.json +8 -8
- package/scripts/generate-components-manifest.js +6 -6
- package/scripts/generate-utilities-manifest.js +66 -43
- package/scripts/generate-viz-runtime.js +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
1
|
+
import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, ModalOverlayProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
|
|
2
|
+
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
|
|
3
|
+
import { I as Icon, B as BaseDataPoint, Y as YFormatType, T as TooltipData, a as IconName$2, L as LayerSpec, C as CustomPinsSpec, G as GeoJsonLayerSpec, R as RasterLayerSpec, V as VectorLayerSpec } from './server-C20rH2CQ.cjs';
|
|
4
|
+
export { A as ActionItem, c as ActionMenu, b as ActionMenuProps, e as AppShell, d as AppShellProps, g as Avatar, f as AvatarProps, i as Badge, h as BadgeProps, l as Card, j as CardProps, k as CardVariant, a4 as ChartContext, a6 as ChartMargin, p as CodeEditor, m as CodeEditorProps, n as CodeLanguage, o as CodeTheme, u as ColorSpec, q as DateField, D as DateFieldProps, r as FileUpload, F as FileUploadProps, H as Heading, z as InteractiveMap, v as InteractiveMapProps, w as LayerFeature, x as LayerStyle, s as Loader, t as Logo, E as MAP_TYPES, M as MapPoint, N as Meter, K as MeterProps, y as RenderType, P as RichTextEditor, O as RichTextEditorProps, U as SegmentOption, W as SegmentedControl, Q as SegmentedControlProps, $ as SideNav, X as SideNavItem, _ as SideNavProps, J as StaticMap, S as StaticMapProps, a0 as TextLink, a3 as TooltipSeries, a2 as TopNav, a1 as TopNavProps, ab as YFormatSettings, Z as ZoomStops, ac as clearColorCache, ad as createCategoryColorMap, a7 as createXScale, a8 as createYScale, a9 as defaultMargin, ae as getContrastingTextColor, af as getDefaultChartColor, ag as getDefaultColors, ah as getResolvedColor, ai as getThemeCategoricalColors, aa as getYFormatSettings, aj as isLightColor, a5 as useChartContext } from './server-C20rH2CQ.cjs';
|
|
3
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
6
|
import * as React$1 from 'react';
|
|
5
|
-
import React__default, {
|
|
6
|
-
import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps, TabsProps as TabsProps$2, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
|
|
7
|
-
export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
|
|
7
|
+
import React__default, { ReactNode, ComponentProps, ComponentType, Component, ErrorInfo, CSSProperties } from 'react';
|
|
8
8
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
9
9
|
import '@phosphor-icons/react';
|
|
10
10
|
import 'react-map-gl';
|
|
@@ -894,6 +894,190 @@ declare const createFormat: <T extends FieldFormat["type"]>(type: T, options?: O
|
|
|
894
894
|
type: T;
|
|
895
895
|
}>;
|
|
896
896
|
|
|
897
|
+
/**
|
|
898
|
+
* Shared action type for Dialog and Drawer footer buttons
|
|
899
|
+
*/
|
|
900
|
+
interface DialogAction {
|
|
901
|
+
label: string;
|
|
902
|
+
onPress: () => void;
|
|
903
|
+
variant?: "default" | "primary" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost";
|
|
904
|
+
size?: "sm" | "md" | "lg";
|
|
905
|
+
isLoading?: boolean;
|
|
906
|
+
isDisabled?: boolean;
|
|
907
|
+
}
|
|
908
|
+
/**
|
|
909
|
+
* Shared header props for Dialog and Drawer
|
|
910
|
+
*/
|
|
911
|
+
interface DialogHeaderConfig {
|
|
912
|
+
/**
|
|
913
|
+
* Title text for the header
|
|
914
|
+
*/
|
|
915
|
+
title?: string;
|
|
916
|
+
/**
|
|
917
|
+
* Custom header content (overrides title)
|
|
918
|
+
*/
|
|
919
|
+
headerContent?: ReactNode;
|
|
920
|
+
/**
|
|
921
|
+
* Alignment of the title
|
|
922
|
+
* @default "left"
|
|
923
|
+
*/
|
|
924
|
+
titleAlign?: "left" | "center";
|
|
925
|
+
/**
|
|
926
|
+
* Whether to hide the close button
|
|
927
|
+
* @default false
|
|
928
|
+
*/
|
|
929
|
+
hideCloseIcon?: boolean;
|
|
930
|
+
/**
|
|
931
|
+
* Whether to show a back arrow
|
|
932
|
+
* @default false
|
|
933
|
+
*/
|
|
934
|
+
hasBackArrow?: boolean;
|
|
935
|
+
/**
|
|
936
|
+
* Callback when back arrow is clicked (required if hasBackArrow is true)
|
|
937
|
+
*/
|
|
938
|
+
onBack?: () => void;
|
|
939
|
+
}
|
|
940
|
+
/**
|
|
941
|
+
* Shared footer props for Dialog and Drawer
|
|
942
|
+
*/
|
|
943
|
+
interface DialogFooterConfig {
|
|
944
|
+
/**
|
|
945
|
+
* Primary action button configuration
|
|
946
|
+
*/
|
|
947
|
+
primaryAction?: DialogAction;
|
|
948
|
+
/**
|
|
949
|
+
* Secondary action button configuration
|
|
950
|
+
*/
|
|
951
|
+
secondaryAction?: DialogAction;
|
|
952
|
+
/**
|
|
953
|
+
* Custom footer content above the action buttons
|
|
954
|
+
*/
|
|
955
|
+
footerContent?: ReactNode;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
interface DialogProps extends Omit<DialogHeaderConfig, "onClose">, DialogFooterConfig {
|
|
959
|
+
/**
|
|
960
|
+
* Whether the dialog is open (controlled mode)
|
|
961
|
+
* When using DialogTrigger, leave this undefined for automatic state management
|
|
962
|
+
* @default undefined
|
|
963
|
+
*/
|
|
964
|
+
isOpen?: boolean;
|
|
965
|
+
/**
|
|
966
|
+
* Callback when the dialog is closed (controlled mode)
|
|
967
|
+
* When using DialogTrigger, leave this undefined for automatic state management
|
|
968
|
+
* @default undefined
|
|
969
|
+
*/
|
|
970
|
+
onClose?: () => void;
|
|
971
|
+
/**
|
|
972
|
+
* Dialog content
|
|
973
|
+
*/
|
|
974
|
+
children: React__default.ReactNode;
|
|
975
|
+
/**
|
|
976
|
+
* Whether to use a transparent backdrop
|
|
977
|
+
* @default false
|
|
978
|
+
*/
|
|
979
|
+
transparentOverlay?: boolean;
|
|
980
|
+
/**
|
|
981
|
+
* Maximum width of the dialog
|
|
982
|
+
* @default "600px"
|
|
983
|
+
*/
|
|
984
|
+
maxWidth?: string;
|
|
985
|
+
/**
|
|
986
|
+
* Minimum width of the dialog (desktop only, mobile uses full width)
|
|
987
|
+
* @default "400px"
|
|
988
|
+
*/
|
|
989
|
+
minWidth?: string;
|
|
990
|
+
/**
|
|
991
|
+
* Whether to include padding inside the content area
|
|
992
|
+
* @default true
|
|
993
|
+
*/
|
|
994
|
+
contentPadding?: boolean;
|
|
995
|
+
/**
|
|
996
|
+
* Additional CSS classes
|
|
997
|
+
*/
|
|
998
|
+
className?: string;
|
|
999
|
+
}
|
|
1000
|
+
/**
|
|
1001
|
+
* Dialog
|
|
1002
|
+
*
|
|
1003
|
+
* Responsive modal dialog component with backdrop.
|
|
1004
|
+
*
|
|
1005
|
+
* **Desktop (≥768px):** Centered modal with scale and fade animation
|
|
1006
|
+
* **Mobile (<768px):** Bottom sheet that slides up from bottom
|
|
1007
|
+
*
|
|
1008
|
+
* Includes optional header with title/back button and footer with action buttons.
|
|
1009
|
+
*
|
|
1010
|
+
* ## Usage Patterns
|
|
1011
|
+
*
|
|
1012
|
+
* ### Uncontrolled with DialogTrigger (Recommended)
|
|
1013
|
+
* ```tsx
|
|
1014
|
+
* import { DialogTrigger, Dialog, Button } from "@texturehq/edges";
|
|
1015
|
+
*
|
|
1016
|
+
* <DialogTrigger>
|
|
1017
|
+
* <Button>Open Dialog</Button>
|
|
1018
|
+
* <Dialog title="My Dialog">
|
|
1019
|
+
* <p>Dialog content</p>
|
|
1020
|
+
* </Dialog>
|
|
1021
|
+
* </DialogTrigger>
|
|
1022
|
+
* ```
|
|
1023
|
+
*
|
|
1024
|
+
* ### Controlled (Advanced)
|
|
1025
|
+
* ```tsx
|
|
1026
|
+
* const [isOpen, setIsOpen] = useState(false);
|
|
1027
|
+
*
|
|
1028
|
+
* <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} title="My Dialog">
|
|
1029
|
+
* <p>Dialog content</p>
|
|
1030
|
+
* </Dialog>
|
|
1031
|
+
* ```
|
|
1032
|
+
*/
|
|
1033
|
+
declare function Dialog({ isOpen, onClose, title, headerContent, titleAlign, hideCloseIcon, hasBackArrow, onBack, children, primaryAction, secondaryAction, footerContent, transparentOverlay, maxWidth, minWidth, contentPadding, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
|
|
1034
|
+
|
|
1035
|
+
interface AlertProps {
|
|
1036
|
+
/**
|
|
1037
|
+
* Whether the alert is open
|
|
1038
|
+
*/
|
|
1039
|
+
isOpen: boolean;
|
|
1040
|
+
/**
|
|
1041
|
+
* Callback when the alert is closed
|
|
1042
|
+
*/
|
|
1043
|
+
onClose: () => void;
|
|
1044
|
+
/**
|
|
1045
|
+
* Alert title
|
|
1046
|
+
*/
|
|
1047
|
+
title: string;
|
|
1048
|
+
/**
|
|
1049
|
+
* Alert message/content
|
|
1050
|
+
*/
|
|
1051
|
+
message: React__default.ReactNode;
|
|
1052
|
+
/**
|
|
1053
|
+
* Label for the confirm button
|
|
1054
|
+
* @default "OK"
|
|
1055
|
+
*/
|
|
1056
|
+
confirmLabel?: string;
|
|
1057
|
+
/**
|
|
1058
|
+
* Variant for the confirm button
|
|
1059
|
+
* @default "primary"
|
|
1060
|
+
*/
|
|
1061
|
+
confirmVariant?: DialogAction["variant"];
|
|
1062
|
+
/**
|
|
1063
|
+
* Maximum width of the alert dialog
|
|
1064
|
+
* @default "400px"
|
|
1065
|
+
*/
|
|
1066
|
+
maxWidth?: string;
|
|
1067
|
+
/**
|
|
1068
|
+
* Minimum width of the alert dialog (desktop only)
|
|
1069
|
+
* @default "320px"
|
|
1070
|
+
*/
|
|
1071
|
+
minWidth?: string;
|
|
1072
|
+
}
|
|
1073
|
+
/**
|
|
1074
|
+
* Alert
|
|
1075
|
+
*
|
|
1076
|
+
* A simple alert dialog with a single action button.
|
|
1077
|
+
* Use for informational messages that require acknowledgment.
|
|
1078
|
+
*/
|
|
1079
|
+
declare function Alert({ isOpen, onClose, title, message, confirmLabel, confirmVariant, maxWidth, minWidth, }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
1080
|
+
|
|
897
1081
|
/**
|
|
898
1082
|
* Control-specific style utilities for form elements and interactive components.
|
|
899
1083
|
* These styles use CSS variables defined in the theme for consistent sizing
|
|
@@ -1079,6 +1263,71 @@ interface ChipProps {
|
|
|
1079
1263
|
*/
|
|
1080
1264
|
declare function Chip({ children, onRemove, size, variant, isRemovable, isDisabled, className, onClick, }: ChipProps): react_jsx_runtime.JSX.Element;
|
|
1081
1265
|
|
|
1266
|
+
interface ConfirmProps {
|
|
1267
|
+
/**
|
|
1268
|
+
* Whether the confirm dialog is open
|
|
1269
|
+
*/
|
|
1270
|
+
isOpen: boolean;
|
|
1271
|
+
/**
|
|
1272
|
+
* Callback when the dialog is closed without confirming
|
|
1273
|
+
*/
|
|
1274
|
+
onClose: () => void;
|
|
1275
|
+
/**
|
|
1276
|
+
* Callback when the confirm button is pressed
|
|
1277
|
+
*/
|
|
1278
|
+
onConfirm: () => void;
|
|
1279
|
+
/**
|
|
1280
|
+
* Dialog title
|
|
1281
|
+
*/
|
|
1282
|
+
title: string;
|
|
1283
|
+
/**
|
|
1284
|
+
* Confirmation message/content
|
|
1285
|
+
*/
|
|
1286
|
+
message: React__default.ReactNode;
|
|
1287
|
+
/**
|
|
1288
|
+
* Label for the confirm button
|
|
1289
|
+
* @default "Confirm"
|
|
1290
|
+
*/
|
|
1291
|
+
confirmLabel?: string;
|
|
1292
|
+
/**
|
|
1293
|
+
* Label for the cancel button
|
|
1294
|
+
* @default "Cancel"
|
|
1295
|
+
*/
|
|
1296
|
+
cancelLabel?: string;
|
|
1297
|
+
/**
|
|
1298
|
+
* Variant for the confirm button
|
|
1299
|
+
* @default "primary"
|
|
1300
|
+
*/
|
|
1301
|
+
confirmVariant?: DialogAction["variant"];
|
|
1302
|
+
/**
|
|
1303
|
+
* Whether the confirm action is destructive (uses destructive styling)
|
|
1304
|
+
* @default false
|
|
1305
|
+
*/
|
|
1306
|
+
isDestructive?: boolean;
|
|
1307
|
+
/**
|
|
1308
|
+
* Whether the confirm button is in a loading state
|
|
1309
|
+
* @default false
|
|
1310
|
+
*/
|
|
1311
|
+
isLoading?: boolean;
|
|
1312
|
+
/**
|
|
1313
|
+
* Maximum width of the confirm dialog
|
|
1314
|
+
* @default "500px"
|
|
1315
|
+
*/
|
|
1316
|
+
maxWidth?: string;
|
|
1317
|
+
/**
|
|
1318
|
+
* Minimum width of the confirm dialog (desktop only)
|
|
1319
|
+
* @default "400px"
|
|
1320
|
+
*/
|
|
1321
|
+
minWidth?: string;
|
|
1322
|
+
}
|
|
1323
|
+
/**
|
|
1324
|
+
* Confirm
|
|
1325
|
+
*
|
|
1326
|
+
* A confirmation dialog with confirm and cancel actions.
|
|
1327
|
+
* Use for actions that require user confirmation before proceeding.
|
|
1328
|
+
*/
|
|
1329
|
+
declare function Confirm({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, confirmVariant, isDestructive, isLoading, maxWidth, minWidth, }: ConfirmProps): react_jsx_runtime.JSX.Element;
|
|
1330
|
+
|
|
1082
1331
|
interface CopyToClipboardProps {
|
|
1083
1332
|
/**
|
|
1084
1333
|
* The value to copy to clipboard. If not provided, will use the text content of children
|
|
@@ -1188,7 +1437,7 @@ interface ChartExportMetadata {
|
|
|
1188
1437
|
* }, svgRef);
|
|
1189
1438
|
* ```
|
|
1190
1439
|
*/
|
|
1191
|
-
declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement>): Promise<void>;
|
|
1440
|
+
declare function exportChart(type: ExportType, datasets: BaseDataPoint[][] | BaseDataPoint[], metadata: ChartExportMetadata | undefined, svgRef: React__default.RefObject<SVGSVGElement | null>): Promise<void>;
|
|
1192
1441
|
/**
|
|
1193
1442
|
* Utility to check if export is supported in the current environment
|
|
1194
1443
|
*/
|
|
@@ -1526,13 +1775,6 @@ interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps
|
|
|
1526
1775
|
}
|
|
1527
1776
|
declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DateRangePickerProps<T>): react_jsx_runtime.JSX.Element;
|
|
1528
1777
|
|
|
1529
|
-
/**
|
|
1530
|
-
* Dialog
|
|
1531
|
-
*
|
|
1532
|
-
* Generic modal/dialog surface with Edges defaults.
|
|
1533
|
-
*/
|
|
1534
|
-
declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
|
|
1535
|
-
|
|
1536
1778
|
type BaseDialogHeaderProps = {
|
|
1537
1779
|
title?: string;
|
|
1538
1780
|
onClose: () => void;
|
|
@@ -1556,37 +1798,53 @@ type WithoutBackArrow = BaseDialogHeaderProps & {
|
|
|
1556
1798
|
type DialogHeaderProps = WithBackArrow | WithoutBackArrow;
|
|
1557
1799
|
declare const DialogHeader: React__default.FC<DialogHeaderProps>;
|
|
1558
1800
|
|
|
1559
|
-
interface
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
size?: "sm" | "md" | "lg";
|
|
1564
|
-
isLoading?: boolean;
|
|
1565
|
-
isDisabled?: boolean;
|
|
1566
|
-
}
|
|
1567
|
-
/**
|
|
1568
|
-
* Drawer
|
|
1569
|
-
*
|
|
1570
|
-
* Sliding panel that anchors to screen edges.
|
|
1571
|
-
*/
|
|
1572
|
-
interface DrawerProps {
|
|
1573
|
-
title?: string;
|
|
1574
|
-
headerContent?: React__default.ReactNode;
|
|
1801
|
+
interface DrawerProps extends DialogHeaderConfig, DialogFooterConfig {
|
|
1802
|
+
/**
|
|
1803
|
+
* Drawer content
|
|
1804
|
+
*/
|
|
1575
1805
|
children?: React__default.ReactNode;
|
|
1806
|
+
/**
|
|
1807
|
+
* Whether the drawer is open
|
|
1808
|
+
*/
|
|
1576
1809
|
isOpen: boolean;
|
|
1810
|
+
/**
|
|
1811
|
+
* Side to slide in from
|
|
1812
|
+
* @default "right"
|
|
1813
|
+
*/
|
|
1577
1814
|
slideInFrom?: "left" | "right";
|
|
1815
|
+
/**
|
|
1816
|
+
* Whether to use a transparent backdrop
|
|
1817
|
+
* @default false
|
|
1818
|
+
*/
|
|
1578
1819
|
transparentOverlay?: boolean;
|
|
1820
|
+
/**
|
|
1821
|
+
* Callback when the drawer is closed
|
|
1822
|
+
*/
|
|
1579
1823
|
onClose?: () => void;
|
|
1824
|
+
/**
|
|
1825
|
+
* Additional CSS classes
|
|
1826
|
+
*/
|
|
1580
1827
|
className?: string;
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1828
|
+
/**
|
|
1829
|
+
* Whether to include padding inside the content area
|
|
1830
|
+
* @default true
|
|
1831
|
+
*/
|
|
1585
1832
|
contentPadding?: boolean;
|
|
1586
|
-
/**
|
|
1833
|
+
/**
|
|
1834
|
+
* Maximum width of the drawer
|
|
1835
|
+
* @default "400px"
|
|
1836
|
+
*/
|
|
1587
1837
|
maxWidth?: string;
|
|
1588
1838
|
}
|
|
1589
|
-
|
|
1839
|
+
/**
|
|
1840
|
+
* Drawer
|
|
1841
|
+
*
|
|
1842
|
+
* Sliding panel that anchors to screen edges.
|
|
1843
|
+
*/
|
|
1844
|
+
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;
|
|
1845
|
+
declare namespace Drawer {
|
|
1846
|
+
var displayName: string;
|
|
1847
|
+
}
|
|
1590
1848
|
|
|
1591
1849
|
interface Props {
|
|
1592
1850
|
children: ReactNode;
|
|
@@ -1608,7 +1866,7 @@ declare class ErrorBoundary extends Component<Props, State> {
|
|
|
1608
1866
|
static getDerivedStateFromError(error: Error): State;
|
|
1609
1867
|
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
1610
1868
|
private handleRetry;
|
|
1611
|
-
render(): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
1869
|
+
render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
1612
1870
|
}
|
|
1613
1871
|
|
|
1614
1872
|
interface InputStyleProps {
|
|
@@ -1720,7 +1978,7 @@ declare function getInputStateStyles(props: {
|
|
|
1720
1978
|
declare function getInputBackgroundStyles(props: {
|
|
1721
1979
|
transparent?: boolean;
|
|
1722
1980
|
isDisabled?: boolean;
|
|
1723
|
-
}): "bg-
|
|
1981
|
+
}): "bg-transparent" | "bg-background-muted" | "bg-background-input";
|
|
1724
1982
|
/**
|
|
1725
1983
|
* Generates the complete set of base styles for input components.
|
|
1726
1984
|
* This includes state styles, background, sizing, and custom classes.
|
|
@@ -2321,6 +2579,25 @@ declare function isCustomPinsLayer(layer: LayerSpec): layer is CustomPinsSpec;
|
|
|
2321
2579
|
*/
|
|
2322
2580
|
declare function isRasterLayer(layer: LayerSpec): layer is RasterLayerSpec;
|
|
2323
2581
|
|
|
2582
|
+
interface ModalBackdropProps extends ModalOverlayProps {
|
|
2583
|
+
/**
|
|
2584
|
+
* Whether to use a transparent backdrop instead of dark overlay
|
|
2585
|
+
* @default false
|
|
2586
|
+
*/
|
|
2587
|
+
transparent?: boolean;
|
|
2588
|
+
/**
|
|
2589
|
+
* Additional CSS classes for the backdrop
|
|
2590
|
+
*/
|
|
2591
|
+
className?: string;
|
|
2592
|
+
}
|
|
2593
|
+
/**
|
|
2594
|
+
* ModalBackdrop
|
|
2595
|
+
*
|
|
2596
|
+
* Shared backdrop/overlay component used by Dialog and Drawer.
|
|
2597
|
+
* Wraps React Aria's ModalOverlay with consistent styling and smooth animations.
|
|
2598
|
+
*/
|
|
2599
|
+
declare function ModalBackdrop({ transparent, className, children, ...props }: ModalBackdropProps): react_jsx_runtime.JSX.Element;
|
|
2600
|
+
|
|
2324
2601
|
type NoticeVariant = "success" | "error" | "warning" | "info";
|
|
2325
2602
|
interface NoticeProps {
|
|
2326
2603
|
/** Unique identifier for the notice */
|
|
@@ -2598,10 +2875,28 @@ declare function PlaceSearch({ label, selectedKey, defaultSelectedKey, onSelecti
|
|
|
2598
2875
|
* `react-aria-components` Popover.
|
|
2599
2876
|
*/
|
|
2600
2877
|
interface PopoverProps extends Omit<PopoverProps$1, "children"> {
|
|
2878
|
+
/**
|
|
2879
|
+
* Whether to show an arrow pointing to the trigger
|
|
2880
|
+
* @default false
|
|
2881
|
+
*/
|
|
2601
2882
|
showArrow?: boolean;
|
|
2883
|
+
/**
|
|
2884
|
+
* Whether to include a backdrop (makes it modal)
|
|
2885
|
+
* @default false
|
|
2886
|
+
*/
|
|
2887
|
+
withBackdrop?: boolean;
|
|
2888
|
+
/**
|
|
2889
|
+
* Whether the backdrop/modal can be dismissed by clicking outside
|
|
2890
|
+
* Only applies when withBackdrop is true
|
|
2891
|
+
* @default true
|
|
2892
|
+
*/
|
|
2893
|
+
isDismissable?: boolean;
|
|
2894
|
+
/**
|
|
2895
|
+
* Popover content
|
|
2896
|
+
*/
|
|
2602
2897
|
children: React__default.ReactNode;
|
|
2603
2898
|
}
|
|
2604
|
-
declare function Popover({ children, showArrow, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
2899
|
+
declare function Popover({ children, showArrow, withBackdrop, className, isDismissable, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
2605
2900
|
|
|
2606
2901
|
/**
|
|
2607
2902
|
* ProgressBar
|
|
@@ -3107,4 +3402,4 @@ interface ColorModeProviderProps {
|
|
|
3107
3402
|
}
|
|
3108
3403
|
declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
3109
3404
|
|
|
3110
|
-
export { type Action, ActionCell, type ActionCellProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, type DistanceFormat, type DistanceUnit, Drawer, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, type Filter, Form, FormatRegistry, type FormattedValue, type FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, type SortOption, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, 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, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|
|
3405
|
+
export { type Action, ActionCell, type ActionCellProps, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseFormat, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, type BooleanFormat, Breadcrumb, type BreadcrumbItem, Breadcrumbs, type Breakpoint, type BreakpointState, Button, Calendar, CardMobileRenderer, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, ColorModeProvider, type Column, type ComponentFormatOptions, type ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, type CurrencyFormat, type CurrentFormat, type CurrentUnit, type CustomFormat, CustomPinsSpec, DataTable, type DataTableProps, DateCell, type DateCellProps, type DateFormat, type DateFormatStyle, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, type DistanceFormat, type DistanceUnit, Drawer, type DrawerProps, type EnergyFormat, type EnergyUnit, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, type FieldFormat, FieldGroup, type FieldGroupProps, type FieldValue, type Filter, Form, FormatRegistry, type FormattedValue, type FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, Label, type LabelProps, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, 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, NumberField, type NumberFormat, type PageActionsProps, type PageAsideProps, type PageContentProps, type PageFiltersProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PhoneFormat, PlaceSearch, Popover, type PowerFormat, type PowerUnit, ProgressBar, Radio, RadioGroup, RangeCalendar, RasterLayerSpec, type ResistanceFormat, type ResistanceUnit, type ResponsiveValue, SKELETON_SIZES, Section, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, type SortDirection, type SortOption, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone, type StatValue, Switch, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, type TemperatureFormat, type TemperatureUnit, type TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, type TextFormat, type TextTransform, type TextTruncatePosition, TimeField, ToggleButton, Tooltip, TooltipData, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, type VoltageFormat, type VoltageUnit, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, formatComponentValue, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPhone, formatPhoneNumber, formatPower, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, getNumericColorClasses, getSkeletonSize, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, 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, useColorMode, useComponentFormatter, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|