@trafilea/afrodita-components 5.0.0-beta.43 → 5.0.0-beta.46

package/build/index.d.ts

@@ -356,7 +356,7 @@ interface IconWrapperProps {
     fill?: string;
 }
 
-declare const Mail: ({ height, width }: IconWrapperProps) => JSX.Element;
+declare const Mail: ({ height, width, }: Pick<IconWrapperProps, 'width' | 'height'>) => JSX.Element;
 
 declare const Messaging_QuestionCircle: typeof QuestionCircle;
 declare const Messaging_Messenger: typeof Messenger;
@@ -1634,6 +1634,8 @@ declare const RadioInput: ({ name, value, id, label, checked, disabled, onChange
 declare type PortalProps = {
     id: string;
     className?: string;
+    overflow?: boolean;
+    style?: CSSProperties;
 };
 declare const Portal: FC<PortalProps>;
 

package/build/index.esm.js

@@ -4007,8 +4007,12 @@ function SimpleDropdown(_a) {
         if (value == null) {
             return;
         }
+        if (options.indexOf(value) < 0) {
+            setSelectedValue(undefined);
+            return;
+        }
         setSelectedValue(value);
-    }, [value]);
+    }, [value, options]);
     var Button = label ? withLabel(BaseDropdown$1.Button, label) : BaseDropdown$1.Button;
     return (jsxs$1(BaseDropdown$1, __assign$1({ value: selectedValue, onChange: onChangeHandler, disabled: disabled, wide: wide }, { children: [jsx$1(Button, __assign$1({ OpenIcon: Icon.Arrows.ChevronDown, CloseIcon: Icon.Arrows.ChevronUp, wide: wide, isSortOrFilter: sort, "data-testid": testId }, { children: selectedOptionLabel }), void 0), jsx$1(BaseDropdown$1.Options, { children: options.map(function (item) { return (jsx$1(BaseDropdown$1.Option, __assign$1({ value: item, disabled: false }, { children: item.label }), item.key)); }) }, void 0)] }), void 0));
 }
@@ -12608,7 +12612,7 @@ var ProductGalleryMobile = function (_a) {
 var templateObject_1$a;
 
 var Portal = function (_a) {
-    var id = _a.id, className = _a.className, children = _a.children;
+    var id = _a.id, className = _a.className, children = _a.children, overflow = _a.overflow, style = _a.style;
     var _b = useState(false), mounted = _b[0], setMounted = _b[1];
     var container = useRef(null);
     useEffect(function () {
@@ -12622,10 +12626,19 @@ var Portal = function (_a) {
             throw new Error("Unable to find/create container (".concat(id, ")"));
         }
         element.dataset.testId = id;
-        element.style.overflow = 'hidden';
         setMounted(true);
         container.current = element;
     }, [id]);
+    useEffect(function () {
+        if (!mounted) {
+            return;
+        }
+        container.current.style.overflow = overflow ? 'visible' : 'hidden';
+        for (var key in style) {
+            // @ts-ignore
+            container.current.style[key] = style[key];
+        }
+    }, [style, overflow, mounted]);
     useEffect(function () {
         if (mounted) {
             container.current.className = className !== null && className !== void 0 ? className : '';