@zohodesk/dot 1.0.0-temp.93 → 1.0.0-test.113

package/lib/deprecated/SelectDropdown/SelectDropdown.js

@@ -1,76 +1,49 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _DropBox = _interopRequireDefault(require("@zohodesk/components/lib/DropBox/DropBox"));
-
 var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
-
 var _ListItem = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItem"));
-
 var _TextBox = _interopRequireDefault(require("@zohodesk/components/lib/TextBox/TextBox"));
-
 var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/lib/DropDown/DropDownHeading"));
-
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
-
 var _Layout = require("@zohodesk/components/lib/Layout");
-
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
+var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 var _SelectDropdownModule = _interopRequireDefault(require("./SelectDropdown.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 var SelectDropdown = /*#__PURE__*/function (_React$Component) {
   _inherits(SelectDropdown, _React$Component);
-
   var _super = _createSuper(SelectDropdown);
-
   function SelectDropdown(props) {
     var _this;
-
     _classCallCheck(this, SelectDropdown);
-
     _this = _super.call(this, props);
     _this.handleTogglePopup = _this.handleTogglePopup.bind(_assertThisInitialized(_this));
     _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(SelectDropdown, [{
     key: "handleClick",
     value: function handleClick(id, value, index, e) {
       var _this$props = this.props,
-          onClick = _this$props.onClick,
-          togglePopup = _this$props.togglePopup;
+        onClick = _this$props.onClick,
+        togglePopup = _this$props.togglePopup;
       onClick && onClick(id, value, index, e);
       togglePopup(e, 'bottomRight');
     }
@@ -80,27 +53,36 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
       var togglePopup = this.props.togglePopup;
       togglePopup(e, 'bottomRight');
     }
+  }, {
+    key: "responsiveFunc",
+    value: function responsiveFunc(_ref) {
+      var mediaQueryOR = _ref.mediaQueryOR;
+      return {
+        tabletMode: mediaQueryOR([{
+          maxWidth: 700
+        }])
+      };
+    }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          title = _this$props2.title,
-          selectedText = _this$props2.selectedText,
-          isPopupOpen = _this$props2.isPopupOpen,
-          isPopupReady = _this$props2.isPopupReady,
-          getTargetRef = _this$props2.getTargetRef,
-          getContainerRef = _this$props2.getContainerRef,
-          removeClose = _this$props2.removeClose,
-          suggestions = _this$props2.suggestions,
-          selectedId = _this$props2.selectedId,
-          _this$props2$isSearch = _this$props2.isSearchRequired,
-          isSearchRequired = _this$props2$isSearch === void 0 ? false : _this$props2$isSearch;
+        title = _this$props2.title,
+        selectedText = _this$props2.selectedText,
+        isPopupOpen = _this$props2.isPopupOpen,
+        isPopupReady = _this$props2.isPopupReady,
+        getTargetRef = _this$props2.getTargetRef,
+        getContainerRef = _this$props2.getContainerRef,
+        removeClose = _this$props2.removeClose,
+        suggestions = _this$props2.suggestions,
+        selectedId = _this$props2.selectedId,
+        _this$props2$isSearch = _this$props2.isSearchRequired,
+        isSearchRequired = _this$props2$isSearch === void 0 ? false : _this$props2$isSearch;
       var idKey = suggestions.idKey,
-          valueKey = suggestions.valueKey,
-          _suggestions$options = suggestions.options,
-          options = _suggestions$options === void 0 ? [] : _suggestions$options;
+        valueKey = suggestions.valueKey,
+        _suggestions$options = suggestions.options,
+        options = _suggestions$options === void 0 ? [] : _suggestions$options;
       return /*#__PURE__*/_react["default"].createElement("span", {
         ref: getTargetRef,
         className: _SelectDropdownModule["default"].container,
@@ -114,48 +96,56 @@ var SelectDropdown = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-down1",
         size: "6"
-      })), /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
-        size: "medium",
-        boxPosition: "bottomRight",
-        isArrow: true,
-        isAnimate: true,
-        right: "-25",
-        isActive: isPopupOpen && isPopupReady,
-        getRef: getContainerRef
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        alignBox: "column",
-        className: _SelectDropdownModule["default"].rulesPopup
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        className: _SelectDropdownModule["default"].rulesDepart
-      }, /*#__PURE__*/_react["default"].createElement(_DropDownHeading["default"], {
-        text: title
-      })), isSearchRequired ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        className: _SelectDropdownModule["default"].searchDepart
-      }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-        name: "Test",
-        id: "Test",
-        maxLength: "150",
-        placeHolder: "Search Department"
-      })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        scroll: "vertical",
-        flexible: true,
-        shrink: true
-      }, options && options.length && options.map(function (obj, index) {
-        return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
-          key: index,
-          autoHover: true,
-          value: obj[valueKey],
-          active: selectedId == obj[idKey],
-          id: obj[idKey],
-          onClick: _this2.handleClick
-        });
-      })))));
+      })), /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+        query: this.responsiveFunc,
+        responsiveId: "Helmet"
+      }, function (_ref2) {
+        var tabletMode = _ref2.tabletMode;
+        return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+          size: "medium",
+          boxPosition: "bottomRight",
+          isArrow: true,
+          isAnimate: true,
+          right: "-25",
+          isActive: isPopupOpen && isPopupReady,
+          getRef: getContainerRef,
+          isResponsivePadding: true,
+          alignBox: "row"
+        }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+          flexible: true
+        }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+          alignBox: "column",
+          className: "".concat(tabletMode ? '' : _SelectDropdownModule["default"].rulesPopup)
+        }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+          className: _SelectDropdownModule["default"].rulesDepart
+        }, /*#__PURE__*/_react["default"].createElement(_DropDownHeading["default"], {
+          text: title
+        })), isSearchRequired ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+          className: _SelectDropdownModule["default"].searchDepart
+        }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
+          name: "Test",
+          id: "Test",
+          maxLength: "150",
+          placeHolder: "Search Department"
+        })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+          scroll: "vertical",
+          flexible: true,
+          shrink: true
+        }, options && options.length && options.map(function (obj, index) {
+          return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+            key: index,
+            autoHover: true,
+            value: obj[valueKey],
+            active: selectedId == obj[idKey],
+            id: obj[idKey],
+            onClick: _this2.handleClick
+          });
+        })))));
+      }));
     }
   }]);
-
   return SelectDropdown;
 }(_react["default"].Component);
-
 SelectDropdown.propTypes = {
   getContainerRef: _propTypes["default"].func,
   getTargetRef: _propTypes["default"].func,
@@ -173,14 +163,11 @@ SelectDropdown.propTypes = {
   }),
   title: _propTypes["default"].string
 };
-
 if (false) {
   SelectDropdown.docs = {
     componentGroup: 'Header',
     folderName: 'Setup'
   };
 }
-
 var _default = (0, _Popup["default"])(SelectDropdown);
-
 exports["default"] = _default;

package/lib/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -31,6 +31,7 @@
   max-height: var(--zd_size260);
   padding: var(--zd_size10) 0;
 }
+
 .rulesDepart {
   margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5);
 }

package/lib/deprecated/utils/General.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatCurrency = formatCurrency;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function formatCurrency(number, symbol) {
+  // format number 1000000 to 1,234,567
+  if (number && number != 0) {
+    var typeOfData = _typeof(number);
+    var isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
+    if (isDecimal) {
+      var val = number.toString().split('.');
+      var arr1 = "".concat(val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
+      var finalVal = "".concat(symbol).concat(arr1, ".").concat(val[1]);
+      return finalVal;
+    } else {
+      var value = "".concat(symbol).concat(number.toString().replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ','));
+      return value;
+    }
+  }
+  return number;
+}

package/lib/{utils → deprecated/utils}/KeyboardApi.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Shortcut = Shortcut;
 exports.keycallback = keycallback;
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 //$Id$
 var isShortCutEnabled;
 var showShortcut = {};
@@ -44,21 +42,16 @@ var _SpecialKeyMaps = {
   187: 'plus',
   //  =
   191: 'slash' //   /
-
 };
 
 function Shortcut(target) {
   _addEvent(target, 'keypress', keycallback);
-
   _addEvent(target, 'keydown', keycallback);
-
   _addEvent(target, 'keyup', keycallback);
 }
-
 Shortcut.setState = function (isEnabled) {
   isShortCutEnabled = isEnabled;
 };
-
 Shortcut.addAll = function (keysObj, props) {
   showShortcut = props.showShortcut;
   isShortCutEnabled && keysObj.map(function (keyOptions, index) {
@@ -66,38 +59,33 @@ Shortcut.addAll = function (keysObj, props) {
     return;
   });
 };
+
 /**
  * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
  * @param callback = any function
  * @param action = keypress or keydown or keyup
  */
 
-
 Shortcut.bulkAdd = function (shortcutArray) {
   showShortcut && shortcutArray.map(function (shortcutObj) {
     Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
   });
 };
-
 Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
   if (!keycombo || !isShortCutEnabled) {
     return;
   }
-
   var tempjson = {};
-
   if (cpFunc === undefined) {
     cpFunc = function cpFunc(keycode, keyOptions, e) {
       _defaultCallBack(keycode, keyOptions);
     };
   } else {
     var oldfunc = cpFunc;
-
     cpFunc = function cpFunc(keycode, keyOptions, ev) {
       oldfunc(keycode, ev);
     };
   }
-
   tempjson.key = keycombo.toLowerCase();
   tempjson.displayLabel = displayLabel;
   tempjson.keyOptions = cpFunc;
@@ -107,26 +95,20 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
 /*Shortcut.prototype.remove = function(){
 
 };*/
-
-
 Shortcut.removeAll = function () {
   shortcutdatas = {};
 };
-
 Shortcut.show = function () {
   return Object.assign({}, shortcutdatas);
 };
-
 Shortcut.remove = function (keyCombo) {
   keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
   keyCombo.map(function (key) {
     delete shortcutdatas[key];
   });
 };
-
 Shortcut.init = function (doc) {
   var documentshortcut = Shortcut(doc);
-
   for (var method in documentshortcut) {
     if (method.charAt(0) !== '_') {
       Shortcut[method] = function (method) {
@@ -137,45 +119,34 @@ Shortcut.init = function (doc) {
     }
   }
 };
-
 function _addEvent(object, type, callback) {
   if (object.addEventListener) {
     object.addEventListener(type, callback, false);
     return;
   }
-
   object.attachEvent("on".concat(type), callback);
 }
-
 function keycallback(e) {
   if (!isShortCutEnabled) {
     return;
   }
-
   var keyaction = e.type;
-
   var keycode = _convertToKeyCharacter(e);
-
   if (e.metaKey) {
     return;
   }
-
   _bindNeedData(e, keyaction);
-
   if ('esc' !== keycode) {
     if (_shortRestrictionPlaces(e)) {
       //return if type any text in input tag or texta area
       return;
     }
   }
-
   keycode = _eventModifiers(e) + keycode;
   var keycodedata = shortcutdatas[keycode];
-
   if (keycodedata) {
     e.preventDefault();
   }
-
   if (keycodedata && keyaction === keycodedata.action && keycodedata.keyOptions) {
     keycodedata.keyOptions && keycodedata.keyOptions(keycode, keycodedata.keyOptions, e);
     showShortcut({
@@ -184,32 +155,25 @@ function keycallback(e) {
     });
   }
 }
-
 function _eventModifiers(e) {
   if (e.shiftKey === true && e.metaKey === true) {
     return 'command+shift+';
   }
-
   if (e.shiftKey === true && e.ctrlKey === true) {
     return 'ctrl+shift+';
   }
-
   if (e.altKey === true && e.ctrlKey === true) {
     return 'alt+ctrl+';
   }
-
   if (e.ctrlKey === true) {
     return 'ctrl+';
   }
-
   if (e.metaKey === true) {
     return 'command+';
   }
-
   if (e.shiftKey === true) {
     return 'shift+';
   }
-
   if (additionalKey.zpress === true) {
     return 'z+';
   } else if (additionalKey.apress === true) {
@@ -233,16 +197,12 @@ function _eventModifiers(e) {
   } else if (additionalKey.lpress === true) {
     return 'l+';
   }
-
   return '';
 }
-
 function _bindNeedData(e, keyaction) {
   var keyName = String.fromCharCode(e.keyCode).toLowerCase();
-
   if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
     var extraName = "".concat(keyName, "press");
-
     if (keyaction === 'keydown') {
       additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, _defineProperty({}, extraName, true)) : additionalKey;
       additionalKey[extraName] = true;
@@ -252,14 +212,12 @@ function _bindNeedData(e, keyaction) {
     }
   }
 }
-
 function _convertToKeyCharacter(e) {
   var keyCode = e.keyCode || e.charCode;
   var keyName = String.fromCharCode(keyCode).toLowerCase();
   keyName = _SpecialKeyMaps.hasOwnProperty(keyCode) ? _SpecialKeyMaps[keyCode] : keyName;
   return keyName;
 }
-
 function _defaultCallBack(keycombo, keyOptions) {
   /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
   if (keyOptions.callbackflow !== undefined) {
@@ -282,18 +240,16 @@ function _defaultCallBack(keycombo, keyOptions) {
     return;
   }*/
 }
-
 function _shortRestrictionPlaces(e) {
   var _target = e.target;
   var tagName = _target.tagName;
   var keyCode = e.keyCode || e.charCode;
   var isContentEditable = _target.contentEditable === 'true';
-
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
+  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 ||
+  //!SupportUI.CurrentUser.getKBStatus() ||
   //restrict_keyUI() ||
   keyCode >= 112 && keyCode <= 123 || isContentEditable) {
     return true;
   }
-
   return false;
 }