refactor(js): rename getPanelPlacementStyle function

Author: francoischalifour

packages/autocomplete-js/src/autocomplete.ts

@@ -13,7 +13,7 @@ import { createAutocompleteDom } from './createAutocompleteDom';
 import { createEffectWrapper } from './createEffectWrapper';
 import { createReactiveWrapper } from './createReactiveWrapper';
 import { getDefaultOptions } from './getDefaultOptions';
-import { getPanelPositionStyle } from './getPanelPositionStyle';
+import { getPanelPlacementStyle } from './getPanelPlacementStyle';
 import { renderPanel, renderSearchBox } from './render';
 import {
   AutocompleteApi,
@@ -116,7 +116,7 @@ export function autocomplete<TItem extends BaseItem>(
     setProperties(dom.value.panel, {
       style: isTouch.value
         ? {}
-        : getPanelPositionStyle({
+        : getPanelPlacementStyle({
             panelPlacement: props.value.renderer.panelPlacement,
             container: dom.value.root,
             form: dom.value.form,

packages/autocomplete-js/src/getPanelPositionStyle.ts renamed to packages/autocomplete-js/src/getPanelPlacementStyle.ts

@@ -1,19 +1,19 @@
 import { AutocompleteOptions } from './types';
 
-type GetPanelPositionStyleParams = Pick<
+type GetPanelPlacementStyleParams = Pick<
   AutocompleteOptions<any>,
   'panelPlacement' | 'environment'
 > & {
   container: HTMLElement;
   form: HTMLElement;
 };
 
-export function getPanelPositionStyle({
+export function getPanelPlacementStyle({
   panelPlacement,
   container,
   form,
   environment = window,
-}: GetPanelPositionStyleParams) {
+}: GetPanelPlacementStyleParams) {
   const containerRect = container.getBoundingClientRect();
   const top = container.offsetTop + containerRect.height;
 
@@ -60,7 +60,9 @@ export function getPanelPositionStyle({
 
     default: {
       throw new Error(
-        `The \`panelPlacement\` value "${panelPlacement}" is not valid.`
+        `The \`panelPlacement\` value ${JSON.stringify(
+          panelPlacement
+        )} is not valid.`
       );
     }
   }