@agilemotion/oui-react-js 1.3.0 → 1.3.2

package/dist/components/signatures/AlertItem.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = AlertItem;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Alert = _interopRequireDefault(require("@material-ui/lab/Alert"));
+
+var _AlertTitle = _interopRequireDefault(require("@material-ui/lab/AlertTitle"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
+
+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 utils = new _ViewUtils.default();
+const useStyles = (0, _styles.makeStyles)(theme => ({
+  root: {
+    width: '100%',
+    '& > * + *': {
+      marginTop: theme.spacing(2)
+    }
+  }
+}));
+
+function AlertItem(props) {
+  const classes = useStyles();
+
+  const _React$useState = _react.default.useState(props.message),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        message = _React$useState2[0],
+        setMessage = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(props.alertStyle),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        alertStyle = _React$useState4[0],
+        setAlertStyle = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(props.alertTitle),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        title = _React$useState6[0],
+        setTitle = _React$useState6[1];
+
+  _react.default.useEffect(() => {
+    setMessage(props.message);
+    setAlertStyle(props.alertStyle);
+    setTitle(props.alertTitle);
+  }, [props.message, props.alertStyle, props.alertTitle]);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root
+  }, !utils.isNull(message) && message.trim().length > 0 ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    severity: alertStyle.toLowerCase()
+  }, /*#__PURE__*/_react.default.createElement(_AlertTitle.default, null, " ", title, " "), message) : "");
+}

package/dist/components/signatures/Card.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+require("./widgets.css");
+
+var _ViewUtils = _interopRequireDefault(require("./ViewUtils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const utils = new _ViewUtils.default();
+const styles = {
+  height: "auto",
+  maxHeight: "90vh"
+};
+
+const CardLayout = props => {
+  _react.default.useEffect(() => {
+    if (props.mode !== "lookup") {
+      utils.setLegend(props.title);
+    }
+  }, [props.title]);
+
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, {
+    style: styles
+  }, props.mode === "lookup" ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "legend"
+  }, props.title) : null, props.children));
+};
+
+var _default = CardLayout;
+exports.default = _default;

package/dist/components/signatures/MenuButton.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = MenuButton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
+
+var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+
+var _styles = require("@material-ui/core/styles");
+
+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)(theme => ({
+  root: {
+    display: 'flex'
+  },
+  paper: {
+    marginRight: theme.spacing(2)
+  },
+  MuiButtonDefault: {
+    color: 'rgb(0, 0, 0, .38)'
+  },
+  MuiButtonWhite: {
+    color: '#fff'
+  }
+}));
+
+function MenuButton(props) {
+  const classes = useStyles();
+
+  const _React$useState = _react.default.useState(false),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        open = _React$useState2[0],
+        setOpen = _React$useState2[1];
+
+  const anchorRef = _react.default.useRef(null);
+
+  const width = props.width !== null ? props.width : "60px";
+
+  const handleToggle = () => {
+    setOpen(prevOpen => !prevOpen);
+  };
+
+  const handleClose = event => {
+    if (anchorRef.current && anchorRef.current.contains(event.target)) {
+      return;
+    }
+
+    setOpen(false);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root,
+    style: {
+      width: width
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "menuButtonWrapper"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: props.defaultStyle === true ? classes.MuiButtonDefault : classes.MuiButtonWhite,
+    ref: anchorRef,
+    "aria-controls": "menu-list-grow",
+    "aria-haspopup": "true",
+    onClick: handleToggle
+  }, props.label), /*#__PURE__*/_react.default.createElement(_Popper.default, {
+    open: open,
+    anchorEl: anchorRef.current,
+    keepMounted: true,
+    transition: true,
+    disablePortal: true
+  }, ({
+    TransitionProps,
+    placement
+  }) => /*#__PURE__*/_react.default.createElement(_Grow.default, _extends({}, TransitionProps, {
+    style: {
+      transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    id: "menu-list-grow"
+  }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
+    onClickAway: handleClose
+  }, props.children))))));
+}

package/dist/components/signatures/Prompt.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Prompt;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+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; }
+
+function Prompt(props) {
+  const _React$useState = _react.default.useState(false),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        open = _React$useState2[0],
+        setOpen = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState(props.promptContent),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        content = _React$useState4[0],
+        setContent = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(props.promptTitle),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        title = _React$useState6[0],
+        setTitle = _React$useState6[1];
+
+  const handleNo = () => {
+    setOpen(false);
+    props.closePrompt();
+  };
+
+  _react.default.useEffect(() => {
+    setOpen(props.open);
+  }, [props.open]);
+
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    onClose: handleNo,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, {
+    id: "alert-dialog-title"
+  }, title), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
+    id: "alert-dialog-description"
+  }, content)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: handleNo,
+    color: "primary"
+  }, "No"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: props.handleYes,
+    color: "primary",
+    autoFocus: true
+  }, "Yes"))));
+}

package/dist/components/signatures/ResponsiveTable.css

@@ -0,0 +1,91 @@
+.table thead th {
+}
+
+table.responsive-table {
+    display: table;
+    /* required for table-layout to be used (not normally necessary; included for completeness) */
+    table-layout: fixed;
+    /* this keeps your columns with fixed with exactly the right width */
+    width: 100% !important;
+    /* table must have width set for fixed layout to work as expected */
+    height: 100%;
+}
+
+table.responsive-table thead {
+        position: fixed;
+        top: 50px;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 50px;
+        line-height: 3em;
+        background: #eee;
+        table-layout: fixed;
+        display: table;
+    }
+
+    table.responsive-table th {
+        background: #eee;
+    }
+
+    table.responsive-table td {
+        line-height: 2em;
+    }
+
+    table.responsive-table tr > td,
+    table.responsive-table th {
+        text-align: left;
+    }
+
+.table td, .table th {
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    min-width: 0 !important;
+    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
+    border-top: none !important;
+}
+
+.selectCell {
+    white-space: normal !important;
+    text-overflow: unset !important;
+}
+
+.selectCell span{
+    padding: 0 !important;
+}
+
+.table td {
+    padding: 6px 24px 6px 16px;
+    border-top: none !important;
+    display: table-cell;
+    font-size: 0.875rem;
+    text-align: left;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-weight: 400;
+    line-height: 1.43;
+    border-bottom: 1px solid rgba(224, 224, 224, 1);
+    letter-spacing: 0.01071em;
+    vertical-align: inherit
+}
+
+.table th {
+    color: rgba(0, 0, 0, 0.54);
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.3125rem;
+}
+
+.table {
+    table-layout: fixed;
+}
+
+    .table-scrollbar {
+    position: relative;
+    overflow: auto;
+}
+
+@media screen and (max-width: 40em) {
+ 
+  
+}