aplance-ui 1.3.0 → 1.5.0

package/registry/components/ui/input-fields/date-picker/types.ts

@@ -51,6 +51,8 @@ export type CommonDatePickerProps = Omit<
   timePickerPopover?: {
     position?: Position;
     align?: Align;
+    autoPosition?: boolean;
+    collisionPadding?: number;
   };
   /** Show popover footer actions (Clear/Done) in DatePicker. Default: true. */
   showActionFooter?: boolean;

package/registry/components/ui/input-fields/emoji-picker/emoji-picker.tsx

@@ -23,6 +23,10 @@ export type EmojiPickerProps = {
   /** Popover placement. */
   popoverPosition?: Position;
   popoverAlign?: Align;
+  /** Auto-position the popover to stay within the viewport. Default: true. */
+  popoverAutoPosition?: boolean;
+  /** Viewport padding used by popover auto positioning. */
+  popoverCollisionPadding?: number;
   /**
    * Show the popover footer with a Done action so users can pick multiple
    * emojis before dismissing. Default: true. Set to `false` to hide the
@@ -51,6 +55,8 @@ export const EmojiPicker = ({
   columns = 9,
   popoverPosition = "bottom",
   popoverAlign = "end",
+  popoverAutoPosition,
+  popoverCollisionPadding,
   showActionFooter = true,
   disabled,
   className,
@@ -62,6 +68,8 @@ export const EmojiPicker = ({
     <Popover
       position={popoverPosition}
       align={popoverAlign}
+      autoPosition={popoverAutoPosition}
+      collisionPadding={popoverCollisionPadding}
       isOpen={isOpen}
       setIsOpen={setIsOpen}
       closeOnClickOutside