@neko-os/ui 0.2.2 → 0.3.0

package/dist/components/inputs/Select.js

@@ -1 +1,219 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/Select.js";var _excluded=["ref"],_excluded2=["value","onChange","onChangeSearch","options","placement","placeholder","initialLabel","useBottomDrawer","useSearch","renderOption","labelKey","valueKey","useRawOption","multiple","onEndReached","renderFooter","renderHeader","pickerProps","popoverProps","popoverMaxHeight","snapPoints"];import{dissoc}from'ramda';import React from'react';import{Icon,IconLabel}from"../presentation";import{Link}from"../actions";import{LinkInput}from"./LinkInput";import{Picker,getOptionLabel,searchOptions}from"./Picker";import{Popover}from"../structure/popover/Popover";import{TextInput}from"./TextInput";import{View}from"../structure";import{useResponsiveValue}from"../../responsive";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";function FullWidthInputWrapper(_ref){var ref=_ref.ref,props=_objectWithoutProperties(_ref,_excluded);return _jsx(View,{fullW:true,ref:ref,children:_jsx(TextInput,Object.assign({},props))});}export function Select(_ref2){var _pickerProps,_pickerProps2,_pickerProps3,_pickerProps4,_pickerProps5,_pickerProps6,_pickerProps7,_this=this,_value3;var value=_ref2.value,onChange=_ref2.onChange,onChangeSearch=_ref2.onChangeSearch,options=_ref2.options,placement=_ref2.placement,placeholder=_ref2.placeholder,initialLabel=_ref2.initialLabel,_ref2$useBottomDrawer=_ref2.useBottomDrawer,useBottomDrawer=_ref2$useBottomDrawer===void 0?{native:true,sm:true,md:true}:_ref2$useBottomDrawer,useSearch=_ref2.useSearch,renderOption=_ref2.renderOption,labelKey=_ref2.labelKey,valueKey=_ref2.valueKey,useRawOption=_ref2.useRawOption,multiple=_ref2.multiple,onEndReached=_ref2.onEndReached,renderFooter=_ref2.renderFooter,renderHeader=_ref2.renderHeader,pickerProps=_ref2.pickerProps,popoverProps=_ref2.popoverProps,popoverMaxHeight=_ref2.popoverMaxHeight,snapPoints=_ref2.snapPoints,props=_objectWithoutProperties(_ref2,_excluded2);var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),focus=_React$useState2[0],setFocus=_React$useState2[1];var _React$useState3=React.useState(''),_React$useState4=_slicedToArray(_React$useState3,2),search=_React$useState4[0],setSearch=_React$useState4[1];var _React$useState5=React.useState(initialLabel||''),_React$useState6=_slicedToArray(_React$useState5,2),inputValue=_React$useState6[0],setInputValue=_React$useState6[1];var _React$useState7=React.useState(value),_React$useState8=_slicedToArray(_React$useState7,2),localValue=_React$useState8[0],setLocalValue=_React$useState8[1];labelKey=labelKey||((_pickerProps=pickerProps)==null?void 0:_pickerProps.labelKey)||'label';valueKey=valueKey||((_pickerProps2=pickerProps)==null?void 0:_pickerProps2.valueKey)||'value';useRawOption=useRawOption||((_pickerProps3=pickerProps)==null?void 0:_pickerProps3.useRawOption);multiple=multiple||((_pickerProps4=pickerProps)==null?void 0:_pickerProps4.multiple);onEndReached=onEndReached||((_pickerProps5=pickerProps)==null?void 0:_pickerProps5.onEndReached);renderFooter=renderFooter||((_pickerProps6=pickerProps)==null?void 0:_pickerProps6.renderFooter);renderHeader=renderHeader||((_pickerProps7=pickerProps)==null?void 0:_pickerProps7.renderHeader);pickerProps=Object.assign({},pickerProps,{labelKey:labelKey,valueKey:valueKey,useRawOption:useRawOption,multiple:multiple,onEndReached:onEndReached,renderFooter:renderFooter,renderHeader:renderHeader});popoverMaxHeight=popoverMaxHeight||300;useBottomDrawer=useResponsiveValue(useBottomDrawer);value=value||localValue;var handleChange=React.useCallback(function(value,option){if(!!multiple){setInputValue(value.map(function(item){return getOptionLabel(options,item,{valueKey:valueKey,labelKey:labelKey});}).join(', '));}else{setInputValue((option==null?void 0:option[labelKey])||getOptionLabel(options,option,{valueKey:valueKey,labelKey:labelKey}));}setLocalValue(value);onChange==null?void 0:onChange(value);},[labelKey,valueKey]);React.useEffect(function(){if(!!multiple){var _value;setInputValue((_value=value)==null?void 0:_value.map==null?void 0:_value.map(function(item){return getOptionLabel(options,item,{valueKey:valueKey,labelKey:labelKey});}).join(', '));}else{var _value2;var label=((_value2=value)==null?void 0:_value2[labelKey])||getOptionLabel(options,value,{valueKey:valueKey,labelKey:labelKey});if(!!label||!value)setInputValue(label);}},[value]);var handleChangeSearch=React.useCallback(function(v){onChangeSearch==null?void 0:onChangeSearch(v);setSearch(v);},[]);var Input=!useSearch||useBottomDrawer?LinkInput:FullWidthInputWrapper;var valueWatcher=multiple&&localValue;var finalRenderOption=React.useCallback(function(params){var _option,_option2,_option3;if(!!renderOption)return renderOption(params);var option=params.option,labelKey=params.labelKey,selected=params.selected;if((_option=option)!=null&&_option.id)option=dissoc('id',option);if((_option2=option)!=null&&_option2.color)option=Object.assign({},option,{color:undefined,iconColor:option.color});return _jsx(IconLabel,Object.assign({},option,{label:(_option3=option)==null?void 0:_option3[labelKey],flex:true,strong:selected}));},[renderOption]);return _jsx(Popover,Object.assign({trigger:"click",placement:placement||'bottomLeft',snapPoints:snapPoints||[450],useBottomDrawer:useBottomDrawer,parentWidth:true,padding:0,watch:[search,options,valueWatcher],unmountOnClose:true,maxHeight:popoverMaxHeight},popoverProps,{renderContent:function renderContent(_ref3){var onClose=_ref3.onClose;return _jsx(Picker,Object.assign({row:false,options:searchOptions(options,search,{labelKey:labelKey}),value:value,gap:0,maxHeight:!useBottomDrawer&&popoverMaxHeight,useFlatList:true,onlyOnScreen:true,itemMinHeight:30,onChange:function onChange(v,option){handleChange(v,option);if(!multiple)onClose();}},pickerProps,{renderHeader:useBottomDrawer&&useSearch?function(){return _jsxs(_Fragment,{children:[_jsx(View,{padding:"md",paddingB:"xs",children:_jsx(TextInput,{prefixIcon:"search-line",prefixIconColor:"text4",value:search,onChange:handleChangeSearch})}),renderHeader==null?void 0:renderHeader()]});}:renderHeader,renderOption:function renderOption(_ref4){var option=_ref4.option,selected=_ref4.selected,onChange=_ref4.onChange;return _jsxs(Link,{row:true,paddingH:useBottomDrawer?'md':'sm',paddingV:"xs",minHeight:useBottomDrawer?'xl':'md',gap:"sm",onMouseDown:function onMouseDown(e){return!!multiple&&e.preventDefault();},onPress:onChange,centerV:true,bg:selected&&'primary_op10',children:[_jsx(View,{flex:true,row:true,children:finalRenderOption({option:option,labelKey:labelKey,selected:selected})}),selected&&_jsx(Icon,{name:"checkbox-circle-fill",primary:true})]});}}));},children:_jsx(Input,Object.assign({value:!!focus?search:inputValue,onChange:handleChangeSearch,onFocus:function onFocus(){handleChangeSearch('');setFocus(true);},onBlur:function onBlur(){setTimeout(function(){setFocus(false);},200);},placeholder:(!multiple||!((_value3=value)!=null&&_value3.length))&&placeholder,suffixIcon:"arrow-down-s-fill",suffixIconColor:"text4",fullW:true},props))}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/Select.js";var _excluded = ["ref"],_excluded2 = ["value", "onChange", "onChangeSearch", "options", "placement", "placeholder", "initialLabel", "useBottomDrawer", "useSearch", "renderOption", "labelKey", "valueKey", "useRawOption", "multiple", "onEndReached", "renderFooter", "renderHeader", "pickerProps", "popoverProps", "popoverMaxHeight", "snapPoints", "startsOpen", "onOpenChange"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { dissoc } from 'ramda';
+import React from 'react';
+
+import { Icon, IconLabel } from "../presentation";
+import { Link } from "../actions";
+import { LinkInput } from "./LinkInput";
+import { Picker, getOptionLabel, searchOptions } from "./Picker";
+import { Popover } from "../structure/popover/Popover";
+import { TextInput } from "./TextInput";
+import { View } from "../structure";
+import { useResponsiveValue } from "../../responsive";import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+
+function FullWidthInputWrapper(_ref) {var ref = _ref.ref,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(View, { fullW: true, ref: ref, children:
+      _jsx(TextInput, Object.assign({}, props)) }
+    ));
+
+}
+
+export function Select(_ref2)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{var _pickerProps,_pickerProps2,_pickerProps3,_pickerProps4,_pickerProps5,_pickerProps6,_pickerProps7,_value,_this = this,_value4;var value = _ref2.value,onChange = _ref2.onChange,onChangeSearch = _ref2.onChangeSearch,options = _ref2.options,placement = _ref2.placement,placeholder = _ref2.placeholder,initialLabel = _ref2.initialLabel,_ref2$useBottomDrawer = _ref2.useBottomDrawer,useBottomDrawer = _ref2$useBottomDrawer === void 0 ? { native: true, sm: true, md: true } : _ref2$useBottomDrawer,useSearch = _ref2.useSearch,renderOption = _ref2.renderOption,labelKey = _ref2.labelKey,valueKey = _ref2.valueKey,useRawOption = _ref2.useRawOption,multiple = _ref2.multiple,onEndReached = _ref2.onEndReached,renderFooter = _ref2.renderFooter,renderHeader = _ref2.renderHeader,pickerProps = _ref2.pickerProps,popoverProps = _ref2.popoverProps,popoverMaxHeight = _ref2.popoverMaxHeight,snapPoints = _ref2.snapPoints,startsOpen = _ref2.startsOpen,_onOpenChange = _ref2.onOpenChange,props = _objectWithoutProperties(_ref2, _excluded2);
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),focus = _React$useState2[0],setFocus = _React$useState2[1];
+  var _React$useState3 = React.useState(''),_React$useState4 = _slicedToArray(_React$useState3, 2),search = _React$useState4[0],setSearch = _React$useState4[1];
+  var _React$useState5 = React.useState(initialLabel || ''),_React$useState6 = _slicedToArray(_React$useState5, 2),inputValue = _React$useState6[0],setInputValue = _React$useState6[1];
+  var _React$useState7 = React.useState(value),_React$useState8 = _slicedToArray(_React$useState7, 2),localValue = _React$useState8[0],setLocalValue = _React$useState8[1];
+
+  labelKey = labelKey || ((_pickerProps = pickerProps) == null ? void 0 : _pickerProps.labelKey) || 'label';
+  valueKey = valueKey || ((_pickerProps2 = pickerProps) == null ? void 0 : _pickerProps2.valueKey) || 'value';
+  useRawOption = useRawOption || ((_pickerProps3 = pickerProps) == null ? void 0 : _pickerProps3.useRawOption);
+  multiple = multiple || ((_pickerProps4 = pickerProps) == null ? void 0 : _pickerProps4.multiple);
+  onEndReached = onEndReached || ((_pickerProps5 = pickerProps) == null ? void 0 : _pickerProps5.onEndReached);
+  renderFooter = renderFooter || ((_pickerProps6 = pickerProps) == null ? void 0 : _pickerProps6.renderFooter);
+  renderHeader = renderHeader || ((_pickerProps7 = pickerProps) == null ? void 0 : _pickerProps7.renderHeader);
+  pickerProps = Object.assign({},
+  pickerProps, {
+
+    labelKey: labelKey,
+    valueKey: valueKey,
+    useRawOption: useRawOption,
+    multiple: multiple,
+    onEndReached: onEndReached,
+    renderFooter: renderFooter,
+    renderHeader: renderHeader });
+
+
+  popoverMaxHeight = popoverMaxHeight || 300;
+
+  useBottomDrawer = useResponsiveValue(useBottomDrawer);
+
+  value = (_value = value) != null ? _value : localValue;
+
+  var handleChange = React.useCallback(
+    function (value, option) {
+      if (!!multiple) {
+        setInputValue(value.map(function (item) {return getOptionLabel(options, item, { valueKey: valueKey, labelKey: labelKey });}).join(', '));
+      } else {
+        setInputValue((option == null ? void 0 : option[labelKey]) || getOptionLabel(options, option, { valueKey: valueKey, labelKey: labelKey }));
+      }
+      setLocalValue(value);
+      onChange == null ? void 0 : onChange(value);
+    },
+    [labelKey, valueKey]
+  );
+
+  React.useEffect(function () {
+    if (!!multiple) {var _value2;
+      setInputValue((_value2 = value) == null ? void 0 : _value2.map == null ? void 0 : _value2.map(function (item) {return getOptionLabel(options, item, { valueKey: valueKey, labelKey: labelKey });}).join(', '));
+    } else {var _value3;
+      var label = ((_value3 = value) == null ? void 0 : _value3[labelKey]) || getOptionLabel(options, value, { valueKey: valueKey, labelKey: labelKey });
+      if (!!label || !value) setInputValue(label);
+    }
+  }, [value]);
+
+  var handleChangeSearch = React.useCallback(function (v) {
+    onChangeSearch == null ? void 0 : onChangeSearch(v);
+    setSearch(v);
+  }, []);
+
+  var Input = !useSearch || useBottomDrawer ? LinkInput : FullWidthInputWrapper;
+  var valueWatcher = multiple && localValue;
+
+  var finalRenderOption = React.useCallback(
+    function (params) {var _option, _option2, _option3;
+      if (!!renderOption) return renderOption(params);
+      var option = params.option,labelKey = params.labelKey,selected = params.selected;
+      if ((_option = option) != null && _option.id) option = dissoc('id', option);
+      if ((_option2 = option) != null && _option2.color) option = Object.assign({}, option, { color: undefined, iconColor: option.color });
+
+      return _jsx(IconLabel, Object.assign({}, option, { label: (_option3 = option) == null ? void 0 : _option3[labelKey], flex: true, strong: selected }));
+    },
+    [renderOption]
+  );
+
+  return (
+    _jsx(Popover, Object.assign({
+      trigger: "click",
+      startsOpen: startsOpen,
+      onOpenChange: function onOpenChange(open) {
+        if (open) handleChangeSearch('');
+        _onOpenChange == null ? void 0 : _onOpenChange(open);
+      },
+      placement: placement || 'bottomLeft',
+      snapPoints: snapPoints || [450],
+      useBottomDrawer: useBottomDrawer,
+      parentWidth: true,
+      padding: 0,
+      watch: [search, options, valueWatcher],
+      unmountOnClose: true,
+      maxHeight: popoverMaxHeight },
+    popoverProps, {
+      renderContent: function renderContent(_ref3) {var onClose = _ref3.onClose;return (
+          _jsx(Picker, Object.assign({
+            row: false,
+            options: searchOptions(options, search, { labelKey: labelKey }),
+            value: value,
+            gap: 0,
+            maxHeight: !useBottomDrawer && popoverMaxHeight,
+            useFlatList: true,
+            onlyOnScreen: true,
+            itemMinHeight: 30,
+            onChange: function onChange(v, option) {
+              handleChange(v, option);
+              if (!multiple) {
+                setFocus(false);
+                onClose();
+              }
+            } },
+          pickerProps, {
+            renderHeader:
+            useBottomDrawer && useSearch ?
+            function () {return (
+                _jsxs(_Fragment, { children: [
+                  _jsx(View, { padding: "md", paddingB: "xs", children:
+                    _jsx(TextInput, {
+                      prefixIcon: "search-line",
+                      prefixIconColor: "text4",
+                      value: search,
+                      onChange: handleChangeSearch }
+                    ) }
+                  ),
+                  renderHeader == null ? void 0 : renderHeader()] }
+                ));} :
+
+            renderHeader,
+
+            renderOption: function renderOption(_ref4) {var option = _ref4.option,selected = _ref4.selected,onChange = _ref4.onChange;return (
+                _jsxs(Link, {
+                  row: true,
+                  paddingH: useBottomDrawer ? 'md' : 'sm',
+                  paddingV: "xs",
+                  minHeight: useBottomDrawer ? 'xl' : 'md',
+                  gap: "sm",
+                  onMouseDown: function onMouseDown(e) {return !!multiple && e.preventDefault();},
+                  onPress: onChange,
+                  centerV: true,
+                  bg: selected && 'primary_op10', children: [
+
+                  _jsx(View, { flex: true, row: true, children:
+                    finalRenderOption({ option: option, labelKey: labelKey, selected: selected }) }
+                  ),
+                  selected && _jsx(Icon, { name: "checkbox-circle-fill", primary: true })] }
+                ));} })
+
+          ));}, children:
+
+
+      _jsx(Input, Object.assign({
+        value: !!focus ? search : inputValue,
+        onChange: handleChangeSearch,
+        onFocus: function onFocus() {
+          handleChangeSearch('');
+          setFocus(true);
+        },
+        onBlur: function onBlur() {
+          setTimeout(function () {
+            setFocus(false);
+          }, 200);
+        },
+
+
+
+
+
+
+
+        placeholder: (!multiple || !((_value4 = value) != null && _value4.length)) && placeholder,
+        suffixIcon: "arrow-down-s-fill",
+        suffixIconColor: "text4",
+        fullW: true },
+      props)
+      ) })
+    ));
+
+}

package/dist/components/inputs/Switch.js

@@ -1 +1,60 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/Switch.js";var _excluded=["value","onChange","disabled","initialValue"],_excluded2=["switchProps"],_excluded3=["option","selected","onChange","labelKey"];import{pipe}from'ramda';import React from'react';import{AbsSwitch}from"../../abstractions/Switch";import{ContentLabel}from"../presentation/ContentLabel";import{Picker}from"./Picker";import{useColorConverter}from"../../modifiers/colorConverter";import{useSizeConverter}from"../../modifiers/sizeConverter";import{useThemeComponentModifier}from"../../modifiers/themeComponent";import{jsx as _jsx}from"react/jsx-runtime";export function Switch(_ref){var value=_ref.value,onChange=_ref.onChange,disabled=_ref.disabled,initialValue=_ref.initialValue,rootProps=_objectWithoutProperties(_ref,_excluded);var _pipe=pipe(useColorConverter('primary'),useSizeConverter('elementHeights','md'),useThemeComponentModifier('Switch'))([{},rootProps]),_pipe2=_slicedToArray(_pipe,2),_pipe2$=_pipe2[0],size=_pipe2$.size,sizeCode=_pipe2$.sizeCode,color=_pipe2$.color,props=_pipe2[1];var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),localValue=_React$useState2[0],setLocalValue=_React$useState2[1];value=value===undefined?localValue:value;onChange=onChange||setLocalValue;var toggle=function toggle(){if(!!disabled)return;setLocalValue(!value);onChange==null?void 0:onChange(!value);};return _jsx(ContentLabel,Object.assign({className:"neko-checkbox",size:sizeCode,gap:8,disabled:disabled,content:_jsx(AbsSwitch,{color:color,value:value,onValueChange:toggle,trackColor:{true:color},disabled:disabled,height:size*0.75})},props));}export function SwitchGroup(_ref2){var _this=this;var switchProps=_ref2.switchProps,props=_objectWithoutProperties(_ref2,_excluded2);return _jsx(Picker,Object.assign({multiple:true,row:false},props,{renderOption:function renderOption(_ref3){var option=_ref3.option,selected=_ref3.selected,onChange=_ref3.onChange,labelKey=_ref3.labelKey,props=_objectWithoutProperties(_ref3,_excluded3);return _jsx(Switch,Object.assign({label:option[labelKey],value:selected,onChange:onChange},props,switchProps));}}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/Switch.js";var _excluded = ["value", "onChange", "disabled", "initialValue"],_excluded2 = ["switchProps"],_excluded3 = ["option", "selected", "onChange", "labelKey"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { pipe } from 'ramda';
+import React from 'react';
+
+import { AbsSwitch } from "../../abstractions/Switch";
+import { ContentLabel } from "../presentation/ContentLabel";
+import { Picker } from "./Picker";
+import { useColorConverter } from "../../modifiers/colorConverter";
+import { useSizeConverter } from "../../modifiers/sizeConverter";
+import { useThemeComponentModifier } from "../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function Switch(_ref) {var value = _ref.value,onChange = _ref.onChange,disabled = _ref.disabled,initialValue = _ref.initialValue,rootProps = _objectWithoutProperties(_ref, _excluded);
+  var _pipe = pipe(
+      useColorConverter('primary'),
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('Switch')
+    )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],size = _pipe2$.size,sizeCode = _pipe2$.sizeCode,color = _pipe2$.color,props = _pipe2[1];
+
+  var _React$useState = React.useState(initialValue),_React$useState2 = _slicedToArray(_React$useState, 2),localValue = _React$useState2[0],setLocalValue = _React$useState2[1];
+  value = value === undefined ? localValue : value;
+  onChange = onChange || setLocalValue;
+
+  var toggle = function toggle() {
+    if (!!disabled) return;
+    setLocalValue(!value);
+    onChange == null ? void 0 : onChange(!value);
+  };
+
+  return (
+    _jsx(ContentLabel, Object.assign({
+      className: "neko-checkbox",
+      size: sizeCode,
+      gap: 8,
+      disabled: disabled,
+      content:
+      _jsx(AbsSwitch, {
+        color: color,
+        value: value,
+        onValueChange: toggle,
+        trackColor: { true: color },
+        disabled: disabled,
+        height: size * 0.75 }
+      ) },
+
+    props)
+    ));
+
+}
+
+export function SwitchGroup(_ref2) {var _this = this;var switchProps = _ref2.switchProps,props = _objectWithoutProperties(_ref2, _excluded2);
+  return (
+    _jsx(Picker, Object.assign({
+      multiple: true,
+      row: false },
+    props, {
+      renderOption: function renderOption(_ref3) {var option = _ref3.option,selected = _ref3.selected,onChange = _ref3.onChange,labelKey = _ref3.labelKey,props = _objectWithoutProperties(_ref3, _excluded3);return (
+          _jsx(Switch, Object.assign({ label: option[labelKey], value: selected, onChange: onChange }, props, switchProps)));} })
+
+    ));
+
+}

package/dist/components/inputs/TextArea.js

@@ -0,0 +1,5 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/TextArea.js";import { TextInput } from "./TextInput";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function TextArea(props) {
+  return _jsx(TextInput, Object.assign({ multiline: true }, props));
+}

package/dist/components/inputs/TextInput.js

@@ -1 +1,32 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/TextInput.js";var _excluded=["onChange"];import{AbsTextInput}from"../../abstractions/TextInput";import{InputWrapper}from"./InputWrapper";import{useColors}from"../../theme/ThemeHandler";import{jsx as _jsx}from"react/jsx-runtime";export function TextInput(_ref){var onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded);var colors=useColors();var STYLE={width:'100%',height:'100%',borderWidth:0,background:'transparent',outline:'none',color:colors.text};return _jsx(InputWrapper,Object.assign({},props,{children:_jsx(AbsTextInput,Object.assign({style:STYLE,placeholderTextColor:colors.text_op30},props,{onChange:onChange}))}));}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/TextInput.js";var _excluded = ["onChange", "multiline", "rows"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { AbsTextInput } from "../../abstractions/TextInput";
+import { InputWrapper } from "./InputWrapper";
+import { useColors } from "../../theme/ThemeHandler";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function TextInput(_ref) {var onChange = _ref.onChange,multiline = _ref.multiline,rows = _ref.rows,props = _objectWithoutProperties(_ref, _excluded);
+  var colors = useColors();
+
+  var STYLE = Object.assign({
+    width: '100%',
+    borderWidth: 0,
+    background: 'transparent',
+    outline: 'none',
+    color: colors.text },
+
+
+
+  multiline ? { resize: 'none' } : { height: '100%' });
+
+
+  return (
+    _jsx(InputWrapper, Object.assign({}, props, { multiline: multiline, children:
+      _jsx(AbsTextInput, Object.assign({
+        style: STYLE,
+        placeholderTextColor: colors.text_op30 },
+      props, {
+        multiline: multiline,
+        rows: rows,
+        onChange: onChange })
+      ) })
+    ));
+
+}

package/dist/components/inputs/UploadInput.js

@@ -0,0 +1,140 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/UploadInput.js";var _excluded = ["value"],_excluded2 = ["value", "remove"],_excluded3 = ["isDragging"],_excluded4 = ["placeholder", "isDragging"],_excluded5 = ["value", "open", "remove", "isDragging", "multiple", "area", "grid", "maxCount"];function _objectDestructuringEmpty(t) {if (null == t) throw new TypeError("Cannot destructure " + t);}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { Icon, Image } from "../presentation";
+import { Link } from "../actions";
+import { LinkInput } from "./LinkInput";
+import { Loading } from "../state";
+import { Text } from "../text";
+import { Upload } from "./upload/Upload";
+import { View } from "../structure";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+function FilePreview(_ref) {var _value$type;var value = _ref.value,props = _objectWithoutProperties(_ref, _excluded);
+  var isImage = (_value$type = value.type) == null ? void 0 : _value$type.startsWith('image/');
+  if (!isImage) {
+    return (
+      _jsx(View, Object.assign({}, props, { bg: "text4_op10", center: true, children:
+        _jsx(Icon, { name: "file-line" }) })
+      ));
+
+  }
+  return _jsx(Image, Object.assign({ src: (value == null ? void 0 : value.uri) || (value == null ? void 0 : value.url) }, props));
+}
+
+function ListItem(_ref2) {var value = _ref2.value,remove = _ref2.remove,props = _objectWithoutProperties(_ref2, _excluded2);
+  var isDone = !(value != null && value.status) || (value == null ? void 0 : value.status) !== 'uploading';
+  var loading = (value == null ? void 0 : value.status) === 'uploading';
+  var hasError = (value == null ? void 0 : value.status) === 'error';
+
+  return (
+    _jsxs(View, { row: true, gap: "sm", centerV: true, border: true, br: "md", paddingR: "md", children: [
+      _jsx(FilePreview, { value: value, width: 50, height: 50, br: "md" }),
+      _jsx(Text, { label: value.name, flex: true }),
+      hasError && _jsx(Text, { label: "Error", sm: true, red: true }),
+      loading && _jsx(Loading, {}),
+      isDone &&
+      _jsx(Link, { onPress: function onPress() {return remove(value);}, padding: "xs", children:
+        _jsx(Icon, { name: "delete-bin-2-line", red: true, xs: true }) }
+      )] }
+
+    ));
+
+}
+
+function GridItem(_ref3) {var value = _ref3.value,remove = _ref3.remove;
+  var loading = (value == null ? void 0 : value.status) === 'uploading';
+  var hasError = (value == null ? void 0 : value.status) === 'error';
+  var isDone = !(value != null && value.status) || (value == null ? void 0 : value.status) !== 'uploading';
+
+  return (
+    _jsxs(View, { width: 80, height: 80, br: "md", hiddenOverflow: true, relative: true, children: [
+      _jsx(FilePreview, { value: value, width: 80, height: 80, br: "md" }),
+      _jsxs(View, { absolute: true, top: 0, right: 0, children: [
+        loading &&
+        _jsx(View, { center: true, bg: "backdrop_op70", br: "md", padding: "xs", children:
+          _jsx(Loading, { sm: true }) }
+        ),
+
+        hasError &&
+        _jsx(View, { center: true, bg: "backdrop_op70", br: "md", padding: "xs", children:
+          _jsx(Icon, { name: "error-warning-line", red: true }) }
+        ),
+
+        isDone &&
+        _jsx(Link, { onPress: function onPress() {return remove(value);}, bg: "backdrop_op70", padding: "xs", children:
+          _jsx(Icon, { name: "delete-bin-2-line", xxs: true, red: true }) }
+        )] }
+
+      )] }
+    ));
+
+}
+
+function AddTile(_ref4) {var isDragging = _ref4.isDragging,props = _objectWithoutProperties(_ref4, _excluded3);
+  return (
+    _jsx(Link, Object.assign({
+      center: true,
+      width: 80,
+      height: 80,
+      border: true,
+      borderStyle: "dashed",
+      br: "md",
+      bg: isDragging ? 'primary_op10' : 'transparent' },
+    props, { children:
+
+      _jsx(Icon, { name: "add-line" }) })
+    ));
+
+}
+
+function DropArea(_ref5) {var placeholder = _ref5.placeholder,isDragging = _ref5.isDragging,props = _objectWithoutProperties(_ref5, _excluded4);
+  return (
+    _jsxs(Link, Object.assign({
+      center: true,
+      gap: "sm",
+      border: true,
+      borderStyle: "dashed",
+      padding: "md",
+      minH: 160,
+      br: "md",
+      bg: isDragging ? 'primary_op10' : 'transparent' },
+    props, { children: [
+
+      _jsx(Icon, { name: "upload-cloud-2-line" }),
+      _jsx(Text, { label: placeholder, text4: true, center: true })] })
+    ));
+
+}
+
+function Content(_ref6) {var _this = this;var value = _ref6.value,open = _ref6.open,remove = _ref6.remove,isDragging = _ref6.isDragging,multiple = _ref6.multiple,area = _ref6.area,grid = _ref6.grid,maxCount = _ref6.maxCount,props = _objectWithoutProperties(_ref6, _excluded5);
+  var items = multiple ? value || [] : value ? [value] : [];
+  var showAdd = multiple ? !maxCount || items.length < maxCount : !value;
+
+  if (grid) {
+    return (
+      _jsxs(View, { row: true, wrap: true, gap: "sm", children: [
+        items.map(function (item) {return (
+            _jsx(GridItem, { value: item, remove: remove }, item._id));}
+        ),
+        showAdd && _jsx(AddTile, { onPress: open, isDragging: isDragging })] }
+      ));
+
+  }
+
+  var placeholder = 'Upload file';
+  var link = area ?
+  _jsx(DropArea, Object.assign({ onPress: open, placeholder: placeholder, isDragging: isDragging }, props)) :
+
+  _jsx(LinkInput, Object.assign({ onPress: open, prefixIcon: "upload-cloud-2-line", placeholder: placeholder }, props));
+
+
+  return (
+    _jsxs(View, { gap: "xs", children: [
+      showAdd && link,
+      items.map(function (item) {return (
+          _jsx(ListItem, { value: item, remove: remove }, item._id));}
+      )] }
+    ));
+
+}
+
+export function UploadInput(_ref7) {var _this2 = this;var props = Object.assign({}, (_objectDestructuringEmpty(_ref7), _ref7));
+  return _jsx(Upload, Object.assign({}, props, { children: function children(params) {return _jsx(Content, Object.assign({}, props, params));} }));
+}

package/dist/components/inputs/_DateInput.native.js

@@ -1 +1,89 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/_DateInput.native.js";var _excluded=["value","onChange","min","max","onCheckDisabled","placement","type","format"];import React from'react';import advancedFormat from'dayjs/esm/plugin/advancedFormat';import dayjs from'dayjs';import weekOfYear from'dayjs/esm/plugin/weekOfYear';dayjs.extend(advancedFormat);dayjs.extend(weekOfYear);import{DatePicker}from"./datePicker/DatePicker";import{MaskInput}from"./MaskInput";import{Popover}from"../structure/popover/Popover";import{isValidDate}from"../calendar/_helpers/dateDisabled";import{jsx as _jsx}from"react/jsx-runtime";export function getDateInputDefaultFormat(type){switch(type){case'year':return'YYYY';case'quarter':return'YYYY-Q';case'month':return'YYYY-MM';case'week':return'YYYY-ww';default:return'YYYY-MM-DD';}}export function DateInput(_ref){var _this=this;var value=_ref.value,onChange=_ref.onChange,min=_ref.min,max=_ref.max,onCheckDisabled=_ref.onCheckDisabled,placement=_ref.placement,_ref$type=_ref.type,type=_ref$type===void 0?'day':_ref$type,format=_ref.format,props=_objectWithoutProperties(_ref,_excluded);format=format||getDateInputDefaultFormat(type);var _React$useState=React.useState(''),_React$useState2=_slicedToArray(_React$useState,2),inputValue=_React$useState2[0],setInputValue=_React$useState2[1];var _React$useState3=React.useState(value),_React$useState4=_slicedToArray(_React$useState3,2),localValue=_React$useState4[0],setLocalValue=_React$useState4[1];value=value||localValue;var validations={min:min,max:max,onCheckDisabled:onCheckDisabled};var handleChange=function handleChange(v){if(!isValidDate(v,format,validations))return;v=!!v?dayjs(v):null;setLocalValue(v);onChange==null?void 0:onChange(v);};var handleChangeInput=function handleChangeInput(v){setInputValue(v);if(!isValidDate(v,format,validations))return;handleChange(v);};var onBlur=function onBlur(){if(isValidDate(inputValue,format,validations))return;handleChange(null);setInputValue('');};React.useEffect(function(){setInputValue(!!value?dayjs(value).format(format):'');},[value]);return false;return _jsx(Popover,{trigger:"click",placement:placement||'bottomLeft',renderContent:function renderContent(_ref2){var onClose=_ref2.onClose;return _jsx(DatePicker,Object.assign({value:value,onChange:function onChange(v){handleChange(v);onClose();}},validations,{type:type}));},children:_jsx(MaskInput,Object.assign({value:inputValue,onChange:handleChangeInput,suffixIcon:"calendar-line",suffixIconColor:"text4",onBlur:onBlur,mask:format.replace(/[DMYQwW]/gi,'9')},props))});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/_DateInput.native.js";var _excluded = ["value", "onChange", "min", "max", "onCheckDisabled", "placement", "type", "format"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {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 _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+import advancedFormat from 'dayjs/esm/plugin/advancedFormat';
+import dayjs from 'dayjs';
+import weekOfYear from 'dayjs/esm/plugin/weekOfYear';
+
+dayjs.extend(advancedFormat);
+dayjs.extend(weekOfYear);
+
+import { DatePicker } from "./datePicker/DatePicker";
+import { MaskInput } from "./MaskInput";
+import { Popover } from "../structure/popover/Popover";
+import { isValidDate } from "../calendar/_helpers/dateDisabled";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function getDateInputDefaultFormat(type) {
+  switch (type) {
+    case 'year':
+      return 'YYYY';
+    case 'quarter':
+      return 'YYYY-Q';
+    case 'month':
+      return 'YYYY-MM';
+    case 'week':
+      return 'YYYY-ww';
+    default:
+      return 'YYYY-MM-DD';
+  }
+}
+
+export function DateInput(_ref) {var _this = this;var value = _ref.value,onChange = _ref.onChange,min = _ref.min,max = _ref.max,onCheckDisabled = _ref.onCheckDisabled,placement = _ref.placement,_ref$type = _ref.type,type = _ref$type === void 0 ? 'day' : _ref$type,format = _ref.format,props = _objectWithoutProperties(_ref, _excluded);
+  format = format || getDateInputDefaultFormat(type);
+  var _React$useState = React.useState(''),_React$useState2 = _slicedToArray(_React$useState, 2),inputValue = _React$useState2[0],setInputValue = _React$useState2[1];
+  var _React$useState3 = React.useState(value),_React$useState4 = _slicedToArray(_React$useState3, 2),localValue = _React$useState4[0],setLocalValue = _React$useState4[1];
+
+  value = value || localValue;
+
+  var validations = { min: min, max: max, onCheckDisabled: onCheckDisabled };
+
+  var handleChange = function handleChange(v) {
+    if (!isValidDate(v, format, validations)) return;
+    v = !!v ? dayjs(v) : null;
+    setLocalValue(v);
+    onChange == null ? void 0 : onChange(v);
+  };
+
+  var handleChangeInput = function handleChangeInput(v) {
+    setInputValue(v);
+    if (!isValidDate(v, format, validations)) return;
+    handleChange(v);
+  };
+
+  var onBlur = function onBlur() {
+    if (isValidDate(inputValue, format, validations)) return;
+    handleChange(null);
+    setInputValue('');
+  };
+
+  React.useEffect(function () {
+    setInputValue(!!value ? dayjs(value).format(format) : '');
+  }, [value]);
+
+  return false;
+  return (
+    _jsx(Popover, {
+      trigger: "click",
+      placement: placement || 'bottomLeft',
+      renderContent: function renderContent(_ref2) {var onClose = _ref2.onClose;return (
+          _jsx(DatePicker, Object.assign({
+            value: value,
+            onChange: function onChange(v) {
+              handleChange(v);
+              onClose();
+            } },
+          validations, {
+            type: type })
+          ));}, children:
+
+
+      _jsx(MaskInput, Object.assign({
+        value: inputValue,
+        onChange: handleChangeInput,
+        suffixIcon: "calendar-line",
+        suffixIconColor: "text4",
+        onBlur: onBlur,
+        mask: format.replace(/[DMYQwW]/gi, '9') },
+      props)
+      ) }
+    ));
+
+}

package/dist/components/inputs/datePicker/DatePicker.js

@@ -1 +1,24 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/datePicker/DatePicker.js";var _excluded=["type"];import{DayPicker}from"./DayPicker";import{MonthPicker}from"./MonthPicker";import{QuarterPicker}from"./QuarterPicker";import{WeekPicker}from"./WeekPicker";import{YearPicker}from"./YearPicker";import{jsx as _jsx}from"react/jsx-runtime";export function DatePicker(_ref){var type=_ref.type,props=_objectWithoutProperties(_ref,_excluded);switch(type){case'year':return _jsx(YearPicker,Object.assign({},props));case'quarter':return _jsx(QuarterPicker,Object.assign({},props));case'month':return _jsx(MonthPicker,Object.assign({},props));case'week':return _jsx(WeekPicker,Object.assign({},props));default:return _jsx(DayPicker,Object.assign({},props));}}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/datePicker/DatePicker.js";var _excluded = ["type"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { DayPicker } from "./DayPicker";
+import { MonthPicker } from "./MonthPicker";
+import { QuarterPicker } from "./QuarterPicker";
+import { WeekPicker } from "./WeekPicker";
+import { YearPicker } from "./YearPicker";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function DatePicker(_ref) {var type = _ref.type,props = _objectWithoutProperties(_ref, _excluded);
+  switch (type) {
+    case 'year':
+      return _jsx(YearPicker, Object.assign({}, props));
+
+    case 'quarter':
+      return _jsx(QuarterPicker, Object.assign({}, props));
+
+    case 'month':
+      return _jsx(MonthPicker, Object.assign({}, props));
+
+    case 'week':
+      return _jsx(WeekPicker, Object.assign({}, props));
+
+    default:
+      return _jsx(DayPicker, Object.assign({}, props));
+  }
+}