@mezzanine-ui/react 0.14.10 → 0.15.0

package/index.d.ts

@@ -33,28 +33,28 @@ export * from './Form/useSwitchControlValue';
  * General
  */
 export { ButtonColor, ButtonComponent, ButtonSize, ButtonVariant, ButtonProps, ButtonPropsBase, default as Button, IconButtonProps, IconButton, ButtonGroupChild, ButtonGroupOrientation, ButtonGroupSpacing, ButtonGroupProps, ButtonGroup, } from './Button';
-export { IconColor, IconProps, default as Icon, } from './Icon';
+export { IconColor, IconProps, default as Icon } from './Icon';
 export { TypographyAlign, TypographyColor, TypographyComponent, TypographyDisplay, TypographyVariant, TypographyProps, default as Typography, } from './Typography';
 /**
  * Navigation
  */
 export { MenuSize, MenuDividerProps, MenuDivider, MenuItemProps, MenuItem, MenuItemGroupProps, MenuItemGroup, MenuProps, default as Menu, } from './Menu';
 export { TabProps, Tab, TabPaneProps, TabPane, TabsChild, TabsProps, default as Tabs, } from './Tabs';
-export { DrawerPlacement, DrawerProps, default as Drawer, } from './Drawer';
-export { DropdownProps, default as Dropdown, } from './Dropdown';
+export { DrawerPlacement, DrawerProps, default as Drawer } from './Drawer';
+export { DropdownProps, default as Dropdown } from './Dropdown';
 export { NavigationItem, NavigationItemProps, NavigationSubMenu, NavigationSubMenuProps, NavigationSubMenuChild, NavigationSubMenuChildren, NavigationChild, NavigationChildren, NavigationProps, default as Navigation, } from './Navigation';
 export { AppBarChild, AppBarChildren, AppBarBrand, AppBarBrandProps, AppBarMain, AppBarMainProps, AppBarSupport, AppBarSupportProps, default as AppBar, } from './AppBar';
-export { PageFooterProps, default as PageFooter, } from './PageFooter';
-export { StepProps, StepperProps, Step, default as Stepper, } from './Stepper';
+export { PageFooterProps, default as PageFooter } from './PageFooter';
+export { StepProps, StepperProps, Step, default as Stepper } from './Stepper';
 /**
  * Data Display
  */
 export { AccordionProps, AccordionSummaryProps, AccordionSummary, AccordionDetailsProps, AccordionDetails, default as Accordion, } from './Accordion';
 export { BadgeContainerProps, BadgeContainer, BadgeProps, default as Badge, } from './Badge';
 export { CardProps, CardActionsProps, CardActions, default as Card, } from './Card';
-export { EmptyProps, default as Empty, } from './Empty';
+export { EmptyProps, default as Empty } from './Empty';
 export { TableProps, TableRefreshProps, TableRefresh, useTableDraggable, useTableScroll, useTableRowSelection, SELECTED_ALL_KEY, default as Table, } from './Table';
-export { TagSize, TagProps, default as Tag, } from './Tag';
+export { TagSize, TagProps, default as Tag } from './Tag';
 export { usePagination, PaginationItemProps, PaginationItemType, PaginationItem, PaginationJumperProps, PaginationJumper, PaginationPageSizeProps, PaginationPageSize, PaginationProps, default as Pagination, } from './Pagination';
 export { TreeNodeProp, TreeNodeData, TreeNodeEntity, TreeNodeEntities, TreeNodeRefsShape, TreeNodeRefs, TreeExpandControl, uniqueArray, toggleValue, toggleValueWithStatusControl, traverseTree, UseTreeExpandedValueProps, useTreeExpandedValue, GetTreeNodeEntitiesProps, getTreeNodeEntities, TreeNodeElementProps, TreeNodeProps, TreeNode, TreeNodeListElementProps, TreeNodeListProps, TreeNodeList, TreeProps, default as Tree, } from './Tree';
 /**
@@ -62,11 +62,11 @@ export { TreeNodeProp, TreeNodeData, TreeNodeEntity, TreeNodeEntities, TreeNodeR
  */
 export { CheckboxSize, CheckboxGroupOrientation, CheckboxGroupOption, CheckboxGroupProps, CheckboxGroup, CheckAllProps, CheckAll, CheckboxProps, default as Checkbox, } from './Checkbox';
 export { FormControl, FormControlContext, FormFieldProps, FormField, FormLabelProps, FormLabel, FormMessageProps, FormMessage, } from './Form';
-export { InputSize, InputProps, default as Input, } from './Input';
+export { InputSize, InputProps, default as Input } from './Input';
 export { RadioSize, RadioGroupOrientation, RadioGroupOption, RadioGroupProps, RadioGroup, RadioProps, default as Radio, } from './Radio';
 export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectControl, SelectControlContext, SelectTriggerInputProps, SelectTriggerProps, SelectTrigger, SelectTriggerTagsProps, SelectTriggerTags, SelectProps, OptionProps, Option, OptionGroupProps, OptionGroup, TreeSelect, TreeSelectProps, default as Select, } from './Select';
-export { SwitchSize, SwitchProps, default as Switch, } from './Switch';
-export { TextareaSize, TextareaProps, default as Textarea, } from './Textarea';
+export { SwitchSize, SwitchProps, default as Switch } from './Switch';
+export { TextareaSize, TextareaProps, default as Textarea } from './Textarea';
 export { TextFieldSize, TextFieldProps, default as TextField, } from './TextField';
 export { UploadButtonProps, UploadButton, UploadPictureControl, UploadPictureProps, UploadPicture, UploadPictureWallControl, UploadPictureWallProps, UploadPictureWall, UploadResultProps, UploadResultSize, UploadResultStatus, UploadResult, } from './Upload';
 export { useTabKeyClose, UsePickerDocumentEventCloseProps, usePickerDocumentEventClose, UsePickerValueProps, usePickerValue, UseRangePickerValueProps, useRangePickerValue, PickerTriggerProps, PickerTrigger, RangePickerTriggerProps, RangePickerTrigger, } from './Picker';
@@ -78,25 +78,25 @@ export { SingleSliderValue, RangeSliderValue, SliderValue, SliderRect, UseSlider
 /**
  * Feedback
  */
-export { AlertSeverity, AlertProps, default as Alert, } from './Alert';
+export { AlertSeverity, AlertProps, default as Alert } from './Alert';
 export { ConfirmActionsProps, default as ConfirmActions, } from './ConfirmActions';
-export { LoadingProps, default as Loading, } from './Loading';
+export { LoadingProps, default as Loading } from './Loading';
 export { MessageData, MessageSeverity, MessageType, default as Message, } from './Message';
 export { ModalSeverity, ModalSize, ModalHeaderProps, ModalHeader, ModalBodyProps, ModalBody, ModalFooterProps, ModalFooter, ModalActionsProps, ModalActions, ModalProps, useModalContainer, default as Modal, } from './Modal';
-export { PopconfirmProps, default as Popconfirm, } from './Popconfirm';
+export { PopconfirmProps, default as Popconfirm } from './Popconfirm';
 export { NotificationData, NotificationSeverity, default as Notification, } from './Notification';
 export { ProgressProps, ProgressType, ProgressStatus, ProgressTypes, ProgressStatuses, default as Progress, } from './Progress';
-export { SkeletonProps, default as Skeleton, } from './Skeleton';
+export { SkeletonProps, default as Skeleton } from './Skeleton';
 /**
  * Utility
  */
 export * from './Notifier';
-export { OverlayProps, default as Overlay, } from './Overlay';
-export { PopoverProps, default as Popover, } from './Popover';
+export { OverlayProps, default as Overlay } from './Overlay';
+export { PopoverProps, default as Popover } from './Popover';
 export { PopperPlacement, PopperPositionStrategy, PopperController, PopperOptions, PopperProps, default as Popper, } from './Popper';
-export { PortalProps, default as Portal, } from './Portal';
+export { PortalProps, default as Portal } from './Portal';
 export { TransitionProps, default as Transition, CollapseProps, Collapse, FadeProps, Fade, GrowProps, Grow, SlideFadeDirection, SlideFadeProps, SlideFade, ZoomProps, Zoom, } from './Transition';
-export { TooltipProps, default as Tooltip, } from './Tooltip';
+export { TooltipProps, default as Tooltip } from './Tooltip';
 export { CalendarControlModifier, UseCalendarControlModifiersResult, useCalendarControlModifiers, useCalendarModeStack, useCalendarControls, CalendarConfigs, CalendarConfigProviderProps, CalendarContext, useCalendarContext, CalendarConfigProvider, CalendarYearsProps, CalendarYears, CalendarWeeksProps, CalendarWeeks, CalendarMonthsProps, CalendarMonths, CalendarDaysProps, CalendarDays, CalendarDayOfWeekProps, CalendarDayOfWeek, CalendarControlsProps, CalendarControls, CalendarCellProps, CalendarCell, CalendarProps, default as Calendar, } from './Calendar';
 export { TimePanelActionProps, TimePanelAction, TimePanelColumnProps, TimePanelColumn, TimePanelProps, default as TimePanel, } from './TimePanel';
 /** Context */

package/index.js

@@ -2,6 +2,7 @@ export { composeRefs } from './utils/composeRefs.js';
 export { getElement } from './utils/getElement.js';
 export { allowBodyScroll, lockBodyScroll } from './utils/scroll-lock.js';
 export { arrayMove } from './utils/array-move.js';
+export { getScrollbarWidth } from './utils/get-scrollbar-width.js';
 export { useClickAway } from './hooks/useClickAway.js';
 export { useComposeRefs } from './hooks/useComposeRefs.js';
 export { useDocumentEscapeKeyDown } from './hooks/useDocumentEscapeKeyDown.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.14.10",
+  "version": "0.15.0",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -23,15 +23,15 @@
     "build:clean": "node ../../scripts/cleanBuild.js"
   },
   "peerDependencies": {
-    "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "lodash": ">=4",
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "dependencies": {
     "@hello-pangea/dnd": "^16.6.0",
-    "@mezzanine-ui/core": "^0.14.10",
-    "@mezzanine-ui/icons": "^0.14.10",
-    "@mezzanine-ui/system": "^0.14.10",
+    "@mezzanine-ui/core": "^0.15.0",
+    "@mezzanine-ui/icons": "^0.15.0",
+    "@mezzanine-ui/system": "^0.15.0",
     "@popperjs/core": "^2.11.6",
     "@types/react-transition-group": "^4.4.8",
     "clsx": "^2.1.1",

package/utils/get-scrollbar-width.d.ts

@@ -1 +1 @@
-export default function getScrollbarWidth(): number;
+export declare function getScrollbarWidth(): number;

package/utils/get-scrollbar-width.js

@@ -1,4 +1,9 @@
 function getScrollbarWidth() {
+    if (typeof window === 'undefined')
+        return 0;
+    if (document.documentElement.scrollHeight <= window.innerHeight) {
+        return 0;
+    }
     // Create a temporary div container and append it into the body
     const container = document.createElement('div');
     // Append the element into the body
@@ -19,4 +24,4 @@ function getScrollbarWidth() {
     return scrollbarWidth;
 }
 
-export { getScrollbarWidth as default };
+export { getScrollbarWidth };

package/utils/scroll-lock.js

@@ -1,7 +1,7 @@
-import getScrollbarWidth from './get-scrollbar-width.js';
+import { getScrollbarWidth } from './get-scrollbar-width.js';
 
 function lockBodyScroll() {
-    const { scrollY, } = window;
+    const { scrollY } = window;
     document.body.style.position = 'fixed';
     document.body.style.top = `-${scrollY}px`;
     // Calculate scroll bar width and use padding-right to remain layout width.