@app-studio/web 0.6.0 → 0.7.1

package/dist/components/Form/DatePicker/examples/index.d.ts

@@ -1,8 +1,8 @@
 export * from './ColorScheme';
 export * from './Default';
 export * from './DisabledInput';
-export * from './ErrorCheckbox';
-export * from './FormCheckout';
+export * from './ErrorDatePicker';
+export * from './FormDatePicker';
 export * from './ReadOnlyInput';
 export * from './Shadow';
 export * from './SizeInput';

package/dist/components/Form/Select/Select/Select.props.d.ts

@@ -168,6 +168,10 @@ export interface ItemProps {
      * To set the item's fontSize
      */
     size?: Size;
+    /**
+     * Css styles for the Item
+     */
+    style?: SelectStyles;
     /**
      * other properties
      */

package/dist/components/Form/Select/examples/index.d.ts

@@ -1,4 +1,4 @@
-export * from './color';
+export * from './Color';
 export * from './Default';
 export * from './Disabled';
 export * from './Error';

package/dist/components/Form/TextField/examples/index.d.ts

@@ -11,5 +11,5 @@ export * from './ShapeInput';
 export * from './SizeInput';
 export * from './StylesInput';
 export * from './VariantsInputs';
-export * from './colorScheme';
+export * from './ColorScheme';
 export * from './isClearable';

package/dist/web.cjs.development.js

@@ -3491,7 +3491,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({
@@ -3541,14 +3541,16 @@ var DatePickerView = function DatePickerView(_ref) {
   }, styles), label), React__default.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) {
@@ -3852,7 +3854,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"];
@@ -3864,6 +3866,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);
@@ -3879,12 +3882,13 @@ var Item = function Item(_ref) {
     listStyleType: "none",
     onMouseEnter: handleHover,
     onMouseLeave: handleHover,
-    fontSize: appStudio.Typography.fontSizes[size],
     onClick: function onClick() {
       return handleOptionClick(option);
     },
     backgroundColor: isHovered ? 'trueGray.100' : 'transparent'
-  }, props), React__default.createElement(Text, null, " ", option));
+  }, props), React__default.createElement(Text, Object.assign({
+    fontSize: appStudio.Typography.fontSizes[size]
+  }, style), option));
 };
 var SelectBox = function SelectBox(_ref2) {
   var _ref2$size = _ref2.size,
@@ -3991,7 +3995,7 @@ var DropDown$1 = function DropDown(_ref4) {
     top: "100%",
     width: "100%",
     display: "flex",
-    zIndex: 1000,
+    zIndex: 100000,
     overflowY: "scroll",
     marginTop: 5,
     marginLeft: 0,
@@ -4014,13 +4018,14 @@ var DropDown$1 = function DropDown(_ref4) {
     return React__default.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) {
@@ -5312,7 +5317,6 @@ var ModalContainer = function ModalContainer(_ref2) {
   };
   return React__default.createElement(Vertical, Object.assign({
     cursor: "default",
-    overflow: "hidden",
     backgroundColor: "white",
     width: isFullScreen ? '100%' : 600,
     height: isFullScreen ? '100%' : 'fit-content',
@@ -5358,7 +5362,6 @@ var ModalBody = function ModalBody(_ref4) {
     borderStyle: 'solid'
   };
   return React__default.createElement(View, Object.assign({
-    overflowY: "auto",
     paddingVertical: 15,
     paddingHorizontal: 20
   }, defaultBorder, props), children);