@zohodesk/dot 1.0.0-temp-187.24 → 1.0.0-temp-225

package/lib/deprecated/FreezeLayer/props/propTypes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var animationValues = ['fade', 'shrink', 'expand', 'slideRight', 'slideDown', 'flyDown'];
+var propTypes = {
+  align: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both']),
+  animationName: _propTypes["default"].oneOf(animationValues),
+  childAnimationName: _propTypes["default"].oneOf(animationValues),
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  forwardRef: _propTypes["default"].object,
+  isActive: _propTypes["default"].bool,
+  isSvgMask: _propTypes["default"].bool,
+  needAutoZindex: _propTypes["default"].bool,
+  onClick: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].bool]),
+  palette: _propTypes["default"].oneOf(['dark', 'default', 'darkLight', 'plain', 'snow']),
+  runOnMount: _propTypes["default"].bool,
+  zIndex: _propTypes["default"].oneOf(['3', '5', '7', '10'])
+};
+exports.propTypes = propTypes;

package/lib/deprecated/SelectDropdown/SelectDropdown.js

@@ -0,0 +1,202 @@
+"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 _Popup = _interopRequireDefault(require("@zohodesk/components/es/Popup/Popup"));
+
+var _ListItem = _interopRequireDefault(require("@zohodesk/components/es/ListItem/ListItem"));
+
+var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/TextBox/TextBox"));
+
+var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/es/DropDown/DropDownHeading"));
+
+var _icons = require("@zohodesk/icons");
+
+var _Layout = require("@zohodesk/components/es/Layout");
+
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox"));
+
+var _CustomResponsive = require("@zohodesk/components/es/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 ? 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.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 && onClick(id, value, index, e);
+      togglePopup(e, 'bottomRight');
+    }
+  }, {
+    key: "handleTogglePopup",
+    value: function handleTogglePopup(e) {
+      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;
+      var idKey = suggestions.idKey,
+          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,
+        onClick: removeClose
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        className: _SelectDropdownModule["default"].departName,
+        onClick: this.handleTogglePopup
+      }, selectedText), /*#__PURE__*/_react["default"].createElement("span", {
+        className: _SelectDropdownModule["default"].departIcon,
+        onClick: this.handleTogglePopup
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+        name: "ZD-down1",
+        size: "6"
+      })), /*#__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,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isSearchRequired: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  removeClose: _propTypes["default"].func,
+  selectedId: _propTypes["default"].string,
+  selectedText: _propTypes["default"].string,
+  suggestions: _propTypes["default"].shape({
+    idKey: _propTypes["default"].string,
+    valueKey: _propTypes["default"].string,
+    options: _propTypes["default"].array
+  }),
+  title: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func
+};
+
+var _default = (0, _Popup["default"])(SelectDropdown);
+
+exports["default"] = _default;

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

@@ -0,0 +1,59 @@
+/* css:lineheight-validation:ignore */
+.container {
+  position: relative;
+  line-height: var(--zd_size18);
+  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
+  padding: var(--zd_size3) var(--zd_size15) ;
+  cursor: pointer;
+}
+[dir=ltr] .container {
+  margin-left: var(--zd_size15) ;
+}
+[dir=rtl] .container {
+  margin-right: var(--zd_size15) ;
+}
+.container:hover {
+  background: var(--zdt_selectdropzdt_selectdropdown_hover_bg down_hover_bg);
+}
+.departName {
+  font-size: var(--zd_font_size13) ;
+  color: var(--zdt_selectdropdown_departname_text);
+  composes: flexgrow dotted offSelection from '~@zohodesk/components/es/common/common.module.css';
+}
+.departIcon {
+  color: var(--zdt_selectdropdown_departicon);
+  cursor: pointer;
+}
+[dir=ltr] .departIcon {
+  margin-left: var(--zd_size5) ;
+}
+[dir=rtl] .departIcon {
+  margin-right: var(--zd_size5) ;
+}
+.rulesPopup {
+  max-height: var(--zd_size260) ;
+  padding: var(--zd_size10) 0 ;
+}
+
+.rulesDepart {
+  margin: 0 var(--zd_size5) var(--zd_size10) var(--zd_size5) ;
+}
+.searchDepart {
+  padding: 0 var(--zd_size20) ;
+  margin: 0 0 var(--zd_size10) 0 ;
+}
+
+/*Variables */
+/* select dropdown */
+
+[data-mode='dark'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}
+
+[data-mode='default'] {
+  --zdt_selectdropdown_hover_bg: var(--dot_smoke64);
+  --zdt_selectdropdown_departname_text: var(--zd_dark4);
+  --zdt_selectdropdown_departicon: var(--zd_dark5);
+}

package/lib/deprecated/utils/General.js

@@ -0,0 +1,29 @@
+"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/deprecated/utils/KeyboardApi.js

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 = {};
+var shortcutdatas = {};
+var additionalKey = {};
+var _SpecialKeyMaps = {
+  8: 'backspace',
+  9: 'tab',
+  13: 'enter',
+  16: 'shift',
+  17: 'ctrl',
+  18: 'alt',
+  //20: 'capslock',
+  27: 'esc',
+  32: 'space',
+  //33: 'pageup',
+  //34: 'pagedown',
+  //35: 'end',
+  //36: 'home',
+  37: 'left',
+  38: 'up',
+  39: 'right',
+  40: 'down',
+  46: 'del',
+  91: 'meta',
+  93: 'meta',
+  224: 'meta',
+  43: 'plus',
+  //   +
+  61: 'plus',
+  //  = , in firefox
+  63: 'ques',
+  // ?
+  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) {
+    Shortcut.add(keyOptions.keyCombo, keyOptions.keyCallback(props), keyOptions.keyAction, keyOptions.displayLabel || []);
+    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;
+  tempjson.action = action || 'keypress';
+  shortcutdatas[keycombo.toLowerCase()] = tempjson;
+};
+/*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) {
+        return function () {
+          return documentshortcut[method].apply(documentshortcut, arguments);
+        };
+      }(method);
+    }
+  }
+};
+
+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({
+      type: 'SHORTCUT_SHOW',
+      displayLabel: keycodedata.displayLabel
+    });
+  }
+}
+
+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) {
+    return 'a+';
+  } else if (additionalKey.cpress === true) {
+    return 'c+';
+  } else if (additionalKey.dpress === true) {
+    return 'd+';
+  } else if (additionalKey.fpress === true) {
+    return 'f+';
+  } else if (additionalKey.kpress === true) {
+    return 'k+';
+  } else if (additionalKey.ppress === true) {
+    return 'p+';
+  } else if (additionalKey.rpress === true) {
+    return 'r+';
+  } else if (additionalKey.tpress === true) {
+    return 't+';
+  } else if (additionalKey.epress === true) {
+    return '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;
+    } else if (keyaction === 'keyup') {
+      additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, _defineProperty({}, extraName, false)) : additionalKey;
+      additionalKey[extraName] = false;
+    }
+  }
+}
+
+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) {
+    keycombo = keyOptions.callbackflow.split(',');
+    var click = function(i, combo) {
+      setTimeout(function() {
+        jQuery("[data-shortcut-key='" + combo + "']").trigger('click');
+      }, i * 200);
+    };
+    for (var i = 0; i < keycombo.length; i++) {
+      var clickFunc = click.bind(this, i);
+      clickFunc(keycombo[i]);
+      highLightKeys(keycombo[i]);
+    }
+    return;
+  }
+  if (keyElement.length === 1) {
+    keyElement.trigger('click');
+    highLightKeys(keycombo);
+    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() ||
+  //restrict_keyUI() ||
+  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
+    return true;
+  }
+
+  return false;
+}

package/lib/dot_layer.module.css

@@ -0,0 +1 @@
+@layer dot-core, dot-core.theme, dot-core.core, dot-core.atom, dot-core.molecule, dot-core.organism, dot-core.page, dot-core.ActionButton, dot-core.AlphabeticList, dot-core.Attachment, dot-core.AttachmentViewer, dot-core.ChannelIcon, dot-core.Drawer, dot-core.ExternalLink, dot-core.FlipCard, dot-core.FormAction, dot-core.css, dot-core.IconButton, dot-core.Image, dot-core.ImportantNotes, dot-core.Link, dot-core.Loader, dot-core.Message, dot-core.MessageBanner, dot-core.NewStar, dot-core.PlusIcon, dot-core.Separator, dot-core.TagWithIcon, dot-core.ToastMessage, dot-core.Upload, dot-core.AlertHeader, dot-core.AlertLookup, dot-core.AvatarClose, dot-core.AvatarCollision, dot-core.AvatarIcon, dot-core.AvatarStatus, dot-core.AvatarThread, dot-core.AvatarUser, dot-core.AvatarWithTeam, dot-core.common, dot-core.FreezeLayer, dot-core.SelectDropdown, dot-core.ToggleDropDown, dot-core.CommonEmptyState, dot-core.EditionPage, dot-core.errorstate, dot-core.Inconvenience, dot-core.LinkText, dot-core.NoRequestFound, dot-core.PermissionPlay, dot-core.RequestUrlNotFound, dot-core.UnableToProcess, dot-core.UnauthorizedLogin, dot-core.WillBack, dot-core.fields, dot-core.TagsMultiSelect, dot-core.TagsMultiSelectField, dot-core.TextEditor, dot-core.TextEditorWrapper, dot-core.ValidationMessage, dot-core.Field, dot-core.Section, dot-core.SetupDetailLayout, dot-core.SubtabLayout, dot-core.AvatarFlip, dot-core.BluePrintStatus, dot-core.Comment, dot-core.DepartmentDropDown, dot-core.Dot, dot-core.DotNew, dot-core.GridStencils, dot-core.Icons, dot-core.ListLayout, dot-core.ListStencils, dot-core.SecondaryText, dot-core.SecondryPanel, dot-core.SentimentStatus, dot-core.Subject, dot-core.TagNew, dot-core.Thread, dot-core.list, dot-core.StatusDropdown, dot-core.StatusListItem, dot-core.EmptyPage, dot-core.Lookup, dot-core.Close, dot-core.Search, dot-core.TicketHeader, dot-core.Title, dot-core.ViewDropDown, dot-core.header, dot-core.Button, dot-core.Views, dot-core.Description, dot-core.ListGroup, dot-core.TableData, dot-core.TableHead, dot-core.TableRow, dot-core.Text, dot-core.AlertClose, dot-core.GlobalNotification, dot-core.alertIcons, dot-core.lookup, dot-core.DesktopNotification, dot-core.DesktopNotificationHeader;