@agilemotion/oui-react-js 1.2.7 → 1.2.8

package/dist/components/dashboard/components/Header.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AppBar = _interopRequireDefault(require("material-ui/AppBar"));
+
+var _IconButton = _interopRequireDefault(require("material-ui/IconButton"));
+
+var _IconMenu = _interopRequireDefault(require("material-ui/IconMenu"));
+
+var _MenuItem = _interopRequireDefault(require("material-ui/MenuItem"));
+
+var _menu = _interopRequireDefault(require("material-ui/svg-icons/navigation/menu"));
+
+var _colors = require("material-ui/styles/colors");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Avatar = _interopRequireDefault(require("material-ui/Avatar"));
+
+var _EventListener = _interopRequireDefault(require("../../../event/EventListener"));
+
+var _Observable = _interopRequireDefault(require("../../../event/Observable"));
+
+var _EventType = _interopRequireDefault(require("../../../event/EventType"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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; }
+
+const Header = props => {
+  const styles = props.styles,
+        handleChangeRequestNavDrawer = props.handleChangeRequestNavDrawer;
+
+  const _React$useState = _react.default.useState(""),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        title = _React$useState2[0],
+        setTitle = _React$useState2[1];
+
+  const style = {
+    appBar: {
+      position: 'fixed',
+      top: 0,
+      overflow: 'hidden',
+      maxHeight: 57
+    },
+    menuButton: {
+      marginLeft: 10
+    },
+    iconsRightContainer: {
+      marginLeft: 20
+    },
+    avatar: {
+      div: {
+        padding: '12px 32px 8px 4px',
+        height: 32,
+        color: _colors.white,
+        cursor: 'pointer'
+      },
+      icon: {
+        float: 'right',
+        display: 'block',
+        marginRight: 15,
+        outline: 'none'
+      },
+      span: {
+        float: 'left',
+        paddingTop: 0,
+        display: 'block',
+        color: 'white',
+        fontWeight: 300,
+        marginRight: '32px'
+      }
+    }
+  };
+
+  _react.default.useEffect(() => {
+    let listener = new _EventListener.default(null, "dashboard", "applicationContext", _EventType.default.APPLICATION_CONTEXT_CHANGE, null, e => {
+      if (e.data.property.name === 'title') {
+        setTitle(e.data.property.value);
+      }
+    });
+
+    _Observable.default.addSubscription(listener);
+  });
+
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_AppBar.default, {
+    style: _objectSpread(_objectSpread({}, styles), style.appBar),
+    title: /*#__PURE__*/_react.default.createElement("div", null, title),
+    iconElementLeft: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      style: style.menuButton,
+      onClick: handleChangeRequestNavDrawer
+    }, /*#__PURE__*/_react.default.createElement(_menu.default, {
+      color: _colors.white
+    })),
+    iconElementRight: /*#__PURE__*/_react.default.createElement("div", {
+      style: style.iconsRightContainer
+    }, /*#__PURE__*/_react.default.createElement(_IconMenu.default, {
+      color: _colors.white,
+      iconButtonElement: /*#__PURE__*/_react.default.createElement("div", {
+        style: style.avatar.div
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: style.avatar.span,
+        className: "content-desktop"
+      }, "Amukelani Shandlale"), /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+        src: "data:image/jpeg;base64,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",
+        size: 24,
+        style: style.avatar.icon
+      })),
+      targetOrigin: {
+        horizontal: 'right',
+        vertical: 'top'
+      },
+      anchorOrigin: {
+        horizontal: 'right',
+        vertical: 'top'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      primaryText: "Sign out",
+      onClick: props.logoutCallBack
+    })))
+  }));
+};
+
+Header.propTypes = {
+  styles: _propTypes.default.object,
+  handleChangeRequestNavDrawer: _propTypes.default.func
+};
+var _default = Header;
+exports.default = _default;

package/dist/components/dashboard/components/LeftDrawer.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Drawer = _interopRequireDefault(require("material-ui/Drawer"));
+
+var _styles = require("material-ui/styles");
+
+var _colors = require("material-ui/styles/colors");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _CollapsibleMenu = _interopRequireDefault(require("../../menu/CollapsibleMenu"));
+
+var _IconMenu = _interopRequireDefault(require("material-ui/IconMenu"));
+
+var _IconButton = _interopRequireDefault(require("material-ui/IconButton"));
+
+var _assessment = _interopRequireDefault(require("material-ui/svg-icons/action/assessment"));
+
+var _groupWork = _interopRequireDefault(require("material-ui/svg-icons/action/group-work"));
+
+var _PopupMenu = _interopRequireDefault(require("../../menu/PopupMenu"));
+
+var _Utils = _interopRequireDefault(require("../../../Utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const LeftDrawer = props => {
+  let navDrawerOpen = props.navDrawerOpen;
+  const styles = {
+    spacer: {
+      height: '2px'
+    },
+    topSpacer: {
+      cursor: 'pointer',
+      fontSize: 22,
+      color: _styles.typography.textFullWhite,
+      lineHeight: "".concat(_styles.spacing.desktopKeylineIncrement, "px"),
+      fontWeight: _styles.typography.fontWeightLight,
+      backgroundColor: _colors.blue600,
+      paddingLeft: 40,
+      height: 56
+    },
+    orgLogo: {
+      cursor: 'pointer',
+      margin: "auto",
+      padding: 16,
+      width: '70%',
+      backgroundColor: _colors.white
+    },
+    menuItem: {
+      color: _colors.grey900,
+      fontSize: 14
+    },
+    hr: {
+      borderTop: "1px solid ".concat(_colors.grey400),
+      height: 1,
+      backgroundColor: _colors.white
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+    width: 320,
+    docked: true,
+    open: navDrawerOpen
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.spacer
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.orgLogo
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: "http://www.rendzonene.co.za/wp-content/uploads/2015/05/REDZONENE_Gold.jpg",
+    style: {
+      width: "100%"
+    },
+    alt: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: styles.hr
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "row",
+    style: {
+      borderBottom: '1px solid ' + _colors.grey400
+    }
+  }, _Utils.default.isNull(props.settings.dashboardMenu) ? null : /*#__PURE__*/_react.default.createElement("div", {
+    className: "col",
+    style: {
+      textAlign: 'right',
+      paddingRight: '2px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconMenu.default, {
+    color: _colors.grey900,
+    iconButtonElement: /*#__PURE__*/_react.default.createElement(_IconButton.default, null, /*#__PURE__*/_react.default.createElement(_assessment.default, {
+      color: _colors.grey900
+    })),
+    targetOrigin: {
+      horizontal: 'right',
+      vertical: 'top'
+    },
+    anchorOrigin: {
+      horizontal: 'right',
+      vertical: 'top'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PopupMenu.default, {
+    menus: props.settings.dashboardMenu.menus
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col",
+    style: {
+      textAlign: _Utils.default.isNull(props.settings.dashboardMenu) ? 'center' : 'left',
+      paddingLeft: '2px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_IconMenu.default, {
+    color: _colors.grey900,
+    iconButtonElement: /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      size: 48
+    }, /*#__PURE__*/_react.default.createElement(_groupWork.default, {
+      color: _colors.grey900
+    })),
+    targetOrigin: {
+      horizontal: 'right',
+      vertical: 'top'
+    },
+    anchorOrigin: {
+      horizontal: 'right',
+      vertical: 'top'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_PopupMenu.default, {
+    menus: props.settings.workflowMenu.menus
+  })))), /*#__PURE__*/_react.default.createElement("div", null, props.settings !== null ? /*#__PURE__*/_react.default.createElement(_CollapsibleMenu.default, {
+    modules: props.settings.systemProfileDto.modules
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "row",
+    style: {
+      paddingLeft: '32px',
+      paddingTop: '16px',
+      borderTop: '1px solid ' + _colors.grey400
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginLeft: '32px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    width: 56,
+    src: "data:image/jpeg;base64,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",
+    alt: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "col",
+    style: {
+      marginTop: '16px',
+      color: _colors.grey400
+    }
+  }, "Copyright (c) 2018")));
+};
+
+LeftDrawer.propTypes = {
+  navDrawerOpen: _propTypes.default.bool,
+  menus: _propTypes.default.array,
+  username: _propTypes.default.string
+};
+var _default = LeftDrawer;
+exports.default = _default;

package/dist/components/dashboard/components/UserIdentity.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.UserIdentity = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _colors = require("material-ui/styles/colors");
+
+var _Avatar = _interopRequireDefault(require("material-ui/Avatar"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const UserIdentity = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const style = {
+    avatar: {
+      div: {
+        padding: '4px 0 8px 4px',
+        height: 10,
+        color: _colors.white,
+        border: '1px solid red'
+      },
+      icon: {
+        float: 'right',
+        display: 'block',
+        marginRight: 15,
+        outline: 'none'
+      },
+      span: {
+        float: 'left',
+        paddingTop: 0,
+        display: 'block',
+        color: 'white',
+        fontWeight: 300,
+        marginRight: '32px'
+      }
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style.avatar.div
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: style.avatar.span
+  }, "Amukelani Shandlale"), /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    src: "data:image/jpeg;base64,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",
+    size: 24,
+    style: style.avatar.icon
+  }));
+});
+
+exports.UserIdentity = UserIdentity;
+var _default = UserIdentity;
+exports.default = _default;

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactstrap = require("reactstrap");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+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 _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; }
+
+class FixedPlugin extends _react.Component {
+  componentW() {
+    this.activateMode('light');
+  }
+
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "handleClick", () => {
+      if (this.state.classes === "dropdown show-dropdown") {
+        this.setState({
+          classes: "dropdown show-dropdown show"
+        });
+      } else {
+        this.setState({
+          classes: "dropdown show-dropdown"
+        });
+      }
+    });
+
+    _defineProperty(this, "activateMode", mode => {
+      switch (mode) {
+        case "light":
+          document.body.classList.add("white-content");
+          break;
+
+        default:
+          document.body.classList.remove("white-content");
+          break;
+      }
+    });
+
+    this.state = {
+      classes: "dropdown show-dropdown"
+    };
+  }
+
+  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")))));
+  }
+
+}
+
+var _default = FixedPlugin;
+exports.default = _default;