@ultraviolet/ui 1.26.1 → 1.26.2

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ReactNode, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, ReactElement, Ref, RefObject, KeyboardEventHandler, HTMLAttributes, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, ElementType, TextareaHTMLAttributes } from 'react';
+import react__default, { ReactNode, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, FocusEvent, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, ReactElement, Ref, RefObject, KeyboardEventHandler, HTMLAttributes, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, ElementType, TextareaHTMLAttributes } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
@@ -1382,8 +1382,16 @@ type CopyButtonProps = {
  */
 declare const CopyButton: ({ size, value, copyText, copiedText, sentiment, noBorder, className, "data-testid": dataTestId, }: CopyButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type DateInputProps = Pick<ReactDatePickerProps<string, boolean>, 'autoFocus' | 'disabled' | 'locale' | 'maxDate' | 'minDate' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'required'> & {
+type DateInputProps = Pick<ReactDatePickerProps<string, boolean>, 'locale' | 'onChange'> & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    maxDate?: Date | null;
+    minDate?: Date | null;
+    name?: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     error?: string;
+    required?: boolean;
     format?: (value?: Date | string) => string | undefined;
     /**
      * Label of the field

package/dist/src/components/Carousel/index.js

@@ -28,49 +28,44 @@ const StyledBeforeScroll = /*#__PURE__*/_styled("span", {
 }, "\n  );cursor:w-resize;z-index:auto;");
 const StyledScrollableWrapper = /*#__PURE__*/_styled("div", {
   target: "e1id70w02"
-})("overflow-x:scroll;overflow-y:hidden;white-space:nowrap;display:flex;padding:", _ref3 => {
+})("overflow-x:scroll;overflow-y:hidden;white-space:nowrap;display:flex;padding:0 100px;gap:", _ref3 => {
   let {
     theme
   } = _ref3;
   return theme.space['2'];
-}, " 100px;gap:", _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.space['2'];
 }, ";");
 const StyledAfterScroll = /*#__PURE__*/_styled("span", {
   target: "e1id70w01"
-})("position:absolute;bottom:0;right:0;width:100px;height:100%;content:'';cursor:e-resize;z-index:auto;background:linear-gradient(\n    -90deg,\n    ", _ref5 => {
+})("position:absolute;bottom:0;right:0;width:100px;height:100%;content:'';cursor:e-resize;z-index:auto;background:linear-gradient(\n    -90deg,\n    ", _ref4 => {
   let {
     theme
-  } = _ref5;
+  } = _ref4;
   return theme.colors.neutral.background;
-}, ",\n    ", _ref6 => {
+}, ",\n    ", _ref5 => {
   let {
     theme
-  } = _ref6;
+  } = _ref5;
   return theme.colors.neutral.background;
 }, "ff\n  );");
 const StyledBorderWrapper = /*#__PURE__*/_styled('div', {
   shouldForwardProp: prop => !['width'].includes(prop),
   target: "e1id70w00"
-})("display:flex;align-items:stretch;width:", _ref7 => {
+})("display:flex;align-items:stretch;width:", _ref6 => {
   let {
     width
-  } = _ref7;
+  } = _ref6;
   return width;
-}, ";max-width:", _ref8 => {
+}, ";max-width:", _ref7 => {
   let {
     width
-  } = _ref8;
+  } = _ref7;
   return width;
 }, ";overflow-wrap:break-word;white-space:normal;height:auto;cursor:grab;flex-shrink:0;");
-const CarouselItem = _ref9 => {
+const CarouselItem = _ref8 => {
   let {
     children,
     width = '240px'
-  } = _ref9;
+  } = _ref8;
   return jsx(StyledBorderWrapper, {
     width: width,
     draggable: "true",
@@ -80,12 +75,12 @@ const CarouselItem = _ref9 => {
 /**
  * Carousel component allows you to scroll horizontally through a list of items.
  */
-const Carousel = _ref10 => {
+const Carousel = _ref9 => {
   let {
     children,
     className,
     'data-testid': dataTestId = 'scrollbar'
-  } = _ref10;
+  } = _ref9;
   const scrollRef = useRef(null);
   let intervalLeft;
   let intervalRight;

package/dist/src/components/Popup/helpers.js

@@ -18,6 +18,7 @@ const computePlacement = _ref => {
     childrenStructuredRef,
     popupStructuredRef,
     offsetParentRect,
+    offsetParent,
     popupPortalTarget
   } = _ref;
   const {
@@ -30,9 +31,10 @@ const computePlacement = _ref => {
     left: parentLeft,
     right: parentRight
   } = offsetParentRect;
-  const overloadedChildrenLeft = popupPortalTarget === document.body ? childrenLeft : childrenLeft - parentLeft;
-  const overloadedChildrenTop = popupPortalTarget === document.body ? childrenTop : childrenTop - parentTop;
-  const overloadedChildrenRight = popupPortalTarget === document.body ? childrenRight : childrenRight - parentRight;
+  const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
+  const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
+  const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
+  const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenRight - parentRight;
   const {
     width: popupWidth,
     height: popupHeight
@@ -99,7 +101,8 @@ const computePositions = _ref2 => {
     childrenStructuredRef: childrenRect,
     popupStructuredRef,
     offsetParentRect,
-    popupPortalTarget
+    popupPortalTarget,
+    offsetParent
   }) : placement;
   const {
     top: childrenTop,
@@ -122,7 +125,7 @@ const computePositions = _ref2 => {
   const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
 
   // It will get how much scroll is done on the page to compute the position of the popup
-  const scrollTopValue = isPopupPortalTargetBody ? document.documentElement.scrollTop : 0;
+  const scrollTopValue = isPopupPortalTargetBody ? document.documentElement.scrollTop : offsetParent.scrollTop;
 
   // We need to compute the position of the popup based on the parent element in the case the popup is not in the body
   const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.26.1",
+  "version": "1.26.2",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {