Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bootstrap widget kickoff #537

Merged
merged 8 commits into from Nov 16, 2021

Conversation

PedroAMCoelho
Copy link
Contributor

@PedroAMCoelho PedroAMCoelho commented Oct 31, 2021

  • Basic configuration and imports
  • Added Reactstrap and Fontawesome for icons (because bootstrap-icons is not supported anymore for earlier bootstrap versions)
  • Implementation of BootstrapButton done.
  • All the other components (from core and value), except for BootstrapButton, have the same code of vanilla components for now (WIP).
  • Docs update pending
  • Tests pending

Associated issue: #167


IssueHunt Summary

Referenced issues

This pull request has been submitted to:


package.json Outdated Show resolved Hide resolved
@ukrbublik
Copy link
Owner

ukrbublik commented Nov 8, 2021

Sorry, haven't free time to review.
I think it worth creating feature branch bootstrap and set it as target for this PR.

@ukrbublik ukrbublik changed the base branch from master to bootstrap November 8, 2021 20:54
...BasicConfig.types,
number: {
...BasicConfig.types.number,
widgets: {
Copy link
Owner

@ukrbublik ukrbublik Nov 8, 2021

Choose a reason for hiding this comment

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

rangeslider (slider with 2 values) will not work for Bootstrap. (Please correct me if I'm wrong)

(You can see how it works for Antd and MUI when you select field=Slider op=Between in demo app)

So please leave

const types = {
  ...BasicConfig.types,
}

Copy link
Contributor Author

Choose a reason for hiding this comment

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

You were right - fixed this issue.

Copy link
Owner

@ukrbublik ukrbublik left a comment

Choose a reason for hiding this comment

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

Finished review.
See my comments about removing rangeslider, correct size of Button and use of ButtonGroup.
After changes I'll merge in bootstrap feature branch.
Thanks

let isOnlyIcon = typeToOnlyIcon[type];

return (
<Button size="small" color={typeToColor[type]} onClick={onClick}>
Copy link
Owner

Choose a reason for hiding this comment

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

Suggested change
<Button size="small" color={typeToColor[type]} onClick={onClick}>
<Button size="sm" color={typeToColor[type]} onClick={onClick}>

Copy link
Contributor Author

Choose a reason for hiding this comment

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

"small" size doesn't even exist in reactstrap docs, I probably mislead myself after copy-pasting the code from vanilla feature. Thanks.

import React from "react";

export default ({children, config}) => {
return <>{children}</>;
Copy link
Owner

Choose a reason for hiding this comment

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

Suggested change
return <>{children}</>;
return <ButtonGroup>{children}</ButtonGroup>;
import { ButtonGroup } from "reactstrap";

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added. Thanks.

@ukrbublik ukrbublik merged commit 9906ba9 into ukrbublik:bootstrap Nov 16, 2021
@unseen-debatable-net
Copy link

@PedroAMCoelho Thanks for starting work on this!
Is there a date by which you think you could get it merged in the main branch so that we could use all the great recent updates made to the project?

Thanks!

@PedroAMCoelho
Copy link
Contributor Author

@PedroAMCoelho Thanks for starting work on this! Is there a date by which you think you could get it merged in the main branch so that we could use all the great recent updates made to the project?

Thanks!

Hey, @unseen-debatable-net ! There is a pending Pull Request with the rest of the development of this feature (see the Pull Request #585). As I have included at least the basic features in this new bootstrap skin and I'm not going to add anything further for now, a merge with the main branch should be done as soon as this pending Pull Request is reviewed. Thanks!

ukrbublik pushed a commit that referenced this pull request Jan 18, 2022
* bootstrap widget - initial configs and structure

* Implementing button for bootstrap widget

* removing unnecessary code

* minor fix to bootstrap index.js

* removing use confirm from bootstrap widget

* removing use confirm from index.js

* moving bootstrap and fontawesome dependencies to peer dependencies and dev dependencies

* adding reactstrap button group, correcting size of button and removing rangeslider from bootstrap feature
ukrbublik pushed a commit that referenced this pull request Jan 18, 2022
* bootstrap widget - initial configs and structure

* Implementing button for bootstrap widget

* removing unnecessary code

* minor fix to bootstrap index.js

* removing use confirm from bootstrap widget

* removing use confirm from index.js

* moving bootstrap and fontawesome dependencies to peer dependencies and dev dependencies

* adding reactstrap button group, correcting size of button and removing rangeslider from bootstrap feature
ukrbublik pushed a commit that referenced this pull request Jan 18, 2022
* bootstrap widget - initial configs and structure

* Implementing button for bootstrap widget

* removing unnecessary code

* minor fix to bootstrap index.js

* removing use confirm from bootstrap widget

* removing use confirm from index.js

* moving bootstrap and fontawesome dependencies to peer dependencies and dev dependencies

* adding reactstrap button group, correcting size of button and removing rangeslider from bootstrap feature
ukrbublik added a commit that referenced this pull request Jan 18, 2022
* Bootstrap widget kickoff (#537)

* bootstrap widget - initial configs and structure

* Implementing button for bootstrap widget

* removing unnecessary code

* minor fix to bootstrap index.js

* removing use confirm from bootstrap widget

* removing use confirm from index.js

* moving bootstrap and fontawesome dependencies to peer dependencies and dev dependencies

* adding reactstrap button group, correcting size of button and removing rangeslider from bootstrap feature

* Applying Reactstrap input select (#570)

* applying reactstrap input select

* minor adjustment to multiselect

* Bootstrap - Implementing conjs and boolean (#585)

* implementing conjs and boolean

* adapting the other components with reactstrap Input

* implementing dropdown to obtain options with bootstrap styles

* stretching dropdown options - bootstrap

* adding bootstrap style to multiselect and its options

* implementing bootstrap field select

* adding margin to group items

* minor adjustment to item group spacing and adding key to fix warning

* fixing indentation and warning (#606)

* improve

* cool vs

* readme

* lint fix

* 4.10.0

Co-authored-by: Pedro Coelho <pedrocoelhoprojetos@gmail.com>
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.

None yet

3 participants