feat(kpop): refactor using floating ui [KHCP-11957] #2204

portikM · 2024-06-03T21:01:42Z

Summary

Replaces usage of popper.js with Floating UI

Breaking changes:

KPop
- placement prop options have changed
- hidePopover prop has been removed (use exposed by the component hidePopover method instead)
- target prop has been removed
- positionFixed prop has been removed
- k-popover class has been replaced with popover (instead, k-popover class has been given to outer-most element)
KDateTimePicker
- hidePopover property in DateTimePickerState interface has been renamed to popoverOpen
Other components
- positionFixed prop has been removed from KSelect, KMultiselect and KTooltip

PR Checklist

Conventional Commits all commits follow the conventional commit standards outlined in the main README.
Tests coverage: test coverage was added for new features and bug fixes
Docs: includes a technically accurate README

netlify · 2024-06-03T21:01:59Z

✅ Deploy Preview for kongponents-sandbox ready!

Name	Link
🔨 Latest commit	`db1b459`
🔍 Latest deploy log	https://app.netlify.com/sites/kongponents-sandbox/deploys/666705bb790461000820db8b
😎 Deploy Preview	https://deploy-preview-2204--kongponents-sandbox.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify · 2024-06-04T15:11:23Z

✅ Deploy Preview for kongponents ready!

Name	Link
🔨 Latest commit	`db1b459`
🔍 Latest deploy log	https://app.netlify.com/sites/kongponents/deploys/666705bb99e0850008a85a63
😎 Deploy Preview	https://deploy-preview-2204--kongponents.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

src/components/KPop/KPop.vue

src/components/KTooltip/KTooltip.vue

adamdehaven

I'm noticing a few style regressions in other elements.

Pagination

Extra padding, border, double border at the bottom, etc.

Popover

When I click on the "Non-fixed positioning" button, the popover "flashes" rapidly; something def wrong here.

Datetime Picker

Spacing between input and popover is larger than previous version

There is also additional padding in the popover that wasn't there before

KTable

The column visibility menu is no longer functional - when I click the icon nothing happens

src/components/KPop/KPop.vue

docs/guide/migrating-to-version-9.md

Co-authored-by: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>

addressed

adamdehaven

lgtm

# [9.0.0-alpha.166](v9.0.0-alpha.165...v9.0.0-alpha.166) (2024-06-10) ### Features * **kpop:** refactor using floating ui [KHCP-11957] ([#2204](#2204)) ([b02ad11](b02ad11))

kongponents-bot · 2024-06-10T19:53:05Z

🎉 This PR is included in version 9.0.0-alpha.166 🎉

The release is available on:

Your semantic-release bot 📦🚀

* feat(kpop): refactor using floating ui [KHCP-11957] * fix(kpop): refactor using @floating-ui/vue [KHCP-11957] * fix(kpop): trigger and positioning fixes [KHCP-11957] * fix: ts * fix(*): kpop selectors and placements [KHCP-11957] * fix(kpop): auto placement [KHCP-11957] * fix(*): kpop styles and placements [KHCP-11957] * test(kmultiselect, ktooltip): fix component tests [KHCP-11957] * fix(*): update kpop usage [KHCP-11957] * docs(popover): update component docs [KHCP-11957] * docs: update migration doc [KHCP-11957] * fix(kdatetimepicker): update kpop usage [KHCP-11957] * fix(*): address pr feedback [KHCP-11957] * fix(kpop): position absolute placement [KHCP-11957] * fix(kdatetimepicker): fix popover styling [KHCP-11957] * fix(*): misc fixes [KHCP-11957] * fix(kpop): misc fixes [KHCP-11957] * fix(kdropdown): minor styling fix [KHCP-11957] * fix(kpop): auto update logic [KHCP-11957] * docs(popover): default slot note [KHCP-11957] * fix(kpop): add comment [KHCP-11957] * fix(kpop): cleanup auto updates [KHCP-11957] * fix(kpop): popover flip and shift [KHCP-11957] * test(ktooltip): remove invoke css [KHCP-11957] * fix(kpop): popover element width [KHCP-11957] * fix(kpop): fix resize observer loop issue [KHCP-11957] * fix(kpop): floating ui middleware magic [KHCP-11957] * fix(kpop): remove position fixed prop [KHCP-11957] * fix: lint:fix * test(kdropdown): fix component test [KHCP-11957] * fix: apply pr feedback Co-authored-by: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com> * fix(*): remove position fixed prop [KHCP-11957] * fix(kpop): minor fix [KHCP-11957] * fix(kpop): placement backwards compitability [KHCP-11957] * fix(kbadge, kmultiselect): fix truncated item jumpy bug [KHCP-11957] * fix(kpop): popover trigger wrapper display [KHCP-11957] * fix(kdropdown): minor fix [KHCP-11957] * fix: misc fix [KHCP-11957] --------- Co-authored-by: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>

# [9.0.0-alpha.166](v9.0.0-alpha.165...v9.0.0-alpha.166) (2024-06-10) ### Features * **kpop:** refactor using floating ui [KHCP-11957] ([#2204](#2204)) ([b02ad11](b02ad11))

# [9.0.0-alpha.102](v9.0.0-alpha.101...v9.0.0-alpha.102) (2024-06-15) ### Bug Fixes * add question marks before tostring [KHCP-12065] ([#2200](#2200)) ([4b0ab0d](4b0ab0d)) * **datetimepicker:** no border needed around kbutton [MA-2582] ([#2002](#2002)) ([e0ada36](e0ada36)) * **deps:** update all non-major dependencies with stable version ([#2075](#2075)) ([afbd520](afbd520)) * **deps:** update dependency @kong/icons to ^1.8.15 ([#2107](#2107)) ([151e73c](151e73c)) * **deps:** update dependency @kong/icons to ^1.8.16 ([#2120](#2120)) ([302ab97](302ab97)) * **deps:** update dependency @kong/icons to ^1.9.0 ([#2144](#2144)) ([98ea80d](98ea80d)) * **deps:** update dependency @kong/icons to ^1.9.1 ([#2155](#2155)) ([fe204a7](fe204a7)) * **deps:** update dependency @kong/icons to ^1.9.2 ([#2194](#2194)) ([7adc31e](7adc31e)) * **docs:** deploy ([b7e330f](b7e330f)) * export components object ([#1999](#1999)) ([5a20aae](5a20aae)) * **kalert,kemptystate:** icon slot test ([#2123](#2123)) ([d394d7d](d394d7d)) * **kbadge, kcopy:** minor fix ([#2218](#2218)) ([6f2cb0a](6f2cb0a)) * **kbutton:** remove deprecated icon slot ([#2215](#2215)) ([0b31480](0b31480)) * **kcard:** add title tag prop ([#2069](#2069)) ([5ee7015](5ee7015)) * **kcard:** title font size ([#2074](#2074)) ([cbfd7f7](cbfd7f7)) * **KCodeBlock:** add question marks [KHCP-11554] ([#2142](#2142)) ([aab9c58](aab9c58)) * **kcodeblock:** fix shortcut manager runtime undefined ([#2126](#2126)) ([73873ff](73873ff)) * **kcodeblock:** misc fixes ([#2045](#2045)) ([fc5c196](fc5c196)) * **kcollapse:** add title slot ([#2174](#2174)) ([c78e877](c78e877)) * **kcopy:** icon & tooltip text styles ([#2050](#2050)) ([1533d15](1533d15)) * **kcopy:** not using actual button ([#2113](#2113)) ([c42eb1d](c42eb1d)) * **kcopy:** substring of undefined [KHCP-11057] ([#2061](#2061)) ([110ed39](110ed39)) * **kdropdown:** close on popover click ([#2224](#2224)) ([c9203a9](c9203a9)) * **kdropdown:** fix leaking styles ([#2221](#2221)) ([cb8a573](cb8a573)) * **kdropdown:** update dropdown popover selector ([#2225](#2225)) ([4b1599f](4b1599f)) * **kfileupload:** force transparent color for the input element ([#2177](#2177)) ([79169c9](79169c9)) * **kinput:** add aria label to associate helper text with input [KHCP-11030] ([#2138](#2138)) ([c287675](c287675)) * **kinput:** update classes ([#2182](#2182)) ([2c34d8d](2c34d8d)) * **kinput:** update readonly styles [KHCP-10785] ([#2027](#2027)) ([4044616](4044616)) * **klabel, kselect, kmultiselect:** a11y attributes [KHCP-111026] ([#2077](#2077)) ([a558015](a558015)) * **kmodal:** add input autofocus prop [KHCP-11113] ([#2073](#2073)) ([b26170d](b26170d)) * **kmodal:** remove enforcing title icon color ([#2068](#2068)) ([386e80a](386e80a)) * **kmodal:** toggle focus trap off on unmounted ([#2081](#2081)) ([1e7c660](1e7c660)) * **kmultiselect:** react to resize [KHCP-10321] ([#2039](#2039)) ([74f2b61](74f2b61)) * **kprompt:** add arial-label ([#2102](#2102)) ([566ddc4](566ddc4)) * **kradio, kcheckbox:** fix label alignment ([#2195](#2195)) ([e2bad75](e2bad75)) * **kradio, kcheckbox:** required field indicator [KHCP-11503] ([#2159](#2159)) ([10e6533](10e6533)) * **kselect:** avoid incorrect event triggering with null ([#2168](#2168)) ([6775875](6775875)) * **kselect:** fix double emits bug ([#2156](#2156)) ([844fc9d](844fc9d)) * **kselect:** invisible user input [KHCP-11152] ([#2076](#2076)) ([de869d9](de869d9)) * **kslideout:** remove user-select: none from title of KSlideout ([#2080](#2080)) ([d095dd8](d095dd8)) * **ktable:** column visibility design feedback ([#2152](#2152)) ([bcd4ded](bcd4ded)) * **ktable:** column visibility menu button ([#2136](#2136)) ([1ec6a99](1ec6a99)) * **ktable:** dont clear visibility prefs on load ([#2131](#2131)) ([ce4f4c6](ce4f4c6)) * **ktable:** emit preferences only in success state [KHCP-11890] ([#2191](#2191)) ([10ff5ae](10ff5ae)) * **ktable:** init col visibility [khcp-11730] ([#2169](#2169)) ([e87426e](e87426e)) * **ktable:** resized column choppiness ([#2139](#2139)) ([76ad562](76ad562)) * **ktabs:** disabled item remove pointer events none [KHCP-11265] ([#2103](#2103)) ([fd78db6](fd78db6)) * **ktooltip:** keep tiooltip open on content hover ([#2044](#2044)) ([ae0d72d](ae0d72d)) * **ktooltip:** suppress vue attr passthrough warning ([#2178](#2178)) ([b9630ce](b9630ce)) * **ktreelist:** label alignment ([#2128](#2128)) ([6c08b87](6c08b87)) * misc alpha fixes ([#2207](#2207)) ([9d2095e](9d2095e)) * rebase alpha commits to fix invalid commit messages ([#2201](#2201)) ([50a4227](50a4227)), closes [#1995](#1995) [#1994](#1994) [#1993](#1993) [#1990](#1990) [#1991](#1991) [#1997](#1997) [#1999](#1999) [#1999](#1999) [#2001](#2001) [#2001](#2001) [#2002](#2002) [#2002](#2002) [#2004](#2004) [#2007](#2007) [#2006](#2006) [#2010](#2010) [#1963](#1963) [#2003](#2003) [#1989](#1989) [#1998](#1998) [#1988](#1988) * release tags ([92143a4](92143a4)) * release tags ([4ff3bd8](4ff3bd8)) * **ShortcutManager:** return empty string for invalid keycode during normalization [KHCP-11186] ([#2137](#2137)) ([7b10359](7b10359)) * **styles:** remove tmp variables, old mixins [KHCP-8944] ([#2181](#2181)) ([e593330](e593330)) * tags ([69b52d3](69b52d3)) * tags ([4357467](4357467)) * tags ([#2158](#2158)) ([5df026f](5df026f)) * trigger release ([1c84e87](1c84e87)) * trigger release ([ee189e2](ee189e2)) * trigger release ([6e8c3cd](6e8c3cd)) * **ts:** add danger property to dropdown item interface ([#2001](#2001)) ([db8e4cb](db8e4cb)) * **types:** allow legend header tag ([#2129](#2129)) ([68ab464](68ab464)) * **types:** module needs an export ([#2223](#2223)) ([8c53a2e](8c53a2e)) * using icons as buttons ([#2119](#2119)) ([3eb7c06](3eb7c06)) ### Features * add zIndex prop to overlaying components [KHCP-10747] ([#2130](#2130)) ([b7c1738](b7c1738)) * **eslint:** eslint v9 and shared configs [KHCP-11627] ([#2209](#2209)) ([3ab1ac2](3ab1ac2)) * **kalert, kemptystate, kpagination, kviewswitcher:** component reskin ([#2043](#2043)) ([f3f1e78](f3f1e78)), closes [#2030](#2030) [#2021](#2021) * **kcatalogitem:** add card-footer slot ([#2154](#2154)) ([9bdcbc9](9bdcbc9)) * **kcodeblock, kcatalog, kcollapse, kstepper:** components reskin ([#2124](#2124)) ([5d7f7d0](5d7f7d0)), closes [#2100](#2100) [#2125](#2125) * **kcopy:** support truncationLimit auto [khcp-11256] ([#2106](#2106)) ([6c3db4b](6c3db4b)) * **kicon:** remove component [KHCP-8983] ([#2183](#2183)) ([3294326](3294326)) * **kinline edit:** remove component [KHCP-8984] ([#2049](#2049)) ([9a625af](9a625af)) * **kpop:** component reskin [KHCP-8994] ([#2176](#2176)) ([a41a056](a41a056)) * **kpop:** refactor using floating ui [KHCP-11957] ([#2204](#2204)) ([222bde0](222bde0)) * **ktable:** add column resize support [khcp-11161] ([#2105](#2105)) ([cbbb3b5](cbbb3b5)) * **ktable:** component reskin [KHCP-9002] ([#2151](#2151)) ([c64a505](c64a505)), closes [#2144](#2144) [#2144](#2144) [#2145](#2145) [#2124](#2124) [#2100](#2100) [#2125](#2125) * **ktable:** make visibility menu scrollable ([#2134](#2134)) ([7789ee5](7789ee5)) * **ktable:** toggle column visibility [khcp-11162] ([#2114](#2114)) ([6c706fd](6c706fd)) * **ktoaster:** refactor toastmanager [KHCP-11958] ([#2220](#2220)) ([74a2bba](74a2bba)) * **ktooltip, kdatetimepicker:** reskin components ([#2003](#2003)) ([21ad882](21ad882)), closes [#1989](#1989) [#1998](#1998) [#1988](#1988) * **ktreelist, kbreadcrumb, kskeleton, kmenu:** component reskin ([#2097](#2097)) ([56bdd2b](56bdd2b)), closes [#2064](#2064) [#2051](#2051) * **ktruncate, kslideout, ktoaster:** components reskin ([#2020](#2020)) ([ba9a265](ba9a265)), closes [#2009](#2009) * ssr-friendlify components ([#2222](#2222)) ([f07cf61](f07cf61)) * switch from yarn to pnpm ([#2231](#2231)) ([9f846b7](9f846b7)) * trigger release maybe ([1b7655b](1b7655b)) * trigger release maybe ([7c40cd6](7c40cd6)) * trigger release maybe ([a2d5a2a](a2d5a2a))

# [9.0.0-alpha.102](v9.0.0-alpha.101...v9.0.0-alpha.102) (2024-06-15) ### Bug Fixes * add question marks before tostring [KHCP-12065] ([#2200](#2200)) ([4b0ab0d](4b0ab0d)) * **datetimepicker:** no border needed around kbutton [MA-2582] ([#2002](#2002)) ([e0ada36](e0ada36)) * **deps:** update all non-major dependencies with stable version ([#2075](#2075)) ([afbd520](afbd520)) * **deps:** update dependency @kong/icons to ^1.8.15 ([#2107](#2107)) ([151e73c](151e73c)) * **deps:** update dependency @kong/icons to ^1.8.16 ([#2120](#2120)) ([302ab97](302ab97)) * **deps:** update dependency @kong/icons to ^1.9.0 ([#2144](#2144)) ([98ea80d](98ea80d)) * **deps:** update dependency @kong/icons to ^1.9.1 ([#2155](#2155)) ([fe204a7](fe204a7)) * **deps:** update dependency @kong/icons to ^1.9.2 ([#2194](#2194)) ([7adc31e](7adc31e)) * **docs:** deploy ([b7e330f](b7e330f)) * export components object ([#1999](#1999)) ([5a20aae](5a20aae)) * **kalert,kemptystate:** icon slot test ([#2123](#2123)) ([d394d7d](d394d7d)) * **kbadge, kcopy:** minor fix ([#2218](#2218)) ([6f2cb0a](6f2cb0a)) * **kbutton:** remove deprecated icon slot ([#2215](#2215)) ([0b31480](0b31480)) * **kcard:** add title tag prop ([#2069](#2069)) ([5ee7015](5ee7015)) * **kcard:** title font size ([#2074](#2074)) ([cbfd7f7](cbfd7f7)) * **KCodeBlock:** add question marks [KHCP-11554] ([#2142](#2142)) ([aab9c58](aab9c58)) * **kcodeblock:** fix shortcut manager runtime undefined ([#2126](#2126)) ([73873ff](73873ff)) * **kcodeblock:** misc fixes ([#2045](#2045)) ([fc5c196](fc5c196)) * **kcollapse:** add title slot ([#2174](#2174)) ([c78e877](c78e877)) * **kcopy:** icon & tooltip text styles ([#2050](#2050)) ([1533d15](1533d15)) * **kcopy:** not using actual button ([#2113](#2113)) ([c42eb1d](c42eb1d)) * **kcopy:** substring of undefined [KHCP-11057] ([#2061](#2061)) ([110ed39](110ed39)) * **kdropdown:** close on popover click ([#2224](#2224)) ([c9203a9](c9203a9)) * **kdropdown:** fix leaking styles ([#2221](#2221)) ([cb8a573](cb8a573)) * **kdropdown:** update dropdown popover selector ([#2225](#2225)) ([4b1599f](4b1599f)) * **kfileupload:** force transparent color for the input element ([#2177](#2177)) ([79169c9](79169c9)) * **kinput:** add aria label to associate helper text with input [KHCP-11030] ([#2138](#2138)) ([c287675](c287675)) * **kinput:** update classes ([#2182](#2182)) ([2c34d8d](2c34d8d)) * **kinput:** update readonly styles [KHCP-10785] ([#2027](#2027)) ([4044616](4044616)) * **klabel, kselect, kmultiselect:** a11y attributes [KHCP-111026] ([#2077](#2077)) ([a558015](a558015)) * **kmodal:** add input autofocus prop [KHCP-11113] ([#2073](#2073)) ([b26170d](b26170d)) * **kmodal:** remove enforcing title icon color ([#2068](#2068)) ([386e80a](386e80a)) * **kmodal:** toggle focus trap off on unmounted ([#2081](#2081)) ([1e7c660](1e7c660)) * **kmultiselect:** react to resize [KHCP-10321] ([#2039](#2039)) ([74f2b61](74f2b61)) * **kprompt:** add arial-label ([#2102](#2102)) ([566ddc4](566ddc4)) * **kradio, kcheckbox:** fix label alignment ([#2195](#2195)) ([e2bad75](e2bad75)) * **kradio, kcheckbox:** required field indicator [KHCP-11503] ([#2159](#2159)) ([10e6533](10e6533)) * **kselect:** avoid incorrect event triggering with null ([#2168](#2168)) ([6775875](6775875)) * **kselect:** fix double emits bug ([#2156](#2156)) ([844fc9d](844fc9d)) * **kselect:** invisible user input [KHCP-11152] ([#2076](#2076)) ([de869d9](de869d9)) * **kslideout:** remove user-select: none from title of KSlideout ([#2080](#2080)) ([d095dd8](d095dd8)) * **ktable:** column visibility design feedback ([#2152](#2152)) ([bcd4ded](bcd4ded)) * **ktable:** column visibility menu button ([#2136](#2136)) ([1ec6a99](1ec6a99)) * **ktable:** dont clear visibility prefs on load ([#2131](#2131)) ([ce4f4c6](ce4f4c6)) * **ktable:** emit preferences only in success state [KHCP-11890] ([#2191](#2191)) ([10ff5ae](10ff5ae)) * **ktable:** init col visibility [khcp-11730] ([#2169](#2169)) ([e87426e](e87426e)) * **ktable:** resized column choppiness ([#2139](#2139)) ([76ad562](76ad562)) * **ktabs:** disabled item remove pointer events none [KHCP-11265] ([#2103](#2103)) ([fd78db6](fd78db6)) * **ktooltip:** keep tiooltip open on content hover ([#2044](#2044)) ([ae0d72d](ae0d72d)) * **ktooltip:** suppress vue attr passthrough warning ([#2178](#2178)) ([b9630ce](b9630ce)) * **ktreelist:** label alignment ([#2128](#2128)) ([6c08b87](6c08b87)) * misc alpha fixes ([#2207](#2207)) ([9d2095e](9d2095e)) * rebase alpha commits to fix invalid commit messages ([#2201](#2201)) ([50a4227](50a4227)), closes [#1995](#1995) [#1994](#1994) [#1993](#1993) [#1990](#1990) [#1991](#1991) [#1997](#1997) [#1999](#1999) [#1999](#1999) [#2001](#2001) [#2001](#2001) [#2002](#2002) [#2002](#2002) [#2004](#2004) [#2007](#2007) [#2006](#2006) [#2010](#2010) [#1963](#1963) [#2003](#2003) [#1989](#1989) [#1998](#1998) [#1988](#1988) * release tags ([92143a4](92143a4)) * release tags ([4ff3bd8](4ff3bd8)) * **ShortcutManager:** return empty string for invalid keycode during normalization [KHCP-11186] ([#2137](#2137)) ([7b10359](7b10359)) * **styles:** remove tmp variables, old mixins [KHCP-8944] ([#2181](#2181)) ([e593330](e593330)) * tags ([69b52d3](69b52d3)) * tags ([4357467](4357467)) * tags ([#2158](#2158)) ([5df026f](5df026f)) * trigger release ([1c84e87](1c84e87)) * trigger release ([ee189e2](ee189e2)) * trigger release ([6e8c3cd](6e8c3cd)) * **ts:** add danger property to dropdown item interface ([#2001](#2001)) ([db8e4cb](db8e4cb)) * **types:** allow legend header tag ([#2129](#2129)) ([68ab464](68ab464)) * **types:** module needs an export ([#2223](#2223)) ([8c53a2e](8c53a2e)) * using icons as buttons ([#2119](#2119)) ([3eb7c06](3eb7c06)) ### Features * add zIndex prop to overlaying components [KHCP-10747] ([#2130](#2130)) ([b7c1738](b7c1738)) * **eslint:** eslint v9 and shared configs [KHCP-11627] ([#2209](#2209)) ([3ab1ac2](3ab1ac2)) * **kalert, kemptystate, kpagination, kviewswitcher:** component reskin ([#2043](#2043)) ([f3f1e78](f3f1e78)), closes [#2030](#2030) [#2021](#2021) * **kcatalogitem:** add card-footer slot ([#2154](#2154)) ([9bdcbc9](9bdcbc9)) * **kcodeblock, kcatalog, kcollapse, kstepper:** components reskin ([#2124](#2124)) ([5d7f7d0](5d7f7d0)), closes [#2100](#2100) [#2125](#2125) * **kcopy:** support truncationLimit auto [khcp-11256] ([#2106](#2106)) ([6c3db4b](6c3db4b)) * **kicon:** remove component [KHCP-8983] ([#2183](#2183)) ([3294326](3294326)) * **kinline edit:** remove component [KHCP-8984] ([#2049](#2049)) ([9a625af](9a625af)) * **kpop:** component reskin [KHCP-8994] ([#2176](#2176)) ([a41a056](a41a056)) * **kpop:** refactor using floating ui [KHCP-11957] ([#2204](#2204)) ([222bde0](222bde0)) * **ktable:** add column resize support [khcp-11161] ([#2105](#2105)) ([cbbb3b5](cbbb3b5)) * **ktable:** component reskin [KHCP-9002] ([#2151](#2151)) ([c64a505](c64a505)), closes [#2144](#2144) [#2144](#2144) [#2145](#2145) [#2124](#2124) [#2100](#2100) [#2125](#2125) * **ktable:** make visibility menu scrollable ([#2134](#2134)) ([7789ee5](7789ee5)) * **ktable:** toggle column visibility [khcp-11162] ([#2114](#2114)) ([6c706fd](6c706fd)) * **ktoaster:** refactor toastmanager [KHCP-11958] ([#2220](#2220)) ([74a2bba](74a2bba)) * **ktooltip, kdatetimepicker:** reskin components ([#2003](#2003)) ([21ad882](21ad882)), closes [#1989](#1989) [#1998](#1998) [#1988](#1988) * **ktreelist, kbreadcrumb, kskeleton, kmenu:** component reskin ([#2097](#2097)) ([56bdd2b](56bdd2b)), closes [#2064](#2064) [#2051](#2051) * **ktruncate, kslideout, ktoaster:** components reskin ([#2020](#2020)) ([ba9a265](ba9a265)), closes [#2009](#2009) * ssr-friendlify components ([#2222](#2222)) ([f07cf61](f07cf61)) * switch from yarn to pnpm ([#2231](#2231)) ([9f846b7](9f846b7)) * trigger release maybe ([1b7655b](1b7655b)) * trigger release maybe ([7c40cd6](7c40cd6)) * trigger release maybe ([a2d5a2a](a2d5a2a)) ### Reverts * bad release for dep update ([5a8e287](5a8e287)) * update dependency @kong-ui-public/sandbox-layout to ^2.1.6 ([a090d60](a090d60))

feat(kpop): refactor using floating ui [KHCP-11957]

8128d44

portikM self-assigned this Jun 3, 2024

fix(kpop): refactor using @floating-ui/vue [KHCP-11957]

d738385

portikM added 10 commits June 4, 2024 12:30

fix(kpop): trigger and positioning fixes [KHCP-11957]

3a011b3

fix: ts

da59aa8

fix(*): kpop selectors and placements [KHCP-11957]

9f7da5e

fix(kpop): auto placement [KHCP-11957]

9918fdc

fix(*): kpop styles and placements [KHCP-11957]

2df98aa

test(kmultiselect, ktooltip): fix component tests [KHCP-11957]

8caeb06

fix(*): update kpop usage [KHCP-11957]

a9429d4

docs(popover): update component docs [KHCP-11957]

67150c0

docs: update migration doc [KHCP-11957]

0568a73

fix(kdatetimepicker): update kpop usage [KHCP-11957]

fb5269f

portikM marked this pull request as ready for review June 4, 2024 21:41

portikM requested review from kongponents-bot, adamdehaven, jillztom, kaiarrowood and a team as code owners June 4, 2024 21:41

Merge branch 'alpha' into feat/khcp-11957-popper-js-replacement

30c38b5

adamdehaven reviewed Jun 5, 2024

View reviewed changes

adamdehaven previously requested changes Jun 5, 2024

View reviewed changes

portikM added 6 commits June 5, 2024 09:59

fix(*): address pr feedback [KHCP-11957]

9019040

fix(kpop): position absolute placement [KHCP-11957]

e14b25f

fix(kdatetimepicker): fix popover styling [KHCP-11957]

88d2692

fix(*): misc fixes [KHCP-11957]

aaa8767

fix(kpop): misc fixes [KHCP-11957]

e9b31e5

fix(kdropdown): minor styling fix [KHCP-11957]

2d70302

portikM added 6 commits June 5, 2024 22:19

fix(kpop): floating ui middleware magic [KHCP-11957]

04dd28a

fix(kpop): remove position fixed prop [KHCP-11957]

00e5841

Merge branch 'alpha' into feat/khcp-11957-popper-js-replacement

529871d

fix: lint:fix

0918c78

Merge branch 'alpha' into feat/khcp-11957-popper-js-replacement

a28339d

test(kdropdown): fix component test [KHCP-11957]

41ea59f

adamdehaven reviewed Jun 6, 2024

View reviewed changes

src/components/KPop/KPop.vue Outdated Show resolved Hide resolved

docs/guide/migrating-to-version-9.md Show resolved Hide resolved

docs/guide/migrating-to-version-9.md Show resolved Hide resolved

docs/guide/migrating-to-version-9.md Outdated Show resolved Hide resolved

portikM and others added 10 commits June 6, 2024 14:38

fix: apply pr feedback

f5d6e09

Co-authored-by: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>

fix(*): remove position fixed prop [KHCP-11957]

f5215f5

fix(kpop): minor fix [KHCP-11957]

8c3982a

fix(kpop): placement backwards compitability [KHCP-11957]

f87058c

Merge branch 'alpha' into feat/khcp-11957-popper-js-replacement

0964c46

fix(kbadge, kmultiselect): fix truncated item jumpy bug [KHCP-11957]

1faa5bf

fix(kpop): popover trigger wrapper display [KHCP-11957]

abdcf51

fix(kdropdown): minor fix [KHCP-11957]

5610c90

fix: resolve conflicts

3afdb0c

fix: misc fix [KHCP-11957]

db1b459

portikM enabled auto-merge (squash) June 10, 2024 19:45

portikM requested a review from adamdehaven June 10, 2024 19:45

adamdehaven approved these changes Jun 10, 2024

View reviewed changes

portikM merged commit b02ad11 into alpha Jun 10, 2024
9 checks passed

portikM deleted the feat/khcp-11957-popper-js-replacement branch June 10, 2024 19:46

kongponents-bot added the released on @alpha label Jun 10, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(kpop): refactor using floating ui [KHCP-11957] #2204

feat(kpop): refactor using floating ui [KHCP-11957] #2204

portikM commented Jun 3, 2024 •

edited

Loading

netlify bot commented Jun 3, 2024 •

edited

Loading

netlify bot commented Jun 4, 2024 •

edited

Loading

adamdehaven left a comment •

edited

Loading

adamdehaven left a comment

kongponents-bot commented Jun 10, 2024

feat(kpop): refactor using floating ui [KHCP-11957] #2204

feat(kpop): refactor using floating ui [KHCP-11957] #2204

Conversation

portikM commented Jun 3, 2024 • edited Loading

Summary

PR Checklist

netlify bot commented Jun 3, 2024 • edited Loading

✅ Deploy Preview for kongponents-sandbox ready!

netlify bot commented Jun 4, 2024 • edited Loading

✅ Deploy Preview for kongponents ready!

adamdehaven left a comment • edited Loading

Choose a reason for hiding this comment

Pagination

Popover

Datetime Picker

KTable

adamdehaven left a comment

Choose a reason for hiding this comment

kongponents-bot commented Jun 10, 2024

portikM commented Jun 3, 2024 •

edited

Loading

netlify bot commented Jun 3, 2024 •

edited

Loading

netlify bot commented Jun 4, 2024 •

edited

Loading

adamdehaven left a comment •

edited

Loading