react-asc 25.11.0 → 25.12.0
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/index.d.ts +8 -2
- package/index.es.js +30 -8
- package/index.js +29 -7
- package/lib/components/List/ListItemAvatar.d.ts +7 -1
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -486,8 +486,14 @@ declare const ListItem: (props: IListItemProps) => JSX.Element;
|
|
|
486
486
|
|
|
487
487
|
interface IListItemAvatarProps extends React$1.ComponentProps<'div'> {
|
|
488
488
|
avatar: React$1.ReactNode;
|
|
489
|
+
avatarSize?: ListItemAvatarSize;
|
|
489
490
|
}
|
|
490
|
-
declare
|
|
491
|
+
declare enum ListItemAvatarSize {
|
|
492
|
+
sm = "sm",
|
|
493
|
+
md = "md",
|
|
494
|
+
lg = "lg"
|
|
495
|
+
}
|
|
496
|
+
declare const ListItemAvatar: ({ avatar, avatarSize, ...rest }: IListItemAvatarProps) => JSX.Element;
|
|
491
497
|
|
|
492
498
|
interface IListItemIconProps extends React$1.ComponentProps<'div'> {
|
|
493
499
|
icon: React$1.ReactNode;
|
|
@@ -1116,4 +1122,4 @@ declare global {
|
|
|
1116
1122
|
}
|
|
1117
1123
|
}
|
|
1118
1124
|
|
|
1119
|
-
export { Alert, AppBar, AppBarTitle, AutoComplete, Backdrop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonContext, ButtonGroup, COLOR, Card, CardBody, CardFooter, CardImage, CardSubtitle, CardText, CardTitle, CaretDownSolidIcon, CheckSolidIcon, CheckSquareRegularIcon, Checkbox, ChevronDownSolidIcon, ChevronLeftSolidIcon, ChevronRightSolidIcon, ChevronUpSolidIcon, Chip, CircleSolidIcon, Column, ConditionalWrapper, CssTransition, DATEMODE, DatePicker, DateSelect, DaySelect, Dot, Drawer, EmailValidator, ExpansionPanel, ExpansionPanelContent, ExpansionPanelHeader, FileInput, FileService, FloatingActionButton, Form, FormControl, FormError, FormGroup, FormHint, FormInput, FormLabel, GlobalModal, HomeSolidIcon, HourSelect, HtmlBaseProps, HtmlInputProps, IAlertProps, IAppBarProps, IAppBarTitleProps, IAutoCompleteProps, IBackdropProps, IBadgeProps, IBreadcrumbItemProps, IBreadcrumbProps, IButtonContext, IButtonGroupProps, IButtonProps, ICheckboxProps, IChipProps, IContainerProps, IControls, IDatePickerProps, IDateSelectProps, IDaySelectProps, IDictionary, IDot, IDrawerProps, IExpansionPanelContentProps, IExpansionPanelHeaderProps, IExpansionPanelProps, IFileInputProps, IFileUnparseConfig, IFloatingActionButtonProps, IFormAutoCompleteOptions, IFormControlConfig, IFormControlType, IFormInputError, IFormInputEvent, IFormInputOptions, IFormInputProps, IFormProps, IFormSelectOptions, IFormState, IFormTextAreaOptions, IFormValidatorType, IHourProps, IIconButtonProps, IIconProps, IListItemProps, IListProps, ILoadingIndicatorContainerProps, ILoadingIndicatorService, ILoggerService, IMenuBodyProps, IMenuProps, IMilliSecondProps, IMinuteProps, IModalButton, IModalOptions, IModalProps$1 as IModalProps, IModalService, IMonthProps, INumberSelectProps, IPortalProps, IProgressBarProps, ISecondProps, ISelectOption, ISelectProps, ISidebarItem, ISkeletonAvatarProps, ISkeletonFooterProps, ISkeletonImageProps, ISkeletonTextProps, ISnackbarOptions, ISnackbarProps, ISnackbarService, ISpeedDialActionProps, ISpeedDialIconProps, ISpeedDialProps, IStepProps, IStepperActionsProps, IStepperProps, ITabPanelProps, ITabProps, ITableCellProps, ITableProps, ITabsProps, ITextareaProps, ITimeSelectProps, ITooltipProps, ITreeItemProps, ITypographyProps, IUseWindowSize, IWrapperProps, IYearProps, Icon, IconButton, IsEmptyValidator, IsEqualValidator, Link, List, ListItem, ListItemAction, ListItemAvatar, ListItemIcon, ListItemText, LoadingIndicator, LoadingIndicatorContainer, LogType, MODALBUTTONTYPE, MODALTYPE, MaxValidator, Menu, MenuBody, MenuDivider, MenuItem, MenuPosition, MenuToggle, MilliSecondSelect, MinValidator, MinuteSelect, Modal, ModalBody, ModalFooter, ModalHeader, MonthSelect, Nullable, NumberSelect, POSITION, PlusSolidIcon, Portal, ProgressBar, Row, SIZE, STATUS, SecondSelect, Select, Sidebar, SkeletonAvatar, SkeletonFooter, SkeletonImage, SkeletonText, Snackbar, SpeedDial, SpeedDialAction, SpeedDialIcon, SpinnerSolidIcon, SquareRegularIcon, Step, Stepper, StepperActions, TIMEMODE, Tab, TabPanel, Table, TableBody, TableCell, TableHead, TableRow, Tabs, Textarea, TimeSelect, TimesCircleSolidIcon, TimesSolidIcon, Tooltip, TooltipPlacement, TreeItem, TreeView, Typography, VARIANT, YearSelect, clipboardService, fileService, loadingIndicatorService, localService, loggerService, modalService, snackbarService, useButtonContext, useConstructor, useCssClasses, useDebounce, useHover, useMobileDetect, useOnDestroy, usePrevious, useWindowSize };
|
|
1125
|
+
export { Alert, AppBar, AppBarTitle, AutoComplete, Backdrop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonContext, ButtonGroup, COLOR, Card, CardBody, CardFooter, CardImage, CardSubtitle, CardText, CardTitle, CaretDownSolidIcon, CheckSolidIcon, CheckSquareRegularIcon, Checkbox, ChevronDownSolidIcon, ChevronLeftSolidIcon, ChevronRightSolidIcon, ChevronUpSolidIcon, Chip, CircleSolidIcon, Column, ConditionalWrapper, CssTransition, DATEMODE, DatePicker, DateSelect, DaySelect, Dot, Drawer, EmailValidator, ExpansionPanel, ExpansionPanelContent, ExpansionPanelHeader, FileInput, FileService, FloatingActionButton, Form, FormControl, FormError, FormGroup, FormHint, FormInput, FormLabel, GlobalModal, HomeSolidIcon, HourSelect, HtmlBaseProps, HtmlInputProps, IAlertProps, IAppBarProps, IAppBarTitleProps, IAutoCompleteProps, IBackdropProps, IBadgeProps, IBreadcrumbItemProps, IBreadcrumbProps, IButtonContext, IButtonGroupProps, IButtonProps, ICheckboxProps, IChipProps, IContainerProps, IControls, IDatePickerProps, IDateSelectProps, IDaySelectProps, IDictionary, IDot, IDrawerProps, IExpansionPanelContentProps, IExpansionPanelHeaderProps, IExpansionPanelProps, IFileInputProps, IFileUnparseConfig, IFloatingActionButtonProps, IFormAutoCompleteOptions, IFormControlConfig, IFormControlType, IFormInputError, IFormInputEvent, IFormInputOptions, IFormInputProps, IFormProps, IFormSelectOptions, IFormState, IFormTextAreaOptions, IFormValidatorType, IHourProps, IIconButtonProps, IIconProps, IListItemProps, IListProps, ILoadingIndicatorContainerProps, ILoadingIndicatorService, ILoggerService, IMenuBodyProps, IMenuProps, IMilliSecondProps, IMinuteProps, IModalButton, IModalOptions, IModalProps$1 as IModalProps, IModalService, IMonthProps, INumberSelectProps, IPortalProps, IProgressBarProps, ISecondProps, ISelectOption, ISelectProps, ISidebarItem, ISkeletonAvatarProps, ISkeletonFooterProps, ISkeletonImageProps, ISkeletonTextProps, ISnackbarOptions, ISnackbarProps, ISnackbarService, ISpeedDialActionProps, ISpeedDialIconProps, ISpeedDialProps, IStepProps, IStepperActionsProps, IStepperProps, ITabPanelProps, ITabProps, ITableCellProps, ITableProps, ITabsProps, ITextareaProps, ITimeSelectProps, ITooltipProps, ITreeItemProps, ITypographyProps, IUseWindowSize, IWrapperProps, IYearProps, Icon, IconButton, IsEmptyValidator, IsEqualValidator, Link, List, ListItem, ListItemAction, ListItemAvatar, ListItemAvatarSize, ListItemIcon, ListItemText, LoadingIndicator, LoadingIndicatorContainer, LogType, MODALBUTTONTYPE, MODALTYPE, MaxValidator, Menu, MenuBody, MenuDivider, MenuItem, MenuPosition, MenuToggle, MilliSecondSelect, MinValidator, MinuteSelect, Modal, ModalBody, ModalFooter, ModalHeader, MonthSelect, Nullable, NumberSelect, POSITION, PlusSolidIcon, Portal, ProgressBar, Row, SIZE, STATUS, SecondSelect, Select, Sidebar, SkeletonAvatar, SkeletonFooter, SkeletonImage, SkeletonText, Snackbar, SpeedDial, SpeedDialAction, SpeedDialIcon, SpinnerSolidIcon, SquareRegularIcon, Step, Stepper, StepperActions, TIMEMODE, Tab, TabPanel, Table, TableBody, TableCell, TableHead, TableRow, Tabs, Textarea, TimeSelect, TimesCircleSolidIcon, TimesSolidIcon, Tooltip, TooltipPlacement, TreeItem, TreeView, Typography, VARIANT, YearSelect, clipboardService, fileService, loadingIndicatorService, localService, loggerService, modalService, snackbarService, useButtonContext, useConstructor, useCssClasses, useDebounce, useHover, useMobileDetect, useOnDestroy, usePrevious, useWindowSize };
|
package/index.es.js
CHANGED
|
@@ -445,11 +445,25 @@ const ListItem = (props) => {
|
|
|
445
445
|
return (jsx("li", { onClick: handleClick, className: getCssClasses(), ...rest, children: children }));
|
|
446
446
|
};
|
|
447
447
|
|
|
448
|
-
var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n display: flex;\n align-items: center;\n margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg
|
|
449
|
-
var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
|
|
448
|
+
var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n display: flex;\n align-items: center;\n margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_sm__-lmR- svg,\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_sm__-lmR- img {\n width: 24px;\n height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_md__SqRJi svg,\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_md__SqRJi img {\n width: 32px;\n height: 32px;\n}\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_lg__Z6LxN svg,\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_lg__Z6LxN img {\n width: 40px;\n height: 40px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n border-radius: 50%;\n}";
|
|
449
|
+
var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR","sm":"ListItemAvatar-module_sm__-lmR-","md":"ListItemAvatar-module_md__SqRJi","lg":"ListItemAvatar-module_lg__Z6LxN"};
|
|
450
450
|
styleInject(css_248z$Z);
|
|
451
451
|
|
|
452
|
-
|
|
452
|
+
var ListItemAvatarSize;
|
|
453
|
+
(function (ListItemAvatarSize) {
|
|
454
|
+
ListItemAvatarSize["sm"] = "sm";
|
|
455
|
+
ListItemAvatarSize["md"] = "md";
|
|
456
|
+
ListItemAvatarSize["lg"] = "lg";
|
|
457
|
+
})(ListItemAvatarSize || (ListItemAvatarSize = {}));
|
|
458
|
+
const ListItemAvatar = ({ avatar, avatarSize = ListItemAvatarSize.sm, ...rest }) => {
|
|
459
|
+
const getCssClasses = () => {
|
|
460
|
+
const cssClasses = [];
|
|
461
|
+
cssClasses.push(styles$Z.avatar);
|
|
462
|
+
cssClasses.push(styles$Z[avatarSize]);
|
|
463
|
+
return cssClasses.filter(css => css).join(' ');
|
|
464
|
+
};
|
|
465
|
+
return (jsx("div", { className: getCssClasses(), ...rest, children: avatar }));
|
|
466
|
+
};
|
|
453
467
|
|
|
454
468
|
var css_248z$Y = ".ListItemIcon-module_icon__cCvEv {\n margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n width: 24px;\n height: 24px;\n}";
|
|
455
469
|
var styles$Y = {"icon":"ListItemIcon-module_icon__cCvEv"};
|
|
@@ -461,7 +475,17 @@ var css_248z$X = ".ListItemAction-module_listItemAction__gAQRj {\n display: fle
|
|
|
461
475
|
var styles$X = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
|
|
462
476
|
styleInject(css_248z$X);
|
|
463
477
|
|
|
464
|
-
const ListItemAction = ({ children, onClick, ...rest }) =>
|
|
478
|
+
const ListItemAction = ({ children, onClick, ...rest }) => {
|
|
479
|
+
const getCssClasses = () => {
|
|
480
|
+
const cssClasses = [];
|
|
481
|
+
cssClasses.push(styles$X.listItemAction);
|
|
482
|
+
return cssClasses.filter(css => css).join(' ');
|
|
483
|
+
};
|
|
484
|
+
const handleClick = (e) => {
|
|
485
|
+
onClick && onClick(e);
|
|
486
|
+
};
|
|
487
|
+
return (jsx("div", { className: getCssClasses(), onClick: handleClick, ...rest, children: children }));
|
|
488
|
+
};
|
|
465
489
|
|
|
466
490
|
var css_248z$W = ".ListItemTextIcon-module_listItemText__xCBLW {\n flex: 1;\n}";
|
|
467
491
|
var styles$W = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
|
|
@@ -5407,9 +5431,7 @@ const FormLabel = ({ children, className, htmlFor, ...rest }) => {
|
|
|
5407
5431
|
return (jsx("label", { htmlFor: htmlFor, className: getCssClasses(), ...rest, children: children }));
|
|
5408
5432
|
};
|
|
5409
5433
|
|
|
5410
|
-
const IsEmptyValidator = (value) => value?.trim() === ''
|
|
5411
|
-
|| value === null
|
|
5412
|
-
|| value === undefined;
|
|
5434
|
+
const IsEmptyValidator = (value) => value?.toString().trim() === '' || value === null || value === undefined;
|
|
5413
5435
|
|
|
5414
5436
|
const EmailValidator = (value) => {
|
|
5415
5437
|
const isInvalidEmailFormat = value.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i) === null;
|
|
@@ -7308,4 +7330,4 @@ String.prototype.capitalize = function () {
|
|
|
7308
7330
|
return this.charAt(0).toUpperCase() + this.slice(1);
|
|
7309
7331
|
};
|
|
7310
7332
|
|
|
7311
|
-
export { Alert, AppBar, AppBarTitle, AutoComplete, Backdrop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonContext, ButtonGroup, COLOR, Card, CardBody, CardFooter, CardImage, CardSubtitle, CardText, CardTitle, CaretDownSolidIcon, CheckSolidIcon, CheckSquareRegularIcon, Checkbox, ChevronDownSolidIcon, ChevronLeftSolidIcon, ChevronRightSolidIcon, ChevronUpSolidIcon, Chip, CircleSolidIcon, Column, ConditionalWrapper, CssTransition, DATEMODE, DatePicker, DateSelect, DaySelect, Dot, Drawer, EmailValidator, ExpansionPanel, ExpansionPanelContent, ExpansionPanelHeader, FileInput, FileService, FloatingActionButton, Form, FormControl, FormError, FormGroup, FormHint, FormInput, FormLabel, GlobalModal, HomeSolidIcon, HourSelect, Icon, IconButton, IsEmptyValidator, IsEqualValidator, Link, List, ListItem, ListItemAction, ListItemAvatar, ListItemIcon, ListItemText, LoadingIndicator, LoadingIndicatorContainer, LogType, MODALBUTTONTYPE, MODALTYPE, MaxValidator, Menu, MenuBody, MenuDivider, MenuItem, MenuToggle, MilliSecondSelect, MinValidator, MinuteSelect, Modal, ModalBody, ModalFooter, ModalHeader, MonthSelect, NumberSelect, POSITION, PlusSolidIcon, Portal$1 as Portal, ProgressBar, Row, SIZE, STATUS, SecondSelect, Select, Sidebar, SkeletonAvatar, SkeletonFooter, SkeletonImage, SkeletonText, Snackbar, SpeedDial, SpeedDialAction, SpeedDialIcon, SpinnerSolidIcon, SquareRegularIcon, Step, Stepper, StepperActions, TIMEMODE, Tab, TabPanel, Table, TableBody, TableCell, TableHead, TableRow, Tabs, Textarea, TimeSelect, TimesCircleSolidIcon, TimesSolidIcon, Tooltip, TooltipPlacement, TreeItem, TreeView, Typography, VARIANT, YearSelect, clipboardService, fileService, loadingIndicatorService, localService, loggerService, modalService, snackbarService, useButtonContext, useConstructor, useCssClasses, useDebounce, useHover, useMobileDetect, useOnDestroy, usePrevious, useWindowSize };
|
|
7333
|
+
export { Alert, AppBar, AppBarTitle, AutoComplete, Backdrop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonContext, ButtonGroup, COLOR, Card, CardBody, CardFooter, CardImage, CardSubtitle, CardText, CardTitle, CaretDownSolidIcon, CheckSolidIcon, CheckSquareRegularIcon, Checkbox, ChevronDownSolidIcon, ChevronLeftSolidIcon, ChevronRightSolidIcon, ChevronUpSolidIcon, Chip, CircleSolidIcon, Column, ConditionalWrapper, CssTransition, DATEMODE, DatePicker, DateSelect, DaySelect, Dot, Drawer, EmailValidator, ExpansionPanel, ExpansionPanelContent, ExpansionPanelHeader, FileInput, FileService, FloatingActionButton, Form, FormControl, FormError, FormGroup, FormHint, FormInput, FormLabel, GlobalModal, HomeSolidIcon, HourSelect, Icon, IconButton, IsEmptyValidator, IsEqualValidator, Link, List, ListItem, ListItemAction, ListItemAvatar, ListItemAvatarSize, ListItemIcon, ListItemText, LoadingIndicator, LoadingIndicatorContainer, LogType, MODALBUTTONTYPE, MODALTYPE, MaxValidator, Menu, MenuBody, MenuDivider, MenuItem, MenuToggle, MilliSecondSelect, MinValidator, MinuteSelect, Modal, ModalBody, ModalFooter, ModalHeader, MonthSelect, NumberSelect, POSITION, PlusSolidIcon, Portal$1 as Portal, ProgressBar, Row, SIZE, STATUS, SecondSelect, Select, Sidebar, SkeletonAvatar, SkeletonFooter, SkeletonImage, SkeletonText, Snackbar, SpeedDial, SpeedDialAction, SpeedDialIcon, SpinnerSolidIcon, SquareRegularIcon, Step, Stepper, StepperActions, TIMEMODE, Tab, TabPanel, Table, TableBody, TableCell, TableHead, TableRow, Tabs, Textarea, TimeSelect, TimesCircleSolidIcon, TimesSolidIcon, Tooltip, TooltipPlacement, TreeItem, TreeView, Typography, VARIANT, YearSelect, clipboardService, fileService, loadingIndicatorService, localService, loggerService, modalService, snackbarService, useButtonContext, useConstructor, useCssClasses, useDebounce, useHover, useMobileDetect, useOnDestroy, usePrevious, useWindowSize };
|
package/index.js
CHANGED
|
@@ -447,11 +447,25 @@ const ListItem = (props) => {
|
|
|
447
447
|
return (jsxRuntime.jsx("li", { onClick: handleClick, className: getCssClasses(), ...rest, children: children }));
|
|
448
448
|
};
|
|
449
449
|
|
|
450
|
-
var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n display: flex;\n align-items: center;\n margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg
|
|
451
|
-
var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
|
|
450
|
+
var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n display: flex;\n align-items: center;\n margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_sm__-lmR- svg,\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_sm__-lmR- img {\n width: 24px;\n height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_md__SqRJi svg,\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_md__SqRJi img {\n width: 32px;\n height: 32px;\n}\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_lg__Z6LxN svg,\n.ListItemAvatar-module_avatar__sVWfR.ListItemAvatar-module_lg__Z6LxN img {\n width: 40px;\n height: 40px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n border-radius: 50%;\n}";
|
|
451
|
+
var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR","sm":"ListItemAvatar-module_sm__-lmR-","md":"ListItemAvatar-module_md__SqRJi","lg":"ListItemAvatar-module_lg__Z6LxN"};
|
|
452
452
|
styleInject(css_248z$Z);
|
|
453
453
|
|
|
454
|
-
|
|
454
|
+
exports.ListItemAvatarSize = void 0;
|
|
455
|
+
(function (ListItemAvatarSize) {
|
|
456
|
+
ListItemAvatarSize["sm"] = "sm";
|
|
457
|
+
ListItemAvatarSize["md"] = "md";
|
|
458
|
+
ListItemAvatarSize["lg"] = "lg";
|
|
459
|
+
})(exports.ListItemAvatarSize || (exports.ListItemAvatarSize = {}));
|
|
460
|
+
const ListItemAvatar = ({ avatar, avatarSize = exports.ListItemAvatarSize.sm, ...rest }) => {
|
|
461
|
+
const getCssClasses = () => {
|
|
462
|
+
const cssClasses = [];
|
|
463
|
+
cssClasses.push(styles$Z.avatar);
|
|
464
|
+
cssClasses.push(styles$Z[avatarSize]);
|
|
465
|
+
return cssClasses.filter(css => css).join(' ');
|
|
466
|
+
};
|
|
467
|
+
return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: avatar }));
|
|
468
|
+
};
|
|
455
469
|
|
|
456
470
|
var css_248z$Y = ".ListItemIcon-module_icon__cCvEv {\n margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n width: 24px;\n height: 24px;\n}";
|
|
457
471
|
var styles$Y = {"icon":"ListItemIcon-module_icon__cCvEv"};
|
|
@@ -463,7 +477,17 @@ var css_248z$X = ".ListItemAction-module_listItemAction__gAQRj {\n display: fle
|
|
|
463
477
|
var styles$X = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
|
|
464
478
|
styleInject(css_248z$X);
|
|
465
479
|
|
|
466
|
-
const ListItemAction = ({ children, onClick, ...rest }) =>
|
|
480
|
+
const ListItemAction = ({ children, onClick, ...rest }) => {
|
|
481
|
+
const getCssClasses = () => {
|
|
482
|
+
const cssClasses = [];
|
|
483
|
+
cssClasses.push(styles$X.listItemAction);
|
|
484
|
+
return cssClasses.filter(css => css).join(' ');
|
|
485
|
+
};
|
|
486
|
+
const handleClick = (e) => {
|
|
487
|
+
onClick && onClick(e);
|
|
488
|
+
};
|
|
489
|
+
return (jsxRuntime.jsx("div", { className: getCssClasses(), onClick: handleClick, ...rest, children: children }));
|
|
490
|
+
};
|
|
467
491
|
|
|
468
492
|
var css_248z$W = ".ListItemTextIcon-module_listItemText__xCBLW {\n flex: 1;\n}";
|
|
469
493
|
var styles$W = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
|
|
@@ -5409,9 +5433,7 @@ const FormLabel = ({ children, className, htmlFor, ...rest }) => {
|
|
|
5409
5433
|
return (jsxRuntime.jsx("label", { htmlFor: htmlFor, className: getCssClasses(), ...rest, children: children }));
|
|
5410
5434
|
};
|
|
5411
5435
|
|
|
5412
|
-
const IsEmptyValidator = (value) => value?.trim() === ''
|
|
5413
|
-
|| value === null
|
|
5414
|
-
|| value === undefined;
|
|
5436
|
+
const IsEmptyValidator = (value) => value?.toString().trim() === '' || value === null || value === undefined;
|
|
5415
5437
|
|
|
5416
5438
|
const EmailValidator = (value) => {
|
|
5417
5439
|
const isInvalidEmailFormat = value.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i) === null;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface IListItemAvatarProps extends React.ComponentProps<'div'> {
|
|
3
3
|
avatar: React.ReactNode;
|
|
4
|
+
avatarSize?: ListItemAvatarSize;
|
|
4
5
|
}
|
|
5
|
-
export declare
|
|
6
|
+
export declare enum ListItemAvatarSize {
|
|
7
|
+
sm = "sm",
|
|
8
|
+
md = "md",
|
|
9
|
+
lg = "lg"
|
|
10
|
+
}
|
|
11
|
+
export declare const ListItemAvatar: ({ avatar, avatarSize, ...rest }: IListItemAvatarProps) => JSX.Element;
|
|
6
12
|
export {};
|