@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 +51 -2
- package/dist/index.d.ts +51 -2
- package/dist/index.js +1130 -58
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1130 -59
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
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
|
-
/**
|
|
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
|
-
/**
|
|
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 };
|