@rehagro/ui 1.0.47 → 1.0.49

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/index.d.mts CHANGED
@@ -275,6 +275,13 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
275
275
  * colors — those still come from `statusClasses`.
276
276
  */
277
277
  borderColor?: string;
278
+ /**
279
+ * Custom background color for the input container. Accepts any valid
280
+ * CSS color value (hex, rgb, CSS variable, etc). When provided,
281
+ * overrides the default `rh-bg-surface` background. Ignored when
282
+ * `disabled` is true to preserve the disabled visual style.
283
+ */
284
+ backgroundColor?: string;
278
285
  /**
279
286
  * Border width token for the input container.
280
287
  *
@@ -316,6 +323,13 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
316
323
  * colors — those still come from `statusClasses`.
317
324
  */
318
325
  borderColor?: string;
326
+ /**
327
+ * Custom background color for the input container. Accepts any valid
328
+ * CSS color value (hex, rgb, CSS variable, etc). When provided,
329
+ * overrides the default `rh-bg-surface` background. Ignored when
330
+ * `disabled` is true to preserve the disabled visual style.
331
+ */
332
+ backgroundColor?: string;
319
333
  /**
320
334
  * Border width token for the input container.
321
335
  *
@@ -462,6 +476,8 @@ type SelectBaseProps = {
462
476
  className?: string;
463
477
  /** Custom class for the outermost wrapper */
464
478
  wrapperClassName?: string;
479
+ /** Custom background color for the trigger button */
480
+ backgroundColor?: string;
465
481
  };
466
482
  type SelectSingleProps = SelectBaseProps & {
467
483
  /** Enables multi-select mode */
@@ -486,6 +502,37 @@ type SelectMultipleProps = SelectBaseProps & {
486
502
  type SelectProps = SelectSingleProps | SelectMultipleProps;
487
503
  declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
488
504
 
505
+ type DateSelectMode = "interval" | "day" | "month" | "year";
506
+ type DateSelectValue = {
507
+ mode: DateSelectMode;
508
+ year?: number;
509
+ month?: number;
510
+ day?: number;
511
+ startDate?: Date;
512
+ endDate?: Date;
513
+ };
514
+ type DateSelectProps = DateSelectBaseProps;
515
+ type DateSelectBaseProps = {
516
+ label?: string;
517
+ subtitle?: string;
518
+ placeholder?: string;
519
+ status?: SelectStatus;
520
+ size?: SelectSize;
521
+ radius?: SelectRadius;
522
+ helperText?: React__default.ReactNode;
523
+ disabled?: boolean;
524
+ className?: string;
525
+ wrapperClassName?: string;
526
+ value?: DateSelectValue;
527
+ defaultValue?: DateSelectValue;
528
+ onChange?: (value: DateSelectValue) => void;
529
+ startYear?: number;
530
+ endYear?: number;
531
+ /** Custom background color for the trigger button */
532
+ backgroundColor?: string;
533
+ };
534
+ declare const DateSelect: React__default.ForwardRefExoticComponent<DateSelectBaseProps & React__default.RefAttributes<HTMLButtonElement>>;
535
+
489
536
  type TooltipVariant = "light" | "default" | "dark";
490
537
  type TooltipSize = "sm" | "md";
491
538
  type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
@@ -764,7 +811,9 @@ type TableColumn<T> = {
764
811
  actionIcon?: ColumnActionIcon<T>;
765
812
  /** Whether this column is editable with a dropdown */
766
813
  editable?: boolean;
767
- /** List of choices for the editable dropdown */
814
+ /** Type of editable field: "select" (default) or "date" */
815
+ type?: "select" | "date";
816
+ /** List of choices for the editable dropdown (required for type="select") */
768
817
  choices?: CustomSelectOption[];
769
818
  /** Function to get the current value for the editable field */
770
819
  editableValue?: (row: T) => string;
@@ -991,4 +1040,4 @@ declare function CaretLeftIcon({ className, ...props }: IconProps): react_jsx_ru
991
1040
 
992
1041
  declare function CaretRightIcon({ className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
993
1042
 
994
- export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarThickness, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };
1043
+ export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DateSelect, type DateSelectProps, type DateSelectValue, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarThickness, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };
package/dist/index.d.ts CHANGED
@@ -275,6 +275,13 @@ type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>,
275
275
  * colors — those still come from `statusClasses`.
276
276
  */
277
277
  borderColor?: string;
278
+ /**
279
+ * Custom background color for the input container. Accepts any valid
280
+ * CSS color value (hex, rgb, CSS variable, etc). When provided,
281
+ * overrides the default `rh-bg-surface` background. Ignored when
282
+ * `disabled` is true to preserve the disabled visual style.
283
+ */
284
+ backgroundColor?: string;
278
285
  /**
279
286
  * Border width token for the input container.
280
287
  *
@@ -316,6 +323,13 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__de
316
323
  * colors — those still come from `statusClasses`.
317
324
  */
318
325
  borderColor?: string;
326
+ /**
327
+ * Custom background color for the input container. Accepts any valid
328
+ * CSS color value (hex, rgb, CSS variable, etc). When provided,
329
+ * overrides the default `rh-bg-surface` background. Ignored when
330
+ * `disabled` is true to preserve the disabled visual style.
331
+ */
332
+ backgroundColor?: string;
319
333
  /**
320
334
  * Border width token for the input container.
321
335
  *
@@ -462,6 +476,8 @@ type SelectBaseProps = {
462
476
  className?: string;
463
477
  /** Custom class for the outermost wrapper */
464
478
  wrapperClassName?: string;
479
+ /** Custom background color for the trigger button */
480
+ backgroundColor?: string;
465
481
  };
466
482
  type SelectSingleProps = SelectBaseProps & {
467
483
  /** Enables multi-select mode */
@@ -486,6 +502,37 @@ type SelectMultipleProps = SelectBaseProps & {
486
502
  type SelectProps = SelectSingleProps | SelectMultipleProps;
487
503
  declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
488
504
 
505
+ type DateSelectMode = "interval" | "day" | "month" | "year";
506
+ type DateSelectValue = {
507
+ mode: DateSelectMode;
508
+ year?: number;
509
+ month?: number;
510
+ day?: number;
511
+ startDate?: Date;
512
+ endDate?: Date;
513
+ };
514
+ type DateSelectProps = DateSelectBaseProps;
515
+ type DateSelectBaseProps = {
516
+ label?: string;
517
+ subtitle?: string;
518
+ placeholder?: string;
519
+ status?: SelectStatus;
520
+ size?: SelectSize;
521
+ radius?: SelectRadius;
522
+ helperText?: React__default.ReactNode;
523
+ disabled?: boolean;
524
+ className?: string;
525
+ wrapperClassName?: string;
526
+ value?: DateSelectValue;
527
+ defaultValue?: DateSelectValue;
528
+ onChange?: (value: DateSelectValue) => void;
529
+ startYear?: number;
530
+ endYear?: number;
531
+ /** Custom background color for the trigger button */
532
+ backgroundColor?: string;
533
+ };
534
+ declare const DateSelect: React__default.ForwardRefExoticComponent<DateSelectBaseProps & React__default.RefAttributes<HTMLButtonElement>>;
535
+
489
536
  type TooltipVariant = "light" | "default" | "dark";
490
537
  type TooltipSize = "sm" | "md";
491
538
  type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
@@ -764,7 +811,9 @@ type TableColumn<T> = {
764
811
  actionIcon?: ColumnActionIcon<T>;
765
812
  /** Whether this column is editable with a dropdown */
766
813
  editable?: boolean;
767
- /** List of choices for the editable dropdown */
814
+ /** Type of editable field: "select" (default) or "date" */
815
+ type?: "select" | "date";
816
+ /** List of choices for the editable dropdown (required for type="select") */
768
817
  choices?: CustomSelectOption[];
769
818
  /** Function to get the current value for the editable field */
770
819
  editableValue?: (row: T) => string;
@@ -991,4 +1040,4 @@ declare function CaretLeftIcon({ className, ...props }: IconProps): react_jsx_ru
991
1040
 
992
1041
  declare function CaretRightIcon({ className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
993
1042
 
994
- export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarThickness, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };
1043
+ export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, CaretLeftIcon, CaretRightIcon, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DateSelect, type DateSelectProps, type DateSelectValue, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarThickness, type ProgressBarVariant, Radio, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };