@agilemotion/oui-react-js 1.3.8 → 1.4.0

package/dist/components/dashboard/BasicApp.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Header = _interopRequireDefault(require("./components/Header"));
-
-var _LeftDrawer = _interopRequireDefault(require("./components/LeftDrawer"));
-
-var _withWidth = require("material-ui/utils/withWidth");
-
-var _testData = _interopRequireDefault(require("./test-data"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Utils = _interopRequireDefault(require("../../../Utils"));
-
-var _ViewPort = _interopRequireDefault(require("../../layout/ViewPort"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 BasicApp = props => {
-  const _React$useState = _react.default.useState(true),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        navDrawerOpen = _React$useState2[0],
-        setNavDrawerOpen = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(true),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        loading = _React$useState4[0],
-        setLoading = _React$useState4[1];
-
-  const paddingLeftDrawerOpen = 320;
-  const styles = {
-    header: {
-      paddingLeft: navDrawerOpen ? paddingLeftDrawerOpen : 0
-    },
-    container: {
-      margin: '80px 24px 24px 24px',
-      paddingLeft: navDrawerOpen && props.width !== _withWidth.SMALL ? paddingLeftDrawerOpen : 0
-    }
-  };
-
-  const handleChangeRequestNavDrawer = () => {
-    setNavDrawerOpen(!navDrawerOpen);
-  };
-
-  _react.default.useEffect(() => {
-    if (props.width !== null && typeof props.width !== 'undefined') {
-      alert(props.width);
-      setNavDrawerOpen(props.width === _withWidth.LARGE);
-    }
-  }, [props.width]);
-
-  _react.default.useEffect(() => {
-    if (!_Utils.default.isNull(props.settings)) {
-      let dashboardMenu = {};
-      dashboardMenu.id = 'dashboard';
-      dashboardMenu.menus = [];
-      let myDashboardMenu = {};
-      myDashboardMenu.id = 'myDashboard';
-      myDashboardMenu.items = [];
-      myDashboardMenu.attributes = {};
-      myDashboardMenu.attributes.label = 'My Dashboards';
-      dashboardMenu.menus.push(myDashboardMenu);
-
-      if (!_Utils.default.isNull(props.settings.userDashboards)) {
-        for (let i = 0; i < props.settings.userDashboards.length; i++) {
-          let userDashboard = props.settings.userDashboards[i];
-          let item = {};
-          item.id = userDashboard.id;
-          item.attributes = {};
-          item.attributes.label = userDashboard.parameters.map.dashboardName;
-          myDashboardMenu.items.push(item);
-        }
-      }
-
-      let createNewMenu = {};
-      createNewMenu.id = 'createNew';
-      createNewMenu.items = [];
-      createNewMenu.attributes = {};
-      createNewMenu.attributes.label = 'Create New';
-      dashboardMenu.menus.push(createNewMenu);
-
-      if (!_Utils.default.isNull(props.settings.systemProfileDto.modules)) {
-        for (let i = 0; i < props.settings.systemProfileDto.modules.length; i++) {
-          let module = props.settings.systemProfileDto.modules[i];
-
-          if (!_Utils.default.isNull(module.dashBoardMenuBar)) {
-            for (let j = 0; j < module.dashBoardMenuBar.menus.length; j++) {
-              let menu = module.dashBoardMenuBar.menus[j]; // To keep the module classification, replace the line below with createNewMenu.items.push(menu)
-
-              createNewMenu.items = createNewMenu.items.concat(menu.items);
-            }
-          }
-        }
-      }
-
-      props.settings.dashboardMenu = createNewMenu.items.length > 0 ? dashboardMenu : null;
-      setLoading(false);
-    }
-  }, [props.settings]);
-
-  return loading ? /*#__PURE__*/_react.default.createElement("div", null, "Loading...") : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Header.default, {
-    styles: styles.header,
-    handleChangeRequestNavDrawer: handleChangeRequestNavDrawer,
-    logoutCallBack: props.logoutCallBack,
-    settings: props.settings
-  }), /*#__PURE__*/_react.default.createElement(_LeftDrawer.default, {
-    navDrawerOpen: navDrawerOpen,
-    menus: _testData.default.menus,
-    username: "User Admin",
-    settings: props.settings
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_ViewPort.default, null)));
-};
-
-BasicApp.propTypes = {
-  children: _propTypes.default.element,
-  width: _propTypes.default.number
-};
-var _default = BasicApp;
-exports.default = _default;

package/dist/components/navbars/NavbarLinks.js

@@ -1,212 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = HeaderLinks;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
-
-var _Hidden = _interopRequireDefault(require("@material-ui/core/Hidden"));
-
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
-
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-
-var _Person = _interopRequireDefault(require("@material-ui/icons/Person"));
-
-var _Notifications = _interopRequireDefault(require("@material-ui/icons/Notifications"));
-
-var _Dashboard = _interopRequireDefault(require("@material-ui/icons/Dashboard"));
-
-var _Search = _interopRequireDefault(require("@material-ui/icons/Search"));
-
-var _CustomInput = _interopRequireDefault(require("../customInput/CustomInput"));
-
-var _Button = _interopRequireDefault(require("../customButtons/Button"));
-
-var _navbarLinksStyle = _interopRequireDefault(require("../../assets/jss/components/navbarLinksStyle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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 useStyles = (0, _styles.makeStyles)(_navbarLinksStyle.default);
-
-function HeaderLinks(props) {
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        openNotification = _React$useState2[0],
-        setOpenNotification = _React$useState2[1];
-
-  const handleClickNotification = event => {
-    if (openNotification && openNotification.contains(event.target)) {
-      setOpenNotification(null);
-    } else {
-      setOpenNotification(event.currentTarget);
-    }
-  };
-
-  const handleCloseNotification = () => {
-    setOpenNotification(null);
-  };
-
-  const _React$useState3 = _react.default.useState(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        openProfile = _React$useState4[0],
-        setOpenProfile = _React$useState4[1];
-
-  const handleClickProfile = event => {
-    if (openProfile && openProfile.contains(event.target)) {
-      setOpenProfile(null);
-    } else {
-      setOpenProfile(event.currentTarget);
-    }
-  };
-
-  const handleCloseProfile = () => {
-    setOpenProfile(null);
-  };
-
-  const classes = useStyles();
-  const rtlActive = props.rtlActive;
-  const searchButton = classes.top + " " + classes.searchButton + " " + (0, _classnames.default)({
-    [classes.searchRTL]: rtlActive
-  });
-  const dropdownItem = (0, _classnames.default)(classes.dropdownItem, classes.primaryHover, {
-    [classes.dropdownItemRTL]: rtlActive
-  });
-  const wrapper = (0, _classnames.default)({
-    [classes.wrapperRTL]: rtlActive
-  });
-  const managerClasses = (0, _classnames.default)({
-    [classes.managerClasses]: true
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: wrapper
-  }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
-    rtlActive: rtlActive,
-    formControlProps: {
-      className: classes.top + " " + classes.search
-    },
-    inputProps: {
-      placeholder: rtlActive ? "بحث" : "Search",
-      inputProps: {
-        "aria-label": rtlActive ? "بحث" : "Search",
-        className: classes.searchInput
-      }
-    }
-  }), " ", /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "white",
-    "aria-label": "edit",
-    justIcon: true,
-    round: true,
-    className: searchButton
-  }, /*#__PURE__*/_react.default.createElement(_Search.default, {
-    className: classes.headerLinksSvg + " " + classes.searchIcon
-  }), " "), " ", /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "transparent",
-    simple: true,
-    "aria-label": "Dashboard",
-    justIcon: true,
-    className: rtlActive ? classes.buttonLinkRTL : classes.buttonLink,
-    muiClasses: {
-      label: rtlActive ? classes.labelRTL : ""
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Dashboard.default, {
-    className: classes.headerLinksSvg + " " + (rtlActive ? classes.links + " " + classes.linksRTL : classes.links)
-  }), " ", /*#__PURE__*/_react.default.createElement(_Hidden.default, {
-    mdUp: true,
-    implementation: "css"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.linkText
-  }, " ", rtlActive ? "لوحة القيادة" : "Dashboard", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
-    className: managerClasses
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "transparent",
-    "aria-label": "Person",
-    justIcon: true,
-    "aria-owns": openProfile ? "profile-menu-list" : null,
-    "aria-haspopup": "true",
-    onClick: handleClickProfile,
-    className: rtlActive ? classes.buttonLinkRTL : classes.buttonLink,
-    muiClasses: {
-      label: rtlActive ? classes.labelRTL : ""
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Person.default, {
-    className: classes.headerLinksSvg + " " + (rtlActive ? classes.links + " " + classes.linksRTL : classes.links)
-  }), " ", /*#__PURE__*/_react.default.createElement(_Hidden.default, {
-    mdUp: true,
-    implementation: "css"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    onClick: handleClickProfile,
-    className: classes.linkText
-  }, " ", rtlActive ? "الملف الشخصي" : "Profile", " "), " "), " "), " ", /*#__PURE__*/_react.default.createElement(_Popper.default, {
-    open: Boolean(openProfile),
-    anchorEl: openProfile,
-    transition: true,
-    disablePortal: true,
-    placement: "bottom",
-    className: (0, _classnames.default)({
-      [classes.popperClose]: !openProfile,
-      [classes.popperResponsive]: true,
-      [classes.popperNav]: true
-    })
-  }, ({
-    TransitionProps
-  }) => /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
-    id: "profile-menu-list",
-    style: {
-      transformOrigin: "0 0 0"
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
-    className: classes.dropdown
-  }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
-    onClickAway: handleCloseProfile
-  }, /*#__PURE__*/_react.default.createElement(_MenuList.default, {
-    role: "menu"
-  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    onClick: handleCloseProfile,
-    className: dropdownItem
-  }, rtlActive ? "الملف الشخصي" : "Profile", " "), " ", /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    onClick: handleCloseProfile,
-    className: dropdownItem
-  }, rtlActive ? "الإعدادات" : "Settings", " "), " ", /*#__PURE__*/_react.default.createElement(_Divider.default, {
-    light: true
-  }), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    onClick: handleCloseProfile,
-    className: dropdownItem
-  }, rtlActive ? "الخروج" : "Log out", " "), " "), " "), " "), " "), " "), " "), " ");
-}
-
-HeaderLinks.propTypes = {
-  rtlActive: _propTypes.default.bool
-};