@mezzanine-ui/react 1.0.0-beta.5 → 1.0.0-beta.7
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/Accordion/Accordion.d.ts +23 -1
- package/Accordion/Accordion.js +59 -11
- package/Accordion/AccordionActions.d.ts +13 -0
- package/Accordion/AccordionActions.js +24 -0
- package/Accordion/AccordionContent.d.ts +9 -0
- package/Accordion/{AccordionDetails.js → AccordionContent.js} +4 -6
- package/Accordion/AccordionControlContext.d.ts +2 -2
- package/Accordion/AccordionGroup.d.ts +10 -0
- package/Accordion/AccordionGroup.js +26 -0
- package/Accordion/AccordionTitle.d.ts +14 -0
- package/Accordion/AccordionTitle.js +56 -0
- package/Accordion/index.d.ts +8 -4
- package/Accordion/index.js +4 -2
- package/AutoComplete/AutoComplete.d.ts +25 -6
- package/AutoComplete/AutoComplete.js +119 -30
- package/Backdrop/Backdrop.js +15 -19
- package/Breadcrumb/BreadcrumbDropdown.js +1 -1
- package/Breadcrumb/BreadcrumbItem.js +1 -1
- package/Breadcrumb/BreadcrumbOverflowMenuItem.js +1 -1
- package/Calendar/CalendarDays.js +1 -1
- package/Card/BaseCard.d.ts +11 -0
- package/Card/BaseCard.js +48 -0
- package/Card/BaseCardSkeleton.d.ts +14 -0
- package/Card/BaseCardSkeleton.js +18 -0
- package/Card/CardGroup.d.ts +47 -0
- package/Card/CardGroup.js +147 -0
- package/Card/FourThumbnailCard.d.ts +14 -0
- package/Card/FourThumbnailCard.js +73 -0
- package/Card/FourThumbnailCardSkeleton.d.ts +14 -0
- package/Card/FourThumbnailCardSkeleton.js +20 -0
- package/Card/QuickActionCard.d.ts +12 -0
- package/Card/QuickActionCard.js +23 -0
- package/Card/QuickActionCardSkeleton.d.ts +14 -0
- package/Card/QuickActionCardSkeleton.js +18 -0
- package/Card/SingleThumbnailCard.d.ts +13 -0
- package/Card/SingleThumbnailCard.js +44 -0
- package/Card/SingleThumbnailCardSkeleton.d.ts +19 -0
- package/Card/SingleThumbnailCardSkeleton.js +18 -0
- package/Card/Thumbnail.d.ts +12 -0
- package/Card/Thumbnail.js +18 -0
- package/Card/ThumbnailCardInfo.d.ts +34 -0
- package/Card/ThumbnailCardInfo.js +43 -0
- package/Card/index.d.ts +43 -4
- package/Card/index.js +19 -2
- package/Card/typings.d.ts +442 -0
- package/Checkbox/Checkbox.d.ts +8 -0
- package/Checkbox/Checkbox.js +3 -2
- package/Checkbox/CheckboxGroup.js +1 -1
- package/ContentHeader/ContentHeader.d.ts +22 -70
- package/ContentHeader/ContentHeader.js +1 -1
- package/ContentHeader/ContentHeaderResponsive.d.ts +9 -0
- package/ContentHeader/ContentHeaderResponsive.js +7 -0
- package/ContentHeader/utils.d.ts +3 -3
- package/ContentHeader/utils.js +66 -20
- package/Cropper/Cropper.d.ts +66 -0
- package/Cropper/Cropper.js +115 -0
- package/Cropper/CropperElement.d.ts +10 -0
- package/Cropper/CropperElement.js +892 -0
- package/Cropper/index.d.ts +18 -0
- package/Cropper/index.js +8 -0
- package/Cropper/tools.d.ts +90 -0
- package/Cropper/tools.js +143 -0
- package/Cropper/typings.d.ts +69 -0
- package/Cropper/utils/cropper-calculations.d.ts +39 -0
- package/Cropper/utils/cropper-calculations.js +95 -0
- package/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.js +22 -5
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +34 -0
- package/DateTimeRangePicker/DateTimeRangePicker.js +118 -0
- package/DateTimeRangePicker/index.d.ts +2 -0
- package/DateTimeRangePicker/index.js +1 -0
- package/Drawer/Drawer.d.ts +132 -1
- package/Drawer/Drawer.js +47 -3
- package/Dropdown/Dropdown.d.ts +10 -4
- package/Dropdown/Dropdown.js +37 -42
- package/Dropdown/DropdownItem.d.ts +7 -1
- package/Dropdown/DropdownItem.js +36 -6
- package/Dropdown/DropdownItemCard.js +2 -1
- package/FloatingButton/FloatingButton.d.ts +21 -0
- package/FloatingButton/FloatingButton.js +18 -0
- package/FloatingButton/index.d.ts +2 -0
- package/FloatingButton/index.js +1 -0
- package/Form/FormField.d.ts +30 -7
- package/Form/FormField.js +12 -4
- package/Input/Input.js +12 -21
- package/Input/SelectButton/SelectButton.d.ts +25 -4
- package/Input/SelectButton/SelectButton.js +21 -9
- package/Message/Message.js +1 -1
- package/Modal/MediaPreviewModal.d.ts +11 -0
- package/Modal/MediaPreviewModal.js +24 -7
- package/Modal/Modal.d.ts +1 -1
- package/Modal/Modal.js +1 -1
- package/Modal/useModalContainer.js +6 -2
- package/MultipleDatePicker/MultipleDatePicker.d.ts +62 -0
- package/MultipleDatePicker/MultipleDatePicker.js +176 -0
- package/MultipleDatePicker/MultipleDatePickerTrigger.d.ts +56 -0
- package/MultipleDatePicker/MultipleDatePickerTrigger.js +92 -0
- package/MultipleDatePicker/index.d.ts +6 -0
- package/MultipleDatePicker/index.js +3 -0
- package/MultipleDatePicker/useMultipleDatePickerValue.d.ts +55 -0
- package/MultipleDatePicker/useMultipleDatePickerValue.js +68 -0
- package/Navigation/NavigationHeader.js +1 -1
- package/NotificationCenter/NotificationCenterDrawer.d.ts +10 -52
- package/NotificationCenter/NotificationCenterDrawer.js +128 -0
- package/NotificationCenter/index.d.ts +2 -0
- package/NotificationCenter/index.js +1 -0
- package/OverflowTooltip/index.d.ts +2 -2
- package/Picker/FormattedInput.d.ts +1 -1
- package/Picker/FormattedInput.js +2 -1
- package/Picker/PickerTriggerWithSeparator.d.ts +10 -0
- package/Picker/PickerTriggerWithSeparator.js +2 -2
- package/Picker/RangePickerTrigger.js +1 -1
- package/Picker/useDateInputFormatter.d.ts +6 -0
- package/Picker/useDateInputFormatter.js +4 -1
- package/Section/Section.d.ts +32 -0
- package/Section/Section.js +62 -0
- package/Section/index.d.ts +2 -0
- package/Select/Select.d.ts +11 -12
- package/Select/Select.js +13 -34
- package/Select/SelectTrigger.js +21 -7
- package/Select/index.d.ts +0 -4
- package/Select/index.js +0 -2
- package/Select/typings.d.ts +0 -4
- package/Select/useSelectTriggerTags.d.ts +1 -1
- package/Select/useSelectTriggerTags.js +9 -6
- package/Separator/Separator.d.ts +14 -0
- package/Separator/Separator.js +17 -0
- package/Separator/index.d.ts +2 -0
- package/Separator/index.js +1 -0
- package/Table/utils/useTableRowSelection.js +6 -0
- package/Tag/TagGroup.d.ts +4 -2
- package/Tag/TagGroup.js +7 -4
- package/TextField/TextField.d.ts +1 -1
- package/TextField/TextField.js +63 -9
- package/TimePanel/TimePanelColumn.js +30 -21
- package/TimeRangePicker/TimeRangePicker.d.ts +29 -0
- package/TimeRangePicker/TimeRangePicker.js +96 -0
- package/TimeRangePicker/index.d.ts +3 -0
- package/TimeRangePicker/index.js +2 -0
- package/TimeRangePicker/useTimeRangePickerValue.d.ts +30 -0
- package/TimeRangePicker/useTimeRangePickerValue.js +92 -0
- package/Transition/Rotate.js +2 -5
- package/index.d.ts +30 -28
- package/index.js +26 -27
- package/package.json +4 -4
- package/Accordion/AccordionDetails.d.ts +0 -9
- package/Accordion/AccordionSummary.d.ts +0 -18
- package/Accordion/AccordionSummary.js +0 -51
- package/Alert/Alert.d.ts +0 -20
- package/Alert/Alert.js +0 -18
- package/Alert/index.d.ts +0 -3
- package/Alert/index.js +0 -1
- package/AppBar/AppBar.d.ts +0 -14
- package/AppBar/AppBar.js +0 -33
- package/AppBar/AppBarBrand.d.ts +0 -4
- package/AppBar/AppBarBrand.js +0 -11
- package/AppBar/AppBarMain.d.ts +0 -4
- package/AppBar/AppBarMain.js +0 -11
- package/AppBar/AppBarSupport.d.ts +0 -4
- package/AppBar/AppBarSupport.js +0 -11
- package/AppBar/index.d.ts +0 -8
- package/AppBar/index.js +0 -4
- package/Card/Card.d.ts +0 -51
- package/Card/Card.js +0 -20
- package/Card/CardActions.d.ts +0 -34
- package/Card/CardActions.js +0 -15
- package/ConfirmActions/ConfirmActions.d.ts +0 -46
- package/ConfirmActions/ConfirmActions.js +0 -15
- package/ConfirmActions/index.d.ts +0 -2
- package/ConfirmActions/index.js +0 -1
- package/Popconfirm/Popconfirm.d.ts +0 -16
- package/Popconfirm/Popconfirm.js +0 -15
- package/Popconfirm/index.d.ts +0 -2
- package/Popconfirm/index.js +0 -1
- package/Popover/Popover.d.ts +0 -23
- package/Popover/Popover.js +0 -35
- package/Popover/index.d.ts +0 -2
- package/Popover/index.js +0 -1
- package/Select/Option.d.ts +0 -18
- package/Select/Option.js +0 -45
- package/Select/TreeSelect.d.ts +0 -67
- package/Select/TreeSelect.js +0 -198
- package/Tree/Tree.d.ts +0 -70
- package/Tree/Tree.js +0 -139
- package/Tree/TreeNode.d.ts +0 -40
- package/Tree/TreeNode.js +0 -50
- package/Tree/TreeNodeList.d.ts +0 -24
- package/Tree/TreeNodeList.js +0 -28
- package/Tree/getTreeNodeEntities.d.ts +0 -11
- package/Tree/getTreeNodeEntities.js +0 -92
- package/Tree/index.d.ts +0 -13
- package/Tree/index.js +0 -7
- package/Tree/toggleValue.d.ts +0 -4
- package/Tree/toggleValue.js +0 -19
- package/Tree/traverseTree.d.ts +0 -2
- package/Tree/traverseTree.js +0 -11
- package/Tree/typings.d.ts +0 -16
- package/Tree/useTreeExpandedValue.d.ts +0 -14
- package/Tree/useTreeExpandedValue.js +0 -33
package/index.d.ts
CHANGED
|
@@ -37,15 +37,17 @@ export * from './Form/useSwitchControlValue';
|
|
|
37
37
|
*/
|
|
38
38
|
export { default as Button, ButtonGroup } from './Button';
|
|
39
39
|
export type { ButtonComponent, ButtonGroupChild, ButtonGroupOrientation, ButtonGroupProps, ButtonProps, ButtonPropsBase, ButtonSize, ButtonVariant, } from './Button';
|
|
40
|
+
export { default as Cropper } from './Cropper';
|
|
41
|
+
export type { CropperComponent, CropperProps, CropperPropsBase, CropperSize, } from './Cropper';
|
|
40
42
|
export { default as Icon } from './Icon';
|
|
41
43
|
export type { IconColor, IconProps } from './Icon';
|
|
44
|
+
export { default as Separator } from './Separator';
|
|
45
|
+
export type { SeparatorProps } from './Separator';
|
|
42
46
|
export { default as Typography } from './Typography';
|
|
43
47
|
export type { TypographyAlign, TypographyColor, TypographyComponent, TypographyDisplay, TypographyProps, TypographySemanticType, } from './Typography';
|
|
44
48
|
/**
|
|
45
49
|
* Navigation
|
|
46
50
|
*/
|
|
47
|
-
export { default as AppBar, AppBarBrand, AppBarMain, AppBarSupport, } from './AppBar';
|
|
48
|
-
export type { AppBarBrandProps, AppBarChild, AppBarChildren, AppBarMainProps, AppBarSupportProps, } from './AppBar';
|
|
49
51
|
export { default as Breadcrumb } from './Breadcrumb';
|
|
50
52
|
export type { BreadcrumbItemProps, BreadcrumbProps } from './Breadcrumb';
|
|
51
53
|
export { default as Drawer } from './Drawer';
|
|
@@ -59,18 +61,18 @@ export type { PageFooterProps } from './PageFooter';
|
|
|
59
61
|
export { default as PageHeader } from './PageHeader';
|
|
60
62
|
export type { PageHeaderProps } from './PageHeader';
|
|
61
63
|
export { Step, default as Stepper, useStepper } from './Stepper';
|
|
62
|
-
export type {
|
|
64
|
+
export type { StepProps, StepperProps } from './Stepper';
|
|
63
65
|
export { default as Tab, TabItem } from './Tab';
|
|
64
66
|
export type { TabItemProps, TabProps, TabsChild } from './Tab';
|
|
65
67
|
/**
|
|
66
68
|
* Data Display
|
|
67
69
|
*/
|
|
68
|
-
export { default as Accordion,
|
|
69
|
-
export type {
|
|
70
|
+
export { default as Accordion, AccordionActions, AccordionContent, AccordionGroup, AccordionTitle, } from './Accordion';
|
|
71
|
+
export type { AccordionActionsProps, AccordionContentProps, AccordionGroupProps, AccordionProps, AccordionTitleProps, } from './Accordion';
|
|
70
72
|
export { default as Badge, BadgeContainer } from './Badge';
|
|
71
73
|
export type { BadgeProps } from './Badge';
|
|
72
|
-
export {
|
|
73
|
-
export type {
|
|
74
|
+
export { BaseCardGeneric as BaseCard, BaseCardSkeleton, CardGroup, FourThumbnailCardGeneric as FourThumbnailCard, FourThumbnailCardSkeleton, QuickActionCardGeneric as QuickActionCard, QuickActionCardSkeleton, SingleThumbnailCardGeneric as SingleThumbnailCard, SingleThumbnailCardSkeleton, ThumbnailGeneric as Thumbnail, } from './Card';
|
|
75
|
+
export type { BaseCardActionProps, BaseCardActionVariant, BaseCardComponent, BaseCardComponentProps, BaseCardDefaultProps, BaseCardOverflowProps, BaseCardProps, BaseCardPropsCommon, BaseCardSkeletonProps, BaseCardToggleProps, BaseCardType, CardGroupLoadingType, CardGroupProps, FourThumbnailCardActionProps, FourThumbnailCardComponent, FourThumbnailCardComponentProps, FourThumbnailCardDefaultProps, FourThumbnailCardOverflowProps, FourThumbnailCardProps, FourThumbnailCardPropsCommon, FourThumbnailCardSkeletonProps, FourThumbnailCardType, QuickActionCardComponent, QuickActionCardComponentProps, QuickActionCardMode, QuickActionCardProps, QuickActionCardPropsCommon, QuickActionCardSkeletonProps, QuickActionCardWithIconProps, QuickActionCardWithTitleProps, SingleThumbnailCardActionProps, SingleThumbnailCardComponent, SingleThumbnailCardComponentProps, SingleThumbnailCardDefaultProps, SingleThumbnailCardOverflowProps, SingleThumbnailCardProps, SingleThumbnailCardPropsCommon, SingleThumbnailCardSkeletonProps, SingleThumbnailCardType, ThumbnailCardInfoProps, ThumbnailComponent, ThumbnailComponentProps, ThumbnailPropsBase, } from './Card';
|
|
74
76
|
export { Description, DescriptionContent, DescriptionGroup, DescriptionTitle, } from './Description';
|
|
75
77
|
export type { DescriptionContentProps, DescriptionGroupProps, DescriptionProps, DescriptionTitleProps, } from './Description';
|
|
76
78
|
export { default as Empty } from './Empty';
|
|
@@ -79,13 +81,13 @@ export { OverflowCounterTag } from './OverflowTooltip';
|
|
|
79
81
|
export type { OverflowCounterTagProps } from './OverflowTooltip';
|
|
80
82
|
export { default as Pagination, PaginationItem, PaginationJumper, PaginationPageSize, usePagination, } from './Pagination';
|
|
81
83
|
export type { PaginationItemProps, PaginationItemType, PaginationJumperProps, PaginationPageSizeProps, PaginationProps, } from './Pagination';
|
|
82
|
-
export {
|
|
84
|
+
export { default as Section } from './Section';
|
|
85
|
+
export type { SectionProps } from './Section';
|
|
86
|
+
export { default as Table, TableContext, TableDataContext, TableSuperContext, getCellAlignClass, getRowKey, useTableContext, useTableDataContext, useTableDataSource, useTableRowSelection, useTableSuperContext, type ColumnAlign, type FixedType, type HighlightMode, type SortOrder, type TableActionItem, type TableActions, type TableActionsBase, type TableActionsWithMinWidth, type TableBaseProps, type TableBulkActions, type TableBulkGeneralAction, type TableBulkOverflowAction, type TableCollectable, type TableColumn, type TableColumnBase, type TableColumnBaseWithMinWidthRequired, type TableColumnTitleMenu, type TableColumnWithDataIndex, type TableColumnWithDataIndexAndMinWidth, type TableColumnWithMinWidth, type TableColumnWithRender, type TableColumnWithRenderAndMinWidth, type TableContextValue, type TableDataContextValue, type TableDataSource, type TableDataSourceWithId, type TableDataSourceWithKey, type TableDraggable, type TableDraggableOnlyProps, type TableExpandable, type TableExpansionState, type TableNoDragOrPinProps, type TableNonResizableProps, type TableNonVirtualizedProps, type TablePinnableOnlyProps, type TableProps, type TableRecord, type TableResizableProps, type TableResizedColumnState, type TableRowSelection, type TableRowSelectionBase, type TableRowSelectionCheckbox, type TableRowSelectionRadio, type TableScroll, type TableSelectionMode, type TableSelectionState, type TableSize, type TableSortingState, type TableToggleable, type TableTransitionState, type TableVirtualizedProps, type UpdateDataSourceOptions, type UseTableDataSourceOptions, } from './Table';
|
|
83
87
|
export { default as Tag, TagGroup } from './Tag';
|
|
84
88
|
export type { TagGroupProps, TagProps, TagSize } from './Tag';
|
|
85
89
|
export { default as Tooltip } from './Tooltip';
|
|
86
90
|
export type { TooltipProps } from './Tooltip';
|
|
87
|
-
export { getTreeNodeEntities, toggleValue, toggleValueWithStatusControl, traverseTree, default as Tree, TreeNode, TreeNodeList, uniqueArray, useTreeExpandedValue, } from './Tree';
|
|
88
|
-
export type { GetTreeNodeEntitiesProps, TreeExpandControl, TreeNodeData, TreeNodeElementProps, TreeNodeEntities, TreeNodeEntity, TreeNodeListElementProps, TreeNodeListProps, TreeNodeProp, TreeNodeProps, TreeNodeRefs, TreeNodeRefsShape, TreeProps, UseTreeExpandedValueProps, } from './Tree';
|
|
89
91
|
/**
|
|
90
92
|
* Data Entry
|
|
91
93
|
*/
|
|
@@ -99,18 +101,22 @@ export { default as DateRangePicker, DateRangePickerCalendar, useDateRangeCalend
|
|
|
99
101
|
export type { DateRangePickerCalendarProps, DateRangePickerProps, UseDateRangePickerValueProps, } from './DateRangePicker';
|
|
100
102
|
export { default as DateTimePicker } from './DateTimePicker';
|
|
101
103
|
export type { DateTimePickerProps } from './DateTimePicker';
|
|
102
|
-
export {
|
|
103
|
-
export {
|
|
104
|
+
export { DateTimeRangePicker } from './DateTimeRangePicker';
|
|
105
|
+
export type { DateTimeRangePickerProps, DateTimeRangePickerValue, } from './DateTimeRangePicker';
|
|
106
|
+
export { Filter, FilterArea, FilterLine } from './FilterArea';
|
|
104
107
|
export type { FilterAreaProps, FilterLineProps, FilterProps, } from './FilterArea';
|
|
108
|
+
export { FormControlContext, FormField, FormHintText, FormLabel } from './Form';
|
|
105
109
|
export type { FormControl, FormFieldProps, FormHintTextProps, FormLabelProps, } from './Form';
|
|
106
110
|
export { default as Input } from './Input';
|
|
107
|
-
export type { ActionInputProps, BaseInputProps, ClearableInput, InputBaseProps, InputProps, InputSize, InputStrength, NumberInput, NumberInputProps, PasswordInputProps, SearchInputProps, SelectInputProps,
|
|
111
|
+
export type { ActionInputProps, BaseInputProps, ClearableInput, CurrencyInputProps, InputBaseProps, InputProps, InputSize, InputStrength, NumberInput, NumberInputProps, PasswordInputProps, SearchInputProps, SelectInputProps, WithAffixInputProps, WithPasswordStrengthIndicator, } from './Input';
|
|
112
|
+
export { default as MultipleDatePicker, MultipleDatePickerTrigger, useMultipleDatePickerValue, } from './MultipleDatePicker';
|
|
113
|
+
export type { MultipleDatePickerDateValue, MultipleDatePickerProps, MultipleDatePickerTriggerProps, UseMultipleDatePickerValueProps, UseMultipleDatePickerValueReturn, } from './MultipleDatePicker';
|
|
108
114
|
export { PickerTrigger, RangePickerTrigger, usePickerDocumentEventClose, usePickerValue, useTabKeyClose, } from './Picker';
|
|
109
115
|
export type { PickerTriggerProps, RangePickerTriggerProps, UsePickerDocumentEventCloseProps, UsePickerValueProps, } from './Picker';
|
|
110
116
|
export { default as Radio, RadioGroup } from './Radio';
|
|
111
117
|
export type { RadioGroupOrientation, RadioGroupProps, RadioProps, RadioSize, } from './Radio';
|
|
112
|
-
export {
|
|
113
|
-
export type { OptionGroupProps,
|
|
118
|
+
export { OptionGroup, default as Select, SelectControlContext, SelectTrigger, SelectTriggerTags, } from './Select';
|
|
119
|
+
export type { OptionGroupProps, SelectControl, SelectProps, SelectTriggerInputProps, SelectTriggerProps, SelectTriggerTagsProps, SelectValue, } from './Select';
|
|
114
120
|
export { default as Selection } from './Selection';
|
|
115
121
|
export type { SelectionProps, SelectionPropsBase } from './Selection';
|
|
116
122
|
export { default as Slider, useSlider } from './Slider';
|
|
@@ -121,25 +127,21 @@ export { default as TextField } from './TextField';
|
|
|
121
127
|
export type { TextFieldAffixProps, TextFieldBaseProps, TextFieldInteractiveStateProps, TextFieldPaddingInfo, TextFieldProps, TextFieldSize, } from './TextField';
|
|
122
128
|
export { default as TimePicker, TimePickerPanel } from './TimePicker';
|
|
123
129
|
export type { TimePickerPanelProps, TimePickerProps } from './TimePicker';
|
|
130
|
+
export { default as TimeRangePicker, useTimeRangePickerValue, } from './TimeRangePicker';
|
|
131
|
+
export type { TimeRangePickerProps, TimeRangePickerValue, UseTimeRangePickerValueProps, } from './TimeRangePicker';
|
|
124
132
|
export { default as Switch } from './Toggle';
|
|
125
133
|
export type { ToggleProps as SwitchProps, ToggleSize as SwitchSize, } from './Toggle';
|
|
126
|
-
export { Upload,
|
|
127
|
-
export type {
|
|
134
|
+
export { Upload, UploadItem, UploadPictureCard, Uploader } from './Upload';
|
|
135
|
+
export type { UploadFile, UploadItemProps, UploadPictureCardProps, UploadProps, UploaderProps, } from './Upload';
|
|
128
136
|
/**
|
|
129
137
|
* Feedback
|
|
130
138
|
*/
|
|
131
|
-
export { default as Alert } from './Alert';
|
|
132
|
-
export type { AlertProps, AlertSeverity } from './Alert';
|
|
133
|
-
export { default as ConfirmActions } from './ConfirmActions';
|
|
134
|
-
export type { ConfirmActionsProps } from './ConfirmActions';
|
|
135
139
|
export { default as Message } from './Message';
|
|
136
140
|
export type { MessageData, MessageSeverity, MessageType } from './Message';
|
|
137
141
|
export { default as Modal, ModalBodyForVerification, ModalFooter, ModalHeader, useModalContainer, } from './Modal';
|
|
138
142
|
export type { ModalBodyForVerificationProps, ModalFooterProps, ModalHeaderProps, ModalProps, ModalSize, ModalStatusType, } from './Modal';
|
|
139
143
|
export { default as NotificationCenter } from './NotificationCenter';
|
|
140
144
|
export type { NotificationData, NotificationSeverity, } from './NotificationCenter';
|
|
141
|
-
export { default as Popconfirm } from './Popconfirm';
|
|
142
|
-
export type { PopconfirmProps } from './Popconfirm';
|
|
143
145
|
export { default as Progress } from './Progress';
|
|
144
146
|
export type { ProgressProps, ProgressStatus, ProgressStatuses, ProgressType, } from './Progress';
|
|
145
147
|
export { default as Skeleton } from './Skeleton';
|
|
@@ -153,20 +155,20 @@ export type { ResultStateActions, ResultStateProps } from './ResultState';
|
|
|
153
155
|
/**
|
|
154
156
|
* Others
|
|
155
157
|
*/
|
|
158
|
+
export { default as AlertBanner } from './AlertBanner';
|
|
159
|
+
export type { AlertBannerProps } from './AlertBanner';
|
|
156
160
|
export { default as Anchor, AnchorGroup } from './Anchor';
|
|
157
161
|
export type { AnchorGroupProps, AnchorProps } from './Anchor';
|
|
158
162
|
export { default as Backdrop } from './Backdrop';
|
|
159
163
|
export type { BackdropProps } from './Backdrop';
|
|
160
|
-
export { default as
|
|
161
|
-
export type {
|
|
164
|
+
export { default as FloatingButton } from './FloatingButton';
|
|
165
|
+
export type { FloatingButtonProps } from './FloatingButton';
|
|
162
166
|
/**
|
|
163
167
|
* Utility
|
|
164
168
|
*/
|
|
165
169
|
export { default as Calendar, CalendarCell, CalendarConfigProvider, CalendarContext, CalendarControls, CalendarDayOfWeek, CalendarDays, CalendarHalfYears, CalendarMonths, CalendarQuarters, CalendarWeeks, CalendarYears, RangeCalendar, useCalendarContext, useCalendarControlModifiers, useCalendarControls, useCalendarModeStack, useRangeCalendarControls, } from './Calendar';
|
|
166
170
|
export type { CalendarCellProps, CalendarConfigProviderProps, CalendarConfigs, CalendarControlModifier, CalendarControlsProps, CalendarDayOfWeekProps, CalendarDaysProps, CalendarHalfYearsProps, CalendarMonthsProps, CalendarProps, CalendarQuartersProps, CalendarWeeksProps, CalendarYearsProps, RangeCalendarProps, UseCalendarControlModifiersResult, } from './Calendar';
|
|
167
171
|
export * from './Notifier';
|
|
168
|
-
export { default as Popover } from './Popover';
|
|
169
|
-
export type { PopoverProps } from './Popover';
|
|
170
172
|
export { default as Popper } from './Popper';
|
|
171
173
|
export type { PopperController, PopperPlacement, PopperPositionStrategy, PopperProps, } from './Popper';
|
|
172
174
|
export { default as Portal } from './Portal';
|
|
@@ -192,4 +194,4 @@ export { default as DropdownItemCard } from './Dropdown/DropdownItemCard';
|
|
|
192
194
|
export type { DropdownItemCardProps } from './Dropdown/DropdownItemCard';
|
|
193
195
|
export { default as DropdownStatus } from './Dropdown/DropdownStatus';
|
|
194
196
|
export type { DropdownStatusProps } from './Dropdown/DropdownStatus';
|
|
195
|
-
export type { DropdownCheckPosition, DropdownInputPosition, DropdownItemLevel, DropdownItemSharedProps, DropdownItemValidate, DropdownMode, DropdownOption, DropdownOptionFlat, DropdownOptionGrouped,
|
|
197
|
+
export type { DropdownCheckPosition, DropdownInputPosition, DropdownItemLevel, DropdownItemSharedProps, DropdownItemValidate, DropdownMode, DropdownOption, DropdownOptionFlat, DropdownOptionGrouped, DropdownOptionTree, DropdownOptionsByType, DropdownStatus as DropdownStatusType, DropdownType, } from '@mezzanine-ui/core/dropdown';
|
package/index.js
CHANGED
|
@@ -28,17 +28,16 @@ export { useSelectValueControl } from './Form/useSelectValueControl.js';
|
|
|
28
28
|
export { useSwitchControlValue } from './Form/useSwitchControlValue.js';
|
|
29
29
|
export { default as Button } from './Button/Button.js';
|
|
30
30
|
export { default as ButtonGroup } from './Button/ButtonGroup.js';
|
|
31
|
+
export { default as Cropper } from './Cropper/Cropper.js';
|
|
31
32
|
export { default as Typography } from './Typography/Typography.js';
|
|
33
|
+
export { BaseCardGeneric as BaseCard, FourThumbnailCardGeneric as FourThumbnailCard, QuickActionCardGeneric as QuickActionCard, SingleThumbnailCardGeneric as SingleThumbnailCard, ThumbnailGeneric as Thumbnail } from './Card/index.js';
|
|
32
34
|
export { default as Selection } from './Selection/Selection.js';
|
|
33
35
|
export { default as DropdownAction } from './Dropdown/DropdownAction.js';
|
|
34
36
|
export { default as DropdownItem } from './Dropdown/DropdownItem.js';
|
|
35
37
|
export { default as DropdownItemCard } from './Dropdown/DropdownItemCard.js';
|
|
36
38
|
export { default as DropdownStatus } from './Dropdown/DropdownStatus.js';
|
|
37
39
|
export { default as Icon } from './Icon/Icon.js';
|
|
38
|
-
export { default as
|
|
39
|
-
export { default as AppBarBrand } from './AppBar/AppBarBrand.js';
|
|
40
|
-
export { default as AppBarMain } from './AppBar/AppBarMain.js';
|
|
41
|
-
export { default as AppBarSupport } from './AppBar/AppBarSupport.js';
|
|
40
|
+
export { default as Separator } from './Separator/Separator.js';
|
|
42
41
|
export { default as Breadcrumb } from './Breadcrumb/Breadcrumb.js';
|
|
43
42
|
export { default as Drawer } from './Drawer/Drawer.js';
|
|
44
43
|
export { default as Menu } from './Menu/Menu.js';
|
|
@@ -59,12 +58,17 @@ export { default as Stepper } from './Stepper/Stepper.js';
|
|
|
59
58
|
export { default as Tab } from './Tab/Tab.js';
|
|
60
59
|
export { default as TabItem } from './Tab/TabItem.js';
|
|
61
60
|
export { default as Accordion } from './Accordion/Accordion.js';
|
|
62
|
-
export { default as
|
|
63
|
-
export { default as
|
|
61
|
+
export { default as AccordionActions } from './Accordion/AccordionActions.js';
|
|
62
|
+
export { default as AccordionContent } from './Accordion/AccordionContent.js';
|
|
63
|
+
export { default as AccordionGroup } from './Accordion/AccordionGroup.js';
|
|
64
|
+
export { default as AccordionTitle } from './Accordion/AccordionTitle.js';
|
|
64
65
|
export { default as Badge } from './Badge/Badge.js';
|
|
65
66
|
export { default as BadgeContainer } from './Badge/BadgeContainer.js';
|
|
66
|
-
export { default as
|
|
67
|
-
export { default as
|
|
67
|
+
export { default as BaseCardSkeleton } from './Card/BaseCardSkeleton.js';
|
|
68
|
+
export { default as CardGroup } from './Card/CardGroup.js';
|
|
69
|
+
export { default as FourThumbnailCardSkeleton } from './Card/FourThumbnailCardSkeleton.js';
|
|
70
|
+
export { default as QuickActionCardSkeleton } from './Card/QuickActionCardSkeleton.js';
|
|
71
|
+
export { default as SingleThumbnailCardSkeleton } from './Card/SingleThumbnailCardSkeleton.js';
|
|
68
72
|
export { default as Description } from './Description/Description.js';
|
|
69
73
|
export { default as DescriptionContent } from './Description/DescriptionContent.js';
|
|
70
74
|
export { default as DescriptionGroup } from './Description/DescriptionGroup.js';
|
|
@@ -75,13 +79,11 @@ export { default as Pagination } from './Pagination/Pagination.js';
|
|
|
75
79
|
export { default as PaginationItem } from './Pagination/PaginationItem.js';
|
|
76
80
|
export { default as PaginationJumper } from './Pagination/PaginationJumper.js';
|
|
77
81
|
export { default as PaginationPageSize } from './Pagination/PaginationPageSize.js';
|
|
82
|
+
export { default as Section } from './Section/Section.js';
|
|
78
83
|
export { Table } from './Table/Table.js';
|
|
79
84
|
export { default as Tag } from './Tag/Tag.js';
|
|
80
85
|
export { default as TagGroup } from './Tag/TagGroup.js';
|
|
81
86
|
export { default as Tooltip } from './Tooltip/Tooltip.js';
|
|
82
|
-
export { default as Tree } from './Tree/Tree.js';
|
|
83
|
-
export { default as TreeNode } from './Tree/TreeNode.js';
|
|
84
|
-
export { default as TreeNodeList } from './Tree/TreeNodeList.js';
|
|
85
87
|
export { default as AutoComplete } from './AutoComplete/AutoComplete.js';
|
|
86
88
|
export { default as CheckAll } from './Checkbox/CheckAll.js';
|
|
87
89
|
export { default as Checkbox } from './Checkbox/Checkbox.js';
|
|
@@ -91,34 +93,34 @@ export { default as DatePickerCalendar } from './DatePicker/DatePickerCalendar.j
|
|
|
91
93
|
export { default as DateRangePicker } from './DateRangePicker/DateRangePicker.js';
|
|
92
94
|
export { default as DateRangePickerCalendar } from './DateRangePicker/DateRangePickerCalendar.js';
|
|
93
95
|
export { default as DateTimePicker } from './DateTimePicker/DateTimePicker.js';
|
|
96
|
+
export { default as DateTimeRangePicker } from './DateTimeRangePicker/DateTimeRangePicker.js';
|
|
97
|
+
export { default as Filter } from './FilterArea/Filter.js';
|
|
98
|
+
export { default as FilterArea } from './FilterArea/FilterArea.js';
|
|
99
|
+
export { default as FilterLine } from './FilterArea/FilterLine.js';
|
|
94
100
|
export { default as FormField } from './Form/FormField.js';
|
|
95
101
|
export { default as FormHintText } from './Form/FormHintText.js';
|
|
96
102
|
export { default as FormLabel } from './Form/FormLabel.js';
|
|
97
|
-
export { default as FilterArea } from './FilterArea/FilterArea.js';
|
|
98
|
-
export { default as FilterLine } from './FilterArea/FilterLine.js';
|
|
99
|
-
export { default as Filter } from './FilterArea/Filter.js';
|
|
100
103
|
export { default as Input } from './Input/Input.js';
|
|
104
|
+
export { default as MultipleDatePicker } from './MultipleDatePicker/MultipleDatePicker.js';
|
|
105
|
+
export { default as MultipleDatePickerTrigger } from './MultipleDatePicker/MultipleDatePickerTrigger.js';
|
|
101
106
|
export { default as PickerTrigger } from './Picker/PickerTrigger.js';
|
|
102
107
|
export { default as RangePickerTrigger } from './Picker/RangePickerTrigger.js';
|
|
103
108
|
export { default as Radio } from './Radio/Radio.js';
|
|
104
109
|
export { default as RadioGroup } from './Radio/RadioGroup.js';
|
|
105
|
-
export { default as Option } from './Select/Option.js';
|
|
106
110
|
export { default as Select } from './Select/Select.js';
|
|
107
111
|
export { default as SelectTrigger } from './Select/SelectTrigger.js';
|
|
108
112
|
export { default as SelectTriggerTags } from './Select/SelectTriggerTags.js';
|
|
109
|
-
export { default as TreeSelect } from './Select/TreeSelect.js';
|
|
110
113
|
export { default as Slider } from './Slider/Slider.js';
|
|
111
114
|
export { default as Textarea } from './Textarea/Textarea.js';
|
|
112
115
|
export { default as TextField } from './TextField/TextField.js';
|
|
113
116
|
export { default as TimePicker } from './TimePicker/TimePicker.js';
|
|
114
117
|
export { default as TimePickerPanel } from './TimePicker/TimePickerPanel.js';
|
|
118
|
+
export { default as TimeRangePicker } from './TimeRangePicker/TimeRangePicker.js';
|
|
115
119
|
export { default as Switch } from './Toggle/Toggle.js';
|
|
116
120
|
export { default as Upload } from './Upload/Upload.js';
|
|
117
|
-
export { default as Uploader } from './Upload/Uploader.js';
|
|
118
121
|
export { default as UploadItem } from './Upload/UploadItem.js';
|
|
119
122
|
export { default as UploadPictureCard } from './Upload/UploadPictureCard.js';
|
|
120
|
-
export { default as
|
|
121
|
-
export { default as ConfirmActions } from './ConfirmActions/ConfirmActions.js';
|
|
123
|
+
export { default as Uploader } from './Upload/Uploader.js';
|
|
122
124
|
export { default as Message } from './Message/Message.js';
|
|
123
125
|
export { default as Modal } from './Modal/Modal.js';
|
|
124
126
|
export { default as ModalBodyForVerification } from './Modal/ModalBodyForVerification.js';
|
|
@@ -126,17 +128,17 @@ export { default as ModalFooter } from './Modal/ModalFooter.js';
|
|
|
126
128
|
export { default as ModalHeader } from './Modal/ModalHeader.js';
|
|
127
129
|
export { default as useModalContainer } from './Modal/useModalContainer.js';
|
|
128
130
|
export { default as NotificationCenter } from './NotificationCenter/NotificationCenter.js';
|
|
129
|
-
export { default as Popconfirm } from './Popconfirm/Popconfirm.js';
|
|
130
131
|
export { default as Progress } from './Progress/Progress.js';
|
|
131
132
|
export { default as Skeleton } from './Skeleton/Skeleton.js';
|
|
132
133
|
export { default as Spin } from './Spin/Spin.js';
|
|
133
134
|
export { default as InlineMessage } from './InlineMessage/InlineMessage.js';
|
|
134
135
|
export { default as InlineMessageGroup } from './InlineMessage/InlineMessageGroup.js';
|
|
135
136
|
export { default as ResultState } from './ResultState/ResultState.js';
|
|
137
|
+
export { default as AlertBanner } from './AlertBanner/AlertBanner.js';
|
|
136
138
|
export { default as Anchor } from './Anchor/Anchor.js';
|
|
137
139
|
export { default as AnchorGroup } from './Anchor/AnchorGroup.js';
|
|
138
140
|
export { default as Backdrop } from './Backdrop/Backdrop.js';
|
|
139
|
-
export { default as
|
|
141
|
+
export { default as FloatingButton } from './FloatingButton/FloatingButton.js';
|
|
140
142
|
export { default as Calendar } from './Calendar/Calendar.js';
|
|
141
143
|
export { default as CalendarCell } from './Calendar/CalendarCell.js';
|
|
142
144
|
export { default as CalendarConfigProvider, CalendarContext, useCalendarContext } from './Calendar/CalendarContext.js';
|
|
@@ -149,7 +151,6 @@ export { default as CalendarQuarters } from './Calendar/CalendarQuarters.js';
|
|
|
149
151
|
export { default as CalendarWeeks } from './Calendar/CalendarWeeks.js';
|
|
150
152
|
export { default as CalendarYears } from './Calendar/CalendarYears.js';
|
|
151
153
|
export { default as RangeCalendar } from './Calendar/RangeCalendar.js';
|
|
152
|
-
export { default as Popover } from './Popover/Popover.js';
|
|
153
154
|
export { default as Popper } from './Popper/Popper.js';
|
|
154
155
|
export { default as Portal } from './Portal/Portal.js';
|
|
155
156
|
export { default as TimePanel } from './TimePanel/TimePanel.js';
|
|
@@ -167,22 +168,20 @@ export { default as ConfigProvider } from './Provider/ConfigProvider.js';
|
|
|
167
168
|
export { default as Dropdown } from './Dropdown/Dropdown.js';
|
|
168
169
|
export { useStepper } from './Stepper/useStepper.js';
|
|
169
170
|
export { usePagination } from './Pagination/usePagination.js';
|
|
170
|
-
export { getCellAlignClass, getRowKey } from '@mezzanine-ui/core/table';
|
|
171
171
|
export { TableContext, TableDataContext, TableSuperContext, useTableContext, useTableDataContext, useTableSuperContext } from './Table/TableContext.js';
|
|
172
|
+
export { getCellAlignClass, getRowKey } from '@mezzanine-ui/core/table';
|
|
172
173
|
export { useTableDataSource } from './Table/hooks/useTableDataSource.js';
|
|
173
174
|
export { useTableRowSelection } from './Table/utils/useTableRowSelection.js';
|
|
174
|
-
export { getTreeNodeEntities } from './Tree/getTreeNodeEntities.js';
|
|
175
|
-
export { toggleValue, toggleValueWithStatusControl, uniqueArray } from './Tree/toggleValue.js';
|
|
176
|
-
export { traverseTree } from './Tree/traverseTree.js';
|
|
177
|
-
export { useTreeExpandedValue } from './Tree/useTreeExpandedValue.js';
|
|
178
175
|
export { useDateRangeCalendarControls } from './DateRangePicker/useDateRangeCalendarControls.js';
|
|
179
176
|
export { useDateRangePickerValue } from './DateRangePicker/useDateRangePickerValue.js';
|
|
180
177
|
export { FormControlContext } from './Form/FormControlContext.js';
|
|
178
|
+
export { useMultipleDatePickerValue } from './MultipleDatePicker/useMultipleDatePickerValue.js';
|
|
181
179
|
export { usePickerDocumentEventClose } from './Picker/usePickerDocumentEventClose.js';
|
|
182
180
|
export { usePickerValue } from './Picker/usePickerValue.js';
|
|
183
181
|
export { useTabKeyClose } from './Picker/useTabKeyClose.js';
|
|
184
182
|
export { SelectControlContext } from './Select/SelectControlContext.js';
|
|
185
183
|
export { useSlider } from './Slider/useSlider.js';
|
|
184
|
+
export { useTimeRangePickerValue } from './TimeRangePicker/useTimeRangePickerValue.js';
|
|
186
185
|
export { useCalendarControlModifiers } from './Calendar/useCalendarControlModifiers.js';
|
|
187
186
|
export { useCalendarControls } from './Calendar/useCalendarControls.js';
|
|
188
187
|
export { useCalendarModeStack } from './Calendar/useCalendarModeStack.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mezzanine-ui/react",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.7",
|
|
4
4
|
"description": "React components for mezzanine-ui",
|
|
5
5
|
"author": "Mezzanine",
|
|
6
6
|
"repository": {
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
"@floating-ui/dom": "^1.7.4",
|
|
32
32
|
"@floating-ui/react-dom": "^2.1.6",
|
|
33
33
|
"@hello-pangea/dnd": "^18.0.1",
|
|
34
|
-
"@mezzanine-ui/core": "1.0.0-beta.
|
|
35
|
-
"@mezzanine-ui/icons": "1.0.0-beta.
|
|
36
|
-
"@mezzanine-ui/system": "1.0.0-beta.
|
|
34
|
+
"@mezzanine-ui/core": "1.0.0-beta.7",
|
|
35
|
+
"@mezzanine-ui/icons": "1.0.0-beta.7",
|
|
36
|
+
"@mezzanine-ui/system": "1.0.0-beta.7",
|
|
37
37
|
"@tanstack/react-virtual": "^3.13.13",
|
|
38
38
|
"@types/react-transition-group": "^4.4.12",
|
|
39
39
|
"clsx": "^2.1.1",
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
2
|
-
export interface AccordionDetailsProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
|
|
3
|
-
/**
|
|
4
|
-
* If true, expands the details, otherwise collapse it.
|
|
5
|
-
*/
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const AccordionDetails: import("react").ForwardRefExoticComponent<AccordionDetailsProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
-
export default AccordionDetails;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ReactNode, type JSX } from 'react';
|
|
2
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
3
|
-
export interface AccordionSummaryProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
|
|
4
|
-
/**
|
|
5
|
-
* custom chevronDown icon className
|
|
6
|
-
*/
|
|
7
|
-
iconClassName?: string;
|
|
8
|
-
/**
|
|
9
|
-
* custom prefix icon element when `suffixActions` prop is given
|
|
10
|
-
*/
|
|
11
|
-
prefixIcon?: JSX.Element;
|
|
12
|
-
/**
|
|
13
|
-
* custom suffix actions
|
|
14
|
-
*/
|
|
15
|
-
suffixActions?: ReactNode;
|
|
16
|
-
}
|
|
17
|
-
declare const AccordionSummary: import("react").ForwardRefExoticComponent<AccordionSummaryProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export default AccordionSummary;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef, useContext, useCallback, useMemo } from 'react';
|
|
4
|
-
import { ChevronDownIcon } from '@mezzanine-ui/icons';
|
|
5
|
-
import { accordionClasses } from '@mezzanine-ui/core/accordion';
|
|
6
|
-
import { AccordionControlContext } from './AccordionControlContext.js';
|
|
7
|
-
import Icon from '../Icon/Icon.js';
|
|
8
|
-
import cx from 'clsx';
|
|
9
|
-
|
|
10
|
-
const AccordionSummary = forwardRef(function AccordionSummary(props, ref) {
|
|
11
|
-
const { className, children, iconClassName: iconClassNameProp, prefixIcon, suffixActions, ...rest } = props;
|
|
12
|
-
const { detailsId, disabled, expanded, toggleExpanded } = useContext(AccordionControlContext) || {};
|
|
13
|
-
const onToggle = useCallback((e) => {
|
|
14
|
-
e.stopPropagation();
|
|
15
|
-
if (typeof toggleExpanded === 'function' && !disabled) {
|
|
16
|
-
toggleExpanded(!expanded);
|
|
17
|
-
}
|
|
18
|
-
}, [disabled, expanded, toggleExpanded]);
|
|
19
|
-
const onKeyDown = (e) => {
|
|
20
|
-
switch (e.code) {
|
|
21
|
-
case 'Enter':
|
|
22
|
-
onToggle(e);
|
|
23
|
-
break;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const ariaProps = useMemo(() => {
|
|
27
|
-
let result = {
|
|
28
|
-
'aria-expanded': expanded,
|
|
29
|
-
};
|
|
30
|
-
if (detailsId) {
|
|
31
|
-
result = {
|
|
32
|
-
...result,
|
|
33
|
-
'aria-controls': detailsId,
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
return result;
|
|
37
|
-
}, [detailsId, expanded]);
|
|
38
|
-
const defaultIconElement = useMemo(() => (jsx(Icon, { color: disabled ? 'neutral-faint' : 'neutral', className: cx(accordionClasses.summaryIcon, {
|
|
39
|
-
[accordionClasses.summaryIconExpanded]: expanded,
|
|
40
|
-
[accordionClasses.summaryIconDisabled]: disabled,
|
|
41
|
-
}, iconClassNameProp), icon: ChevronDownIcon, onClick: onToggle, onMouseDown: (evt) => evt.preventDefault(), role: "button" })), [disabled, expanded, iconClassNameProp, onToggle]);
|
|
42
|
-
const defaultIconWithPrefixClassName = useMemo(() => (jsx(Icon, { color: disabled ? 'neutral-faint' : 'neutral', className: cx(accordionClasses.summaryIcon, {
|
|
43
|
-
[accordionClasses.summaryIconExpanded]: expanded,
|
|
44
|
-
[accordionClasses.summaryIconDisabled]: disabled,
|
|
45
|
-
}, accordionClasses.summaryMainPartPrefix, iconClassNameProp), icon: ChevronDownIcon, onClick: onToggle, onMouseDown: (evt) => evt.preventDefault(), role: "button" })), [disabled, expanded, iconClassNameProp, onToggle]);
|
|
46
|
-
return (jsxs("div", { ...rest, ...ariaProps, ref: ref, className: cx(accordionClasses.summary, {
|
|
47
|
-
[accordionClasses.summaryDisabled]: disabled,
|
|
48
|
-
}, className), onClick: onToggle, onKeyDown: onKeyDown, role: "button", tabIndex: 0, children: [jsxs("div", { className: accordionClasses.summaryMainPart, children: [suffixActions ? prefixIcon || defaultIconWithPrefixClassName : null, children] }), suffixActions || defaultIconElement] }));
|
|
49
|
-
});
|
|
50
|
-
|
|
51
|
-
export { AccordionSummary as default };
|
package/Alert/Alert.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { MouseEventHandler } from 'react';
|
|
2
|
-
import { AlertSeverity } from '@mezzanine-ui/core/alert';
|
|
3
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
4
|
-
export interface AlertProps extends NativeElementPropsWithoutKeyAndRef<'div'> {
|
|
5
|
-
/**
|
|
6
|
-
* Close handler.
|
|
7
|
-
*/
|
|
8
|
-
onClose?: MouseEventHandler;
|
|
9
|
-
/**
|
|
10
|
-
* The severity of alert.
|
|
11
|
-
* @default success
|
|
12
|
-
*/
|
|
13
|
-
severity?: AlertSeverity;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* The react component for `mezzanine` alert.
|
|
17
|
-
* This component should always be full width of its parent.
|
|
18
|
-
*/
|
|
19
|
-
declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
-
export default Alert;
|
package/Alert/Alert.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { alertIcons, alertClasses } from '@mezzanine-ui/core/alert';
|
|
4
|
-
import { TimesIcon } from '@mezzanine-ui/icons';
|
|
5
|
-
import Icon from '../Icon/Icon.js';
|
|
6
|
-
import cx from 'clsx';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* The react component for `mezzanine` alert.
|
|
10
|
-
* This component should always be full width of its parent.
|
|
11
|
-
*/
|
|
12
|
-
const Alert = forwardRef(function Alert(props, ref) {
|
|
13
|
-
const { className, children, onClose, severity = 'success', ...rest } = props;
|
|
14
|
-
const targetIcon = alertIcons[severity];
|
|
15
|
-
return (jsxs("div", { ref: ref, className: cx(alertClasses.host, alertClasses.severity(severity), className), ...rest, children: [jsx(Icon, { className: alertClasses.icon, icon: targetIcon }), jsx("p", { className: alertClasses.message, children: children }), jsx(Icon, { className: alertClasses.closeIcon, icon: TimesIcon, onClick: onClose, role: "button" })] }));
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
export { Alert as default };
|
package/Alert/index.d.ts
DELETED
package/Alert/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Alert.js';
|
package/AppBar/AppBar.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactElement, NamedExoticComponent, ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
|
-
import { AppBarOrientation } from '@mezzanine-ui/core/app-bar';
|
|
3
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
4
|
-
import { AppBarBrandProps } from './AppBarBrand';
|
|
5
|
-
import { AppBarMainProps } from './AppBarMain';
|
|
6
|
-
import { AppBarSupportProps } from './AppBarSupport';
|
|
7
|
-
export type AppBarChild = ReactElement<AppBarBrandProps | AppBarMainProps | AppBarSupportProps, NamedExoticComponent>;
|
|
8
|
-
export type AppBarChildren = AppBarChild | AppBarChild[];
|
|
9
|
-
export interface AppBarProps extends NativeElementPropsWithoutKeyAndRef<'header'> {
|
|
10
|
-
orientation?: AppBarOrientation;
|
|
11
|
-
children?: AppBarChildren;
|
|
12
|
-
}
|
|
13
|
-
declare const AppBar: ForwardRefExoticComponent<AppBarProps & RefAttributes<HTMLElement>>;
|
|
14
|
-
export default AppBar;
|
package/AppBar/AppBar.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef, Children } from 'react';
|
|
3
|
-
import { appBarClasses } from '@mezzanine-ui/core/app-bar';
|
|
4
|
-
import AppBarBrand from './AppBarBrand.js';
|
|
5
|
-
import AppBarMain from './AppBarMain.js';
|
|
6
|
-
import AppBarSupport from './AppBarSupport.js';
|
|
7
|
-
import cx from 'clsx';
|
|
8
|
-
|
|
9
|
-
const componentOrders = (type) => {
|
|
10
|
-
switch (type) {
|
|
11
|
-
case AppBarBrand:
|
|
12
|
-
return 1;
|
|
13
|
-
case AppBarMain:
|
|
14
|
-
return 2;
|
|
15
|
-
case AppBarSupport:
|
|
16
|
-
return 3;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const AppBar = forwardRef((props, ref) => {
|
|
20
|
-
const { orientation = 'horizontal', className, children, ...rest } = props;
|
|
21
|
-
const SortedChildren = Children.toArray(children).sort((unknownBefore, unknownAfter) => {
|
|
22
|
-
const { type: beforeType } = unknownBefore;
|
|
23
|
-
const { type: afterType } = unknownAfter;
|
|
24
|
-
const beforeOrder = componentOrders(beforeType);
|
|
25
|
-
const afterOrder = componentOrders(afterType);
|
|
26
|
-
if (!beforeOrder || !afterOrder)
|
|
27
|
-
return 0;
|
|
28
|
-
return beforeOrder - afterOrder;
|
|
29
|
-
});
|
|
30
|
-
return (jsx("header", { ...rest, ref: ref, className: cx(appBarClasses.host, appBarClasses[orientation], className), children: SortedChildren }));
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
export { AppBar as default };
|
package/AppBar/AppBarBrand.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
2
|
-
export type AppBarBrandProps = NativeElementPropsWithoutKeyAndRef<'div'>;
|
|
3
|
-
declare const AppBarBrand: import("react").ForwardRefExoticComponent<AppBarBrandProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
export default AppBarBrand;
|
package/AppBar/AppBarBrand.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { appBarBrandClasses } from '@mezzanine-ui/core/app-bar';
|
|
4
|
-
import cx from 'clsx';
|
|
5
|
-
|
|
6
|
-
const AppBarBrand = forwardRef((props, ref) => {
|
|
7
|
-
const { className, children, ...rest } = props;
|
|
8
|
-
return (jsx("div", { ...rest, ref: ref, className: cx(appBarBrandClasses.host, className), children: children }));
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
export { AppBarBrand as default };
|
package/AppBar/AppBarMain.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
2
|
-
export type AppBarMainProps = NativeElementPropsWithoutKeyAndRef<'div'>;
|
|
3
|
-
declare const AppBarMain: import("react").ForwardRefExoticComponent<AppBarMainProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
export default AppBarMain;
|
package/AppBar/AppBarMain.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { appBarMainClasses } from '@mezzanine-ui/core/app-bar';
|
|
4
|
-
import cx from 'clsx';
|
|
5
|
-
|
|
6
|
-
const AppBarMain = forwardRef((props, ref) => {
|
|
7
|
-
const { className, children, ...rest } = props;
|
|
8
|
-
return (jsx("div", { ...rest, ref: ref, className: cx(appBarMainClasses.host, className), children: children }));
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
export { AppBarMain as default };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
|
|
2
|
-
export type AppBarSupportProps = NativeElementPropsWithoutKeyAndRef<'div'>;
|
|
3
|
-
declare const AppBarSupport: import("react").ForwardRefExoticComponent<AppBarSupportProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
export default AppBarSupport;
|
package/AppBar/AppBarSupport.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { appBarSupportClasses } from '@mezzanine-ui/core/app-bar';
|
|
4
|
-
import cx from 'clsx';
|
|
5
|
-
|
|
6
|
-
const AppBarSupport = forwardRef((props, ref) => {
|
|
7
|
-
const { className, children, ...rest } = props;
|
|
8
|
-
return (jsx("div", { ...rest, ref: ref, className: cx(appBarSupportClasses.host, className), children: children }));
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
export { AppBarSupport as default };
|
package/AppBar/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export type { AppBarBrandProps } from './AppBarBrand';
|
|
2
|
-
export { default as AppBarBrand } from './AppBarBrand';
|
|
3
|
-
export type { AppBarMainProps } from './AppBarMain';
|
|
4
|
-
export { default as AppBarMain } from './AppBarMain';
|
|
5
|
-
export type { AppBarSupportProps } from './AppBarSupport';
|
|
6
|
-
export { default as AppBarSupport } from './AppBarSupport';
|
|
7
|
-
export type { AppBarChild, AppBarChildren, AppBarProps } from './AppBar';
|
|
8
|
-
export { default } from './AppBar';
|
package/AppBar/index.js
DELETED