@nurix/ui-component-library 1.1.4-stage.118 → 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 +42 -2
  2. package/dist/index.d.ts +42 -2
  3. package/dist/index.js +1085 -831
  4. package/dist/index.mjs +1085 -831
  5. package/dist/styles.css +40 -10
  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
 
@@ -1590,6 +1601,10 @@ interface DialogProps {
1590
1601
  showCancel?: boolean;
1591
1602
  onCancel?: () => void;
1592
1603
  onConfirm?: () => void;
1604
+ /** @default "primary" */
1605
+ confirmVariant?: ButtonVariant;
1606
+ /** Disable the confirm button. */
1607
+ confirmDisabled?: boolean;
1593
1608
  className?: string;
1594
1609
  }
1595
1610
  interface DialogIconProps {
@@ -1617,6 +1632,10 @@ interface DialogFooterProps {
1617
1632
  showCancel?: boolean;
1618
1633
  onCancel?: () => void;
1619
1634
  onConfirm?: () => void;
1635
+ /** @default "primary" */
1636
+ confirmVariant?: ButtonVariant;
1637
+ /** Disable the confirm button. */
1638
+ confirmDisabled?: boolean;
1620
1639
  showDivider?: boolean;
1621
1640
  className?: string;
1622
1641
  }
@@ -2116,6 +2135,17 @@ declare namespace DataTable {
2116
2135
  var displayName: string;
2117
2136
  }
2118
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
+ }
2119
2149
  /**
2120
2150
  * Filter item structure
2121
2151
  */
@@ -2130,6 +2160,8 @@ interface FilterItem<T = string> {
2130
2160
  loading?: boolean;
2131
2161
  /** Optional custom display node to render instead of plain label */
2132
2162
  labelNode?: React$1.ReactNode;
2163
+ /** Optional trailing hover-action (e.g. delete) */
2164
+ action?: FilterItemAction;
2133
2165
  }
2134
2166
  /**
2135
2167
  * Filter item with section grouping
@@ -2252,6 +2284,12 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
2252
2284
  datePresets?: boolean | DatePreset[];
2253
2285
  /** Show time picker in date filter (default: true) */
2254
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;
2255
2293
  /** Empty state label when no items available */
2256
2294
  emptyStateLabel?: string;
2257
2295
  /** Additional className for the trigger button */
@@ -2300,6 +2338,8 @@ interface FilterListItemProps<T = string> {
2300
2338
  hover?: boolean;
2301
2339
  /** Additional className */
2302
2340
  className?: string;
2341
+ /** Optional trailing hover-action (e.g. delete) */
2342
+ action?: FilterItemAction;
2303
2343
  }
2304
2344
 
2305
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
 
@@ -1590,6 +1601,10 @@ interface DialogProps {
1590
1601
  showCancel?: boolean;
1591
1602
  onCancel?: () => void;
1592
1603
  onConfirm?: () => void;
1604
+ /** @default "primary" */
1605
+ confirmVariant?: ButtonVariant;
1606
+ /** Disable the confirm button. */
1607
+ confirmDisabled?: boolean;
1593
1608
  className?: string;
1594
1609
  }
1595
1610
  interface DialogIconProps {
@@ -1617,6 +1632,10 @@ interface DialogFooterProps {
1617
1632
  showCancel?: boolean;
1618
1633
  onCancel?: () => void;
1619
1634
  onConfirm?: () => void;
1635
+ /** @default "primary" */
1636
+ confirmVariant?: ButtonVariant;
1637
+ /** Disable the confirm button. */
1638
+ confirmDisabled?: boolean;
1620
1639
  showDivider?: boolean;
1621
1640
  className?: string;
1622
1641
  }
@@ -2116,6 +2135,17 @@ declare namespace DataTable {
2116
2135
  var displayName: string;
2117
2136
  }
2118
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
+ }
2119
2149
  /**
2120
2150
  * Filter item structure
2121
2151
  */
@@ -2130,6 +2160,8 @@ interface FilterItem<T = string> {
2130
2160
  loading?: boolean;
2131
2161
  /** Optional custom display node to render instead of plain label */
2132
2162
  labelNode?: React$1.ReactNode;
2163
+ /** Optional trailing hover-action (e.g. delete) */
2164
+ action?: FilterItemAction;
2133
2165
  }
2134
2166
  /**
2135
2167
  * Filter item with section grouping
@@ -2252,6 +2284,12 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
2252
2284
  datePresets?: boolean | DatePreset[];
2253
2285
  /** Show time picker in date filter (default: true) */
2254
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;
2255
2293
  /** Empty state label when no items available */
2256
2294
  emptyStateLabel?: string;
2257
2295
  /** Additional className for the trigger button */
@@ -2300,6 +2338,8 @@ interface FilterListItemProps<T = string> {
2300
2338
  hover?: boolean;
2301
2339
  /** Additional className */
2302
2340
  className?: string;
2341
+ /** Optional trailing hover-action (e.g. delete) */
2342
+ action?: FilterItemAction;
2303
2343
  }
2304
2344
 
2305
2345
  declare const FilterSelect: React$1.ForwardRefExoticComponent<FilterSelectProps<string> & React$1.RefAttributes<HTMLDivElement>>;