@texturehq/edges 1.27.1 → 1.28.1
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/{RichTextEditor-CZCqHSPF.d.cts → RichTextEditor-7jc4jO7e.d.cts} +1 -1
- package/dist/{RichTextEditor-CZCqHSPF.d.ts → RichTextEditor-7jc4jO7e.d.ts} +1 -1
- package/dist/{TimeField-07gPbQ8f.d.cts → TimeField-DUQ94xQz.d.ts} +4 -4
- package/dist/{TimeField-CQgcvUgy.d.ts → TimeField-ydXvd3yT.d.cts} +4 -4
- package/dist/{colors-CY0JrRSg.d.cts → colors-BArtDuqU.d.ts} +4 -3
- package/dist/{colors-DKozNGNs.d.ts → colors-BHVIdEzL.d.cts} +4 -3
- package/dist/components.manifest.json +37 -20
- package/dist/form/index.cjs.map +1 -1
- package/dist/form/index.d.cts +1 -1
- package/dist/form/index.d.ts +1 -1
- package/dist/form/index.js.map +1 -1
- package/dist/generated/tailwind-tokens-dark.css +1 -0
- package/dist/generated/tailwind-tokens-light.css +1 -0
- package/dist/{index-rh1icNsb.d.cts → index-BdDvAxFM.d.cts} +1 -1
- package/dist/{index-rh1icNsb.d.ts → index-BdDvAxFM.d.ts} +1 -1
- package/dist/index.cjs +45 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +122 -27
- package/dist/index.d.ts +122 -27
- package/dist/index.js +45 -9
- package/dist/index.js.map +1 -1
- package/dist/rhf/index.cjs.map +1 -1
- package/dist/rhf/index.d.cts +3 -3
- package/dist/rhf/index.d.ts +3 -3
- package/dist/rhf/index.js.map +1 -1
- package/dist/server.cjs +1 -1
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +2 -2
- package/dist/server.d.ts +2 -2
- package/dist/server.js +1 -1
- package/dist/server.js.map +1 -1
- package/dist/styles/animations.css +20 -0
- package/dist/styles/computed.css +2 -4
- package/dist/styles/utilities.css +46 -3
- package/dist/styles.css +78 -1
- package/dist/utilities.manifest.json +1 -1
- package/package.json +1 -1
|
@@ -393,4 +393,4 @@ interface RichTextEditorProps {
|
|
|
393
393
|
*/
|
|
394
394
|
declare function RichTextEditor({ initialContent, onChange, className, isDisabled, placeholder, id, }: RichTextEditorProps): react_jsx_runtime.JSX.Element | null;
|
|
395
395
|
|
|
396
|
-
export { type BaseInputProps as B, ClearButton as C, type DateFieldProps as D, type FileUploadProps as F, Icon as I,
|
|
396
|
+
export { type BaseInputProps as B, ClearButton as C, type DateFieldProps as D, type FileUploadProps as F, Icon as I, Label as L, type RichTextEditorProps as R, type Size as S, DateField as a, FileUpload as b, RichTextEditor as c, type IconName as d, type BaseProps as e, Description as f, type DescriptionPlacement as g, type DescriptionProps as h, FieldError as i, type FieldErrorProps as j, FieldGroup as k, type FieldGroupProps as l, Input as m, type InputProps as n, type InputStyleProps as o, InputWrapper as p, type LabelProps as q, getFieldGroupStyles as r, getInputBackgroundStyles as s, getInputBaseStyles as t, getInputStateStyles as u, useInputFocus as v };
|
|
@@ -393,4 +393,4 @@ interface RichTextEditorProps {
|
|
|
393
393
|
*/
|
|
394
394
|
declare function RichTextEditor({ initialContent, onChange, className, isDisabled, placeholder, id, }: RichTextEditorProps): react_jsx_runtime.JSX.Element | null;
|
|
395
395
|
|
|
396
|
-
export { type BaseInputProps as B, ClearButton as C, type DateFieldProps as D, type FileUploadProps as F, Icon as I,
|
|
396
|
+
export { type BaseInputProps as B, ClearButton as C, type DateFieldProps as D, type FileUploadProps as F, Icon as I, Label as L, type RichTextEditorProps as R, type Size as S, DateField as a, FileUpload as b, RichTextEditor as c, type IconName as d, type BaseProps as e, Description as f, type DescriptionPlacement as g, type DescriptionProps as h, FieldError as i, type FieldErrorProps as j, FieldGroup as k, type FieldGroupProps as l, Input as m, type InputProps as n, type InputStyleProps as o, InputWrapper as p, type LabelProps as q, getFieldGroupStyles as r, getInputBackgroundStyles as s, getInputBaseStyles as t, getInputStateStyles as u, useInputFocus as v };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { ComponentProps, ReactNode } from 'react';
|
|
3
3
|
import { Key, ValidationResult, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue } from 'react-aria-components';
|
|
4
|
-
import { S as Size, I as Icon, B as BaseInputProps } from './RichTextEditor-
|
|
4
|
+
import { S as Size, I as Icon, B as BaseInputProps } from './RichTextEditor-7jc4jO7e.js';
|
|
5
5
|
|
|
6
6
|
interface Item {
|
|
7
7
|
id: string;
|
|
@@ -305,12 +305,12 @@ interface RadioCardGroupProps {
|
|
|
305
305
|
*/
|
|
306
306
|
gap?: string;
|
|
307
307
|
}
|
|
308
|
-
declare function RadioCard({ value, isDisabled, className, children, size, variant
|
|
308
|
+
declare function RadioCard({ value, isDisabled, className, children, size, variant }: RadioCardProps): react_jsx_runtime.JSX.Element;
|
|
309
309
|
declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
|
|
310
310
|
|
|
311
311
|
interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
|
|
312
312
|
/** Label for the radio group */
|
|
313
|
-
label?:
|
|
313
|
+
label?: ReactNode;
|
|
314
314
|
/** Children elements */
|
|
315
315
|
children?: ReactNode;
|
|
316
316
|
/** Optional description for the radio group */
|
|
@@ -531,4 +531,4 @@ interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, "isRequired"
|
|
|
531
531
|
*/
|
|
532
532
|
declare function TimeField({ label, description, errorMessage, size, tooltip, isRequired, isDisabled, isInvalid, reserveErrorSpace, validationResult, className, descriptionPlacement, ...props }: TimeFieldProps): react_jsx_runtime.JSX.Element;
|
|
533
533
|
|
|
534
|
-
export { Autocomplete as A, Button as B, Checkbox as C, NumberField as N, RadioCardGroup as R, Select as S, TextArea as T, CheckboxGroup as a, ColorField as b, RadioGroup as c, Switch as d, TextField as e, type TimeFieldProps as f, type ColorFieldProps as g,
|
|
534
|
+
export { Autocomplete as A, Button as B, Checkbox as C, NumberField as N, RadioCardGroup as R, Select as S, TextArea as T, CheckboxGroup as a, ColorField as b, RadioGroup as c, Switch as d, TextField as e, type TimeFieldProps as f, type ColorFieldProps as g, Radio as h, RadioCard as i, type RadioCardGroupProps as j, type RadioCardProps as k, type SelectItem as l, TimeField as m };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { ComponentProps, ReactNode } from 'react';
|
|
3
3
|
import { Key, ValidationResult, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, CheckboxGroupProps as CheckboxGroupProps$1, TextFieldProps as TextFieldProps$1, NumberFieldProps as NumberFieldProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue } from 'react-aria-components';
|
|
4
|
-
import { S as Size, I as Icon, B as BaseInputProps } from './RichTextEditor-
|
|
4
|
+
import { S as Size, I as Icon, B as BaseInputProps } from './RichTextEditor-7jc4jO7e.cjs';
|
|
5
5
|
|
|
6
6
|
interface Item {
|
|
7
7
|
id: string;
|
|
@@ -305,12 +305,12 @@ interface RadioCardGroupProps {
|
|
|
305
305
|
*/
|
|
306
306
|
gap?: string;
|
|
307
307
|
}
|
|
308
|
-
declare function RadioCard({ value, isDisabled, className, children, size, variant
|
|
308
|
+
declare function RadioCard({ value, isDisabled, className, children, size, variant }: RadioCardProps): react_jsx_runtime.JSX.Element;
|
|
309
309
|
declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
|
|
310
310
|
|
|
311
311
|
interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
|
|
312
312
|
/** Label for the radio group */
|
|
313
|
-
label?:
|
|
313
|
+
label?: ReactNode;
|
|
314
314
|
/** Children elements */
|
|
315
315
|
children?: ReactNode;
|
|
316
316
|
/** Optional description for the radio group */
|
|
@@ -531,4 +531,4 @@ interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, "isRequired"
|
|
|
531
531
|
*/
|
|
532
532
|
declare function TimeField({ label, description, errorMessage, size, tooltip, isRequired, isDisabled, isInvalid, reserveErrorSpace, validationResult, className, descriptionPlacement, ...props }: TimeFieldProps): react_jsx_runtime.JSX.Element;
|
|
533
533
|
|
|
534
|
-
export { Autocomplete as A, Button as B, Checkbox as C, NumberField as N, RadioCardGroup as R, Select as S, TextArea as T, CheckboxGroup as a, ColorField as b, RadioGroup as c, Switch as d, TextField as e, type TimeFieldProps as f, type ColorFieldProps as g,
|
|
534
|
+
export { Autocomplete as A, Button as B, Checkbox as C, NumberField as N, RadioCardGroup as R, Select as S, TextArea as T, CheckboxGroup as a, ColorField as b, RadioGroup as c, Switch as d, TextField as e, type TimeFieldProps as f, type ColorFieldProps as g, Radio as h, RadioCard as i, type RadioCardGroupProps as j, type RadioCardProps as k, type SelectItem as l, TimeField as m };
|
|
@@ -3,7 +3,7 @@ import * as React$1 from 'react';
|
|
|
3
3
|
import React__default, { ReactNode, ComponentType } from 'react';
|
|
4
4
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
-
import { d as IconName } from './RichTextEditor-
|
|
6
|
+
import { d as IconName } from './RichTextEditor-7jc4jO7e.js';
|
|
7
7
|
import * as react_map_gl from 'react-map-gl';
|
|
8
8
|
import { ViewState, MapRef } from 'react-map-gl';
|
|
9
9
|
import { MeterProps as MeterProps$1 } from 'react-aria-components';
|
|
@@ -193,6 +193,7 @@ declare function useComponentFormatter(formatter?: ComponentFormatter, emptyClas
|
|
|
193
193
|
*/
|
|
194
194
|
type YFormatType = ComponentFormatter;
|
|
195
195
|
interface TooltipData {
|
|
196
|
+
/** The x-axis value (Date for time-series charts) */
|
|
196
197
|
xValue: Date;
|
|
197
198
|
series: TooltipSeries[];
|
|
198
199
|
x: number;
|
|
@@ -692,7 +693,7 @@ interface HeadingProps {
|
|
|
692
693
|
className?: string;
|
|
693
694
|
children?: React__default.ReactNode;
|
|
694
695
|
}
|
|
695
|
-
declare function Heading({ tag: Tag, size, height, className, children
|
|
696
|
+
declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
|
|
696
697
|
|
|
697
698
|
interface LoaderProps {
|
|
698
699
|
/**
|
|
@@ -1848,4 +1849,4 @@ declare const isLightColor: (color: string) => boolean;
|
|
|
1848
1849
|
*/
|
|
1849
1850
|
declare const getContrastingTextColor: (backgroundColor: string) => string;
|
|
1850
1851
|
|
|
1851
|
-
export { type DistanceFormat as $, type ActionItem as A, type BadgeProps as B, type
|
|
1852
|
+
export { type DistanceFormat as $, type ActionItem as A, type BadgeProps as B, type ChartMargin as C, defaultMargin as D, ENTITY_CONFIG as E, getContrastingTextColor as F, getDefaultChartColor as G, Heading as H, type InteractiveMapProps as I, getDefaultColors as J, getEntityConfig as K, Loader as L, type MapPoint as M, getEntityIcon as N, getEntityLabel as O, getResolvedColor as P, getThemeCategoricalColors as Q, getYFormatSettings as R, type SegmentOption as S, TextLink as T, isLightColor as U, type FieldValue as V, type BooleanFormat as W, type FormattedValue as X, type YFormatSettings as Y, type CurrentFormat as Z, type DateFormat as _, type ActionMenuProps as a, type EnergyFormat as a0, type CurrencyFormat as a1, type NumberFormat as a2, type PhoneFormat as a3, type PowerFormat as a4, type FormatterFunction as a5, type ResistanceFormat as a6, type TemperatureFormat as a7, type TemperatureUnitString as a8, type TemperatureUnit as a9, type LayerFeature as aA, type LayerStyle as aB, MAP_TYPES as aC, Meter as aD, type MetricFormat as aE, type PercentageFormat as aF, type PowerUnit as aG, type RenderType as aH, type ResistanceUnit as aI, SegmentedControl as aJ, StaticMap as aK, type TextTransform as aL, type TextTruncatePosition as aM, type VoltageUnit as aN, type ZoomStops as aO, activeDeviceStates as aP, deviceStateLabels as aQ, deviceStateMetricFormats as aR, formatComponentValue as aS, getDeviceStateLabel as aT, getGridStateLabel as aU, gridStateLabels as aV, isActiveState as aW, useChartContext as aX, useComponentFormatter as aY, type TextFormat as aa, type VoltageFormat as ab, type FieldFormat as ac, type DeviceState as ad, type GridState as ae, type ComponentFormatter as af, type LayerSpec as ag, type CustomPinsSpec as ah, type GeoJsonLayerSpec as ai, type RasterLayerSpec as aj, type VectorLayerSpec as ak, type ClusteredVectorLayerSpec as al, ActionMenu as am, Avatar as an, Badge as ao, type BaseFormat as ap, ChartContext as aq, CodeEditor as ar, type ColorSpec as as, type ComponentFormatOptions as at, type CurrentUnit as au, type CustomFormat as av, type DateFormatStyle as aw, type DistanceUnit as ax, type EnergyUnit as ay, InteractiveMap as az, AppShell as b, type AppShellProps as c, type AvatarProps as d, type BaseDataPoint as e, type CodeEditorProps as f, type CodeLanguage as g, type CodeTheme as h, type EntityConfig as i, type EntityType as j, Logo as k, type MeterProps as l, type SegmentedControlProps as m, SideNav as n, type SideNavItem as o, type SideNavProps as p, type StaticMapProps as q, type TooltipData as r, type TooltipSeries as s, TopNav as t, type TopNavProps as u, type YFormatType as v, clearColorCache as w, createCategoryColorMap as x, createXScale as y, createYScale as z };
|
|
@@ -3,7 +3,7 @@ import * as React$1 from 'react';
|
|
|
3
3
|
import React__default, { ReactNode, ComponentType } from 'react';
|
|
4
4
|
import { ScaleTime, ScaleLinear } from 'd3-scale';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
-
import { d as IconName } from './RichTextEditor-
|
|
6
|
+
import { d as IconName } from './RichTextEditor-7jc4jO7e.cjs';
|
|
7
7
|
import * as react_map_gl from 'react-map-gl';
|
|
8
8
|
import { ViewState, MapRef } from 'react-map-gl';
|
|
9
9
|
import { MeterProps as MeterProps$1 } from 'react-aria-components';
|
|
@@ -193,6 +193,7 @@ declare function useComponentFormatter(formatter?: ComponentFormatter, emptyClas
|
|
|
193
193
|
*/
|
|
194
194
|
type YFormatType = ComponentFormatter;
|
|
195
195
|
interface TooltipData {
|
|
196
|
+
/** The x-axis value (Date for time-series charts) */
|
|
196
197
|
xValue: Date;
|
|
197
198
|
series: TooltipSeries[];
|
|
198
199
|
x: number;
|
|
@@ -692,7 +693,7 @@ interface HeadingProps {
|
|
|
692
693
|
className?: string;
|
|
693
694
|
children?: React__default.ReactNode;
|
|
694
695
|
}
|
|
695
|
-
declare function Heading({ tag: Tag, size, height, className, children
|
|
696
|
+
declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
|
|
696
697
|
|
|
697
698
|
interface LoaderProps {
|
|
698
699
|
/**
|
|
@@ -1848,4 +1849,4 @@ declare const isLightColor: (color: string) => boolean;
|
|
|
1848
1849
|
*/
|
|
1849
1850
|
declare const getContrastingTextColor: (backgroundColor: string) => string;
|
|
1850
1851
|
|
|
1851
|
-
export { type DistanceFormat as $, type ActionItem as A, type BadgeProps as B, type
|
|
1852
|
+
export { type DistanceFormat as $, type ActionItem as A, type BadgeProps as B, type ChartMargin as C, defaultMargin as D, ENTITY_CONFIG as E, getContrastingTextColor as F, getDefaultChartColor as G, Heading as H, type InteractiveMapProps as I, getDefaultColors as J, getEntityConfig as K, Loader as L, type MapPoint as M, getEntityIcon as N, getEntityLabel as O, getResolvedColor as P, getThemeCategoricalColors as Q, getYFormatSettings as R, type SegmentOption as S, TextLink as T, isLightColor as U, type FieldValue as V, type BooleanFormat as W, type FormattedValue as X, type YFormatSettings as Y, type CurrentFormat as Z, type DateFormat as _, type ActionMenuProps as a, type EnergyFormat as a0, type CurrencyFormat as a1, type NumberFormat as a2, type PhoneFormat as a3, type PowerFormat as a4, type FormatterFunction as a5, type ResistanceFormat as a6, type TemperatureFormat as a7, type TemperatureUnitString as a8, type TemperatureUnit as a9, type LayerFeature as aA, type LayerStyle as aB, MAP_TYPES as aC, Meter as aD, type MetricFormat as aE, type PercentageFormat as aF, type PowerUnit as aG, type RenderType as aH, type ResistanceUnit as aI, SegmentedControl as aJ, StaticMap as aK, type TextTransform as aL, type TextTruncatePosition as aM, type VoltageUnit as aN, type ZoomStops as aO, activeDeviceStates as aP, deviceStateLabels as aQ, deviceStateMetricFormats as aR, formatComponentValue as aS, getDeviceStateLabel as aT, getGridStateLabel as aU, gridStateLabels as aV, isActiveState as aW, useChartContext as aX, useComponentFormatter as aY, type TextFormat as aa, type VoltageFormat as ab, type FieldFormat as ac, type DeviceState as ad, type GridState as ae, type ComponentFormatter as af, type LayerSpec as ag, type CustomPinsSpec as ah, type GeoJsonLayerSpec as ai, type RasterLayerSpec as aj, type VectorLayerSpec as ak, type ClusteredVectorLayerSpec as al, ActionMenu as am, Avatar as an, Badge as ao, type BaseFormat as ap, ChartContext as aq, CodeEditor as ar, type ColorSpec as as, type ComponentFormatOptions as at, type CurrentUnit as au, type CustomFormat as av, type DateFormatStyle as aw, type DistanceUnit as ax, type EnergyUnit as ay, InteractiveMap as az, AppShell as b, type AppShellProps as c, type AvatarProps as d, type BaseDataPoint as e, type CodeEditorProps as f, type CodeLanguage as g, type CodeTheme as h, type EntityConfig as i, type EntityType as j, Logo as k, type MeterProps as l, type SegmentedControlProps as m, SideNav as n, type SideNavItem as o, type SideNavProps as p, type StaticMapProps as q, type TooltipData as r, type TooltipSeries as s, TopNav as t, type TopNavProps as u, type YFormatType as v, clearColorCache as w, createCategoryColorMap as x, createXScale as y, createYScale as z };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.
|
|
2
|
+
"version": "1.28.1",
|
|
3
3
|
"components": [
|
|
4
4
|
{
|
|
5
5
|
"name": "ActionCell",
|
|
@@ -365,7 +365,7 @@
|
|
|
365
365
|
},
|
|
366
366
|
{
|
|
367
367
|
"name": "variant",
|
|
368
|
-
"type": "
|
|
368
|
+
"type": "\"default\" | \"brand\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\" | \"primary\""
|
|
369
369
|
}
|
|
370
370
|
],
|
|
371
371
|
"relatedComponents": [
|
|
@@ -691,10 +691,20 @@
|
|
|
691
691
|
"relatedComponents": [],
|
|
692
692
|
"storybookPath": "Components/CarouselRoot"
|
|
693
693
|
},
|
|
694
|
+
{
|
|
695
|
+
"name": "CategoryBarChart",
|
|
696
|
+
"category": "Charts",
|
|
697
|
+
"description": "Show tooltip on hover (default true)",
|
|
698
|
+
"importRoot": "@texturehq/edges",
|
|
699
|
+
"importPath": "@texturehq/edges/components/CategoryBarChart",
|
|
700
|
+
"props": [],
|
|
701
|
+
"relatedComponents": [],
|
|
702
|
+
"storybookPath": "Charts/CategoryBarChart"
|
|
703
|
+
},
|
|
694
704
|
{
|
|
695
705
|
"name": "ChartAxis",
|
|
696
706
|
"category": "Charts",
|
|
697
|
-
"description": "ChartAxis Chart axis components for rendering X and Y axes. Provides formatted bottom (time) and left (numeric) axes with customizable tick formatting.",
|
|
707
|
+
"description": "ChartAxis Chart axis components for rendering X and Y axes. Provides formatted bottom (time) and left (numeric) axes with customizable tick formatting. Components: - Bottom: Time-based x-axis (for time-series charts) - Left: Numeric y-axis - CategoryBottom: Categorical x-axis (for bar charts with labels) - CategoryLeft: Categorical y-axis (for horizontal bar charts) - NumericBottom: Numeric x-axis (for horizontal bar charts)",
|
|
698
708
|
"importRoot": "@texturehq/edges",
|
|
699
709
|
"importPath": "@texturehq/edges/components/ChartAxis",
|
|
700
710
|
"props": [],
|
|
@@ -759,7 +769,7 @@
|
|
|
759
769
|
{
|
|
760
770
|
"name": "ChartTooltip",
|
|
761
771
|
"category": "Uncategorized",
|
|
762
|
-
"description": "ChartTooltip Interactive tooltip component for charts. Displays formatted data values at hover position with automatic positioning and animations. Uses the main formatting system for consistency with Kpi, StatList, and DataTable.",
|
|
772
|
+
"description": "ChartTooltip Interactive tooltip component for charts. Displays formatted data values at hover position with automatic positioning and animations. Uses the main formatting system for consistency with Kpi, StatList, and DataTable. Can be used standalone (with label prop) or within ChartContext (for time-series charts).",
|
|
763
773
|
"importRoot": "@texturehq/edges",
|
|
764
774
|
"importPath": "@texturehq/edges/components/ChartTooltip",
|
|
765
775
|
"props": [],
|
|
@@ -824,13 +834,19 @@
|
|
|
824
834
|
},
|
|
825
835
|
{
|
|
826
836
|
"name": "ChipInputField",
|
|
827
|
-
"category": "
|
|
837
|
+
"category": "Form Controls",
|
|
828
838
|
"description": "ChipInputField A tags input component with autocomplete suggestions. Press Enter or comma to add tags, Backspace when empty to remove last tag. Supports both static items and async fetching for suggestions.",
|
|
829
839
|
"importRoot": "@texturehq/edges",
|
|
830
840
|
"importPath": "@texturehq/edges/components/ChipInputField",
|
|
831
841
|
"props": [],
|
|
832
|
-
"relatedComponents": [
|
|
833
|
-
|
|
842
|
+
"relatedComponents": [
|
|
843
|
+
"ChipInputField",
|
|
844
|
+
"StoryLayout",
|
|
845
|
+
"StoryTable",
|
|
846
|
+
"StoryTableCell",
|
|
847
|
+
"StoryTableRow"
|
|
848
|
+
],
|
|
849
|
+
"storybookPath": "Form Controls/ChipInputField"
|
|
834
850
|
},
|
|
835
851
|
{
|
|
836
852
|
"name": "CodeEditor",
|
|
@@ -1844,7 +1860,7 @@
|
|
|
1844
1860
|
},
|
|
1845
1861
|
{
|
|
1846
1862
|
"name": "countryRestrictions",
|
|
1847
|
-
"type": "string[]; // Array of ISO 3166-1 alpha-2 country codes proximity?: \"ip\" | [number, number]; // Either \"ip\" for IP-based location or [longitude, latitude] coordinates hideCountry?: boolean; // Hide country from results (useful when using countryRestrictions) showIcon?: boolean; // Show location type icons in results (default: true) className?: string"
|
|
1863
|
+
"type": "string[]; // Array of ISO 3166-1 alpha-2 country codes proximity?: \"ip\" | [number, number]; // Either \"ip\" for IP-based location or [longitude, latitude] coordinates hideCountry?: boolean; // Hide country from results (useful when using countryRestrictions) showIcon?: boolean; // Show location type icons in results (default: true) useMobileTray?: boolean; // Whether to use a Tray (bottom sheet) on mobile devices instead of a Popover (default: true) className?: string"
|
|
1848
1864
|
},
|
|
1849
1865
|
{
|
|
1850
1866
|
"name": "defaultFilter",
|
|
@@ -2384,7 +2400,7 @@
|
|
|
2384
2400
|
{
|
|
2385
2401
|
"name": "StatList",
|
|
2386
2402
|
"category": "Data",
|
|
2387
|
-
"description": "Additional CSS classes */ className?: string; } // Helpers // Use the centralized formatting utility function formatValue(value: StatValue, formatter?: StatFormatter): React.ReactNode { // If value is already a React element, return it as-is (skip formatting) if (React.isValidElement(value)) { return value; } return formatComponentValue({ value, formatter, emptyClassName: \"text-text-muted\", emptyText: \"—\", }); } function getTone(item: StatItem): StatTone | undefined { // Check thresholds first if (item.thresholds && item.value !== null && item.value !== undefined) { for (const threshold of item.thresholds) { if (threshold.when(item.value)) { return threshold.tone; } } } // Fall back to explicit tone return item.tone; } const toneColors: Record<StatTone, string> = { neutral: \"text-text-body\", success: \"text-feedback-success\", warning: \"text-feedback-warning\", error: \"text-feedback-error\", info: \"text-feedback-info\", }; // StatRow Component // Constants for auto-truncation const LONG_STRING_THRESHOLD = 24; const LONG_STRING_TRUNCATE_LENGTH = 20; function StatRow({ item, dense, valueAlign
|
|
2403
|
+
"description": "Additional CSS classes */ className?: string; } // Helpers // Use the centralized formatting utility function formatValue(value: StatValue, formatter?: StatFormatter): React.ReactNode { // If value is already a React element, return it as-is (skip formatting) if (React.isValidElement(value)) { return value; } return formatComponentValue({ value, formatter, emptyClassName: \"text-text-muted\", emptyText: \"—\", }); } function getTone(item: StatItem): StatTone | undefined { // Check thresholds first if (item.thresholds && item.value !== null && item.value !== undefined) { for (const threshold of item.thresholds) { if (threshold.when(item.value)) { return threshold.tone; } } } // Fall back to explicit tone return item.tone; } const toneColors: Record<StatTone, string> = { neutral: \"text-text-body\", success: \"text-feedback-success\", warning: \"text-feedback-warning\", error: \"text-feedback-error\", info: \"text-feedback-info\", }; // StatRow Component // Constants for auto-truncation const LONG_STRING_THRESHOLD = 24; const LONG_STRING_TRUNCATE_LENGTH = 20; function StatRow({ item, dense, valueAlign }: { item: StatItem; dense?: boolean; valueAlign?: StatAlign }) { const tone = getTone(item); const toneClass = tone ? toneColors[tone] : \"\"; const isStacked = item.stackOnMobile; // Check if this is a long string that should be auto-truncated on mobile const isLongString = typeof item.value === \"string\" && item.value.length > LONG_STRING_THRESHOLD && !item.formatter && !React.isValidElement(item.value); // Get the formatted value (used for both truncated and full display) const formattedValue = formatValue(item.value, item.formatter); // Get the truncated value for mobile display // Note: We cast to string here because isLongString already verifies typeof item.value === \"string\" const truncatedValue = isLongString ? truncateMiddle(item.value as string, LONG_STRING_TRUNCATE_LENGTH) : null; const textToCopy = typeof item.copyable === \"function\" ? item.copyable(item.value) : String(item.value); // PII data attributes (only set if both piiType and piiEntity are provided) const piiAttrs = item.piiType && item.piiEntity ? { \"data-pii-type\": item.piiType, \"data-pii-entity\": item.piiEntity, } : {}; // For long strings, render both truncated (mobile) and full (desktop) versions // CSS classes control which is visible based on screen size // Tooltip content is wrapped in span with PII attributes to allow masking by Curtain extension const hasPiiAttrs = Object.keys(piiAttrs).length > 0; const valueDisplay = isLongString ? ( <> {/* Mobile: show truncated with tooltip */} <Tooltip content={hasPiiAttrs ? <span {...piiAttrs}>{String(item.value)}</span> : String(item.value)}> <span className={twMerge(\"md:hidden\", item.href ? \"hover:underline cursor-pointer\" : \"\")} {...piiAttrs}> {truncatedValue} </span> </Tooltip> {/* Desktop: show full value",
|
|
2388
2404
|
"importRoot": "@texturehq/edges",
|
|
2389
2405
|
"importPath": "@texturehq/edges/components/StatList",
|
|
2390
2406
|
"props": [],
|
|
@@ -2947,6 +2963,7 @@
|
|
|
2947
2963
|
"Calendar",
|
|
2948
2964
|
"Checkbox",
|
|
2949
2965
|
"CheckboxGroup",
|
|
2966
|
+
"ChipInputField",
|
|
2950
2967
|
"CodeEditor",
|
|
2951
2968
|
"ColorField",
|
|
2952
2969
|
"DateField",
|
|
@@ -3064,13 +3081,23 @@
|
|
|
3064
3081
|
"CarouselRoot",
|
|
3065
3082
|
"HierarchyExplorer"
|
|
3066
3083
|
],
|
|
3084
|
+
"Charts": [
|
|
3085
|
+
"AreaSeries",
|
|
3086
|
+
"BarSeries",
|
|
3087
|
+
"CategoryBarChart",
|
|
3088
|
+
"ChartAxis",
|
|
3089
|
+
"ChartContainer",
|
|
3090
|
+
"ChartEventMarkers",
|
|
3091
|
+
"FunnelSeries",
|
|
3092
|
+
"LineSeries",
|
|
3093
|
+
"TimeControls"
|
|
3094
|
+
],
|
|
3067
3095
|
"Uncategorized": [
|
|
3068
3096
|
"ActionCell",
|
|
3069
3097
|
"BadgeCell",
|
|
3070
3098
|
"BooleanCell",
|
|
3071
3099
|
"ChartBottomBar",
|
|
3072
3100
|
"ChartTooltip",
|
|
3073
|
-
"ChipInputField",
|
|
3074
3101
|
"CommandPalette",
|
|
3075
3102
|
"ContactMetaCell",
|
|
3076
3103
|
"CustomCell",
|
|
@@ -3100,16 +3127,6 @@
|
|
|
3100
3127
|
"StaticMap",
|
|
3101
3128
|
"TextCell"
|
|
3102
3129
|
],
|
|
3103
|
-
"Charts": [
|
|
3104
|
-
"AreaSeries",
|
|
3105
|
-
"BarSeries",
|
|
3106
|
-
"ChartAxis",
|
|
3107
|
-
"ChartContainer",
|
|
3108
|
-
"ChartEventMarkers",
|
|
3109
|
-
"FunnelSeries",
|
|
3110
|
-
"LineSeries",
|
|
3111
|
-
"TimeControls"
|
|
3112
|
-
],
|
|
3113
3130
|
"Data": [
|
|
3114
3131
|
"AutoMobileRenderer",
|
|
3115
3132
|
"CardMobileRenderer",
|