@texturehq/edges 1.24.2 → 1.25.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/README.md +9 -0
- package/dist/{colors-ZfVYHdic.d.cts → colors-B3YgFfeQ.d.cts} +9 -0
- package/dist/{colors-BYkYTR7E.d.ts → colors-Y8iUUTUP.d.ts} +9 -0
- package/dist/components.manifest.json +403 -312
- package/dist/form/index.cjs +1 -1
- package/dist/form/index.cjs.map +1 -1
- package/dist/form/index.js +1 -1
- package/dist/form/index.js.map +1 -1
- package/dist/index.cjs +14 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +374 -3
- package/dist/index.d.ts +374 -3
- package/dist/index.js +14 -8
- package/dist/index.js.map +1 -1
- package/dist/rhf/index.cjs +1 -1
- package/dist/rhf/index.cjs.map +1 -1
- package/dist/rhf/index.js +1 -1
- package/dist/rhf/index.js.map +1 -1
- package/dist/server.cjs +2 -2
- 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 +2 -2
- package/dist/server.js.map +1 -1
- package/dist/styles.css +80 -13
- package/dist/utilities.manifest.json +1 -2
- package/package.json +2 -2
- package/scripts/generate-edges-docs.js +17 -6
- package/scripts/setup-cursor-rules.js +79 -31
- package/templates/codex-rules/codex.md +85 -0
package/dist/index.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
|
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
|
|
5
|
-
import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-
|
|
6
|
-
export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-
|
|
5
|
+
import { W as FieldValue, X as BooleanFormat, Z as FormattedValue, _ as CurrentFormat, $ as DateFormat, a0 as DistanceFormat, a1 as EnergyFormat, a2 as CurrencyFormat, a3 as NumberFormat, a4 as PhoneFormat, a5 as PowerFormat, a6 as FormatterFunction, a7 as ResistanceFormat, a8 as TemperatureUnitString, a9 as TemperatureUnit, aa as TemperatureFormat, ab as TextFormat, ac as VoltageFormat, ad as FieldFormat, N as BaseDataPoint, B as BadgeProps, Y as YFormatType, J as TooltipData, ae as DeviceState, af as GridState, ag as ComponentFormatter, ah as LayerSpec, ai as CustomPinsSpec, aj as GeoJsonLayerSpec, ak as RasterLayerSpec, al as VectorLayerSpec, am as ClusteredVectorLayerSpec } from './colors-Y8iUUTUP.js';
|
|
6
|
+
export { A as ActionItem, an as ActionMenu, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, ao as Badge, aF as BaseFormat, aA as ChartContext, O as ChartMargin, ap as CodeEditor, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, aq as ColorSpec, aC as ComponentFormatOptions, aN as CurrentUnit, aQ as CustomFormat, aJ as DateFormatStyle, aP as DistanceUnit, r as ENTITY_CONFIG, aK as EnergyUnit, E as EntityConfig, q as EntityType, H as Heading, av as InteractiveMap, I as InteractiveMapProps, ar as LayerFeature, as as LayerStyle, L as Loader, h as Logo, aw as MAP_TYPES, M as MapPoint, ay as Meter, i as MeterProps, aR as MetricFormat, aI as PercentageFormat, aL as PowerUnit, at as RenderType, aO as ResistanceUnit, k as SegmentOption, az as SegmentedControl, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, ax as StaticMap, S as StaticMapProps, T as TextLink, aG as TextTransform, aH as TextTruncatePosition, K as TooltipSeries, o as TopNav, p as TopNavProps, aM as VoltageUnit, V as YFormatSettings, au as ZoomStops, aT as activeDeviceStates, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, aU as deviceStateLabels, aS as deviceStateMetricFormats, aD as formatComponentValue, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, aW as getDeviceStateDisplayLabel, aW as getDeviceStateLabel, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, aY as getGridStateLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, aX as gridStateLabels, aV as isActiveDeviceState, aV as isActiveState, G as isLightColor, aB as useChartContext, aE as useComponentFormatter } from './colors-Y8iUUTUP.js';
|
|
7
7
|
import { Virtualizer } from '@tanstack/react-virtual';
|
|
8
8
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
9
9
|
import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-BGQenUvv.js';
|
|
@@ -3750,6 +3750,377 @@ declare function FirmwareVersionBadge({ version, isLatest, updateAvailable, isLo
|
|
|
3750
3750
|
*/
|
|
3751
3751
|
declare function Form(props: FormProps): react_jsx_runtime.JSX.Element;
|
|
3752
3752
|
|
|
3753
|
+
interface CommandPaletteProps {
|
|
3754
|
+
/**
|
|
3755
|
+
* Placeholder text for the search input
|
|
3756
|
+
* @default "Search..."
|
|
3757
|
+
*/
|
|
3758
|
+
placeholder?: string;
|
|
3759
|
+
/**
|
|
3760
|
+
* Value of the search input (controlled)
|
|
3761
|
+
*/
|
|
3762
|
+
value?: string;
|
|
3763
|
+
/**
|
|
3764
|
+
* Handler for when the search input changes
|
|
3765
|
+
*/
|
|
3766
|
+
onChange?: (value: string) => void;
|
|
3767
|
+
/**
|
|
3768
|
+
* Whether the command palette is open (controlled)
|
|
3769
|
+
*/
|
|
3770
|
+
isOpen?: boolean;
|
|
3771
|
+
/**
|
|
3772
|
+
* Handler for when the command palette is opened/closed
|
|
3773
|
+
*/
|
|
3774
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
3775
|
+
/**
|
|
3776
|
+
* Custom trigger button (if not provided, uses default search button)
|
|
3777
|
+
* Pass null or empty fragment to render headless (no trigger, controlled externally)
|
|
3778
|
+
*/
|
|
3779
|
+
trigger?: ReactNode;
|
|
3780
|
+
/**
|
|
3781
|
+
* Content to display in the results area
|
|
3782
|
+
*/
|
|
3783
|
+
children: ReactNode;
|
|
3784
|
+
/**
|
|
3785
|
+
* Whether to show the keyboard shortcut hint
|
|
3786
|
+
* @default true
|
|
3787
|
+
*/
|
|
3788
|
+
showShortcutHint?: boolean;
|
|
3789
|
+
/**
|
|
3790
|
+
* Whether to show the search input inside the popover
|
|
3791
|
+
* Set to false when using SearchTrigger externally
|
|
3792
|
+
* @default true
|
|
3793
|
+
*/
|
|
3794
|
+
showInput?: boolean;
|
|
3795
|
+
/**
|
|
3796
|
+
* Additional CSS classes for the input
|
|
3797
|
+
*/
|
|
3798
|
+
className?: string;
|
|
3799
|
+
}
|
|
3800
|
+
/**
|
|
3801
|
+
* CommandPalette
|
|
3802
|
+
*
|
|
3803
|
+
* Global search command palette with keyboard shortcuts (CMD/CTRL+K).
|
|
3804
|
+
* Provides a desktop popover and mobile full-screen experience.
|
|
3805
|
+
*
|
|
3806
|
+
* Desktop: Shows as a popover with search input at top
|
|
3807
|
+
* Mobile: Shows as full-screen tray
|
|
3808
|
+
*
|
|
3809
|
+
* @example
|
|
3810
|
+
* ```tsx
|
|
3811
|
+
* const [query, setQuery] = useState("");
|
|
3812
|
+
* const [isOpen, setIsOpen] = useState(false);
|
|
3813
|
+
*
|
|
3814
|
+
* <CommandPalette
|
|
3815
|
+
* value={query}
|
|
3816
|
+
* onChange={setQuery}
|
|
3817
|
+
* isOpen={isOpen}
|
|
3818
|
+
* onOpenChange={setIsOpen}
|
|
3819
|
+
* >
|
|
3820
|
+
* <SearchResultsList>
|
|
3821
|
+
* <SearchResultGroup title="Sites" count={2}>
|
|
3822
|
+
* <SearchResultItem id="1" title="HQ" />
|
|
3823
|
+
* </SearchResultGroup>
|
|
3824
|
+
* </SearchResultsList>
|
|
3825
|
+
* </CommandPalette>
|
|
3826
|
+
* ```
|
|
3827
|
+
*/
|
|
3828
|
+
declare function CommandPalette({ placeholder, value, onChange, isOpen: controlledIsOpen, onOpenChange, trigger, children, showShortcutHint, showInput, className, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
|
|
3829
|
+
|
|
3830
|
+
interface GlobalSearchProps {
|
|
3831
|
+
/**
|
|
3832
|
+
* Placeholder text for the search input
|
|
3833
|
+
* @default "Search..."
|
|
3834
|
+
*/
|
|
3835
|
+
placeholder?: string;
|
|
3836
|
+
/**
|
|
3837
|
+
* Value of the search input (controlled)
|
|
3838
|
+
*/
|
|
3839
|
+
value?: string;
|
|
3840
|
+
/**
|
|
3841
|
+
* Handler for when the search input changes
|
|
3842
|
+
*/
|
|
3843
|
+
onChange?: (value: string) => void;
|
|
3844
|
+
/**
|
|
3845
|
+
* Whether the search is open (controlled)
|
|
3846
|
+
*/
|
|
3847
|
+
isOpen?: boolean;
|
|
3848
|
+
/**
|
|
3849
|
+
* Handler for when the search is opened/closed
|
|
3850
|
+
*/
|
|
3851
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
3852
|
+
/**
|
|
3853
|
+
* Content to display in the results area
|
|
3854
|
+
*/
|
|
3855
|
+
children: ReactNode;
|
|
3856
|
+
/**
|
|
3857
|
+
* Additional CSS classes
|
|
3858
|
+
*/
|
|
3859
|
+
className?: string;
|
|
3860
|
+
}
|
|
3861
|
+
/**
|
|
3862
|
+
* GlobalSearch
|
|
3863
|
+
*
|
|
3864
|
+
* Complete global search experience with trigger + results.
|
|
3865
|
+
* Desktop: SearchTrigger with popover below
|
|
3866
|
+
* Mobile: Icon trigger with full-screen tray
|
|
3867
|
+
*
|
|
3868
|
+
* Handles CMD+K shortcuts automatically.
|
|
3869
|
+
*
|
|
3870
|
+
* @example
|
|
3871
|
+
* ```tsx
|
|
3872
|
+
* const [query, setQuery] = useState("");
|
|
3873
|
+
* const [isOpen, setIsOpen] = useState(false);
|
|
3874
|
+
*
|
|
3875
|
+
* <GlobalSearch
|
|
3876
|
+
* value={query}
|
|
3877
|
+
* onChange={setQuery}
|
|
3878
|
+
* isOpen={isOpen}
|
|
3879
|
+
* onOpenChange={setIsOpen}
|
|
3880
|
+
* placeholder="Search sites, devices, contacts..."
|
|
3881
|
+
* >
|
|
3882
|
+
* <SearchResultsList>
|
|
3883
|
+
* <SearchResultGroup title="Sites" count={2}>
|
|
3884
|
+
* <SearchResultItem id="1" title="HQ" />
|
|
3885
|
+
* </SearchResultGroup>
|
|
3886
|
+
* </SearchResultsList>
|
|
3887
|
+
* </GlobalSearch>
|
|
3888
|
+
* ```
|
|
3889
|
+
*/
|
|
3890
|
+
declare function GlobalSearch({ placeholder, value, onChange, isOpen: controlledIsOpen, onOpenChange, children, className, }: GlobalSearchProps): react_jsx_runtime.JSX.Element;
|
|
3891
|
+
|
|
3892
|
+
interface SearchEmptyStateProps {
|
|
3893
|
+
/**
|
|
3894
|
+
* Message to display
|
|
3895
|
+
* @default "No results found"
|
|
3896
|
+
*/
|
|
3897
|
+
message?: string;
|
|
3898
|
+
/**
|
|
3899
|
+
* Optional suggestion text
|
|
3900
|
+
*/
|
|
3901
|
+
suggestion?: string;
|
|
3902
|
+
/**
|
|
3903
|
+
* Icon to display
|
|
3904
|
+
* @default "MagnifyingGlass"
|
|
3905
|
+
*/
|
|
3906
|
+
icon?: IconName$2;
|
|
3907
|
+
/**
|
|
3908
|
+
* Additional CSS classes
|
|
3909
|
+
*/
|
|
3910
|
+
className?: string;
|
|
3911
|
+
}
|
|
3912
|
+
/**
|
|
3913
|
+
* SearchEmptyState
|
|
3914
|
+
*
|
|
3915
|
+
* Empty state displayed when search returns no results.
|
|
3916
|
+
* Shows a helpful message and optional suggestions.
|
|
3917
|
+
*
|
|
3918
|
+
* @example
|
|
3919
|
+
* ```tsx
|
|
3920
|
+
* <SearchEmptyState
|
|
3921
|
+
* message="No sites found"
|
|
3922
|
+
* suggestion="Try searching for a different location"
|
|
3923
|
+
* />
|
|
3924
|
+
* ```
|
|
3925
|
+
*/
|
|
3926
|
+
declare function SearchEmptyState({ message, suggestion, icon, className, }: SearchEmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
3927
|
+
|
|
3928
|
+
interface SearchLoadingStateProps {
|
|
3929
|
+
/**
|
|
3930
|
+
* Number of skeleton items to show
|
|
3931
|
+
* @default 3
|
|
3932
|
+
*/
|
|
3933
|
+
count?: number;
|
|
3934
|
+
/**
|
|
3935
|
+
* Additional CSS classes
|
|
3936
|
+
*/
|
|
3937
|
+
className?: string;
|
|
3938
|
+
}
|
|
3939
|
+
/**
|
|
3940
|
+
* SearchLoadingState
|
|
3941
|
+
*
|
|
3942
|
+
* Loading state displayed while search results are being fetched.
|
|
3943
|
+
* Shows skeleton loaders that match the structure of search results.
|
|
3944
|
+
*
|
|
3945
|
+
* @example
|
|
3946
|
+
* ```tsx
|
|
3947
|
+
* <SearchLoadingState count={5} />
|
|
3948
|
+
* ```
|
|
3949
|
+
*/
|
|
3950
|
+
declare function SearchLoadingState({ count, className }: SearchLoadingStateProps): react_jsx_runtime.JSX.Element;
|
|
3951
|
+
|
|
3952
|
+
interface SearchResultGroupProps {
|
|
3953
|
+
/**
|
|
3954
|
+
* Title of the group (e.g., "Sites", "Devices", "Contacts")
|
|
3955
|
+
*/
|
|
3956
|
+
title: string;
|
|
3957
|
+
/**
|
|
3958
|
+
* Number of results in this group (optional, shown in header)
|
|
3959
|
+
*/
|
|
3960
|
+
count?: number;
|
|
3961
|
+
/**
|
|
3962
|
+
* Whether the group is currently loading
|
|
3963
|
+
*/
|
|
3964
|
+
isLoading?: boolean;
|
|
3965
|
+
/**
|
|
3966
|
+
* Child result items
|
|
3967
|
+
*/
|
|
3968
|
+
children: ReactNode;
|
|
3969
|
+
/**
|
|
3970
|
+
* Additional CSS classes
|
|
3971
|
+
*/
|
|
3972
|
+
className?: string;
|
|
3973
|
+
}
|
|
3974
|
+
/**
|
|
3975
|
+
* SearchResultGroup
|
|
3976
|
+
*
|
|
3977
|
+
* Groups related search results with a header showing the category and count.
|
|
3978
|
+
* Used to organize results from different sources (sites, devices, contacts, etc.).
|
|
3979
|
+
*
|
|
3980
|
+
* @example
|
|
3981
|
+
* ```tsx
|
|
3982
|
+
* <SearchResultGroup title="Sites" count={3}>
|
|
3983
|
+
* <SearchResultItem id="1" title="Headquarters" />
|
|
3984
|
+
* <SearchResultItem id="2" title="Warehouse" />
|
|
3985
|
+
* <SearchResultItem id="3" title="Office" />
|
|
3986
|
+
* </SearchResultGroup>
|
|
3987
|
+
* ```
|
|
3988
|
+
*/
|
|
3989
|
+
declare function SearchResultGroup({ title, count, isLoading, children, className, }: SearchResultGroupProps): react_jsx_runtime.JSX.Element;
|
|
3990
|
+
|
|
3991
|
+
interface SearchResultItemProps {
|
|
3992
|
+
/**
|
|
3993
|
+
* Unique identifier for the result
|
|
3994
|
+
*/
|
|
3995
|
+
id: string;
|
|
3996
|
+
/**
|
|
3997
|
+
* Primary title text
|
|
3998
|
+
*/
|
|
3999
|
+
title: string;
|
|
4000
|
+
/**
|
|
4001
|
+
* Optional subtitle or description
|
|
4002
|
+
*/
|
|
4003
|
+
subtitle?: string;
|
|
4004
|
+
/**
|
|
4005
|
+
* Optional metadata text (e.g., "Last updated 2 days ago")
|
|
4006
|
+
*/
|
|
4007
|
+
metadata?: string;
|
|
4008
|
+
/**
|
|
4009
|
+
* Icon to display
|
|
4010
|
+
*/
|
|
4011
|
+
icon?: IconName$2;
|
|
4012
|
+
/**
|
|
4013
|
+
* Custom icon component (overrides icon prop)
|
|
4014
|
+
*/
|
|
4015
|
+
customIcon?: ReactNode;
|
|
4016
|
+
/**
|
|
4017
|
+
* Handler for when the result is clicked
|
|
4018
|
+
*/
|
|
4019
|
+
onSelect?: (id: string) => void;
|
|
4020
|
+
/**
|
|
4021
|
+
* Whether this result is currently focused/highlighted
|
|
4022
|
+
*/
|
|
4023
|
+
isFocused?: boolean;
|
|
4024
|
+
/**
|
|
4025
|
+
* Additional CSS classes
|
|
4026
|
+
*/
|
|
4027
|
+
className?: string;
|
|
4028
|
+
/**
|
|
4029
|
+
* Test ID for testing
|
|
4030
|
+
*/
|
|
4031
|
+
testId?: string;
|
|
4032
|
+
}
|
|
4033
|
+
/**
|
|
4034
|
+
* SearchResultItem
|
|
4035
|
+
*
|
|
4036
|
+
* Individual search result item with icon, title, subtitle, and metadata.
|
|
4037
|
+
* Supports keyboard navigation and hover states.
|
|
4038
|
+
*
|
|
4039
|
+
* @example
|
|
4040
|
+
* ```tsx
|
|
4041
|
+
* <SearchResultItem
|
|
4042
|
+
* id="site-123"
|
|
4043
|
+
* title="Headquarters"
|
|
4044
|
+
* subtitle="San Francisco, CA"
|
|
4045
|
+
* metadata="Site"
|
|
4046
|
+
* icon="MapPin"
|
|
4047
|
+
* onSelect={(id) => navigate(`/sites/${id}`)}
|
|
4048
|
+
* />
|
|
4049
|
+
* ```
|
|
4050
|
+
*/
|
|
4051
|
+
declare function SearchResultItem({ id, title, subtitle, metadata, icon, customIcon, onSelect, isFocused, className, testId, }: SearchResultItemProps): react_jsx_runtime.JSX.Element;
|
|
4052
|
+
|
|
4053
|
+
interface SearchResultsListProps {
|
|
4054
|
+
/**
|
|
4055
|
+
* Child result groups or items
|
|
4056
|
+
*/
|
|
4057
|
+
children: ReactNode;
|
|
4058
|
+
/**
|
|
4059
|
+
* Maximum height of the results list
|
|
4060
|
+
* @default "400px"
|
|
4061
|
+
*/
|
|
4062
|
+
maxHeight?: string;
|
|
4063
|
+
/**
|
|
4064
|
+
* Additional CSS classes
|
|
4065
|
+
*/
|
|
4066
|
+
className?: string;
|
|
4067
|
+
}
|
|
4068
|
+
/**
|
|
4069
|
+
* SearchResultsList
|
|
4070
|
+
*
|
|
4071
|
+
* Container for search results with scrolling and styling.
|
|
4072
|
+
* Typically contains SearchResultGroup components.
|
|
4073
|
+
*
|
|
4074
|
+
* @example
|
|
4075
|
+
* ```tsx
|
|
4076
|
+
* <SearchResultsList>
|
|
4077
|
+
* <SearchResultGroup title="Sites" count={3}>
|
|
4078
|
+
* <SearchResultItem id="1" title="HQ" />
|
|
4079
|
+
* </SearchResultGroup>
|
|
4080
|
+
* <SearchResultGroup title="Devices" count={2}>
|
|
4081
|
+
* <SearchResultItem id="2" title="Battery" />
|
|
4082
|
+
* </SearchResultGroup>
|
|
4083
|
+
* </SearchResultsList>
|
|
4084
|
+
* ```
|
|
4085
|
+
*/
|
|
4086
|
+
declare function SearchResultsList({ children, maxHeight, className, }: SearchResultsListProps): react_jsx_runtime.JSX.Element;
|
|
4087
|
+
|
|
4088
|
+
interface SearchTriggerProps {
|
|
4089
|
+
/**
|
|
4090
|
+
* Placeholder text to show in the trigger
|
|
4091
|
+
* @default "Search..."
|
|
4092
|
+
*/
|
|
4093
|
+
placeholder?: string;
|
|
4094
|
+
/**
|
|
4095
|
+
* Handler for when the trigger is clicked
|
|
4096
|
+
*/
|
|
4097
|
+
onClick?: () => void;
|
|
4098
|
+
/**
|
|
4099
|
+
* Whether to show the keyboard shortcut hint
|
|
4100
|
+
* @default true
|
|
4101
|
+
*/
|
|
4102
|
+
showShortcut?: boolean;
|
|
4103
|
+
/**
|
|
4104
|
+
* Additional CSS classes
|
|
4105
|
+
*/
|
|
4106
|
+
className?: string;
|
|
4107
|
+
}
|
|
4108
|
+
/**
|
|
4109
|
+
* SearchTrigger
|
|
4110
|
+
*
|
|
4111
|
+
* A prominent search input-style trigger button for opening the command palette.
|
|
4112
|
+
* Designed to be wide and center-aligned in the TopNav on desktop.
|
|
4113
|
+
*
|
|
4114
|
+
* @example
|
|
4115
|
+
* ```tsx
|
|
4116
|
+
* <SearchTrigger
|
|
4117
|
+
* onClick={() => setIsOpen(true)}
|
|
4118
|
+
* placeholder="Search sites, devices, contacts..."
|
|
4119
|
+
* />
|
|
4120
|
+
* ```
|
|
4121
|
+
*/
|
|
4122
|
+
declare function SearchTrigger({ placeholder, onClick, showShortcut, className, }: SearchTriggerProps): react_jsx_runtime.JSX.Element;
|
|
4123
|
+
|
|
3753
4124
|
/**
|
|
3754
4125
|
* Grid Component — Flexible layout system for dashboards
|
|
3755
4126
|
*
|
|
@@ -5840,4 +6211,4 @@ type StatTone = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
5840
6211
|
*/
|
|
5841
6212
|
declare function getStateTone(state: DeviceState): StatTone;
|
|
5842
6213
|
|
|
5843
|
-
export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, CarouselAutoplayTrigger, CarouselControl, type CarouselControlProps, CarouselIndicator, CarouselIndicatorGroup, type CarouselIndicatorProps, CarouselItem, CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemProps, CarouselNextTrigger, CarouselPrevTrigger, CarouselProgressText, CarouselRoot, type CarouselRootProps, type CarouselTriggerProps, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, type ElementSize, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HierarchyExplorer, type HierarchyExplorerProps, type HierarchyNode, HorizontalBarCell, type HorizontalBarCellProps, HoverCard, type HoverCardContentProps, type HoverCardRootProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, type NodeState, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseElementSizeResult, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useElementSize, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
|
|
6214
|
+
export { type Action, ActionCell, type ActionCellProps, ActivityFeed, ActivityFeedGroup, type ActivityFeedGroupProps, type ActivityFeedProps, type ActivityFeedSize, type ActivityFeedVariant, ActivityItem, type ActivityItemProps, type ActivityItemSurface, type ActivityItemTone, Alert, type AlertProps, AreaSeries, AutoMobileRenderer, BREAKPOINTS, BadgeCell, type BadgeCellProps, BadgeProps, Banner, type BannerAction, type BannerAppearance, type BannerProps, type BannerVariant, BarSeries, BaseDataPoint, BaseInputProps, BooleanCell, type BooleanCellProps, BooleanFormat, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type Breakpoint, type BreakpointState, Calendar, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, CardMobileRenderer, type CardProps, type CardVariant, CarouselAutoplayTrigger, CarouselControl, type CarouselControlProps, CarouselIndicator, CarouselIndicatorGroup, type CarouselIndicatorProps, CarouselItem, CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemProps, CarouselNextTrigger, CarouselPrevTrigger, CarouselProgressText, CarouselRoot, type CarouselRootProps, type CarouselTriggerProps, type CellAlignment, type CellComponent, type CellComponentProps, type CellContext, type CellEmphasis, ChartAxis, ChartBottomBar, ChartContainer, ChartEventMarkers, type ChartEventMarkersProps, type ChartExportMetadata, ChartTooltip, Chip, Collapse, CollapseContent, type CollapseContentProps, type CollapseDensity, CollapseHeader, type CollapseHeaderProps, CollapseItem, type CollapseItemProps, type CollapseProps, type CollapseVariant, ColorModeProvider, type Column, CommandPalette, type CommandPaletteProps, ComponentFormatter, Confirm, type ConfirmProps, ConnectionStatusBadge, type ConnectionStatusBadgeProps, ContactCard, type ContactCardProps, ContactMetaCell, ContactMetaDisplay, type ContactMetaDisplayProps, CopyToClipboard, CurrencyFormat, CurrentFormat, CustomCell, type CustomCellProps, CustomPinsSpec, DataControls, type Filter as DataControlsFilter, type DataControlsProps, type SortOption as DataControlsSortOption, DataTable, type DataTableProps, DateCell, type DateCellProps, DateFormat, DateRangePicker, DeviceHealthBadge, type DeviceHealthBadgeProps, DeviceMetaCell, type DeviceMetaCellProps, DeviceMetaDisplay, type DeviceMetaDisplayProps, DeviceState, DeviceStateBadge, type DeviceStateBadgeProps, DeviceStateCell, type DeviceStateCellProps, DeviceStateWithMetric, type DeviceStateWithMetricProps, type DeviceType, DeviceTypeIcon, type DeviceTypeIconProps, DialogAction, DialogFooterConfig, DialogHeader, DialogHeaderConfig, type DialogHeaderProps, DistanceFormat, type ElementSize, EmptyState, type EmptyStateAction, type EmptyStateAlignment, type EmptyStateProps, type EmptyStateSize, EnergyFormat, type EnrollmentStatus, EnrollmentStatusBadge, type EnrollmentStatusBadgeProps, ErrorBoundary, type EventMarker, type ExportType, type FacetConfig, type FacetCounts, type FacetType, FieldFormat, FieldValue, type FilterChip, FilterChips, type FilterChipsProps, type FilterCondition, FilterDialog, type FilterDialogProps, type FilterGroup, type FilterOperator, type FilterState, FirmwareVersionBadge, type FirmwareVersionBadgeProps, Form, FormatRegistry, FormattedCell, FormattedValue, FormatterFunction, FunnelSeries, type FunnelSeriesProps, type FunnelStage as FunnelSeriesStage, GeoJsonLayerSpec, GlobalSearch, type GlobalSearchProps, Grid, type GridAlign, type GridCols, type GridFlow, type GridGap, type GridItemProps, type GridJustify, type GridProps, type GridSpan, GridState, GridStateBadge, type GridStateBadgeProps, type HealthStatus, HierarchyExplorer, type HierarchyExplorerProps, type HierarchyNode, HorizontalBarCell, type HorizontalBarCellProps, HoverCard, type HoverCardContentProps, type HoverCardRootProps, Icon, InfiniteScrollIndicator, type InfiniteScrollIndicatorProps, Kpi, KpiGroup, type KpiGroupAlign, type KpiGroupCols, type KpiGroupGap, type KpiGroupProps, type KpiOrientation, type KpiProps, type KpiSize, type KpiStatus, LayerSpec, LineSeries, type LinkBehavior, List, ListBox, ListBoxItem, ListItem, type ListItemProps, ListPane, type ListPaneProps, type ListProps, type LoadingState, MiniBarCell, type MiniBarCellProps, type MobileBreakpoint, type MobileConfig, type MobileRenderer, ModalBackdrop, type ModalBackdropProps, type NodeState, Notice, NoticeContainer, type NoticeContainerProps, type NoticeOptions, type NoticeProps, NoticeProvider, type NoticeProviderProps, type NoticeVariant, NumberCell, type NumberCellProps, NumberFormat, type PageAsideProps, PageBanner, type PageBannerProps, type PageBreadcrumbItem, type PageContentProps, type PageHeaderProps, PageLayout, type PageLayoutProps, type PageScrollableContentProps, PercentBarCell, type PercentBarCellProps, PhoneFormat, PlaceSearch, Popover, PowerFormat, type PresetRange, ProgressBar, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RangeCalendar, RasterLayerSpec, ResistanceFormat, type ResponsiveValue, ResultsCount, type ResultsCountProps, SKELETON_SIZES, type SearchConfig, SearchControl, type SearchControlProps, SearchEmptyState, type SearchEmptyStateProps, SearchLoadingState, type SearchLoadingStateProps, SearchResultGroup, type SearchResultGroupProps, SearchResultItem, type SearchResultItemProps, SearchResultsList, type SearchResultsListProps, SearchTrigger, type SearchTriggerProps, Section, SectionNav, type SectionNavItem, type SectionNavOrientation, type SectionNavProps, type SectionProps, type SectionSpacing, type SectionVariant, SelectCell, type SelectCellProps, SiteCard, type SiteCardProps, SiteContactCard, type SiteContactCardProps, SiteMetaCell, SiteMetaDisplay, type SiteMetaDisplayProps, Skeleton, Slider, type SortConfig, SortControl, type SortControlProps, type SortDirection, type SortState, SparklineCell, type SparklineCellProps, SplitPane, type SplitPaneOrientation, type SplitPanePanelProps, type SplitPaneProps, type StatAlign, type StatFormatter, type StatItem, type StatLayout, StatList, type StatListProps, type StatThreshold, type StatTone$1 as StatTone, type StatValue, Tab, TabList, TabPanel, type TableDensity, type TableLayout, type TableWidth, Tabs, type TabsProps$1 as TabsProps, TemperatureFormat, TemperatureUnit, TemperatureUnitString, TextAreaWithChips, TextCell, type TextCellProps, TextFormat, TimeControls, type TimeControlsProps, type TimeRange, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemVariant, ToggleButton, Tooltip, TooltipData, Tray, type TrayProps, type TrendPoint, type UseBreakpointReturn, type UseClientDataControlsOptions, type UseClientDataControlsResult, type UseDataControlsClientOptions, type UseDataControlsOptions, type UseDataControlsResult, type UseDataControlsServerOptions, type UseElementSizeResult, type UseInfiniteScrollOptions, type UseInfiniteScrollReturn, type UseServerDataControlsOptions, VectorLayerSpec, VoltageFormat, type WindowSize, type WindowSizeOption, YFormatType, addFilterCondition, autoScaleCurrent, autoScaleDistance, autoScaleEnergy, autoScalePower, autoScaleResistance, autoScaleVoltage, camelCaseToWords, capitalize, celsiusToFahrenheit, celsiusToKelvin, centimetersToInches, createEmptyFilter, createFilter, createFilters, createFormat, enumToSentenceCase, exportChart, fahrenheitToCelsius, fahrenheitToKelvin, feetToMeters, feetToMiles, filterToChips, formatBoolean, formatCapacity, formatCurrency, formatCurrent, formatDate, formatDistance, formatEmptyValue, formatEnergy, formatFieldValue, formatInternationalPhone, formatNumber, formatPercent, formatPhone, formatPhoneNumber, formatPower, formatPowerRating, formatResistance, formatTemperature, formatText, formatUSPhone, formatVoltage, getBadgeClasses, getBooleanBadgeVariant, getCellAlignmentClasses, getCellContainerClasses, getCellTextClasses, getDateParts, getExportFormatName, getFilterFields, getLinkClasses, getNumericColorClasses, getSkeletonSize, getStateTone, inchesToCentimeters, isCustomPinsLayer, isExportSupported, isFilterEmpty, isGeoJsonLayer, isNil, isRasterLayer, isVectorLayer, kelvinToCelsius, kelvinToFahrenheit, kilometersToMiles, layer, metersToFeet, metersToMiles, metersToYards, milesToFeet, milesToKilometers, milesToMeters, parseBoolean, removeFilterCondition, resolveValue, snakeCaseToWords, temperatureStringToSymbol, toA, toActiveInactive, toAmps, toBoolean, toCelsius, toCentimeters, toCheckmark, toCompactNumber, toCurrency, toCustomDateFormat, toDateString, toEnabledDisabled, toFahrenheit, toFeet, toFloat, toFormattedNumber, toFullDateTime, toGW, toGWh, toGigawatts, toISOString, toInches, toInteger, toKA, toKV, toKW, toKelvin, toKiloamps, toKilohms, toKilometers, toKilovolts, toKilowatts, toLowerCase, toMA, toMV, toMW, toMWh, toMegawatts, toMegohms, toMeters, toMiles, toMilliamps, toMillimeters, toMilliohms, toMillivolts, toNauticalMiles, toOhms, toOnOff, toPercentage, toRelativeTime, toScientificNotation, toSecret, toSentenceCase, toTemperature, toTitleCase, toTrueFalse, toUpperCase, toV, toVolts, toW, toWatts, toWh, toYards, tokWh, truncateEnd, truncateMiddle, truncateStart, ucFirst, useBreakpoint, useClientDataControls, useColorMode, useDataControls, useDebounce, useElementSize, useInfiniteScroll, useLocalStorage, useMediaQuery, useNotice, useServerDataControls, wrapWithLink, yardsToMeters };
|