widenarrow-ui 1.0.54 → 1.0.55

package/lib/index.esm.js

@@ -2415,6 +2415,30 @@ var DropDown = function (_a) {
         }
         // eslint-disable-next-line
     }, [isOpen, children]);
+    // Get the origin of the animation based on the placement of the DropDown
+    var getAnimationOrigin = function (attributes) {
+        var placement = path(['popper', 'data-popper-placement'], attributes);
+        switch (placement) {
+            case 'top':
+            case 'top-start':
+            case 'top-end':
+                return 'top';
+            case 'bottom':
+            case 'bottom-start':
+            case 'bottom-end':
+                return 'bottom';
+            case 'right':
+            case 'right-start':
+            case 'right-end':
+                return 'right';
+            case 'left':
+            case 'left-start':
+            case 'left-end':
+                return 'left';
+            default:
+                return '';
+        }
+    };
     var getChildrenListMarkup = function () {
         var _a;
         if (loading) {
@@ -2440,7 +2464,7 @@ var DropDown = function (_a) {
                             arrow_isDark: dark,
                             arrow_topIsDark: title
                         }), style: styles.arrow })), jsxs("div", { className: s$g('childrenContainer', (_d = {},
-                            _d["childrenContainer_".concat(path(['popper', 'data-popper-placement'], attributes))] = is(String, path(['popper', 'data-popper-placement'], attributes)),
+                            _d["childrenContainer_".concat(getAnimationOrigin(attributes))] = getAnimationOrigin(attributes),
                             _d)), children: [title && (jsx("header", { className: s$g('headingContainer'), children: jsx(Heading, { className: s$g('heading'), type: 'h6', marginBottom: '0', color: ColorTypes.WHITE, textAlign: 'left', children: title }) })), jsx("div", { className: s$g('children', {
                                     children_isDark: dark,
                                     children_noFooter: !footerComponent && title,