fix(FloatingHelper): fixed removed props.

DevoInc · Jan 15, 2024 · 72fd1e3 · 72fd1e3
1 parent 7c6b798
commit 72fd1e3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 16 deletions.
diff --git a/packages/core/src/components/FloatingHelper/FloatingHelper.mdx b/packages/core/src/components/FloatingHelper/FloatingHelper.mdx
@@ -9,14 +9,12 @@ import * as Stories from './FloatingHelper.stories';
 ## Overview
 
 Component that provides a floating message to assist the user with a particular task or input.
+Usually is used to provide helping info to the user when is filling a form, and we want to save
+screen space avoiding use docked helpers in the fields.
 
 ## How to import
 
-<Source
-  code={`
-import { FloatingHelper } from '@devoinc/genesys-ui';
-`}
-/>
+<Source code={`import { FloatingHelper } from '@devoinc/genesys-ui';`} />
 
 ## Basic usage
 

diff --git a/packages/core/src/components/FloatingHelper/FloatingHelper.tsx b/packages/core/src/components/FloatingHelper/FloatingHelper.tsx
@@ -4,31 +4,22 @@ import { Typography, InlineMessage, HelperProps } from '..';
 import { HELPER_ICON_BUTTON_SIZE_MAP } from '../Helper/constants';
 import { hasStatus } from '../../utils/validations';
 
-export interface FloatingHelperProps extends HelperProps {
-  visible?: boolean;
-  setVisible?: (isVisible: boolean) => void;
-}
-
-export const FloatingHelper: React.FC<FloatingHelperProps> = ({
+export const FloatingHelper: React.FC<HelperProps> = ({
   id,
-  visible = false,
   message,
   size = 'md',
-  setVisible,
   status = 'base',
   tooltip,
 }) => {
   return (
     <InlineMessage
       id={id}
-      setVisible={setVisible}
       trigger={{ size: HELPER_ICON_BUTTON_SIZE_MAP[size] }}
       status={hasStatus(status) ? status : 'help'}
       tooltip={tooltip}
-      visible={visible}
     >
       <InlineMessage.Panel>
-        <Typography.Paragraph>{message}</Typography.Paragraph>
+        <Typography.Paragraph gutterBottom="0">{message}</Typography.Paragraph>
       </InlineMessage.Panel>
     </InlineMessage>
   );

diff --git a/...es/core/src/components/InlineMessage/components/InlineMessagePanel/InlineMessagePanel.tsx b/...es/core/src/components/InlineMessage/components/InlineMessagePanel/InlineMessagePanel.tsx
@@ -75,6 +75,7 @@ export const InlineMessagePanel: React.FC<InlineMessagePanelProps> = ({
       <Panel.Body
         hasScroll={hasScroll}
         panelBodyRef={targetElRef}
+        size="sm"
         styles={inlineMessagePanelBodyMixin({ hasScroll, theme })}
       >
         {children}