@zohodesk/dot 1.0.0-temp-38 → 1.0.0-temp-39

package/lib/Provider.js

@@ -63,28 +63,6 @@ require("@zohodesk/components/lib/Appearance/dark/themes/yellow/yellowDarkCompon
 
 require("@zohodesk/components/lib/Appearance/dark/mode/darkMode.module.css");
 
-require("@zohodesk/components/lib/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css");
-
-require("@zohodesk/components/lib/Appearance/pureDark/mode/pureDarkMode.module.css");
-
 require("@zohodesk/svg/lib/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
 
 require("@zohodesk/svg/lib/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
@@ -109,22 +87,12 @@ require("@zohodesk/svg/lib/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.
 
 require("@zohodesk/svg/lib/svg/Appearance/dark/mode/darkEmptyStates.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css");
-
-require("@zohodesk/svg/lib/svg/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css");
-
-require("@zohodesk/svg/lib/svg/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css");
-
-require("@zohodesk/svg/lib/svg/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css");
-
-require("@zohodesk/svg/lib/svg/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css");
-
-require("@zohodesk/svg/lib/svg/Appearance/pureDark/mode/pureDarkEmptyStates.module.css");
-
 var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
 
 var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
 
+var _Switch = _interopRequireDefault(require("@zohodesk/components/lib/Switch/Switch"));
+
 require("./Appearance/default/themes/blue/blueDefaultDotTheme.module.css");
 
 require("./Appearance/default/themes/green/greenDefaultDotTheme.module.css");
@@ -149,18 +117,6 @@ require("./Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css");
 
 require("./Appearance/dark/mode/dotDarkMode.module.css");
 
-require("./Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css");
-
-require("./Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css");
-
-require("./Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css");
-
-require("./Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css");
-
-require("./Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css");
-
-require("./Appearance/pureDark/mode/dotPureDarkMode.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"); } }
@@ -175,7 +131,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 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; } return _assertThisInitialized(self); }
+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; }
 
@@ -206,16 +162,25 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       appearanceName: 'default',
       themeName: 'blue'
     };
+    _this.switchMode = _this.switchMode.bind(_assertThisInitialized(_this));
     _this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(Provider, [{
-    key: "setAppearance",
-    value: function setAppearance(mode) {
-      this.setState({
-        appearanceName: mode
-      });
+    key: "switchMode",
+    value: function switchMode() {
+      var appearanceName = this.state.appearanceName;
+
+      if (appearanceName == 'default') {
+        this.setState({
+          appearanceName: 'dark'
+        });
+      } else {
+        this.setState({
+          appearanceName: 'default'
+        });
+      }
     }
   }, {
     key: "setTheme",
@@ -254,29 +219,6 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       var yellow = {
         backgroundColor: '#e8b923'
       };
-      var light = {
-        backgroundColor: '#fff'
-      };
-      var night = {
-        backgroundColor: '#232b38'
-      };
-      var dark = {
-        backgroundColor: '#212121'
-      };
-      var fixedPosition = {
-        position: 'fixed',
-        bottom: '0',
-        backgroundColor: '#272727',
-        padding: '10px',
-        borderRadius: '15px 15px 0 0',
-        minWidth: '100px',
-        textAlign: 'center',
-        boxShadow: '0 0 3px #000',
-        fontSize: '12px',
-        zIndex: '3',
-        display: 'flex',
-        alignItems: 'center'
-      };
       return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
         i18n: _i18n2["default"],
         timeZone: "Asia/Kolkata",
@@ -294,46 +236,29 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         scroll: "vertical"
       }, this.props.children), /*#__PURE__*/_react["default"].createElement("div", {
-        style: Object.assign({}, fixedPosition, {
-          left: '20%',
-          transform: 'translate(-20%)'
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: '#fff'
-        }
-      }, "Appearance:"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Light Mode",
-        style: Object.assign({}, themeClass, light),
-        onClick: function onClick() {
-          return _this2.setAppearance('default');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Night Mode",
-        style: Object.assign({}, themeClass, night),
-        onClick: function onClick() {
-          return _this2.setAppearance('dark');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Dark Mode",
-        style: Object.assign({}, themeClass, dark),
-        onClick: function onClick() {
-          return _this2.setAppearance('pureDark');
-        }
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        style: Object.assign({}, fixedPosition, {
-          left: '80%',
-          transform: 'translate(-80%)'
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          color: '#fff'
+          position: 'fixed',
+          bottom: '0',
+          backgroundColor: '#272727',
+          padding: '10px',
+          borderRadius: '15px 15px 0 0',
+          minWidth: '100px',
+          textAlign: 'center',
+          left: '50%',
+          transform: 'translate(-50%)',
+          boxShadow: '0 0 3px #000',
+          fontSize: '12px',
+          zIndex: '1000',
+          display: 'flex',
+          alignItems: 'center'
         }
-      }, "Themes:"), /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+        id: "switchMode",
+        text: "Light/Night Mode",
+        labelSize: "small",
+        onChange: this.switchMode,
+        checked: appearanceName == 'dark'
+      })), /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex'
         }

package/lib/ToastMessage/ToastMessage.js

@@ -41,7 +41,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }