Infra/live code playground device wrapper
Description
Docs playground (live-code) device wrapper to simulate Mobile or Tablet device.
In the buildDocs script wrapping the component snippet with the MobileDeviceWrapper that changes the size of the View container according to the selected mode.
Note: in buildDocs script there is a new function processSnippet that process the component snippet, since now we have cases that the live-code playground render a function or plain JSX that should be wrapped with the MobileDeviceWrapper.
Based on #3272
Changelog
Docs playground (live-code) device wrapper to simulate Mobile or Tablet device.
Additional info
MADS-4507
@M-i-k-e-l I mentioned in the description that Assets and Incubator export throw an error in this branch.
If it's working on your PR I should fix that here.
@adids1221 please merge the conflicts
@adids1221 please merge the conflicts
Iv'e merged the conflicts, Assets and Incubator throw an error.
Module not found: Error: Can't resolve 'react-native-ui-lib/assets' in '/Users/danielsar/Documents/workspace/react-native-ui-lib/docuilib/src/theme/ReactLiveScope'
--------------------------
Module not found: Error: Can't resolve 'react-native-ui-lib/incubator' in '/Users/danielsar/Documents/workspace/react-native-ui-lib/docuilib/src/theme/ReactLiveScope'
@M-i-k-e-l Alexey made some changes in the Design. Also I want to check the option of rendering an Iframe so we can use Picker and other components that extends Modal as in the mobile.
Closing this PR, #3351 has new approach with iframe.