Merge branch 'main' into fix/tabview/children

pedaling · May 31, 2024 · ea73ba4 · ea73ba4
2 parents ab33c05 + 1ce8438
commit ea73ba4
Show file tree

Hide file tree

Showing 25 changed files with 93 additions and 43 deletions.
diff --git a/packages/utils-eslint-config/CHANGELOG.md b/packages/utils-eslint-config/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.89.15](https://github.com/pedaling/opensource/compare/utils-eslint-config-0.89.14...utils-eslint-config-0.89.15) (2024-05-27)
+
+### [0.89.14](https://github.com/pedaling/opensource/compare/utils-eslint-config-0.89.13...utils-eslint-config-0.89.14) (2024-05-27)
+
 ### [0.89.13](https://github.com/pedaling/opensource/compare/utils-eslint-config-0.89.12...utils-eslint-config-0.89.13) (2024-04-24)
 
 ### [0.89.12](https://github.com/pedaling/opensource/compare/utils-eslint-config-0.89.11...utils-eslint-config-0.89.12) (2024-04-19)

diff --git a/packages/utils-eslint-config/package.json b/packages/utils-eslint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@class101/eslint-config",
-  "version": "0.89.13",
+  "version": "0.89.15",
   "private": false,
   "sideEffects": false,
   "main": "src/index.js",

diff --git a/packages/vibrant-components-web/CHANGELOG.md b/packages/vibrant-components-web/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-components-web-0.92.14...vibrant-components-web-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-components-web-0.92.13...vibrant-components-web-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-components-web-0.92.12...vibrant-components-web-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-components-web-0.92.11...vibrant-components-web-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-components-web/package.json b/packages/vibrant-components-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/components-web",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "peerDependencies": {

diff --git a/packages/vibrant-components/CHANGELOG.md b/packages/vibrant-components/CHANGELOG.md
@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-components-0.92.14...vibrant-components-0.92.15) (2024-05-27)
+
+
+### Bug Fixes
+
+* 팝오버의 포지션 값에 애니메이션이 적용되지 않게 수정한다 ([#954](https://github.com/pedaling/opensource/issues/954)) ([f35c119](https://github.com/pedaling/opensource/commit/f35c119e573a9d28a6f5cfbffbbe099f565fe3bf))
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-components-0.92.13...vibrant-components-0.92.14) (2024-05-27)
+
+
+### Bug Fixes
+
+* 드롭다운이 정상적으로 동작하도록 수정한다 ([#953](https://github.com/pedaling/opensource/issues/953)) ([0a792e0](https://github.com/pedaling/opensource/commit/0a792e09aca8619000914875fe1577f1c57dbf5c))
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-components-0.92.12...vibrant-components-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-components-0.92.11...vibrant-components-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-components/package.json b/packages/vibrant-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/components",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "peerDependencies": {

diff --git a/packages/vibrant-components/src/lib/Dropdown/Dropdown.tsx b/packages/vibrant-components/src/lib/Dropdown/Dropdown.tsx
@@ -3,8 +3,7 @@ import type { Align, Side } from 'packages/vibrant-utils/src/types';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
   Box,
-  PortalBox,
-  PressableBox,
+  OverlayBox,
   ScrollBox,
   ThemeProvider,
   getWindowDimensions,
@@ -192,7 +191,7 @@ export const Dropdown = withDropdownVariation(
             spacing
           );
 
-          setOffset({ x: openerRect.x + offsetX, y: openerRect.y + offsetY });
+          setOffset({ x: offsetX, y: offsetY });
         }
 
         setContentHeight(height);
@@ -235,32 +234,19 @@ export const Dropdown = withDropdownVariation(
         <Box ref={openerRef}>{opener}</Box>
         {!isMobile && isOpen && (
           <ThemeProvider theme={rootThemeMode}>
-            <PortalBox zIndex={zIndex.dropdown} top={0} right={0} bottom={0} left={0}>
-              <PressableBox
-                as="div"
-                position="absolute"
-                cursor="default"
-                top={0}
-                right={0}
-                bottom={0}
-                left={0}
-                onClick={closeDropdown}
-              />
-              <Transition
-                animation={{
-                  opacity: visible ? 1 : 0,
-                  ...(visible
-                    ? {
-                        x: offset.x,
-                        y: offset.y,
-                      }
-                    : {}),
-                }}
-                style={{
-                  x: offset.x,
-                  y: offset.y,
-                }}
-                duration={200}
+            <Transition
+              animation={{
+                opacity: visible ? 1 : 0,
+              }}
+              duration={200}
+            >
+              <OverlayBox
+                open={isOpen}
+                onDismiss={closeDropdown}
+                targetRef={customOpenerRef.current ? customOpenerRef : openerRef}
+                zIndex={zIndex.dropdown}
+                top={offset.y}
+                left={offset.x}
               >
                 <Box alignSelf="flex-start">
                   <Box
@@ -291,8 +277,8 @@ export const Dropdown = withDropdownVariation(
                     </Transition>
                   </Box>
                 </Box>
-              </Transition>
-            </PortalBox>
+              </OverlayBox>
+            </Transition>
           </ThemeProvider>
         )}
         {isMobile && (

diff --git a/packages/vibrant-components/src/lib/Popover/Popover.stories.tsx b/packages/vibrant-components/src/lib/Popover/Popover.stories.tsx
@@ -24,6 +24,16 @@ export const Basic: ComponentStory<typeof Popover> = props => (
   </VStack>
 );
 
+export const WithDefaultOpen: ComponentStory<typeof Popover> = props => (
+  <VStack width="100%" height="100vh" alignVertical="center" alignHorizontal="center">
+    <Popover title="Popover" {...props} open={true}>
+      <Popover.Opener openInteraction="click">
+        <Avatar size="lg" src="" alt="" />
+      </Popover.Opener>
+    </Popover>
+  </VStack>
+);
+
 export const WithExternalState: ComponentStory<typeof Popover> = props => {
   const [isOpen, setIsOpen] = useState(false);
 

diff --git a/packages/vibrant-components/src/lib/Popover/Popover.tsx b/packages/vibrant-components/src/lib/Popover/Popover.tsx
@@ -244,8 +244,8 @@ export const Popover = ({
         <Transition
           animation={{
             opacity: isOpen && (popoverPosition.x !== 0 || popoverPosition.y !== 0) ? 1 : 0,
-            ...popoverPosition,
           }}
+          style={popoverPosition}
           duration={200}
           easing="easeOutQuad"
         >

diff --git a/packages/vibrant-core/CHANGELOG.md b/packages/vibrant-core/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-core-0.92.14...vibrant-core-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-core-0.92.13...vibrant-core-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-core-0.92.12...vibrant-core-0.92.13) (2024-04-24)
 
 

diff --git a/packages/vibrant-core/package.json b/packages/vibrant-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/core",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "react-native": "index.native",

diff --git a/packages/vibrant-forms/CHANGELOG.md b/packages/vibrant-forms/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-forms-0.92.14...vibrant-forms-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-forms-0.92.13...vibrant-forms-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-forms-0.92.12...vibrant-forms-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-forms-0.92.11...vibrant-forms-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-forms/package.json b/packages/vibrant-forms/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/forms",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "peerDependencies": {

diff --git a/packages/vibrant-icons/CHANGELOG.md b/packages/vibrant-icons/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-icons-0.92.14...vibrant-icons-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-icons-0.92.13...vibrant-icons-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-icons-0.92.12...vibrant-icons-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-icons-0.92.11...vibrant-icons-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-icons/package.json b/packages/vibrant-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/icons",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "peerDependencies": {

diff --git a/packages/vibrant-layouts/CHANGELOG.md b/packages/vibrant-layouts/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-layouts-0.92.14...vibrant-layouts-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-layouts-0.92.13...vibrant-layouts-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-layouts-0.92.12...vibrant-layouts-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-layouts-0.92.11...vibrant-layouts-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-layouts/package.json b/packages/vibrant-layouts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/layouts",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "react-native": "index.native",

diff --git a/packages/vibrant-motion/CHANGELOG.md b/packages/vibrant-motion/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-motion-0.92.14...vibrant-motion-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-motion-0.92.13...vibrant-motion-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-motion-0.92.12...vibrant-motion-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-motion-0.92.11...vibrant-motion-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-motion/package.json b/packages/vibrant-motion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/motion",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "react-native": "index.native",

diff --git a/packages/vibrant-theme/CHANGELOG.md b/packages/vibrant-theme/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-theme-0.92.14...vibrant-theme-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-theme-0.92.13...vibrant-theme-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-theme-0.92.12...vibrant-theme-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-theme-0.92.11...vibrant-theme-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-theme/package.json b/packages/vibrant-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/theme",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "peerDependencies": {

diff --git a/packages/vibrant-utils/CHANGELOG.md b/packages/vibrant-utils/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.92.15](https://github.com/pedaling/opensource/compare/vibrant-utils-0.92.14...vibrant-utils-0.92.15) (2024-05-27)
+
+### [0.92.14](https://github.com/pedaling/opensource/compare/vibrant-utils-0.92.13...vibrant-utils-0.92.14) (2024-05-27)
+
 ### [0.92.13](https://github.com/pedaling/opensource/compare/vibrant-utils-0.92.12...vibrant-utils-0.92.13) (2024-04-24)
 
 ### [0.92.12](https://github.com/pedaling/opensource/compare/vibrant-utils-0.92.11...vibrant-utils-0.92.12) (2024-04-19)

diff --git a/packages/vibrant-utils/package.json b/packages/vibrant-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vibrant-ui/utils",
-  "version": "0.92.13",
+  "version": "0.92.15",
   "private": false,
   "sideEffects": false,
   "peerDependencies": {

diff --git a/packages/workspace-plugin/CHANGELOG.md b/packages/workspace-plugin/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.71.15](https://github.com/pedaling/opensource/compare/workspace-plugin-0.71.14...workspace-plugin-0.71.15) (2024-05-27)
+
+### [0.71.14](https://github.com/pedaling/opensource/compare/workspace-plugin-0.71.13...workspace-plugin-0.71.14) (2024-05-27)
+
 ### [0.71.13](https://github.com/pedaling/opensource/compare/workspace-plugin-0.71.12...workspace-plugin-0.71.13) (2024-04-24)
 
 ### [0.71.12](https://github.com/pedaling/opensource/compare/workspace-plugin-0.71.11...workspace-plugin-0.71.12) (2024-04-19)

diff --git a/packages/workspace-plugin/package.json b/packages/workspace-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@class101/workspace-plugin",
-  "version": "0.71.13",
+  "version": "0.71.15",
   "main": "src/index.js",
   "generators": "./generators.json",
   "executors": "./executors.json"