@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

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

@@ -1,136 +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.
- **/
-
-#keyboard-help-dialog {
-    font-size: 0.9em;
-    padding-top: 10px;
-
-}
-
-#user-settings-tab-keyboard .red-ui-editableList-container {
-    border-radius: 0;
-    border: none;
-    padding: 0;
-}
-
-
-.keyboard-shortcut-entry.keyboard-shortcut-list-header {
-    padding:0 5px 0 5px;
-    div {
-        color: #666 !important;
-    }
-    .red-ui-searchBox-container {
-        width: calc(100% - 20px);
-    }
-    .keyboard-shortcut-entry-scope {
-        text-align: center;
-    }
-}
-
-.keyboard-shortcut-list-header {
-    border-bottom: 1px solid $primary-border-color;
-
-}
-.keyboard-shortcut-list {
-    position: absolute;
-    top:30px;
-    left:10px;
-    right:10px;
-    bottom:10px;
-    li {
-        padding: 0;
-        .red-ui-editableList-item-content {
-            padding: 8px;
-            cursor: pointer;
-        }
-    }
-    li:hover {
-        background: #f6f6f6;
-    }
-}
-.keyboard-shortcut-entry {
-    div {
-        display: inline-block;
-    }
-    // white-space: nowrap;
-
-    select {
-        margin: 0;
-        width: calc(100% - 30px);
-        font-size: 0.9em;
-        margin-right: 5px;
-    }
-}
-.keyboard-shortcut-entry-key {
-    width:160px;
-    vertical-align: middle;
-    input {
-        margin:0;
-        width: calc(100% - 5px);
-    }
-}
-.keyboard-shortcut-entry-text {
-    vertical-align: middle;
-    width: calc(100% - 160px - 100px - 10px);
-    overflow: hidden;
-    i {
-        color: #ccc;
-        margin-right: 5px;
-    }
-}
-.keyboard-shortcut-entry-scope {
-    width:100px;
-    color: #999;
-    vertical-align: middle;
-    text-align: right;
-}
-.keyboard-shortcut-entry:not(.keyboard-shortcut-list-header) {
-    .keyboard-shortcut-entry-scope {
-        font-size: 0.8em;
-    }
-}
-.keyboard-shortcut-entry-unassigned {
-    color: #999;
-    .keyboard-shortcut-entry-key {
-        font-style: italic;
-    }
-}
-.keyboard-shortcut-entry-expanded {
-    .keyboard-shortcut-entry-key {
-        width: 150px;
-    }
-    .keyboard-shortcut-entry-text {
-    }
-    .keyboard-shortcut-entry-scope {
-        width: 110px;
-    }
-    span {
-        display: none;
-    }
-}
-.keyboard-shortcut-edit  {
-}
-.help-key {
-    border: 1px solid #ddd;
-    padding: 4px;
-    border-radius: 3px;
-    background: #f6f6f6;
-    font-family: Courier, monospace;
-    box-shadow: #999 1px 1px 1px;
-}
-.help-key-block {
-    white-space: nowrap;
-}

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

@@ -1,54 +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.
- **/
-
- .flex {
-    display: flex !important;
- }
- 
-#node-select-library {
-    overflow: hidden;
-}
-#node-select-library ul {
-    list-style: none;
-    padding: 0px;
-    margin: 2px;
-}
-#node-select-library li {
-    cursor: pointer;
-}
-#node-select-library li.list-selected {
-    background: #eee;
-}
-#node-select-library li.list-hover {
-    background: #ffffd0;
-}
-
-.clipboard-import-error {
-    pre {
-        margin: 10px 0;
-        border: none;
-        color: #666;
-        span {
-            padding: 5px 0;
-        }
-        span.error {
-            padding: 5px;
-            background: #e25151;
-            color: white;
-            margin: 0 1px;
-        }
-    }
-}

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

@@ -1,283 +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.
- **/
-
-@mixin disable-selection {
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-@mixin enable-selection {
-  -webkit-user-select: auto;
-  -khtml-user-select: auto;
-  -moz-user-select: auto;
-  -ms-user-select: auto;
-  user-select: auto;
-}
-
-@mixin component-border {
-  border: 1px solid $primary-border-color;
-  box-sizing: border-box;
-}
-
-@mixin workspace-button {
-  @include disable-selection;
-  box-sizing: border-box;
-  display: inline-block;
-  color: $workspace-button-color !important;
-  background: $workspace-button-background;
-  border: 1px solid $form-input-border-color;
-  text-align: center;
-  margin: 0;
-  text-decoration: none;
-  cursor: pointer;
-
-  &.disabled,
-  &:disabled {
-    cursor: default;
-    color: $workspace-button-color-disabled !important;
-  }
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-  &:not(.disabled):not(:disabled):hover {
-    color: $workspace-button-color-hover !important;
-    // background: $workspace-button-background-hover;
-  }
-  &:not(.disabled):not(:disabled):focus {
-    color: $workspace-button-color-focus !important;
-  }
-  &:not(.disabled):not(:disabled):active {
-    color: $workspace-button-color-active !important;
-    background: $workspace-button-background-active;
-    text-decoration: none;
-  }
-  // &.selected:not(.disabled):not(:disabled) {
-  //     color: $workspace-button-color-selected !important;
-  //     background: $workspace-button-background-active;
-  //     background: #9f9;
-  // }
-  .button-group &:not(:first-child) {
-    border-left: none;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .button-group &:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .button-group-vertical & {
-    display: block;
-    min-width: 22px;
-  }
-  .button-group-vertical &:not(:first-child) {
-    border-top: none;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  .button-group-vertical &:not(:last-child) {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  .button-row &:not(:first-child) {
-    margin-left: 15px;
-  }
-
-  &:focus {
-    //outline: 1px solid $workspace-button-color-focus-outline;
-  }
-
-  &.primary {
-    border-radius: 4px;
-    padding: 8px 27px;
-
-    border-color: $editor-button-background-primary;
-    color: $editor-button-color-primary !important;
-    background: $editor-button-background-primary;
-    &.disabled,
-    &.ui-state-disabled {
-      background-color: #98bfff;
-      color: white !important;
-      border-color: #98bfff;
-    }
-    &:not(.disabled):not(.ui-button-disabled):hover {
-      border-color: $editor-button-background-primary-hover;
-      background: $editor-button-background-primary-hover;
-      color: $editor-button-color-primary !important;
-    }
-  }
-  &.secondary {
-    background: none;
-    border-radius: 4px;
-    padding: 8px 21px;
-    border-color: #d8d8d8;
-    color: #333;
-    &:not(:hover) {
-      border-radius: 4px;
-      padding: 8px 21px;
-      color: #333 !important;
-      border-color: #d8d8d8;
-      //border-color: rgba(0, 0, 0, 0);
-    }
-  }
-}
-.button-group-vertical {
-  display: inline-block;
-  vertical-align: middle;
-}
-.button-group:not(:last-child) {
-  margin-right: 10px;
-}
-
-@mixin workspace-button-toggle {
-  @include workspace-button;
-
-  &.single {
-    color: $workspace-button-color !important;
-    background: $workspace-button-background;
-
-    &.selected:not(.disabled):not(:disabled) {
-      color: $workspace-button-toggle-color !important;
-      background: $workspace-button-background-active;
-    }
-  }
-  &:not(.single) {
-    color: $workspace-button-toggle-color !important;
-    background: $workspace-button-background-active;
-    margin-bottom: 1px;
-
-    &.selected:not(.disabled):not(:disabled) {
-      color: $workspace-button-toggle-color-selected !important;
-      background: $workspace-button-background;
-      border-bottom-width: 2px;
-      border-bottom-color: #2979ff;
-      margin-bottom: 0;
-      cursor: default;
-    }
-  }
-  &.disabled,
-  &:disabled {
-    color: $workspace-button-toggle-color-disabled !important;
-  }
-}
-@mixin editor-button {
-  @include workspace-button;
-  font-size: 14px;
-  padding: 6px 14px;
-  margin-right: 8px;
-  color: $editor-button-color !important;
-  background: $editor-button-background;
-
-  // &.primary {
-  //     border-color: $editor-button-background-primary;
-  //     color: $editor-button-color-primary !important;
-  //     background: $editor-button-background-primary;
-  //     &.disabled, &.ui-state-disabled {
-  //         background: none;
-  //         color: $editor-button-color !important;
-  //         border-color: $form-input-border-color;
-  //     }
-  //     &:not(.disabled):not(.ui-button-disabled):hover {
-  //         border-color: $editor-button-background-primary-hover;
-  //         background: $editor-button-background-primary-hover;
-  //         color: $editor-button-color-primary !important;
-  //     }
-  // }
-  &:not(.disabled):hover {
-    //color: $editor-button-color;
-  }
-  &.disabled {
-    background: none;
-  }
-  &.disabled:focus {
-    outline: none;
-  }
-
-  &.leftButton {
-    float: left;
-    margin-top: 1px;
-  }
-  &:not(.leftButton):not(:last-child) {
-    margin-right: 10px;
-  }
-  &.ui-state-disabled {
-    opacity: 1;
-  }
-}
-
-@mixin component-footer {
-  border-top: 1px solid $primary-border-color;
-  background: #f3f3f3;
-  text-align: right;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 25px;
-  line-height: 23px;
-  padding: 0 2px;
-  user-select: none;
-
-  .button-group:not(:last-child) {
-    margin-right: 5px;
-  }
-}
-
-@mixin component-footer-button {
-  @include workspace-button;
-  font-size: 11px;
-  line-height: 17px;
-  width: 20px;
-  height: 20px;
-  padding: 2px 4px;
-  &.text-button {
-    width: auto;
-    padding: 0 5px;
-  }
-}
-@mixin component-footer-button-toggle {
-  @include workspace-button-toggle;
-  font-size: 11px;
-  line-height: 17px;
-  height: 20px;
-  width: 20px;
-  &.text-button {
-    width: auto;
-    padding: 0 5px;
-  }
-}
-
-@mixin component-shadow {
-  border: 1px solid $secondary-border-color;
-  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-}
-
-@mixin shade {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background: $shade-color;
-  z-index: 5;
-}
-.component-shade {
-  @include shade;
-}

package/src/app/ui/editor-client/src/sass/modals/modalHome.scss

@@ -1,138 +0,0 @@
-#modalHomeContainer {
-  display: flex;
-  justify-content: center;
-  background-color: white;
-
-  #newProjectSection {
-    display: flex;
-    width: 65%;
-    background: white;
-    flex-direction: column;
-    margin-top: 10%;
-    #actions {
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-      padding: 40px 0px 49px 0px;
-      margin-left: 82px;
-
-      #actionNewProject {
-        display: flex;
-        // background: yellow;
-
-        #newProjectBtn {
-          cursor: pointer;
-          justify-content: center;
-          align-items: flex-start;
-        }
-      }
-
-      #actionOpenProject {
-        display: flex;
-        padding-top: 17px;
-
-        #openProjectBtn {
-          cursor: pointer;
-          justify-content: center;
-          align-items: flex-start;
-        }
-      }
-    }
-  }
-
-  #dependencies {
-    padding-top: 7px;
-    text-align: center;
-
-    .dep-ok {
-      color: darkgrey !important; // #009933 !important;
-    }
-    .dep-failed {
-      color: darkgrey !important; // #ff323a !important;
-    }
-    #statusIcon {
-      width: 20px;
-    }
-  }
-
-  #openProjectSection {
-    display: flex;
-    padding: 10px 0px;
-    width: 35%;
-    background: #eeeeee;
-    flex-direction: column;
-  }
-
-  .action-container {
-    display: flex;
-    margin-top: 45px;
-    width: 100%;
-    align-items: center;
-    width: 65%;
-    //padding-left: 135px;
-  }
-
-  .logo-container {
-    display: flex;
-    width: 5%;
-    margin-left: 15px;
-  }
-
-  .info-container {
-    display: flex;
-    flex-direction: column;
-    width: 95%;
-    margin-left: 20px;
-  }
-
-  .action-title {
-    font-weight: 500;
-    font-size: 15px;
-    // margin-left: 11px;
-  }
-
-  .action-subtitle {
-    font-size: small;
-  }
-
-  .home-title {
-    font-size: 37px;
-    font-weight: bold;
-    margin-left: 138px;
-  }
-  .subtitle {
-    font-size: 13px;
-    font-weight: 300;
-    color: grey;
-    padding-top: 15px;
-    margin-left: 202px;
-  }
-
-  #recent-projects {
-    display: flex;
-    flex-direction: column;
-    //padding: 30px 0px;
-    height: 100%;
-    //border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-  }
-
-  #listRecentProjects {
-    padding: 0px 30px;
-  }
-
-  .recentProject {
-    display: flex;
-    flex-direction: column;
-    font-size: 15px;
-    padding: 2px 0px;
-    cursor: pointer;
-  }
-
-  .recentProjectName {
-    padding: 5px 0px;
-  }
-
-  .actionSelected {
-    color: $editor-button-background-primary-hover;
-  }
-}

package/src/app/ui/editor-client/src/sass/modals/modalNewProject.scss

@@ -1,96 +0,0 @@
-#modalNewProjectWrapper {
-  background-color: #f3f3f3;
-  display: flex;
-  flex-direction: column;
-  #yourComputer {
-    color: #666;
-  }
-  #projectNameSelected {
-    margin-top: 5px;
-  }
-
-  #projectPathSelectedDiv {
-    margin-top: 5px;
-    width: 100%;
-    display: flex;
-  }
-
-  #projectPathSelected {
-    width: 85%;
-  }
-
-  .optionsContainer {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    padding: 20px 50px 8px 50px;
-  }
-
-  .optionHorizontal {
-    display: flex;
-    flex-direction: column;
-  }
-  .horizontal-space {
-    margin-right: 5px;
-  }
-  .yourComputer {
-    padding-top: 15px;
-  }
-  .option {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-  }
-
-  .actionsContainer {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-    align-items: flex-start;
-  }
-  .title {
-    font-weight: 400;
-    font-size: 22px;
-    color: grey;
-    letter-spacing: 0.01em;
-  }
-  .option-label {
-    color: grey;
-    font-size: 14px;
-    margin-top: 2px;
-  }
-  input[type='text'] {
-    border: 1px solid #ddd;
-    outline: 0;
-    border-radius: 0px;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-    width: 100%;
-  }
-  #flowtoimportSection {
-    padding: 0px 55px;
-  }
-  textarea {
-    width: 100%;
-  }
-  .option-separator {
-    padding-top: 5px;
-  }
-  a:hover {
-    text-decoration: none;
-  }
-  .checkboxes {
-    display: block;
-    padding-top: 5px;
-    padding-left: 10px;
-  }
-  .checkboxes input {
-    vertical-align: 1px;
-  }
-  .checkboxes input label span {
-    vertical-align: middle;
-  }
-}