@monolith-forensics/monolith-ui 1.2.91 → 1.2.93

package/dist/Button/Button.d.ts

@@ -14,6 +14,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     color?: string;
     disabled?: boolean;
     selected?: boolean;
+    justify?: "start" | "center" | "end";
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Button/Button.js

@@ -188,6 +188,7 @@ const StyledButton = styled.button `
   .inner-span {
     display: flex;
     align-items: center;
+    justify-content: center;
   }
 
   .button-label {
@@ -324,8 +325,8 @@ const StyledLoader = styled.span `
   }
 `;
 const Button = forwardRef((props, ref) => {
-    const { children, loading = false, leftSection = null, rightSection = null, href = null, download = null } = props, other = __rest(props, ["children", "loading", "leftSection", "rightSection", "href", "download"]);
-    const buttonContent = (_jsx("span", { className: "inner-span", style: { height: "100%", width: "100%" }, children: loading ? (_jsx(StyledLoader, { children: _jsx(Loader2Icon, {}) })) : (_jsxs(_Fragment, { children: [leftSection && _jsx("span", { "data-position": "left", children: leftSection }), _jsx("span", { className: "button-label", children: children }), rightSection && _jsx("span", { "data-position": "right", children: rightSection })] })) }));
+    const { children, loading = false, leftSection = null, rightSection = null, href = null, download = null, justify = "center" } = props, other = __rest(props, ["children", "loading", "leftSection", "rightSection", "href", "download", "justify"]);
+    const buttonContent = (_jsx("div", { className: "inner-span", style: { height: "100%", width: "100%", justifyContent: justify }, children: loading ? (_jsx(StyledLoader, { children: _jsx(Loader2Icon, {}) })) : (_jsxs(_Fragment, { children: [leftSection && _jsx("div", { "data-position": "left", children: leftSection }), _jsx("div", { className: "button-label", children: children }), rightSection && _jsx("div", { "data-position": "right", children: rightSection })] })) }));
     return (_jsx(StyledButton, Object.assign({ ref: ref }, other, { children: href ? (_jsx(StyledAnchor, { href: href, download: download, children: buttonContent })) : (buttonContent) })));
 });
 export default Button;

package/dist/Calendar/CalendarStyles.d.ts

@@ -11,26 +11,16 @@ interface CalendarCellProps {
     title?: string;
 }
 export declare const CalendarCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarCellProps>> & string;
-export declare const CalendarDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, CalendarCellProps>> & string;
-export declare const CalendarDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, CalendarCellProps>> & string;
-export declare const HighlightedCalendarDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof CalendarCellProps> & CalendarCellProps, CalendarCellProps>> & string;
-export declare const TodayCalendarDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof CalendarCellProps> & CalendarCellProps, keyof CalendarCellProps> & CalendarCellProps, CalendarCellProps>> & string;
+export declare const CalendarDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, CalendarCellProps>> & string;
+export declare const CalendarDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, CalendarCellProps>> & string;
+export declare const HighlightedCalendarDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, keyof CalendarCellProps> & CalendarCellProps, CalendarCellProps>> & string;
+export declare const TodayCalendarDate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CalendarCellProps> & CalendarCellProps, keyof CalendarCellProps> & CalendarCellProps, keyof CalendarCellProps> & CalendarCellProps, CalendarCellProps>> & string;
 export declare const TimeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimeHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimeHourSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimeMinuteSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TimeItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TimeItemActive: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
+export declare const TimeItemActive: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
 export declare const NoValueButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export {};

package/dist/Calendar/calendarHelpers.d.ts

@@ -35,7 +35,7 @@ export declare const CALENDAR_MONTHS: {
 };
 export declare const CALENDAR_WEEKS = 6;
 export declare const zeroPad: (value: number, length: number) => string;
-export declare const getMonthDays: (month?: number, year?: number) => 29 | 28 | 30 | 31;
+export declare const getMonthDays: (month?: number, year?: number) => 28 | 29 | 30 | 31;
 export declare const getMonthFirstDay: (month?: number, year?: number) => number;
 export declare const isDate: (date: Date) => boolean;
 export declare const isSameMonth: (date: Date, basedate?: Date) => boolean;

package/dist/CheckBox/CheckBox.js

@@ -24,16 +24,18 @@ const CheckBox = styled(({ className, defaultValue = false, value, partialCheck
     color: ${(props) => props.theme.palette.primary.main};
     font-size: ${({ size }) => {
     switch (size) {
-        case "xs":
+        case "xxs":
             return "12px";
+        case "xs":
+            return "14px";
         case "sm":
             return "16px";
         case "md":
-            return "24px";
+            return "18px";
         case "lg":
-            return "32px";
+            return "20px";
         default:
-            return "16px";
+            return "14px";
     }
 }};
   }

package/dist/DateInput/DateInput.d.ts

@@ -5,6 +5,7 @@ interface DateInputProps {
     className?: string;
     style?: React.CSSProperties;
     defaultValue?: string | null | undefined;
+    value?: string | null | undefined;
     format?: FormatOptions;
     label?: string;
     description?: string;
@@ -21,10 +22,11 @@ interface DateInputProps {
     enableCalendar?: boolean;
     utc?: boolean;
     closeOnSelect?: boolean;
+    disabled?: boolean;
 }
-type DateFormatOptions = "MM/DD/YYYY" | "DD/MM/YYYY" | "YYYY-MM-DD";
-type TimeFormatOptions = "HH:mm:ss" | "h:mm:ss A" | "HH:mm:ss.SSS";
-type FormatOptions = DateFormatOptions | `${DateFormatOptions} ${TimeFormatOptions}`;
+export type DateFormatOptions = "MM/DD/YYYY" | "DD/MM/YYYY" | "YYYY-MM-DD";
+export type TimeFormatOptions = "HH:mm:ss" | "h:mm:ss A" | "HH:mm:ss.SSS";
+export type FormatOptions = DateFormatOptions | `${DateFormatOptions} ${TimeFormatOptions}`;
 export type Segment = {
     value: string;
     text: string;

package/dist/DateInput/DateInput.js

@@ -15,6 +15,11 @@ import styled from "styled-components";
 import { FieldLabel, Calendar } from "..";
 import { StyledContent, StyledFloatContainer, ArrowButton, ClearButton, } from "../core";
 import parseTimestamp from "../Utilities/parseTimestamp";
+const StyledContainer = styled.div.attrs({
+    className: "mfui-DateInput",
+}) `
+  width: 100%;
+`;
 const StyledInputContainer = styled.div `
   position: relative;
 
@@ -136,6 +141,15 @@ const StyledInputContainer = styled.div `
   &:focus {
     border: 1px solid ${(props) => props.theme.palette.primary.main};
   }
+
+  &[data-disabled="true"] {
+    opacity: 0.5;
+    pointer-events: none;
+
+    > * {
+      pointer-events: none;
+    }
+  }
 `;
 const InputSegment = styled.div `
   user-select: none;
@@ -178,8 +192,10 @@ const InputSegment = styled.div `
                     : "10px"};
   }
 `;
-const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "YYYY-MM-DD HH:mm:ss", label, description, arrow = true, size = "sm", variant = "outlined", clearable = false, required = false, onChange = () => { }, min, max, error, enableCalendar = false, utc = false, closeOnSelect = true, }, _ref) => {
-    const [value, setValue] = useState(defaultValue);
+const DateInput = forwardRef(({ className, style = {}, defaultValue, value, format = "YYYY-MM-DD HH:mm:ss", label, description, arrow = true, size = "sm", variant = "outlined", clearable = false, required = false, onChange = () => { }, min, max, error, enableCalendar = false, utc = false, closeOnSelect = true, disabled = false, }, _ref) => {
+    const isControlled = value !== undefined;
+    const [unControlledValue, setUncontrolledValue] = useState(defaultValue);
+    const _value = isControlled ? value : unControlledValue;
     const [selectedSegment, setSelectedSegment] = useState();
     const [isOpen, setIsOpen] = useState(false);
     // Check if format is date only and does not include time
@@ -197,7 +213,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
     });
     const dismiss = useDismiss(context);
     const { getReferenceProps } = useInteractions([dismiss]);
-    const segments = useMemo(() => parseTimestamp(moment(value).toISOString(), format, utc), [value, format, utc]);
+    const segments = useMemo(() => parseTimestamp(moment(_value).toISOString(), format, utc), [_value, format, utc]);
     const checkValidRange = (value) => {
         if (!value)
             return false;
@@ -210,7 +226,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
     const handleClear = (e) => {
         e.preventDefault();
         e.stopPropagation();
-        setValue(null);
+        setUncontrolledValue(null);
         onChange === null || onChange === void 0 ? void 0 : onChange(null);
         setIsOpen(false);
     };
@@ -285,7 +301,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
         // Up Arrow
         if (e.key === "ArrowUp") {
             e.preventDefault();
-            setValue((prev) => {
+            setUncontrolledValue((prev) => {
                 if (selectedSegment.type === "separator")
                     return prev;
                 let newValue = prev
@@ -303,7 +319,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
         // Down Arrow
         if (e.key === "ArrowDown") {
             e.preventDefault();
-            setValue((prev) => {
+            setUncontrolledValue((prev) => {
                 if (selectedSegment.type === "separator")
                     return prev;
                 let newValue = prev
@@ -332,7 +348,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
                 Array.from(tempValue).every((c) => c === "0")) {
                 tempValue = "01";
             }
-            setValue((prev) => {
+            setUncontrolledValue((prev) => {
                 if (!(selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.momentType))
                     return prev;
                 const momentValue = utc ? moment.utc(prev) : moment(prev);
@@ -358,7 +374,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
         if (!selectedSegment) {
             return;
         }
-        setValue((prev) => {
+        setUncontrolledValue((prev) => {
             let newValue = prev;
             if (selectedSegment.type === "separator") {
                 newValue = prev; // skip all logic if separator
@@ -391,7 +407,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
             const parsedTimestamp = moment
                 .unix(parseInt(pastedText, 10))
                 .toISOString();
-            setValue(parsedTimestamp);
+            setUncontrolledValue(parsedTimestamp);
             return;
         }
         // check for unix timestamp in seconds with fractional seconds
@@ -399,7 +415,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
             const parsedTimestamp = moment
                 .unix(parseFloat(pastedText))
                 .toISOString();
-            setValue(parsedTimestamp);
+            setUncontrolledValue(parsedTimestamp);
             return;
         }
         // check for unix timestamp in milliseconds
@@ -407,7 +423,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
             const parsedTimestamp = moment
                 .unix(parseInt(pastedText, 10) / 1000)
                 .toISOString();
-            setValue(parsedTimestamp);
+            setUncontrolledValue(parsedTimestamp);
             return;
         }
         // check for windows ldap or filetime timestamp
@@ -415,7 +431,7 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
             const parsedTimestamp = moment
                 .unix((parseInt(pastedText, 10) - 116444736000000000) / 10000000)
                 .toISOString();
-            setValue(parsedTimestamp);
+            setUncontrolledValue(parsedTimestamp);
             return;
         }
         // check for YMD ldap timestamp in format YYYYMMDDHHMMSSZ
@@ -423,14 +439,14 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
             const parsedTimestamp = moment
                 .utc(pastedText, "YYYYMMDDHHmmssZ")
                 .toISOString();
-            setValue(parsedTimestamp);
+            setUncontrolledValue(parsedTimestamp);
             return;
         }
         // check if pasted text is any other valid timestamp
         if (!moment(pastedText).isValid())
             return;
         const parsedTimestamp = moment.utc(pastedText).toISOString();
-        setValue(parsedTimestamp);
+        setUncontrolledValue(parsedTimestamp);
     });
     // Close on outside click
     useEffect(() => {
@@ -460,27 +476,27 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, format = "Y
             document.removeEventListener("wheel", handleWheelEvent);
         };
     }, [selectedSegment]);
-    return (_jsxs("div", { className: "mfui-DateInput", children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: (ref) => {
-                    if (typeof _ref === "function") {
-                        _ref(ref);
-                    }
-                    mainRef.current = ref;
-                    refs.setReference(ref);
-                }, className: className, onClick: handleContainerClick, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, onFocus: (e) => {
+    return (_jsxs(StyledContainer, { ref: (ref) => {
+            if (typeof _ref === "function") {
+                _ref(ref);
+            }
+            mainRef.current = ref;
+            refs.setReference(ref);
+        }, className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { className: "input-container", onClick: handleContainerClick, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, onFocus: (e) => {
                     e.preventDefault();
                     setSelectedSegment(segments[0]);
                 }, onBlur: () => {
                     setSelectedSegment(null);
-                }, "data-empty": !value, role: "textbox", size: size, variant: variant, "data-button-right": arrow || clearable, style: style, children: [segments.map((segment, i) => {
+                }, "data-empty": !_value, "data-disabled": disabled, role: "textbox", size: size, variant: variant, "data-button-right": arrow || clearable, style: style, children: [segments.map((segment, i) => {
                         if (segment.type === "separator") {
                             return (_jsx("div", { className: "separator", tabIndex: -1, onClick: (e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
                                 }, onFocus: (e) => e.preventDefault(), onPointerDown: (e) => e.preventDefault(), "data-type": "separator", "data-identifier": segment.type, "data-has-space": segment.text.includes(" "), "data-placeholder": segment.placeholder, "data-value": segment.value, children: segment.text }, i));
                         }
-                        return (_jsx(InputSegment, { className: "input", tabIndex: i === 0 ? 0 : -1, onClick: (e) => handleSegmentClick(e, segment), "data-type": "input", size: size, "data-identifier": segment.type, "data-has-space": segment.text.includes(" "), "data-placeholder": segment.placeholder, "data-value": segment.value, "data-selected": (selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.index) === segment.index, children: value ? segment.text : segment.placeholder }, i));
-                    }), utc && _jsx("div", { style: { marginLeft: 5 }, children: "UTC" }), clearable && value ? (_jsx(ClearButton, { onClick: handleClear })) : arrow ? (_jsx(ArrowButton, {})) : null] }), enableCalendar && isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(StyledFloatContainer, Object.assign({ ref: refs.setFloating, style: floatingStyles }, getReferenceProps(), { children: _jsx(StyledContent, { maxDropdownHeight: "fit-content", children: _jsx("div", { children: _jsx(Calendar, { value: value ? moment(value).toDate() : undefined, clearable: false, min: min, max: max, onChange: (date) => {
-                                    setValue((prev) => {
+                        return (_jsx(InputSegment, { className: "input", tabIndex: i === 0 ? 0 : -1, onClick: (e) => handleSegmentClick(e, segment), "data-type": "input", size: size, "data-identifier": segment.type, "data-has-space": segment.text.includes(" "), "data-placeholder": segment.placeholder, "data-value": segment.value, "data-selected": (selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.index) === segment.index, children: _value ? segment.text : segment.placeholder }, i));
+                    }), utc && _jsx("div", { style: { marginLeft: 5 }, children: "UTC" }), clearable && _value ? (_jsx(ClearButton, { onClick: handleClear })) : arrow ? (_jsx(ArrowButton, {})) : null] }), !disabled && enableCalendar && isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(StyledFloatContainer, Object.assign({ ref: refs.setFloating, style: floatingStyles }, getReferenceProps(), { children: _jsx(StyledContent, { maxDropdownHeight: "fit-content", children: _jsx("div", { children: _jsx(Calendar, { value: _value ? moment(_value).toDate() : undefined, clearable: false, min: min, max: max, onChange: (date) => {
+                                    setUncontrolledValue((prev) => {
                                         // make copy of prev variable
                                         const oldValue = moment(prev).toISOString();
                                         const result = `${moment(date).format("YYYY-MM-DD")}T${moment(prev || undefined).format("HH:mm:ss")}`;

package/dist/DropDownMenu/DropDownMenu.d.ts

@@ -1,46 +1,3 @@
-import React, { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode, UIEvent } from "react";
-import { ButtonProps } from "../Button";
-import { Size, Variant } from "../core";
-import { DropDownItem } from "./types";
-interface StyledContentProps {
-    maxDropdownHeight?: number | string;
-    variant?: Variant;
-}
-declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProps>> & string;
-export interface DropDownMenuProps {
-    className?: string;
-    children?: ReactNode | string;
-    label?: string;
-    data: DropDownItem[];
-    variant?: Variant;
-    defaultValue?: DropDownItem[];
-    multiselect?: boolean;
-    size?: Size;
-    title?: string;
-    TooltipContent?: ComponentType<any>;
-    renderOption?: (item: DropDownItem) => ReactNode;
-    onChange?: (selected: DropDownItem[], diff: DropDownItem[]) => void;
-    onItemSelect?: (item: DropDownItem) => void;
-    onScroll?: (e: UIEvent<HTMLDivElement>) => void;
-    loading?: boolean;
-    arrow?: boolean;
-    searchable?: boolean;
-    dropDownProps?: ComponentPropsWithoutRef<typeof StyledContent>;
-    buttonRender?: (props: any) => ReactElement;
-    buttonProps?: ButtonProps;
-}
-interface MenuProps {
-    label?: any;
-    nested?: boolean;
-    children?: React.ReactNode;
-    buttonRender?: (props: any) => ReactElement;
-    arrow?: boolean;
-    variant?: Variant;
-    buttonProps?: ButtonProps;
-    size?: Size;
-    buttonSize?: Size;
-    multiselect?: boolean;
-}
-export declare const Menu: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLButtonElement> & MenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const DropDownMenu: ({ data, children, defaultValue, variant, arrow, size, searchable, loading, onScroll, multiselect, renderOption, onItemSelect, onChange, buttonProps, TooltipContent, }: DropDownMenuProps) => import("react/jsx-runtime").JSX.Element;
+import { DropDownMenuProps } from "./types";
+declare const DropDownMenu: ({ data, children, defaultValue, variant, arrow, size, searchable, loading, onScroll, multiselect, renderOption, onItemSelect, onChange, buttonProps, TooltipContent, dropDownProps, }: DropDownMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default DropDownMenu;