@driveflux/beam 1.9.14 → 1.9.15

package/dist/command/command.js

@@ -1,30 +1,187 @@
 'use client';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from 'cmdk';
 import * as React from 'react';
 import { Dialog, DialogContent } from '../dialog/index';
 import IconSearch from '../icons/IconSearch';
 import { cn } from '../utils';
-const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className), ...props })));
+var Command = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive, _object_spread({
+        ref: ref,
+        className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className)
+    }, props));
+});
 Command.displayName = CommandPrimitive.displayName;
-const CommandDialog = ({ children, ...props }) => {
-    return (_jsx(Dialog, { ...props, children: _jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400", children: children }) }) }));
+var CommandDialog = function(_param) {
+    var children = _param.children, props = _object_without_properties(_param, [
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx(Dialog, _object_spread_props(_object_spread({}, props), {
+        children: /*#__PURE__*/ _jsx(DialogContent, {
+            className: "overflow-hidden p-0 shadow-lg",
+            children: /*#__PURE__*/ _jsx(Command, {
+                className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400",
+                children: children
+            })
+        })
+    }));
 };
-const CommandInput = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsxs("div", { className: cn('flex h-10 items-center border-b px-3', containerClassName), "cmdk-input-wrapper": "", children: [_jsx(IconSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className), ...props })] })));
+var CommandInput = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, containerClassName = _param.containerClassName, props = _object_without_properties(_param, [
+        "className",
+        "containerClassName"
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('flex h-10 items-center border-b px-3', containerClassName),
+        "cmdk-input-wrapper": "",
+        children: [
+            /*#__PURE__*/ _jsx(IconSearch, {
+                className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+            }),
+            /*#__PURE__*/ _jsx(CommandPrimitive.Input, _object_spread({
+                ref: ref,
+                className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className)
+            }, props))
+        ]
+    });
+});
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
+var CommandList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)
+    }, props));
+});
 CommandList.displayName = CommandPrimitive.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
+var CommandEmpty = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, _object_spread({
+        ref: ref,
+        className: "py-6 text-center text-sm"
+    }, props));
+});
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className), ...props })));
+var CommandGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Group, _object_spread({
+        ref: ref,
+        className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className)
+    }, props));
+});
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className), ...props })));
+var CommandSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className)
+    }, props));
+});
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className), ...props })));
+var CommandItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className)
+    }, props));
+});
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-const CommandShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className), ...props }));
+var CommandShortcut = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("span", _object_spread({
+        className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className)
+    }, props));
 };
 CommandShortcut.displayName = 'CommandShortcut';
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
-//# sourceMappingURL=command.js.map
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator,  };

package/dist/datepicker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import { type FC } from 'react';
-import { type CalendarType } from 'react-calendar';
+import type { CalendarType } from 'react-calendar';
+import type { Value } from 'react-calendar/dist/esm/shared/types.js';
 import type { InputProps } from '../input/Input';
-export type ValuePiece = Date | null;
 export type DatePickerProps = {
     htmlFor?: string;
     locale?: string;
@@ -12,6 +12,13 @@ export type DatePickerProps = {
     isDisabled?: boolean;
     onError?: (type: 'start-gte-end') => void;
     inputProps?: Omit<InputProps, 'htmlFor'>;
+    drawerTitle?: string;
+    resetButton?: {
+        label?: string;
+    };
+    applyButton?: {
+        label?: string;
+    };
 } & ({
     isRange: true;
     value?: [Date, Date];
@@ -21,6 +28,17 @@ export type DatePickerProps = {
     value?: Date;
     onChange?: (value: Date) => void;
 });
+export type DatePickerChildProps = {
+    innerValue: Date | [Date, Date] | undefined;
+    setInnerValue: (value: Date | [Date, Date] | undefined) => void;
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    focused: boolean;
+    setFocused: (value: boolean) => void;
+    handleSelect: (value: Value) => void;
+    handleReset: () => void;
+    handleApply: () => void;
+};
 declare const DatePicker: FC<DatePickerProps>;
 export default DatePicker;
 //# sourceMappingURL=DatePicker.d.ts.map

package/dist/datepicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAA;AAC9E,OAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAGhD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAA;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;CACxC,GAAG,CACD;IACA,OAAO,EAAE,IAAI,CAAA;IACb,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;CACvC,GACD;IACA,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B,CACH,CAAA;AAOD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkHnC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAA;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAKhD,MAAM,MAAM,eAAe,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACD,GAAG,CACD;IACA,OAAO,EAAE,IAAI,CAAA;IACb,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;CACvC,GACD;IACA,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B,CACH,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC,UAAU,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,SAAS,CAAA;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsEnC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/datepicker/DatePicker.js

@@ -1,85 +1,46 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { format } from '@driveflux/time';
-import { useEffect, useRef, useState } from 'react';
-import Calendar from 'react-calendar';
-import Box from '../box/Box';
-import IconCalendar from '../icons/IconCalendar';
-import InputMask from '../input-mask/InputMask';
-import { maskTrackDate } from '../input-mask/mask-trackers';
-import { cn } from '../utils';
-const DATE_INPUT_FORMAT = 'DD-MM-YYYY';
-const DATE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
-const DATERANGE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}\s-\s(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
-const DatePicker = ({ htmlFor = 'datepicker', locale = 'en', isRange, value, onChange, minDate, maxDate, placeholder, calendarType, isDisabled, onError, inputProps, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useIsMobile } from '../hooks/use-media-query';
+import DatePickerDrawer from './DatePickerDrawer';
+import DatePickerPopover from './DatePickerPopover';
+import { formatInputBy } from './utils';
+const DatePicker = (props) => {
+    const { value, isRange, minDate, onChange } = props;
+    const isMobile = useIsMobile();
+    const [innerValue, setInnerValue] = useState(value);
     const [inputValue, setInputValue] = useState(formatInputBy(value, isRange));
     const [focused, setFocused] = useState(false);
-    const containerRef = useRef(null);
-    const handleChange = (e) => {
-        const value = e.target.value;
-        setInputValue(value);
-        if (isRange && DATERANGE_REGEX.test(value)) {
-            const [startDate, endDate] = value.split(' - ');
-            const [startDay, startMonth, startYear] = startDate.split('/');
-            const [endDay, endMonth, endYear] = endDate.split('/');
-            const formattedStartDate = new Date(`${startYear}-${startMonth}-${startDay}`);
-            const formattedEndDate = new Date(`${endYear}-${endMonth}-${endDay}`);
-            if (formattedStartDate >= formattedEndDate) {
-                onError?.('start-gte-end');
-                return;
-            }
-            onChange?.([formattedStartDate, formattedEndDate]);
+    const handleSelect = (value) => {
+        if (isRange && Array.isArray(value) && value && value[0] && value[1]) {
+            setInnerValue([value[0], value[1]]);
             return;
         }
-        if (!isRange && DATE_REGEX.test(value)) {
-            const [day, month, year] = value.split('-');
-            onChange?.(new Date(`${year}-${month}-${day}`));
+        if (!isRange && !Array.isArray(value) && value) {
+            setInnerValue(value);
             return;
         }
     };
-    useEffect(() => {
-        const handleClick = (e) => {
-            const targetElement = e.target;
-            const isCalendarClick = targetElement.closest('.react-calendar__tile');
-            setFocused(!!containerRef.current?.contains(targetElement) || !!isCalendarClick);
-        };
-        document.addEventListener('click', handleClick);
-        return () => document.removeEventListener('click', handleClick);
-    }, []);
-    return (_jsxs(Box, { ref: containerRef, className: "relative", children: [_jsx(InputMask, { htmlFor: htmlFor, placeholder: placeholder || formatPlaceholderBy(isRange), className: cn(isDisabled ? 'cursor-text' : 'cursor-pointer'), value: inputValue, isDisabled: isDisabled, suffix: _jsx(IconCalendar, { size: '16px' }), onChange: handleChange, onClick: () => {
-                    !isDisabled && setFocused(true);
-                }, ...inputProps, mask: formatPlaceholderBy(isRange), maskReplacement: {
-                    D: /\d/,
-                    M: /\d/,
-                    Y: /\d/,
-                }, maskTrack: (data) => maskTrackDate(data, isRange) }), focused && (_jsx(Box, { className: "absolute top-12 left-0 w-full p-2 border border-primary1 shadow-xl bg-white", children: _jsx(Calendar, { value: value, onChange: (value) => {
-                        if (isRange &&
-                            Array.isArray(value) &&
-                            value &&
-                            value[0] &&
-                            value[1]) {
-                            onChange?.([value[0], value[1]]);
-                            setInputValue(formatInputBy([value[0], value[1]], isRange));
-                            return;
-                        }
-                        if (!isRange && !Array.isArray(value) && value) {
-                            onChange?.(value);
-                            setInputValue(formatInputBy(value, isRange));
-                            return;
-                        }
-                    }, locale: locale || 'en', selectRange: isRange, minDate: minDate, maxDate: maxDate, calendarType: calendarType }) }))] }));
+    const handleReset = () => {
+        setInnerValue(minDate || new Date());
+    };
+    const handleApply = () => {
+        if (isRange &&
+            Array.isArray(innerValue) &&
+            innerValue &&
+            innerValue[0] &&
+            innerValue[1]) {
+            onChange?.([innerValue[0], innerValue[1]]);
+            setFocused(false);
+            return;
+        }
+        if (!isRange && !Array.isArray(innerValue) && innerValue) {
+            onChange?.(innerValue);
+            setFocused(false);
+            return;
+        }
+    };
+    return isMobile ? (_jsx(DatePickerDrawer, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleReset: handleReset, handleApply: handleApply, ...props })) : (_jsx(DatePickerPopover, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleReset: handleReset, handleApply: handleApply, ...props }));
 };
 export default DatePicker;
-const formatPlaceholderBy = (isRange) => {
-    return isRange
-        ? `${DATE_INPUT_FORMAT} - ${DATE_INPUT_FORMAT}`
-        : DATE_INPUT_FORMAT;
-};
-const formatInputBy = (value, isRange) => {
-    return Array.isArray(value)
-        ? `${format(value[0])} - ${format(value[1])}`
-        : value
-            ? format(value)
-            : formatPlaceholderBy(isRange);
-};
 //# sourceMappingURL=DatePicker.js.map

package/dist/datepicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/datepicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/datepicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/datepicker/DatePicker.stories.js

@@ -1,67 +1,163 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import DatePicker from './DatePicker.js';
-const meta = {
+var meta = {
     component: DatePicker,
     argTypes: {
         locale: {
-            options: ['en', 'ms', 'zh', 'ar'],
-            control: { type: 'select' },
+            options: [
+                'en',
+                'ms',
+                'zh',
+                'ar'
+            ],
+            control: {
+                type: 'select'
+            }
         },
         calendarType: {
-            options: ['iso8601', 'gregory', 'islamic', 'hebrew'],
-            control: { type: 'select' },
-        },
-    },
+            options: [
+                'iso8601',
+                'gregory',
+                'islamic',
+                'hebrew'
+            ],
+            control: {
+                type: 'select'
+            }
+        }
+    }
 };
 export default meta;
-export const Standard = {
-    render: () => {
-        const [date, setDate] = useState(new Date());
-        return (_jsx(DatePicker, { htmlFor: "standard-calendar", value: date, onChange: setDate }));
-    },
+export var Standard = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(new Date()), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "standard-calendar",
+            value: date,
+            onChange: setDate
+        });
+    }
 };
-export const Locale = {
-    render: () => {
-        const [date, setDate] = useState();
-        return (_jsx(DatePicker, { htmlFor: "standard-calendar", locale: "ms", value: date, onChange: setDate }));
-    },
+export var Locale = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "standard-calendar",
+            locale: "ms",
+            value: date,
+            onChange: setDate
+        });
+    }
 };
-export const Ranged = {
-    render: (args) => {
-        const [dates, setDates] = useState();
-        const [error, setError] = useState('');
-        return (_jsx(DatePicker, { htmlFor: "ranged-calendar", isRange: true, value: dates, onChange: (dates) => {
+export var Ranged = {
+    render: function(args) {
+        var _useState = _sliced_to_array(useState(), 2), dates = _useState[0], setDates = _useState[1];
+        var _useState1 = _sliced_to_array(useState(''), 2), error = _useState1[0], setError = _useState1[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "ranged-calendar",
+            isRange: true,
+            value: dates,
+            onChange: function(dates) {
                 setDates(dates);
                 setError('');
-            }, onError: (type) => type === 'start-gte-end' &&
-                setError('Start Date must be earlier than End Date'), inputProps: {
-                error: error,
-            } }));
-    },
+            },
+            onError: function(type) {
+                return type === 'start-gte-end' && setError('Start Date must be earlier than End Date');
+            },
+            inputProps: {
+                error: error
+            }
+        });
+    }
 };
-export const MinDate = {
-    render: () => {
-        const [date, setDate] = useState();
-        return (_jsx(DatePicker, { htmlFor: "mindate-calendar", minDate: new Date(), value: date, onChange: setDate }));
-    },
+export var MinDate = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "mindate-calendar",
+            minDate: new Date(),
+            value: date,
+            onChange: setDate
+        });
+    }
 };
-export const MaxDate = {
-    render: () => {
-        const [date, setDate] = useState();
-        return (_jsx(DatePicker, { htmlFor: "maxdate-calendar", maxDate: new Date(), value: date, onChange: setDate }));
-    },
+export var MaxDate = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "maxdate-calendar",
+            maxDate: new Date(),
+            value: date,
+            onChange: setDate
+        });
+    }
 };
-export const CalendarType = {
-    render: () => {
-        const [date, setDate] = useState();
-        return (_jsx(DatePicker, { htmlFor: "islamic-calendar", calendarType: "islamic", value: date, onChange: setDate }));
-    },
+export var CalendarType = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "islamic-calendar",
+            calendarType: "islamic",
+            value: date,
+            onChange: setDate
+        });
+    }
 };
-export const Disabled = {
-    render: () => {
-        const [date, setDate] = useState();
-        return (_jsx(DatePicker, { htmlFor: "disabled-calendar", isDisabled: true, value: date, onChange: setDate }));
-    },
+export var Disabled = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "disabled-calendar",
+            isDisabled: true,
+            value: date,
+            onChange: setDate
+        });
+    }
 };
-//# sourceMappingURL=DatePicker.stories.js.map

package/dist/datepicker/DatePickerDrawer.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { DatePickerChildProps, DatePickerProps } from './DatePicker';
+type Props = DatePickerProps & DatePickerChildProps;
+declare const DatePickerDrawer: FC<Props>;
+export default DatePickerDrawer;
+//# sourceMappingURL=DatePickerDrawer.d.ts.map

package/dist/datepicker/DatePickerDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerDrawer.d.ts","sourceRoot":"","sources":["../../src/datepicker/DatePickerDrawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAkB/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAGzE,KAAK,KAAK,GAAG,eAAe,GAAG,oBAAoB,CAAA;AAEnD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAsG/B,CAAA;AAED,eAAe,gBAAgB,CAAA"}