* [SPIKE] add Builder page with editor
* add YamlEditor component
* export colors from CSS
* move template into dedicated file
* fix initial load from local storage
* move download button into separate component
* fix stylelint
* remove console log
* add todo
* make monaco background transparent and apply gradient to parent div background
* clarify comment
* remove unnecessary 180deg
* lock the builder UI behind a feature
* use rgb instead of hex to fix stylelint
* use _colors.scss and disable hex length stylelint rule
* disable rule in file
* generify ConnectorDocumentationLayout into TwoPanelLayout
* use TwoPanelLayout for BuilderPage
* add darker gradient color to _colors.scss and use in gradient
* move /builder to /connector-builder
* rename TwoPanelLayout to ResizablePanels
* put gradient on parent container instead
* make lightOverlay actually overlay instead of un-rendering children
* add testing panel component and stream selector
* fix rotated text
* fix more styling
* remove unnecessary comment
* add starting flex to right panel
* replace react-select dropdown with headless-ui listbox
* add test controls and fix button icon styling
* add Configure Test Input button and modal
* add connector builder client
* move connector builder state into dedicated context
* fix bold prop in Text component to not throw error
* pass parsed yaml->json into query
* store config in connector builder state context
* add result display
* fix styles of result display
* move config menu into testing panel
* capitalize stream names
* undo changes to Text component, since that is being addressed in a separate PR
* fix more merge issues and fix generated schema usage
* capitalize header
* remove console log
* rename data to streamRead
* fix stylelint and use variables
* use another variable for spacing
* use stream name in state data object
* add paginator component
* save progress on result display
* generify stream selector and add slice selector
* add page display with tabs
* fix scrolling and add logic to make mocking results easier
* make mocks more unique
* wire up slice selector to content shown
* improve placeholder text style
* add gap in page display
* make controlled component and fix mocks
* move tab titles into intl
* fix typo
* move placeholder into intl
* update listbox and paginator to be more generic
* clean up paginator styles
* undo change to App.tsx
* cleanup
* use intl for slice label fallback
* remove manifest and config from react-query keys to prevent losing results when editing yaml
* switch to functional style for generic components
* [SPIKE] add Builder page with editor
* add YamlEditor component
* export colors from CSS
* move template into dedicated file
* fix initial load from local storage
* move download button into separate component
* fix stylelint
* remove console log
* add todo
* make monaco background transparent and apply gradient to parent div background
* clarify comment
* remove unnecessary 180deg
* lock the builder UI behind a feature
* use rgb instead of hex to fix stylelint
* use _colors.scss and disable hex length stylelint rule
* disable rule in file
* generify ConnectorDocumentationLayout into TwoPanelLayout
* use TwoPanelLayout for BuilderPage
* add darker gradient color to _colors.scss and use in gradient
* move /builder to /connector-builder
* rename TwoPanelLayout to ResizablePanels
* put gradient on parent container instead
* make lightOverlay actually overlay instead of un-rendering children
* add testing panel component and stream selector
* fix rotated text
* fix more styling
* remove unnecessary comment
* add starting flex to right panel
* replace react-select dropdown with headless-ui listbox
* add test controls and fix button icon styling
* add Configure Test Input button and modal
* add connector builder client
* move connector builder state into dedicated context
* fix bold prop in Text component to not throw error
* pass parsed yaml->json into query
* store config in connector builder state context
* add result display
* fix styles of result display
* move config menu into testing panel
* capitalize stream names
* undo changes to Text component, since that is being addressed in a separate PR
* fix more merge issues and fix generated schema usage
* capitalize header
* remove console log
* rename data to streamRead
* fix stylelint and use variables
* use another variable for spacing
* use stream name in state data object
* move ConnectorBuilderStateProvider into ConnectorBuilderPage
* fix sizing of modal
* fix styling of active stream selector option
* Update airbyte-webapp/src/components/StreamTestingPanel/ResultDisplay.tsx
Co-authored-by: Tim Roes <tim@airbyte.io>
* Update airbyte-webapp/src/components/StreamTestingPanel/ResultDisplay.tsx
Co-authored-by: Tim Roes <tim@airbyte.io>
* hide result display panel if no data
* remove button specificity styling hacks, use size prop instead
* Update airbyte-webapp/src/components/StreamTestingPanel/StreamSelector.tsx
Co-authored-by: Tim Roes <tim@airbyte.io>
* change logs to errors
Co-authored-by: Tim Roes <tim@airbyte.io>
* Add support for Datadog Real User Monitoring (RUM)
* Move sentry init to its own util
* loadDatadogRum -> initDatadogRum
* Move comment back to app index
* Lazy load Sentry and Datadog
* Update version value for Datadog to match Sentry
* Switch process.env with window for sentry and datadog init
* Remove import optimizations from Sentry and Datadog
* Add Cross domain tracking for segment
* add email in identify call to test with Hubspot
* save cookie on local storage, create hook to override Segment cookie
* PR comments
* turn on recommended rules
* remove autofocus prop (form already autofocuses there without it anyways)
* remove autofocus prop from connector request form (field autofocuses without it anyways)
* remove autofocus from popout menu (doesn't autofocus even with it on)
* Sidebar popout menu accessibility (role, tabindex, onfocus)
* switch to use onFocus vs onClick
* edit connection name button should be a real button
* maybe create element instead for connectionname?
* fix weird ts button things
* modal and switch
* add label control rule
* disable for tooltip temporarily
* fix rebase issues
* make navbar popout buttons actual buttons
* fix button appearance in sidebar
* remove border from path popout button
* review cleanup
* Update airbyte-webapp/src/components/Modal/Modal.tsx
Co-authored-by: Krishna Glick <krishna@airbyte.io>
* leave modal default for now
* missing comment space
* make eslint jsx a11y plugin a dev dependency
* fix stylelint problem
* add mock intersection observer
* review changes
* switch component
* move the event bubbling to the StatusCell
* Remove autoFocus
* order z-indices by value
* missing bracket
Co-authored-by: Krishna Glick <krishna@airbyte.io>
Co-authored-by: Tim Roes <tim@airbyte.io>
* Add ToolTip storybook
* Update ToolTip to scss
* gitignore storybook-static dir
* Move InfoIcon from ToolTip to icons and remove duplicate
* Fix disabled class name in ToolTip
* Update ToolTip colors and spacing to match updated design and add light mode
* Update ToolTip to show from any side perfectly centered
* Add react-tether dependency
* Update ToolTip to use react-tether
* Add align property to ToolTip
* Add link colors to tooltip links and update storybook
* Fix font-size in Tooltip
* Add minor tweaks to Tooltip component
* Remove "help" cursor from state badge
Update tooltip corner to 5px
Update package-lock with react-tether
* Tooltip mode -> Tooltip theme
* Add tooltip helper components for learn more url and table
* Add tooltip context
* Update tooltip stories to demo with new components
* REname tooltip index from tsx to ts
* Update tooltip to use floating-ui instead of react-tether
* Move z-index values to own z-indices file
* Update InformationTooltip to use regular tooltip style
* Support docusaurus admonitions in markdown docs
* Narrow down docs folders in vscod workspace
* Add mdast and remark-directive dependencies
* Add remark-directive to Markdown component plugins
* Add admonitions plugin to support docusaurus admonitions
* Add styles for admonitions in markdown files
* Add storybook component for Markdown and fix issues with code blocks
* Rename Markdown component styles files, improve code blocks style and lower heading font sizes
* Update admonitions tag to div
* Update DocumentationPanel to lazy load
* Add @types/unist to package.json