From 562db0d31dc4e6b2371047f84a0d7ee1b2e8679f Mon Sep 17 00:00:00 2001
From: Wroud <wrouds@gmail.com>
Date: Mon, 2 Nov 2020 16:28:08 +0300
Subject: [PATCH] feat(core-blocks): CB-341 add states for
 ObjectPropertyInfoForm

---
 .../ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx  | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/webapp/packages/core-blocks/src/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx b/webapp/packages/core-blocks/src/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx
index f00e8a347f..ad992f6838 100644
--- a/webapp/packages/core-blocks/src/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx
+++ b/webapp/packages/core-blocks/src/ObjectPropertyInfoForm/ObjectPropertyInfoForm.tsx
@@ -20,9 +20,11 @@ import { formStyles } from './formStyles';
 interface Props {
   properties: ObjectPropertyInfo[] | undefined;
   credentials: Record<string, string | number>;
-  disabled?: boolean;
   autofillToken?: string;
   className?: string;
+  disabled?: boolean;
+  readOnly?: boolean;
+  autoHide?: boolean;
   onFocus?: (name: string) => void;
 }
 
@@ -31,9 +33,11 @@ const RESERVED_KEYWORDS = ['no', 'off', 'new-password'];
 export const ObjectPropertyInfoForm: React.FC<Props> = observer(function ObjectPropertyInfoForm({
   properties,
   credentials,
-  disabled,
   autofillToken = '',
   className,
+  disabled,
+  readOnly,
+  autoHide,
   onFocus,
 }) {
   const style = useStyles(formStyles);
@@ -66,6 +70,8 @@ export const ObjectPropertyInfoForm: React.FC<Props> = observer(function ObjectP
             name={property.id!}
             state={credentials}
             disabled={disabled}
+            readOnly={readOnly}
+            autoHide={autoHide}
             autoComplete={RESERVED_KEYWORDS.includes(autofillToken) ? autofillToken : `${autofillToken} ${property.id}`}
             mod='surface'
             onFocus={handleFocus}