@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

package/src/app/ui/editor-client/src/sass/search.scss

@@ -1,201 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-.red-ui-search {
-  z-index: 1000;
-  display: none;
-  position: absolute;
-  width: 500px;
-  background: white;
-  left: 50%;
-  margin-left: -250px;
-  top: 0px;
-  border: 1px solid $primary-border-color;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-
-  ol {
-  }
-}
-.red-ui-type-search-shade {
-  @include shade;
-  z-index: 20;
-  position: fixed;
-  background: rgba(255, 255, 255, 0.05);
-}
-.red-ui-type-search {
-  box-shadow: 0 1px 6px -3px black;
-  background: none;
-  width: 300px;
-  margin-left: 0px;
-  //height: 75px;
-  border: none;
-  .red-ui-search-container {
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    //border: 1px dashed #aaa;
-    border-bottom: none;
-    padding: 0;
-  }
-  .red-ui-search-results-container {
-    display: none;
-    height: 150px;
-    .red-ui-editableList-container {
-      //border: 1px dashed #aaa;
-      border-top: 1px solid #ccc;
-    }
-  }
-  .red-ui-search-result {
-    padding: 5px 3px 3px 5px;
-    font-size: 13px;
-    border-left-width: 3px;
-    border-right-width: 3px;
-    .palette_icon_fa {
-      position: relative;
-      top: -2.5px;
-      left: 0px;
-    }
-  }
-  .red-ui-search-result-separator {
-    border-bottom: 3px solid #ddd;
-  }
-  .red-ui-search-result-node {
-    position: relative;
-    width: 24px;
-    height: 24px;
-    margin-top: 1px;
-  }
-  .red-ui-search-result-node-port {
-    position: absolute;
-    border-radius: 2px;
-    border: 1px solid #eee; //#999
-    width: 6px;
-    height: 7px;
-    top: 8px;
-    left: -3px;
-    background: #eee;
-    box-sizing: border-box;
-  }
-  .red-ui-search-result-node-output {
-    left: 21px;
-  }
-  .palette_icon_container {
-    width: 22px;
-  }
-  .palette_icon {
-    width: 15px;
-  }
-  .red-ui-search-result-description {
-    margin-top: 2px;
-    margin-left: 34px;
-  }
-  .red-ui-search-result-node-label {
-    color: #999;
-  }
-}
-
-.red-ui-search-container {
-  padding: 3px;
-  border-bottom: 1px solid $secondary-border-color;
-}
-.red-ui-search-results-container {
-  position: relative;
-  height: 300px;
-  padding: 5px;
-  background: #f9f9f9;
-
-  .red-ui-editableList-container {
-    background: white;
-    padding: 0;
-    background: #f9f9f9;
-    li {
-      padding: 0;
-      &.selected {
-        background: #efefef;
-        .red-ui-search-result {
-          border-left-color: #999;
-          border-right-color: #999;
-        }
-      }
-    }
-  }
-}
-.red-ui-search-result {
-  padding: 8px 2px 8px 5px;
-  display: block;
-  cursor: pointer;
-  color: $form-text-color;
-  border-left: 3px solid #fff;
-  border-right: 3px solid #fff;
-  &:hover {
-    text-decoration: none;
-    color: $form-text-color;
-    background: #efefef;
-    border-left-color: #efefef;
-    border-right-color: #efefef;
-  }
-  &:after {
-    content: '';
-    display: table;
-    clear: both;
-  }
-  .palette_icon_fa {
-    top: 6px;
-    left: 3px;
-  }
-}
-
-.red-ui-search-result-node {
-  display: inline-block;
-  width: 30px;
-  float: left;
-  height: 25px;
-  //background: #ddd;
-  border-radius: 3px;
-  //border: 1px solid #999;
-  background-position: 5% 50%;
-  background-repeat: no-repeat;
-  background-size: contain;
-  position: relative;
-
-  .palette_icon_container {
-    //border-right: none;
-  }
-}
-.red-ui-search-result-description {
-  margin-left: 40px;
-  margin-right: 5px;
-}
-.red-ui-search-result-node-label {
-  color: #222;
-}
-.red-ui-search-result-node-type {
-  font-style: italic;
-  font-size: 0.9em;
-}
-.red-ui-search-result-node-flow {
-  float: right;
-  font-size: 0.8em;
-}
-.red-ui-search-result-node-id {
-  display: none;
-  font-size: 0.8em;
-}
-.red-ui-search-empty {
-  padding: 10px;
-  text-align: center;
-  font-style: italic;
-  color: $form-placeholder-color;
-}

package/src/app/ui/editor-client/src/sass/sidebar.scss

@@ -1,201 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-// kumologica overwrites ...
-#sidebar-tabs {
-  display: none;
-}
-
-#sidebar {
-  display: flex;
-  flex-direction: row;
-  position: absolute;
-  top: 0px;
-  right: 50px;
-  bottom: 0px;
-  width: 435px;
-  min-width:435px;
-  background: #fff;
-  z-index: 10;
-  border-left: 1px solid #ddd;
-  // @include component-border;
-}
-
-#sidebar-views {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: #f3f3f3;
-  user-select: none;
-  width: 100%
-}
-
-#sidebar-shortcuts {
-  position:absolute;
-  right: 0px;
-  top: 0px;
-  height: 100vh;
-  display: flex;
-  flex-direction: row;
-  justify-content: left;
-  width: 50px;
-  background: #d3d3d3;
-  z-index: 3;
-}
-
-.sidebar-shortcuts-icons {
-  flex-direction: column !important;
-  background-color: #dedcdd !important;
-}
-
-.sidebar-shortcut-icon {
-  display: block;
-}
-
-.sidebar-shortcuts-icons {
-  a {
-    width: 50px !important;
-    padding: 12px 0px !important;
-    border-top-left-radius: 0px !important;
-    border-top-right-radius: 0px !important;
-  }
-} 
-
-#sidebar.closing {
-  // background: #eee;
-  // border-color: #900;
-  // border-style: dashed;
-}
-
-#sidebar-content {
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  // position: absolute;
-  // top: 35px;
-  // right: 0;
-  // bottom: 25px;
-  // left: 0px;
-  overflow-y: auto;
-}
-
-.palette-background {
-  background: #f3f3f3 !important;
-}
-
-#sidebar-separator {
-  position: sticky !important;
-  left: 0 !important;
-  z-index: 11;
-  background: $background-color url(images/grip.png) no-repeat 50% 50%;
-  cursor: col-resize;
-  border-left:4px solid #f3f3f3;
-  height: 100%;
-  &:hover{
-    border-left:4px solid #2979ff;
-  }
-}
-
-.sidebar-closed > #sidebar {
-  display: none;
-}
-.sidebar-closed > #sidebar-separator {
-  // display: none;
-}
-.sidebar-closed > #workspace {
-  right: 49px !important;
-}
-.sidebar-closed > #editor-stack {
-  right: 8px !important;
-}
-
-#sidebar .button {
-  @include workspace-button;
-  line-height: 18px;
-  font-size: 12px;
-  margin-right: 5px;
-  padding: 2px 8px;
-}
-
-.sidebar-header {
-  color: #666;
-  // text-align: right;
-  padding: 8px 10px;
-  background: #f3f3f3;
-  border-bottom: 1px solid $secondary-border-color;
-  white-space: nowrap;
-}
-
-#sidebar-footer {
-  @include component-footer;
-  display: none;
-  justify-content: flex-end;
-  position: static;
-}
-
-.sidebar-footer-button {
-  @include component-footer-button;
-}
-.sidebar-footer-button-toggle {
-  @include component-footer-button-toggle;
-}
-.sidebar-header-button {
-  @include workspace-button;
-  font-size: 13px;
-  line-height: 13px;
-  padding: 5px 8px;
-}
-.sidebar-header-button-toggle {
-  @include workspace-button-toggle;
-  font-size: 13px;
-  line-height: 13px;
-  padding: 5px 8px;
-}
-.sidebar-header-button:not(:first-child) {
-  //border-left: none;
-}
-
-.sidebar-shade {
-  @include shade;
-}
-
-@mixin sidebar-control {
-  display: none;
-  position: absolute;
-  top: calc(50% - 26px);
-
-  padding: 15px 8px;
-  border: 1px solid #ccc;
-  background: #f9f9f9;
-  color: #999;
-  text-align: center;
-  cursor: pointer;
-}
-
-.sidebar-control-right {
-  display: none !important;
-  @include sidebar-control;
-  right: calc(100%);
-  border-top-left-radius: 5px;
-  border-bottom-left-radius: 5px;
-}
-.sidebar-control-left {
-  display: none !important;
-  @include sidebar-control;
-  left: calc(100%);
-  border-top-right-radius: 5px;
-  border-bottom-right-radius: 5px;
-}

package/src/app/ui/editor-client/src/sass/style.scss

@@ -1,172 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-@import 'colors';
-@import 'mixins';
-
-@import 'forms';
-
-@import 'jquery';
-@import 'bootstrap';
-@import 'ace';
-
-@import 'dropdownMenu';
-
-@import 'header';
-@import 'palette';
-@import 'sidebar';
-@import 'workspace';
-@import 'workspaceToolbar';
-
-@import 'notifications';
-
-@import 'editor';
-@import 'library';
-@import 'search';
-@import 'project-info';
-@import 'ui-settings';
-
-@import 'panels';
-@import 'tabs';
-@import 'tab-config';
-@import 'tab-kumohub';
-@import 'tab-azure';
-@import 'tab-cloud';
-@import 'tab-context';
-@import 'tab-info';
-@import 'tab-test';
-@import 'tab-git';
-@import 'popover';
-@import 'flow';
-@import 'palette-editor';
-@import 'diff';
-
-@import 'userSettings';
-
-@import 'projects';
-
-@import 'ui/common/editableList';
-@import 'ui/common/searchBox';
-@import 'ui/common/typedInput';
-@import 'ui/common/typedInputLong';
-@import 'ui/common/nodeList';
-@import 'ui/common/checkboxSet';
-@import 'ui/common/stack';
-@import 'ui/common/treeList';
-
-@import 'dragdrop';
-
-@import 'keyboard';
-
-@import 'debug';
-@import 'terminal';
-
-@import 'modals/modalNewProject.scss';
-@import 'modals/modalNewTab.scss';
-@import 'modals/modalHome.scss';
-@import 'modals/modalWelcome.scss';
-@import 'modals/modalNodeLibrary.scss';
-
-@import 'update-panel';
-
-body {
-  font-size: 13px;
-  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  //padding-top: 100px;
-  background: $background-color;
-  color: #333333;
-}
-
-#main-container {
-  position: absolute;
-  top: 38px;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  // overflow: hidden !important;
-  background: #d3d3d3;
-}
-
-i.spinner {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  line-height: 14px;
-  vertical-align: text-top;
-  margin-top: 0px;
-  background: url(images/spin.svg) no-repeat 50% 50%;
-  background-size: contain;
-}
-
-code,
-pre {
-  padding: 0 3px 2px;
-  font-family: monospace;
-  font-size: 14px;
-  color: #333333;
-  border-radius: 1px;
-}
-
-code {
-  padding: 0px 3px 2px 3px;
-  margin: 1px;
-  color: #ad1625;
-  white-space: nowrap;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-  border-radius: 2px;
-}
-
-pre {
-  display: block;
-  padding: 9.5px;
-  margin: 0 0 10px;
-  line-height: 20px;
-  word-break: break-all;
-  word-wrap: break-word;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
-}
-
-pre code {
-  padding: 0;
-  color: inherit;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border: 0;
-}
-
-.hide {
-  display: none;
-}
-
-blockquote {
-  padding: 0 0 0 15px;
-  margin: 0 0 20px;
-  border-left: 4px solid #ddd;
-
-  p {
-    font-size: 14px;
-    font-weight: inherit;
-    line-height: 1.25;
-    color: #777;
-  }
-}

package/src/app/ui/editor-client/src/sass/tab-azure.scss

@@ -1,68 +0,0 @@
-.sidebar-azure {
-  
-    #azure-provider-info {
-      margin: 5px;
-      text-align: right;
-      font-size: 11px;
-      letter-spacing: 0.03em;
-    }
-    #azure-sidebar-header {
-      padding: 8px 5px;
-      #azure-instrumentation {
-        display: flex;
-        align-items: center;
-        #azure-profiles-wrapper {
-          display: flex;
-          flex-direction: column;
-          width: 47%;
-          padding-right: 10px;
-  
-          #azure-sidebar-profiles {
-            height: 23px !important;
-            width: 100%;
-          }
-        }
-        #azure-wrapper {
-          width: 33%;
-          display: flex;
-          align-self: flex-end;
-          position: relative;
-          top: 1px;
-          .dropdown-selected {
-            background-color: #ddd;
-          }
-          #azure-options-dropdown {
-            position: relative;
-            display: inline-block;
-          }
-          #azure-options-dropdown-content {
-            display: none;
-            right: 0;
-            top: 25px;
-            padding-top: 4px;
-            border: 1px solid #ddd;
-            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1),
-              -1px 0px 2px rgba(0, 0, 0, 0.1);
-            border-bottom-left-radius: 5px;
-            border-bottom-right-radius: 5px;
-            position: absolute;
-            background-color: #f9f9f9;
-            z-index: 1;
-            span {
-              display: block;
-              &.option-disabled {
-                padding: 2px 20px;
-                color: darkgrey;
-              }
-              &.option {
-                padding: 2px 20px;
-              }
-              &.option:hover {
-                background-color: #ddd;
-              }
-            }
-          }
-        }
-      }
-    }
-  }

package/src/app/ui/editor-client/src/sass/tab-cloud.scss

@@ -1,67 +0,0 @@
-.sidebar-cloud {
-  #cloud-provider-info {
-    margin: 5px;
-    text-align: right;
-    font-size: 11px;
-    letter-spacing: 0.03em;
-  }
-  #cloud-sidebar-header {
-    padding: 8px 5px;
-    #cloud-instrumentation {
-      display: flex;
-      align-items: center;
-      #profiles-wrapper {
-        display: flex;
-        flex-direction: column;
-        width: 47%;
-        padding-right: 10px;
-
-        #cloud-sidebar-profiles {
-          height: 23px !important;
-          width: 100%;
-        }
-      }
-      #cloudops-wrapper {
-        width: 33%;
-        display: flex;
-        align-self: flex-end;
-        position: relative;
-        top: 1px;
-        .dropdown-selected {
-          background-color: #ddd;
-        }
-        #cloud-options-dropdown {
-          position: relative;
-          display: inline-block;
-        }
-        #cloud-options-dropdown-content {
-          display: none;
-          right: 0;
-          top: 25px;
-          padding-top: 4px;
-          border: 1px solid #ddd;
-          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1),
-            -1px 0px 2px rgba(0, 0, 0, 0.1);
-          border-bottom-left-radius: 5px;
-          border-bottom-right-radius: 5px;
-          position: absolute;
-          background-color: #f9f9f9;
-          z-index: 1;
-          span {
-            display: block;
-            &.option-disabled {
-              padding: 2px 20px;
-              color: darkgrey;
-            }
-            &.option {
-              padding: 2px 20px;
-            }
-            &.option:hover {
-              background-color: #ddd;
-            }
-          }
-        }
-      }
-    }
-  }
-}