Skip to content

feat(UIForm): Support custom root tag - #3392

Merged
gjou-tlnd merged 2 commits into
masterfrom
gjou/feat/tuiform_custom_tag
Aug 19, 2021
Merged

gjou-tlnd merged 2 commits into
masterfrom
gjou/feat/tuiform_custom_tag

Conversation

@gjou-tlnd

Copy link
Copy Markdown
Contributor

What is the problem this PR is trying to solve?

It's not possible to use an UIform as part of another form as nesting form is not allowed in HTML

What is the chosen solution to this problem?

Support custom html tag when rendering the form

Please check if the PR fulfills these requirements

  • The PR commit message follows our guidelines
  • Tests for the changes have been added (for bug fixes / features) And non reg done before need review
  • Docs have been added / updated (for bug fixes / features)
  • Related design / discussions / pages (not in jira), if any, are all linked or available in the PR

[ ] This PR introduces a breaking change

@gjou-tlnd
gjou-tlnd force-pushed the gjou/feat/tuiform_custom_tag branch from bb8ed75 to dec9d03 Compare August 18, 2021 14:59
@gjou-tlnd
gjou-tlnd force-pushed the gjou/feat/tuiform_custom_tag branch from dec9d03 to 17a11b1 Compare August 18, 2021 15:08
@github-actions

Copy link
Copy Markdown
Contributor

3392

:octocat: Demo is available here

@github-actions

github-actions Bot commented Aug 18, 2021

Copy link
Copy Markdown
Contributor

Size Change: +197 B (0%)

Total Size: 2.24 MB

Filename Size Change
./packages/containers/dist/TalendReactContainers.js 59.7 kB +10 B (0%)
./packages/containers/dist/TalendReactContainers.min.js 25.4 kB +7 B (0%)
./packages/forms/dist/TalendReactForms.js 311 kB +118 B (0%)
./packages/forms/dist/TalendReactForms.min.js 114 kB +62 B (0%)
ℹ️ View Unchanged
Filename Size
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.js 6.37 kB
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.js.dependencies.json 224 B
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.min.js 2.56 kB
./packages/cmf-cqrs/dist/TalendReactCmfCqrs.min.js.dependencies.json 224 B
./packages/cmf/dist/TalendReactCmf.js 93.6 kB
./packages/cmf/dist/TalendReactCmf.js.dependencies.json 421 B
./packages/cmf/dist/TalendReactCmf.min.js 31.5 kB
./packages/cmf/dist/TalendReactCmf.min.js.dependencies.json 419 B
./packages/components/dist/TalendReactComponents.css 33.3 kB
./packages/components/dist/TalendReactComponents.js 464 kB
./packages/components/dist/TalendReactComponents.js.dependencies.json 775 B
./packages/components/dist/TalendReactComponents.min.js 201 kB
./packages/components/dist/TalendReactComponents.min.js.dependencies.json 776 B
./packages/containers/dist/TalendReactContainers.css 534 B
./packages/containers/dist/TalendReactContainers.js.dependencies.json 412 B
./packages/containers/dist/TalendReactContainers.min.js.dependencies.json 415 B
./packages/datagrid/dist/TalendReactDatagrid.css 11.4 kB
./packages/datagrid/dist/TalendReactDatagrid.js 60 kB
./packages/datagrid/dist/TalendReactDatagrid.js.dependencies.json 372 B
./packages/datagrid/dist/TalendReactDatagrid.min.js 18.8 kB
./packages/datagrid/dist/TalendReactDatagrid.min.js.dependencies.json 375 B
./packages/forms/dist/TalendReactForms.css 4.71 kB
./packages/forms/dist/TalendReactForms.js.dependencies.json 486 B
./packages/forms/dist/TalendReactForms.min.js.dependencies.json 482 B
./packages/icons/dist/bundle.js 2.4 kB
./packages/icons/dist/info.js 1.96 kB
./packages/icons/dist/react.esm.js 185 kB
./packages/icons/dist/react.js 186 kB
./packages/icons/dist/talend-icons-webfont.css 2.86 kB
./packages/icons/dist/talendicons.css 199 B
./packages/icons/dist/TalendIcons.js 191 kB
./packages/icons/dist/TalendIcons.js.dependencies.json 107 B
./packages/icons/dist/TalendIcons.min.js 188 kB
./packages/icons/dist/TalendIcons.min.js.dependencies.json 109 B
./packages/sagas/dist/TalendReactSagas.js 2.5 kB
./packages/sagas/dist/TalendReactSagas.js.dependencies.json 168 B
./packages/sagas/dist/TalendReactSagas.min.js 924 B
./packages/sagas/dist/TalendReactSagas.min.js.dependencies.json 170 B
./packages/stepper/dist/TalendReactStepper.js 4.83 kB
./packages/stepper/dist/TalendReactStepper.js.dependencies.json 343 B
./packages/stepper/dist/TalendReactStepper.min.js 1.83 kB
./packages/stepper/dist/TalendReactStepper.min.js.dependencies.json 342 B
./packages/theme/dist/bootstrap.css 26.8 kB
./packages/theme/dist/bootstrap.js 358 B
./packages/theme/dist/bootstrap.js.dependencies.json 23 B

compressed-size-action

@jmfrancois jmfrancois left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you use div for example the div tag will have accept-charset, action and auto-complete attribute which are not valid.

@gjou-tlnd

Copy link
Copy Markdown
Contributor Author

If you use div for example the div tag will have accept-charset, action and auto-complete attribute which are not valid.

it's up to the developer to not provide these props when using a div

@gjou-tlnd
gjou-tlnd requested a review from jmfrancois August 19, 2021 14:21
@gjou-tlnd
gjou-tlnd merged commit 5a61345 into master Aug 19, 2021
@gjou-tlnd
gjou-tlnd deleted the gjou/feat/tuiform_custom_tag branch August 19, 2021 14:40
@github-actions github-actions Bot mentioned this pull request Aug 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants