@agilemotion/oui-react-js 1.3.8 → 1.3.9

package/dist/components/Calender.css

@@ -0,0 +1,244 @@
+.no-margin {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+.no-padding {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.app-calendar,
+.fc-view-harness {
+  margin: unset !important;
+}
+
+.fc-header-toolbar button:hover {
+  transform: scale(1);
+}
+
+.event-popup {
+  background-color: #ffffff;
+  height: 100%;
+  width: 100%;
+  padding: 8px;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+.fc-popover-body .fc-event-time,
+.fc-popover-body .fc-event-title {
+  color: #01476C;
+}
+
+.event-popup .pointer {
+  width: 100%;
+  height: 8px;
+}
+
+.event-popup .top-toolbar {
+  width: 100%;
+  height: 48px;
+}
+
+.event-popup .top-toolbar .left {
+  width: 50%;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.event-popup .top-toolbar .right {
+  width: 50%;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.event-popup .summary {
+  width: 376px;
+  height: calc(100% - 72px);
+  padding: 16px;
+}
+
+.event-popup .summary .title {
+  font-size: 20px;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.event-popup .summary .organiser {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.event-button {
+  width: 50%;
+  border-radius: 4px;
+  background-color: #01476C;
+  color: #ffffff;
+}
+
+.fc-button-group .fc-toolbar-title {
+  padding: 8px;
+}
+
+.fc-direction-ltr .fc-list-day-text,
+.fc-event-main-frame,
+.fc-header-toolbar .fc-toolbar-chunk:nth-of-type(3) .fc-button-group button {
+  border-color: #dfe8ed !important;
+  color: #01476C !important;
+}
+
+.fc .fc-daygrid-event-harness {
+  margin: 0 8px 0 4px;
+}
+
+.fc .fc-daygrid-event-harness .fc-event:hover {
+  background-color: #dfe8ed !important;
+  border-color: #dfe8ed !important;
+}
+
+.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
+.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
+  border-color: #dfe8ed !important;
+  color: #01476C !important;
+  background-color: rgba(1, 71, 108, 0.2) !important;
+}
+
+.fc .fc-toolbar .fc-next-button .fc-icon,
+.fc .fc-toolbar .fc-prev-button .fc-icon {
+  border-color: #dfe8ed !important;
+  color: #01476C !important;
+  background-color: transparent !important;
+}
+
+.fc .fc-button-primary {
+  background-color: unset !important;
+  border-color: unset !important;
+}
+
+.fc-daygrid-day-top a {
+  color: #6e6b7b;
+}
+
+.fc-daygrid-day-top a:hover {
+  color: #4BB543;
+}
+
+.app-calendar .fc-day-past .fc-daygrid-day-number,
+.app-calendar .fc-day-future .fc-daygrid-day-number {
+  color: #6e6b7b !important;
+}
+
+.fc .fc-day-other .fc-daygrid-day-top,
+.fc .fc-day-other .fc-daygrid-day-botton {
+  opacity: .5;
+}
+
+.fc-button:hover {
+}
+
+.fc-v-event {
+  display: block;
+  border: none !important;
+  background-color: unset !important;
+}
+
+.modal-title {
+  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 28px;
+  line-height: 36px;
+  color: #3E435D;
+}
+
+button:focus {
+  outline: none !important;
+}
+
+.fc-daygrid-day-events a {
+  color: #01476C;
+  border: 4px solid #dfe8ed;
+  background-color: #dfe8ed !important;
+  border-radius: 4px !important;
+}
+
+.fc-daygrid-body table {
+  border-bottom: 1px solid #ebe9f1 !important;
+}
+
+.fc-view-harness,
+.fc-view-harness-active {
+  min-height: unset !important;
+}
+
+.fc-daygrid-dot-event .fc-event-title {
+  font-weight: 500 !important;
+}
+
+.fc .fc-daygrid-event-harness .fc-event {
+  width: 100%;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background-color: #dfe8ed !important;
+  font-weight: 500 !important;
+}
+
+
+.fc-daygrid-day-events a:hover,
+.fc-daygrid-day-events a:focus {
+  color: #01476C !important;
+  border-color: #dfe8ed !important;
+}
+
+.fc-daygrid-event-dot {
+  border-color: #01476C;
+  display: none;
+}
+
+.fc-daygrid-event-dot:hover {
+  border-color: #dfe8ed;
+  display: none;
+}
+
+.fc-daygrid-day-events a:hover .fc-daygrid-event-dot {
+  border-color: #ffffff !important;
+}
+
+.fc-sidebarToggle-button {
+  display: none !important;
+}
+
+.fc .fc-list-event-dot {
+  border: 5px solid #dfe8ed !important;
+}
+
+.fc-scrollgrid-section-body table {
+  background-repeat: no-repeat;
+  background-size: 28% auto;
+  background-attachment: fixed;
+  background-position: center;
+}
+
+.fc .fc-daygrid-day.fc-day-today {
+  background-color: rgba(234, 223, 213, .5) !important;
+}
+
+.app-calendar .fc-day-past .fc-daygrid-day-number {
+  color: #000000
+}
+
+.fc .fc-day-other .fc-daygrid-day-top, .fc .fc-day-other .fc-daygrid-day-botton {
+  opacity: .5
+}
+
+/*
+
+.fc-day-past {
+  color: #6e6b7b
+}
+*/

package/dist/components/ConfirmationDialog.js

@@ -21,38 +21,14 @@ 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; }
+const ConfirmationDialog = /*#__PURE__*/_react.default.memo(props => {
+  const [open, setOpen] = _react.default.useState(false);
 
-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; }
+  const [message, setMessage] = _react.default.useState(null);
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+  const [title, setTitle] = _react.default.useState(null);
 
-const ConfirmationDialog = /*#__PURE__*/_react.default.memo(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(null),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        message = _React$useState4[0],
-        setMessage = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        title = _React$useState6[0],
-        setTitle = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        callbackHandler = _React$useState8[0],
-        setCallbackHandler = _React$useState8[1];
+  const [callbackHandler, setCallbackHandler] = _react.default.useState(null);
 
   _react.default.useEffect(() => {
     props.controller.openDialog = (message, callbackHandler, title = null) => {