@texturehq/edges 1.12.2 → 1.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.manifest.json +28 -26
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +174 -12
- package/dist/index.d.ts +174 -12
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +13 -11
- package/dist/utilities.manifest.json +9 -2
- package/package.json +2 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DisclosurePanelProps, DisclosureProps, DisclosureGroupProps, 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
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { HTMLAttributes, ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
|
|
4
|
+
import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
|
|
5
5
|
import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, Y as YFormatType, k as TooltipData, l as IconName$2, m as ComponentFormatter, L as LayerSpec, n as CustomPinsSpec, G as GeoJsonLayerSpec, o as RasterLayerSpec, p as VectorLayerSpec, q as ClusteredVectorLayerSpec } from './server-8T44SFVa.cjs';
|
|
6
6
|
export { A as ActionItem, s as ActionMenu, r as ActionMenuProps, u as AppShell, t as AppShellProps, w as Avatar, v as AvatarProps, y as Badge, x as BadgeProps, aF as BaseFormat, am as ChartContext, ao as ChartMargin, K as CodeEditor, z as CodeEditorProps, H as CodeLanguage, J as CodeTheme, Z as ColorSpec, aC as ComponentFormatOptions, aM as CurrentUnit, aP as CustomFormat, O as DateField, M as DateFieldProps, aI as DateFormatStyle, aO as DistanceUnit, aJ as EnergyUnit, S as FileUpload, Q as FileUploadProps, U as Heading, a5 as InteractiveMap, _ as InteractiveMapProps, $ as LayerFeature, a0 as LayerStyle, W as Loader, X as Logo, a6 as MAP_TYPES, a1 as MapPoint, a9 as Meter, a8 as MeterProps, aK as PowerUnit, a2 as RenderType, aN as ResistanceUnit, ab as RichTextEditor, aa as RichTextEditorProps, ad as SegmentOption, ae as SegmentedControl, ac as SegmentedControlProps, ah as SideNav, af as SideNavItem, ag as SideNavProps, a7 as StaticMap, a3 as StaticMapProps, ai as TextLink, aG as TextTransform, aH as TextTruncatePosition, al as TooltipSeries, ak as TopNav, aj as TopNavProps, aL as VoltageUnit, at as YFormatSettings, a4 as ZoomStops, au as clearColorCache, av as createCategoryColorMap, ap as createXScale, aq as createYScale, ar as defaultMargin, aD as formatComponentValue, aw as getContrastingTextColor, ax as getDefaultChartColor, ay as getDefaultColors, az as getResolvedColor, aA as getThemeCategoricalColors, as as getYFormatSettings, aB as isLightColor, an as useChartContext, aE as useComponentFormatter } from './server-8T44SFVa.cjs';
|
|
7
|
+
import { Virtualizer } from '@tanstack/react-virtual';
|
|
7
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
9
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
9
10
|
import '@phosphor-icons/react';
|
|
@@ -744,6 +745,67 @@ declare function getExportFormatName(type: ExportType): string;
|
|
|
744
745
|
|
|
745
746
|
declare function useDebounce<T>(value: T, delay?: number): T;
|
|
746
747
|
|
|
748
|
+
type LoadingState = "idle" | "loading" | "loading-more" | "error";
|
|
749
|
+
interface UseInfiniteScrollOptions<T = unknown> {
|
|
750
|
+
/** Array of items being displayed */
|
|
751
|
+
items: T[];
|
|
752
|
+
/** Callback to load more items (optional - if not provided, no infinite scroll) */
|
|
753
|
+
onLoadMore?: () => void | Promise<void>;
|
|
754
|
+
/** Whether there are more items to load */
|
|
755
|
+
hasMore?: boolean;
|
|
756
|
+
/** Auto-detects initial vs loading-more from items.length */
|
|
757
|
+
isLoading?: boolean;
|
|
758
|
+
/** Explicit loading state override (takes precedence) */
|
|
759
|
+
loadingState?: LoadingState;
|
|
760
|
+
/** Enable virtualization (default: true for 100+ items) */
|
|
761
|
+
enableVirtualization?: boolean;
|
|
762
|
+
/** Estimated size of each item in pixels */
|
|
763
|
+
estimatedItemSize?: number;
|
|
764
|
+
/** Number of items to render outside viewport */
|
|
765
|
+
overscan?: number;
|
|
766
|
+
/** Custom scroll element (defaults to parent) */
|
|
767
|
+
scrollElement?: HTMLElement | null;
|
|
768
|
+
/** Distance from bottom in pixels to trigger load */
|
|
769
|
+
loadMoreThreshold?: number;
|
|
770
|
+
}
|
|
771
|
+
interface UseInfiniteScrollReturn {
|
|
772
|
+
virtualizer: Virtualizer<HTMLElement, Element> | null;
|
|
773
|
+
virtualItems: ReturnType<Virtualizer<HTMLElement, Element>["getVirtualItems"]>;
|
|
774
|
+
computedLoadingState: LoadingState;
|
|
775
|
+
isInitialLoad: boolean;
|
|
776
|
+
isLoadingMore: boolean;
|
|
777
|
+
scrollRef: RefObject<HTMLDivElement | null>;
|
|
778
|
+
loadMoreRef: RefObject<HTMLDivElement | null>;
|
|
779
|
+
scrollToIndex: (index: number, options?: {
|
|
780
|
+
align?: "start" | "center" | "end";
|
|
781
|
+
}) => void;
|
|
782
|
+
scrollToTop: () => void;
|
|
783
|
+
}
|
|
784
|
+
/**
|
|
785
|
+
* useInfiniteScroll
|
|
786
|
+
*
|
|
787
|
+
* Hook for implementing infinite scroll with optional virtualization.
|
|
788
|
+
* Intelligently detects initial vs loading-more states from context.
|
|
789
|
+
*
|
|
790
|
+
* Features:
|
|
791
|
+
* - Smart loading state detection (initial vs loading-more)
|
|
792
|
+
* - Optional explicit state control
|
|
793
|
+
* - TanStack Virtual integration for performance
|
|
794
|
+
* - Intersection Observer for load triggering
|
|
795
|
+
* - Configurable virtualization threshold
|
|
796
|
+
*
|
|
797
|
+
* @example
|
|
798
|
+
* ```tsx
|
|
799
|
+
* const { scrollRef, computedLoadingState, isLoadingMore } = useInfiniteScroll({
|
|
800
|
+
* items,
|
|
801
|
+
* onLoadMore: fetchNextPage,
|
|
802
|
+
* hasMore: hasNextPage,
|
|
803
|
+
* isLoading: isFetching,
|
|
804
|
+
* });
|
|
805
|
+
* ```
|
|
806
|
+
*/
|
|
807
|
+
declare function useInfiniteScroll<T = unknown>({ items, onLoadMore, hasMore, isLoading, loadingState, enableVirtualization, estimatedItemSize, overscan, scrollElement, loadMoreThreshold, }: UseInfiniteScrollOptions<T>): UseInfiniteScrollReturn;
|
|
808
|
+
|
|
747
809
|
/**
|
|
748
810
|
* Hook for managing localStorage values with React state synchronization
|
|
749
811
|
* @param key - The localStorage key
|
|
@@ -772,15 +834,42 @@ type ActivityFeedVariant = "timeline" | "stacked";
|
|
|
772
834
|
type ActivityFeedSize = "md" | "sm";
|
|
773
835
|
type ActivityItemTone = "neutral" | "brand" | "success" | "warning" | "danger" | "info";
|
|
774
836
|
type ActivityItemSurface = "minimal" | "subtle" | "solid";
|
|
775
|
-
interface ActivityFeedProps extends HTMLAttributes<HTMLDivElement> {
|
|
837
|
+
interface ActivityFeedProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
|
|
776
838
|
/** Visual style for the feed */
|
|
777
839
|
variant?: ActivityFeedVariant;
|
|
778
840
|
/** Density of the feed */
|
|
779
841
|
size?: ActivityFeedSize;
|
|
780
|
-
/**
|
|
781
|
-
|
|
842
|
+
/** Data-driven mode: array of items to render */
|
|
843
|
+
items?: T[];
|
|
844
|
+
/** Render function for each item (when using items array) */
|
|
845
|
+
renderItem?: (item: T, index: number) => ReactNode;
|
|
846
|
+
/** Children mode: manual ActivityItem components */
|
|
847
|
+
children?: ReactNode;
|
|
848
|
+
/** Loading & error UI gates */
|
|
849
|
+
isLoading?: boolean;
|
|
850
|
+
/** Explicit loading state override (takes precedence over auto-detection) */
|
|
851
|
+
loadingState?: LoadingState;
|
|
852
|
+
error?: string | null;
|
|
853
|
+
/** Custom skeleton for initial loading state - matches your activity item structure */
|
|
854
|
+
renderLoadingSkeleton?: () => ReactNode;
|
|
855
|
+
/** Number of skeleton items to show during initial loading */
|
|
856
|
+
loadingSkeletonCount?: number;
|
|
857
|
+
/** Empty state */
|
|
858
|
+
emptyMessage?: string;
|
|
859
|
+
/** Infinite scroll */
|
|
860
|
+
onLoadMore?: () => void | Promise<void>;
|
|
861
|
+
hasMore?: boolean;
|
|
862
|
+
/** Enable virtualization (default: true for 100+ items) */
|
|
863
|
+
enableVirtualization?: boolean;
|
|
864
|
+
/** Estimated size of each item in pixels */
|
|
865
|
+
estimatedItemSize?: number;
|
|
866
|
+
/** Custom loading indicator for loading-more state */
|
|
867
|
+
loadingIndicator?: ReactNode;
|
|
868
|
+
/** Height/maxHeight for scroll container */
|
|
869
|
+
height?: string | number;
|
|
870
|
+
maxHeight?: string | number;
|
|
782
871
|
}
|
|
783
|
-
declare function ActivityFeed({ variant, size, className, children, ...rest }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
|
|
872
|
+
declare function ActivityFeed<T = unknown>({ variant, size, className, children, items, renderItem, isLoading, loadingState, error, renderLoadingSkeleton, loadingSkeletonCount, emptyMessage, onLoadMore, hasMore, enableVirtualization, estimatedItemSize, loadingIndicator, height, maxHeight, ...rest }: ActivityFeedProps<T>): react_jsx_runtime.JSX.Element;
|
|
784
873
|
declare namespace ActivityFeed {
|
|
785
874
|
var displayName: string;
|
|
786
875
|
}
|
|
@@ -1865,7 +1954,13 @@ interface DataTableProps<T> {
|
|
|
1865
1954
|
customMobileRowRender?: (row: T, index: number) => ReactNode;
|
|
1866
1955
|
mobileBreakpoint?: MobileBreakpoint;
|
|
1867
1956
|
isLoading?: boolean;
|
|
1957
|
+
loadingState?: LoadingState;
|
|
1868
1958
|
loadingRowCount?: number;
|
|
1959
|
+
onLoadMore?: () => void | Promise<void>;
|
|
1960
|
+
hasMore?: boolean;
|
|
1961
|
+
enableVirtualization?: boolean;
|
|
1962
|
+
estimatedRowHeight?: number;
|
|
1963
|
+
loadingIndicator?: ReactNode;
|
|
1869
1964
|
stickyHeader?: boolean;
|
|
1870
1965
|
onRowClick?: (row: T) => void;
|
|
1871
1966
|
getRowId?: (row: T) => string;
|
|
@@ -2037,10 +2132,11 @@ declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyT
|
|
|
2037
2132
|
/**
|
|
2038
2133
|
* DataTable
|
|
2039
2134
|
*
|
|
2040
|
-
* Advanced table component with sorting, filtering, pagination, and
|
|
2041
|
-
* Supports custom cell renderers, column configurations,
|
|
2135
|
+
* Advanced table component with sorting, filtering, pagination, and infinite scroll.
|
|
2136
|
+
* Supports custom cell renderers, column configurations, multiple display densities,
|
|
2137
|
+
* and virtualization for large datasets.
|
|
2042
2138
|
*/
|
|
2043
|
-
declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingRowCount, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2139
|
+
declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2044
2140
|
|
|
2045
2141
|
interface MobileRowProps<T> {
|
|
2046
2142
|
row: T;
|
|
@@ -2498,6 +2594,42 @@ declare namespace Grid {
|
|
|
2498
2594
|
}
|
|
2499
2595
|
declare function GridItem({ span, className, children, }: GridItemProps): react_jsx_runtime.JSX.Element;
|
|
2500
2596
|
|
|
2597
|
+
interface InfiniteScrollIndicatorProps {
|
|
2598
|
+
/** Current loading state - determines which indicator to show */
|
|
2599
|
+
state: "loading-more";
|
|
2600
|
+
/** Optional message to display with the spinner (for internationalization support) */
|
|
2601
|
+
message?: string;
|
|
2602
|
+
/** Additional CSS classes */
|
|
2603
|
+
className?: string;
|
|
2604
|
+
/** Custom loading indicator (replaces default) */
|
|
2605
|
+
customIndicator?: ReactNode;
|
|
2606
|
+
}
|
|
2607
|
+
/**
|
|
2608
|
+
* InfiniteScrollIndicator
|
|
2609
|
+
*
|
|
2610
|
+
* Lightweight composition component for displaying loading states in infinite scroll contexts.
|
|
2611
|
+
* Uses the Loader component for consistency.
|
|
2612
|
+
*
|
|
2613
|
+
* - For initial loading: Use component-specific Skeleton implementations
|
|
2614
|
+
* - For loading-more: Use this component at the bottom of lists/tables
|
|
2615
|
+
*
|
|
2616
|
+
* By default, shows only a spinner (no text) to avoid internationalization concerns.
|
|
2617
|
+
* Consuming applications can provide their own localized message via the `message` prop.
|
|
2618
|
+
*
|
|
2619
|
+
* Example usage:
|
|
2620
|
+
* ```tsx
|
|
2621
|
+
* // Default: spinner only (no i18n needed)
|
|
2622
|
+
* <InfiniteScrollIndicator state="loading-more" />
|
|
2623
|
+
*
|
|
2624
|
+
* // With localized text
|
|
2625
|
+
* <InfiniteScrollIndicator
|
|
2626
|
+
* state="loading-more"
|
|
2627
|
+
* message={t('loading.loadMore')}
|
|
2628
|
+
* />
|
|
2629
|
+
* ```
|
|
2630
|
+
*/
|
|
2631
|
+
declare function InfiniteScrollIndicator({ state, message, className, customIndicator, }: InfiniteScrollIndicatorProps): string | number | bigint | true | 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;
|
|
2632
|
+
|
|
2501
2633
|
type KpiFormatter = ComponentFormatter;
|
|
2502
2634
|
/**
|
|
2503
2635
|
* Kpi Component — Single metric display
|
|
@@ -2647,13 +2779,27 @@ interface ListProps<T = unknown> {
|
|
|
2647
2779
|
onHoverChange?: (id: string | null, item?: T) => void;
|
|
2648
2780
|
/** Loading & error UI gates */
|
|
2649
2781
|
isLoading?: boolean;
|
|
2782
|
+
/** Explicit loading state override (takes precedence over auto-detection) */
|
|
2783
|
+
loadingState?: LoadingState;
|
|
2650
2784
|
error?: string | null;
|
|
2785
|
+
/** Custom skeleton for initial loading state - matches your data structure */
|
|
2786
|
+
renderLoadingSkeleton?: () => ReactNode;
|
|
2787
|
+
/** Number of skeleton rows to show during initial loading */
|
|
2788
|
+
loadingSkeletonCount?: number;
|
|
2651
2789
|
/** Empty state */
|
|
2652
2790
|
emptyMessage?: string;
|
|
2653
2791
|
/** Density & dividers */
|
|
2654
2792
|
variant?: "dense" | "relaxed";
|
|
2655
2793
|
showDividers?: boolean;
|
|
2656
|
-
/**
|
|
2794
|
+
/** Infinite scroll */
|
|
2795
|
+
onLoadMore?: () => void | Promise<void>;
|
|
2796
|
+
hasMore?: boolean;
|
|
2797
|
+
/** Enable virtualization (default: true for 100+ items) */
|
|
2798
|
+
enableVirtualization?: boolean;
|
|
2799
|
+
/** Estimated size of each item in pixels */
|
|
2800
|
+
estimatedItemSize?: number;
|
|
2801
|
+
/** Custom loading indicator for loading-more state */
|
|
2802
|
+
loadingIndicator?: ReactNode;
|
|
2657
2803
|
/** ARIA */
|
|
2658
2804
|
"aria-label"?: string;
|
|
2659
2805
|
className?: string;
|
|
@@ -2663,7 +2809,8 @@ interface ListProps<T = unknown> {
|
|
|
2663
2809
|
* List
|
|
2664
2810
|
*
|
|
2665
2811
|
* A semantic wrapper and state manager for rows. Handles selection, hover,
|
|
2666
|
-
* keyboard navigation, and
|
|
2812
|
+
* keyboard navigation, accessibility, and infinite scroll with virtualization.
|
|
2813
|
+
* Composes with ListItem for visual rows.
|
|
2667
2814
|
*
|
|
2668
2815
|
* Example usage:
|
|
2669
2816
|
* ```tsx
|
|
@@ -2681,10 +2828,25 @@ interface ListProps<T = unknown> {
|
|
|
2681
2828
|
* {...rowProps}
|
|
2682
2829
|
* />
|
|
2683
2830
|
* )}
|
|
2831
|
+
* // Optional: Custom loading skeleton matching your data structure
|
|
2832
|
+
* renderLoadingSkeleton={() => (
|
|
2833
|
+
* <div className="flex items-center gap-3 px-4 py-3">
|
|
2834
|
+
* <Skeleton width={40} height={40} variant="circle" />
|
|
2835
|
+
* <div className="flex-1">
|
|
2836
|
+
* <Skeleton width="60%" height={16} />
|
|
2837
|
+
* <Skeleton width="40%" height={12} />
|
|
2838
|
+
* </div>
|
|
2839
|
+
* </div>
|
|
2840
|
+
* )}
|
|
2841
|
+
* loadingSkeletonCount={8}
|
|
2842
|
+
* // Infinite scroll
|
|
2843
|
+
* onLoadMore={loadMoreSites}
|
|
2844
|
+
* hasMore={hasMoreSites}
|
|
2845
|
+
* isLoading={isLoading}
|
|
2684
2846
|
* />
|
|
2685
2847
|
* ```
|
|
2686
2848
|
*/
|
|
2687
|
-
declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, error, emptyMessage, variant, showDividers, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2849
|
+
declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, loadingState, error, renderLoadingSkeleton, loadingSkeletonCount, emptyMessage, variant, showDividers, onLoadMore, hasMore, enableVirtualization, estimatedItemSize, loadingIndicator, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2688
2850
|
|
|
2689
2851
|
interface ListItemProps {
|
|
2690
2852
|
id: string;
|
|
@@ -3934,4 +4096,4 @@ interface ColorModeProviderProps {
|
|
|
3934
4096
|
}
|
|
3935
4097
|
declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
3936
4098
|
|
|
3937
|
-
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, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, 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, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|
|
4099
|
+
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, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, 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, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInfiniteScroll, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { Key, ValidationResult, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, DisclosurePanelProps, DisclosureProps, DisclosureGroupProps, 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
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { HTMLAttributes, ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
|
|
4
|
+
import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, CSSProperties, ComponentType, Component, ErrorInfo } from 'react';
|
|
5
5
|
import { F as FieldValue, B as BooleanFormat, a as FormattedValue, C as CurrentFormat, D as DateFormat, b as DistanceFormat, E as EnergyFormat, c as CurrencyFormat, N as NumberFormat, P as PhoneFormat, d as PowerFormat, e as FormatterFunction, R as ResistanceFormat, T as TemperatureUnitString, f as TemperatureUnit, g as TemperatureFormat, h as TextFormat, V as VoltageFormat, i as FieldFormat, j as BaseDataPoint, I as Icon, Y as YFormatType, k as TooltipData, l as IconName$2, m as ComponentFormatter, L as LayerSpec, n as CustomPinsSpec, G as GeoJsonLayerSpec, o as RasterLayerSpec, p as VectorLayerSpec, q as ClusteredVectorLayerSpec } from './server-8T44SFVa.js';
|
|
6
6
|
export { A as ActionItem, s as ActionMenu, r as ActionMenuProps, u as AppShell, t as AppShellProps, w as Avatar, v as AvatarProps, y as Badge, x as BadgeProps, aF as BaseFormat, am as ChartContext, ao as ChartMargin, K as CodeEditor, z as CodeEditorProps, H as CodeLanguage, J as CodeTheme, Z as ColorSpec, aC as ComponentFormatOptions, aM as CurrentUnit, aP as CustomFormat, O as DateField, M as DateFieldProps, aI as DateFormatStyle, aO as DistanceUnit, aJ as EnergyUnit, S as FileUpload, Q as FileUploadProps, U as Heading, a5 as InteractiveMap, _ as InteractiveMapProps, $ as LayerFeature, a0 as LayerStyle, W as Loader, X as Logo, a6 as MAP_TYPES, a1 as MapPoint, a9 as Meter, a8 as MeterProps, aK as PowerUnit, a2 as RenderType, aN as ResistanceUnit, ab as RichTextEditor, aa as RichTextEditorProps, ad as SegmentOption, ae as SegmentedControl, ac as SegmentedControlProps, ah as SideNav, af as SideNavItem, ag as SideNavProps, a7 as StaticMap, a3 as StaticMapProps, ai as TextLink, aG as TextTransform, aH as TextTruncatePosition, al as TooltipSeries, ak as TopNav, aj as TopNavProps, aL as VoltageUnit, at as YFormatSettings, a4 as ZoomStops, au as clearColorCache, av as createCategoryColorMap, ap as createXScale, aq as createYScale, ar as defaultMargin, aD as formatComponentValue, aw as getContrastingTextColor, ax as getDefaultChartColor, ay as getDefaultColors, az as getResolvedColor, aA as getThemeCategoricalColors, as as getYFormatSettings, aB as isLightColor, an as useChartContext, aE as useComponentFormatter } from './server-8T44SFVa.js';
|
|
7
|
+
import { Virtualizer } from '@tanstack/react-virtual';
|
|
7
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
9
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
9
10
|
import '@phosphor-icons/react';
|
|
@@ -744,6 +745,67 @@ declare function getExportFormatName(type: ExportType): string;
|
|
|
744
745
|
|
|
745
746
|
declare function useDebounce<T>(value: T, delay?: number): T;
|
|
746
747
|
|
|
748
|
+
type LoadingState = "idle" | "loading" | "loading-more" | "error";
|
|
749
|
+
interface UseInfiniteScrollOptions<T = unknown> {
|
|
750
|
+
/** Array of items being displayed */
|
|
751
|
+
items: T[];
|
|
752
|
+
/** Callback to load more items (optional - if not provided, no infinite scroll) */
|
|
753
|
+
onLoadMore?: () => void | Promise<void>;
|
|
754
|
+
/** Whether there are more items to load */
|
|
755
|
+
hasMore?: boolean;
|
|
756
|
+
/** Auto-detects initial vs loading-more from items.length */
|
|
757
|
+
isLoading?: boolean;
|
|
758
|
+
/** Explicit loading state override (takes precedence) */
|
|
759
|
+
loadingState?: LoadingState;
|
|
760
|
+
/** Enable virtualization (default: true for 100+ items) */
|
|
761
|
+
enableVirtualization?: boolean;
|
|
762
|
+
/** Estimated size of each item in pixels */
|
|
763
|
+
estimatedItemSize?: number;
|
|
764
|
+
/** Number of items to render outside viewport */
|
|
765
|
+
overscan?: number;
|
|
766
|
+
/** Custom scroll element (defaults to parent) */
|
|
767
|
+
scrollElement?: HTMLElement | null;
|
|
768
|
+
/** Distance from bottom in pixels to trigger load */
|
|
769
|
+
loadMoreThreshold?: number;
|
|
770
|
+
}
|
|
771
|
+
interface UseInfiniteScrollReturn {
|
|
772
|
+
virtualizer: Virtualizer<HTMLElement, Element> | null;
|
|
773
|
+
virtualItems: ReturnType<Virtualizer<HTMLElement, Element>["getVirtualItems"]>;
|
|
774
|
+
computedLoadingState: LoadingState;
|
|
775
|
+
isInitialLoad: boolean;
|
|
776
|
+
isLoadingMore: boolean;
|
|
777
|
+
scrollRef: RefObject<HTMLDivElement | null>;
|
|
778
|
+
loadMoreRef: RefObject<HTMLDivElement | null>;
|
|
779
|
+
scrollToIndex: (index: number, options?: {
|
|
780
|
+
align?: "start" | "center" | "end";
|
|
781
|
+
}) => void;
|
|
782
|
+
scrollToTop: () => void;
|
|
783
|
+
}
|
|
784
|
+
/**
|
|
785
|
+
* useInfiniteScroll
|
|
786
|
+
*
|
|
787
|
+
* Hook for implementing infinite scroll with optional virtualization.
|
|
788
|
+
* Intelligently detects initial vs loading-more states from context.
|
|
789
|
+
*
|
|
790
|
+
* Features:
|
|
791
|
+
* - Smart loading state detection (initial vs loading-more)
|
|
792
|
+
* - Optional explicit state control
|
|
793
|
+
* - TanStack Virtual integration for performance
|
|
794
|
+
* - Intersection Observer for load triggering
|
|
795
|
+
* - Configurable virtualization threshold
|
|
796
|
+
*
|
|
797
|
+
* @example
|
|
798
|
+
* ```tsx
|
|
799
|
+
* const { scrollRef, computedLoadingState, isLoadingMore } = useInfiniteScroll({
|
|
800
|
+
* items,
|
|
801
|
+
* onLoadMore: fetchNextPage,
|
|
802
|
+
* hasMore: hasNextPage,
|
|
803
|
+
* isLoading: isFetching,
|
|
804
|
+
* });
|
|
805
|
+
* ```
|
|
806
|
+
*/
|
|
807
|
+
declare function useInfiniteScroll<T = unknown>({ items, onLoadMore, hasMore, isLoading, loadingState, enableVirtualization, estimatedItemSize, overscan, scrollElement, loadMoreThreshold, }: UseInfiniteScrollOptions<T>): UseInfiniteScrollReturn;
|
|
808
|
+
|
|
747
809
|
/**
|
|
748
810
|
* Hook for managing localStorage values with React state synchronization
|
|
749
811
|
* @param key - The localStorage key
|
|
@@ -772,15 +834,42 @@ type ActivityFeedVariant = "timeline" | "stacked";
|
|
|
772
834
|
type ActivityFeedSize = "md" | "sm";
|
|
773
835
|
type ActivityItemTone = "neutral" | "brand" | "success" | "warning" | "danger" | "info";
|
|
774
836
|
type ActivityItemSurface = "minimal" | "subtle" | "solid";
|
|
775
|
-
interface ActivityFeedProps extends HTMLAttributes<HTMLDivElement> {
|
|
837
|
+
interface ActivityFeedProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
|
|
776
838
|
/** Visual style for the feed */
|
|
777
839
|
variant?: ActivityFeedVariant;
|
|
778
840
|
/** Density of the feed */
|
|
779
841
|
size?: ActivityFeedSize;
|
|
780
|
-
/**
|
|
781
|
-
|
|
842
|
+
/** Data-driven mode: array of items to render */
|
|
843
|
+
items?: T[];
|
|
844
|
+
/** Render function for each item (when using items array) */
|
|
845
|
+
renderItem?: (item: T, index: number) => ReactNode;
|
|
846
|
+
/** Children mode: manual ActivityItem components */
|
|
847
|
+
children?: ReactNode;
|
|
848
|
+
/** Loading & error UI gates */
|
|
849
|
+
isLoading?: boolean;
|
|
850
|
+
/** Explicit loading state override (takes precedence over auto-detection) */
|
|
851
|
+
loadingState?: LoadingState;
|
|
852
|
+
error?: string | null;
|
|
853
|
+
/** Custom skeleton for initial loading state - matches your activity item structure */
|
|
854
|
+
renderLoadingSkeleton?: () => ReactNode;
|
|
855
|
+
/** Number of skeleton items to show during initial loading */
|
|
856
|
+
loadingSkeletonCount?: number;
|
|
857
|
+
/** Empty state */
|
|
858
|
+
emptyMessage?: string;
|
|
859
|
+
/** Infinite scroll */
|
|
860
|
+
onLoadMore?: () => void | Promise<void>;
|
|
861
|
+
hasMore?: boolean;
|
|
862
|
+
/** Enable virtualization (default: true for 100+ items) */
|
|
863
|
+
enableVirtualization?: boolean;
|
|
864
|
+
/** Estimated size of each item in pixels */
|
|
865
|
+
estimatedItemSize?: number;
|
|
866
|
+
/** Custom loading indicator for loading-more state */
|
|
867
|
+
loadingIndicator?: ReactNode;
|
|
868
|
+
/** Height/maxHeight for scroll container */
|
|
869
|
+
height?: string | number;
|
|
870
|
+
maxHeight?: string | number;
|
|
782
871
|
}
|
|
783
|
-
declare function ActivityFeed({ variant, size, className, children, ...rest }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
|
|
872
|
+
declare function ActivityFeed<T = unknown>({ variant, size, className, children, items, renderItem, isLoading, loadingState, error, renderLoadingSkeleton, loadingSkeletonCount, emptyMessage, onLoadMore, hasMore, enableVirtualization, estimatedItemSize, loadingIndicator, height, maxHeight, ...rest }: ActivityFeedProps<T>): react_jsx_runtime.JSX.Element;
|
|
784
873
|
declare namespace ActivityFeed {
|
|
785
874
|
var displayName: string;
|
|
786
875
|
}
|
|
@@ -1865,7 +1954,13 @@ interface DataTableProps<T> {
|
|
|
1865
1954
|
customMobileRowRender?: (row: T, index: number) => ReactNode;
|
|
1866
1955
|
mobileBreakpoint?: MobileBreakpoint;
|
|
1867
1956
|
isLoading?: boolean;
|
|
1957
|
+
loadingState?: LoadingState;
|
|
1868
1958
|
loadingRowCount?: number;
|
|
1959
|
+
onLoadMore?: () => void | Promise<void>;
|
|
1960
|
+
hasMore?: boolean;
|
|
1961
|
+
enableVirtualization?: boolean;
|
|
1962
|
+
estimatedRowHeight?: number;
|
|
1963
|
+
loadingIndicator?: ReactNode;
|
|
1869
1964
|
stickyHeader?: boolean;
|
|
1870
1965
|
onRowClick?: (row: T) => void;
|
|
1871
1966
|
getRowId?: (row: T) => string;
|
|
@@ -2037,10 +2132,11 @@ declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyT
|
|
|
2037
2132
|
/**
|
|
2038
2133
|
* DataTable
|
|
2039
2134
|
*
|
|
2040
|
-
* Advanced table component with sorting, filtering, pagination, and
|
|
2041
|
-
* Supports custom cell renderers, column configurations,
|
|
2135
|
+
* Advanced table component with sorting, filtering, pagination, and infinite scroll.
|
|
2136
|
+
* Supports custom cell renderers, column configurations, multiple display densities,
|
|
2137
|
+
* and virtualization for large datasets.
|
|
2042
2138
|
*/
|
|
2043
|
-
declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingRowCount, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2139
|
+
declare function DataTable<T extends Record<string, unknown>>({ columns, data, className, density, width, height, maxHeight, layout, mobileRenderer, customMobileRowRender, mobileBreakpoint, isLoading, loadingState, loadingRowCount, onLoadMore, hasMore, enableVirtualization, estimatedRowHeight, loadingIndicator, stickyHeader, onRowClick, getRowId, hideHeader, onSort, "aria-label": ariaLabel, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2044
2140
|
|
|
2045
2141
|
interface MobileRowProps<T> {
|
|
2046
2142
|
row: T;
|
|
@@ -2498,6 +2594,42 @@ declare namespace Grid {
|
|
|
2498
2594
|
}
|
|
2499
2595
|
declare function GridItem({ span, className, children, }: GridItemProps): react_jsx_runtime.JSX.Element;
|
|
2500
2596
|
|
|
2597
|
+
interface InfiniteScrollIndicatorProps {
|
|
2598
|
+
/** Current loading state - determines which indicator to show */
|
|
2599
|
+
state: "loading-more";
|
|
2600
|
+
/** Optional message to display with the spinner (for internationalization support) */
|
|
2601
|
+
message?: string;
|
|
2602
|
+
/** Additional CSS classes */
|
|
2603
|
+
className?: string;
|
|
2604
|
+
/** Custom loading indicator (replaces default) */
|
|
2605
|
+
customIndicator?: ReactNode;
|
|
2606
|
+
}
|
|
2607
|
+
/**
|
|
2608
|
+
* InfiniteScrollIndicator
|
|
2609
|
+
*
|
|
2610
|
+
* Lightweight composition component for displaying loading states in infinite scroll contexts.
|
|
2611
|
+
* Uses the Loader component for consistency.
|
|
2612
|
+
*
|
|
2613
|
+
* - For initial loading: Use component-specific Skeleton implementations
|
|
2614
|
+
* - For loading-more: Use this component at the bottom of lists/tables
|
|
2615
|
+
*
|
|
2616
|
+
* By default, shows only a spinner (no text) to avoid internationalization concerns.
|
|
2617
|
+
* Consuming applications can provide their own localized message via the `message` prop.
|
|
2618
|
+
*
|
|
2619
|
+
* Example usage:
|
|
2620
|
+
* ```tsx
|
|
2621
|
+
* // Default: spinner only (no i18n needed)
|
|
2622
|
+
* <InfiniteScrollIndicator state="loading-more" />
|
|
2623
|
+
*
|
|
2624
|
+
* // With localized text
|
|
2625
|
+
* <InfiniteScrollIndicator
|
|
2626
|
+
* state="loading-more"
|
|
2627
|
+
* message={t('loading.loadMore')}
|
|
2628
|
+
* />
|
|
2629
|
+
* ```
|
|
2630
|
+
*/
|
|
2631
|
+
declare function InfiniteScrollIndicator({ state, message, className, customIndicator, }: InfiniteScrollIndicatorProps): string | number | bigint | true | 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;
|
|
2632
|
+
|
|
2501
2633
|
type KpiFormatter = ComponentFormatter;
|
|
2502
2634
|
/**
|
|
2503
2635
|
* Kpi Component — Single metric display
|
|
@@ -2647,13 +2779,27 @@ interface ListProps<T = unknown> {
|
|
|
2647
2779
|
onHoverChange?: (id: string | null, item?: T) => void;
|
|
2648
2780
|
/** Loading & error UI gates */
|
|
2649
2781
|
isLoading?: boolean;
|
|
2782
|
+
/** Explicit loading state override (takes precedence over auto-detection) */
|
|
2783
|
+
loadingState?: LoadingState;
|
|
2650
2784
|
error?: string | null;
|
|
2785
|
+
/** Custom skeleton for initial loading state - matches your data structure */
|
|
2786
|
+
renderLoadingSkeleton?: () => ReactNode;
|
|
2787
|
+
/** Number of skeleton rows to show during initial loading */
|
|
2788
|
+
loadingSkeletonCount?: number;
|
|
2651
2789
|
/** Empty state */
|
|
2652
2790
|
emptyMessage?: string;
|
|
2653
2791
|
/** Density & dividers */
|
|
2654
2792
|
variant?: "dense" | "relaxed";
|
|
2655
2793
|
showDividers?: boolean;
|
|
2656
|
-
/**
|
|
2794
|
+
/** Infinite scroll */
|
|
2795
|
+
onLoadMore?: () => void | Promise<void>;
|
|
2796
|
+
hasMore?: boolean;
|
|
2797
|
+
/** Enable virtualization (default: true for 100+ items) */
|
|
2798
|
+
enableVirtualization?: boolean;
|
|
2799
|
+
/** Estimated size of each item in pixels */
|
|
2800
|
+
estimatedItemSize?: number;
|
|
2801
|
+
/** Custom loading indicator for loading-more state */
|
|
2802
|
+
loadingIndicator?: ReactNode;
|
|
2657
2803
|
/** ARIA */
|
|
2658
2804
|
"aria-label"?: string;
|
|
2659
2805
|
className?: string;
|
|
@@ -2663,7 +2809,8 @@ interface ListProps<T = unknown> {
|
|
|
2663
2809
|
* List
|
|
2664
2810
|
*
|
|
2665
2811
|
* A semantic wrapper and state manager for rows. Handles selection, hover,
|
|
2666
|
-
* keyboard navigation, and
|
|
2812
|
+
* keyboard navigation, accessibility, and infinite scroll with virtualization.
|
|
2813
|
+
* Composes with ListItem for visual rows.
|
|
2667
2814
|
*
|
|
2668
2815
|
* Example usage:
|
|
2669
2816
|
* ```tsx
|
|
@@ -2681,10 +2828,25 @@ interface ListProps<T = unknown> {
|
|
|
2681
2828
|
* {...rowProps}
|
|
2682
2829
|
* />
|
|
2683
2830
|
* )}
|
|
2831
|
+
* // Optional: Custom loading skeleton matching your data structure
|
|
2832
|
+
* renderLoadingSkeleton={() => (
|
|
2833
|
+
* <div className="flex items-center gap-3 px-4 py-3">
|
|
2834
|
+
* <Skeleton width={40} height={40} variant="circle" />
|
|
2835
|
+
* <div className="flex-1">
|
|
2836
|
+
* <Skeleton width="60%" height={16} />
|
|
2837
|
+
* <Skeleton width="40%" height={12} />
|
|
2838
|
+
* </div>
|
|
2839
|
+
* </div>
|
|
2840
|
+
* )}
|
|
2841
|
+
* loadingSkeletonCount={8}
|
|
2842
|
+
* // Infinite scroll
|
|
2843
|
+
* onLoadMore={loadMoreSites}
|
|
2844
|
+
* hasMore={hasMoreSites}
|
|
2845
|
+
* isLoading={isLoading}
|
|
2684
2846
|
* />
|
|
2685
2847
|
* ```
|
|
2686
2848
|
*/
|
|
2687
|
-
declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, error, emptyMessage, variant, showDividers, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2849
|
+
declare function List<T>({ items, renderItem, selectedId, onSelect, onHoverChange, isLoading, loadingState, error, renderLoadingSkeleton, loadingSkeletonCount, emptyMessage, variant, showDividers, onLoadMore, hasMore, enableVirtualization, estimatedItemSize, loadingIndicator, "aria-label": ariaLabel, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
|
|
2688
2850
|
|
|
2689
2851
|
interface ListItemProps {
|
|
2690
2852
|
id: string;
|
|
@@ -3934,4 +4096,4 @@ interface ColorModeProviderProps {
|
|
|
3934
4096
|
}
|
|
3935
4097
|
declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
3936
4098
|
|
|
3937
|
-
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, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, 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, 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, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|
|
4099
|
+
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, Autocomplete, BREAKPOINTS, BarSeries, BaseDataPoint, type BaseInputProps, type BaseProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Button, 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, type ChartExportMetadata, ChartTooltip, Checkbox, CheckboxGroup, Chip, ClearButton, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, Description, type DescriptionProps, Dialog, type DialogAction, type DialogFooterConfig, DialogHeader, type DialogHeaderConfig, type DialogHeaderProps, type DialogProps, DistanceFormat, Drawer, type DrawerProps, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, ErrorBoundary, type ExportType, FieldError, type FieldErrorProps, FieldFormat, FieldGroup, type FieldGroupProps, FieldValue, FilterChips, type FilterChipsProps, Form, FormatRegistry, FormattedValue, FormatterFunction, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, 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, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, 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, NumberFormat, type PageAsideProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, ProgressBar, Radio, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, Select, SelectCell, type SelectCellProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, 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, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextArea, TextAreaWithChips, TextCell, type TextCellProps, TextField, TextFormat, TimeField, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, VectorLayerSpec, VoltageFormat, YFormatType, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, formatBoolean, 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, useDebounce, useInfiniteScroll, useInputFocus, useLocalStorage, useMediaQuery, useNotice, yardsToMeters };
|