@texturehq/edges 1.26.0 → 1.26.2

package/dist/index.d.cts

@@ -2,15 +2,15 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
 import * as React$1 from 'react';
 import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
-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-DdsCnLrp.cjs';
-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-DdsCnLrp.cjs';
+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-Cv1f3FIO.cjs';
+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-Cv1f3FIO.cjs';
 import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-BhX77nTp.cjs';
 export { f as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, r as Description, g as DescriptionPlacement, j as DescriptionProps, s as FieldError, h as FieldErrorProps, v as FieldGroup, k as FieldGroupProps, b as FileUpload, F as FileUploadProps, t as Input, i as InputProps, e as InputStyleProps, l as InputWrapper, q as Label, L as LabelProps, c as RichTextEditor, R as RichTextEditorProps, p as getFieldGroupStyles, n as getInputBackgroundStyles, o as getInputBaseStyles, m as getInputStateStyles, u as useInputFocus } from './RichTextEditor-BhX77nTp.cjs';
 import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-Dkhk7IbI.cjs';
 export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-Dkhk7IbI.cjs';
-export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-DT3apBHn.cjs';
+export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-BXmGlwVW.cjs';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import 'react-map-gl';
 import '@phosphor-icons/react';
@@ -3329,6 +3329,7 @@ interface SparklineCellProps extends CellComponentProps {
  */
 declare const SparklineCell: React__default.NamedExoticComponent<SparklineCellProps>;
 
+type TextTruncatePosition = "start" | "middle" | "end";
 interface TextCellProps<T = any> extends CellComponentProps<T> {
     prefix?: string;
     suffix?: string;
@@ -3339,7 +3340,27 @@ interface TextCellProps<T = any> extends CellComponentProps<T> {
     linkVariant?: "default" | "brand" | "muted" | "unstyled";
     /** Text emphasis (use "strong" for bold) */
     emphasis?: CellEmphasis;
-    truncate?: boolean;
+    /**
+     * Enable truncation. Can be:
+     * - boolean: true for CSS truncation at end (default behavior)
+     * - object: { position, length, ellipsis, tooltip } for programmatic truncation
+     */
+    truncate?: boolean | {
+        /** Where to truncate the text */
+        position?: TextTruncatePosition;
+        /** Maximum length including ellipsis */
+        length?: number;
+        /** Custom ellipsis string */
+        ellipsis?: string;
+        /** Show tooltip with full text on hover */
+        tooltip?: boolean;
+    };
+    /**
+     * Enable copy to clipboard functionality
+     * - boolean: true to enable with default settings
+     * - function: custom function to extract the value to copy from the row
+     */
+    copyable?: boolean | ((row: T) => string);
     align?: "left" | "center" | "right";
     className?: string;
 }
@@ -3347,9 +3368,28 @@ interface TextCellProps<T = any> extends CellComponentProps<T> {
  * TextCell
  *
  * DataTable cell component for displaying text content.
- * Supports prefixes, suffixes, truncation, and optional linking with customizable emphasis levels.
+ * Supports prefixes, suffixes, truncation (with position control), copy to clipboard, and optional linking.
+ *
+ * @example
+ * ```tsx
+ * // Simple CSS truncation at end (default)
+ * { cell: TextCell, cellProps: { truncate: true } }
+ *
+ * // Truncate in middle for serial numbers with copy
+ * {
+ *   cell: TextCell,
+ *   cellProps: {
+ *     truncate: {
+ *       position: "middle",
+ *       length: 14,
+ *       tooltip: true
+ *     },
+ *     copyable: true
+ *   }
+ * }
+ * ```
  */
-declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyText, href, linkBehavior, linkVariant, emphasis, truncate, align, className, }: TextCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyText, href, linkBehavior, linkVariant, emphasis, truncate, copyable, align, className, }: TextCellProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * DataTable

package/dist/index.d.ts

@@ -2,15 +2,15 @@ import { BreadcrumbProps, BreadcrumbsProps, DateValue, CalendarProps as Calendar
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger } from 'react-aria-components';
 import * as React$1 from 'react';
 import React__default, { RefObject, HTMLAttributes, ReactNode, ComponentProps, ComponentType, CSSProperties, Component, ErrorInfo } from 'react';
-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-BER6l3p0.js';
-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-BER6l3p0.js';
+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-B9nHitHg.js';
+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-B9nHitHg.js';
 import { Virtualizer } from '@tanstack/react-virtual';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { I as Icon, S as Size, d as IconName$2, B as BaseInputProps } from './RichTextEditor-BhX77nTp.js';
 export { f as BaseProps, C as ClearButton, a as DateField, D as DateFieldProps, r as Description, g as DescriptionPlacement, j as DescriptionProps, s as FieldError, h as FieldErrorProps, v as FieldGroup, k as FieldGroupProps, b as FileUpload, F as FileUploadProps, t as Input, i as InputProps, e as InputStyleProps, l as InputWrapper, q as Label, L as LabelProps, c as RichTextEditor, R as RichTextEditorProps, p as getFieldGroupStyles, n as getInputBackgroundStyles, o as getInputBaseStyles, m as getInputStateStyles, u as useInputFocus } from './RichTextEditor-BhX77nTp.js';
 import { D as DialogAction, a as DialogHeaderConfig, b as DialogFooterConfig } from './index-Dkhk7IbI.js';
 export { d as Dialog, g as DialogForm, c as DialogProps, f as Drawer, h as DrawerForm, e as DrawerProps, F as FormActions, j as FormDivider, i as FormGrid, k as FormSection, l as FormStepper, S as SaveBar, U as UnsavedChangesPrompt, u as useWizard } from './index-Dkhk7IbI.js';
-export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-TmPbBV-t.js';
+export { A as Autocomplete, B as Button, C as Checkbox, a as CheckboxGroup, b as ColorField, f as ColorFieldProps, N as NumberField, g as Radio, R as RadioGroup, S as Select, c as Switch, T as TextArea, d as TextField, h as TimeField } from './TimeField-DuBmntG7.js';
 import { ScaleTime, ScaleLinear } from 'd3-scale';
 import 'react-map-gl';
 import '@phosphor-icons/react';
@@ -3329,6 +3329,7 @@ interface SparklineCellProps extends CellComponentProps {
  */
 declare const SparklineCell: React__default.NamedExoticComponent<SparklineCellProps>;
 
+type TextTruncatePosition = "start" | "middle" | "end";
 interface TextCellProps<T = any> extends CellComponentProps<T> {
     prefix?: string;
     suffix?: string;
@@ -3339,7 +3340,27 @@ interface TextCellProps<T = any> extends CellComponentProps<T> {
     linkVariant?: "default" | "brand" | "muted" | "unstyled";
     /** Text emphasis (use "strong" for bold) */
     emphasis?: CellEmphasis;
-    truncate?: boolean;
+    /**
+     * Enable truncation. Can be:
+     * - boolean: true for CSS truncation at end (default behavior)
+     * - object: { position, length, ellipsis, tooltip } for programmatic truncation
+     */
+    truncate?: boolean | {
+        /** Where to truncate the text */
+        position?: TextTruncatePosition;
+        /** Maximum length including ellipsis */
+        length?: number;
+        /** Custom ellipsis string */
+        ellipsis?: string;
+        /** Show tooltip with full text on hover */
+        tooltip?: boolean;
+    };
+    /**
+     * Enable copy to clipboard functionality
+     * - boolean: true to enable with default settings
+     * - function: custom function to extract the value to copy from the row
+     */
+    copyable?: boolean | ((row: T) => string);
     align?: "left" | "center" | "right";
     className?: string;
 }
@@ -3347,9 +3368,28 @@ interface TextCellProps<T = any> extends CellComponentProps<T> {
  * TextCell
  *
  * DataTable cell component for displaying text content.
- * Supports prefixes, suffixes, truncation, and optional linking with customizable emphasis levels.
+ * Supports prefixes, suffixes, truncation (with position control), copy to clipboard, and optional linking.
+ *
+ * @example
+ * ```tsx
+ * // Simple CSS truncation at end (default)
+ * { cell: TextCell, cellProps: { truncate: true } }
+ *
+ * // Truncate in middle for serial numbers with copy
+ * {
+ *   cell: TextCell,
+ *   cellProps: {
+ *     truncate: {
+ *       position: "middle",
+ *       length: 14,
+ *       tooltip: true
+ *     },
+ *     copyable: true
+ *   }
+ * }
+ * ```
  */
-declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyText, href, linkBehavior, linkVariant, emphasis, truncate, align, className, }: TextCellProps<T>): react_jsx_runtime.JSX.Element;
+declare function TextCell<T = any>({ value, row, context, prefix, suffix, emptyText, href, linkBehavior, linkVariant, emphasis, truncate, copyable, align, className, }: TextCellProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * DataTable