feat(UIKIT-1751,StaticDaysCalendar): Добавлена временная возможность …

…включать интерактивность для тултипа (#1145)
kaluga-astral · Sep 19, 2024 · e1147d8 · e1147d8
1 parent 980c379
commit e1147d8
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 3 deletions.
diff --git a/packages/components/src/StaticCalendar/StaticCalendarButton/StaticCalendarButton.tsx b/packages/components/src/StaticCalendar/StaticCalendarButton/StaticCalendarButton.tsx
@@ -10,13 +10,18 @@ export type StaticDateCalendarButtonProps = Omit<
   'variant' | 'title'
 > & {
   tooltipTitle?: ReactNode;
+  disableInteractive?: boolean;
 };
 
 export const StaticCalendarButton = forwardRef<
   HTMLButtonElement,
   StaticDateCalendarButtonProps
->(({ tooltipTitle, disabled, selected, ...props }, ref) => (
-  <StaticCalendarButtonTooltip title={tooltipTitle} isActive={!disabled}>
+>(({ tooltipTitle, disabled, selected, disableInteractive, ...props }, ref) => (
+  <StaticCalendarButtonTooltip
+    title={tooltipTitle}
+    isActive={!disabled}
+    disableInteractive={disableInteractive}
+  >
     <Wrapper
       ref={ref}
       variant={selected ? 'contained' : 'text'}

diff --git a/...components/src/StaticCalendar/StaticCalendarButtonTooltip/StaticCalendarButtonTooltip.tsx b/...components/src/StaticCalendar/StaticCalendarButtonTooltip/StaticCalendarButtonTooltip.tsx
@@ -4,6 +4,10 @@ import { Tooltip } from '../../Tooltip';
 
 type StaticCalendarButtonTooltipProps = {
   title: ReactNode;
+  /**
+   * @default true
+   */
+  disableInteractive?: boolean;
   isActive: boolean;
   children: JSX.Element;
 };
@@ -12,10 +16,11 @@ export const StaticCalendarButtonTooltip = ({
   children,
   title,
   isActive,
+  disableInteractive = true,
 }: StaticCalendarButtonTooltipProps) => {
   if (isActive) {
     return (
-      <Tooltip title={title} disableInteractive>
+      <Tooltip title={title} disableInteractive={disableInteractive}>
         {children}
       </Tooltip>
     );

diff --git a/packages/components/src/StaticCalendar/StaticDaysCalendar/DayButton/DayButton.tsx b/packages/components/src/StaticCalendar/StaticDaysCalendar/DayButton/DayButton.tsx
@@ -16,13 +16,20 @@ type MainButtonProps = Item & {
   isNextItemInSelectedRange?: boolean;
   onClick?: (date: Date) => void;
   onDayHover?: (date?: Date) => void;
+  /**
+   * Пропс отвечающий за отключение возможности взаимодействия с тултипом
+   * @deprecated временное решение, и в последующем будет убрано
+   * @default true
+   */
+  disableTooltipInteractive?: boolean;
 };
 
 export const DayButton = ({
   onClick,
   renderDayContent,
   renderDayTooltipTitle,
   onDayHover,
+  disableTooltipInteractive,
   ...props
 }: MainButtonProps) => {
   const {
@@ -57,6 +64,7 @@ export const DayButton = ({
       isNextItemInSelectedRange={props.isNextItemInSelectedRange}
       onMouseEnter={handleMouseEnter}
       isInHoveredRange={props.isInHoveredRange}
+      disableInteractive={disableTooltipInteractive}
     >
       {handleRenderDayContent(props)}
     </StaticCalendarGridButton>

diff --git a/packages/components/src/StaticCalendar/StaticDaysCalendar/StaticDaysCalendar.tsx b/packages/components/src/StaticCalendar/StaticDaysCalendar/StaticDaysCalendar.tsx
@@ -33,6 +33,11 @@ export type StaticDaysCalendarProps = {
    * @default по умолчанию рендерится день месяца
    */
   renderDayContent?: (item: Item) => ReactNode;
+  /**
+   * Метод, решающий необходимость отключения возможности взаимодействия с тултипом
+   * @deprecated временное решение, и в последующем будет убрано
+   */
+  checkDisableTooltipInteractive?: (item: Item) => boolean;
   /**
    * Флаг, отвечающий за необходимость скрытия дней, не относящихся к диапазону основного месяца
    */
@@ -65,6 +70,7 @@ const StaticDaysCalendarInner = memo(
     selectedRanges,
     hideOutOfAvailableRangeElements,
     productionCalendarStorage,
+    checkDisableTooltipInteractive,
   }: StaticDaysCalendarProps) => {
     const id = useId();
 
@@ -116,6 +122,9 @@ const StaticDaysCalendarInner = memo(
                 onClick={onChange}
                 onDayHover={onDayHover}
                 renderDayTooltipTitle={renderDayTooltipTitle}
+                disableTooltipInteractive={checkDisableTooltipInteractive?.(
+                  item,
+                )}
                 renderDayContent={renderDayContent}
               />
             ) : (