@app-studio/web 0.6.0 → 0.7.1

package/dist/web.esm.js

@@ -3484,7 +3484,7 @@ var DatePickerView = function DatePickerView(_ref) {
       if (onChangeText) onChangeText(event);
     } else {
       setDate(event.target.value);
-      if (onChange) onChange(event);
+      if (onChange) onChange(event.target.value);
     }
   };
   var fieldStyles = _extends({
@@ -3534,14 +3534,16 @@ var DatePickerView = function DatePickerView(_ref) {
   }, styles), label), React.createElement(DatePickerContent, Object.assign({
     id: id,
     name: name,
-    value: date,
     onFocus: handleFocus,
-    onChange: handleDateChange,
     disabled: isDisabled,
     readOnly: isReadOnly
-  }, fieldStyles, onChangeText && {
+  }, fieldStyles, props, {
+    value: date
+  }, onChangeText && {
     onChangeText: handleDateChange
-  }, props)))));
+  }, {
+    onChange: handleDateChange
+  })))));
 };
 
 var DatePickerComponent = function DatePickerComponent(props) {
@@ -3845,7 +3847,7 @@ var IconSizes$4 = {
   xl: 16
 };
 
-var _excluded$v = ["isHovered", "setIsHovered", "option", "size", "callback"],
+var _excluded$v = ["isHovered", "setIsHovered", "option", "size", "callback", "style"],
   _excluded2$2 = ["id", "name", "value", "onChange", "isMulti", "isDisabled", "isReadOnly", "options"],
   _excluded3$1 = ["option", "size", "removeOption"],
   _excluded4$1 = ["id", "name", "label", "value", "placeholder", "helperText", "hide", "error", "isMulti", "isFocused", "isHovered", "isDisabled", "isReadOnly", "options", "shadow", "size", "colorScheme", "shape", "variant", "styles", "onChange", "setHide", "setValue", "setIsHovered", "setIsFocused", "setHighlightedIndex", "highlightedIndex"];
@@ -3857,6 +3859,7 @@ var Item = function Item(_ref) {
     size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$callback = _ref.callback,
     callback = _ref$callback === void 0 ? function () {} : _ref$callback,
+    style = _ref.style,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
   var handleOptionClick = function handleOptionClick(option) {
     return callback(option);
@@ -3872,12 +3875,13 @@ var Item = function Item(_ref) {
     listStyleType: "none",
     onMouseEnter: handleHover,
     onMouseLeave: handleHover,
-    fontSize: Typography.fontSizes[size],
     onClick: function onClick() {
       return handleOptionClick(option);
     },
     backgroundColor: isHovered ? 'trueGray.100' : 'transparent'
-  }, props), React.createElement(Text, null, " ", option));
+  }, props), React.createElement(Text, Object.assign({
+    fontSize: Typography.fontSizes[size]
+  }, style), option));
 };
 var SelectBox = function SelectBox(_ref2) {
   var _ref2$size = _ref2.size,
@@ -3984,7 +3988,7 @@ var DropDown$1 = function DropDown(_ref4) {
     top: "100%",
     width: "100%",
     display: "flex",
-    zIndex: 1000,
+    zIndex: 100000,
     overflowY: "scroll",
     marginTop: 5,
     marginLeft: 0,
@@ -4007,13 +4011,14 @@ var DropDown$1 = function DropDown(_ref4) {
     return React.createElement(Item, Object.assign({
       key: option,
       size: size,
+      style: styles['text'],
       option: option,
       callback: handleCallback,
       backgroundColor: index === highlightedIndex ? 'color.gray.100' : 'transparent',
       onMouseEnter: function onMouseEnter() {
         return setHighlightedIndex(index);
       }
-    }, itemStates, styles['text']));
+    }, itemStates));
   }));
 };
 var MultiSelect = function MultiSelect(_ref5) {
@@ -5305,7 +5310,6 @@ var ModalContainer = function ModalContainer(_ref2) {
   };
   return React.createElement(Vertical, Object.assign({
     cursor: "default",
-    overflow: "hidden",
     backgroundColor: "white",
     width: isFullScreen ? '100%' : 600,
     height: isFullScreen ? '100%' : 'fit-content',
@@ -5351,7 +5355,6 @@ var ModalBody = function ModalBody(_ref4) {
     borderStyle: 'solid'
   };
   return React.createElement(View, Object.assign({
-    overflowY: "auto",
     paddingVertical: 15,
     paddingHorizontal: 20
   }, defaultBorder, props), children);