@agilemotion/oui-react-js 1.2.7 → 1.2.8

package/dist/assets/scss/black-dashboard-react/custom/utilities/_position.scss

@@ -0,0 +1,19 @@
+@each $size, $value in $spacers {
+	.top-#{$size} {
+		top: $value;
+	}
+	.right-#{$size} {
+		right: $value;
+	}
+	.bottom-#{$size} {
+		bottom: $value;
+	}
+	.left-#{$size} {
+		left: $value;
+	}
+}
+
+.center {
+	left: 50%;
+	transform: translateX(-50%);
+}

package/dist/assets/scss/black-dashboard-react/custom/utilities/_shadows.scss

@@ -0,0 +1,10 @@
+[class*="shadow"] {
+	@if $enable-transitions {
+        transition: $transition-base;
+    }
+}
+
+.shadow-sm--hover:hover { box-shadow: $box-shadow-sm !important; }
+.shadow--hover:hover { box-shadow: $box-shadow !important; }
+.shadow-lg--hover:hover { box-shadow: $box-shadow-lg !important; }
+.shadow-none--hover:hover { box-shadow: none !important; }

package/dist/assets/scss/black-dashboard-react/custom/utilities/_sizing.scss

@@ -0,0 +1,5 @@
+// Height values in vh
+
+.h-100vh {
+	height: 100vh !important;
+}

package/dist/assets/scss/black-dashboard-react/custom/utilities/_spacing.scss

@@ -0,0 +1,105 @@
+// Spacing columns vertically
+
+.row.row-grid > [class*="col-"] + [class*="col-"] {
+    margin-top: 3rem;
+}
+
+@include media-breakpoint-up(lg) {
+    .row.row-grid > [class*="col-lg-"] + [class*="col-lg-"] {
+        margin-top: 0;
+    }
+}
+@include media-breakpoint-up(md) {
+    .row.row-grid > [class*="col-md-"] + [class*="col-md-"] {
+        margin-top: 0;
+    }
+}
+@include media-breakpoint-up(sm) {
+    .row.row-grid > [class*="col-sm-"] + [class*="col-sm-"] {
+        margin-top: 0;
+    }
+}
+
+.row-grid + .row-grid {
+    margin-top: 3rem;
+}
+
+// Negative margins and paddings
+
+@media(min-width: 992px) {
+    [class*="mt--"],
+    [class*="mr--"],
+    [class*="mb--"],
+    [class*="ml--"] {
+        position: relative;
+        z-index: 5;
+    }
+
+
+    // Large negative margins in pixels
+
+    .mt--100 {
+        margin-top: -100px !important;
+    }
+    .mr--100 {
+        margin-right: -100px !important;
+    }
+    .mb--100 {
+        margin-bottom: -100px !important;
+    }
+    .ml--100 {
+        margin-left: -100px !important;
+    }
+    .mt--150 {
+        margin-top: -150px !important;
+    }
+    .mb--150 {
+        margin-bottom: -150px !important;
+    }
+    .mt--200 {
+        margin-top: -200px !important;
+    }
+    .mb--200 {
+        margin-bottom: -200px !important;
+    }
+    .mt--300 {
+        margin-top: -300px !important;
+    }
+    .mb--300 {
+        margin-bottom: -300px !important;
+    }
+
+
+    // Large margins in pixels
+
+    .pt-100 {
+        padding-top: 100px !important;
+    }
+    .pb-100 {
+        padding-bottom: 100px !important;
+    }
+    .pt-150 {
+        padding-top: 150px !important;
+    }
+    .pb-150 {
+        padding-bottom: 150px !important;
+    }
+    .pt-200 {
+        padding-top: 200px !important;
+    }
+    .pb-200 {
+        padding-bottom: 200px !important;
+    }
+    .pt-250 {
+        padding-top: 250px !important;
+    }
+    .pb-250 {
+        padding-bottom: 250px !important;
+    }
+    .pt-300 {
+        padding-top: 300px!important;
+    }
+    .pb-300 {
+        padding-bottom: 300px!important;
+    }
+}

package/dist/assets/scss/black-dashboard-react/custom/utilities/_text.scss

@@ -0,0 +1,40 @@
+// Weight and italics
+
+.font-weight-300 { font-weight: 300 !important; }
+.font-weight-400 { font-weight: 400 !important; }
+.font-weight-500 { font-weight: 500 !important; }
+.font-weight-600 { font-weight: 600 !important; }
+.font-weight-700 { font-weight: 700 !important; }
+.font-weight-800 { font-weight: 800 !important; }
+.font-weight-900 { font-weight: 900 !important; }
+
+
+// Text decorations
+
+.text-underline { text-decoration: underline; }
+.text-through { text-decoration: line-through; }
+
+
+// Line heights
+
+.lh-100 { line-height: 1; }
+.lh-110 { line-height: 1.1; }
+.lh-120 { line-height: 1.2; }
+.lh-130 { line-height: 1.3; }
+.lh-140 { line-height: 1.4; }
+.lh-150 { line-height: 1.5; }
+.lh-160 { line-height: 1.6; }
+.lh-170 { line-height: 1.7; }
+.lh-180 { line-height: 1.8; }
+
+//Contextual colors
+
+.text-muted { color: $text-muted !important; }
+
+
+
+// Letter spacings
+
+.ls-1 { letter-spacing: .0625rem; }
+.ls-15 { letter-spacing: .09375rem; }
+.ls-2 { letter-spacing: 0.125rem; }

package/dist/assets/scss/black-dashboard-react/custom/utilities/_transform.scss

@@ -0,0 +1,8 @@
+@include media-breakpoint-up(lg) {
+	.transform-perspective-right {
+		transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
+	}
+	.transform-perspective-left{
+		transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg)
+	}
+}

package/dist/assets/scss/black-dashboard-react/custom/vendor/_plugin-perfect-scrollbar.scss

@@ -0,0 +1,116 @@
+/*
+ * Container style
+ */
+.ps {
+  overflow: hidden !important;
+  overflow-anchor: none;
+  -ms-overflow-style: none;
+  touch-action: auto;
+  -ms-touch-action: auto;
+}
+
+/*
+ * Scrollbar rail styles
+ */
+.ps__rail-x {
+  display: none;
+  opacity: 0;
+  transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  height: 15px;
+  /* there must be 'bottom' or 'top' for ps__rail-x */
+  bottom: 0px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-y {
+  display: none;
+  opacity: 0;
+  transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  width: 15px;
+  /* there must be 'right' or 'left' for ps__rail-y */
+  right: 0;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+  display: block;
+  background-color: transparent;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+  opacity: 0.6;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+  background-color: #eee;
+  opacity: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.ps__thumb-x {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color .2s linear, height .2s ease-in-out;
+  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
+  height: 6px;
+  /* there must be 'bottom' for ps__thumb-x */
+  bottom: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__thumb-y {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color .2s linear, width .2s ease-in-out;
+  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
+  width: 6px;
+  /* there must be 'right' for ps__thumb-y */
+  right: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+  background-color: #999;
+  height: 11px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+  background-color: #999;
+  width: 11px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}

package/dist/assets/scss/black-dashboard-react/custom/vendor/_plugin-react-notification-alert.scss

@@ -0,0 +1,4 @@
+.react-notification-alert-container{
+  z-index: 1051;
+  position: fixed;
+}

package/dist/assets/scss/black-dashboard-react/react-differences/_inputs.scss

@@ -0,0 +1,3 @@
+select.form-control option {
+   color: #888;
+}

package/dist/assets/scss/black-dashboard-react/react-differences/react-differences.scss

@@ -0,0 +1 @@
+@import "inputs";

package/dist/assets/scss/black-dashboard-react.scss

@@ -0,0 +1,105 @@
+
+/*
+ =========================================================
+ * Black Dashboard React v1.1.0 based on Black Dashboard - v1.1.0
+ =========================================================
+
+ * Product Page: https://www.creative-tim.com/product/black-dashboard-react
+ * Copyright 2020 Creative Tim (https://www.creative-tim.com)
+ * Licensed under MIT (https://github.com/creativetimofficial/black-dashboard-react/blob/master/LICENSE.md)
+
+ * Coded by Creative Tim
+
+ =========================================================
+
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+ */
+
+ // Core
+
+@import "black-dashboard-react/custom/functions";
+@import "black-dashboard-react/bootstrap/functions";
+
+@import "black-dashboard-react/custom/variables";
+@import "black-dashboard-react/bootstrap/variables";
+
+@import "black-dashboard-react/custom/mixins";
+@import "black-dashboard-react/bootstrap/mixins";
+
+ // Bootstrap components
+
+@import "black-dashboard-react/bootstrap/root";
+@import "black-dashboard-react/bootstrap/reboot";
+@import "black-dashboard-react/bootstrap/type";
+@import "black-dashboard-react/bootstrap/images";
+@import "black-dashboard-react/bootstrap/code";
+@import "black-dashboard-react/bootstrap/grid";
+//@import "black-dashboard-react/bootstrap/tables";
+@import "black-dashboard-react/bootstrap/forms";
+@import "black-dashboard-react/bootstrap/buttons";
+@import "black-dashboard-react/bootstrap/transitions";
+@import "black-dashboard-react/bootstrap/dropdown";
+@import "black-dashboard-react/bootstrap/button-group";
+@import "black-dashboard-react/bootstrap/input-group";
+@import "black-dashboard-react/bootstrap/custom-forms";
+@import "black-dashboard-react/bootstrap/nav";
+@import "black-dashboard-react/bootstrap/navbar";
+@import "black-dashboard-react/bootstrap/card";
+@import "black-dashboard-react/bootstrap/breadcrumb";
+@import "black-dashboard-react/bootstrap/pagination";
+@import "black-dashboard-react/bootstrap/badge";
+@import "black-dashboard-react/bootstrap/jumbotron";
+@import "black-dashboard-react/bootstrap/alert";
+@import "black-dashboard-react/bootstrap/progress";
+@import "black-dashboard-react/bootstrap/media";
+@import "black-dashboard-react/bootstrap/list-group";
+@import "black-dashboard-react/bootstrap/close";
+@import "black-dashboard-react/bootstrap/modal";
+@import "black-dashboard-react/bootstrap/tooltip";
+@import "black-dashboard-react/bootstrap/popover";
+@import "black-dashboard-react/bootstrap/carousel";
+@import "black-dashboard-react/bootstrap/utilities";
+@import "black-dashboard-react/bootstrap/print";
+
+ // Custom components
+
+ @import "black-dashboard-react/custom/alerts.scss";
+ @import "black-dashboard-react/custom/badges.scss";
+ @import "black-dashboard-react/custom/buttons.scss";
+ @import "black-dashboard-react/custom/dropdown.scss";
+ @import "black-dashboard-react/custom/footer.scss";
+ @import "black-dashboard-react/custom/forms.scss";
+ @import "black-dashboard-react/custom/images.scss";
+ @import "black-dashboard-react/custom/modal.scss";
+ @import "black-dashboard-react/custom/navbar.scss";
+ @import "black-dashboard-react/custom/type.scss";
+ //@import "black-dashboard-react/custom/tables";
+ @import "black-dashboard-react/custom/checkboxes-radio";
+ @import "black-dashboard-react/custom/fixed-plugin";
+ @import "black-dashboard-react/custom/sidebar-and-main-panel.scss";
+ @import "black-dashboard-react/custom/misc.scss";
+ @import "black-dashboard-react/custom/rtl.scss";
+ @import "black-dashboard-react/custom/input-group.scss";
+
+
+ // Vendor / Plugins
+
+@import "black-dashboard-react/custom/vendor/plugin-perfect-scrollbar.scss";
+@import "black-dashboard-react/custom/vendor/plugin-react-notification-alert.scss";
+
+// light mode
+
+@import "black-dashboard-react/custom/white-content.scss";
+
+// Cards
+
+@import 'black-dashboard-react/custom/card';
+@import "black-dashboard-react/custom/cards/card-chart";
+@import "black-dashboard-react/custom/cards/card-map";
+@import "black-dashboard-react/custom/cards/card-user";
+@import "black-dashboard-react/custom/cards/card-task";
+@import "black-dashboard-react/custom/cards/card-plain";
+
+// React differences
+@import "black-dashboard-react/react-differences/react-differences";

package/dist/components/AlertBar.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Utils = _interopRequireDefault(require("../Utils"));
+
+var _Alert = _interopRequireDefault(require("react-bootstrap/Alert"));
+
+var _EventType = _interopRequireDefault(require("../event/EventType"));
+
+var _Observable = _interopRequireDefault(require("../event/Observable"));
+
+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 AlertBar = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const _React$useState = _react.default.useState(null),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        message = _React$useState2[0],
+        setMessage = _React$useState2[1];
+
+  const _React$useState3 = _react.default.useState('info'),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        variant = _React$useState4[0],
+        setVariant = _React$useState4[1];
+
+  const _React$useState5 = _react.default.useState(true),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        initializing = _React$useState6[0],
+        setInitializing = _React$useState6[1];
+
+  _react.default.useEffect(() => {
+    if (initializing) {
+      props.handle.api = api();
+
+      let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+      let eventHandlingConfig = _Utils.default.isNull(parsedConfig.eventHandlingConfig) ? {} : parsedConfig.eventHandlingConfig;
+      eventHandlingConfig.subscriptions = _Utils.default.isNull(eventHandlingConfig.subscriptions) ? [] : eventHandlingConfig.subscriptions;
+      let subscription = {
+        publisher: "applicationContext",
+        eventType: _EventType.default.MESSAGE_ARRIVED,
+        actions: [{
+          actionType: "script",
+          script: {
+            lines: ["@#{".concat(props.config.id, "}.message = $event.data.message"), "@#{".concat(props.config.id, "}.variant = $event.data.messageType === 'ERROR' ? 'danger' : $event.data.messageType === 'WARN' ? 'warning' : $event.data.messageType === 'SUCCESS' ? 'success' : 'info' ")]
+          }
+        }]
+      };
+      eventHandlingConfig.subscriptions.push(subscription);
+
+      _Observable.default.addSubscriptions(eventHandlingConfig, props.handle, props.viewId);
+
+      props.loadCompleteHandler(props.config.id);
+    }
+  });
+
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+
+      set message(message) {
+        setMessage(message);
+      },
+
+      getChildren: () => {
+        return [];
+      },
+
+      set variant(variant) {
+        setVariant(variant);
+      }
+
+    };
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, !_Utils.default.isNull(props.config) ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '0 32px 0 32px',
+      maxHeight: '64px',
+      borderBottom: '1px solid #e2e2e2'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    variant: variant,
+    show: !_Utils.default.isNull(message),
+    onClose: () => setMessage(null),
+    dismissible: true
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      color: 'rgba(255, 255, 255, 0.8)'
+    }
+  }, message))) : null);
+}));
+
+var _default = AlertBar;
+exports.default = _default;

package/dist/components/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 _Utils = _interopRequireDefault(require("../Utils"));
+
+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 _Utils.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) : "");
+}