@driveflux/beam 2.0.12 → 2.0.14

package/dist/command/command.js

@@ -1,187 +1,30 @@
 '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';
-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));
-});
+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 })));
 Command.displayName = CommandPrimitive.displayName;
-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 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 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-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className)
-            }, props))
-        ]
-    });
-});
+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-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className), ...props })] })));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-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));
-});
+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 })));
 CommandList.displayName = CommandPrimitive.List.displayName;
-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));
-});
+const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-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));
-});
+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 })));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-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));
-});
+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 })));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-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-xs px-2 py-1.5 text-sm outline-hidden 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));
-});
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden 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;
-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));
+const CommandShortcut = ({ className, ...props }) => {
+    return (_jsx("span", { 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,  };
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.js.map

package/dist/datepicker/DatePicker.js

@@ -1,100 +1,20 @@
 'use client';
-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 _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 _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 _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 _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 { 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, error = props.error;
-    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) {
+const DatePicker = (props) => {
+    const { value, isRange, minDate, onChange, tileDisabled, disableWeekends, error, } = props;
+    const isMobile = useIsMobile();
+    const [innerValue, setInnerValue] = useState(value);
+    const [inputValue, setInputValue] = useState(formatInputBy(value, isRange));
+    const [focused, setFocused] = useState(false);
+    const handleSelect = (value) => {
         if (isRange && Array.isArray(value) && value && value[0] && value[1]) {
-            setInnerValue([
-                value[0],
-                value[1]
-            ]);
-            setInputValue(formatInputBy([
-                value[0],
-                value[1]
-            ], isRange));
+            setInnerValue([value[0], value[1]]);
+            setInputValue(formatInputBy([value[0], value[1]], isRange));
             return;
         }
         if (!isRange && !Array.isArray(value) && value) {
@@ -103,62 +23,42 @@ var DatePicker = function(props) {
             return;
         }
     };
-    var handleCancel = function() {
+    const handleCancel = () => {
         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([
-                innerValue[0],
-                innerValue[1]
-            ]);
+    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 === null || onChange === void 0 ? void 0 : onChange(innerValue);
+            onChange?.(innerValue);
             setFocused(false);
             return;
         }
     };
-    var weekendTiles = function(args) {
+    const weekendTiles = (args) => {
         if (args.view === 'month') {
-            var day = args.date.getDay();
+            const 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;
+    const combinedTileDisabled = (args) => {
+        if (disableWeekends && weekendTiles(args))
+            return true;
+        if (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,
-        error: error
-    }, 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,
-        error: error
-    }, props));
+    return isMobile ? (_jsx(DatePickerDrawer, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleCancel: handleCancel, handleApply: handleApply, tileDisabled: combinedTileDisabled, error: error, ...props })) : (_jsx(DatePickerPopover, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleCancel: handleCancel, handleApply: handleApply, tileDisabled: combinedTileDisabled, error: error, ...props }));
 };
 export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/dist/datepicker/DatePicker.stories.js

@@ -1,184 +1,79 @@
-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';
-var meta = {
+const 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 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 Standard = {
+    render: () => {
+        const [date, setDate] = useState(new Date());
+        return (_jsx(DatePicker, { htmlFor: "standard-calendar", 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 Locale = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "standard-calendar", locale: "ms", value: date, onChange: setDate }));
+    },
 };
-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) {
+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) => {
                 setDates(dates);
                 setError('');
-            },
-            onError: function(type) {
-                return type === 'start-gte-end' && setError('Start Date must be earlier than End Date');
-            },
-            inputProps: {
-                error: error
-            }
-        });
-    }
+            }, onError: (type) => type === 'start-gte-end' &&
+                setError('Start Date must be earlier than End Date'), inputProps: {
+                error: error,
+            } }));
+    },
 };
-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 MinDate = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "mindate-calendar", minDate: 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 MaxDate = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "maxdate-calendar", maxDate: new Date(), 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 CalendarType = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "islamic-calendar", calendarType: "islamic", 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
-        });
-    }
+export const Disabled = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "disabled-calendar", isDisabled: true, value: date, onChange: setDate }));
+    },
 };
-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 const DisableWeekends = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_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
-        });
-    }
+export const NoDate = {
+    render: () => {
+        const [date, setDate] = useState();
+        return (_jsx(DatePicker, { htmlFor: "no-date-calendar", value: date, onChange: setDate }));
+    },
 };
+//# sourceMappingURL=DatePicker.stories.js.map