@agilemotion/oui-react-js 1.2.6 → 1.2.8

package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js

@@ -13,60 +13,29 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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); 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 } }); 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 _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 _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 { Date.prototype.toString.call(Reflect.construct(Date, [], 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 _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; }
 
-var FixedPlugin = /*#__PURE__*/function (_Component) {
-  _inherits(FixedPlugin, _Component);
-
-  var _super = _createSuper(FixedPlugin);
-
-  _createClass(FixedPlugin, [{
-    key: "componentW",
-    value: function componentW() {
-      this.activateMode('light');
-    }
-  }]);
-
-  function FixedPlugin(props) {
-    var _this;
-
-    _classCallCheck(this, FixedPlugin);
+class FixedPlugin extends _react.Component {
+  componentW() {
+    this.activateMode('light');
+  }
 
-    _this = _super.call(this, props);
+  constructor(props) {
+    super(props);
 
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
-      if (_this.state.classes === "dropdown show-dropdown") {
-        _this.setState({
+    _defineProperty(this, "handleClick", () => {
+      if (this.state.classes === "dropdown show-dropdown") {
+        this.setState({
           classes: "dropdown show-dropdown show"
         });
       } else {
-        _this.setState({
+        this.setState({
           classes: "dropdown show-dropdown"
         });
       }
     });
 
-    _defineProperty(_assertThisInitialized(_this), "activateMode", function (mode) {
+    _defineProperty(this, "activateMode", mode => {
       switch (mode) {
         case "light":
           document.body.classList.add("white-content");
@@ -78,96 +47,85 @@ var FixedPlugin = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _this.state = {
+    this.state = {
       classes: "dropdown show-dropdown"
     };
-    return _this;
   }
 
-  _createClass(FixedPlugin, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "fixed-plugin"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: this.state.classes
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        onClick: this.handleClick
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "fa fa-cog fa-2x"
-      })), /*#__PURE__*/_react.default.createElement("ul", {
-        className: "dropdown-menu show"
-      }, /*#__PURE__*/_react.default.createElement("li", {
-        className: "header-title"
-      }, "SIDEBAR BACKGROUND"), /*#__PURE__*/_react.default.createElement("li", {
-        className: "adjustments-line"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "badge-colors text-center"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: this.props.bgColor === "primary" ? "badge filter badge-primary active" : "badge filter badge-primary",
-        "data-color": "primary",
-        onClick: function onClick() {
-          _this2.props.handleBgClick("primary");
-        }
-      }), " ", /*#__PURE__*/_react.default.createElement("span", {
-        className: this.props.bgColor === "blue" ? "badge filter badge-info active" : "badge filter badge-info",
-        "data-color": "blue",
-        onClick: function onClick() {
-          _this2.props.handleBgClick("blue");
-        }
-      }), " ", /*#__PURE__*/_react.default.createElement("span", {
-        className: this.props.bgColor === "green" ? "badge filter badge-success active" : "badge filter badge-success",
-        "data-color": "green",
-        onClick: function onClick() {
-          _this2.props.handleBgClick("green");
-        }
-      }), " ")), /*#__PURE__*/_react.default.createElement("li", {
-        className: "adjustments-line text-center color-change"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "color-label"
-      }, "LIGHT MODE"), " ", /*#__PURE__*/_react.default.createElement("span", {
-        className: "badge light-badge mr-2",
-        onClick: function onClick() {
-          return _this2.activateMode("light");
-        }
-      }), " ", /*#__PURE__*/_react.default.createElement("span", {
-        className: "badge dark-badge ml-2",
-        onClick: function onClick() {
-          return _this2.activateMode("dark");
-        }
-      }), " ", /*#__PURE__*/_react.default.createElement("span", {
-        className: "color-label"
-      }, "DARK MODE"), " "), /*#__PURE__*/_react.default.createElement("li", {
-        className: "button-container"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-        href: "https://www.creative-tim.com/product/black-dashboard-react",
-        color: "primary",
-        block: true,
-        className: "btn-round"
-      }, "Download Now"), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-        color: "default",
-        block: true,
-        className: "btn-round",
-        outline: true,
-        href: "https://demos.creative-tim.com/black-dashboard-react/#/documentation/tutorial"
-      }, "Documentation")), /*#__PURE__*/_react.default.createElement("li", {
-        className: "header-title"
-      }, "Want more components?"), /*#__PURE__*/_react.default.createElement("li", {
-        className: "button-container"
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-        href: "https://www.creative-tim.com/product/black-dashboard-pro-react",
-        className: "btn-round",
-        disabled: true,
-        block: true,
-        color: "danger"
-      }, "Get pro version")))));
-    }
-  }]);
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "fixed-plugin"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: this.state.classes
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      onClick: this.handleClick
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "fa fa-cog fa-2x"
+    })), /*#__PURE__*/_react.default.createElement("ul", {
+      className: "dropdown-menu show"
+    }, /*#__PURE__*/_react.default.createElement("li", {
+      className: "header-title"
+    }, "SIDEBAR BACKGROUND"), /*#__PURE__*/_react.default.createElement("li", {
+      className: "adjustments-line"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "badge-colors text-center"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: this.props.bgColor === "primary" ? "badge filter badge-primary active" : "badge filter badge-primary",
+      "data-color": "primary",
+      onClick: () => {
+        this.props.handleBgClick("primary");
+      }
+    }), " ", /*#__PURE__*/_react.default.createElement("span", {
+      className: this.props.bgColor === "blue" ? "badge filter badge-info active" : "badge filter badge-info",
+      "data-color": "blue",
+      onClick: () => {
+        this.props.handleBgClick("blue");
+      }
+    }), " ", /*#__PURE__*/_react.default.createElement("span", {
+      className: this.props.bgColor === "green" ? "badge filter badge-success active" : "badge filter badge-success",
+      "data-color": "green",
+      onClick: () => {
+        this.props.handleBgClick("green");
+      }
+    }), " ")), /*#__PURE__*/_react.default.createElement("li", {
+      className: "adjustments-line text-center color-change"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "color-label"
+    }, "LIGHT MODE"), " ", /*#__PURE__*/_react.default.createElement("span", {
+      className: "badge light-badge mr-2",
+      onClick: () => this.activateMode("light")
+    }), " ", /*#__PURE__*/_react.default.createElement("span", {
+      className: "badge dark-badge ml-2",
+      onClick: () => this.activateMode("dark")
+    }), " ", /*#__PURE__*/_react.default.createElement("span", {
+      className: "color-label"
+    }, "DARK MODE"), " "), /*#__PURE__*/_react.default.createElement("li", {
+      className: "button-container"
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      href: "https://www.creative-tim.com/product/black-dashboard-react",
+      color: "primary",
+      block: true,
+      className: "btn-round"
+    }, "Download Now"), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      color: "default",
+      block: true,
+      className: "btn-round",
+      outline: true,
+      href: "https://demos.creative-tim.com/black-dashboard-react/#/documentation/tutorial"
+    }, "Documentation")), /*#__PURE__*/_react.default.createElement("li", {
+      className: "header-title"
+    }, "Want more components?"), /*#__PURE__*/_react.default.createElement("li", {
+      className: "button-container"
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+      href: "https://www.creative-tim.com/product/black-dashboard-pro-react",
+      className: "btn-round",
+      disabled: true,
+      block: true,
+      color: "danger"
+    }, "Get pro version")))));
+  }
 
-  return FixedPlugin;
-}(_react.Component);
+}
 
 var _default = FixedPlugin;
 exports.default = _default;