@mezzanine-ui/react 0.6.4

package/hooks/useLastValue.js

@@ -0,0 +1,9 @@
+import { useRef } from 'react';
+
+function useLastValue(value) {
+    const ref = useRef(value);
+    ref.current = value;
+    return ref;
+}
+
+export { useLastValue };

package/hooks/usePreviousValue.d.ts

@@ -0,0 +1 @@
+export declare function usePreviousValue<T>(value: T): T;

package/hooks/usePreviousValue.js

@@ -0,0 +1,11 @@
+import { useRef, useEffect } from 'react';
+
+function usePreviousValue(value) {
+    const ref = useRef(value);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+
+export { usePreviousValue };

package/hooks/useWindowWidth.d.ts

@@ -0,0 +1 @@
+export declare function useWindowWidth(): number | undefined;

package/hooks/useWindowWidth.js

@@ -0,0 +1,15 @@
+import { useState, useEffect } from 'react';
+
+function useWindowWidth() {
+    const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+    function handleResize() {
+        setWindowWidth(window.innerWidth);
+    }
+    useEffect(() => {
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return windowWidth;
+}
+
+export { useWindowWidth };

package/index.d.ts

@@ -0,0 +1,100 @@
+export * from './utils/composeRefs';
+export * from './utils/cx';
+export * from './utils/getElement';
+export * from './utils/jsx-types';
+export * from './utils/rename-types';
+export * from './utils/scroll-lock';
+export * from './hooks/useClickAway';
+export * from './hooks/useComposeRefs';
+export * from './hooks/useDocumentEscapeKeyDown';
+export * from './hooks/useDocumentEvents';
+export * from './hooks/useIsomorphicLayoutEffect';
+export * from './hooks/useLastCallback';
+export * from './hooks/useLastValue';
+export * from './hooks/usePreviousValue';
+export * from './hooks/useDocumentTabKeyDown';
+export * from './hooks/useWindowWidth';
+export * from './Tooltip/useDelayMouseEnterLeave';
+/**
+ * Form hooks
+ */
+export * from './Form/useAutoCompleteValueControl';
+export * from './Form/useCheckboxControlValue';
+export * from './Form/useControlValueState';
+export * from './Form/useCustomControlValue';
+export * from './Form/useInputControlValue';
+export * from './Form/useInputWithClearControlValue';
+export * from './Form/useRadioControlValue';
+export * from './Form/useSelectValueControl';
+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 { 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 { 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, default as Step, } from './Stepper';
+export { StepperProps, 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 { TableProps, TableRefreshProps, TableRefresh, default as Table, } from './Table';
+export { TagSize, TagProps, default as Tag, } from './Tag';
+export { usePagination, PaginationItemProps, PaginationItemType, PaginationItem, PaginationJumperProps, PaginationJumper, 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';
+/**
+ * Data Entry
+ */
+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 { RadioSize, RadioGroupOrientation, RadioGroupOption, RadioGroupProps, RadioGroup, RadioProps, default as Radio, } from './Radio';
+export { AutoComplete, AutoCompleteProps, SelectValue, TreeSelectOption, SelectControl, SelectControlContext, SelectTriggerInputProps, SelectTriggerProps, SelectTrigger, 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 { TextFieldSize, TextFieldProps, default as TextField, } from './TextField';
+export { UploadButtonProps, UploadButton, UploadResultProps, UploadResultSize, UploadResultStatus, UploadResult, } from './Upload';
+export { useTabKeyClose, UsePickerDocumentEventCloseProps, usePickerDocumentEventClose, UsePickerValueProps, usePickerValue, UseRangePickerValueProps, useRangePickerValue, PickerTriggerProps, PickerTrigger, RangePickerTriggerProps, RangePickerTrigger, } from './Picker';
+export { DatePickerCalendarProps, DatePickerCalendar, DatePickerProps, default as DatePicker, } from './DatePicker';
+export { useDateRangeCalendarControls, UseDateRangePickerValueProps, useDateRangePickerValue, DateRangePickerCalendarProps, DateRangePickerCalendar, DateRangePickerProps, default as DateRangePicker, } from './DateRangePicker';
+export { TimePickerPanelProps, TimePickerPanel, TimePickerProps, default as TimePicker, } from './TimePicker';
+export { DateTimePickerPanelProps, DateTimePickerPanel, DateTimePickerProps, default as DateTimePicker, } from './DateTimePicker';
+export { SingleSliderValue, RangeSliderValue, SliderValue, SliderRect, UseSliderCommonProps, UseSingleSliderProps, UseRangeSliderProps, UseSliderProps, UseSliderResult, useSlider, SliderBaseProps, SingleSliderProps, RangeSliderProps, SliderComponentProps, SliderProps, default as Slider, } from './Slider';
+/**
+ * Feedback
+ */
+export { AlertSeverity, AlertProps, default as Alert, } from './Alert';
+export { ConfirmActionsProps, default as ConfirmActions, } from './ConfirmActions';
+export { LoadingProps, default as Loading, } from './Loading';
+export { MessageData, MessageSeverity, default as Message, } from './Message';
+export { ModalSeverity, ModalSize, ModalHeaderProps, ModalHeader, ModalBodyProps, ModalBody, ModalFooterProps, ModalFooter, ModalActionsProps, ModalActions, ModalProps, default as Modal, } from './Modal';
+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';
+/**
+ * Utility
+ */
+export * from './Notifier';
+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 { 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 { 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';

package/index.js

@@ -0,0 +1,148 @@
+export { composeRefs } from './utils/composeRefs.js';
+export { getElement } from './utils/getElement.js';
+export { allowBodyScroll, lockBodyScroll } from './utils/scroll-lock.js';
+export { useClickAway } from './hooks/useClickAway.js';
+export { useComposeRefs } from './hooks/useComposeRefs.js';
+export { useDocumentEscapeKeyDown } from './hooks/useDocumentEscapeKeyDown.js';
+export { useDocumentEvents } from './hooks/useDocumentEvents.js';
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
+export { useLastCallback } from './hooks/useLastCallback.js';
+export { useLastValue } from './hooks/useLastValue.js';
+export { usePreviousValue } from './hooks/usePreviousValue.js';
+export { useDocumentTabKeyDown } from './hooks/useDocumentTabKeyDown.js';
+export { useWindowWidth } from './hooks/useWindowWidth.js';
+export { useDelayMouseEnterLeave } from './Tooltip/useDelayMouseEnterLeave.js';
+export { useAutoCompleteValueControl } from './Form/useAutoCompleteValueControl.js';
+export { useCheckboxControlValue } from './Form/useCheckboxControlValue.js';
+export { useControlValueState } from './Form/useControlValueState.js';
+export { useCustomControlValue } from './Form/useCustomControlValue.js';
+export { useInputControlValue } from './Form/useInputControlValue.js';
+export { useInputWithClearControlValue } from './Form/useInputWithClearControlValue.js';
+export { useRadioControlValue } from './Form/useRadioControlValue.js';
+export { useSelectValueControl } from './Form/useSelectValueControl.js';
+export { useSwitchControlValue } from './Form/useSwitchControlValue.js';
+export { IconButton } from './Button/index.js';
+export { default as Typography } from './Typography/Typography.js';
+export { default as MenuDivider } from './Menu/MenuDivider.js';
+export { default as MenuItem } from './Menu/MenuItem.js';
+export { default as MenuItemGroup, default as OptionGroup } from './Menu/MenuItemGroup.js';
+export { default as Menu } from './Menu/Menu.js';
+export { default as Tab } from './Tabs/Tab.js';
+export { default as TabPane } from './Tabs/TabPane.js';
+export { default as Tabs } from './Tabs/Tabs.js';
+export { default as NavigationItem } from './Navigation/NavigationItem.js';
+export { default as NavigationSubMenu } from './Navigation/NavigationSubMenu.js';
+export { default as Navigation } from './Navigation/Navigation.js';
+export { default as PageFooter } from './PageFooter/PageFooter.js';
+export { default as Step, default as Stepper } from './Stepper/Stepper.js';
+export { default as TableRefresh } from './Table/refresh/TableRefresh.js';
+export { default as Table } from './Table/Table.js';
+export { default as Tag } from './Tag/Tag.js';
+export { default as PaginationItem } from './Pagination/PaginationItem.js';
+export { default as PaginationJumper } from './Pagination/PaginationJumper.js';
+export { default as Pagination } from './Pagination/Pagination.js';
+export { default as TreeNode } from './Tree/TreeNode.js';
+export { default as TreeNodeList } from './Tree/TreeNodeList.js';
+export { default as Tree } from './Tree/Tree.js';
+export { default as Input } from './Input/Input.js';
+export { default as RadioGroup } from './Radio/RadioGroup.js';
+export { default as Radio } from './Radio/Radio.js';
+export { default as AutoComplete } from './Select/AutoComplete.js';
+export { default as SelectTrigger } from './Select/SelectTrigger.js';
+export { default as Option } from './Select/Option.js';
+export { default as TreeSelect } from './Select/TreeSelect.js';
+export { default as Select } from './Select/Select.js';
+export { default as Switch } from './Switch/Switch.js';
+export { default as Textarea } from './Textarea/Textarea.js';
+export { default as TextField } from './TextField/TextField.js';
+export { default as UploadButton } from './Upload/UploadButton.js';
+export { default as UploadResult } from './Upload/UploadResult.js';
+export { default as PickerTrigger } from './Picker/PickerTrigger.js';
+export { default as RangePickerTrigger } from './Picker/RangePickerTrigger.js';
+export { default as TimePickerPanel } from './TimePicker/TimePickerPanel.js';
+export { default as TimePicker } from './TimePicker/TimePicker.js';
+export { default as Slider } from './Slider/Slider.js';
+export { default as Loading } from './Loading/Loading.js';
+export { default as Message } from './Message/Message.js';
+export { default as ModalHeader } from './Modal/ModalHeader.js';
+export { default as ModalBody } from './Modal/ModalBody.js';
+export { default as ModalFooter } from './Modal/ModalFooter.js';
+export { default as ModalActions } from './Modal/ModalActions.js';
+export { default as Modal } from './Modal/Modal.js';
+export { default as Popconfirm } from './Popconfirm/Popconfirm.js';
+export { default as Notification } from './Notification/Notification.js';
+export { default as Progress } from './Progress/Progress.js';
+export { default as Skeleton } from './Skeleton/Skeleton.js';
+export { default as Overlay } from './Overlay/Overlay.js';
+export { default as Popover } from './Popover/Popover.js';
+export { default as Popper } from './Popper/Popper.js';
+export { default as Portal } from './Portal/Portal.js';
+export { default as Transition } from './Transition/Transition.js';
+export { default as Collapse } from './Transition/Collapse.js';
+export { default as Fade } from './Transition/Fade.js';
+export { default as Grow } from './Transition/Grow.js';
+export { default as SlideFade } from './Transition/SlideFade.js';
+export { default as Zoom } from './Transition/Zoom.js';
+export { default as Tooltip } from './Tooltip/Tooltip.js';
+export { default as TimePanelAction } from './TimePanel/TimePanelAction.js';
+export { default as TimePanelColumn } from './TimePanel/TimePanelColumn.js';
+export { default as TimePanel } from './TimePanel/TimePanel.js';
+export { default as Button } from './Button/Button.js';
+export { default as ButtonGroup } from './Button/ButtonGroup.js';
+export { default as Icon } from './Icon/Icon.js';
+export { default as Drawer } from './Drawer/Drawer.js';
+export { default as Dropdown } from './Dropdown/Dropdown.js';
+export { default as AppBarBrand } from './AppBar/AppBarBrand.js';
+export { default as AppBarMain } from './AppBar/AppBarMain.js';
+export { default as AppBarSupport } from './AppBar/AppBarSupport.js';
+export { default as AppBar } from './AppBar/AppBar.js';
+export { default as AccordionSummary } from './Accordion/AccordionSummary.js';
+export { default as AccordionDetails } from './Accordion/AccordionDetails.js';
+export { default as Accordion } from './Accordion/Accordion.js';
+export { default as BadgeContainer } from './Badge/BadgeContainer.js';
+export { default as Badge } from './Badge/Badge.js';
+export { default as CardActions } from './Card/CardActions.js';
+export { default as Card } from './Card/Card.js';
+export { default as Empty } from './Empty/Empty.js';
+export { usePagination } from './Pagination/usePagination.js';
+export { toggleValue, toggleValueWithStatusControl, uniqueArray } from './Tree/toggleValue.js';
+export { traverseTree } from './Tree/traverseTree.js';
+export { useTreeExpandedValue } from './Tree/useTreeExpandedValue.js';
+export { getTreeNodeEntities } from './Tree/getTreeNodeEntities.js';
+export { default as CheckboxGroup } from './Checkbox/CheckboxGroup.js';
+export { default as CheckAll } from './Checkbox/CheckAll.js';
+export { default as Checkbox } from './Checkbox/Checkbox.js';
+export { FormControlContext } from './Form/FormControlContext.js';
+export { default as FormField } from './Form/FormField.js';
+export { default as FormLabel } from './Form/FormLabel.js';
+export { default as FormMessage } from './Form/FormMessage.js';
+export { SelectControlContext } from './Select/SelectControlContext.js';
+export { useTabKeyClose } from './Picker/useTabKeyClose.js';
+export { usePickerDocumentEventClose } from './Picker/usePickerDocumentEventClose.js';
+export { usePickerValue } from './Picker/usePickerValue.js';
+export { useRangePickerValue } from './Picker/useRangePickerValue.js';
+export { default as DatePickerCalendar } from './DatePicker/DatePickerCalendar.js';
+export { default as DatePicker } from './DatePicker/DatePicker.js';
+export { useDateRangeCalendarControls } from './DateRangePicker/useDateRangeCalendarControls.js';
+export { useDateRangePickerValue } from './DateRangePicker/useDateRangePickerValue.js';
+export { default as DateRangePickerCalendar } from './DateRangePicker/DateRangePickerCalendar.js';
+export { default as DateRangePicker } from './DateRangePicker/DateRangePicker.js';
+export { default as DateTimePickerPanel } from './DateTimePicker/DateTimePickerPanel.js';
+export { default as DateTimePicker } from './DateTimePicker/DateTimePicker.js';
+export { useSlider } from './Slider/useSlider.js';
+export { default as Alert } from './Alert/Alert.js';
+export { default as ConfirmActions } from './ConfirmActions/ConfirmActions.js';
+export { useCalendarControlModifiers } from './Calendar/useCalendarControlModifiers.js';
+export { useCalendarModeStack } from './Calendar/useCalendarModeStack.js';
+export { useCalendarControls } from './Calendar/useCalendarControls.js';
+export { default as CalendarConfigProvider, CalendarContext, useCalendarContext } from './Calendar/CalendarContext.js';
+export { default as CalendarYears } from './Calendar/CalendarYears.js';
+export { default as CalendarWeeks } from './Calendar/CalendarWeeks.js';
+export { default as CalendarMonths } from './Calendar/CalendarMonths.js';
+export { default as CalendarDays } from './Calendar/CalendarDays.js';
+export { default as CalendarDayOfWeek } from './Calendar/CalendarDayOfWeek.js';
+export { default as CalendarControls } from './Calendar/CalendarControls.js';
+export { default as CalendarCell } from './Calendar/CalendarCell.js';
+export { default as Calendar } from './Calendar/Calendar.js';
+export { default as cx } from 'clsx';
+export { createNotifier } from './Notifier/createNotifier.js';

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@mezzanine-ui/react",
+  "version": "0.6.4",
+  "description": "React components for mezzanine-ui",
+  "author": "Mezzanine",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Mezzanine-UI/mezzanine.git",
+    "directory": "packages/react"
+  },
+  "license": "MIT",
+  "main": "index.js",
+  "module": "index.js",
+  "typings": "index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "build": "node ../../scripts/build.js",
+    "build:clean": "node ../../scripts/cleanBuild.js",
+    "build-storybook": "build-storybook",
+    "storybook": "start-storybook -p 6006",
+    "deploy-storybook": "npx chromatic --project-token 894b8320410f"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "moment": "^2.29.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "dependencies": {
+    "@mezzanine-ui/core": "^0.6.3",
+    "@mezzanine-ui/icons": "^0.5.0",
+    "@mezzanine-ui/system": "^0.5.2",
+    "@popperjs/core": "^2.9.2",
+    "@types/react-transition-group": "4.4.1",
+    "clsx": "^1.1.1",
+    "react-popper": "^2.2.5",
+    "react-transition-group": "4.4.1",
+    "tslib": "^2.1.0"
+  },
+  "devDependencies": {
+    "@storybook/react": "^6.3.4",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/react-hooks": "^5.1.0",
+    "@types/lodash": "^4.14.168",
+    "@types/moment": "^2.13.0",
+    "@types/react": "^17.0.3",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-test-renderer": "^17.0.1",
+    "chromatic": "^5.9.2",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.1",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-test-renderer": "^17.0.1"
+  }
+}

package/utils/composeRefs.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'react';
+export declare type ComposableRef<T> = Ref<T> | null | undefined;
+export declare type ComposedRef<T> = Extract<Ref<T>, (...args: any[]) => any>;
+/**
+ * Compose all refs to single one.
+ * It's helpful if you want to use useRef in an forwardRef component.
+ *
+ * @example
+ *
+ * const Some = forwardRef((props, ref) => {
+ *   const refFromHook = useRef(null);
+ *   const composedRef = composeRefs([ref, refFromHook]);
+ *
+ *   return (
+ *     <div ref{composedRef}>
+ *       ...
+ *     </div>
+ *   );
+ * });
+ */
+export declare function composeRefs<T>(refs: ComposableRef<T>[]): ComposedRef<T>;

package/utils/composeRefs.js

@@ -0,0 +1,32 @@
+/**
+ * Compose all refs to single one.
+ * It's helpful if you want to use useRef in an forwardRef component.
+ *
+ * @example
+ *
+ * const Some = forwardRef((props, ref) => {
+ *   const refFromHook = useRef(null);
+ *   const composedRef = composeRefs([ref, refFromHook]);
+ *
+ *   return (
+ *     <div ref{composedRef}>
+ *       ...
+ *     </div>
+ *   );
+ * });
+ */
+function composeRefs(refs) {
+    return (element) => {
+        refs.forEach((ref) => {
+            if (typeof ref === 'function') {
+                ref(element);
+            }
+            else if (ref) {
+                // eslint-disable-next-line no-param-reassign
+                ref.current = element;
+            }
+        });
+    };
+}
+
+export { composeRefs };

package/utils/cx.d.ts

@@ -0,0 +1 @@
+export { default as cx } from 'clsx';

package/utils/getElement.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare type ElementGetter = HTMLElement | (() => HTMLElement) | RefObject<HTMLElement | null> | null;
+export declare function getElement(elementGetter?: ElementGetter): HTMLElement | null;

package/utils/getElement.js

@@ -0,0 +1,14 @@
+function getElement(elementGetter) {
+    if (elementGetter) {
+        if (elementGetter instanceof HTMLElement) {
+            return elementGetter;
+        }
+        if (typeof elementGetter === 'function') {
+            return elementGetter();
+        }
+        return elementGetter.current;
+    }
+    return null;
+}
+
+export { getElement };

package/utils/jsx-types.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, DetailedHTMLProps, ElementType, JSXElementConstructor, SVGProps } from 'react';
+export declare type NativeElementTag = keyof JSX.IntrinsicElements;
+export declare type NativeElementPropsWithoutKeyAndRef<T extends NativeElementTag> = Omit<JSX.IntrinsicElements[T], 'key' | 'ref'>;
+export declare type NativeElement<T extends NativeElementTag> = JSX.IntrinsicElements[T] extends DetailedHTMLProps<infer _A, infer E> ? E : JSX.IntrinsicElements[T] extends SVGProps<infer E> ? E : unknown;
+export declare type ComponentPropsWithoutKeyAndRef<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'key'>;
+export declare type ComponentOverridableForwardRefComponentPropsFactory<VC extends NativeElementTag | JSXElementConstructor<any>, C extends VC, P> = Omit<Omit<ComponentPropsWithoutKeyAndRef<C>, keyof P> & P, 'component'> & {
+    /**
+     * Override the component used to render.
+     */
+    component?: VC;
+};

package/utils/rename-types.d.ts

@@ -0,0 +1,5 @@
+export declare type PickRenameMulti<T, R extends {
+    [K in keyof R]: K extends keyof T ? PropertyKey : 'Error: key not in T';
+}> = {
+    [P in keyof T as P extends keyof R ? R[P] : P]: T[P];
+};

package/utils/scroll-lock.d.ts

@@ -0,0 +1,2 @@
+export declare function lockBodyScroll(): void;
+export declare function allowBodyScroll(): void;

package/utils/scroll-lock.js

@@ -0,0 +1,18 @@
+function lockBodyScroll() {
+    const { scrollY, } = window;
+    document.body.style.position = 'fixed';
+    document.body.style.top = `-${scrollY}px`;
+    document.body.style.overflow = 'hidden';
+}
+function allowBodyScroll() {
+    var _a, _b;
+    const scrollY = Number(((_b = (_a = document.body.style) === null || _a === void 0 ? void 0 : _a.top) !== null && _b !== void 0 ? _b : '0').replace(/px/gi, ''));
+    if (document.body.style.position === 'fixed') {
+        document.body.style.position = '';
+        document.body.style.top = '';
+        document.body.style.overflow = '';
+        window.scrollTo(0, (scrollY || 0) * -1);
+    }
+}
+
+export { allowBodyScroll, lockBodyScroll };