@zohodesk/dot 1.0.0-temp-175.7 → 1.0.0-temp-181

package/lib/v1/DotWrapper/utils/themeProperties.js

@@ -0,0 +1,325 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeMapping = exports.themeImports = void 0;
+
+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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var themeImports = {
+  Lib_Blue_Light_Component: function Lib_Blue_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Light_Component'));
+    });
+  },
+  Lib_Blue_Dark_Component: function Lib_Blue_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_Dark_Component'));
+    });
+  },
+  Lib_Blue_PureDark_Component: function Lib_Blue_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/blue/Blue_PureDark_Component'));
+    });
+  },
+  Lib_Green_Light_Component: function Lib_Green_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Light_Component'));
+    });
+  },
+  Lib_Green_Dark_Component: function Lib_Green_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_Dark_Component'));
+    });
+  },
+  Lib_Green_PureDark_Component: function Lib_Green_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/green/Green_PureDark_Component'));
+    });
+  },
+  Lib_Orange_Light_Component: function Lib_Orange_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Light_Component'));
+    });
+  },
+  Lib_Orange_Dark_Component: function Lib_Orange_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_Dark_Component'));
+    });
+  },
+  Lib_Orange_PureDark_Component: function Lib_Orange_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/orange/Orange_PureDark_Component'));
+    });
+  },
+  Lib_Red_Light_Component: function Lib_Red_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Light_Component'));
+    });
+  },
+  Lib_Red_Dark_Component: function Lib_Red_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_Dark_Component'));
+    });
+  },
+  Lib_Red_PureDark_Component: function Lib_Red_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/red/Red_PureDark_Component'));
+    });
+  },
+  Lib_Yellow_Light_Component: function Lib_Yellow_Light_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Light_Component'));
+    });
+  },
+  Lib_Yellow_Dark_Component: function Lib_Yellow_Dark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_Dark_Component'));
+    });
+  },
+  Lib_Yellow_PureDark_Component: function Lib_Yellow_PureDark_Component() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'));
+    });
+  },
+  Lib_Blue_Light_Dot: function Lib_Blue_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Light_Dot'));
+    });
+  },
+  Lib_Blue_Dark_Dot: function Lib_Blue_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_Dark_Dot'));
+    });
+  },
+  Lib_Blue_PureDark_Dot: function Lib_Blue_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'));
+    });
+  },
+  Lib_Green_Light_Dot: function Lib_Green_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Light_Dot'));
+    });
+  },
+  Lib_Green_Dark_Dot: function Lib_Green_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_Dark_Dot'));
+    });
+  },
+  Lib_Green_PureDark_Dot: function Lib_Green_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/green/Green_PureDark_Dot'));
+    });
+  },
+  Lib_Orange_Light_Dot: function Lib_Orange_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Light_Dot'));
+    });
+  },
+  Lib_Orange_Dark_Dot: function Lib_Orange_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_Dark_Dot'));
+    });
+  },
+  Lib_Orange_PureDark_Dot: function Lib_Orange_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'));
+    });
+  },
+  Lib_Red_Light_Dot: function Lib_Red_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Light_Dot'));
+    });
+  },
+  Lib_Red_Dark_Dot: function Lib_Red_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_Dark_Dot'));
+    });
+  },
+  Lib_Red_PureDark_Dot: function Lib_Red_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/red/Red_PureDark_Dot'));
+    });
+  },
+  Lib_Yellow_Light_Dot: function Lib_Yellow_Light_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'));
+    });
+  },
+  Lib_Yellow_Dark_Dot: function Lib_Yellow_Dark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'));
+    });
+  },
+  Lib_Yellow_PureDark_Dot: function Lib_Yellow_PureDark_Dot() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'));
+    });
+  },
+  Lib_Blue_Light_SVG: function Lib_Blue_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Light_SVG'));
+    });
+  },
+  Lib_Blue_Dark_SVG: function Lib_Blue_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_Dark_SVG'));
+    });
+  },
+  Lib_Blue_PureDark_SVG: function Lib_Blue_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'));
+    });
+  },
+  Lib_Green_Light_SVG: function Lib_Green_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Light_SVG'));
+    });
+  },
+  Lib_Green_Dark_SVG: function Lib_Green_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_Dark_SVG'));
+    });
+  },
+  Lib_Green_PureDark_SVG: function Lib_Green_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/green/Green_PureDark_SVG'));
+    });
+  },
+  Lib_Orange_Light_SVG: function Lib_Orange_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Light_SVG'));
+    });
+  },
+  Lib_Orange_Dark_SVG: function Lib_Orange_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_Dark_SVG'));
+    });
+  },
+  Lib_Orange_PureDark_SVG: function Lib_Orange_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'));
+    });
+  },
+  Lib_Red_Light_SVG: function Lib_Red_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Light_SVG'));
+    });
+  },
+  Lib_Red_Dark_SVG: function Lib_Red_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_Dark_SVG'));
+    });
+  },
+  Lib_Red_PureDark_SVG: function Lib_Red_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/red/Red_PureDark_SVG'));
+    });
+  },
+  Lib_Yellow_Light_SVG: function Lib_Yellow_Light_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'));
+    });
+  },
+  Lib_Yellow_Dark_SVG: function Lib_Yellow_Dark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'));
+    });
+  },
+  Lib_Yellow_PureDark_SVG: function Lib_Yellow_PureDark_SVG() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'));
+    });
+  }
+};
+exports.themeImports = themeImports;
+var themeMapping = {
+  component: {
+    blue: {
+      light: 'Lib_Blue_Light_Component',
+      dark: 'Lib_Blue_Dark_Component',
+      pureDark: 'Lib_Blue_PureDark_Component'
+    },
+    green: {
+      light: 'Lib_Green_Light_Component',
+      dark: 'Lib_Green_Dark_Component',
+      pureDark: 'Lib_Green_PureDark_Component'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Component',
+      dark: 'Lib_Orange_Dark_Component',
+      pureDark: 'Lib_Orange_PureDark_Component'
+    },
+    red: {
+      light: 'Lib_Red_Light_Component',
+      dark: 'Lib_Red_Dark_Component',
+      pureDark: 'Lib_Red_PureDark_Component'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Component',
+      dark: 'Lib_Yellow_Dark_Component',
+      pureDark: 'Lib_Yellow_PureDark_Component'
+    }
+  },
+  dot: {
+    blue: {
+      light: 'Lib_Blue_Light_Dot',
+      dark: 'Lib_Blue_Dark_Dot',
+      pureDark: 'Lib_Blue_PureDark_Dot'
+    },
+    green: {
+      light: 'Lib_Green_Light_Dot',
+      dark: 'Lib_Green_Dark_Dot',
+      pureDark: 'Lib_Green_PureDark_Dot'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Dot',
+      dark: 'Lib_Orange_Dark_Dot',
+      pureDark: 'Lib_Orange_PureDark_Dot'
+    },
+    red: {
+      light: 'Lib_Red_Light_Dot',
+      dark: 'Lib_Red_Dark_Dot',
+      pureDark: 'Lib_Red_PureDark_Dot'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Dot',
+      dark: 'Lib_Yellow_Dark_Dot',
+      pureDark: 'Lib_Yellow_PureDark_Dot'
+    }
+  },
+  svg: {
+    blue: {
+      light: 'Lib_Blue_Light_SVG',
+      dark: 'Lib_Blue_Dark_SVG',
+      pureDark: 'Lib_Blue_PureDark_SVG'
+    },
+    green: {
+      light: 'Lib_Green_Light_SVG',
+      dark: 'Lib_Green_Dark_SVG',
+      pureDark: 'Lib_Green_PureDark_SVG'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_SVG',
+      dark: 'Lib_Orange_Dark_SVG',
+      pureDark: 'Lib_Orange_PureDark_SVG'
+    },
+    red: {
+      light: 'Lib_Red_Light_SVG',
+      dark: 'Lib_Red_Dark_SVG',
+      pureDark: 'Lib_Red_PureDark_SVG'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_SVG',
+      dark: 'Lib_Yellow_Dark_SVG',
+      pureDark: 'Lib_Yellow_PureDark_SVG'
+    }
+  }
+};
+exports.themeMapping = themeMapping;

package/lib/v1/Drawer/Drawer.js

@@ -46,6 +46,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function Header(props) {
   var title = props.title,
       onClose = props.onClose,
@@ -166,7 +168,8 @@ function Drawer(props) {
         onBodyClick = props.onBodyClick,
         onClose = props.onClose,
         needFocusScope = props.needFocusScope,
-        customProps = props.customProps;
+        customProps = props.customProps,
+        a11y = props.a11y;
     var _customProps$focusSco = customProps.focusScopeProps,
         focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
     var _focusScopeProps$need = focusScopeProps.needAutoFocus,
@@ -193,12 +196,12 @@ function Drawer(props) {
       return child;
     });
 
-    var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
       className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
       eleRef: contentRef
-    }, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+    }, a11y), /*#__PURE__*/_react["default"].createElement(_Card.Card, {
       onClick: function onClick(e) {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);

package/lib/v1/Drawer/props/defaultProps.js

@@ -26,6 +26,7 @@ var Drawer_defaultProps = {
   needAutoZindex: true,
   onBodyClick: function onBodyClick() {},
   needFocusScope: false,
-  customProps: {}
+  customProps: {},
+  a11y: {}
 };
 exports.Drawer_defaultProps = Drawer_defaultProps;

package/lib/v1/Drawer/props/propTypes.js

@@ -61,6 +61,7 @@ var Drawer_propTypes = {
   subDrawerSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium']),
   needFocusScope: _propTypes["default"].bool,
   customProps: _propTypes["default"].object,
-  innerPortalName: _propTypes["default"].string
+  innerPortalName: _propTypes["default"].string,
+  a11y: _propTypes["default"].object
 };
 exports.Drawer_propTypes = Drawer_propTypes;

package/lib/v1/IconButton/IconButton.js

@@ -75,8 +75,8 @@ function IconButton(props) {
 
   function handleToggle(e) {
     if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
-      e.preventDefault();
-      triggerClick(e);
+      e.preventDefault(); // triggerClick(e);
+
       triggerMouseDown(e);
     }
   }

package/lib/v1/form/fields/SelectField/SelectField.js

@@ -100,13 +100,7 @@ var SelectField = function SelectField(props) {
 
   var handleGetRef = function handleGetRef(el) {
     getRef && getRef(el, id);
-  }; // handleLabelClick() {
-  //   let { isFocusOnLabelClick } = this.props;
-  //   if (isFocusOnLabelClick && this.selectBox && this.selectBox.focus) {
-  //     this.selectBox.focus();
-  //   }
-  // }
-
+  };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),