@signageos/front-osd 0.15.0 → 0.16.1

package/dist/main.css

@@ -6,7 +6,7 @@ body{margin:0;padding:0}html{font-size:24px}*,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h
 .pageSettingsContainer{-webkit-box-pack:justify;-ms-flex-pack:justify;background-position:top 56px right 16px;background-position:top 3.5rem right 1rem;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:100%;justify-content:space-between}.containerContent,.pageSettingsContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.containerContent{display:-webkit-box;display:-ms-flexbox;display:flex}.containerFooter{-ms-flex-item-align:end;align-self:flex-end}.pageHeader{font-size:28.8px;font-size:1.8rem}.pageHeader,.pageSectionHeader{color:#fff;font-weight:800;margin:0}.pageSectionHeader{float:left;font-size:22.4px;font-size:1.4rem}.subtitle{color:#636363;font-weight:800;margin:0;text-align:initial}.boxName{color:#fff;font-size:22.4px;font-size:1.4rem;font-weight:800;margin:1.6rem 0}.pageTitle{color:#6b6b90;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:800;margin:.2rem 0 0;max-width:900px}.pageText{color:#fff;font-weight:400;margin-bottom:0;overflow:auto}.text_center{-ms-flex-line-pack:center;-webkit-box-orient:vertical;color:#fff;-ms-flex-direction:column;flex-direction:column;font-weight:400}.text_center,.text_center_grey{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-direction:normal;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:0}.text_center_grey{-ms-flex-line-pack:center;-webkit-box-orient:horizontal;color:#636363;-ms-flex-direction:row;flex-direction:row;font-weight:600}.containerBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:column;flex-direction:column;max-width:800px;text-align:left;white-space:break-spaces}@media (orientation:landscape){.pageRow{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.speedBoxDescription{overflow-wrap:break-word}}@media (orientation:portrait){.pageRow{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.speedBoxDescription{overflow-wrap:break-word}}.containerHeader:hover,.containerHeaderHighlighted{color:#fff}.loadingContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;width:100%}.boxDescription{font-weight:200}.descriptionRow{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;margin-bottom:15px;margin-left:20px;margin-right:20px}.descriptionRow input{width:600px}.descriptionSpeedRow{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;margin-bottom:15px;margin-right:20px}.testFailedWarning{background:#dc3545;border-color:#dc3545;border-radius:.2rem;border-style:solid}.testFailedWarning,.testSavedWarning{margin-top:20px;padding-left:10px;padding-right:10px}.testSavedWarning{background:#00b3a7;border-color:#00b3a7;border-radius:.2rem;border-style:solid}.middleSizeSelect{margin-right:10px;width:300px}.inputWithLabel{margin-right:10px;position:relative}.inputWithLabel span{position:absolute;top:-24px;top:-1.5rem;width:100%}.inputWithLabel input{width:450px}.bottomSpace20px{margin-bottom:20px}
 .inputGroup{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:row;flex-direction:row;margin:10px 0 .3333333333rem}.inputGroup:last-child{margin:0}.inputGroupSection{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:table-cell;padding-bottom:20px;padding-right:20px}.inputLabel{overflow:hidden;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:104px;width:6.5rem}.innerRow input{width:53vw}.remoteLockState{height:50px;line-height:50px}.settingsGrid{padding-top:40px;width:100%}.deviceAppSet{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:10px}.innerRow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-bottom:20px;padding-top:20px}.innerRow .containerBox{width:400px}.innerDescription{height:30px;text-align:initial}.flexSection{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:20px}
 .pageTitleWrapperWrapper{padding:3.5rem 0 0}.pageTitleWrapper{border-radius:.25rem;color:#636363;margin:-.35rem -1rem;padding:.35rem 1rem;-webkit-transition:background-color .15s ease-in-out,color .15s ease-in-out;-o-transition:background-color .15s ease-in-out,color .15s ease-in-out;transition:background-color .15s ease-in-out,color .15s ease-in-out}.pageTitleWrapper.highlighted,.pageTitleWrapper:hover{background-color:#6b6b90;color:#fff}
-.selectWrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:54px;position:relative;-webkit-transition:background .15s ease-in-out,-webkit-transform .15s ease;transition:background .15s ease-in-out,-webkit-transform .15s ease;-o-transition:background .15s ease-in-out,transform .15s ease;transition:background .15s ease-in-out,transform .15s ease;transition:background .15s ease-in-out,transform .15s ease,-webkit-transform .15s ease}.selectWrapper .inputLabel{position:absolute;top:-24px;top:-1.5rem;width:100%}.selectLabel{color:#fff;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.selectLabel,.selectPlaceholder{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:800;line-height:30px;margin-left:20px}.selectPlaceholder{color:#ababca}.selectOptionsWrapper{background-color:#7b7baa;border:2px solid #7b7baa;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;height:350px;overflow:scroll;overflow-x:hidden;position:fixed;width:26vw;z-index:100}.selectOptionsWrapper :global{-webkit-animation:slideDown .3s;animation:slideDown .3s}.selectOptionsWrapper::-webkit-scrollbar{width:18px}.selectOptionsWrapper::-webkit-scrollbar-track{background-color:#7b7baa;margin:2px}.selectOptionsWrapper::-webkit-scrollbar-thumb{background:#2f2f4e;border-radius:9px}.selectOptionsWrapper:hover{background-color:#7b7baa}.selectOption{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#545472;border-left:0;border-right:2px solid #7b7baa;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:54px;width:auto}.selectOption:hover{background-color:#b49341}.selectOptionActive{background-color:#6b6b90}.selectOptionActive:hover{background-color:#b49341}.selectOption span{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:800;line-height:30px;margin-left:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.selectOption span:hover .selectOption span:focus-visible{background-color:#a18736}.selectIcon{padding:.35rem .75rem .35rem .35rem}.selectWrapper{background-color:#2f2f4e;color:#fff}.selectWrapper:hover .selectWrapper:focus-visible{background-color:#6b6b90}.focused{background-color:#6b6b90}.selectContentWrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
+.selectWrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:54px;position:relative;-webkit-transition:background .15s ease-in-out,-webkit-transform .15s ease;transition:background .15s ease-in-out,-webkit-transform .15s ease;-o-transition:background .15s ease-in-out,transform .15s ease;transition:background .15s ease-in-out,transform .15s ease;transition:background .15s ease-in-out,transform .15s ease,-webkit-transform .15s ease}.selectWrapper .inputLabel{position:absolute;top:-24px;top:-1.5rem;width:100%}.selectLabel{color:#fff;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.selectLabel,.selectPlaceholder{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:800;line-height:30px;margin-left:20px}.selectPlaceholder{color:#ababca}.selectOptionsWrapper{background-color:#7b7baa;border:2px solid #7b7baa;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;max-height:350px;overflow:scroll;overflow-x:hidden;position:fixed;width:26vw;z-index:100}.selectOptionsWrapper :global{-webkit-animation:slideDown .3s;animation:slideDown .3s}.selectOptionsWrapper::-webkit-scrollbar{width:18px}.selectOptionsWrapper::-webkit-scrollbar-track{background-color:#7b7baa;margin:2px}.selectOptionsWrapper::-webkit-scrollbar-thumb{background:#2f2f4e;border-radius:9px}.selectOptionsWrapper:hover{background-color:#7b7baa}.selectOption{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#545472;border-left:0;border-right:2px solid #7b7baa;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;height:54px;width:auto}.selectOption:hover{background-color:#b49341}.selectOptionActive{background-color:#6b6b90}.selectOptionActive:hover{background-color:#b49341}.selectOption span{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:800;line-height:30px;margin-left:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.selectOption span:hover .selectOption span:focus-visible{background-color:#a18736}.selectIcon{padding:.35rem .75rem .35rem .35rem}.selectWrapper{background-color:#2f2f4e;color:#fff}.selectWrapper:hover .selectWrapper:focus-visible{background-color:#6b6b90}.focused{background-color:#6b6b90}.selectContentWrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
 .contentWrapper,.wrapper{border-radius:.25rem}.wrapper{background-color:#2f2f4e}.inputHighlighted>input{background:hsla(0,0%,100%,.4)!important}.navigableInput{background:none;background:#2f2f4e!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff!important;font-weight:800!important;height:auto;padding:.35rem 1rem!important}.navigableInput:focus{background:none;background:hsla(0,0%,100%,.4)!important;-webkit-box-shadow:none;box-shadow:none;color:#fff!important}.navigableInput:hover{background:hsla(0,0%,100%,.4)!important}
 .disconnectBackgroundIcon{background-image:url([object Module])}.connectedBackgroundIcon{background-image:url([object Module])}@media(max-height:40rem),(max-width:110rem){.connectedBackgroundIcon,.disconnectBackgroundIcon{background-image:none}}
 .spinner{margin:0 auto;text-align:center;width:70px}.spinner>div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:#fff;border-radius:100%;display:inline-block;height:14px;width:14px}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
@@ -14,3 +14,4 @@ body{margin:0;padding:0}html{font-size:24px}*,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h
 .networkContainer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:scroll}.networkContainer>*{margin-bottom:.5rem;margin-right:.5rem}.gridContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-item-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-self:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:flex-start;max-width:800px;max-width:50rem}.cardCol{padding-bottom:.3rem;padding-top:.3rem}.gridTitle{color:#fff;font-size:14.4px;font-size:.9rem;font-weight:800;margin-top:2;text-align:left}
 .container{background-image:url([object Module])}@media(max-height:40rem),(max-width:110rem){.container{background-image:none}}.containerHeader:hover,.containerHeaderHighlighted{color:#fff}.navigationTip{font-size:medium;text-align:left}.navigationTip .navigationIcons{max-width:1.4em}
 .centerContainer{margin:auto}.homeTitle{font-size:25.6px;font-size:1.6rem;margin-bottom:.2rem}.homeSubtitle{font-size:22.4px;font-size:1.4rem;margin-bottom:.2rem}.homeDescription{font-size:14.4px;font-size:.9rem;font-weight:400}.homeIcons{max-width:30px}
+.modalOverlay{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalContent{background-color:#18182c;border-radius:8px;max-height:90vh;max-width:90vw;min-width:400px;outline:none;overflow:auto;padding:20px;position:relative}.modalBody{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px;margin-top:20px;max-width:800px}.modalColumn{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;gap:10px;min-width:0}.modalColumn,.modalColumn .inputGroup{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.modalColumn .inputGroup{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:inherit;width:100%}.modalColumn .navigableInput,.modalColumn .selectWrapper,.modalColumn .wrapper{width:100%!important}.modalColumn span{font-size:18px;text-align:left}.modalDescriptionAlert{color:#ff615b;font-size:12px!important;margin-top:5px}.modalDescriptionSuccess{color:#4caf50;font-size:12px!important;margin-top:5px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signageos/front-osd",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "files": [
     "dist",
     "README.md",
@@ -32,7 +32,7 @@
     "@fortawesome/fontawesome-svg-core": "1.2.35",
     "@fortawesome/free-solid-svg-icons": "5.15.3",
     "@fortawesome/react-fontawesome": "0.1.14",
-    "@signageos/front-applet": "5.12.2",
+    "@signageos/front-applet": "8.5.2",
     "classnames": "2.2.6",
     "core-js": "3.19.1",
     "dayjs": "1.10.5",
@@ -40,6 +40,7 @@
     "keyboardevent-key-polyfill": "1.1.0",
     "moment-timezone": "0.5.33",
     "prop-types": "15.8.1",
+    "react-modal": "3.16.3",
     "w3c-keys": "1.0.1"
   },
   "devDependencies": {
@@ -52,21 +53,24 @@
     "@babel/preset-typescript": "7.15.0",
     "@signageos/cli": "1.1.5",
     "@signageos/codestyle": "0.0.21",
-    "@signageos/front-display": "14.12.3",
+    "@signageos/front-display": "14.31.0",
     "@types/classnames": "2.2.10",
+    "@types/debug": "4.1.12",
     "@types/lodash": "4.14.149",
     "@types/moment-timezone": "0.5.30",
     "@types/node": "12.12.35",
     "@types/react": "16.9.22",
     "@types/react-dom": "16.9.5",
+    "@types/react-modal": "3.16.3",
     "@types/reactstrap": "6.4.4",
     "autoprefixer": "9.7.3",
+    "babel-loader": "8.4.1",
     "babel-plugin-transform-es2015-modules-commonjs": "6.26.2",
     "babel-plugin-transform-object-hasown": "1.1.0",
-    "babel-loader": "8.4.1",
     "bootstrap": "4.4.1",
     "css-loader": "2.1.1",
     "cssnano": "5.0.11",
+    "debug": "4.4.1",
     "depcheck": "1.4.7",
     "file-loader": "6.2.0",
     "html-webpack-plugin": "3.2.0",