@driveflux/beam 1.10.0 → 1.11.0

package/dist/datepicker/DatePicker.js

@@ -62,30 +62,6 @@ function _object_spread(target) {
     }
     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 _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();
 }
@@ -97,124 +73,90 @@ function _unsupported_iterable_to_array(o, minLen) {
     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, 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';
-var DATE_INPUT_FORMAT = 'DD-MM-YYYY';
-var DATE_REGEX = /^(0[0-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
-var 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}$/;
-var DatePicker = function(param) {
-    var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, value = param.value, onChange = param.onChange, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, onError = param.onError, inputProps = param.inputProps;
-    var _useState = _sliced_to_array(useState(formatInputBy(value, isRange)), 2), inputValue = _useState[0], setInputValue = _useState[1];
-    var _useState1 = _sliced_to_array(useState(false), 2), focused = _useState1[0], setFocused = _useState1[1];
-    var containerRef = useRef(null);
-    var handleChange = function(e) {
-        var value = e.target.value;
-        setInputValue(value);
-        if (isRange && DATERANGE_REGEX.test(value)) {
-            var _value_split = _sliced_to_array(value.split(' - '), 2), startDate = _value_split[0], endDate = _value_split[1];
-            var _startDate_split = _sliced_to_array(startDate.split('/'), 3), startDay = _startDate_split[0], startMonth = _startDate_split[1], startYear = _startDate_split[2];
-            var _endDate_split = _sliced_to_array(endDate.split('/'), 3), endDay = _endDate_split[0], endMonth = _endDate_split[1], endYear = _endDate_split[2];
-            var formattedStartDate = new Date("".concat(startYear, "-").concat(startMonth, "-").concat(startDay));
-            var formattedEndDate = new Date("".concat(endYear, "-").concat(endMonth, "-").concat(endDay));
-            if (formattedStartDate >= formattedEndDate) {
-                onError === null || onError === void 0 ? void 0 : onError('start-gte-end');
-                return;
-            }
+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';
+var DatePicker = function(props) {
+    var value = props.value, isRange = props.isRange, minDate = props.minDate, onChange = props.onChange, tileDisabled = props.tileDisabled, disableWeekends = props.disableWeekends;
+    var isMobile = useIsMobile();
+    var _useState = _sliced_to_array(useState(value), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+    var _useState1 = _sliced_to_array(useState(formatInputBy(value, isRange)), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(false), 2), focused = _useState2[0], setFocused = _useState2[1];
+    var handleSelect = function(value) {
+        if (isRange && Array.isArray(value) && value && value[0] && value[1]) {
+            setInnerValue([
+                value[0],
+                value[1]
+            ]);
+            setInputValue(formatInputBy([
+                value[0],
+                value[1]
+            ], isRange));
+            return;
+        }
+        if (!isRange && !Array.isArray(value) && value) {
+            setInnerValue(value);
+            setInputValue(formatInputBy(value, isRange));
+            return;
+        }
+    };
+    var handleCancel = function() {
+        setFocused(false);
+        setInnerValue(value);
+        setInputValue(formatInputBy(value, isRange));
+    };
+    var handleApply = function() {
+        if (isRange && Array.isArray(innerValue) && innerValue && innerValue[0] && innerValue[1]) {
             onChange === null || onChange === void 0 ? void 0 : onChange([
-                formattedStartDate,
-                formattedEndDate
+                innerValue[0],
+                innerValue[1]
             ]);
+            setFocused(false);
             return;
         }
-        if (!isRange && DATE_REGEX.test(value)) {
-            var _value_split1 = _sliced_to_array(value.split('/'), 3), day = _value_split1[0], month = _value_split1[1], year = _value_split1[2];
-            onChange === null || onChange === void 0 ? void 0 : onChange(new Date("".concat(year, "-").concat(month, "-").concat(day)));
+        if (!isRange && !Array.isArray(innerValue) && innerValue) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(innerValue);
+            setFocused(false);
             return;
         }
     };
-    useEffect(function() {
-        var handleClick = function(e) {
-            var _containerRef_current;
-            var targetElement = e.target;
-            var isCalendarClick = targetElement.closest('.react-calendar__tile');
-            setFocused(!!((_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : _containerRef_current.contains(targetElement)) || !!isCalendarClick);
-        };
-        document.addEventListener('click', handleClick);
-        return function() {
-            return document.removeEventListener('click', handleClick);
-        };
-    }, []);
-    return /*#__PURE__*/ _jsxs(Box, {
-        ref: containerRef,
-        className: "relative",
-        children: [
-            /*#__PURE__*/ _jsx(InputMask, _object_spread_props(_object_spread({
-                htmlFor: htmlFor,
-                placeholder: placeholder || formatPlaceholderBy(isRange),
-                className: cn(isDisabled ? 'cursor-text' : 'cursor-pointer'),
-                value: inputValue,
-                isDisabled: isDisabled,
-                suffix: /*#__PURE__*/ _jsx(IconCalendar, {
-                    size: '16px'
-                }),
-                onChange: handleChange,
-                onClick: function() {
-                    !isDisabled && setFocused(true);
-                }
-            }, inputProps), {
-                mask: formatPlaceholderBy(isRange),
-                maskReplacement: {
-                    D: /\d/,
-                    M: /\d/,
-                    Y: /\d/
-                },
-                maskTrack: function(data) {
-                    return maskTrackDate(data, isRange);
-                }
-            })),
-            focused && /*#__PURE__*/ _jsx(Box, {
-                className: "absolute top-12 left-0 w-full p-2 border border-primary1 shadow-xl bg-white",
-                children: /*#__PURE__*/ _jsx(Calendar, {
-                    value: value,
-                    onChange: function(value) {
-                        if (isRange && Array.isArray(value) && value && value[0] && value[1]) {
-                            onChange === null || onChange === void 0 ? void 0 : onChange([
-                                value[0],
-                                value[1]
-                            ]);
-                            setInputValue(formatInputBy([
-                                value[0],
-                                value[1]
-                            ], isRange));
-                            return;
-                        }
-                        if (!isRange && !Array.isArray(value) && value) {
-                            onChange === null || onChange === void 0 ? void 0 : onChange(value);
-                            setInputValue(formatInputBy(value, isRange));
-                            return;
-                        }
-                    },
-                    locale: locale || 'en',
-                    selectRange: isRange,
-                    minDate: minDate,
-                    maxDate: maxDate,
-                    calendarType: calendarType
-                })
-            })
-        ]
-    });
+    var weekendTiles = function(args) {
+        if (args.view === 'month') {
+            var day = args.date.getDay();
+            return day === 0 || day === 6;
+        }
+        return false;
+    };
+    var combinedTileDisabled = function(args) {
+        if (disableWeekends && weekendTiles(args)) return true;
+        if (tileDisabled === null || tileDisabled === void 0 ? void 0 : tileDisabled(args)) return true;
+        return false;
+    };
+    return isMobile ? /*#__PURE__*/ _jsx(DatePickerDrawer, _object_spread({
+        innerValue: innerValue,
+        setInnerValue: setInnerValue,
+        inputValue: inputValue,
+        setInputValue: setInputValue,
+        focused: focused,
+        setFocused: setFocused,
+        handleSelect: handleSelect,
+        handleCancel: handleCancel,
+        handleApply: handleApply,
+        tileDisabled: combinedTileDisabled
+    }, props)) : /*#__PURE__*/ _jsx(DatePickerPopover, _object_spread({
+        innerValue: innerValue,
+        setInnerValue: setInnerValue,
+        inputValue: inputValue,
+        setInputValue: setInputValue,
+        focused: focused,
+        setFocused: setFocused,
+        handleSelect: handleSelect,
+        handleCancel: handleCancel,
+        handleApply: handleApply,
+        tileDisabled: combinedTileDisabled
+    }, props));
 };
 export default DatePicker;
-var formatPlaceholderBy = function(isRange) {
-    return isRange ? "".concat(DATE_INPUT_FORMAT, " - ").concat(DATE_INPUT_FORMAT) : DATE_INPUT_FORMAT;
-};
-var formatInputBy = function(value, isRange) {
-    return Array.isArray(value) ? "".concat(format(value[0]), " - ").concat(format(value[1])) : value ? format(value) : formatPlaceholderBy(isRange);
-};

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/datepicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAYyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAapB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAwBpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/datepicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAYyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAapB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAwBpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAA"}

package/dist/datepicker/DatePicker.stories.js

@@ -161,3 +161,24 @@ export var Disabled = {
         });
     }
 };
+export var DisableWeekends = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "no-date-calendar",
+            value: date,
+            onChange: setDate,
+            disableWeekends: true
+        });
+    }
+};
+export var NoDate = {
+    render: function() {
+        var _useState = _sliced_to_array(useState(), 2), date = _useState[0], setDate = _useState[1];
+        return /*#__PURE__*/ _jsx(DatePicker, {
+            htmlFor: "no-date-calendar",
+            value: date,
+            onChange: setDate
+        });
+    }
+};

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;AAsB/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,CA8H/B,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/datepicker/DatePickerDrawer.js

@@ -0,0 +1,133 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { format } from 'date-fns';
+import Calendar from 'react-calendar';
+import Box from '../box/Box';
+import Button from '../button/Button';
+import { Drawer, DrawerClose, DrawerContent, DrawerHeader, DrawerTitle, DrawerTrigger } from '../drawer';
+import FieldWrapper from '../field-wrapper/FieldWrapper';
+import IconCalendar from '../icons/IconCalendar';
+import IconCalendarArrowBack from '../icons/IconCalendarArrowBack';
+import IconCalendarArrowForward from '../icons/IconCalendarArrowForward';
+import IconCalendarDoubleArrowBack from '../icons/IconCalendarDoubleArrowBack';
+import IconCalendarDoubleArrowForward from '../icons/IconCalendarDoubleArrowForward';
+import IconClose from '../icons/IconClose';
+import Stack from '../stack/Stack';
+import Text from '../text/Text';
+import { cn } from '../utils';
+import { formatInputBy } from './utils';
+var DatePickerDrawer = function(param) {
+    var _param_htmlFor = param.htmlFor, htmlFor = _param_htmlFor === void 0 ? 'datepicker' : _param_htmlFor, _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, isRange = param.isRange, providedValue = param.value, minDate = param.minDate, maxDate = param.maxDate, placeholder = param.placeholder, calendarType = param.calendarType, isDisabled = param.isDisabled, inputProps = param.inputProps, drawerTitle = param.drawerTitle, cancelButton = param.cancelButton, applyButton = param.applyButton, tileDisabled = param.tileDisabled, // non-customized props
+    innerValue = param.innerValue, setInnerValue = param.setInnerValue, focused = param.focused, setFocused = param.setFocused, handleSelect = param.handleSelect, handleCancel = param.handleCancel, handleApply = param.handleApply;
+    var handleOpenChange = function(open) {
+        setFocused(open);
+        if (!open) {
+            handleCancel();
+        }
+    };
+    var isApplyDisabled = !innerValue || isRange && (!Array.isArray(innerValue) || innerValue.length !== 2 || !innerValue[0] || !innerValue[1]);
+    return /*#__PURE__*/ _jsx(FieldWrapper, {
+        htmlFor: htmlFor,
+        label: inputProps === null || inputProps === void 0 ? void 0 : inputProps.label,
+        className: 'w-full',
+        children: /*#__PURE__*/ _jsxs(Drawer, {
+            open: focused,
+            onOpenChange: handleOpenChange,
+            children: [
+                /*#__PURE__*/ _jsx(DrawerTrigger, {
+                    asChild: true,
+                    disabled: isDisabled,
+                    className: 'w-full',
+                    children: /*#__PURE__*/ _jsxs(Box, {
+                        className: cn('flex flex-row p-3 border border-primary2 cursor-pointer hover:border-primary4', isDisabled && 'bg-primary2'),
+                        children: [
+                            innerValue ? /*#__PURE__*/ _jsx(Text, {
+                                className: "flex-1",
+                                children: formatInputBy(innerValue, isRange)
+                            }) : /*#__PURE__*/ _jsx(Text, {
+                                className: 'flex-1 text-primary2',
+                                children: placeholder || 'DD-MM-YYYY'
+                            }),
+                            /*#__PURE__*/ _jsx(IconCalendar, {
+                                size: '16px'
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(DrawerContent, {
+                    hideGrabber: true,
+                    className: 'datepicker-content flex flex-col items-stretch rounded-none',
+                    children: [
+                        /*#__PURE__*/ _jsxs(DrawerHeader, {
+                            className: 'flex items-center justify-between py-4 px-6',
+                            children: [
+                                /*#__PURE__*/ _jsx(DrawerTitle, {
+                                    children: /*#__PURE__*/ _jsx(Text, {
+                                        className: 'text-xl font-bold uppercase',
+                                        children: drawerTitle || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.label) || 'date'
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(DrawerClose, {
+                                    className: 'text-primary3',
+                                    children: /*#__PURE__*/ _jsx(IconClose, {
+                                        className: 'w-4 h-4 lg:w-6 lg:h-6'
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Calendar, {
+                            value: innerValue,
+                            onChange: handleSelect,
+                            locale: locale || 'en',
+                            selectRange: isRange,
+                            minDate: minDate,
+                            maxDate: maxDate,
+                            calendarType: calendarType,
+                            formatShortWeekday: function(_, date) {
+                                return format(date, 'EEEEE');
+                            },
+                            className: 'p-6',
+                            tileDisabled: tileDisabled,
+                            tileClassName: 'flex item-center justify-center text-center',
+                            prevLabel: /*#__PURE__*/ _jsx(IconCalendarArrowBack, {
+                                size: 24
+                            }),
+                            nextLabel: /*#__PURE__*/ _jsx(IconCalendarArrowForward, {
+                                size: 24
+                            }),
+                            prev2Label: /*#__PURE__*/ _jsx(IconCalendarDoubleArrowBack, {
+                                size: 24
+                            }),
+                            next2Label: /*#__PURE__*/ _jsx(IconCalendarDoubleArrowForward, {
+                                size: 24
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(Stack, {
+                            className: 'flex flex-row gap-2 py-4 px-6 border-t border-primary1',
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    type: 'button',
+                                    variant: 'outline',
+                                    className: 'w-full text-sm p-3 h-10 tracking-[0.5px]',
+                                    onClick: function() {
+                                        return handleOpenChange(false);
+                                    },
+                                    children: (cancelButton === null || cancelButton === void 0 ? void 0 : cancelButton.label) || 'cancel'
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    className: cn('w-full text-sm p-3 h-10 tracking-[0.5px]', isApplyDisabled && 'bg-primary1 hover:bg-primary1'),
+                                    onClick: isApplyDisabled ? undefined : handleApply,
+                                    children: (applyButton === null || applyButton === void 0 ? void 0 : applyButton.label) || 'apply'
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Box, {
+                            className: 'h-safe-bottom-edge'
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export default DatePickerDrawer;

package/dist/datepicker/DatePickerDrawer.js.map

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

package/dist/datepicker/DatePickerPopover.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerPopover.d.ts","sourceRoot":"","sources":["../../src/datepicker/DatePickerPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAA;AAapE,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAIzE,KAAK,KAAK,GAAG,eAAe,GAAG,oBAAoB,CAAA;AAEnD,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAsJhC,CAAA;AAED,eAAe,iBAAiB,CAAA"}