@zohodesk/components 1.0.0-temp-51 → 1.0.0-temp-54

package/es/ListItem/ListItem.module.css

@@ -70,6 +70,7 @@
 [dir=rtl] .large {
   --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
 }
+
 .value,
 .children {
   composes: dotted from '../common/common.module.css';

package/es/MultiSelect/MultiSelect.js

@@ -741,7 +741,7 @@ export class MultiSelectComponent extends React.Component {
       defaultDropBoxPosition,
       isReadOnly
     } = this.props;
-    !isReadOnly && togglePopup(e, defaultDropBoxPosition ? `${defaultDropBoxPosition}Center` : null);
+    !isReadOnly && togglePopup(e, defaultDropBoxPosition ? `${defaultDropBoxPosition}` : null);
   }
 
   handlePopupClose(e) {
@@ -982,7 +982,7 @@ export class MultiSelectComponent extends React.Component {
       dataId: `${dataId}_children`
     }, children) : null)))), !isReadOnly && !isDisabled && !disableAction && isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
       animationStyle: animationStyle,
-      boxPosition: position || `${defaultDropBoxPosition}Center`,
+      boxPosition: position || `${defaultDropBoxPosition}`,
       getRef: getContainerRef,
       isActive: isPopupReady,
       isAnimate: isAnimate,
@@ -1041,7 +1041,7 @@ MultiSelectComponent.propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
   closePopupOnly: PropTypes.func,
   dataId: PropTypes.string,
-  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
+  defaultDropBoxPosition: PropTypes.string,
   disableAction: PropTypes.bool,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
   emptyMessage: PropTypes.string.isRequired,
@@ -1117,7 +1117,6 @@ MultiSelectComponent.propTypes = {
 MultiSelectComponent.defaultProps = {
   animationStyle: 'bounce',
   dataId: 'multiSelect',
-  defaultDropBoxPosition: 'bottom',
   dropBoxSize: 'small',
   isAnimate: true,
   isDisabled: false,

package/es/Responsive/sizeObservers.js

@@ -25,14 +25,7 @@ function rangeCheck(minValue, maxValue, screenValue) {
   return minValue <= screenValue && maxValue >= screenValue;
 }
 
-function isTouchDeviceFunc() {
-  // return window.matchMedia("(pointer: coarse)").matches
-  return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
-} // export const isTouchDevice =
-//   'ontouchstart' in window && navigator.userAgent.match(/mobi/i) ? true : false;
-
-
-export const isTouchDevice = isTouchDeviceFunc();
+export const isTouchDevice = 'ontouchstart' in window && navigator.userAgent.match(/mobi/i) ? true : false;
 export function isBreackPointMatched(object, screen) {
   if (!isValideBreakPoint(object)) {
     // eslint-disable-next-line no-console

package/es/Select/Select.js

@@ -507,7 +507,7 @@ export class SelectComponent extends Component {
       onFocus,
       isPopupOpen
     } = this.props;
-    !isReadOnly && togglePopup(e, defaultDropBoxPosition ? `${defaultDropBoxPosition}Center` : null);
+    !isReadOnly && togglePopup(e, defaultDropBoxPosition ? `${defaultDropBoxPosition}` : null);
     !isPopupOpen && typeof onFocus === 'function' && onFocus(e);
   }
 
@@ -835,7 +835,7 @@ export class SelectComponent extends Component {
       customProps: TextBoxProps
     })), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
       animationStyle: animationStyle,
-      boxPosition: position || `${defaultDropBoxPosition}Center`,
+      boxPosition: position || `${defaultDropBoxPosition}`,
       getRef: getContainerRef,
       isActive: isPopupReady,
       isAnimate: true,
@@ -912,7 +912,7 @@ SelectComponent.propTypes = {
   className: PropTypes.string,
   closePopupOnly: PropTypes.func,
   dataId: PropTypes.string,
-  defaultDropBoxPosition: PropTypes.oneOf(['bottom', 'top', 'left', 'right']),
+  defaultDropBoxPosition: PropTypes.string,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
   emptyMessage: PropTypes.string,
   excludeOptions: PropTypes.array,
@@ -992,7 +992,6 @@ SelectComponent.defaultProps = {
   animationStyle: 'bounce',
   autoSelectOnType: true,
   dataId: 'selectComponent',
-  defaultDropBoxPosition: 'bottom',
   dropBoxSize: 'small',
   isDefaultSelectValue: true,
   isDisabled: false,

package/lib/ListItem/ListItem.module.css

@@ -70,6 +70,7 @@
 [dir=rtl] .large {
   --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
 }
+
 .value,
 .children {
   composes: dotted from '../common/common.module.css';

package/lib/MultiSelect/MultiSelect.js

@@ -815,7 +815,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
           togglePopup = _this$props10.togglePopup,
           defaultDropBoxPosition = _this$props10.defaultDropBoxPosition,
           isReadOnly = _this$props10.isReadOnly;
-      !isReadOnly && togglePopup(e, defaultDropBoxPosition ? "".concat(defaultDropBoxPosition, "Center") : null);
+      !isReadOnly && togglePopup(e, defaultDropBoxPosition ? "".concat(defaultDropBoxPosition) : null);
     }
   }, {
     key: "handlePopupClose",
@@ -1052,7 +1052,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         dataId: "".concat(dataId, "_children")
       }, children) : null)))), !isReadOnly && !isDisabled && !disableAction && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
         animationStyle: animationStyle,
-        boxPosition: position || "".concat(defaultDropBoxPosition, "Center"),
+        boxPosition: position || "".concat(defaultDropBoxPosition),
         getRef: getContainerRef,
         isActive: isPopupReady,
         isAnimate: isAnimate,
@@ -1115,7 +1115,7 @@ MultiSelectComponent.propTypes = {
   borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
   closePopupOnly: _propTypes["default"].func,
   dataId: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
+  defaultDropBoxPosition: _propTypes["default"].string,
   disableAction: _propTypes["default"].bool,
   dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
   emptyMessage: _propTypes["default"].string.isRequired,
@@ -1191,7 +1191,6 @@ MultiSelectComponent.propTypes = {
 MultiSelectComponent.defaultProps = {
   animationStyle: 'bounce',
   dataId: 'multiSelect',
-  defaultDropBoxPosition: 'bottom',
   dropBoxSize: 'small',
   isAnimate: true,
   isDisabled: false,

package/lib/Responsive/sizeObservers.js

@@ -62,14 +62,7 @@ function rangeCheck(minValue, maxValue, screenValue) {
   return minValue <= screenValue && maxValue >= screenValue;
 }
 
-function isTouchDeviceFunc() {
-  // return window.matchMedia("(pointer: coarse)").matches
-  return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
-} // export const isTouchDevice =
-//   'ontouchstart' in window && navigator.userAgent.match(/mobi/i) ? true : false;
-
-
-var isTouchDevice = isTouchDeviceFunc();
+var isTouchDevice = 'ontouchstart' in window && navigator.userAgent.match(/mobi/i) ? true : false;
 exports.isTouchDevice = isTouchDevice;
 
 function isBreackPointMatched(object, screen) {

package/lib/Select/Select.js

@@ -543,7 +543,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
           defaultDropBoxPosition = _this$props7.defaultDropBoxPosition,
           onFocus = _this$props7.onFocus,
           isPopupOpen = _this$props7.isPopupOpen;
-      !isReadOnly && togglePopup(e, defaultDropBoxPosition ? "".concat(defaultDropBoxPosition, "Center") : null);
+      !isReadOnly && togglePopup(e, defaultDropBoxPosition ? "".concat(defaultDropBoxPosition) : null);
       !isPopupOpen && typeof onFocus === 'function' && onFocus(e);
     }
   }, {
@@ -870,7 +870,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         customProps: TextBoxProps
       })), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
         animationStyle: animationStyle,
-        boxPosition: position || "".concat(defaultDropBoxPosition, "Center"),
+        boxPosition: position || "".concat(defaultDropBoxPosition),
         getRef: getContainerRef,
         isActive: isPopupReady,
         isAnimate: true,
@@ -951,7 +951,7 @@ SelectComponent.propTypes = {
   className: _propTypes["default"].string,
   closePopupOnly: _propTypes["default"].func,
   dataId: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
+  defaultDropBoxPosition: _propTypes["default"].string,
   dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
   emptyMessage: _propTypes["default"].string,
   excludeOptions: _propTypes["default"].array,
@@ -1031,7 +1031,6 @@ SelectComponent.defaultProps = {
   animationStyle: 'bounce',
   autoSelectOnType: true,
   dataId: 'selectComponent',
-  defaultDropBoxPosition: 'bottom',
   dropBoxSize: 'small',
   isDefaultSelectValue: true,
   isDisabled: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-51",
+  "version": "1.0.0-temp-54",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",