@zohodesk/hooks
Version:
Unified Component Library - Hooks
142 lines • 2.96 kB
JavaScript
export default {
bottomCenter: {
direction: 'bottom',
arrowPosition: 'mid',
positionStyle: 'bottomMid'
},
bottomLeftToRight: {
direction: 'bottom',
arrowPosition: 'start',
positionStyle: 'bottomEnd'
},
bottomCenterToRight: {
direction: 'bottom',
arrowPosition: 'start',
positionStyle: 'bottomEnd'
},
bottomRightToLeft: {
direction: 'bottom',
arrowPosition: 'end',
positionStyle: 'bottomStart'
},
bottomCenterToLeft: {
direction: 'bottom',
arrowPosition: 'end',
positionStyle: 'bottomStart'
},
topCenter: {
direction: 'top',
arrowPosition: 'mid',
positionStyle: 'topMid'
},
topLeftToRight: {
direction: 'top',
arrowPosition: 'start',
positionStyle: 'topEnd'
},
topCenterToRight: {
direction: 'top',
arrowPosition: 'start',
positionStyle: 'topEnd'
},
topRightToLeft: {
direction: 'top',
arrowPosition: 'end',
positionStyle: 'topStart'
},
topCenterToLeft: {
direction: 'top',
arrowPosition: 'end',
positionStyle: 'topStart'
},
rightCenter: {
direction: 'right',
arrowPosition: 'mid',
positionStyle: 'rightMid'
},
rightTopToBottom: {
direction: 'right',
arrowPosition: 'start',
positionStyle: 'rightEnd'
},
rightCenterToBottom: {
direction: 'right',
arrowPosition: 'start',
positionStyle: 'rightEnd'
},
rightBottomToTop: {
direction: 'right',
arrowPosition: 'end',
positionStyle: 'rightStart'
},
rightCenterToTop: {
direction: 'right',
arrowPosition: 'end',
positionStyle: 'rightStart'
},
leftCenter: {
direction: 'left',
arrowPosition: 'mid',
positionStyle: 'leftMid'
},
leftTopToBottom: {
direction: 'left',
arrowPosition: 'start',
positionStyle: 'leftEnd'
},
leftCenterToBottom: {
direction: 'left',
arrowPosition: 'start',
positionStyle: 'leftEnd'
},
leftBottomToTop: {
direction: 'left',
arrowPosition: 'end',
positionStyle: 'leftStart'
},
leftCenterToTop: {
direction: 'left',
arrowPosition: 'end',
positionStyle: 'leftStart'
},
bottomRight: {
direction: 'bottom',
arrowPosition: 'start',
positionStyle: 'bottomEnd'
},
bottomLeft: {
direction: 'bottom',
arrowPosition: 'end',
positionStyle: 'bottomStart'
},
topRight: {
direction: 'top',
arrowPosition: 'start',
positionStyle: 'topEnd'
},
topLeft: {
direction: 'top',
arrowPosition: 'end',
positionStyle: 'topStart'
},
rightBottom: {
direction: 'right',
arrowPosition: 'start',
positionStyle: 'rightEnd'
},
rightTop: {
direction: 'right',
arrowPosition: 'end',
positionStyle: 'rightStart'
},
leftBottom: {
direction: 'left',
arrowPosition: 'start',
positionStyle: 'leftEnd'
},
leftTop: {
direction: 'left',
arrowPosition: 'end',
positionStyle: 'leftStart'
}
};