[CP-3145] place refactored to placement

mudita · Oct 2, 2024 · a8b326e · a8b326e
1 parent 39c9290
commit a8b326e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/libs/device/models/src/lib/feature/extra-config.ts b/libs/device/models/src/lib/feature/extra-config.ts
@@ -5,14 +5,14 @@
 
 import { z } from "zod"
 
-const TooltipPlaceEnum = z.enum(["bottom-right", "bottom-left"]);
+const TooltipPlacementEnum = z.enum(["bottom-right", "bottom-left"]);
 
-export type TooltipPlace = z.infer<typeof TooltipPlaceEnum>;
+export type TooltipPlacement = z.infer<typeof TooltipPlacementEnum>;
 
 const tooltipSchema = z.object({
   contentText: z.string().optional(),
   contentList: z.array(z.string()).optional(),
-  place: TooltipPlaceEnum.optional(),
+  placement: TooltipPlacementEnum.optional(),
 })
 
 export const extraConfigSchema = z.object({

diff --git a/libs/generic-view/feature/src/lib/setup-component.tsx b/libs/generic-view/feature/src/lib/setup-component.tsx
@@ -169,7 +169,7 @@ export const setupComponent = <P extends object>(
       )
 
       return extra?.tooltip ? (
-        <Tooltip place={extra.tooltip.place}>
+        <Tooltip placement={extra.tooltip.placement}>
           <Tooltip.Anchor>{componentElement}</Tooltip.Anchor>
           <Tooltip.Content $defaultStyles>
             <Paragraph5>{extra.tooltip.contentText}</Paragraph5>

diff --git a/libs/generic-view/ui/src/lib/interactive/tooltip/tooltip.tsx b/libs/generic-view/ui/src/lib/interactive/tooltip/tooltip.tsx
@@ -14,16 +14,16 @@ import React, {
 } from "react"
 import styled, { css } from "styled-components"
 import { BaseGenericComponent } from "generic-view/utils"
-import { TooltipPlace } from "device/models"
+import { TooltipPlacement } from "device/models"
 
 export const Tooltip: BaseGenericComponent<
   undefined,
   undefined,
-  { place?: TooltipPlace }
+  { placement?: TooltipPlacement }
 > & {
   Anchor: typeof TooltipAnchor
   Content: typeof TooltipContent
-} = ({ children, place = "bottom-right" }) => {
+} = ({ children, placement = "bottom-right" }) => {
   const [anchorPosition, setAnchorPosition] = useState<{
     top?: number
     left?: number
@@ -40,19 +40,19 @@ export const Tooltip: BaseGenericComponent<
         return
       }
 
-      if (place === "bottom-right") {
+      if (placement === "bottom-right") {
         const top = anchorRect.top + anchorRect.height
         const left = anchorRect.left
 
         setAnchorPosition({ left, top })
-      } else if (place === "bottom-left") {
+      } else if (placement === "bottom-left") {
         const top = anchorRect.top + anchorRect.height
         const left = anchorRect.left - contentReact.width + anchorRect.width
 
         setAnchorPosition({ left, top })
       }
     },
-    [place]
+    [placement]
   )
 
   const anchor = useMemo(() => {