Mockingbird | A declarative user interface DSL inspired by SwiftUI | Frontend Framework library

I'm using MockingBird for mocks in a Swift 5 project. A test like this passes fine:

I'm trying to iterate through my list of dictionaries, for when the user selects a corresponding ID will copy it to the other list.

I got a python code now (thanks a lot scotty3785):

I have a code in Python:

I am following the BookStore data binding example, documented at XAML controls; bind to a C++/WinRT property, up to and including the "Bind the button to the Title property" section.

My starting point is a new "Blank App, Packaged (WinUI 3 in Desktop)" project in Visual Studio.

[EDIT] Starting from a "Blank App (C++/WinRT)" project, which is for UWP apps, works perfectly. The problem persists with "WinUI 3 in Desktop" projects.

The initial data binding works and the button content L"Atticus" is read from the BookSku title property. However calling MainViewModel().BookSku().Title(L"To Kill a Mockingbird"); in the click handler, as directed in article, throws the exception

Exception thrown at 0x00007FFC801B4ED9 (KernelBase.dll) in BookStore.exe: WinRT originate error - 0x8001010E : 'The application called an interface that was marshalled for a different thread.'.

Stepping through the code, the call

m_propertyChanged(*this, Windows::UI::Xaml::Data::PropertyChangedEventArgs{ L"Title" });

in void BookSku::Title(hstring const& value) is where the exception is thrown from within.

I can change the button content manually, not through the binding property.

The first example in the Data binding in depth article describes a very similar, though slightly less complicated, data binding scenario. It throws the same exception.

I am using latest Microsoft.Windows.CppWinRT version 2.0.210825.3 and Windows App SDK version 0.8.3

I need to remove the right icons that are the up and down arrows from a Material UI TextField that I modified from the Material UI documentations (https://material-ui.com/components/autocomplete/#autocomplete) Highlights section.

I tried some solutions from stack overflow like (Remove the arrow and cross that appears for TextField type=“time” material-ui React) and (Remove the arrow and cross that appears for TextField type=“time” material-ui React) but they didn't work and, I ended up with the following code:

App.js:

I need to modify the Autocomplete Highlight provided as an example to fit my needs. (https://material-ui.com/components/autocomplete/#autocomplete)

The Highlight example provided has borders so I used the solution from this link (how to remove border in textfield fieldset in material ui) to modify my TextField and remove it's border and it works except that when I type in the search input I don't get the autocomplete suggestions.

I also replaced the Icon, and ended up with the following code:

I'm in the process of creating an xml file from a csv source, and have had some very useful input from users in this process. It appears that my last requirement (of which I've only just become aware), is to drop any empty xml tags (that is, those with no content) before calling an API.

I'm attempting to use the etree remove method to drop the empty tags, but I'm getting an error that etree.fromstring can only parse strings. Here is my sample data and code.

Based on a couple of other examples I've found here, I've created a script that creates an xml file from a csv input using lxml.etree and lxml.ebuilder. It gives me almost what I need - the one thing I'm struggling with is that I need to also include a single-occurrence tag at the top of the data which will contain a static value.

Here's my sample data: