Update workflows to use Python 3.7 for ensembler engines and sdk

[deadlycoconuts]

Context

With the PR #188, the Python versions for the Turing SDK as well as both ensembler engines have been fixed at 3.7.*. While these changes have been made on these components, the workflows for these components have not been updated yet.

This PR serves to update these workflows to utilise Python 3.7 accordingly.

Additional Fixes

• Tiny fix to the Turing SDK to handle cases whereby RouterConfig is not returned as part of a response body containing Routers
• Tiny fix to the Turing UI to allow for text wrapping when the docker image name is too long

[deadlycoconuts]

Added this if-else check to handle cases whereby querying the API for a certain router returns an object without a RouterConfig. This occurs notably when a new Turing Router is pending (being deployed).

[deadlycoconuts]

@krithika369, I can't seem to override this mixin that truncates quite a number of text descriptions in other UI components - I tried creating custom style rules for the Container table but they don't seem to be able override this mixin either :/ Would it be too drastic if I were to swap this mixin out? I'm not sure why the decision was made to truncate long text in other config display panels though.

[krithika369]

Oh we shouldn't change it globally for all rows.

I tried creating custom style rules for the Container table

Could you share the example here? What was tried and where it was placed?

[deadlycoconuts]

So I tried creating this custom style class and using it for the EuiDecriptionList of a ContainerConfigTable, but it doesn't overwrite any of the truncation styles:

.euiDescriptionList--responsiveColumn.containerConfig {
  .euiDescriptionList__description {
    @include euiTextBreakWord;
  }
}

Explicitly specifying the style of the euiTextBreakWord mixin as found here doesn't seem to work either:

.euiDescriptionList--responsiveColumn.containerConfig {
  .euiDescriptionList__description {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word;
  }
}

[deadlycoconuts]

Another thing I've tried to try was to add <div className="eui-textBreakWord"> tags to the description of the item corresponding to the image name within the items list of the ContainerConfigTable as:

{
  title: "Image",
  description: (
      <div className="eui-textBreakWord">
        thisisaverylargexcepetionnamewithalotofwordsthatatsomepointaregoingtobetruncated
      </div>
    )
}

Although this doesn't 'truncate' the line and replace the missing characters with an ellipsis, it doesn't break the line either... generating something like this instead:

[krithika369]

I see.. I was going to suggest something along the lines of your second example to override the properties for the single row's description. But adding the div is probably messing with some other flex properties. I will try to have a stab at it to understand better.

[deadlycoconuts]

Thanks a lot! I'll see what I can try out from my end!

[krithika369]

Using span in combination with inline style overrides seems to do it:

const items = [
    {
      title: "Image",
      description: (<span style={{
        wordBreak: "break-word",
        textOverflow: "unset",
        whiteSpace: "break-spaces"
      }} >
        {image}
      </span >),
    },

We're having to override some existing !important properties which doesn't seem easy with classes.

It may not be the most graceful solution but given that we want to relax the truncation behavior for the one description only, I think it may be acceptable.

[deadlycoconuts]

Wow thanks for discovering that! I'll include your code snippet in!

[deadlycoconuts]

Thanks everyone for your comments/approval! Merging this! 🚀