@dspworkplace/ui 1.5.34 → 1.5.37

package/dist/index.es.js

@@ -6111,7 +6111,7 @@ var ButtonGroup = function ButtonGroup(_ref) {
 };
 
 function _templateObject4$9() {
-  var data = taggedTemplateLiteral(["\n    position:relative;\n\n    &:hover > ", " > * {\n        animation-name: ", ";\n        animation-duration: 300ms;\n        animation-fill-mode: both;\n        animation-timing-function: ease-in-out;\n    }\n"]);
+  var data = taggedTemplateLiteral(["\n    position:relative;\n\n    &:hover > ", " {\n        visibility: visible;\n    }\n\n    &:hover > ", " > * {\n        animation-name: ", ";\n        animation-duration: 300ms;\n        animation-fill-mode: both;\n        animation-timing-function: ease-in-out;\n    }\n"]);
 
   _templateObject4$9 = function _templateObject4() {
     return data;
@@ -6131,7 +6131,7 @@ function _templateObject3$9() {
 }
 
 function _templateObject2$b() {
-  var data = taggedTemplateLiteral(["\n    position:absolute;\n    height:fit-content;\n    padding:12px;\n    white-space: nowrap;\n    align-items:center;\n    gap: ", "\n    display:flex;\n    visibility: hidden;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"]);
+  var data = taggedTemplateLiteral(["\n    position:absolute;\n    height:fit-content;\n    padding:12px;\n    white-space: nowrap;\n    align-items:center;\n    gap: ", "\n    display:flex;\n    visibility: hidden;\n\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n"]);
 
   _templateObject2$b = function _templateObject2() {
     return data;
@@ -6177,16 +6177,16 @@ var ListContent = styled.div(_templateObject2$b(), function (props) {
 }, function (props) {
   return generateAnimationDelay(props.childrenQuantity, props.direction);
 }, function (props) {
-  return props.direction === 'right' || props.direction === 'auto' && "\n        flex-direction:row;\n        top:0;\n        bottom:0;\n        left:".concat(POSITION_LIST, ";\n        padding-left:").concat(POSITION_LIST_DISTANCE, ";\n    ");
+  return (props.direction === 'right' || props.direction === 'auto') && "\n        flex-direction:row;\n        top:0;\n        bottom:0;\n        left:".concat(POSITION_LIST, ";\n        padding-left:").concat(POSITION_LIST_DISTANCE, ";\n    ");
 }, function (props) {
   return props.direction === 'left' && "\n        flex-direction:row;\n        top:0;\n        bottom:0;\n        right:".concat(POSITION_LIST, ";\n        padding-right:").concat(POSITION_LIST_DISTANCE, ";\n    ");
 }, function (props) {
   return props.direction === 'top' && "\n        flex-direction:column;\n        justify-content:end;\n        bottom:".concat(POSITION_LIST, ";\n        right:0;\n        left:0;\n        padding-top:").concat(POSITION_LIST_DISTANCE, ";\n    ");
 }, function (props) {
-  return props.directiondirection === 'bottom' && "\n        flex-direction:column;\n        justify-content:start;\n        top:".concat(POSITION_LIST, ";\n        bottom:0;\n        right:0;\n        left:0;\n        padding-top:").concat(POSITION_LIST_DISTANCE, ";\n    ");
+  return props.direction === 'bottom' && "\n        flex-direction:column;\n        justify-content:start;\n        top:".concat(POSITION_LIST, ";\n        bottom:0;\n        right:0;\n        left:0;\n        padding-top:").concat(POSITION_LIST_DISTANCE, ";\n    ");
 });
 var PreviewContent = styled.div(_templateObject3$9());
-var Container$1 = styled.div(_templateObject4$9(), ListContent, listAnimation);
+var Container$1 = styled.div(_templateObject4$9(), ListContent, ListContent, listAnimation);
 
 var ButtonIcon = function ButtonIcon(_ref) {
   var children = _ref.children,
@@ -6243,6 +6243,7 @@ var ButtonList = function ButtonList(_ref3) {
   var contentRef = useRef();
   useEffect(function () {
     if (!(contentRef === null || contentRef === void 0 ? void 0 : contentRef.current)) return;
+    if (dir !== 'auto') return;
     var bounds = contentRef.current.getBoundingClientRect();
     var windowWidth = window.innerWidth;
     var windowHeight = window.innerHeight;