@homefile/components-v2 2.40.14 → 2.40.16

package/dist/components/homeBoard/HomeCardWithRecipent.js

@@ -21,5 +21,5 @@ export const HomeCardWithRecipent = ({ address: { city, state, street, number =
             component: (_jsx(HomeCardRecipients, { recipients: recipients, menu: menu, onEditClick: handleEditAccountType })),
         },
     ];
-    return (_jsxs(Container, { variant: "launchpad", children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled, editImage: false }), _jsx(TabsHeader, { tabList: propertyDisabled ? noPropertyTabs : tabs }), handleDeleteAccountType && handleSubmitAccountType && (_jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) }))] }));
+    return (_jsxs(Container, { variant: "launchpad", overflow: 'hidden', children: [_jsx(HomeCard, { city: city, externalLink: externalLink, imageUrl: image, name: name, number: number, street: street, state: state, zip: zip, handleEditClick: () => handleEdit(_id), addImage: addImage, loading: loading, edit: !disabled, editImage: false }), _jsx(TabsHeader, { tabList: propertyDisabled ? noPropertyTabs : tabs }), handleDeleteAccountType && handleSubmitAccountType && (_jsx(RightPanel, { isOpen: isRightOpen, onClose: onRightClose, size: panelSize, children: _jsx(EditAccountType, { associateAccount: editingAccountType, handleClose: onRightClose, handleDelete: handleDeleteAccountType, handleSubmit: handleSubmitAccountType, isLoading: loading }) }))] }));
 };

package/dist/components/inputs/PasswordInput.d.ts

@@ -1,2 +1,2 @@
 import { InputI } from '../../interfaces';
-export declare const PasswordInput: ({ errorMessage, id, handleChange, hasError, placeholder, value, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;
+export declare const PasswordInput: ({ errorMessage, id, handleChange, hasError, placeholder, value, showLabel, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/PasswordInput.js

@@ -12,15 +12,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { InputGroup, Input, InputRightElement, IconButton, FormControl, Text, } from '@chakra-ui/react';
-import { Eye, EyeOff } from '../../components';
+import { Eye, EyeOff, LabeledField } from '../../components';
 export const PasswordInput = (_a) => {
-    var { errorMessage, id, handleChange, hasError, placeholder, value = '' } = _a, props = __rest(_a, ["errorMessage", "id", "handleChange", "hasError", "placeholder", "value"]);
+    var { errorMessage, id, handleChange, hasError, placeholder, value = '', showLabel = true } = _a, props = __rest(_a, ["errorMessage", "id", "handleChange", "hasError", "placeholder", "value", "showLabel"]);
     const [show, setShow] = useState(false);
     const handleClick = () => setShow(!show);
     const ViewIcon = show ? _jsx(Eye, { size: 20 }) : _jsx(EyeOff, { size: 20 });
-    return (_jsxs(FormControl, { isInvalid: hasError, children: [_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({ autoCapitalize: "none", autoCorrect: "off", id: id, placeholder: placeholder, type: show ? 'text' : 'password', value: value, onChange: handleChange }, props)), _jsx(InputRightElement, { width: "3rem", children: _jsx(IconButton, { variant: "icon", "aria-label": "Enter password", icon: ViewIcon, onClick: handleClick, _hover: {
-                                svg: {
-                                    fill: 'blue.3',
-                                },
-                            }, children: show ? 'Hide' : 'Show' }) })] }), hasError && _jsx(Text, { variant: "error", children: errorMessage })] }));
+    const isFilled = String(value).trim().length > 0 && showLabel;
+    return (_jsxs(FormControl, { isInvalid: hasError, children: [_jsx(LabeledField, { label: placeholder, isFilled: isFilled, children: _jsxs(InputGroup, { children: [_jsx(Input, Object.assign({ autoCapitalize: "none", autoCorrect: "off", id: id, placeholder: placeholder, type: show ? 'text' : 'password', value: value, onChange: handleChange }, props)), _jsx(InputRightElement, { width: "3rem", children: _jsx(IconButton, { variant: "icon", "aria-label": "Enter password", icon: ViewIcon, onClick: handleClick, _hover: {
+                                    svg: {
+                                        fill: 'blue.3',
+                                    },
+                                }, children: show ? 'Hide' : 'Show' }) })] }) }), hasError && _jsx(Text, { variant: "error", children: errorMessage })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.40.14",
+  "version": "2.40.16",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",