@aarhus-university/au-lib-react-components 9.11.8 → 9.11.12

package/src/lib/wrapping.js

@@ -1,16 +1,16 @@
-/* eslint-env browser */
-const getSourceForFrame = (serviceUrl, path, referrer, callback) => {
-  const getSource = async () => {
-    const url = `${serviceUrl}?path=${path}&referrer=${referrer}`;
-    const response = await fetch(url, {
-      credentials: 'include',
-    });
-
-    const json = await response.json();
-    callback(json);
-  };
-
-  getSource();
-};
-
-export default getSourceForFrame;
+/* eslint-env browser */
+const getSourceForFrame = (serviceUrl, path, referrer, callback) => {
+  const getSource = async () => {
+    const url = `${serviceUrl}?path=${path}&referrer=${referrer}`;
+    const response = await fetch(url, {
+      credentials: 'include',
+    });
+
+    const json = await response.json();
+    callback(json);
+  };
+
+  getSource();
+};
+
+export default getSourceForFrame;

package/src/styles/_settings.scss

@@ -1,11 +1,11 @@
-$font-passata-regular: "AUPassataRegular";
-$font-passata-bold: "AUPassataBold";
-$gray-color:#e4e4e4;
-$gray-secondary-color:darken($gray-color, 50%);
-$alert-confirm-color: #8bad3f;
-$alert-cancel-color: #687989;
-$student-color:#8bad3f;
-$student-secondary-color:#2a4a0f;
-$staff-color: #379fcb;
-$staff-secondary-color:#003e5c;
+$font-passata-regular: "AUPassataRegular";
+$font-passata-bold: "AUPassataBold";
+$gray-color:#e4e4e4;
+$gray-secondary-color:darken($gray-color, 50%);
+$alert-confirm-color: #8bad3f;
+$alert-cancel-color: #687989;
+$student-color:#8bad3f;
+$student-secondary-color:#2a4a0f;
+$staff-color: #379fcb;
+$staff-secondary-color:#003e5c;
 $findicon: 'https://cdn.au.dk/2016/assets/img/databox/find.png';

package/src/styles/alert.scss

@@ -1,39 +1,39 @@
-/* alert */
-.au-alert {
-  position: fixed;
-  z-index: 100;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 300px;
-  background-color: #fff;
-  padding: 1.3636364rem;
-
-  button {
-    margin-top: 1rem;
-    margin-bottom: 0;
-    padding: .65rem 2rem;
-
-    &.confirm {
-      background-color: $alert-confirm-color;
-    }
-
-    &.cancel {
-      background-color: $alert-cancel-color;
-    }
-
-    &:first-of-type {
-      margin-right: 1rem;
-    }
-  }
-}
-
-.au-alert-overlay, .au-modal-overlay {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, .6);
-  z-index: 99;
-}
+/* alert */
+.au-alert {
+  position: fixed;
+  z-index: 100;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 300px;
+  background-color: #fff;
+  padding: 1.3636364rem;
+
+  button {
+    margin-top: 1rem;
+    margin-bottom: 0;
+    padding: .65rem 2rem;
+
+    &.confirm {
+      background-color: $alert-confirm-color;
+    }
+
+    &.cancel {
+      background-color: $alert-cancel-color;
+    }
+
+    &:first-of-type {
+      margin-right: 1rem;
+    }
+  }
+}
+
+.au-alert-overlay, .au-modal-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, .6);
+  z-index: 99;
+}

package/src/styles/alphabox.scss

@@ -1,209 +1,209 @@
-.au_alphabox {
-  overflow: visible;
-  margin-bottom: 1rem;
-  position: relative;
-  >.au_alphabox {
-    margin-bottom: 0;
-  }
-  .dropdown-pane & {
-    margin-bottom: 0;
-  }
-  >div:not(.au_alphabox_content):not(.au_alphabox) { /* because of nested au_alphabox */
-    padding: 1rem 1rem 0 1rem;
-    overflow: auto;
-  }
-  ul.letters {
-    display: flex;
-    justify-content: flex-start;
-    flex-flow: row wrap;
-    font-size: 1.1rem;
-    margin-top: .15rem;
-    margin-bottom: .75rem;
-    margin-left: 0;
-    padding-bottom: .75rem;
-    border-bottom: 1px solid #ccc;
-    li {
-      padding: 0;
-      margin: 2px 2px;
-      background-color: #aaa;
-      text-align: center;
-      font-size: 1.2rem;
-      &.available {
-        button {
-          cursor: pointer;
-          color: #fff;
-        }
-      }
-      &.active {
-        font-weight: bold;
-      }
-      &:before {
-        content: '';
-      }
-      button {
-        font-family: $font-passata-regular;
-        color: #ccc;
-        text-transform: uppercase;
-        width: 20px;
-        line-height: inherit;
-      }
-    }
-  }
-  ul.items {
-    padding: 1rem;
-    margin: 0;
-    position: relative;
-  }
-  .student & {
-    background: $student-secondary-color;
-    .listNav {
-      .ln-letters {
-        a {
-          background-color: #8bad3f;
-          &.ln-selected {
-            color: #2a4a0f !important;
-          }
-          &.ln-disabled {
-            background-color: #8bad3f;
-          }
-        }
-      }
-    }
-    .alphabox_list_container {
-      border: 2px solid #2a4a0f;
-      h3 {
-        color: #8bad3f;
-        border-bottom: 2px solid #8bad3f;
-      }
-      ul li:before {
-        color: #8bad3f;
-      }
-    }
-    ul.quicklinks {
-      a {
-        background: #447400;
-      }
-    }
-  }
-  h2 {
-    color: #fff;
-    margin: 0;
-    border: 0;
-    a {
-      color: #fff !important;
-      border: none !important;
-      &:hover {
-        text-decoration: underline !important;
-      }
-    }
-  }
-  p {
-    color: #fff;
-    margin: 1rem 0 1rem 0 !important;
-    font-size: 1.25rem;
-  }
-  input[type=text] {
-    background: #afc3ce url($findicon) no-repeat right center;
-    border: 0;
-    float: none;
-    width: 100%;
-    margin-bottom: 1.45455rem !important;
-    &.active {
-      background-color: #afc3ce;
-    }
-  }
-  ::-webkit-input-placeholder {
-    color: #333;
-  }
-  ::-moz-placeholder {
-    color: #333;
-    opacity: 1;
-  }
-  :-ms-input-placeholder {
-    color: #333;
-  }
-  .listNav {
-    margin: 0 0 calc(.5rem - 2px) 0;
-    .ln-letters {
-      margin: 1rem 0;
-      a {
-        background-color: #006ca4;
-        border: none !important;
-        margin: 0 2px 2px 0;
-        color: #fff;
-        padding: 2px;
-        font-size: 1.25rem;
-        &.ln-selected {
-          background-color: #fff;
-          color: #006ca4 !important;
-        }
-        &.ln-disabled {
-          background-color: #006ca4;
-          color: #7c98a8 !important;
-        }
-      }
-      .all {
-        display: none;
-      }
-    }
-    font-family: "AUPassataBold";
-  }
-  .alphabox_list_container {
-    background: #fff;
-    border: 2px solid #006ca4;
-    padding: 0 1rem 0 1rem;
-    display: none;
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-    h3 {
-      color: #009ee0;
-      border-bottom: 2px solid $staff-color;
-    }
-    >ul {
-      max-height: 200px;
-      overflow: initial !important;
-      margin-bottom: 2em;
-      position: relative;
-      li {
-        a {
-          color: $staff-secondary-color;
-          border-bottom: 1px dotted;
-        }
-      }
-    }
-  }
-  ul.quicklinks {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    margin-left: 0;
-    li {
-      font: 1.25rem "AUPassataRegular";
-      text-transform: uppercase;
-      width: 48.9%;
-      padding: 0;
-      line-height: 1;
-      margin-bottom: 6px;
-      &:nth-child(odd) {
-        margin-right: .5em;
-      }
-      a {
-        display: block;
-        background: #006ca4;
-        color: #fff;
-        border: none !important;
-        padding: .5em;
-      }
-    }
-  }
-  .au_alphabox_content {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    clear: both;
-    >div {
-      background: #fff;
-      max-height: 300px;
-      overflow-y: scroll;
-    }
-  }
+.au_alphabox {
+  overflow: visible;
+  margin-bottom: 1rem;
+  position: relative;
+  >.au_alphabox {
+    margin-bottom: 0;
+  }
+  .dropdown-pane & {
+    margin-bottom: 0;
+  }
+  >div:not(.au_alphabox_content):not(.au_alphabox) { /* because of nested au_alphabox */
+    padding: 1rem 1rem 0 1rem;
+    overflow: auto;
+  }
+  ul.letters {
+    display: flex;
+    justify-content: flex-start;
+    flex-flow: row wrap;
+    font-size: 1.1rem;
+    margin-top: .15rem;
+    margin-bottom: .75rem;
+    margin-left: 0;
+    padding-bottom: .75rem;
+    border-bottom: 1px solid #ccc;
+    li {
+      padding: 0;
+      margin: 2px 2px;
+      background-color: #aaa;
+      text-align: center;
+      font-size: 1.2rem;
+      &.available {
+        button {
+          cursor: pointer;
+          color: #fff;
+        }
+      }
+      &.active {
+        font-weight: bold;
+      }
+      &:before {
+        content: '';
+      }
+      button {
+        font-family: $font-passata-regular;
+        color: #ccc;
+        text-transform: uppercase;
+        width: 20px;
+        line-height: inherit;
+      }
+    }
+  }
+  ul.items {
+    padding: 1rem;
+    margin: 0;
+    position: relative;
+  }
+  .student & {
+    background: $student-secondary-color;
+    .listNav {
+      .ln-letters {
+        a {
+          background-color: #8bad3f;
+          &.ln-selected {
+            color: #2a4a0f !important;
+          }
+          &.ln-disabled {
+            background-color: #8bad3f;
+          }
+        }
+      }
+    }
+    .alphabox_list_container {
+      border: 2px solid #2a4a0f;
+      h3 {
+        color: #8bad3f;
+        border-bottom: 2px solid #8bad3f;
+      }
+      ul li:before {
+        color: #8bad3f;
+      }
+    }
+    ul.quicklinks {
+      a {
+        background: #447400;
+      }
+    }
+  }
+  h2 {
+    color: #fff;
+    margin: 0;
+    border: 0;
+    a {
+      color: #fff !important;
+      border: none !important;
+      &:hover {
+        text-decoration: underline !important;
+      }
+    }
+  }
+  p {
+    color: #fff;
+    margin: 1rem 0 1rem 0 !important;
+    font-size: 1.25rem;
+  }
+  input[type=text] {
+    background: #afc3ce url($findicon) no-repeat right center;
+    border: 0;
+    float: none;
+    width: 100%;
+    margin-bottom: 1.45455rem !important;
+    &.active {
+      background-color: #afc3ce;
+    }
+  }
+  ::-webkit-input-placeholder {
+    color: #333;
+  }
+  ::-moz-placeholder {
+    color: #333;
+    opacity: 1;
+  }
+  :-ms-input-placeholder {
+    color: #333;
+  }
+  .listNav {
+    margin: 0 0 calc(.5rem - 2px) 0;
+    .ln-letters {
+      margin: 1rem 0;
+      a {
+        background-color: #006ca4;
+        border: none !important;
+        margin: 0 2px 2px 0;
+        color: #fff;
+        padding: 2px;
+        font-size: 1.25rem;
+        &.ln-selected {
+          background-color: #fff;
+          color: #006ca4 !important;
+        }
+        &.ln-disabled {
+          background-color: #006ca4;
+          color: #7c98a8 !important;
+        }
+      }
+      .all {
+        display: none;
+      }
+    }
+    font-family: "AUPassataBold";
+  }
+  .alphabox_list_container {
+    background: #fff;
+    border: 2px solid #006ca4;
+    padding: 0 1rem 0 1rem;
+    display: none;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+    h3 {
+      color: #009ee0;
+      border-bottom: 2px solid $staff-color;
+    }
+    >ul {
+      max-height: 200px;
+      overflow: initial !important;
+      margin-bottom: 2em;
+      position: relative;
+      li {
+        a {
+          color: $staff-secondary-color;
+          border-bottom: 1px dotted;
+        }
+      }
+    }
+  }
+  ul.quicklinks {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-left: 0;
+    li {
+      font: 1.25rem "AUPassataRegular";
+      text-transform: uppercase;
+      width: 48.9%;
+      padding: 0;
+      line-height: 1;
+      margin-bottom: 6px;
+      &:nth-child(odd) {
+        margin-right: .5em;
+      }
+      a {
+        display: block;
+        background: #006ca4;
+        color: #fff;
+        border: none !important;
+        padding: .5em;
+      }
+    }
+  }
+  .au_alphabox_content {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    clear: both;
+    >div {
+      background: #fff;
+      max-height: 300px;
+      overflow-y: scroll;
+    }
+  }
 }

package/src/styles/app.scss

@@ -1,13 +1,13 @@
-@import "_settings";
-@import "alert";
-@import "alphabox";
-@import "autosuggest";
-@import "calendar";
-@import "databox";
-@import "diagramme";
-@import "flowbox";
-@import "modal";
-@import "spinner";
-@import "filtercheckbox";
-@import "pagination";
-@import "maps";
+@import "_settings";
+@import "alert";
+@import "alphabox";
+@import "autosuggest";
+@import "calendar";
+@import "databox";
+@import "diagramme";
+@import "flowbox";
+@import "modal";
+@import "spinner";
+@import "filtercheckbox";
+@import "pagination";
+@import "maps";

package/src/styles/autosuggest.scss

@@ -1,57 +1,57 @@
-.react-autosuggest__container {
-  cursor: pointer;
-
-  input[type="text"] {
-      margin-bottom: 0;
-  }
-}
-
-/* delphinus */
-.page__content__block {
-  .react-autosuggest__container {
-    position: relative;
-    width: 100%;
-  }
-  .react-autosuggest__suggestions-list {
-    margin-top: 0;
-  }
-}
-
-.react-autosuggest__suggestions-container {
-  border-left: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-  position: absolute;
-  left: 0;
-  right: 0;
-  background-color: #fff;
-  margin: 0;
-  z-index: 1;
-  color: #333 !important;
-  font-size: 1.272727272727rem;
-  line-height: 1;
-  max-height: 430px;
-  overflow: auto;
-
-  li, li:before {
-      list-style-type: none !important;
-      background-image: none !important;
-      margin: 0;
-      padding: 0;
-      content: '' !important;
-      line-height: 1 !important;
-      background: none;
-  }
-}
-li.react-autosuggest__suggestion {
-  border-bottom: 1px solid #ccc;
-  padding: 1.272727272727rem 1rem;
-}
-.react-autosuggest__suggestion--highlighted {
-  background-color: #f0f0f0 !important;
-}
-
-.react-autosuggest__suggestions-list {
-  margin-bottom: 0;
-  margin-left: 0;
-}
-
+.react-autosuggest__container {
+  cursor: pointer;
+
+  input[type="text"] {
+      margin-bottom: 0;
+  }
+}
+
+/* delphinus */
+.page__content__block {
+  .react-autosuggest__container {
+    position: relative;
+    width: 100%;
+  }
+  .react-autosuggest__suggestions-list {
+    margin-top: 0;
+  }
+}
+
+.react-autosuggest__suggestions-container {
+  border-left: 1px solid #ccc;
+  border-right: 1px solid #ccc;
+  position: absolute;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  margin: 0;
+  z-index: 1;
+  color: #333 !important;
+  font-size: 1.272727272727rem;
+  line-height: 1;
+  max-height: 430px;
+  overflow: auto;
+
+  li, li:before {
+      list-style-type: none !important;
+      background-image: none !important;
+      margin: 0;
+      padding: 0;
+      content: '' !important;
+      line-height: 1 !important;
+      background: none;
+  }
+}
+li.react-autosuggest__suggestion {
+  border-bottom: 1px solid #ccc;
+  padding: 1.272727272727rem 1rem;
+}
+.react-autosuggest__suggestion--highlighted {
+  background-color: #f0f0f0 !important;
+}
+
+.react-autosuggest__suggestions-list {
+  margin-bottom: 0;
+  margin-left: 0;
+}
+