@nurix/ui-component-library 1.1.4-stage.119 → 1.1.4-stage.120

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.
Files changed (6) hide show
  1. package/dist/index.d.mts +34 -2
  2. package/dist/index.d.ts +34 -2
  3. package/dist/index.js +1058 -817
  4. package/dist/index.mjs +1058 -817
  5. package/dist/styles.css +19 -0
  6. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -318,7 +318,7 @@ interface ListNavItemProps {
318
318
  /** Trailing content (badges, icons, etc.) */
319
319
  trailing?: React$1.ReactNode;
320
320
  }
321
- interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
321
+ interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
322
322
  /** List of items */
323
323
  items: ListNavItemProps[];
324
324
  /** Currently selected item id */
@@ -732,7 +732,7 @@ interface UseSelectProps {
732
732
  defaultValue?: string;
733
733
  onValueChange?: (value: string) => void;
734
734
  }
735
- declare function useSelect({ value, defaultValue, onValueChange }: UseSelectProps): {
735
+ declare function useSelect({ value, defaultValue, onValueChange, }: UseSelectProps): {
736
736
  value: string | undefined;
737
737
  setValue: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
738
738
  handleValueChange: (newValue: string) => void;
@@ -1001,10 +1001,14 @@ interface ThemeContextType {
1001
1001
  declare const ThemeProvider: React$1.FC<{
1002
1002
  children: React$1.ReactNode;
1003
1003
  defaultTheme?: Theme;
1004
+ /** See `LegoLandWrapper.fill` — opt the wrapper into `display: contents`. */
1005
+ fill?: boolean;
1004
1006
  }>;
1005
1007
  declare const NurixThemeProvider: React$1.FC<{
1006
1008
  children: React$1.ReactNode;
1007
1009
  defaultTheme?: Theme;
1010
+ /** See `LegoLandWrapper.fill` — opt the wrapper into `display: contents`. */
1011
+ fill?: boolean;
1008
1012
  }>;
1009
1013
  declare const useTheme: () => ThemeContextType;
1010
1014
 
@@ -1013,6 +1017,13 @@ interface LegoLandWrapperProps {
1013
1017
  theme: "light" | "dark";
1014
1018
  className?: string;
1015
1019
  style?: React$1.CSSProperties;
1020
+ /**
1021
+ * Opt-in: render the wrapper with `display: contents` (via a `data-fill`
1022
+ * attribute the host app can target) so it doesn't form its own layout
1023
+ * box. Use when a child needs height/flex propagation from the wrapper's
1024
+ * parent (e.g. `h-full` on a Surface inside).
1025
+ */
1026
+ fill?: boolean;
1016
1027
  }
1017
1028
  declare const LegoLandWrapper: React$1.FC<LegoLandWrapperProps>;
1018
1029
 
@@ -2124,6 +2135,17 @@ declare namespace DataTable {
2124
2135
  var displayName: string;
2125
2136
  }
2126
2137
 
2138
+ /**
2139
+ * Optional per-item trailing action button. Rendered before the
2140
+ * selected-tick slot, visible only on row hover (so the row stays calm when
2141
+ * idle). Use for destructive or secondary actions like "delete this saved
2142
+ * view" without making them part of the row's primary click.
2143
+ */
2144
+ interface FilterItemAction {
2145
+ icon: React$1.ReactNode;
2146
+ ariaLabel: string;
2147
+ onClick: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
2148
+ }
2127
2149
  /**
2128
2150
  * Filter item structure
2129
2151
  */
@@ -2138,6 +2160,8 @@ interface FilterItem<T = string> {
2138
2160
  loading?: boolean;
2139
2161
  /** Optional custom display node to render instead of plain label */
2140
2162
  labelNode?: React$1.ReactNode;
2163
+ /** Optional trailing hover-action (e.g. delete) */
2164
+ action?: FilterItemAction;
2141
2165
  }
2142
2166
  /**
2143
2167
  * Filter item with section grouping
@@ -2260,6 +2284,12 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
2260
2284
  datePresets?: boolean | DatePreset[];
2261
2285
  /** Show time picker in date filter (default: true) */
2262
2286
  showTime?: boolean;
2287
+ /**
2288
+ * Allow selecting dates in the future. Defaults to `false` because the
2289
+ * date filter is typically used to filter past data (logs, conversations,
2290
+ * etc.). Enable for use cases like scheduling.
2291
+ */
2292
+ allowFutureDates?: boolean;
2263
2293
  /** Empty state label when no items available */
2264
2294
  emptyStateLabel?: string;
2265
2295
  /** Additional className for the trigger button */
@@ -2308,6 +2338,8 @@ interface FilterListItemProps<T = string> {
2308
2338
  hover?: boolean;
2309
2339
  /** Additional className */
2310
2340
  className?: string;
2341
+ /** Optional trailing hover-action (e.g. delete) */
2342
+ action?: FilterItemAction;
2311
2343
  }
2312
2344
 
2313
2345
  declare const FilterSelect: React$1.ForwardRefExoticComponent<FilterSelectProps<string> & React$1.RefAttributes<HTMLDivElement>>;
package/dist/index.d.ts CHANGED
@@ -318,7 +318,7 @@ interface ListNavItemProps {
318
318
  /** Trailing content (badges, icons, etc.) */
319
319
  trailing?: React$1.ReactNode;
320
320
  }
321
- interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
321
+ interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
322
322
  /** List of items */
323
323
  items: ListNavItemProps[];
324
324
  /** Currently selected item id */
@@ -732,7 +732,7 @@ interface UseSelectProps {
732
732
  defaultValue?: string;
733
733
  onValueChange?: (value: string) => void;
734
734
  }
735
- declare function useSelect({ value, defaultValue, onValueChange }: UseSelectProps): {
735
+ declare function useSelect({ value, defaultValue, onValueChange, }: UseSelectProps): {
736
736
  value: string | undefined;
737
737
  setValue: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
738
738
  handleValueChange: (newValue: string) => void;
@@ -1001,10 +1001,14 @@ interface ThemeContextType {
1001
1001
  declare const ThemeProvider: React$1.FC<{
1002
1002
  children: React$1.ReactNode;
1003
1003
  defaultTheme?: Theme;
1004
+ /** See `LegoLandWrapper.fill` — opt the wrapper into `display: contents`. */
1005
+ fill?: boolean;
1004
1006
  }>;
1005
1007
  declare const NurixThemeProvider: React$1.FC<{
1006
1008
  children: React$1.ReactNode;
1007
1009
  defaultTheme?: Theme;
1010
+ /** See `LegoLandWrapper.fill` — opt the wrapper into `display: contents`. */
1011
+ fill?: boolean;
1008
1012
  }>;
1009
1013
  declare const useTheme: () => ThemeContextType;
1010
1014
 
@@ -1013,6 +1017,13 @@ interface LegoLandWrapperProps {
1013
1017
  theme: "light" | "dark";
1014
1018
  className?: string;
1015
1019
  style?: React$1.CSSProperties;
1020
+ /**
1021
+ * Opt-in: render the wrapper with `display: contents` (via a `data-fill`
1022
+ * attribute the host app can target) so it doesn't form its own layout
1023
+ * box. Use when a child needs height/flex propagation from the wrapper's
1024
+ * parent (e.g. `h-full` on a Surface inside).
1025
+ */
1026
+ fill?: boolean;
1016
1027
  }
1017
1028
  declare const LegoLandWrapper: React$1.FC<LegoLandWrapperProps>;
1018
1029
 
@@ -2124,6 +2135,17 @@ declare namespace DataTable {
2124
2135
  var displayName: string;
2125
2136
  }
2126
2137
 
2138
+ /**
2139
+ * Optional per-item trailing action button. Rendered before the
2140
+ * selected-tick slot, visible only on row hover (so the row stays calm when
2141
+ * idle). Use for destructive or secondary actions like "delete this saved
2142
+ * view" without making them part of the row's primary click.
2143
+ */
2144
+ interface FilterItemAction {
2145
+ icon: React$1.ReactNode;
2146
+ ariaLabel: string;
2147
+ onClick: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
2148
+ }
2127
2149
  /**
2128
2150
  * Filter item structure
2129
2151
  */
@@ -2138,6 +2160,8 @@ interface FilterItem<T = string> {
2138
2160
  loading?: boolean;
2139
2161
  /** Optional custom display node to render instead of plain label */
2140
2162
  labelNode?: React$1.ReactNode;
2163
+ /** Optional trailing hover-action (e.g. delete) */
2164
+ action?: FilterItemAction;
2141
2165
  }
2142
2166
  /**
2143
2167
  * Filter item with section grouping
@@ -2260,6 +2284,12 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
2260
2284
  datePresets?: boolean | DatePreset[];
2261
2285
  /** Show time picker in date filter (default: true) */
2262
2286
  showTime?: boolean;
2287
+ /**
2288
+ * Allow selecting dates in the future. Defaults to `false` because the
2289
+ * date filter is typically used to filter past data (logs, conversations,
2290
+ * etc.). Enable for use cases like scheduling.
2291
+ */
2292
+ allowFutureDates?: boolean;
2263
2293
  /** Empty state label when no items available */
2264
2294
  emptyStateLabel?: string;
2265
2295
  /** Additional className for the trigger button */
@@ -2308,6 +2338,8 @@ interface FilterListItemProps<T = string> {
2308
2338
  hover?: boolean;
2309
2339
  /** Additional className */
2310
2340
  className?: string;
2341
+ /** Optional trailing hover-action (e.g. delete) */
2342
+ action?: FilterItemAction;
2311
2343
  }
2312
2344
 
2313
2345
  declare const FilterSelect: React$1.ForwardRefExoticComponent<FilterSelectProps<string> & React$1.RefAttributes<HTMLDivElement>>;