@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.
Files changed (199) hide show
  1. package/Accordion/Accordion.d.ts +23 -1
  2. package/Accordion/Accordion.js +59 -11
  3. package/Accordion/AccordionActions.d.ts +13 -0
  4. package/Accordion/AccordionActions.js +24 -0
  5. package/Accordion/AccordionContent.d.ts +9 -0
  6. package/Accordion/{AccordionDetails.js → AccordionContent.js} +4 -6
  7. package/Accordion/AccordionControlContext.d.ts +2 -2
  8. package/Accordion/AccordionGroup.d.ts +10 -0
  9. package/Accordion/AccordionGroup.js +26 -0
  10. package/Accordion/AccordionTitle.d.ts +14 -0
  11. package/Accordion/AccordionTitle.js +56 -0
  12. package/Accordion/index.d.ts +8 -4
  13. package/Accordion/index.js +4 -2
  14. package/AutoComplete/AutoComplete.d.ts +25 -6
  15. package/AutoComplete/AutoComplete.js +119 -30
  16. package/Backdrop/Backdrop.js +15 -19
  17. package/Breadcrumb/BreadcrumbDropdown.js +1 -1
  18. package/Breadcrumb/BreadcrumbItem.js +1 -1
  19. package/Breadcrumb/BreadcrumbOverflowMenuItem.js +1 -1
  20. package/Calendar/CalendarDays.js +1 -1
  21. package/Card/BaseCard.d.ts +11 -0
  22. package/Card/BaseCard.js +48 -0
  23. package/Card/BaseCardSkeleton.d.ts +14 -0
  24. package/Card/BaseCardSkeleton.js +18 -0
  25. package/Card/CardGroup.d.ts +47 -0
  26. package/Card/CardGroup.js +147 -0
  27. package/Card/FourThumbnailCard.d.ts +14 -0
  28. package/Card/FourThumbnailCard.js +73 -0
  29. package/Card/FourThumbnailCardSkeleton.d.ts +14 -0
  30. package/Card/FourThumbnailCardSkeleton.js +20 -0
  31. package/Card/QuickActionCard.d.ts +12 -0
  32. package/Card/QuickActionCard.js +23 -0
  33. package/Card/QuickActionCardSkeleton.d.ts +14 -0
  34. package/Card/QuickActionCardSkeleton.js +18 -0
  35. package/Card/SingleThumbnailCard.d.ts +13 -0
  36. package/Card/SingleThumbnailCard.js +44 -0
  37. package/Card/SingleThumbnailCardSkeleton.d.ts +19 -0
  38. package/Card/SingleThumbnailCardSkeleton.js +18 -0
  39. package/Card/Thumbnail.d.ts +12 -0
  40. package/Card/Thumbnail.js +18 -0
  41. package/Card/ThumbnailCardInfo.d.ts +34 -0
  42. package/Card/ThumbnailCardInfo.js +43 -0
  43. package/Card/index.d.ts +43 -4
  44. package/Card/index.js +19 -2
  45. package/Card/typings.d.ts +442 -0
  46. package/Checkbox/Checkbox.d.ts +8 -0
  47. package/Checkbox/Checkbox.js +3 -2
  48. package/Checkbox/CheckboxGroup.js +1 -1
  49. package/ContentHeader/ContentHeader.d.ts +22 -70
  50. package/ContentHeader/ContentHeader.js +1 -1
  51. package/ContentHeader/ContentHeaderResponsive.d.ts +9 -0
  52. package/ContentHeader/ContentHeaderResponsive.js +7 -0
  53. package/ContentHeader/utils.d.ts +3 -3
  54. package/ContentHeader/utils.js +66 -20
  55. package/Cropper/Cropper.d.ts +66 -0
  56. package/Cropper/Cropper.js +115 -0
  57. package/Cropper/CropperElement.d.ts +10 -0
  58. package/Cropper/CropperElement.js +892 -0
  59. package/Cropper/index.d.ts +18 -0
  60. package/Cropper/index.js +8 -0
  61. package/Cropper/tools.d.ts +90 -0
  62. package/Cropper/tools.js +143 -0
  63. package/Cropper/typings.d.ts +69 -0
  64. package/Cropper/utils/cropper-calculations.d.ts +39 -0
  65. package/Cropper/utils/cropper-calculations.js +95 -0
  66. package/DateTimePicker/DateTimePicker.d.ts +1 -1
  67. package/DateTimePicker/DateTimePicker.js +22 -5
  68. package/DateTimeRangePicker/DateTimeRangePicker.d.ts +34 -0
  69. package/DateTimeRangePicker/DateTimeRangePicker.js +118 -0
  70. package/DateTimeRangePicker/index.d.ts +2 -0
  71. package/DateTimeRangePicker/index.js +1 -0
  72. package/Drawer/Drawer.d.ts +132 -1
  73. package/Drawer/Drawer.js +47 -3
  74. package/Dropdown/Dropdown.d.ts +10 -4
  75. package/Dropdown/Dropdown.js +37 -42
  76. package/Dropdown/DropdownItem.d.ts +7 -1
  77. package/Dropdown/DropdownItem.js +36 -6
  78. package/Dropdown/DropdownItemCard.js +2 -1
  79. package/FloatingButton/FloatingButton.d.ts +21 -0
  80. package/FloatingButton/FloatingButton.js +18 -0
  81. package/FloatingButton/index.d.ts +2 -0
  82. package/FloatingButton/index.js +1 -0
  83. package/Form/FormField.d.ts +30 -7
  84. package/Form/FormField.js +12 -4
  85. package/Input/Input.js +12 -21
  86. package/Input/SelectButton/SelectButton.d.ts +25 -4
  87. package/Input/SelectButton/SelectButton.js +21 -9
  88. package/Message/Message.js +1 -1
  89. package/Modal/MediaPreviewModal.d.ts +11 -0
  90. package/Modal/MediaPreviewModal.js +24 -7
  91. package/Modal/Modal.d.ts +1 -1
  92. package/Modal/Modal.js +1 -1
  93. package/Modal/useModalContainer.js +6 -2
  94. package/MultipleDatePicker/MultipleDatePicker.d.ts +62 -0
  95. package/MultipleDatePicker/MultipleDatePicker.js +176 -0
  96. package/MultipleDatePicker/MultipleDatePickerTrigger.d.ts +56 -0
  97. package/MultipleDatePicker/MultipleDatePickerTrigger.js +92 -0
  98. package/MultipleDatePicker/index.d.ts +6 -0
  99. package/MultipleDatePicker/index.js +3 -0
  100. package/MultipleDatePicker/useMultipleDatePickerValue.d.ts +55 -0
  101. package/MultipleDatePicker/useMultipleDatePickerValue.js +68 -0
  102. package/Navigation/NavigationHeader.js +1 -1
  103. package/NotificationCenter/NotificationCenterDrawer.d.ts +10 -52
  104. package/NotificationCenter/NotificationCenterDrawer.js +128 -0
  105. package/NotificationCenter/index.d.ts +2 -0
  106. package/NotificationCenter/index.js +1 -0
  107. package/OverflowTooltip/index.d.ts +2 -2
  108. package/Picker/FormattedInput.d.ts +1 -1
  109. package/Picker/FormattedInput.js +2 -1
  110. package/Picker/PickerTriggerWithSeparator.d.ts +10 -0
  111. package/Picker/PickerTriggerWithSeparator.js +2 -2
  112. package/Picker/RangePickerTrigger.js +1 -1
  113. package/Picker/useDateInputFormatter.d.ts +6 -0
  114. package/Picker/useDateInputFormatter.js +4 -1
  115. package/Section/Section.d.ts +32 -0
  116. package/Section/Section.js +62 -0
  117. package/Section/index.d.ts +2 -0
  118. package/Select/Select.d.ts +11 -12
  119. package/Select/Select.js +13 -34
  120. package/Select/SelectTrigger.js +21 -7
  121. package/Select/index.d.ts +0 -4
  122. package/Select/index.js +0 -2
  123. package/Select/typings.d.ts +0 -4
  124. package/Select/useSelectTriggerTags.d.ts +1 -1
  125. package/Select/useSelectTriggerTags.js +9 -6
  126. package/Separator/Separator.d.ts +14 -0
  127. package/Separator/Separator.js +17 -0
  128. package/Separator/index.d.ts +2 -0
  129. package/Separator/index.js +1 -0
  130. package/Table/utils/useTableRowSelection.js +6 -0
  131. package/Tag/TagGroup.d.ts +4 -2
  132. package/Tag/TagGroup.js +7 -4
  133. package/TextField/TextField.d.ts +1 -1
  134. package/TextField/TextField.js +63 -9
  135. package/TimePanel/TimePanelColumn.js +30 -21
  136. package/TimeRangePicker/TimeRangePicker.d.ts +29 -0
  137. package/TimeRangePicker/TimeRangePicker.js +96 -0
  138. package/TimeRangePicker/index.d.ts +3 -0
  139. package/TimeRangePicker/index.js +2 -0
  140. package/TimeRangePicker/useTimeRangePickerValue.d.ts +30 -0
  141. package/TimeRangePicker/useTimeRangePickerValue.js +92 -0
  142. package/Transition/Rotate.js +2 -5
  143. package/index.d.ts +30 -28
  144. package/index.js +26 -27
  145. package/package.json +4 -4
  146. package/Accordion/AccordionDetails.d.ts +0 -9
  147. package/Accordion/AccordionSummary.d.ts +0 -18
  148. package/Accordion/AccordionSummary.js +0 -51
  149. package/Alert/Alert.d.ts +0 -20
  150. package/Alert/Alert.js +0 -18
  151. package/Alert/index.d.ts +0 -3
  152. package/Alert/index.js +0 -1
  153. package/AppBar/AppBar.d.ts +0 -14
  154. package/AppBar/AppBar.js +0 -33
  155. package/AppBar/AppBarBrand.d.ts +0 -4
  156. package/AppBar/AppBarBrand.js +0 -11
  157. package/AppBar/AppBarMain.d.ts +0 -4
  158. package/AppBar/AppBarMain.js +0 -11
  159. package/AppBar/AppBarSupport.d.ts +0 -4
  160. package/AppBar/AppBarSupport.js +0 -11
  161. package/AppBar/index.d.ts +0 -8
  162. package/AppBar/index.js +0 -4
  163. package/Card/Card.d.ts +0 -51
  164. package/Card/Card.js +0 -20
  165. package/Card/CardActions.d.ts +0 -34
  166. package/Card/CardActions.js +0 -15
  167. package/ConfirmActions/ConfirmActions.d.ts +0 -46
  168. package/ConfirmActions/ConfirmActions.js +0 -15
  169. package/ConfirmActions/index.d.ts +0 -2
  170. package/ConfirmActions/index.js +0 -1
  171. package/Popconfirm/Popconfirm.d.ts +0 -16
  172. package/Popconfirm/Popconfirm.js +0 -15
  173. package/Popconfirm/index.d.ts +0 -2
  174. package/Popconfirm/index.js +0 -1
  175. package/Popover/Popover.d.ts +0 -23
  176. package/Popover/Popover.js +0 -35
  177. package/Popover/index.d.ts +0 -2
  178. package/Popover/index.js +0 -1
  179. package/Select/Option.d.ts +0 -18
  180. package/Select/Option.js +0 -45
  181. package/Select/TreeSelect.d.ts +0 -67
  182. package/Select/TreeSelect.js +0 -198
  183. package/Tree/Tree.d.ts +0 -70
  184. package/Tree/Tree.js +0 -139
  185. package/Tree/TreeNode.d.ts +0 -40
  186. package/Tree/TreeNode.js +0 -50
  187. package/Tree/TreeNodeList.d.ts +0 -24
  188. package/Tree/TreeNodeList.js +0 -28
  189. package/Tree/getTreeNodeEntities.d.ts +0 -11
  190. package/Tree/getTreeNodeEntities.js +0 -92
  191. package/Tree/index.d.ts +0 -13
  192. package/Tree/index.js +0 -7
  193. package/Tree/toggleValue.d.ts +0 -4
  194. package/Tree/toggleValue.js +0 -19
  195. package/Tree/traverseTree.d.ts +0 -2
  196. package/Tree/traverseTree.js +0 -11
  197. package/Tree/typings.d.ts +0 -16
  198. package/Tree/useTreeExpandedValue.d.ts +0 -14
  199. 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 { StepperProps, StepProps } from './Stepper';
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, AccordionDetails, AccordionSummary, } from './Accordion';
69
- export type { AccordionDetailsProps, AccordionProps, AccordionSummaryProps, } from './Accordion';
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 { default as Card, CardActions } from './Card';
73
- export type { CardActionsProps, CardProps } from './Card';
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 { getCellAlignClass, getRowKey, default as Table, TableContext, TableDataContext, TableSuperContext, 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 TableExpandable, type TableExpansionState, type TableNonVirtualizedProps, type TableProps, type TableRecord, 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, type TableDraggableOnlyProps, type TableNoDragOrPinProps, type TableNonResizableProps, type TablePinnableOnlyProps, type TableResizableProps, } from './Table';
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 { FormControlContext, FormField, FormHintText, FormLabel } from './Form';
103
- export { FilterArea, FilterLine, Filter } from './FilterArea';
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, CurrencyInputProps, WithAffixInputProps, WithPasswordStrengthIndicator, } from './Input';
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 { Option, OptionGroup, default as Select, SelectControlContext, SelectTrigger, SelectTriggerTags, TreeSelect, } from './Select';
113
- export type { OptionGroupProps, OptionProps, SelectControl, SelectProps, SelectTriggerInputProps, SelectTriggerProps, SelectTriggerTagsProps, SelectValue, TreeSelectOption, TreeSelectProps, } from './Select';
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, Uploader, UploadItem, UploadPictureCard } from './Upload';
127
- export type { UploaderProps, UploadFile, UploadItemProps, UploadPictureCardProps, UploadProps, } from './Upload';
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 AlertBanner } from './AlertBanner';
161
- export type { AlertBannerProps } from './AlertBanner';
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, DropdownOptionsByType, DropdownOptionTree, DropdownStatus as DropdownStatusType, DropdownType, } from '@mezzanine-ui/core/dropdown';
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 AppBar } from './AppBar/AppBar.js';
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 AccordionDetails } from './Accordion/AccordionDetails.js';
63
- export { default as AccordionSummary } from './Accordion/AccordionSummary.js';
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 Card } from './Card/Card.js';
67
- export { default as CardActions } from './Card/CardActions.js';
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 Alert } from './Alert/Alert.js';
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 AlertBanner } from './AlertBanner/AlertBanner.js';
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.5",
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.5",
35
- "@mezzanine-ui/icons": "1.0.0-beta.5",
36
- "@mezzanine-ui/system": "1.0.0-beta.5",
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
@@ -1,3 +0,0 @@
1
- export type { AlertSeverity } from '@mezzanine-ui/core/alert';
2
- export type { AlertProps } from './Alert';
3
- export { default } from './Alert';
package/Alert/index.js DELETED
@@ -1 +0,0 @@
1
- export { default } from './Alert.js';
@@ -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 };
@@ -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;
@@ -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 };
@@ -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;
@@ -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;
@@ -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
@@ -1,4 +0,0 @@
1
- export { default as AppBarBrand } from './AppBarBrand.js';
2
- export { default as AppBarMain } from './AppBarMain.js';
3
- export { default as AppBarSupport } from './AppBarSupport.js';
4
- export { default } from './AppBar.js';