@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.10

package/dist/types/components/cura-dropdown-search/cura-dropdown-search.d.ts

@@ -82,6 +82,7 @@ export declare class CuraDropdownSearch {
     blurTimeout: any;
     blurTimeoutMs: number;
     valueTimeout: any;
+    viewportTimeout: any;
     dropdownElement: HTMLDivElement;
     selectedOptionElement: any;
     highlightedElement: any;
@@ -94,6 +95,7 @@ export declare class CuraDropdownSearch {
     removeAllListeners(): void;
     handleSlotChange: () => void;
     handleWindowResize: () => void;
+    handleVisualViewportChange: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
     handleFocusout: () => void;

package/dist/types/components/forms/cura-select/cura-select.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { Placement } from '@floating-ui/dom';
 export declare class CuraSelect {
     /**
      * The label text for the select component.
@@ -72,13 +73,25 @@ export declare class CuraSelect {
      * Default: false
      */
     isOpen: boolean;
+    isPositioned: boolean;
+    menuStyle: {
+        top: string;
+        left: string;
+        width: string;
+        maxHeight: string;
+    };
     /**
      * Internal state: Collection of options for the select component.
      */
     options: NodeListOf<HTMLCuraSelectOptionElement>;
     activeIndex: number;
+    preferredPlacement: 'top' | 'bottom';
     updateOptionHighlights(newActiveINdex: number): void;
     textInput: string;
+    inputWrapper?: HTMLDivElement;
+    menuElement?: HTMLDivElement;
+    cleanupAutoUpdate?: () => void;
+    floatingPlacement: Placement;
     /**
      * Filters the options based on the current input value.
      */
@@ -190,9 +203,17 @@ export declare class CuraSelect {
      * Renders the icon based on the component's status.
      */
     renderIcon(): any;
+    private openMenu;
+    private closeMenu;
     handleClick: (event: MouseEvent) => void;
     handleClickOutside: (event: MouseEvent) => void;
     private addOutsideClickListener;
     private removeOutsideClickListener;
+    private addPositionListeners;
+    private removePositionListeners;
+    private handleViewportChange;
+    private parseMaxHeight;
+    private setupFloating;
+    private updateMenuPosition;
     render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.8.3-alpha.0",
+  "version": "2.0.0-alpha.10",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -28,6 +28,7 @@
     "test-storybook": "test-storybook --coverage"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.6.11",
     "@stencil/core": "^4.35.1",
     "imask": "^7.6.1",
     "react-markdown": "^9.0.1",
@@ -52,5 +53,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "701711ea3a77be90041538b1ed92c98574cf99d5"
+  "gitHead": "21221cff4065a568f6941bb58aa8fc6f406812c8"
 }