flipper-ui 0.30.0 → 0.30.1

package/core/inputs/text-field/index.d.ts

@@ -56,11 +56,11 @@ interface IEditProps extends Pick<TextFieldProps, 'showEdit' | 'style'> {
 }
 export declare const TextFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StaticTextFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "iconOutlined" | "outlinedInput" | "outlinedLabel" | "outlinedMultiline">;
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "iconOutlined" | "listOptions" | "outlinedInput" | "outlinedLabel" | "outlinedMultiline">;
 export declare const coerceComboOptions: (input: string) => IOption[];
 export declare const toLispCase: (name: string) => string;
 export declare const HelperBox: (props: IHelperProps) => JSX.Element;
-export declare const renderOptions: (options: TextFieldProps['options']) => "" | JSX.Element[] | undefined;
+export declare const renderOptions: (options: TextFieldProps['options'], classes: Record<string, string>) => "" | JSX.Element[] | undefined;
 export declare const EditBox: (props: IEditProps) => JSX.Element;
 export declare const TextField: ({ options, margin, padding, style, error, variant, InputLabelProps, InputProps, SelectProps, autoComplete, onHelperClick, helperIcon, fullWidth, hasClear, onClear, children, ...otherProps }: TextFieldProps) => JSX.Element;
 export default TextField;

package/core/inputs/text-field/index.js

@@ -39,6 +39,14 @@ exports.TextFieldWrapper = TextFieldWrapper;
 var StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n"])));
 exports.StaticTextFieldWrapper = StaticTextFieldWrapper;
 var useStyles = (0, _styles.makeStyles)({
+  listOptions: {
+    outline: 'none',
+    cursor: 'pointer',
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans- serif',
+    '&:hover': {
+      backgroundColor: 'rgba(0, 0, 0, 0.04)'
+    }
+  },
   input: {
     fontSize: '14px',
     padding: '10px',
@@ -81,8 +89,7 @@ var HelperBox = function HelperBox(props) {
 };
 /* Jest-ignore-start ignore next */
 exports.HelperBox = HelperBox;
-var renderOptions = function renderOptions(options) {
-  console.log(options);
+var renderOptions = function renderOptions(options, classes) {
   var comboOptions = typeof options === 'string' ? coerceComboOptions(options) : options;
   return options &&
   // @ts-ignore
@@ -91,7 +98,10 @@ var renderOptions = function renderOptions(options) {
       id: toLispCase("option-".concat(option.value)),
       key: option.value,
       disabled: option.disabled,
-      value: option.value
+      value: option.value,
+      classes: {
+        root: classes.listOptions
+      }
     }, option.label);
   });
 };
@@ -193,18 +203,11 @@ var TextField = function TextField(_ref) {
       }
     }, InputProps),
     SelectProps: _objectSpread(_objectSpread({
-      MenuProps: {
-        PaperProps: {
-          style: {
-            fontFamily: '"Roboto", "Helvetica", "Arial", sans- serif'
-          }
-        }
-      },
       classes: {
         iconOutlined: hasClear ? clearClass.iconOutlined : classes.iconOutlined
       }
     }, endAdornment), SelectProps)
-  }, otherProps), options ? renderOptions(options) : children), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
+  }, otherProps), options ? renderOptions(options, classes) : children), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: handleClick
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.0",
+  "version": "0.30.1",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",